/* vietnamese */
@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 600;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.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;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.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: 'Cabin';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.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: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxFIzIFKw.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: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxMIzIFKw.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: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxEIzIFKw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxLIzIFKw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxHIzIFKw.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: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxGIzIFKw.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: 100;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1MmgVxIIzI.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: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.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: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.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: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.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: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.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: 300;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
    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;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.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: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.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: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.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: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.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: 700;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.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: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCRc4EsA.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: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfABc4EsA.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: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCBc4EsA.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBxc4EsA.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfCxc4EsA.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: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfChc4EsA.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: 900;
    src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmYUtfBBc4.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 Styles */
:root {
    --bs-primary: #57B957;
    --bs-bg: #F8F9FA;
    --bs-headings: #181C31;
    --bs-paragraph: #868686;
    --bs-primary-font:'Cabin';
    --bs-secondary-font:'Roboto';
}
.header-2 .home-slider-1
footer > *{
     color: #fff;
}
body{
  background-color: unset !important;
}
#page_content{
  overflow: hidden;
}

/* Global Styles */
h1, h2, h3, h4, h5, h6{
    font-family: var(--bs-primary-font);
    color:var(--bs-headings);
    font-weight: 800;
}
h1{
    font-size: 36px;
    line-height: 44px;
}
h2{
    font-size: 32px;
    line-height: 36px;
}
h3{
    font-size: 28px;
    line-height: 34px;
}
h4{
    font-size: 22px;
    line-height: 27px;
}
h5{
    font-size: 18px;
    line-height: 21px;
}
h6{
    font-size: 16px;
    line-height: 19px;
}
p{
    font-size: 15px;
    line-height: 22px;
    font-weight: 400;
    font-family: var(--bs-secondary-font);
    color: var(--bs-paragraph);
}
.dt-section{
    padding-top: 100px;
    padding-bottom: 100px;
}
.bg-image{
    background-repeat: no-repeat;
    background-size: cover;
}
img{
    width:100%;
    object-fit:cover;
}
[class *="form-type"].mb-3, [class *="form-actions"].mb-3  {
  margin-bottom: 0 !important;
}
a{
    color: var(--bs-secondary-heading);
    text-decoration: none;
    transition: all .3s ease-in-out;
}
a:hover{
    color: var(--bs-primary);
}
hr{
    width: 100%;
    height: 0px !important;
    background-color: transparent;
    border-top: 1px solid #0000002E;
    opacity: 1;
}
ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style: none;
}
a:focus{
  color: unset;
}
.container .container{
  padding:0;
  max-width: 100%;
  width:100%;
}
.sidebar .block{
  padding:0;
  margin-bottom: 50px;
  background-color: unset !important;
  border-color: unset !important;
  border:unset !important;
}
.sidebar >div:last-of-type{
  margin-bottom: 0;
}
.feed-icons{
  display: none;
}
.welcome-greetings{
  text-align: center;
}
.welcome-greetings img{
  width:200px;
  height:200px;
  border-radius: 50%;
  margin-bottom: 20px;
}
.welcome-greetings h1{
  margin-bottom: 30px;
}
/* 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);
  }
}

/* Header */
.header{
  display: none;
}
#header-1.active,
#header-2.active,
#header-3.active{
  display: block !important;
}
#header-1 .mega-menu .dropdown-item:hover a{
  color:var(--bs-primary);
}
.header .search-btn svg{
  width:15px;
  height:15px;
}
.header .dropdown-item{
  padding:13px 20px;
  min-width: 200px;
  position: relative;
}
.header .dropdown-item.dropdown-submenu .dropdown-menu{
  left:100%;
  top:0;
  margin-top: 0;
  border-radius: unset;
  border-left: 1px solid lightgray; 
}
.header .dropdown-item:last-of-type{
  border-bottom: none;
}
.header .dropdown-item a{
  color:var(--bs-headings);
  font-weight: 700;
  display: block;
  position: relative;
}
#header-2 .dropdown-item a::before,
#header-3 .dropdown-item a::before{
  display: none;
}
.header .dropdown-menu{
  border:none;
  padding:0;
}
.header .nav-item:hover > ul.dropdown-menu{ 
  z-index: 20;
  display: block;
  margin-top: 0;
  z-index: 10001;
}
.header .nav-item > ul.dropdown-menu.show{
  margin-top: 0;
}
.header .mega-menu .dropdown-menu li ul li.dropdown-item{
  border:none;
  padding:12px 15px;
}
.header .mega-menu:hover > ul.dropdown-menu{
  display: flex;
  justify-content:space-between;
}
.header .mega-menu > ul.dropdown-menu.show{
  margin-top: 0 ;
  display: flex;
  justify-content: space-between;
}
.header .nav-item.mega-menu{
  position: unset;
}
.header .nav-item.mega-menu .dropdown-item a::before{
  display: none;
}
header .nav-item.mega-menu ul.dropdown-menu{
  left:0;
  width:100%;
  padding:40px 40px !important;
}
header .nav-item.mega-menu ul.dropdown-menu .dropdown-item{
  border-bottom:unset !important;
}
.header .hamburger-menu .hamburger-menu-btn{
  background-color: unset;
  border: none;
}
.header .dropdown-toggle::after{
  display: none;
}
.header .dropdown-item:focus,
.header .dropdown-item:hover{
  background-color: transparent;
}
.lang-dropdown-menu .dropdown-menu{
  left:unset;
}
.lang-dropdown-menu svg{
  display:none;
}
.navbar-expand-lg .navbar-collapse{
  justify-content: flex-end;
}
.header .navbar{
  padding:0;
}
.header .lang-dropdown-menu .lang-dropdown-item .dropdown-menu{
  min-width: max-content;
  border-radius: unset !important;
  margin-top: 0;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu{
  padding: 10px 5px;
}
.header .nav-link{
  padding:30px 0px;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 36px;
}
#header-2 .nav-link{
  margin-right: 30px;
}
.header .nav-item{
  font-family: var(--bs-primary-font);
  font-size: 16px;
}
.header .nav-item .nav-link{
  color:var(--bs-headings);
  font-weight: 700;
  line-height: 19px;
}
.header .navbar-brand svg{
  width:170px;
}
#header-1 .hamburger-menu svg{
  width:22px;
  height: 22px;
}
#header-1{
  background-color: #fff;
  box-shadow: 0 0 5px lightgray;
}
.header .dropdown-menu{
  background-color: var(--bs-bg);
}
#header-2 .nav-item svg,
#header-3 .nav-item svg{
  display: none;
}
#header-1 .nav-item svg{
  width:10px;
  height: 10px;
}
#header-1 .search-btn svg{
  margin:0 35px;
  margin-left: 30px;
}
#header .navbar-toggler svg path
#header-1 .lang-dropdown-menu{
  margin-left: 10px;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a img{
  margin-right: 5px;
}
#header-1 .lang-dropdown-menu .lang-dropdown-item a{
  color:var(--bs-headings);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
}
#header-1 .nav-item .nav-link.active,
#header-1 .nav-item .nav-link:hover,
#header-1 .nav-item .nav-link.show{
  color:var(--bs-primary);
}
#header-1 .nav-item .nav-link.active svg path,
#header-1 .nav-item .nav-link:hover svg path,
#header-1 .nav-item .nav-link.show svg path{
  fill:var(--bs-primary);
  transition: 0.2s ease-in-out;
}
#header-1 .dropdown-wrapper > .dropdown-item:hover > a,
#header-1 .dropdown-wrapper > .dropdown-item:focus > a,
#header-1 .dropdown-item.dropdown-submenu:hover > a,
#header-1 .dropdown-item.dropdown-submenu:focus > a,
#header-1 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover > a,
#header-1 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus > a{
  color:var(--bs-primary)
}
#header-2 .lang-dropdown-menu .lang-dropdown-item a img,
#header-3 .lang-dropdown-menu .lang-dropdown-item a img{
  display: none;
}
#header-2 .lang-dropdown-menu{
  margin:0 35px;
  margin-top: 20px;
}
#header-2 .search-btn{
  margin-left: 17px;
  margin-top: 18px;
}
#header-2 .nav-item .nav-link{
  text-transform: uppercase;
  color:#fff;
  position: relative;
}
#header-2 .search-btn svg path{
  fill:#fff;
}
#header-2 .navbar-brand svg .cls-2{
  fill:#fff;
}
#header-2 .nav-link{
  padding-bottom: 10px;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item > a,
#header-3 .lang-dropdown-menu .lang-dropdown-item > a{
  color:#fff !important;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item  a,
#header-3 .lang-dropdown-menu .lang-dropdown-item  a{
  color:var(--bs-headings);
  text-transform: uppercase;
  font-weight: 700;
  display: flex;
  align-items: center;
}
#header-3 .lang-dropdown-menu .lang-dropdown-item a{
  padding:10px 0;
}
#header-3 .lang-dropdown-menu .lang-dropdown-item a{
  text-transform: capitalize;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:hover{
  background-color: var(--bs-primary);
  transition: 0.2s ease-in-out;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:hover a{
  color:#fff;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li a:hover{
  color:#fff !important;
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li{
  padding:12px;
  border-bottom: 1px solid rgb(128, 128, 128, 0.3);
}
#header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li:last-of-type{
  border:none;
}
#header-2 .header-2-logo{
  margin-top: 15px;
}
#header-2 .dropdown-menu{
  padding:0;
}
#header-2 .dropdown-item{
  padding:13px 20px;
  border-bottom: 1px solid lightgray;
}
#header-2 .dropdown-menu .dropdown-item:last-of-type{
  border-bottom: unset;
}
#header-2 .dropdown-item:hover,
#header-2 .dropdown-item:focus{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
#header-2 .dropdown-wrapper > .dropdown-item:hover > a,
#header-2 .dropdown-wrapper > .dropdown-item:focus > a,
#header-2 .dropdown-item.dropdown-submenu:hover > a,
#header-2 .dropdown-item.dropdown-submenu:focus > a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover > a,
#header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus > a{
  color:#fff;
}
#header-2 .dropdown-item::before{
  display:none;
}
#header-2 .mega-menu .dropdown-menu li ul li.dropdown-item:hover{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
#header-2 .get-quote-btn{
  margin-top: 18px;
}
#header-2 .mega-menu .dropdown-menu li ul li.dropdown-item:hover a{
  color:#fff;
}
#header-3{
  border-bottom: 1px solid rgb(255, 255, 255, 34%);
}
#header-3 .lang-dropdown-menu .dropdown-menu {
  padding: 8px;
}
#header-3 .navbar-brand svg .cls-2{
  fill:#fff;
}
#header-3 .nav-item .nav-link {
  color:#fff;
}
#header-3 .search-btn svg path{
  fill:#fff;
}
#header-3 .header-contact-number{
  margin-right: 30px;
}
#header-3 .header-contact-number a{
  color:#fff;
  font-weight: 700;
  font-size: 16px;
}
#header-3 .header-contact-number a:hover{
  color:var(--bs-primary);
}
#header-3 .dropdown-menu .dropdown-item:last-of-type{
  border-bottom: none;
}
#header-3 .lang-dropdown-menu{
  margin:0 30px;
}
#header-3 .nav-link{
  margin-right: 30px;
  position: relative;
}
#header-3 .dropdown-menu{
  padding:0;
  border-radius: 3px !important;
}
#header-3 .dropdown-item{
  padding:13px 20px;
  border-bottom: 1px solid lightgray;
}
#header-3 .get-quote-btn .btn{
  border-radius: 9999px;
}
#header-3 .dropdown-wrapper > .dropdown-item:hover > a,
#header-3 .dropdown-wrapper > .dropdown-item:focus > a,
#header-3 .dropdown-item.dropdown-submenu:hover > a,
#header-3 .dropdown-item.dropdown-submenu:focus > a,
#header-3 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover > a,
#header-3 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus > a{
  color:var(--bs-primary)
}
#header-3 .mega-menu .dropdown-menu li ul li.dropdown-item:hover a{
  color:var(--bs-primary);
}
.bg-gray{
  background-color: var(--bs-bg);
}


/* Header variations */
#header-2{
  transition: 0.3s ease-in-out;  
}
body.scrolled #header-2{
  background-color: var(--bs-headings);
  transition: 0.3s ease-in-out;
}
body.scrolled #header-2 .header-2-logo{
  margin-top: -4px !important;
}
body.scrolled #header-2 .search-btn{
  margin-top: -2px !important;
}
body.scrolled #header-2 .lang-dropdown-menu{
  margin-top: 0;
}
body.scrolled #header-2 .get-quote-btn{
  margin-top: -2px !important; 
}
#header-3{
  transition: 0.3s ease-in-out;
}
body.scrolled #header-3{
  background-color: var(--bs-headings);
  transition: 0.3s ease-in-out;
  border-bottom: unset;
}
#header-2.navSticky{
  background-color: unset !important;
  position: absolute;
}
#header-1.navSticky{
  position: absolute;
}
#header-3.navSticky{
  position: absolute;
  background-color: unset !important;
  border-bottom: 1px solid rgb(255, 255, 255,34%) !important;
}
/* hamburger-menu */
.hamburger-content .overlay-btn svg{
  width:30px;
  height:30px;
}
.hamburger-content .overlay-btn svg path{
  fill:#fff;
}
.hamburger-content .overlay-btn button{
  background-color: unset;
  border:none;
  position: relative;
  right:-30px;
  top:30px;
}
.hamburger-content .overlay-btn{
  text-align: right;
}
.hamburger-content .offcanvas{
  background-color: var(--bs-headings);
  width:460px;
}
.hamburger-content .content{
  height:100%;
  padding:0 55px;
}
.hamburger-content .content h3{
  color:#fff;
  font-weight: 800;
  margin-bottom: 20px;
}
.hamburger-content .content .about-hamburger{
  margin-top: 35px;
}
.hamburger-content .content .contact-hamburger{
  margin-top: 35px;
}
.hamburger-content .content .cta-hamburger{
  margin-top: 35px;
}
/* /footer */
.pt-footer{
  background-color: var(--bs-headings);
}
.pt-footer.dt-section{
  padding-bottom: 0;
}
.pt-footer h2{
  margin-bottom: 14px;
}
.pt-footer h2,
.pt-footer h4{
  color:#fff;
  font-weight: 800;
}
.pt-footer h4{
  margin-bottom: 24px;
}
.pt-footer .footer-top .content{
  display: flex;
  justify-content: space-between;
  padding-bottom: 24px;
  border-bottom: 2px solid rgb(128, 128, 128,0.5);
  margin-bottom: 50px;
}
.pt-footer .footer-top .content a{
  color:#fff;
}
.pt-footer .footer-top .content a:hover{
  color:var(--bs-primary);
}
.pt-footer .copyrights p{
  text-align: center;
  color:#fff;
  margin-bottom: 0;
}
.pt-footer .copyrights a{
  color:#fff;
}
.pt-footer .copyrights{
  padding-top:17px;
  padding-bottom: 15px;
  margin-top: 37px;
  background-color:rgb(128, 128, 128, 0.2);
}
.pt-footer .social-media-profiles .content{
  display: flex;
}
.pt-footer .social-media-profiles .content li{
  padding:9px 14px;
  background-color: rgb(128, 128, 128, 0.2);
  border-radius: 50%;
  margin-right: 20px;
}
.pt-footer .social-media-profiles .content li:hover{
  background-color: var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.pt-footer .social-media-profiles .content li:last-of-type{
  margin-right: 0;
}
.pt-footer .social-media-profiles .content .fontawesome-icons{
  color:#fff;
}
.pt-footer .social-media-profiles form{
  margin-bottom: 40px;
}
.pt-footer .social-media-profiles .input-group{
  display: flex;
}
.pt-footer a{
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
}
.pt-footer a:hover{
  color:var(--bs-primary);
}
.pt-footer .newsletter-submit{
  background-color: var(--bs-primary);
  display: flex;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pt-footer .newsletter-submit button{
  background-color: unset;
  border:none;
  box-shadow: none;
  padding:17px;
}
.pt-footer .newsletter-submit button svg{
  width:20px;
  height: 20px;
  display: flex;
  align-items: center;
  margin: auto;
}
.pt-footer .newsletter-submit button svg path{
  fill:#fff
}
.pt-footer .newsletter-mail input{
  width:246px;
  padding:15px 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  font-family: var(--bs-secondary-font);
}
.pt-footer .newsletter-mail input:focus{
  background-color: #fff;
}
.pt-footer .newsletter-mail input::placeholder{
  font-size: 14px;
  font-family: var(--bs-secondary-font);
}
.pt-footer .newsletter-mail .mb-3{
  margin-bottom: 0 !important;
}
.pt-footer .footer-links h4,
.pt-footer .footer-address h4{
  margin-bottom: 22px;
}
.pt-footer .footer-address .address-call{
  width: max-content;
  margin-left: auto;
}
.pt-footer .footer-links ul{
  display: flex;
  flex-direction: column;
  height:160px;
  flex-wrap: wrap;
}
.pt-footer .footer-links ul li{
  padding:0 0 8px;
  font-size: 15px;
  font-weight: 500;
}
.pt-footer{
  position: relative;
}
.pt-footer .col-12{
  z-index: 2;
}
.pt-footer::before{
  content: '';
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url('Footer-BG.png');
  position: absolute;
  width:100%;
  height:100%;
  opacity: 0.2;
  top:0;
  left:0;
}

/* Page Banner */
.page-banner{
  position: relative;
}
.page-banner .heading h1{ 
  color:#fff;
  text-align: center;
}
.page-banner .banner-breadcrumb .breadcrumb{
  position: absolute;
  bottom:0;
  width:100%;
  background-color: rgb(0, 0, 0,0.4);
  margin-bottom: 0;
  padding:12px;
  justify-content: center;
}
.page-banner .banner-breadcrumb .breadcrumb .breadcrumb-item a{
  color:#fff;
}
.page-banner .banner-breadcrumb .breadcrumb .breadcrumb-item.active{
  color:#fff;
}
.breadcrumb-item+.breadcrumb-item::before{
  color:#fff;
}
/* Elements */
.code-block {
  font-size: 20px;
  background-color: #000000;
  padding: 20px 55px;
  color: #FFF;
  border-radius: 0px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 500;
}
/* Accordion */
.accordion h2:first-of-type{
  margin-bottom: 35px;
}
.accordion-style-1 .item {
  position: relative;
  padding-bottom: 30px;
}
.accordion-style-1 .item:last-of-type {
  padding-bottom: 0px;
}
.accordion-style-1 a {
  font-size: 28px;
  font-family: var(--bs-primary-font);
  font-weight: 700;
  color: var(--bs-headings);
  margin: 0px;
  position: relative;
  display: flex;
  align-items: center;
}
.accordion-style-1 p {
  padding-top: 20px;
  padding-left: 50px;
  margin-bottom: 0px;
}
.accordion-style-1 .item-content {
  transition: 0s ease-in-out;
}
.accordion-style-1 .item-content::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  content: "";
  margin-top: auto;
  margin-bottom: auto;
  transform: translateY(18px);
  height: 60%;
  border-left: 2px dashed var(--bs-secondary-gray);
}
.accordion-style-1 .item:last-of-type .item-content::before {
  display: none;
}
.accordion-style-1 a svg,
.accordion-style-2 a svg {
  width: 12px;
  height: 12px;
  transition: .5s ease-in-out;
}
.accordion-style-1 a .icon svg path,
.accordion-style-2 a .icon svg path {
  fill: #FFF;
}
.accordion-style-2 .icon{
  width:28px;
  height: 28px;
}
.accordion-style-1 .icon,
.accordion-style-2 .icon{
  position: relative;
  min-width: 28px;
  min-height: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-primary);
  border-radius: 50%;
  margin-right: 20px;
}
.accordion-style-1 .item:last-of-type::before,
.accordion-style-2 .item:last-of-type::before {
  display: none;
}
.accordion-style-1 a .icon .overlay-icon,
.accordion-style-2 a .icon .overlay-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  opacity: 0;
  transition: .5s ease-in-out;
}
.accordion-style-1 a .icon .overlay-icon svg rect,
.accordion-style-2 a .icon .overlay-icon svg rect {
  fill: #FFF;
}
.accordion-style-1 a[aria-expanded="true"] svg,
.accordion-style-2 a[aria-expanded="true"] svg {
  height: 0px;
  transition: .5s ease-in-out;
}
.accordion-style-1 a[aria-expanded="true"] .overlay-icon svg,
.accordion-style-2 a[aria-expanded="true"] .overlay-icon svg {
  width: 10px;
  height: 10px;
}
.accordion-style-1 a[aria-expanded="true"] .icon .overlay-icon,
.accordion-style-2 a[aria-expanded="true"] .icon .overlay-icon {
  opacity: 1;
}
.accordion-style-2 .item {
  padding: 30px 0px;
  background-color: var(--bs-secondary-bg);
  margin-bottom: 0px;
  border-bottom: 1px solid lightgrey;
}
.accordion-style-2 .item:last-of-type {
  margin-bottom: 0px;
}
.accordion-style-2 .item a {
  font-size: 28px;
  line-height: 34px;
  font-family: var(--bs-primary-font);
  font-weight: 700;
  color:var(--bs-headings);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion-style-2 .item p {
  padding-top: 15px;
  margin-bottom: 0px;
}
.accordion .code-block:last-of-type {
  margin-bottom: 0px;
}
.accordion a:hover{
  color:unset;
}
.accordion-style-2 .icon{
  margin-right: 0;
}
.accordion h2{
  font-weight: 700;
}

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

/* Audio and Video */
[class*= "video-style-"] a {
  cursor: pointer;
}
.video-style-1 .item {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.video-style-1 .item::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(41, 48, 73, 0.7);
}
.video-style-1 .item-content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex: 1;
  padding-top: 100px;
  padding-bottom: 100px;
}
.video-style-1 a {
  background-color: transparent;
  border-radius: 50%;
  animation: play-animation-white 2s linear infinite;
  width: max-content;
  height: max-content;
}
.video-style-1 a svg {
  width: 80px;
  height: 80px;
}
.video-style-1 a svg path {
  fill: #FFF;
}
.video-style-2 .item .image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.video-style-2 .item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.video-style-2 .item .overlay h2{
  color:#fff;
  width:50%;
  text-align: center;
  margin-bottom: 35px;
  font-weight: 800;
}
.video-style-2 .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgb(41, 48, 73, 0.7);
}
.video-style-2 a {
  width: max-content;
  height: max-content;
  color:#fff !important;
  font-family: var(--bs-secondary-font);
  font-weight: 700;
  display: flex;
  align-items: center;
  padding:18px 20px !important;
}
.video-style-2 a svg {
  width: 20px;
  height: 20px;
  margin-right: 6px;
  margin-bottom: 3px;
}
.video-style-2 a svg path {
  fill: #FFF;
}
.video-style-3 .item .image {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.video-style-3 .item img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}
.video-style-3 .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: flex;
  width: max-content;
  height: max-content;
  justify-content: center;
  align-items: center;
  padding: 20px;
  border-radius: 50%;
  background-color: var(--bs-secondary-heading);
}
.video-style-3 a span {
  background-color: transparent;
  border-radius: 50%;
  animation: play-animation-white 2s linear infinite;
  width: max-content;
  height: max-content;
}
.video-style-3 a span svg {
  width: 40px;
  height: 40px;
}
.video-style-3 a svg path {
  fill: #FFF;
}
.audio-videos .container:last-of-type .code-block {
  margin-bottom: 0px;
}
.audio-videos h2{
  margin-bottom: 35px;
  font-weight: 800;
}

/* Blockquotes */
.blockquote-style-1 {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.blockquote-style-1 .icon svg {
  width: 52px;
  height: auto;
  margin-right: 20px;
}
.blockquote-style-1 .icon svg path {
  fill: var(--bs-primary);
}
.blockquote-style-1 p {
  font-size: 18px;
  font-family: var(--bs-secondary-font);
  font-style: italic;
  font-weight: 600;
  line-height: 27px;
  color: var(--bs-headings);
  margin-bottom: 0px;
  padding:55px 50px;
  border-left: 3px solid var(--bs-primary);
  position: relative;
  background-color: var(--bs-bg);
}
.blockquote-style-1 p svg{
  width: 85px;
  height: 85px;
  position: absolute;
  top: 20px;
  bottom: 0;
  right: 50px;
  margin: auto;
  opacity: 0.2;
}
.blockquote-style-1 p svg path{
  fill:var(--bs-primary);
}
.blockquote-style-2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 40px 40px;
  padding-left: 110px;
  position: relative;
  background-color: var(--bs-primary);
}
.blockquote-style-2 .icon svg {
  width: 43px;
  height: 43px;
  margin-bottom: 20px;
  transform: rotate(180deg) rotateX(180deg);
  position: absolute;
  left:40px;
  top:36px;
}
.blockquote-style-2 .icon svg path {
  fill:#fff
}
.blockquote-style-2 p {
  font-size: 18px;
  font-family: var(--bs-primary-font);
  font-weight: 500;
  line-height: 26px;
  color: var(--bs-secondary-heading);
  margin-bottom: 20px;
  color:#fff
}
.blockquote-style-2 span {
  display: block;
  color:#fff;
  font-size: 16px;
  font-family: var(--bs-secondary-font);
  font-weight: 600;
}
.blockquotes .code-block:last-of-type {
  margin-bottom: 0px;
}
.blockquotes h2{
  margin-bottom: 35px;
  font-weight: 700;
}

/* Buttons */
.btn {
  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;
  font-size: 15px;
  letter-spacing: 0.15px;
  font-weight: 700;
  min-width: 160px;
  height: 55px;
  line-height: 1.2;
}
.btn-primary:active,
.btn-primary:focus {
  box-shadow: none !important;
}
.btn-primary:focus {
  color: #FFF;
  background-color: var(--bs-secondary-heading);
  border: var(--bs-secondary-heading);
}
.btn-primary {
  color: #FFF;
  background-color: var(--bs-primary);
  border: 2px solid var(--bs-primary);
}
.btn-secondary {
  color: #FFF;
  background-color:black;
  border: 2px solid black;
}
.btn-dark {
  color: #FFF;
  background-color: blue;
  border: 2px solid blue;
}
.btn-dark:hover {
  color: blue;
  background-color: transparent;
  border: 2px solid blue;
}
.btn-primary:hover,
.btn-primary:focus {
  color: var(--bs-primary);
  background-color: transparent;
  border: 2px solid var(--bs-primary);
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: black;
  background-color: transparent;
  border: 2px solid black;
}
.btn-dark:hover,
.btn-dark:focus {
  color: blue;
  background-color: transparent;
  border: 2px solid blue;
}
.btn-sm {
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.14px;
  font-weight: 700;
  min-width: 108px;
  height: 38px;
}
.btn-lg {
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.16px;
  font-weight: 700;
  min-width: 180px;
  height: 58px;
}
.btn:focus {
  box-shadow: none;
}
.btn-style-1 {
  position: relative;
  border-radius: 50px;
  color: #fff;
  padding: 0px 32px !important;
  border-radius: 3px;
}
.btn-style-2 {
  border-radius: 50px;
}
.btn-style-3{
  border-radius: 3px;
}
.btn-style-4{
  border-radius: 30px;
}
.btn-outline-primary {
  color: var(--bs-primary);
  background-color: transparent;
  border: 2px solid var(--bs-primary);
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color:#fff;
}
.btn-outline-secondary {
  color: black;
  background-color: transparent;
  border: 1px solid black;
}
.btn-outline-secondary:hover {
  background-color: black;
  border-color: black;
  color:#fff;
}
.btn-outline-dark {
  color: blue;
  background-color: transparent;
  border: 2px solid blue;
}
.btn-outline-dark:hover {
  background-color: blue;
  border-color: blue;
  color:#fff;
}
.btn-link.btn-sm{
  font-size: 16px;
  line-height: 19px;
}
.btn-link.btn-lg{
  font-size: 20px;
  line-height: 24px;
}
.btn-link {
  position: relative;
  font-family: var(--bs-primary-font);
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  letter-spacing: unset;
  padding: 0px !important;
  min-width: unset;
  width: max-content;
  height: unset;
  background-color: transparent !important;
  border: transparent !important;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: underline;
}
.btn-link-primary{
  color:var(--bs-primary)
}
.btn-link-secondary{
  color:black;
}
.btn-link-dark{
  color:blue;
}
.btn-link-primary:hover {
  color: black;
}
.btn-link-secondary:hover {
  color: var(--bs-primary)
}
.btn-link-dark:hover {
  color: black;
}
.btn-link-primary:hover::before {
  border-color: var(--bs-primary);
}
.btn-link-secondary:hover::before {
  border-color: #F5104E;
}
.btn-link-dark:hover::before {
  border-color: var(--bs-secondary-heading);
}
[class *= 'button-style-'] .item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
[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*="button-style-"] .item a {
  margin-bottom: 26px;
}
[class*="button-style-"] .item a:last-of-type {
  margin-bottom: 0px;
}
.btn-outline-primary.white {
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
}
.btn-outline-primary.white:hover {
  color: var(--bs-primary);
  background-color: #FFF;
  border-color: #FFF;
}
.btn-primary.white {
  color: var(--bs-primary);
  background-color: #FFF;
  border-color: #FFF;
}
.btn-primary.white:hover {
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
}
.btn-primary.hover-white:hover {
  color: #FFF;
  background-color: transparent;
  border: 2px solid #FFF;
}
.buttons .container:last-of-type .code-block {
  margin-bottom: 0px;
}
.buttons h2{
  margin-bottom: 35px;
  font-weight: 700;
}

/* Dividers */
.dividers p {
  font-size: 22px;
  font-weight: 600;
  color: var(--bs-headings);
  font-family: var(--bs-primary-font);
  margin-bottom: 20px;
}
.divider-style-1 {
  background-color: transparent;
  opacity: 1;
  border-top: 2px solid var(--bs-headings);
}
.divider-style-2 {
  background-color: transparent;
  opacity: 1;
  border-top: 2px dashed var(--bs-headings);
}
.divider-style-3 {
  background-color: var(--bs-headings);
  opacity: 1;
  height: 4px !important;
  border-radius: 50px;
}
.divider-style-4 {
  background-color: transparent;
  opacity: 1;
  border-top: 5px dotted var(--bs-headings);
}
.dividers .row>div:last-child .code-block {
  margin-bottom: 0px;
}
.dividers h2{
  margin-bottom: 35px;
  font-weight: 700;
}

/* Drop Caps */
.dropcaps-style-1::first-letter {
  font-size: 25px;
  font-family: var(--bs-secondary-font);
  color: #FFF;
  font-weight: 700;
  float: left;
  line-height: 25px;
  padding: 7.5px 13px;
  border-radius: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-primary);
  margin-right: 13px;
  margin-top: 3px;
}
.dropcaps-style-2::first-letter {
  font-size: 25px;
  font-family: var(--bs-secondary-font);
  color: #FFF;
  font-weight: 700;
  float: left;
  line-height: 25px;
  padding: 7.5px 13px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--bs-primary);
  margin-right: 13px;
  margin-top: 3px;
}
.dropcaps .code-block:last-of-type {
  margin-bottom: 0px;
}
.dropcaps h2{
  font-weight: 700;
  margin-bottom: 35px;
}


/* Forms */
.nice-select {
  line-height: 1.5;
  height: max-content;
  width: 100%;
  background-image: unset;
  color: var(--bs-secondary-gray) !important;
}
.nice-select:after {
  width: 8.5px;
  height: 8.5px;
  right: 26px;
}
.nice-select.open .list {
  margin-top: 0px;
  width: 100%;
  border: 1px solid #00000026;
  border-radius: 5px;
  box-shadow: none;
}
[class*="form-style-"] input,
[class*="form-style-"] textarea,
[class*="form-style-"] .nice-select {
  font-size: 15px;
  color: var(--bs-secondary-heading);
  font-weight: 400;
  font-family: var(--bs-secondary-font);
}
.form-style-1 input,
.form-style-1 textarea,
.form-style-1 .nice-select {
  border: 1px solid #00000026;
  border-radius: 0px;
  padding: 18px 22px;
  margin-bottom: 20px;
}
.form-style-1 textarea {
  padding: 20px 26px;
  height: 130px;
}
.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: 52px;
  margin-left: auto;
  margin-right: auto;
  font-family: var(--bs-primary-font);
}
.form-style-3 input,
.form-style-3 textarea,
.form-style-3 .nice-select {
  border: none;
  border-bottom: 2px solid #0000007a;
  border-radius: 0px;
  padding: 18px 26px;
  padding-top: 0px;
  padding-left: 0px;
  background-color: transparent;
  margin-bottom: 45px;
}
.form-style-3 textarea {
  margin-bottom: 0px;
}
.forms .nice-select span,
.form-style-1 input::placeholder,
.form-style-2 input::placeholder,
.form-style-3 input::placeholder{
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  color:rgb(255, 255, 255, 0.5);
}
.form-style-3 .nice-select {
  line-height: 1.5;
  height: max-content;
  width: 100%;
  background-image: unset;
}
.form-style-3 .nice-select:after {
  right: 0px;
  margin-top: -16px;
}
.form-style-3 .nice-select.open .list {
  border-radius: 0px;
}
.form-style-3 .btn {
  margin-top: 46px;
  margin-right: auto;
  font-family: var(--bs-primary-font);
}
.forms .code-block:last-of-type {
  margin-bottom: 0px;
}
.forms h2{
  margin-bottom: 35px;
  font-weight: 700;
}
.form-control:focus,
.form-select:focus{
  border-color: unset;
  box-shadow: unset;
  background-color: unset;
}
/* Grids */
.grids .container:last-of-type .code-block {
  margin-bottom: 0px;
}
.grids h2{
  font-weight: 700;
  margin-bottom: 35px;
}
/* Headings */
.headings h1,
.headings h2,
.headings h3,
.headings h4,
.headings h5,
.headings h6 {
    margin-bottom: 35px;
    font-weight: 700;
}
.headings .code-block:last-of-type {
    margin-bottom: 0px;
}
/* Highlights */
.highlights p {
  margin-bottom: 0px;
}
.highlight-style-1 {
  font-weight: 700;
  font-family: var(--bs-secondary-font);
  color: var(--bs-primary);
}
.highlight-style-2 {
  padding: 1px 4px;
  color: #FFF;
  background-color: var(--bs-primary);
  font-family: var(--bs-secondary-font);
  border-radius: 0px;
  margin-left: -3px;
  margin-right: -3px;
}
.highlights .code-block:last-of-type {
  margin-bottom: 0px;
}
.highlights h2{
  font-weight: 700;
  margin-bottom: 35px;
}

/* Icons */
.icons>.container {
  overflow: hidden;
}
.icons-list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -33.5px;
  margin-right: -33.5px;
}
.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-headings);
  margin-left: 33.5px;
  margin-right: 33.5px;
}
.icon-style svg {
  width: 30px;
  height: 30px;
  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 .container:last-of-type .code-block {
  margin-top: 0px;
  margin-bottom: 0px;
}
.social-icon-list .icons-list .icon-style{
  margin-bottom: 50px;
}
.icons h2,
.social-icon-list h2{
  margin-bottom: 40px;
  font-weight: 700;
}
/* Images */
.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;
}
.images h2{
  margin-bottom: 35px;
  font-weight: 700;
}
/* Lists */
.lists h2 {
  margin-bottom: 35px;
  font-weight: 700;
}
[class*="list-style-"] li {
  font-size: 15px;
  line-height: 18px;
  font-family: var(--bs-secondary-font);
  color: var(--bs-paragraph);
  margin-bottom: 15px;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
[class*="list-style-"] li:last-child {
  margin-bottom: 0px;
}
.list-style-1 .icon svg {
  width: 14px;
  height: 14px;
  margin-right: 8px;
  margin-top: -3px;
}
.list-style-1 .icon svg rect {
  fill: var(--bs-primary);
}
.list-style-2 li svg {
  width: 11px;
  height: auto;
  margin-right: 12px;
  margin-top: -4px;
}
.list-style-1 li svg path,
.list-style-2 li svg path {
  fill: var(--bs-primary);
}
.list-style-3 li svg {
  width: 6px;
  height: auto;
  margin-right: 14px;
  margin-top: -2px;
}
.list-style-3 li svg path {
  fill: var(--bs-primary);
}
.lists .code-block:last-of-type {
  margin-bottom: 0px;
}

  /* Progress Bar */
.progress-bars h4 {
  margin-bottom: 20px;
  font-weight: 800;
}
.progress {
  border-radius: 50px;
  overflow: visible;
  background-color: var(--bs-secondary-bg);
  height: 4px;
}
.progress h6 {
  font-size: 16px;
  font-weight: 600;
  font-family: var(--bs-primary-font);
  transform: translateY(6px);
}
.progress-bar {
  background-color: var(--bs-primary);
  position: relative;
  overflow: unset;
}
.progress-bar h5 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -40px;
  margin-right: -15px;
  font-weight: 700;
  color: var(--bs-secondary-heading);
}
.progress-bar-style-1 .progress {
  position: relative;
}
.progress-bar-style-1 h5 {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -40px;
  margin-right: 0px;
  font-weight: 700;
  color: var(--bs-secondary-heading);
  font-size: 24px;
}
.progress-bar-style-1 .progress {
  border-radius: 0px;
  background-color: rgb(128, 128, 128, 0.15);
}
.progress-bar-style-1 .progress-bar {
  border-radius: 0px;
  background-color: var(--bs-primary);
}
.progress-bar-style-2 .progress {
  position: relative;
}
.progress-bar-style-2 h4 {
  margin-top: 20px;
  margin-bottom: 0px;
}
.progress-bar-style-2 span {
  display: block;
  font-size: 25px;
  font-family: var(--bs-primary-font);
  font-weight: 700;
  margin-bottom: 20px;
}
.progress-bar-style-2 .progress {
  border-radius: 0px;
  background-color: var(--bs-secondary-bg);
}
.progress-bar-style-2 .progress-bar {
  border-radius: 0px;
  background-color: var(--bs-primary);
}
.progress-bar-style-3 .progress {
  position: relative;
}
.progress-bar-style-3 h5 {
  position: relative;
  top: 0;
  margin-top: -45px;
  margin-left: -30px;
  font-weight: 700;
  color: var(--bs-secondary-heading);
  font-size: 24px;
}
.progress-bar-style-3 .progress {
  border-radius: 0px;
  background-color:rgb(128, 128, 128, 0.15);
}
.progress-bar-style-3 .progress-bar {
  position: relative;
  border-radius: 0px;
  background-color: var(--bs-primary);
}
.progress-bar-style-3 .progress-bar::after {
  position: absolute;
  content: "";
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: var(--bs-primary);
}
.progress-bars .code-block:last-of-type {
  margin-bottom: 0px;
}
.progress-bar-style-4.progress-bar-style-1 h5{
  top:65px;
  padding:5px 7px;
  background-color:var(--bs-headings);
  color:#fff;
  border-radius: 3px;
  font-size: 17px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
}
.progress-bar-style-4.progress-bar-style-1{
  padding: 0 0 50px;
}
.progress-bar-style-4.progress-bar-style-1 h5::before{
  position: absolute;
  content: "";
  left: 0;
  right:0;
  margin-left: auto;
  margin-right: auto;
  top: -8px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid black;
  width: 0;
  height: 0;
  border-radius: 1px;
}
.progress-bars h2{
  margin-bottom: 35px;
  font-weight: 800;
}
[class *="progress-bar-style-"] .progress-bar{
  animation: progressbar 2s ease-in-out;
  animation-delay: .8s;
  background-color: var(--bs-primary);
}
@keyframes progressbar{
  0%{
      width: 0;
  }
}

 /* Maps */
 .map-style-1 iframe {
  display: block;
  width: 100%;
  height: 500px;
}
.map .code-block {
  margin-bottom: 0px;
}
.map h2{
  margin-bottom: 35px;
  font-weight: 800;
}
/* Tooltips */
[id*="tooltips-style-"] p span {
  color: var(--bs-primary);
  cursor: pointer;
}
.tooltip-1{
  margin-bottom: 5px !important;
}
.tooltip {
  opacity: 1 !important;
  z-index: 1;
}
[class*="tooltip-"] > .tooltip-inner {
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  font-weight: 400;
  background: var(--bs-primary);
  padding: 3px 8px;
  display: flex;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  z-index: -1 !important;
}
.tooltip-2 > .tooltip-inner {
  border-radius: 0px !important;
}
[class*="tooltip-"] .tooltip-arrow::before {
  border-top-color: var(--bs-primary);
  border-bottom-color: var(--bs-primary);
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before {
  border-color: transparent;
  border-left-color: var(--bs-primary);
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .bs-tooltip-end .tooltip-arrow::before {
  border-color: transparent;
  border-right-color: var(--bs-primary);
}
.bs-tooltip-start .tooltip-inner,
.bs-tooltip-end .tooltip-inner {
  margin-top: 8px;
}
.tooltips .container .code-block:last-of-type {
  margin-bottom: 0px;
}
.tooltips h2{
  margin-bottom: 35px;
  font-weight: 800;
}
/* Tabs */
[class*="tabs-style-"] .nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  width: max-content;
  max-width: 100%;
  margin-bottom: 20px;
}
[class*="tabs-style-"] .nav-link {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  font-family: var(--bs-primary-font);
  color: var(--bs-secondary-heading);
  padding: 0px;
  margin-left: 20px;
  margin-right: 20px;
  cursor: pointer;
  font-weight: 800;
}
[class*="tabs-style-"] .tab-pane {
  font-size: 15px;
  font-weight: 400;
  font-family: var(--bs-secondary-font);
  color: var(--bs-paragraph);
}
.tabs-style-1 ul .nav-link.active {
  color: var(--bs-primary);
}
.tabs-style-2 ul .nav-link {
  padding-bottom: 8px;
}
.tabs-style-2 ul .nav-link::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 0px;
  height: 0px;
  border-bottom: 3px solid var(--bs-primary);
  transition: .3s ease-in-out;
}
.tabs-style-2 ul .nav-link.active {
  color: var(--bs-primary);
}
.tabs-style-2 ul .nav-link.active::before {
  width: 20px;
}
.tabs-style-2 ul .nav-link:hover::before {
  width: 20px;
}
.tabs-style-3 ul .nav-link {
  padding: 4px 20px;
  margin: 0px 0px;
  border-radius: 50px;
  background-color: transparent;
}
.tabs-style-3 ul .nav-link.active {
  color: #FFF;
  background-color: var(--bs-primary);
}
.tabs .code-block:last-of-type {
  margin-bottom: 0px;
}
.tabs h2{
  margin-bottom: 35px;
  font-weight: 800;
}

/* Tables */
.tables h2{
  margin-bottom: 35px;
  font-weight: 800;
}
[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);
  font-weight: 800 !important;
  padding: 20px 15px;
  border-left: 2px solid #FFF !important;
}
[class*="table-style-"] table td {
  font-size: 16px;
  font-family: var(--bs-secondary-font);
  font-weight: 400;
  padding: 24px 15px;
  color: var(--bs-paragraph);
  background-color: var(--bs-secondary-bg) !important;
}
[class*="table-style-"] .table th:first-of-type {
  border-left: 2px solid transparent !important;
}
[class*="table-style-"] .table thead tr:not([class*="table-style-3"] .table thead tr) {
  color: #FFF;
  background-color: var(--bs-headings);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
[class*="table-style-"] table tr:not([class*="table-style-3"] table tr) {
  border-top: 2px solid #0000002E;
}
[class*="table-style-"] table tbody tr:last-child:not([class*="table-style-3"] 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-3"] table th),
[class*="table-style-"] table td:not([class*="table-style-3"] table td) {
  border-left: 2px solid #0000002E;
}
[class*="table-style-"] table th:last-child:not([class*="table-style-3"] table th:last-child),
[class*="table-style-"] table td:last-child:not([class*="table-style-3"] table td:last-child) {
  border-right: 2px solid #0000002E;
}
[class*="table-style-"] table th:first-of-type:not([class*="table-style-3"] table th:first-of-type) {
  border-left: none;
}
[class*="table-style-"] table th:last-of-type:not([class*="table-style-3"] table th:last-of-type) {
  border-right: none;
}
[class*="table-style-"] .table thead:not([class*="table-style-3"] .table thead) {
  border-radius: 5px !important;
}
[class*="table-style-"] .table tbody:not([class*="table-style-3"] .table tbody) {
  border-radius: 5px !important;
}
[class*="table-style-"] .table tbody tr:last-of-type td:first-of-type:not([class*="table-style-3"] .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-3"] .table tbody tr:last-of-type td:last-of-type) {
  border-bottom-right-radius: 5px;
}
.table-style-1 .table tr,
.table-style-1 .table td {
  border-radius: 0px !important;
}
.tables>.container:last-child .code-block {
  margin-bottom: 0px;
}
.table-2-style.table-style-1 thead tr{
  background-color: transparent !important;
  color:var(--bs-headings) !important;
}
.table-2-style.table-style-1 tbody td{
  border-left:0 !important;
  border-right:0 !important;
}

/* Testimonials */
.slider-template-1 .item .content img{
  width:60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 12px;
}
.slider-template-1 .item{
  padding:40px;
  background-color: var(--bs-bg);
}
.slider-template-1 .item p{
  color:var(--bs-headings);
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0;
}
.slider-template-1 .item h5{
  font-weight: 800;
}
.slider-template-1 .item .content{
  display: flex;
  position: relative;
  padding:0 15px;
  margin-bottom: 18px;
}
.slider-template-1 .item .content svg{
  width:22px;
  height:22px;
  display: flex;
}
.slider-template-1 .item .content svg path{
  fill:#fff;
}
.slider-template-1 .item .content .icon{
  padding:8px;
  height: fit-content;
  background-color: var(--bs-primary);
  border-radius: 50%;
  position: absolute;
  left:0
}
.slider-template-1 .item .content span{
  font-size: 14px;
  line-height: 22px;
  display: block;
  font-family: var(--bs-secondary-font);
  color: var(--bs-paragraph);
}
.slider-template-2 .item{
  text-align: center;
}
.slider-template-2 .item img{
  width:60px;
  height:60px;
  border-radius: 50%;
  margin-bottom: 20px;
  margin-top: 30px;
}
.slider-template-2 .item svg{
  width:50px;
  height:50px;
}
.slider-template-2 .item svg path{
  fill:var(--bs-primary);
}
.slider-template-2 .item p{
  font-style: italic;
  font-family: var(--bs-secondary-font);
  color:#000;
  padding-top: 20px;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
  font-size: 18px;
  line-height: 27px;
  margin-bottom: 0;
  font-weight: 500;
}
.slider-template-2 .item p::before{
  position:absolute;
  content:"";
  background-color: lightgrey;
  height:1px;
  width:25%;
  bottom:0;
  left:0;
  right:0;
  margin-right: auto;
  margin-left: auto;
}
.slider-template-2 .item span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
  line-height: 22px;
}
.slider-template-2 .item h4{
  font-weight: 800;
}
.slider-template-3 .item svg{
  width:50px;
  height: 50px;
} 
.slider-template-3 .item svg path{
  fill:var(--bs-primary);
}
.slider-template-3 .item p{
  margin-bottom: 0;
  font-family: var(--bs-secondary-font);
  padding-bottom: 25px;
  padding-top: 18px;
  color:var(--bs-headings);
}
.slider-template-3 .item h5{
  font-size: 20px;
}
.slider-template-3 .item span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 14px;
  line-height: 22px;
}
.testimonials h2{
  margin-bottom: 35px;
  font-weight: 700;
}
.testimonials .code-block:last-of-type {
  margin-bottom: 0;
}
/* Team */
.team h4{
  font-weight: 800;
}
.team h2{
  margin-bottom: 35px;
  font-weight: 800;
}
.team-style-1 .item img{
  height: 360px;
}
.team-style-1 .item{
  text-align: center;
}
.team-style-1 .item .image{
  position: relative;
}
.team-style-1 .item .image .overlay .social-icons{
  position: absolute;
  bottom:0;
  right:0;
  font-size: 24px;
  color:#fff;
  opacity: 0;
  z-index: -1;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item .image .overlay .social-icons i{
  color:#fff;
}
.team-style-1 .item .image .overlay .social-icons li{
  background-color: var(--bs-primary);
  border-bottom: 2px solid rgb(255, 255, 255,0.5);
  width:60px;
  height: 1px;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item .image .overlay .social-icons li:last-of-type{
  border:none
}
.team-style-1 .item .image .overlay .social-icons li a{
  display: flex;
  align-items: center;
  justify-content: center;
  width:100%;
  height: 100%;
  margin: auto;
}
.team-style-1 .item .image .icon{
  position: absolute;
  right:0;
  bottom:0;
  height: 60px;
  width:60px;
  background-color: var(--bs-primary);
}
.team-style-1 .item .image:hover .social-icons{
  opacity: 1;
  z-index: 2;
}
.team-style-1 .item .image:hover .social-icons li{
  height: 60px;
  transition: 0.5s ease-in-out;
}
.team-style-1 .item .image:hover .social-icons li:hover i{
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}
.team-style-1 .item .image .icon svg{
  width:26px;
  height:26px;
}
.team-style-1 .item .image .icon .plus-svg{
  width:100%;
  height: 100%;
  margin: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}
.team-style-1 .item .image .icon svg path{
  fill:#fff;
}
.team-style-1 .profile{
  padding:30px;
  padding-bottom: 45px;
}
.team-style-1 .profile span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph)
}
.team-style-2 .item img{
  height: 320px;
  width:100%;
}
.team-style-2 .item .overlay .social-icons{
  display: flex;
  justify-content: space-between;
  position: absolute;
  width:100%;
  bottom:0;
  padding:18px 78px;
  background-color: var(--bs-primary);
  opacity: 0;
}
.team-style-2 .item .overlay .social-icons li:hover{
  transform: scale(1.2);
  transition: 0.3s ease-in-out;
}
.team-style-2 .item:hover .overlay .social-icons{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.team-style-2 .item .overlay .social-icons li i{
  color:#fff;
  font-size: 26px;
}
.team-style-2 .item .image{
  position: relative;
}
.team-style-2 .item{
  padding:20px;
  background-color: var(--bs-bg);
  padding-bottom: 0;
}
.team-style-2 .profile{
  padding:20px 0;
}
.team-style-2 .profile span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 18px;
  line-height: 22px;
}
.team-style-3 .item .image{
  position: relative;
}
.team-style-3 .item .image img{
  height:360px;
  width:100%;
}
.team-style-3 .item .overlay{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
  margin: auto;
  padding:16px;
}
.team-style-3 .item .overlay .content{
  background-color: rgb(0, 128, 128, 0.8);
  height: 60%;
  width:60%;
  opacity: 0;
  position: relative;
  transition: 0.5s ease-in-out;
  margin-left: auto;
  margin-right: auto;
}
.team-style-3 .item:hover .content{
  height: 100%;
  width:100%;
  background-color: rgb(24, 28, 49, 0.8);
  opacity: 1;
}
.team-style-3 .item .overlay .content .profile h4{
  color:#fff;
}
.team-style-3 .item .overlay .content .profile{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color:#fff;
}
.team-style-3 .item .overlay .content .social-icons{
  position: absolute;
  bottom:0;
  padding-bottom: 30px;
  padding-left:100px;
  padding-right: 100px;
  display: flex;
  justify-content: space-between;
  width:100%;
}
.team-style-3 .item .overlay .content .social-icons li i{
  color:#fff;
  font-size: 20px;
}
.team-style-3 .item .overlay .content .social-icons li:hover i{
  transform:scale(1.1);
  transition: 0.3s ease-in-out;
}
.team .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* Pricing */
.pricing-style-1 .item .content-wrapper{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing-style-1 .item{
  padding:50px 40px;
  border:1px solid lightgray;
  border-radius: 10px;
}
.pricing-style-1 .item .content span{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
  display: block;
}
.pricing-style-1 .item .price{
  font-size: 32px;
  color:var(--bs-primary);
  font-weight: 700;
  font-family: var(--bs-secondary-font);
}
.pricing-style-1 .item .pricing-price span:last-of-type{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
}
.pricing-style-1 .item li{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pricing-style-1 .item ul li:last-of-type{
  margin-bottom: 38px;
}
.pricing-style-1 .item li svg{
  width:12px;
  height: 12px;
}
.pricing-style-1 .item li svg path{
  fill:var(--bs-primary)
}
.pricing-style-1 .item hr{
  margin-top: 28px;
  margin-bottom: 36px;
}
.pricing-style-1 h4,
.pricing-style-3 h4{
  font-weight: 700;
  margin-bottom: 5px;
}
.pricing-style-1 .item .btn{
  font-size: 16px;
}
.pricing-style-1 .item.recommended{
  border:unset;
  background-color: var(--bs-bg);
}
.pricing-style-2 .item{
  padding:50px 40px;
  text-align: center;
  border: 1px solid lightgray;
  border-radius: 5px;
}
.pricing-style-2 .item h4{
  margin-bottom: 15px;
  font-weight: 700;
}
.pricing-style-2 .item p{
  margin-bottom: 10px;
}
.pricing-style-2 .item .price{
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  color:var(--bs-headings);
  font-size: 60px;
}
.pricing-style-2 .item .price sup{
  font-size: 18px;
  top:-25px;
}
.pricing-style-2 .item:last-of-type{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
}
.pricing-style-2 .item ul{
  margin:20px 0;
  margin-bottom: 38px;
}
.pricing-style-2 .item li{
  margin-bottom: 16px;
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
}
.pricing-style-2 .item li.strike-out{
  text-decoration: line-through;
}
.pricing-style-2 .item.recommended{
  border:unset;
  position: relative;
  background-color: var(--bs-bg);
  padding:60px 40px;
}
.pricing-style-2 .row{
  align-items: center;
}
.pricing-style-2 .item.recommended .recommended-label{
  position: absolute;
  top:-5px;
  left:0;
  right:0;
  margin-right: auto;
  margin-left: auto;
}
.pricing-style-2 .item.recommended .recommended-label span{
  font-family: var(--bs-primary-font);
  font-weight: 600;
  font-size: 13px;
  color:#fff;
  line-height: 16px;
  padding:6px 8px;
  background-color: var(--bs-primary);
  border-radius: 3px;
}
.pricing-style-2 .item .btn{
  margin-left: auto;
  margin-right: auto;
}
.pricing-style-3 .row{
  align-items: center;
}
.pricing-style-3 .item span{
  display: block;
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
}
.pricing-style-3 .item{
  text-align: center;
  padding:45px;
  border:1px solid lightgray;
}
.pricing-style-3 .item .btn{
  margin-right: auto;
  margin-left: auto;
}
.pricing-style-3 .item .price{
  font-size: 45px;
  color:var(--bs-primary);
  font-weight: 600;
  margin:4px 0;
}
.pricing-style-3 .item ul{
  margin-top:25px;
  margin-bottom: 35px;
}
.pricing-style-3 .item li{
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 17px;
  font-family: var(--bs-secondary-font);
  color:#000;
  font-weight: 400;
}
.pricing-style-3 .item .strike-out{
  text-decoration: line-through;
}
.pricing-style-3 .item.recommended{
  padding:50px 45px;
  border:unset;
  border-radius: 0;
  border-top: 3px solid var(--bs-primary);
  background-color: var(--bs-bg);
}
.pricing .container:last-of-type .code-block{
  margin-bottom: 0;
}

.pricing h2{
  font-weight: 700;
  margin-bottom: 35px;
}
/* Services */
.services-style-1 .icon svg {
  width:27px;
  height: 27px;
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin:auto;
}
.services-style-1 img{
  height:230px;
  width:100%;
  border-radius: 4px;
}
.services-style-1 .icon{
  height:60px;
  width:60px;
  background-color: #fff;
  position: relative;
  top:-30px;
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
}
.services-style-1 .icon svg path{
  fill:var(--bs-primary);
}
.services-style-1 .item p{
  font-family:var(--bs-secondary-font);
}
.services-style-1 .item{
  text-align: center;
  padding:18px 18px 25px 18px;
  background-color: var(--bs-bg);
  border-radius: 8px;
}
.services-style-1 h4{
  margin-top: -14px;
}
.services-style-2 img{
  height:290px;
  object-fit: cover;
  width:100%;
}
.services-style-2 svg{
  width:28px;
  height: 28px;
  position: absolute;
  top:0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.services-style-2 h4{
  margin-top: -20px;
  margin-bottom: 0;
}
.services-style-2 svg path{
  fill:var(--bs-primary)
}
.services-style-2 .item{
  position: relative;   
  height:335px;
}
.services-style-2 .item:hover p{
  margin-top: 10px;
  height: 60px;
  opacity: 1;
  line-height: 22px;
  transition: 0.3s ease-in-out;
}
.services-style-2 .content-wrapper{
  width:88%;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
  background-color: #fff;
}
.services-style-2 .content{
  width:100%;
  padding:0 26px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 20px;
  border-bottom: 3px solid rgb(24, 28, 49,0.14);
  box-shadow: 0px 1px 8px rgb(0, 0, 0, 0.14);
}
.services-style-2 .item:hover .content{
  border-bottom: 3px solid var(--bs-primary)
}
.services-style-2 .content p{
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1px;
  opacity: 0;
  height: 1px;
  transition: 0.3s ease-in-out;
}
.services-style-2 .content .icon{
  height:60px;
  width:60px;
  position: relative;
  border-radius: 50%;
  background-color: #fff;
  top:-30px
}
.services-style-3 .read-icon svg{
  width:16px;
  height:16px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
.services-style-3 .read-icon svg path{
  fill:#fff;
}
.services-style-3 .icon svg path{
  fill:var(--bs-primary);
}
.services-style-3 .icon svg{
  width:28px;
  height: 28px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
.services-style-3 .icon{
  width:60px;
  height:60px;
  background-color: #fff;
  position: relative;
  border-radius: 50%;
  margin-bottom: 20px;
}
.services-style-3 .item{
  padding: 42px;
  background-color:var(--bs-bg)
}
.services-style-3 .read-icon{
  display: flex;
  align-items: center;
  width:max-content;
  height: 38px;
  border-radius: 19px;
  opacity: 0.2;
}
.services-style-3 .read-icon:hover{
  opacity: 1;
  background-color: var(--bs-primary);
  transition: 0.6s ease-in-out;
}
.services-style-3 .read-icon:hover .read-link{
  display: block;
  opacity: 1;
  padding-right: 20px;
  transition: 0.3s ease-in-out;
}
.services-style-3 .read-link{
  color:#fff;
  font-family: var(--bs-primary-font);
  font-size: 14px;
  font-weight: 700;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.services-style-3 .read-icon .svg-wrapper{
  height:38px;
  width:38px;
  border-radius: 50%;
  background-color: var(--bs-primary);
  position: relative;
}
.services-style-4 .row{
  padding:28px;
  background-color: var(--bs-bg);
  align-items: center;
}
.services-style-4 svg{
  width:28px;
  height:28px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
.services-style-4 svg path{
  fill:var(--bs-primary);
}
.services-style-4 .icon{
  width:60px;
  height:60px;
  position: relative;
  margin-bottom: 18px;
  background-color: #fff;
  border-radius: 50%;
}
.services-style-4 img{
  border-radius: 6px;
  height: 394px;
}
.services-style-4 .content h3{
  margin-bottom: 18px;
}
.services-style-4 .content p{
  margin-bottom: 35px;
}
.services-style-4 .image{
  height: 100%;
}
.services-style-4 .btn-link{
  font-size: 18px;
  line-height: 21px;
}
.services h2{
  margin-bottom: 40px;
  font-weight: 700;
}
.services .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* Blog */
.blog-style-1 .image{
  position: relative;
}
.blog-style-1 .image img{
  height:270px
}
.blog-style-1 .image .date{
  position: absolute;
  bottom:-25px;
  right:20px;
  padding:11px 15px;
  background-color: var(--bs-primary);
  text-align: center;
  border-radius: 4px;
}
.blog-style-1 .image span{
  display: block;
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-size: 17px;
  line-height: 20px;
  font-weight: 700;
}
.blog-style-1 .item-content svg{
  width:13px;
  height:13px;
  margin-right: 5px;
}
.blog-style-1 .item-content svg path{
  fill:var(--bs-primary);
}
.blog-style-1 .item-content span:first-of-type{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
}
.blog-style-1 .item-content .tag{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  margin-left: 16px;
  font-weight: 500;
}
.blog-style-1 .item-content{
  padding:24px 0;
}
.blog-style-1 .item-content h5{
  padding-top:12px;
  padding-bottom: 15px;
  margin-bottom: 0;
}
.blog-style-1 .item-content .btn-link{
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
}
.clients-home-style-1 > .container{
  max-width: 1116px;
}
.blog-style-1 .item-content p{
  margin-bottom: 24px;
}
.blog-style-2 .image img{
  height:285px;
}
.blog-style-2 .item-content{
  padding:30px 0;
}
.blog-style-2 .item-content > span{
  color:#fff;
  font-family: var(--bs-secondary-font);
  font-size: 13px;
  font-weight: 500;
  line-height: 15px;
  background-color: var(--bs-headings);
  border-radius: 3px;
  padding:6px;
}
.blog-style-2 .item-content h5{
  margin: 15px 0 17px;
}
.blog-style-2 .item-content p{
  margin-bottom: 0;
  margin-top: 16px;
}
.blog-style-2 .item-content .content-details span:first-of-type{
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 22px;
  display: inline-flex;
  align-items: center;
  color:var(--bs-paragraph);
}
.blog-style-2 .item-content .content-details span:first-of-type:after{
  content:"";
  background-color: black;
  width:80px;
  height: 1px;
  margin-left: 10px;
  margin-right: 10px;
}
.blog-style-2 .item-content .content-details .tag{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  font-weight: 500;
  line-height: 22px;
}
.blog-style-3 .image img{
  height:270px;
}
.blog-style-3 .item-content{
  padding:25px 20px;
  background-color: var(--bs-bg)
}
.blog-style-3 .item-content span{
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  color:var(--bs-paragraph);
}
.blog-style-3 .item-content svg:hover path{
  fill:var(--bs-primary);
  transition: 0.3s ease-in-out;
}
.blog-style-3 .item-content svg{
  width:24px;
  height:24px;
  transform: rotate(180deg);
}
.blog-style-3 .item-content h5{
  margin-top: 14px;
  margin-bottom: 18px;
}
.blog-style-4 .row{
  align-items: center;
}
.blog-style-4 .image{
  position: relative;
}
.blog-style-4 .image img{
  height:400px;
}
.blog-style-4 .image .date{
  position: absolute;
  padding:13px 20px;
  top:0;
  right:0;
  text-align: center;
  background-color: var(--bs-primary);
}
.blog-style-4 .image .date span{
  display: block;
  font-family: var(--bs-secondary-font);
  font-size: 22px;
  line-height: 26px;
  font-weight: 700;
  color:#fff;
}
.blog-style-4 .content svg{
  width:18px;
  height:18px;
  margin-right: 6px;
}
.blog-style-4 .content svg path{
  fill:var(--bs-primary);
}
.blog-style-4 .content span{
  font-family: var(--bs-secondary-font);
  font-size: 20px;
  line-height: 27px;
  color:var(--bs-paragraph);
}
.blog-style-4 .content .tag{
  font-family: var(--bs-secondary-font);
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
  margin-left: 18px;
  color:var(--bs-primary);
}
.blog-style-4 .content .btn-link{
  font-size: 18px;
}
.blog-style-4 .content h3{
  margin-top: 15px;
  margin-bottom: 18px;
}
.blog-style-4 .content p{
  margin-bottom: 27px;
}
.blog-style-4 .col-lg-6{
  margin-bottom: 50px;
}
.blog-style-4 .row>.col-lg-6:nth-last-of-type(-n+2){
  margin-bottom: 0;
}
.blog h2{
  margin-bottom: 35px;
  font-weight: 800;
}
.blog .container:last-of-type .code-block{
  margin-bottom: 0;
}
/* Carousels */
.slider-style-1 .slider-wrapper,
.slider-style-2 .slider-wrapper,
.slider-style-4 .slider-wrapper{
    position: relative;
}
.slider-style-4 .arrows{
    align-items: center !important;
    top:-50px !important;
}
.slider-style-1 .arrows,
.slider-style-2 .arrows,
.slider-style-4 .arrows{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.slider-style-1 .arrows button,
.slider-style-2 .arrows button,
.slider-style-4 .arrows button {
    position: relative;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #131517;
    z-index: 1;
    background-color: #FFF;
    transition: .3s ease-in-out;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -30px;
}
.slider-style-1 .arrows button svg,
.slider-style-2 .arrows button svg,
.slider-style-4 .arrows button svg {
    width: 19px;
    height: 16px;
    line-height: normal;
}
.slider-style-1 .arrows button svg path,
.slider-style-2 .arrows button svg path,
.slider-style-4 .arrows button svg path{
    transition: .3s ease-in-out;
}
.slider-style-1 .arrows button:hover,
.slider-style-2 .arrows button:hover,
.slider-style-4 .arrows button:hover {
    border-color: transparent;
    background-color: #181c31;
}
.slider-style-1 .arrows button:hover svg path,
.slider-style-2 .arrows button:hover svg path,
.slider-style-4 .arrows button:hover svg path {
    fill: #FFF;
}
.owl-dots-1 {
    height:48px;
    display: grid;
    grid-auto-flow: column;
    width:82.5%;
    margin-right: auto;
    margin-left: auto;
}
.owl-dots-1 .owl-dot:hover span{
    background-color: var(--bs-primary) !important;
}
.owl-dots-1 .owl-dot span{
    margin:0 !important;
    min-width:100%;
    height: 4px !important;
    background-color:rgb(24, 28, 49, 0.08);
}
.owl-dots-1 .owl-dot.active span{
    background-color: var(--bs-primary) !important;
}
.slider-style-1.services-style-1 .owl-stage-outer,
.slider-style-2 .slider-template-1 .owl-stage-outer{
    padding-bottom: 55px;
}
.slider-style-4 .slider-template-2 .profile img{
    margin-left: auto;
    margin-right: auto;
}
.slider-style-4 .slider-template-2 .item{
    width:83%;
    margin-right: auto;
    margin-left: auto;
}
.slider-style-5 .item img{
    height: 100px;
}
.carousels .container:last-of-type .code-block {
    margin-bottom: 0px;
}
.carousels h2{
  margin-bottom: 35px;
}
/* Contact Pages */
.node__content{
  margin:0;
}
.contact-page-1 .content .map iframe{
  width:100%;
}
.contact-page-1 .content .map{
  line-height: 0;
}
.gmap_canvas,
.mapouter{
  width:100% !important;
}
.contact-page-1 .col-lg-7{
  padding:100px 0;
  padding-right: 90px;
}
.contact-page-1 .col-lg-5{
  position: relative;
}
.contact-page-1 .col-lg-5 .contact-details{
  padding:160px 0;
  height:100%;
  width:10378px;
  background-color: #fff;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper{
  position: absolute;
  right:0;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper > div{
  margin-bottom: 52px;
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper a{
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 22px;
  color:var(--bs-paragraph);
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper a:hover{
  color:var(--bs-primary);
}
.contact-page-1 .col-lg-5 .contact-details .details-wrapper > div:last-of-type{
  margin-bottom: 0;
}
.contact-page-1 .col-lg-5::before{
  content:"";
  width:100%;
  height:100%;
  left:0;
  top:0;
  background-color: #fff;
}
.contact-page-1 .row{
  justify-content: space-between;
}
.contact-page-1 .bg-image{
  background-size: cover;
  background-position: -366px 0px;
}
.contact-page-1 .contact-form-content span{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-weight: 700;
  margin-bottom: 16px;
  display: block;
}
.contact-page-1 .contact-form-content h2{
  margin-bottom: 56px;
  color:#fff;
}
.contact-page-1 .form-style-3 input,
.contact-page-1 .form-style-3 textarea,
.contact-page-1 .form-style-3 .nice-select,
.contact-home-1 .form-style-3 input,
.contact-home-1 .form-style-3 textarea,
.contact-home-1 .form-style-3 .nice-select{
  border-bottom: 2px solid rgb(255, 255, 255,0.5) !important;
  color:#fff;
}
.contact-page-1 .form-style-3 textarea{
  height: 70px
}
.contact-page-1 .form-control:focus{
  background-color: transparent;
}
.contact-page-1 .form-style-3 .btn{
  margin-top: 68px;
}
.contact-page-2 .content h2{
  margin-bottom: 28px;
}
.contact-page-2 .content > p{
  margin-bottom: 47px;
}
.contact-page-2 .content > div{
  margin-bottom: 52px;
}
.contact-page-2 .content > div:last-of-type{
  margin-bottom: 0;
}
.contact-page-2 .content .icon{
  height:40px;
  width:40px;
  background-color: var(--bs-primary);
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin-right: 20px;
}
.contact-page-2 .content .address,
.contact-page-2 .content .mail,
.contact-page-2 .content .call{
  display:flex;
}
.contact-page-2 .content h3{
  display: flex;
  align-items: center;
}
.contact-page-2 .content .address .item p{
  margin-bottom: 0;
}
.contact-page-2 .content .icon svg path{
  fill:#fff;
}
.contact-page-2 .content .icon svg{
  width:18px;
  height:18px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
.contact-page-2 .content a{
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 22px;
}
.contact-page-2 .content a:hover{
  color:var(--bs-primary);
}
.contact-page-2 hr{
  margin: 80px 0;
}
.contact-page-2 .form-style-1 h2{
  text-align: center;
  margin-bottom: 60px;
}
.contact-page-2 iframe{
  width:100%;
}
/* Pagination */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 100px;
}
.pagination .page-link {
  font-size: 18px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  width: 54px;
  height: 54px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  border: 1px solid #171717;
  background-color: #FFF;
  border-radius: 50% !important;
  margin: 0px 5px !important;
}
.pagination .page-link svg {
  width: 8px;
  height: auto;
}
.pagination .page-link svg path {
  fill: #000;
}
.pagination .page-link:hover,
.pagination .page-link.active {
  color: #FFF;
  background-color: var(--bs-headings) !important;
  border-color: transparent;
}
.page-item.active .page-link{
  background-color: var(--bs-headings) !important;
  color:#fff;
  border:1px solid var(--bs-headings) !important;
}
.pagination .page-link:hover svg path,
.pagination .page-link.active svg path {
  fill: #FFF;
}
/* Blog grid 2 columns */
.blog-2-column .blog-style-1 .image img{
  height:400px;
}
.blog-2-column .blog-style-1 .item-content span:first-of-type{
  font-size: 20px;
  line-height: 27px;
}
.blog-2-column .blog-style-1 .item-content .tag {
  font-size: 20px;  
  line-height: 27px;
}
.blog-2-column .blog-style-1 .image .date{
  padding:13px 16px;
}
.blog-2-column .blog-style-1 .image span{
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
}
.blog-2-column .blog-style-1 .btn-link{
  font-size: 18px;
  line-height: 22px;
}
.blog-2-column .blog-style-1 .item-content svg{
  width:18px;
  height:18px;
  margin-right: 7px;
}
.blog-2-column .blog-style-1 .item-content h3{
  margin-top: 15px;
  margin-bottom: 18px;
}
.blog-2-column .blog-style-1 .item-content {
  padding:34px 0;
}
.blog-2-column .blog-style-1 .col-lg-6{
  margin-bottom: 30px;
}
.blog-2-column .blog-style-1 .tag a{
  font-weight: 500;
}
/* Blog 3 column */
.blog-3-column .blog-style-1 .col-lg-4{
  margin-bottom: 30px;
}
/* Blog grid sidebar */
.sidebar-page .blog-2-column .blog-style-1 .image img{
  height:270px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content span:first-of-type{
  font-size: 15px;
  line-height: 22px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content .tag{
  font-size: 15px;
  line-height: 22px;
}
.sidebar-page .blog-2-column .blog-style-1 .image span{
  font-size: 17px;
  line-height: 20px;
}
.sidebar-page .blog-2-column .blog-style-1 .image .date{
  padding:11px 15px;
}
.sidebar-page .blog-2-column .blog-style-1 .btn-link{
  font-size: 16px;
  line-height: 19px;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content{
  padding:24px 0;
}
.sidebar-page .blog-2-column .blog-style-1 .item-content svg{
  width:13px;
  height:13px;
}
.sidebar-page .pagination{
  padding-bottom: 0;
  padding-top: 100px;
}
.sidebar-label h3{
  margin-bottom: 18px;
}
.sidebar-label span{
  display: inline-block;
  background-color: var(--bs-primary);
  margin-bottom: 30px;
}
.sidebar-label span:first-of-type{
  height: 2px;
  width:20px;
  margin-right: 6px;
}
.sidebar-label span:last-of-type{
  height: 2px;
  width:45px;
}
.blog-categories li{
  font-family: var(--bs-secondary-font);
  font-size: 16px;
  line-height: 22px;
  padding:20px 20px 17px 20px;
  color:var(--bs-paragraph);
  font-weight: 500;
  background-color: var(--bs-bg);
  margin-bottom: 5px;
}
.blog-categories li a{
  display: flex;
  justify-content: space-between;
}
.blog-categories li a span{
  color:var(--bs-primary);
}
.latest-blog .item{
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}
.latest-blog .item:last-of-type{
  margin-bottom: 0;
}
.latest-blog .item span{
  display: block;
  font-family: var(--bs-secondary-font);
  font-size: 13px;
  line-height: 22px;
  color:var(--bs-paragraph);
}
.latest-blog .item img{
  width:65px;
  height: 65px;
  margin-right: 15px;
}
.latest-blog .item h6{
  word-break: break-all;
  width:93%
}
.tags-cloud{
  display: flex;
  flex-wrap: wrap;
}
.tags-cloud li a:hover{
  color:#fff;
}
.tags-cloud li:hover{
  background-color: transparent;
  border:1px solid var(--bs-primary);
}
.tags-cloud li:hover a{
  color:var(--bs-primary) !important;
}
.tags-cloud li{
  font-size: 12px;
  font-weight: 500;
  color:#fff;
  padding:4px 6px;
  background-color: var(--bs-primary);
  margin-right: 10px;
  margin-bottom: 14px;
  height: fit-content;
  border:1px solid var(--bs-primary);
}
/* blog list sidebar */
.sidebar-page .blog-style-2 .item-content h3{
  margin-top: 20px;
  margin-bottom: 24px;
}
.sidebar-page .blog-style-2 .item-content .content-details span:first-of-type{
  font-size: 20px;
}
.sidebar-page .blog-style-2 .item-content .content-details .tag{
  font-size: 20px;
}
.sidebar-page .blog-style-2 .item-content > span{
  font-size: 16px;
  line-height: 19px;
  padding:7px;
}
.sidebar-page .blog-style-2 .col-lg-12{
  margin-bottom: 22px;
}
.sidebar-page .blog-style-2 .col-lg-12:last-of-type .item-content{
  padding-bottom: 0;
}
.sidebar-page .blog-style-2 .col-lg-12:last-of-type{
  margin-bottom: 0px;
}
.sidebar-page .blog-style-2 .image img{
  height:470px;
}
.blog-cta-sidebar{
  position: relative;
  border-radius: 8px;
  min-height: 374px;
}
.blog-cta-sidebar::before{
  content:"";
  position: absolute;
  width:100%;
  height:165px;
  bottom:0;
  background-color: var(--bs-primary);
  border-radius: 8px;
  clip-path: ellipse(445px 165px at 51% 100%);
}
.blog-cta-sidebar .background-svg{
  position: absolute;
  bottom:0;
}
.blog-cta-sidebar .background-svg svg{
  width:100%;
  height: 100%;
}
.blog-cta-sidebar .image{
  padding:50px 35px;
  padding-bottom: 57px;
  min-height: 374px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-cta-sidebar .image .title-and-button{
  text-align: center;
}
.blog-cta-sidebar .image .title-and-button .title{
  color:#fff;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  font-family: var(--bs-primary-font);
  margin-bottom: 18px;
}
.blog-cta-sidebar .image .title-and-button .btn{
  margin-right: auto;
  margin-left: auto;
  border-color: #fff;
  color:#fff;
  border:1px solid #fff;
}
.blog-cta-sidebar .image .title-and-button .btn:hover{
  border:1px solid var(--bs-primary);
}
.blog-cta-sidebar .overlay-img img{
  width:90px;
  height:50px;
  transform: rotateX(180deg);
}
.blog-cta-sidebar .overlay-img{
  position: absolute;
  z-index: 2;
  bottom: 0;
  right:0;
}
.blog-cta-sidebar .contact-number{
  display: flex;
  align-items: center;
  z-index: 1;
  justify-content: center;
}
.blog-cta-sidebar .contact-number svg{
    width:50px;
    height:50px;
    margin-right: 18px;
}
.blog-cta-sidebar .contact-number svg path{
  fill:#fff;
}
.blog-cta-sidebar .contact-number span{
  color:#fff;
  font-size: 15px;
  line-height: 18px;
  font-family: var(--bs-primary-font);
  font-weight: 600;
  display: block;
  margin-bottom: 5px;
}
.blog-cta-sidebar .contact-number a{
  font-family: var(--bs-secondary-font);
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color:#fff;
}
/* Blog details */
.blog-details .whole-content{
  padding: 60px 40px 30px 40px;
}
.blog-details .full-image img{
  height:600px;
}
.blog-details .content-details{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 26px;
}
.blog-details .owner-name-time span{
  display: inline-block;
  color:var(--bs-headings);
  font-size: 22px;
  line-height: 27px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
}
.blog-details .addtoany-social-icons i:hover{
  color: var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.blog-details .owner-name-time span:first-of-type span{
  color:var(--bs-primary);
  margin-right:30px;
}
.blog-details .addtoany-social-icons i{
  color:var(--bs-headings);
  font-size: 21px;
}
.blog-details .addtoany-social-icons a{
  margin-right: 26px;
}
.blog-details .addtoany-social-icons a:last-of-type{
  margin-right: 0;
}
.blog-details .blockquote-style-1{
  padding:32px 0 50px;
}
.blog-details .whole-content h2{
  margin-top:50px;
  margin-bottom: 32px;
}
.blog-details .whole-content ul{
  margin-top: 26px;
  margin-bottom: 50px;
}
.blog-details .whole-content .comment-tags{
  display: flex;
  justify-content: space-between;
}
.blog-details .whole-content .comment-tags span{
  color:var(--bs-headings);
  font-size: 22px;
  line-height: 27px;
  font-family: var(--bs-secondary-font);
  font-weight: 500;
}
.blog-details .whole-content .tags span{
  margin-right: 26px;
  color:var(--bs-primary);
}
.blog-details .whole-content .tags span:hover a{
  color:var(--bs-headings);
}
.blog-details .whole-content .tags span:last-of-type{
  margin-right: 0;
}
.blog-details .details-page-nav img{
  width:65px;
  height: 65px;
}
.blog-details .col-md-6 > img{
  height:400px;
}
.blog-details .details-page-nav{
  padding:40px 0;
  border-top: 1px solid rgb(24, 28, 49, 0.2);
  border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.blog-details .details-page-nav ul{
  display: flex;
  justify-content: space-between;
}
.blog-details .details-page-nav li a{
  display: flex;
}
.blog-details .details-page-nav li a:hover h6{
  color:var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.blog-details .details-page-nav li:last-of-type a{
  justify-content: flex-end;
}
.blog-details .details-page-nav .next-blog{
  text-align: right;
}
.blog-details .details-page-nav li span{
  font-size: 13px;
  line-height: 22px;
  color:var(--bs-paragraph);
}
.blog-details .details-page-nav h6{
  word-break: break-all;
}
.blog-details .details-page-nav li:first-of-type img{
  margin-right: 15px;
}
.blog-details .details-page-nav li:last-of-type img{
  margin-left: 15px;
}
.blog-details .details-page-nav .prev-blog,
.blog-details .details-page-nav .next-blog{
  width:50%;
}
.blog-details .blog-comments .icon img{
  width:100px;
  height:100px;
  margin-right: 30px;
}
.blog-comments span.error{
  padding:20px 0;
  font-family: var(--bs-secondary-font);
  color:red;
  display: block;
  font-weight: 700;
}
.blog-details .blog-comments{
  padding-top: 50px;
}
.blog-details .blog-comments .comment-list{
  display: flex;
  padding:30px 0 40px;
  border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.comment-forbidden.nav-link{
  display: none;
}
.blog-details .login-to-comment p{
  margin-bottom: 0;
  text-align: center;
  margin-top: 50px;
  font-size: 27px;
  font-weight: 700;
  line-height: 34px;
  color:var(--bs-headings)
}
.blog-details .login-to-comment p a{
  color:var(--bs-primary)
}
.blog-details .login-to-comment p a:hover{
  color:var(--bs-headings);
}
.blog-details .inline__links span{
  padding:0;
  margin-right: 20px;
  font-size:16px;
  line-height: 19px;
  font-family: var(--bs-primary-font);
  color:var(--bs-headings);
  font-weight: 700;
  text-decoration: underline;
}
.blog-details .inline__links span:last-of-type{
  margin-right: 20px;
}
.blog-details .blog-comments form label{
  display: none;
}
.sidebar-page .blog-details.dt-section{
  padding: 0;
}
.sidebar-page .blog-details .col-md-12 img{
  height:480px;
}
.blog-details .whole-content{
  padding:60px 0px 30px;
}
.sidebar-page .blog-details .blog-comments .icon img{
  border-radius: 50%;
}
/* Services */
.services-2-grid .services-style-1 img{
  height:330px;
}
.services-2-grid .services-style-1 .icon{
  height:80px;
  width:80px;
}
.services-2-grid .services-style-1 .icon svg{
  width:36px;
  height:36px;
}
.services-2-grid h3{
  margin-bottom: 14px;
  margin-top: -16px;
}
.services-2-grid .services-style-1 .item p{
  width:90%;
  margin-left: auto;
  margin-right: auto;
}
.services-2-grid .services-style-1 .col-lg-6{
  margin-bottom: 60px;
}
.services-3-grid .services-style-1 .col-lg-4{
  margin-bottom: 40px;
}
.sidebar-page .services-2-grid .services-style-1 img{
  height:230px;
}
.sidebar-page .services-2-grid .services-style-1 .icon svg{
  width:28px;
  height:28px
}
.sidebar-page .services-2-grid .services-style-1 .icon{
  width:60px;
  height:60px;
}
.sidebar-page .services-2-grid .services-style-1 .col-lg-6{
  margin-bottom: 40px;
}
.services-list-full-width .services-style-4 .row{
  margin-bottom: 40px;
}
.services-list-full-width.dt-section{
  padding-bottom: 0;
}
.services-list-full-width.dt-section + .dt-section{
  padding: 0;
  padding-bottom: 100px;
}
.services-list-full-width.dt-section + .services-list-full-width .row:last-of-type{
  margin-bottom: 0;
}
.pager--load-more .pager__item .btn{
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 100px;
  margin-top: 50px;
}
.sidebar-page .services-style-4 img{
  height:264px;
}
.sidebar-page .services-style-4 svg{
  width:20px;
  height:20px;
}
.sidebar-page .services-style-4 .icon{
  width:46px;
  height: 46px;
  margin-bottom: 15px;
}
.sidebar-page .services-style-4 .content p{
  margin-bottom: 28px;
}
.sidebar-page .services-style-4 .row{
  padding:22px;
}
.sidebar-page .services-list-full-width +.services-list-full-width .services-style-4 .row:last-of-type{
  margin-bottom: 0;
}
.sidebar-page .services-list-full-width .services-style-4 .row{
  margin-bottom: 35px;
}
.sidebar-page .services-style-4 h4{
  margin-bottom: 15px;
}
.sidebar-page .pager--load-more .pager__item .btn{
  margin-bottom: 0;
  margin-top: 70px;
}
.service-details .whole-content .image img{
  height:540px;
}
.service-details .content{
  padding-top: 60px;
}
.service-details .content h2{
  margin-bottom: 28px;
}
.service-details .additional-content{
  margin-top: 40px;
  margin-bottom: 50px;
}
.service-details .additional-content h3{
  margin-bottom: 22px;
}
.service-details .additional-content img{
  height:400px;
}
.service-details .additional-content ul{
  margin-top: 24px;
}
.service-details .feature-details .item svg path{
  fill:var(--bs-primary);
}
.service-details .feature-details .item .svg{
  width:50px;
  height:50px;
  background-color: var(--bs-bg);
  border-radius: 50%;
  position: relative;
}
.service-details .feature-details .item svg{
  width:24px;
  height:24px;
  display: inline-block;
  position: absolute;
  left: 0;
  right:0;
  bottom: 0;
  top:0;
  margin:auto;
}
.service-details .feature-details .item .icon{
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.service-details .feature-details .item .icon h3{
  margin-bottom: 0;
  margin-left: 18px;
}
.service-details .feature-details .item p{
  padding-left: 70px;
  margin-bottom: 0px;
}
.service-details .feature-details .item{
  margin-bottom: 30px;
}
.service-details .feature-details .item:last-of-type{
  margin-bottom: 0;
}
.sidebar-page .service-details.dt-section{
  padding:0
}
.sidebar-page .service-details .whole-content .image img{
  height:460px;
}
.sidebar-page .service-details .content{
  padding-top: 50px;
}
.sidebar-page .service-details .additional-content .col-lg-6{
  width:100%;
}
.sidebar-page .service-details .additional-content ul{
  margin-bottom: 40px;
}
.sidebar-page .service-details .additional-content img{
  height:440px;
}
.sidebar-page #block-services .sidebar-label{
  display:none;
}
.sidebar-page .list-text h5 a:hover{
  color:var(--bs-primary);
}
.sidebar-page .list-text h5 a:hover + svg path{
  fill:var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.sidebar-page .list-text h5 svg,
.sidebar-page .text-primary h5 svg{
  width:18px;
  height:18px;
  transform: rotateY(180deg)
}
.sidebar-page .text-primary h5{
  color:var(--bs-primary);
  position: relative;
}
.sidebar-page .text-primary h5::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  background-color: var(--bs-primary);
  width:5px;
  height:100%;
}
.sidebar-page .text-primary svg path{
  fill:var(--bs-primary);
}
.sidebar-page .list-text h5,
.sidebar-page .text-primary h5{
  display: flex;
  background-color: var(--bs-bg);
  justify-content: space-between;
  padding:20px 24px;
  margin-bottom: 5px;
}
/* .projects-details-page */
.projects-details .image img{
  height:650px;
}
.projects-details .project-content-details{
  display: flex;
  justify-content: space-between;
  padding:50px 0;
  border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.projects-details .project-content-details .title-value span{
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
  font-size: 16px;
  line-height: 19px;
  display: block;
  font-weight: 500;
  margin-bottom: 10px;
}
.projects-details .main-content{
  padding: 50px 0;
  padding-bottom: 35px;
}
.projects-details .main-content h2{
  margin-bottom: 28px;
}
.projects-details .main-content h3{
  margin-top: 50px;
  margin-bottom: 24px;
}
.projects-details .main-content ul{
  margin-top: 24px;
  margin-bottom: 20px;
}
.projects-details .pager{
  display: flex;
  justify-content: space-between;
  padding:35px 0;
  border-top: 1px solid rgb(24, 28, 49, 0.2);
  border-bottom: 1px solid rgb(24, 28, 49, 0.2);
}
.projects-details .pager svg{
  width:16px;
  height:16px;
  position: absolute;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  margin:auto;
}
.projects-details .pager a{
  display: flex;
  align-items: center;
}
.projects-details .pager h4{
  margin-bottom: 0;
}
.projects-details .pager .prev .icon{
  margin-right: 18px;
}
.projects-details .pager .icon:hover{
  background-color: var(--bs-headings);
  transition: 0.2s ease-in-out;
}
.projects-details .pager .icon:hover svg path{
  fill:#fff;
}
.projects-details .pager .next .icon{
  margin-left: 18px;
}
.projects-details .pager .prev,
.projects-details .pager .next{
  display: flex;
  align-items: center;
}
.projects-details .pager .next{
  text-align: right;
}
.projects-details .pager .icon{
  height:48px;
  width: 48px;
  position: relative;
  border: 1px solid var(--bs-headings);
  border-radius: 50%;
}
.projects-details .addtoany-social-icons i:hover{
  color: var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.projects-details .addtoany-social-icons i{
  color:var(--bs-headings);
  font-size: 22px;
}
.projects-details .addtoany_list.a2a_kit_size_32 > a{
  margin-right: 26px;
}
.projects-details .addtoany_list.a2a_kit_size_32 > a:last-of-type{
  margin-right: 0;
}
.sidebar-page .projects-details.dt-section{
  padding:0;
}
.sidebar-page .projects-details .project-content-details{
  display: none;
}
.sidebar-page .projects-details .image img {
  height: 520px;
}
.sidebar-project-details{
  padding: 45px;
  background-color: var(--bs-bg);
}
.sidebar-project-details h4{
  margin-bottom: 12px;
}
.sidebar-project-details .item{
  margin-bottom: 40px;
}
.sidebar-project-details .item:last-of-type{
  margin-bottom: 0;
}
.sidebar-project-details .item:last-of-type .block{
  margin-bottom: 0;
}
.sidebar-project-details span{
  font-size: 18px;
  line-height: 21px;
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-weight: 500;
}
.sidebar-project-details .addtoany-social-icons i{
  font-size: 22px;
  color:var(--bs-paragraph);
}
.sidebar-project-details .addtoany-social-icons a{
  font-size: 0;
}
/* Project tabs */
.project-tabs.dt-section{
  padding-bottom: 0;
}
.project-tabs .nav{
  margin-bottom: 60px;
}
/* masonry style 1 */
.masonry-style-1.dt-section,
.masonry-style-2.dt-section,
.projects-2-grid.projects-tab.dt-section{
  padding-top: 0;
}
.masonry-style-1 .image img{
  height:260px;
}
.masonry-style-1 .image.h-large img{
  height:535px;
}
.masonry-style-1 .image{
  position: relative;
}
.masonry-style-1 .image .icon{
  position: absolute;
  top:48px;
  right:48px;
  padding: 17px;
  background-color: var(--bs-primary);
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .icon svg{
  height:26px;
  width:26px;
}
.masonry-style-1 .image .icon svg path{
  fill:#fff;
}
.masonry-style-1 .image .title{
  position: absolute;
  bottom:40px;
  left:40px;
  font-family: var(--bs-primary-font);
  color:#fff;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .overlay{
  position: absolute;
  height: 100%;
  width:100%;
  top:0;
  background-color: rgb(24, 28, 49, 0);
  transition: 0.3s ease-in-out;
}
.masonry-style-1 .image:hover .overlay{
  background-color: rgb(24, 28, 49, 0.65);
  transition: 0.3s ease-in-out;
}
.masonry-style-1 .image:hover .icon,
.masonry-style-1 .image:hover .title{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.masonry-style-1 .image .title:hover{
  color:var(--bs-primary)
}
.masonry-style-1 .col-lg-4{
  margin-bottom: 15px;
}

/* masonry style 2 */
.masonry-style-2 .image img{
  height:330px;
}
.masonry-style-2 .image.h-large img{
  height:615px;
}
.masonry-style-2 .image.h-mid img{
  height:390px;
}
.masonry-style-2 .image{
  position: relative;
}
.masonry-style-2 .image .overlay{
  position: absolute;
  height:100%;
  width:100%;
  top:0;
  left:0;
  background-color: rgb(24, 28, 49, 0);
  transition: 0.3s ease-in-out;
}
.masonry-style-2 .image .title{
  position: absolute;
  bottom:30px;
  left:30px;
}
.masonry-style-2 .image svg{
  width:26px;
  height:26px;
}
.masonry-style-2 .image svg path{
  fill:#fff;
}
.masonry-style-2 .image .icon{
  padding:17px;
  background-color: var(--bs-primary);
  border-radius: 50%;
}
.masonry-style-2 .image .icon{
  position: absolute;
  top:0;
  right:0;
  bottom: 0;
  left:0;
  height:60px;
  width:60px;
  margin: auto;
}
.masonry-style-2 .col-lg-4{
  margin-bottom: 15px;
}
.masonry-style-2 .image .title a{
  font-family: var(--bs-primary-font);
  color:#fff;
  font-weight: 700;
  font-size: 22px;
  line-height: 27px;
  margin-bottom: 12px;
  display: block;
}
.masonry-style-2 .image .title a:hover{
  color:var(--bs-primary);
}
.masonry-style-2 .image .title .category{
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  color:#fff;
  font-family: var(--bs-secondary-font);
}
.masonry-style-2 .image .icon,
.masonry-style-2 .image .title{
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.masonry-style-2 .image:hover .icon,
.masonry-style-2 .image:hover .title{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.masonry-style-2 .image:hover .overlay{
  background-color: rgb(24, 28, 49, 0.65);
  transition: 0.3s ease-in-out;
}
/* Projects grid 2 */
.projects-2-grid .image img{
  height:500px;
}
.projects-2-grid .image{
  position: relative;
}
.projects-2-grid .image .overlay{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease-in-out;
}
.projects-2-grid .image:hover .overlay{
  background-color: rgb(24, 28, 49, 0.65);
}
.projects-2-grid .image .icon{
  position: absolute;
  left:0;
  right: 0;
  bottom: 0;
  top:0;
  margin: auto;
  height: 70px;
  width:70px;
}
.projects-2-grid .image .icon{
  background-color: var(--bs-primary);
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.projects-2-grid .image:hover .icon{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.projects-2-grid .image .icon svg{
  width:30px;
  height:30px;
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
}
.projects-2-grid .content{
  padding: 30px 0;
}
.projects-2-grid .content span{
  color:var(--bs-primary);
  font-size: 15px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: var(--bs-secondary-font);
  font-weight: 700;
}
.projects-2-grid .image .icon svg path{
  fill:#fff;
}
.projects-2-grid .col-lg-6{
  margin-bottom: 24px;
} 
/* project-grid-3 */
.projects-3-grid.projects-2-grid .image img {
  height: 330px;
}
.projects-3-grid.projects-2-grid .image .icon svg {
  width:26px;
  height:26px;
}
.projects-3-grid.projects-2-grid .image .icon{
  height:60px;
  width:60px;
}
.projects-3-grid.projects-2-grid .col-lg-4{
  margin-bottom: 10px;
}
.projects-list-full-width .item{  
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.projects-list-full-width .image{
  position: relative;
}
.projects-list-full-width .image .icon svg{
  position: absolute;
  width:42px;
  height: 42px;
  margin: auto;
  top:0;
  bottom:0;
  right:0;
  left:0;
}
.projects-list-full-width .image .icon svg path{
  fill:#fff;
}
.projects-list-full-width .image .icon{
  position: absolute;
  height:100px;
  width:100px;
  margin: auto;
  left:0;
  right:0;
  bottom:0;
  top:0;
  background-color: var(--bs-primary);
  border-radius: 50%;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.projects-list-full-width .image img{
  height:600px;
}
.projects-list-full-width .image .content{
  position:absolute;
  bottom:50px;
  left:50px;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.projects-list-full-width .image .content h2{
  color:#fff;
  margin-bottom: 16px;
}
.projects-list-full-width .item .image::before{
  content:"";
  position: absolute;
  background-color: rgb(24, 28, 49, 0);
  height:100%;
  width:100%;
  transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:last-of-type{
  margin-bottom: 40px;
}
.projects-list-full-width .item{
  margin-bottom: 60px;
}
.projects-list-full-width .image .content span{
  color:#fff;
  font-family: var(--bs-secondary-font);
  text-transform: uppercase;
  font-size: 22px;
  line-height: 27px;
}
.projects-list-full-width .item:hover .content{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:hover .image::before{
  background-color: rgb(24, 28, 49, 0.45);
  transition: 0.3s ease-in-out;
}
.projects-list-full-width .item:hover .icon{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
/* projects-grid-sidebar */
.project-grid-header .project-tabs{
  padding-top: 0;
}
.project-grid-header .tabs-menu .nav{
  flex-direction: column;
  text-align: left;
  width:100%;
  align-items: flex-start;
}
.project-grid-header .tabs-menu .nav-link{
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  padding:20px 24px;
  line-height: 21px;
  background-color: var(--bs-bg);
  width:100%;
  margin-bottom: 5px;
}
.project-grid-header .tabs-menu .nav-link.active::before{
  content: "";
  position: absolute;
  left:0;
  top:0;
  background-color: var(--bs-primary);
  height: 100%;
  width:5px;
}
.projects-grid-sidebar .project-grid-content img{
  height:330px;
} 
.projects-grid-sidebar .project-grid-content .projects-2-grid .col-lg-6{
  margin-bottom: 10px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width img{
  height:560px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .image .icon{
  width:85px;
  height:85px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .image .icon svg{
  width:35px;
  height:35px;
}
.projects-grid-sidebar .project-grid-content .projects-list-full-width .item{
  max-width: 100%;
  width:100%;
}
.projects-list-full-width.projects-lists.dt-section{
  padding-bottom: 60px;
}
.home-slider-1{
  height:570px;
  position: relative;
}
.home-slider-1 .owl-dots{
  width:1140px;
  padding:0 12px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  top:-170px;
  text-align: right;
}
.home-slider-1 .owl-dots button{
  border: unset;
  background-color: unset;
  box-shadow: unset;
  z-index: 1;
  font-size: 18px;
  line-height: 22px;
  color:#fff;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  margin-right: 74px;
  padding:0;
}
.home-slider-1 .owl-dots .owl-dot{
  position: relative;
}
.home-slider-1 .owl-dots .owl-dot.active button{
  color:var(--bs-primary);
}
.home-slider-1 .owl-dots .owl-dot:last-of-type button{
  margin-right: 0;
}
.home-slider-1 .owl-dots .owl-dot::before{
  position: absolute;
  content:"";
  width:50px;
  height: 2px;
  background-color: #fff;
  right:14px;
  bottom:0;
  top:0;
  margin: auto;
}
.home-slider-1 .owl-dots .owl-dot:last-of-type:before{
  display:none;
}
.header-3 .home-slider-1,
.header-2 .home-slider-1{
  height:650px;
}
.home-slider-1 .item{
  height:100%;
}
.home-slider-1 .item img{
  height:528px;
}
.home-slider-1 .item .row{
  margin-top: 100px;
}
.header-2 .home-slider-1 .item .row,
.header-3 .home-slider-1 .item .row{
  margin-top: 180px;
}
.header-1 .home-slider-3,
.header-2 .home-slider-3,
.header-3 .home-slider-3{
  min-height: 760px;
}

.home-slider-1 .item .content{
  margin-top: 100px;
}
.home-slider-1 .item .content span{
  font-size: 16px;
  list-style: 19px;
  display: block;
  margin-bottom: 14px;
  text-transform: uppercase;
  font-family: var(--bs-primary-font);
  color:#fff;
}
.home-slider-1 .item .content .title{
  font-family: var(--bs-primary-font);
  font-size: 45px;
  line-height: 50px;
  width:430px;
  font-weight: 800;
  color:#fff;
  text-transform: initial;
  margin-bottom: 32px;
}
.home-slider-1 > .container{
  position: absolute;
  left:0;
  bottom:70px;
  right:0;
  z-index: 2;
}
.home-slider-1 .slider-count{
  text-align: right;
}
.home-slider-1 .slider-count span:first-of-type::before{
  position: absolute;
  content:"";
  top:0;
  bottom:0;
  background-color: #fff;
  height:2px;
  width:50px;
  margin: auto;
  right:-63px;
}
.home-slider-1 .slider-count span{
  color:#fff;
  font-size: 18px;
  line-height: 22px;
  font-family: var(--bs-secondary-font);
  display: inline-block;
  position: relative;
}
.home-slider-1 .col-lg-6:last-of-type{
  height:fit-content;
}
.home-slider-1 .slider-count span:first-of-type{
  margin-right: 74px;
}
.title-1{
  margin-bottom: 60px;
  text-align: center;
}
.title-1 span{
  font-size: 15px;
  line-height: 18px;
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  margin-bottom: 14px;
  display: block;
  text-transform: uppercase;
  font-weight: 800;
}
.title-1 h2{
  width:600px;
  margin-left: auto;
  margin-right: auto;
}
.about-us-1 .content span{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-weight: 700;
  display: block;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.about-us-1 .content h2{
  margin-bottom: 28px;
}
.about-us-1 .content p{
  margin-bottom: 0;
}
.about-us-1 .features{
  margin:42px 0;
}
.about-us-1 .features .feature{
  display: flex;
  margin-bottom: 24px;
}
.about-us-1 .features .feature .icon svg path{
  fill:var(--bs-primary);
}
.about-us-1 .features .feature .icon svg{
  width:24px;
  height:24px;
  position: absolute;
  left:0;
  right:0;
  bottom:0;
  top:0;
  margin:auto;
  background-color: var(--bs-bg);
}
.about-us-1 .features .feature .icon{
  width:90px;
  height: 60px;
  background-color: #fff;
  position: relative;
}
.about-us-1.bg-white .features .feature .icon{
  background-color: var(--bs-bg);
}
.about-us-1 .features .feature .feature-content{
  margin-left: 20px;
}
.about-us-1 .contact-number{
  display: flex;
  padding:20px 0 35px;
}
.project-style-1 .btn{
  margin-right: auto;
  margin-left: auto;
}
.about-us-1 .contact-number svg{
  width:50px;
  height:50px;
  margin-right: 18px;
}
.about-us-1 .contact-number span:first-of-type{
  font-size: 15px;
  font-family: var(--bs-primary-font);
  line-height: 18px;
  display: block;
  color:var(--bs-paragraph);
  font-weight: 600;
  margin-bottom: 5px;
}
.about-us-1 .contact-number a{
  font-family: var(--bs-secondary-font);
  font-size: 22px;
  line-height: 27px;
  color:var(--bs-primary);
  font-weight: 800;
}
.about-us-1 .about-card{
  width:250px;
  height:140px;
  background-color: var(--bs-primary);
  position: absolute;
  bottom: 0;
  left:-108px;
}
.about-us-1 .col-lg-6:last-of-type{
  position: relative;
}
.about-us-1 .about-card span:first-of-type{
  padding-top: 24px;
  margin-left: 28px;
  display: block;
  font-size: 50px;
  line-height: 61px;
  color:#fff;
  font-weight: 700;
  font-family: var(--bs-secondary-font);
  margin-bottom: 6px;
}
.about-us-1 .about-card span:last-of-type{
  display: block;
  margin-left: 28px;
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  color:#fff;
  font-family: var(--bs-primary-font);
}
.about-us-1 img{
  height:600px;
  position: relative;
  z-index: 2;
}
.project-style-1 .masonry-style-1.projects-tab-masonry.dt-section{
  padding-bottom: 60px;
}
.video-1 .image{
  position: relative;
}
.video-1 .image::before{
  position: absolute;
  content:"";
  width:100%;
  height:100%;
  background-color: rgb(24, 28, 49,0.40);
}
.video-1 .image img{
  height:600px;
}
.video-1 .image-overlay{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  height: 100px;
  width:100px;
}
.video-1 .image-overlay svg{
  width:100px;
  height:100px;
  cursor: pointer;
}
.video-1 a{
  width:max-content;
  height:max-content;
  border-radius: 50%;
}
.video-1 .image-overlay svg path{
  fill:#fff;
}
.cta-1{
  position: relative;
  top:-119px;
}
.cta-1 .svg-overlay{
  position:absolute;
  top:0;
  bottom:0;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width:350px;
  background-color: var(--bs-primary);
  clip-path: polygon(75% 0, 100% 35%, 100% 100%, 0 100%, 0 0);
  z-index: 1;
}
.cta-1 .btn{
  background-color: #fff;
  color:var(--bs-primary);
  z-index: 2;
}
.cta-1 .btn:hover{
  background-color: var(--bs-primary);
  color:#fff;
  border:2px solid #fff;
}
.cta-1 .svg-overlay h3{
  color:#FFF;
  width:318px;
  margin-bottom: 32px;
}
.cta-1 .container:last-of-type{
  position: absolute;
  left:0;
  right:0;
  margin: auto;
  text-align: right;
  bottom:0;
  padding:55px 0;
}
.cta-1 .card-description{
  display: flex;
  align-items: center;
  width:57%;
  margin-left: auto;
}
.cta-1 .card-description .card-texts{
  text-align: left;
  padding-right: 39px;
  position: relative;
}
.cta-1 .card-description .card-texts::before{
  position: absolute;
  content:"";
  height:87%;
  width:2px;
  background-color: rgb(24, 28, 49, 0.1);
  right:0;
  bottom:0;
  margin-top: auto;
  margin-bottom: auto;
}
.cta-1 .card-description .card-texts .number{
  font-size: 60px;
  line-height: 72px;
  font-weight: 800;
  color:var(--bs-headings);
  font-family: var(--bs-secondary-font);
}
.cta-1 .card-description .card-texts .card-text{
  font-size: 16px;
  font-weight: 500;
  color:var(--bs-headings);
  line-height: 19px;
  width:100px;
  font-family: var(--bs-secondary-font);
}
.cta-1 .card-description .description{
  text-align: left;
}
.cta-1 .card-description .description p{
  margin-bottom: 0;
  margin-left: 40px;
  margin-top: 10px;
}
.why-choose-us-style-1.dt-section{
  padding-top: 0;
}
.why-choose-us-style-1 .image img{
  height: 594px;
  padding-left: 45px;
} 
.why-choose-us-style-1 .image .overlay span:first-of-type{
  display: block;
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-size: 36px;
  line-height: 43px;
  font-weight: 700;
}
.why-choose-us-style-1 .image .overlay span:last-of-type{
  display: block;
  color:var(--bs-headings);
  font-size: 16px;
  line-height: 19px;
  font-family: var(--bs-primary-font);
  font-weight: 500;
}
.why-choose-us-style-1 .image{
  position: relative;
}
.why-choose-us-style-1 .overlay{
  padding:25px 40px;
  border-radius: 8px;
  background-color: #fff;
  width:max-content;
  box-shadow: 0 3px 10px #0000001F;
  position: absolute;
  bottom:120px;
  left:0;
}
.why-choose-us-style-1 .content span{
  color:var(--bs-primary);
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
}
.why-choose-us-style-1 .content h2{
  margin-bottom: 28px;
}
.why-choose-us-style-1 .content .features .feature-content{
  margin-bottom: 34px;
}
.why-choose-us-style-1 .content .features .feature-content:last-of-type{
  margin-bottom: 0;
}
.why-choose-us-style-1 .content .features{
  margin-top: 42px;
}
.team-1 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 65px;
}
.clients-home-style-1 .client-image img{
  width:200px;
  padding:40px 20px;
}
.clients-home-style-1 .client-image{
  text-align: center;
}
.clients-home-style-1 .col-lg-3{
  border-right: 1px solid rgb(24, 28, 49, 0.15);
}
.clients-home-style-1 .col-lg-3{
  border-bottom: 1px solid rgb(24, 28, 49, 0.15);
}
.clients-home-style-1 .col-lg-3:nth-child(4),
.clients-home-style-1 .col-lg-3:nth-child(8){
  border-right: none;
}
.clients-home-style-1 .col-lg-3:nth-child(n+5){
  border-bottom: none;
} 
.contact-home-1 .content span{
  color:var(--bs-primary);
  font-size: 15px;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
  margin-bottom: 16px;
  display: block;
}
.contact-home-1 .content h3{
  color:#fff;
  width:500px;
  margin-bottom: 50px;
} 
.contact-home-1 .content .form-style-3{
  width:640px;
}
.pricing-plans-style-1 .pricing-style-1 .item{
  background-color: #fff;
  border:unset;
}
.pricing-plans-style-1.bg-white .item.recommended{
  background-color: var(--bs-bg);
  border:unset;
}
.pricing-plans-style-1.bg-white .item{
  border:1px solid lightgray;
}
.contact-home-1 .form-style-3 input,
.contact-home-1 .form-style-3 textarea,
.contact-home-1 .form-style-3 .nice-select{
  border-bottom: 1px solid #fff;
}
.contact-home-1 .form-style-3 textarea{
  height:90px;
}
.blog-home-style-1 .container > .btn{
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
}
.header-1 .page-banner{
  margin-top: 80px;
}
.header-2 .page-banner.dt-section{
  padding-top: 125px;
  padding-bottom: 125px;
}
.header-3 .page-banner.dt-section{
  padding-top: 145px;
  padding-bottom: 115px;
}
.header-1 .home-slider-2{
  min-height:680px;
  margin-top: 80px;
}
.home-slider-2 .col-lg-10{
  position: relative;
}
.home-slider-2 .image-on-slider{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
}
.home-slider-2 .image-on-slider img{
  height: 100%;
  width:100%
}
.home-slider-2 .container{
  position:relative;
  height:680px;
}
.home-slider-2 .image{
  position: absolute;
  top:0;
  left:0;
}
.home-slider-2 .image::before{
  content:"";
  position: absolute;
  height: 100%;
  width:1300px;
  background-color: rgb(24, 28, 49, 0.5);
}
.home-slider-2 .image img{
  height: 680px;
  width:1300px;
}
.home-slider-2 .contact-number-wrapper .number{
  font-size: 22px;
  line-height: 27px;
  color:var(--bs-headings);
  font-weight: 700;
  display: block;
  margin-bottom: 7px;
}
.home-slider-2 .contact-number-wrapper .text{
  font-size: 14px;
  line-height: 18px;
  color:var(--bs-paragraph);
  font-weight: 500;
}
.home-slider-2 .contact-number{
  display:flex;
  width:max-content;
  transform: rotate(270deg);
  position: absolute;
  bottom:190px;
  left:-75px;
}
.home-slider-2 .contact-number svg{
  width:24px;
  height: 24px;
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  margin:auto;
}
.home-slider-2 .contact-number svg path{
  fill:#fff;
}
.home-slider-2 .contact-number .icon{
  padding:15px;
  background-color: var(--bs-primary);
  border-radius: 50%;
  width:54px;
  height: 54px;
  margin-right: 12px;
  position: relative;
}
.home-slider-2 .item .title{
  font-size:56px;
  line-height: 66px;
  width:650px;
  margin-bottom: 45px;
  color:#fff;
  font-family: var(--bs-primary-font);
  font-weight: 800;
}
.home-slider-2 .item{
  padding:191px 0;
}
.home-slider-2 .arrows button{
  border:unset;
  box-shadow: unset;
  background-color: unset;
}
.home-slider-2 .arrows button svg path{
  fill:#fff;
}
.home-slider-2 .arrows button svg{
  width:16px;
  height: 16px;
  position: absolute;
  right:0;
  top:0;
  left:0;
  bottom: 0;
  margin: auto;
}
.home-slider-2 .arrows button.prev{
  height:48px;
  width:48px;
  border:1px solid #FFF;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  margin: 10px 0;
  transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.next{
  height:48px;
  width:48px;
  border:1px solid #FFF;
  border-radius: 50%;
  z-index: 2;
  position: relative;
  margin:10px 0;
  transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.prev:hover,
.home-slider-2 .arrows button.next:hover{
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows button.prev:hover svg path,
.home-slider-2 .arrows button.next:hover svg path{
  fill:var(--bs-headings);
  transition: 0.3s ease-in-out;
}
.home-slider-2 .arrows{
  position:absolute;
  right:12px;
  bottom:0;
  top:0;
  z-index:2;
  height: max-content;
  margin-top: auto;
  margin-bottom: auto;
  display:flex;
  justify-content: center;
  flex-direction: column;
}
.home-slider-2 .owl-dots{
  position: absolute;
  width:max-content;
  bottom:50px;
  right:0;
  z-index: 3;
}
.home-slider-2 .owl-dots button{
  background-color: unset;
  border: unset;
  color:#fff;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
  font-weight: 500;
  font-family: var(--bs-secondary-font);
}
.home-slider-2 .owl-dots button:last-of-type span{
  margin-right: 0 !important;
}
.home-slider-2 .owl-dots .owl-dot{
  margin-right: 20px;
}
.home-slider-2 .owl-dots .owl-dot:last-of-type{
  margin-right: 0;
}
.home-slider-2 .owl-dots .owl-dot.active button{
  color:var(--bs-primary)
}
.why-choose-us-2 .main-content .title{
  color:#fff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 800;
  margin-bottom: 30px;
  font-family: var(--bs-primary-font);
}
.why-choose-us-2 .main-content .description{
 font-family: var(--bs-secondary-font);
 font-size: 15px;
 line-height: 22px;
 color:rgb(255, 255, 255, 0.6);
}
.why-choose-us-2 .main-content{
  background-color: var(--bs-headings);
  border-radius: 6px;
  padding:50px 35px;
}
.why-choose-us-2 .item .icon svg{
  width:40px;
  height:40px;
  margin-bottom: 14px;
}
.why-choose-us-2 .item .icon svg path{
  fill: var(--bs-primary);
}
.why-choose-us-2 .item {
  text-align: center;
  padding:40px 32px;
  border: 1px solid #00000033;
  border-radius: 6px;
}
.why-choose-us-2 .item h4{
  margin-bottom: 18px;
}
.about-us-2 .content span{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: 700;
  display: block;
  margin-bottom: 16px;
}
.about-us-2 .content h2{
  margin-bottom: 25px;
}
.about-us-2 .content .design-icon svg path{
  stroke: var(--bs-primary);
}
.about-us-2 .content .design-icon svg{
  width:80px;
  height: auto;
}
.about-us-2 .content .design-icon{
  margin-bottom: 25px;
}
.about-us-2 .content ul{
  margin-bottom: 40px;
  margin-top: 30px;
}
.about-us-2 .image img{
  width:980px;
  height: 700px;
}
.title-2{
  text-align: center;
  margin-bottom: 60px;
}
.title-2 span{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 16px;
  line-height: 18px;
  display: block;
}
.title-2 h2{
  margin-bottom: 25px;
}
.title-2 .design-svg svg{
  width:80px;
  height:auto;
}
.title-2 .design-svg svg path{
  stroke: var(--bs-primary);
}
.services-style-2 .col-lg-4{
  margin-bottom: 50px;
}
.video-2 .title{
  font-size: 32px;
  line-height: 36px;
  color:#fff;
  font-weight: 800;
  font-family: var(--bs-primary-font);
  margin-bottom: 37px;
  width:480px;
  margin-right: auto;
  margin-left: auto;
}
.video-2 .icon svg{
  width:20px;
  height:20px;
  margin-right: 6px;
}
.video-2 .icon svg path{
  fill:#fff;
}
.video-2 a{
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-2 .icon{
  color:#fff;
  font-size: 16px;
  line-height: 19px;
  text-transform: capitalize;
  font-weight: 700;
  font-family:var(--bs-primary-font);
}
.video-2{
  min-height:450px;
}
.video-2 .btn{
  margin-right: auto;
  margin-left: auto;
  transition: 0.2s ease-in-out;
}
.video-2 .btn:hover svg path{
  fill:var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.video-2 .content{
  text-align: center;
  padding:143px 0;
}
.project-style-2 .image{
  position: relative;
}
.project-style-2 .image .overlay{
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  margin: auto;
  height:max-content;
  width: max-content;
}
.project-style-2 .image .overlay svg{
  height: 30px;
  width:30px;
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin: auto;
}
.project-style-2 .image .overlay .icon{
  height:70px;
  width:70px;
  background-color:var(--bs-primary);
  border-radius: 50%;
  position: relative;
  opacity: 0;
  transition: 0.3s ease-in-out;
}
.project-style-2 .image:hover .icon{
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.project-style-2 .image::before{
  content:"";
  position: absolute;
  height:100%;
  width:100%;
  background-color: rgb(24, 28, 49, 0);
  transition: 0.3s ease-in-out;
}
.project-style-2 .image:hover::before{
  background-color: rgb(24, 28, 49, 0.65);
  transition: 0.3s ease-in-out;
}
.project-style-2 .image .overlay svg path{
  fill:#fff;
}
.project-style-2 .image img{
  height:450px;
}
.project-style-2 .image.h-large img{
  height:500px;
}
.project-style-2 .content{
  padding:30px 0;
}
.project-style-2 .content > a{
  text-transform: uppercase;
  font-family: var(--bs-secondary-font);
  font-size: 15px;
  line-height: 22px;
  color:var(--bs-primary);
  font-weight: 500;
}
.project-style-2 .col-lg-6{
  margin-bottom: 20px;
}
.project-style-2 .btn{
  margin-right: auto;
  margin-left: auto;
}
.team-2 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
}
.team-2 .team-style-2 .item{
  background-color: #fff;
}
.pricing-style-2 svg{
  display: none;
}
.cta-2{
  background-color: var(--bs-headings);
}
.cta-2 .title{
  color:#fff;
  font-size: 32px;
  line-height: 36px;
  font-weight: 800;
  font-family: var(--bs-primary-font);
  margin-bottom: 30px;
  width:470px;
}
.cta-2 .btn{
  background-color: #fff;
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
}
.cta-2 .btn:hover{
  background-color: var(--bs-primary);
  border: 2px solid var(--bs-primary);
}
.testimonials-style-2 .arrows button{
  background-color: unset;
  border: unset;
}
.testimonials-style-2 .arrows button svg{
  width:14px;
  height:14px;
  transition: 0.2s ease-in-out;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  left:0;
  margin: auto;
}
.testimonials-style-2 .arrows button.prev{
  height:38px;
  width:38px;
  border: 1px solid var(--bs-headings);
  border-radius: 50%;
  margin-right: 12px;
  transition: 0.2s ease-in-out;
  position: relative;
}
.testimonials-style-2 .arrows button.prev:hover svg path,
.testimonials-style-2 .arrows button.next:hover svg path{
  fill:var(--bs-bg);
  transition: 0.2s ease-in-out;
}
.testimonials-style-2 .arrows button.prev:hover,
.testimonials-style-2 .arrows button.next:hover{
  background-color: var(--bs-headings);
  transition: 0.2s ease-in-out;
}
.testimonials-style-2 .arrows button.next{
  height:38px;
  width:38px;
  border: 1px solid var(--bs-headings);
  border-radius: 50%;
  transition: 0.2s ease-in-out;
  position: relative;
}
.testimonials-style-2{
  height:390px;
}
.testimonials-style-2 .container{
  position: relative;
  top:-129px;
}
.testimonials-style-2 .arrows{
  position: absolute;
  bottom:0;
  left:0;
  z-index: 1;
}
.testimonials-style-2 .style-6-slider .item .col-lg-6 img{
  height:650px;
}
.blog-home-style-2 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 35px;
}
.contact-home-2 .whole-content img{
  height: 560px;
}
.contact-home-2 .whole-content iframe{
  height:580px;
  width:100%;
}
.contact-home-2 .image{
  position: relative;
}
.contact-home-2 .image::before{
  position: absolute;
  content:"";
  height: 100%;
  width:100%;
  background-color: rgb(24, 28, 49, 0.25);
}
.contact-home-2{
  position: relative;
}
.contact-home-2 .container{
  padding:80px 100px;
  background-color:var(--bs-bg);
  position: absolute;
  height: max-content;
  top:100px;
  right:0;
  left:0;
  bottom: 0;
  margin-left: auto;
  margin-right: auto;
}
.contact-home-2 form input::placeholder,
.contact-home-3 form input::placeholder,
.career-details form input::placeholder,
.career-details #edit-file-upload,
.login .login-form input::placeholder,
.get-quote-form .form-style-1 input::placeholder,
.contact-page-2 .form-style-1 input::placeholder,
.get-quote-form .form-style-1 .nice-select span,
.form-style-1 .nice-select span,
.form-style-1 input::placeholder,
.form-style-3 input::placeholder,
.form-style-3 .nice-select span{
  color:var(--bs-paragraph);
}
.get-quote-form .form-style-1 input{
  margin-bottom: 30px;
}
.achievements-style-1 .item{
  text-align: center;
  padding:42px 0;
  border:1px solid #00000026;
  border-right: none !important;
}
.achievements-style-1 .col-lg-3:last-of-type .item{
  border-right: 1px solid #00000026 !important;
}
.achievements-style-1 .item span{
  font-size: 22px;
  display: block;
  line-height: 27px;
  color:var(--bs-paragraph);
  font-family: var(--bs-primary-font);
  font-weight: 500;
  margin-bottom: 14px;
}
.achievements-style-1 .item .count{
  display: flex;
  justify-content: center;
}
.achievements-style-1 .item .count span{
  font-size: 45px;
  font-family: var(--bs-secondary-font);
  color:#1A1725;
  font-weight: 800;
}
.achievements-style-1.dt-section{
  padding-top: 0;
}
.home-slider-3{
  min-height:690px;
}
.header-1 .home-slider-3{
  margin-top: 70px;
}
.header-1 .home-slider-3 .item,
.header-3 .home-slider-3 .item,
.header-2 .home-slider-3 .item{
  min-height: 760px;
}

.home-slider-3 .item .title{
  color:#fff;
  font-size: 58px;
  line-height: 68px;
  text-align: center;
  padding:220px 0 280px;
  width: 662px;
  font-weight: 800;
  margin-right: auto;
  margin-left: auto;
  font-family: var(--bs-primary-font);
}
.home-slider-3 .arrows button{
  background-color: unset;
  border:unset;
}
.home-slider-3 .arrows button svg{
  width:16px;
  height:16px;
  position: absolute;
  left:0;
  top:0;
  bottom:0;
  right:0;
  margin:auto
}
.home-slider-3 .arrows button svg path{
  fill:#fff;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev{
  width:48px;
  height: 48px;
  border:1px solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev:hover{
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next:hover{
  background-color: #fff;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next:hover svg path{
  fill:#000;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.prev:hover svg path{
  fill:#000;
  transition: 0.3s ease-in-out;
}
.home-slider-3 .arrows button.next{
  width:48px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 50%;
  position: relative;
  z-index: 1;
}
.home-slider-3{
  position: relative;
}
.home-slider-3 .arrows{
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  top:-80px;
  max-width:1140px;
  align-items: center;
  height: 100%;
  display: flex;
  justify-content: space-between;
  margin-right: auto;
  margin-left: auto;
  margin: auto;
}
.home-slider-3 .overlay-svg{
  position: absolute;
  bottom:-10px;
  width:100%;
  height:auto;
  z-index:2
}
.home-slider-3 .overlay-svg svg{
  width:100%;
  height: auto;
}
.home-slider-3 .overlay-svg svg path{
  fill:#fff;
}
.title-3{
  text-align: center;
  margin-bottom: 60px;
}
.title-3 span{
  display: block;
  width:117px;
  color:var(--bs-primary);
  font-size: 16px;
  font-family: var(--bs-primary-font);
  line-height: 19px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 700;
  margin-bottom: 16px;
  position: relative;
}
.title-3 span::after{
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  right:0;
  margin: auto;
  background-color: var(--bs-primary);
  width:20px;
  height: 1px;
}
.title-3 span::before{
  content:"";
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  margin: auto;
  background-color: var(--bs-primary);
  width:20px;
  height: 1px;
}
.services-style-3 .col-lg-4{
  margin-bottom: 6px;
}
.about-us-3 .image img{
  padding-right: 37px;
  padding-top: 37px;
  height:625px;
  position: relative;
  z-index: 1;
}
.about-us-3 .image{
  position: relative;
}
.about-us-3 .image .overlay svg{
  width:146px;
  height:133px;
}
.about-us-3 .image .overlay{
  position: absolute;
  top:0;
  right:0;
}
.about-us-3 .content{
  padding-top: 37px;
}
.about-us-3 .content h2{
  margin-bottom: 28px;
}
.about-us-3 .content span{
  display: block;
  width:94px;
  color:var(--bs-primary);
  font-family: var(--bs-primary-font);
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  margin-bottom: 16px;
  position: relative;
}
.about-us-3 .content span::after{
  position: absolute;
  content:"";
  background-color: var(--bs-primary);
  width:20px;
  height: 1px;
  right:0;
  top:0;
  bottom: 0;
  margin: auto;
}
.about-us-3 .tabs-section .nav-link{
  padding:0;
  padding-bottom: 14px;
  font-size: 22px;
  line-height: 27px;
  color:var(--bs-headings);
  font-weight: 800;
  font-family: var(--bs-primary-font);
  position: relative;
}
.about-us-3 .tabs-section .nav-link.active::before{
  position: absolute;
  content:"";
  background-color: var(--bs-primary);
  bottom:-3px;
  height:3px;
  width:100%;
}
.about-us-3 .tabs-section .nav-item{
  margin-right: 20px;
}
.about-us-3 .tabs-section .nav-item:last-of-type{
  margin: 0;
}
.about-us-3 .tabs-section ul.nav{
  width:max-content;
  border-bottom: 3px solid rgb(0, 0, 0, 5%);
  margin-bottom: 25px;
  margin-top: 45px;
}
.about-us-3 .tabs-section{
  margin-bottom: 40px;
}
.achievements-style-2 .item{
  position: relative;
}
.achievements-style-2 .item .content{
  height:120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
}
.achievements-style-2 .item .overlay svg{
  width:120px;
  height: 120px;
  opacity: 0.2;
}
.achievements-style-2 .item .overlay{
  position: absolute;
  left:0;
  top:0;
}
.achievements-style-2 .item .count{
  display:flex;
}
.achievements-style-2 .item .count span{
  color:var(--bs-headings);
  font-weight: 700;
  font-size: 45px;
  margin-bottom: 8px;
  line-height: 38px;
  font-family: var(--bs-secondary-font);
}
.achievements-style-2 .item span{
  display: block;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color:var(--bs-paragraph);
  font-family: var(--bs-primary-font);
}
.cta-3 .content-wrapper{
  padding:50px 60px;
  padding-right: 70px;
  background-color:#fff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 2;
}
.cta-3 .content-wrapper h2{
  margin-bottom: 13px;
}

.cta-3 .content-wrapper .phone-number{
  display: flex;
  align-items: center;
  z-index: 1;
}
.cta-3 .content-wrapper .svg svg path{
  fill:#FFF
}
.cta-3 .content-wrapper .svg svg{
  width:50px;
  height:50px;
  margin-right: 18px;
}
.cta-3 .content-wrapper .content p{
  margin-bottom: 0;
}
.cta-3 .content-wrapper .number span{
  color:#fff;
  font-family: var(--bs-primary-font);
  font-weight: 800;
  font-size: 15px;
  line-height: 18px;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.cta-3 .content-wrapper .number a{
  font-weight: 800;
  font-family: var(--bs-secondary-font);
  line-height: 27px;
  font-size: 22px;
  line-height: 27px;
  display: block;
  color:#fff;
}
.cta-3 .content-wrapper .number a:hover{
  color:var(--bs-headings);
}
.cta-3 .content-wrapper .overlay{
  position: absolute;
  top:0;
  right:0;
  height: 100%;
  width:auto;
}
.cta-3 .content-wrapper .overlay-image{
  position: relative;
  z-index: 1;
  width:92px;
  height: auto
}
.cta-3 .content-wrapper .overlay svg{
  position: absolute;
  top:0;
  right:0;
  height: 100%;
  width:auto;
}
.cta-3 .content-wrapper .overlay svg path{
  fill:var(--bs-primary);
}
.cta-3.dt-section{
  padding-bottom: 0;
}
.video-3{
  min-height: 540px;
  position: relative;
  top:-85px;
}
.video-3 .content{
  text-align: center;
  padding:240px 0 170px;
}
.video-3 .title{
  color:#fff;
  font-weight: 800;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 22px;
  font-family: var(--bs-primary-font);
}
.video-3 .svg svg{
  width:70px;
  height:70px;
}
.video-3 .svg svg path{
  fill:#fff;
}
.video-3 .svg a{
  animation: play-animation-white 2s linear infinite;
  width:max-content;
  height: max-content;
  display: block;
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
}
.projects-style-3.dt-section{
  padding-top: 20px;
}
.projects-style-3 .title-3 span{
  width:134px;
}
.projects-style-3 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 60px;
}
.clients-home-style-3{
  background-color: var(--bs-headings);
  padding:100px 0;
}
.clients-home-style-3 .clients-3-slider .item img{
  height: auto;
}
.why-choose-us-3 .content .progress-bar-style-4 h4{
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 21px;
}
.why-choose-us-3 .content .progress-bar-style-4.progress-bar-style-1 .progress{
  height:2px;
}
.why-choose-us-3 .content span{
  font-size: 16px;
  line-height: 19px;
  font-family: var(--bs-secondary-font);
  font-weight: 700;
  color:var(--bs-primary);
  margin-bottom: 16px;
  position: relative;
  width:max-content;
  padding-right: 30px;
  display: block;
}
.about-us-1 + .achievements-style-1 + .video-1 + .why-choose-us-3 .content span::before{
  display: none;
}
.about-us-1 + .achievements-style-1 + .video-1 + .why-choose-us-3 + .cta-2 + .testimonials-style-2 .arrows{
  display: none;
}
.why-choose-us-3 .content span::before{
  position: absolute;
  content:"";
  top:0;
  right:0;
  bottom:0;
  background-color: var(--bs-primary);
  height: 1px;
  width:20px;
  margin: auto;
}
.why-choose-us-3 .row{
  align-items: center;
}
.why-choose-us-3 .content h2{
  margin-bottom: 28px;
}
.why-choose-us-3 .content .pro-bars{
  margin-top: 44px;
}
.why-choose-us-3 .image img{
  height:565px;
  width:100%;
  padding-top:38px;
  padding-right:38px;
  position: relative;
  z-index: 1;
}
.why-choose-us-3 .image{
  position: relative;
}
.why-choose-us-3 .image .overlay{
  position: absolute;
  top:0;
  right:0;
}
.why-choose-us-3 .list-style-1{
  margin-top: 28px;
}
.why-choose-us-3 .progress-bar-style-4.progress-bar-style-1 h5{
  font-size: 14px;
  line-height: 21px;
}
.why-choose-us-3 .progress-bar-style-4.progress-bar-style-1{
  padding: 0 0 36px;
}
.testimonials-style-3 .title-3 span{
  width:147px;
}
.team-3 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 65px;
}
.team-3.bg-gray .team-style-2 .item{
  background-color: #fff;
}
.team-3 .title-3 span{
  width:128px;
}
.pricing-plans-style-3 .title-3 span{
  width:147px;
}
.pricing-plans-style-3 .pricing-style-3 .item{
  border:unset;
  background-color: #fff;
  box-shadow: 0 1px 8px rgb(0, 0, 0,0.05);
}
.pricing-plans-style-3 .pricing-style-3 .item.recommended{
  border-top: 3px solid var(--bs-primary);
}
.blog-home-style-3 .btn{
  margin-right: auto;
  margin-left: auto;
  margin-top: 65px;
} 
.contact-home-3 .form-style-1 .btn{
  border-radius: 30px;
}
.contact-home-3 .title-3 span{
  width:135px;
}
.contact-home-3 .map,
.contact-home-3 .map iframe{
  width:100%;
  height:500px;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1{
  display: block;
  height:unset;
  width:unset;
  grid-auto-flow: unset;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 span{
  width:10px !important;
  height:10px !important;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 button{
  margin:0 7.5px;
}
.slider-style-2.testimonials-style-1-2 .owl-dots-1 .owl-dot.active span{
  background-color:var(--bs-headings) !important;
}
.testimonials-style-3.pad-top.dt-section{
  padding-top: 0;
}
.about-company.dt-section{
  padding-bottom: 0;
}
.about-company .about-us-1 .features .feature .icon{
  background-color: var(--bs-bg);
  border-radius: 50%;
}
.achievements-style-2.achievements-style-3.dt-section{
  padding-top: 0;
}
.achievements-style-2.achievements-style-3 .item .content{
  padding-left: 0;
  height:fit-content;
}
.about-company .image img{
  height:550px;
}
.about-company .content h2{
  margin-bottom: 28px;
}
.about-company .content{
  padding:60px 0 0;
}
.about-company .bottom-content h2{
  margin-bottom: 20px;
}
.about-company .bottom-content{
  padding-bottom: 40px;
}
.about-company .about-us-1 .features .feature .feature-content h3{
  margin-bottom: 20px;
}
.company-history .item .date-year span:first-of-type{
  display: block;
  color:var(--bs-primary);
  font-weight: 600;
  font-family: var(--bs-primary-font);
  font-size: 18px;
  line-height: 21px;
  margin-bottom: 8px;
}
.company-history .item .date-year span:last-of-type{
  display: block;
  color:var(--bs-headings);
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  font-family: var(--bs-secondary-font);
}
.company-history .item{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.company-history .item .content h3{
  margin-bottom: 20px;
  position: relative;
}
.company-history .item .content{
  padding-bottom: 80px;
}
.company-history .item:last-of-type .content{
  padding-bottom: 0;
}
.company-history .item .content p{
  margin-bottom: 0;
}
.company-history .item .content h3::before{
  position: absolute;
  content:"";
  top:0;
  left:-46px;
  bottom: 0;
  margin: auto;
  background-color: var(--bs-primary);
  width:26px;
  height: 3px;
}
.management .image{
  position: relative;
}
.management .image img{
  height:530px;
  z-index: 1;
  position: relative;
  padding-left: 38px;
  margin-top: 38px;
}
.management .image .overlay{
  position: absolute;
  top:0;
  left:0;
}
.management .content .person-details{
  padding:25px 60px;
  background-color: var(--bs-headings);
  width:max-content;
  margin-bottom: 50px;
}
.management .content .person-details .name{
  font-family: var(--bs-primary-font);
  font-weight: 700;
  color:#fff;
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 7px;
}
.management .content .person-details span{
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  display: block;
}
.management .content .social-icons{
  display: flex;
  margin-top: 34px;
}
.management .content .social-icons li{
  margin-right: 22px;
}
.management .content .social-icons li:last-of-type{
  margin-right: 0;
}
.management .content .social-icons li .fontawesome-icon{
  display: flex;
  padding:16px;
  border-radius: 50%;
  border:1px solid var(--bs-primary);
  background-color: var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon:hover{
  background-color: #fff;
  border:1px solid var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon:hover i{
  color:var(--bs-primary);
  transition: 0.2s ease-in-out;
}
.management .content .social-icons li .fontawesome-icon i{
  color:#fff;
  transition: 0.2s ease-in-out;
}

.management .bottom-content{
  padding-top: 80px;
}
.management .bottom-content p:last-of-type{
  margin-bottom: 0;
}
.management .bottom-content h2{
  margin-bottom: 28px;
}
.why-choose-us-3.dt-section + .achievements-style-1.dt-section{
  padding-bottom: 0;
}
.why-choose-us-3.left .image img{
  padding: 0;
  padding-left: 38px;
  padding-top: 38px;
}
.why-choose-us-3.left .overlay{
  left:0;
}
.work-process-1.dt-section{
  padding-bottom: 0;
  padding-top: 60px;
}
.work-process-1 .work-process-content{
  padding-bottom: 80px;
  border-bottom: 1px solid rgb(24, 28, 49,0.3);
}
.work-process-1 .work-process-content .item p{
  margin-bottom: 0;
}
.work-process-1 .work-process-content .item h4{
  margin-bottom: 18px;
}
.work-process-1 .work-process-content .item span{
  font-size: 60px;
  position: relative;
  bottom:-35px;
  display: block;
  font-weight: 800;
  line-height: 72px;
  font-family: var(--bs-secondary-font);
  color:rgb(24, 28, 49, 8%);
}
.work-process-2 .image{
  position: relative;
}
.work-process-2 .image img{
  height:480px;
  padding-right: 38px;
  padding-top: 25px;
  position: relative;
  z-index: 1;
}
.work-process-2 .image .overlay{
  position: absolute;
  top:0;
  right:0;
}
.work-process-2 .content h2{
  margin-bottom: 28px;
}
.work-process-2 .item{
  margin-bottom: 60px;
}
.work-process-2 .item:last-of-type{
  margin-bottom: 0;
}
.clients-page .image{
  text-align: center;
  height:200px;
  position: relative;
  background-color: var(--bs-bg);
}
.clients-page .image img{
  width:250px;
  height: auto;
  position: absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  margin: auto;
}
.clients-page .col-lg-4{
  margin-bottom: 6px;
}
.slider-template-1.testimonials-page .col-lg-4{
  margin-bottom: 30px;
}
.cta-3.cta-4 .content-wrapper{
  background-color:var(--bs-bg);
  border-radius: 8px;
}
.faq-section.dt-section{
  padding-bottom: 80px;
}
.cta-3.cta-4.dt-section{
  padding-top: 0;
  padding-bottom: 100px;
}
.why-choose-us-3.dt-section + .dt-section .container{
  position: relative;
}
.why-choose-us-3.dt-section + .dt-section .container::before{
  content:"";
  /* background-color: rgb(24, 28, 49,0.2); */
  width:100%;
  height:1px;
  position: absolute;
  top:-100px
}
.why-choose-us-3.dt-section + .dt-section .container h2{
  margin-bottom: 60px;
}
.career-lists .item{
  padding:30px;
  border: 1px solid #00000038;
  border-left: 3px solid var(--bs-primary);
}
.career-lists .col-lg-6{
  margin-bottom: 30px;
}
.career-lists .item span{
  font-family: var(--bs-secondary-font);
  font-size: 18px;
  display: block;
  line-height: 21px;
  color:var(--bs-paragraph);
  font-weight: 500;
}
.career-details .content-wrapper h2{
  margin-bottom: 28px;
}
.career-details .content-wrapper p{
  margin-bottom: 0;
}
.career-details .content-wrapper .job-details-wrapper{
  margin-bottom: 50px;
  margin-top: 22px;
}
.career-details .content-wrapper .job-details{
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.career-details .content-wrapper h6{
  margin-bottom: 0;
  margin-right: 4px;
}
.career-details .content-wrapper .value{
  font-family: var(--bs-primary-font);
  font-size: 16px;
  line-height: 19px;
  font-weight: 600;
  color:var(--bs-paragraph);
}
.career-details .additional-content .col-lg-6{
 width:100%;
}
.career-details .additional-content .col-lg-6:last-of-type{
  display: none;
}
.career-details .additional-content h3{
  margin-bottom: 28px;
}
.career-details .additional-content ul{
  margin-bottom: 50px;
  margin-top: 22px;
}
.career-details .job-form h3{
  margin-bottom: 28px;
}
.career-details .job-form .nice-select span{
  color:var(--bs-paragraph);
  font-size: 15px;
  line-height: 22px;
}
#edit-file--description{
  font-family: var(--bs-secondary-font);
  color:var(--bs-paragraph);
  font-size: 15px;
  line-height: 22px;
}
.career-details .form-style-1 .btn-primary{
  margin-right: auto;
  margin-left: unset;
  margin-top: 42px;
}
.login .login-form label{
  display: none;
}
.login .login-form small{
  display: none;
}
.login .btn-style-2{
  border-radius: 3px;
  margin-right: 20px;
}
.login .form-style-1 span{
  font-size: 16px;
  line-height: 19px;
  display: block;
  color:var(--bs-paragraph);
  font-family: var(--bs-secondary-font);
  margin-bottom: 32px;
}
.login .login-forget{
  padding-bottom: 28px;
  padding-top: 10px;
}
.login .login-forget p{
  font-weight: 800;
  font-family: var(--bs-primary-font);
  font-size: 16px;
  line-height: 19px;
  color:var(--bs-headings);
  margin-bottom: 0;
}
.login .login-forget p a{
  color:var(--bs-primary);
  text-decoration: underline;
}
.login .login-forget .login-btn-text a{
  color:var(--bs-headings);
}
.login .login-forget .login-btn-text{
  display: flex;
  align-items: center;
  margin-bottom: 22px;
}
.login h2{
  margin-bottom: 17px;
}
.login .desc{
  margin-bottom: 36px;
}
.login-register-pass-image img{
  height:568px;
  padding-top: 38px;
  padding-right: 38px;
  position: relative;
  z-index: 1;
}
.login-register-pass-image{
  position: relative;
}
.login-register-pass-image .overlay{
  position: absolute;
  right: 0;
  top:0;
}
.login-forget.register-forget p a{
  color:var(--bs-primary) !important;
}
.login-forget.register-forget.pass-forget .login-btn-text{
  margin-bottom: 0;
}
.login-forget.register-forget.pass-forget{
  padding-bottom: 0;
}
.coming-soon.bg-image{
  height:560px;
}
.coming-soon{
  position: relative;
}
.coming-soon .item{
  position: absolute;
  bottom:50px;
  width:100%;
  text-align: center;
}
.coming-soon .item h1{
  font-size: 60px;
  font-weight: 1000;
  margin-bottom: 45px;
}
.coming-soon .item p{
  width:430px;
  margin-right: auto;
  margin-left: auto;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 34px;
}
.cs-counter{
  display: flex;
  align-items: center;
  justify-content: center;
}
.cs-date span{
  display: block;
  font-size: 45px;
  line-height: 44px;
  font-family: var(--bs-secondary-font);
  color: var(--bs-primary);
  font-weight: 800;
  margin-right: 10px;
}
.counting-title{
  font-size: 15px;
  line-height: 18px;
  font-family: var(--bs-primary-font);
  font-weight: 800;
  color:var(--bs-headings);
}
.cs-date{
  display: flex;
  margin-right: 50px;
}
.cs-counter .cs-date:last-of-type{
  margin-right: 0;
}
.coming-soon.maintenance .item{
  bottom:60px;
}
.coming-soon.maintenance .item  p{
  width:100%;
}
.coming-soon.maintenance .item h1{
    margin-bottom: 22px;
}
.error-page .content .title{
  font-size: 165px;
  color:var(--bs-primary);
  font-family: var(--bs-secondary-font);
  font-weight: bolder;
  line-height: 170px;
  position: relative;
  z-index:1;
}
.error-page .content{
  text-align: center;
  padding:60px 0 0;
}
.error-page .content .btn{
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
  position: relative;
}
.error-page .content h2{
  margin-bottom: 22px;
}
.error-page{
  position: relative;
}
.error-page .content .overlay{
  position: absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
  width:1000px;
}
.error-page .content p{
  font-weight: 500;
  width:576px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 40px;
  font-size: 22px;
  line-height: 27px;
}
.why-choose-us-3 + .sections-common-padding .career-lists{
  padding-bottom: 70px;
}
.why-choose-us-3 + .sections-common-padding h2{
  margin-bottom: 60px;
}
/* Search Results */
.search-result .search-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 75px;
}
.search-result form{
  display: flex;
  align-items: center;
}
.search-result .search-form+h3{
  text-align: center;
  margin: 50px 0 0px;
}
.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-form+h2{
  display:none;
}
.search-result form {
  position: relative;
  width: 85%;
  height: 65px;
  margin-bottom: 80px;
  width:760px;
}
.search-result form .overlay {
  position: absolute;
  right: 0;
  top: 0;
  padding: 14px 0px;
  height: 100%;
}
.search-result form input {
  font-size: 15px;
  font-family: var(--bs-secondary-font);
  font-weight: 400;
  color: var(--bs-secondary-gray);
  padding: 22px 32px;
  border: none;
  background-color: var(--bs-bg);
  border-radius: 999px;
  margin-right: 15px;
}
.search-result form input:focus {
  background-color: var(--bs-secondary-bg);
  border: 1px solid var(--bs-secondary);
}
.search-result form .btn-primary {
  background-color: var(--bs-headings);
  border: none;
  border-radius: 50%;
  min-width: unset;
  border-left: 1px solid var(--bs-secondary-gray);
  height: 65px;
  width:70.17px;
}
.search-result form .btn-primary svg {
  position: relative;
  width: 18px;
  height: 18px;
  z-index: 1;
}
.search-result form .btn-primary svg path {
  fill:#fff;
}
.search-result .search-list .item {
  padding-top: 38px;
  padding-bottom: 35px;
  border-top: 1px solid #0000002E
}
.search-result .search-list>.item:last-child {
  border-bottom:1px solid #0000002E
}
.search-result .search-list .item h3 {
  font-family: var(--bs-primary-font);
  font-weight: 700;
  margin-bottom: 24px;
}
.search-result .search-list .item p {
  margin-bottom: 0px;
}
#search-form{
  display: none;
}
/* Search Box */
.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;
}
.form-confirmation-msg{
  text-align: center;
}
.form-confirmation-msg .btn{
  margin-right: auto;
  margin-left: auto;
}
.pt-footer #block-address{
  padding-bottom: 15px;
}
.cta-1 svg path{
  fill:var(--bs-primary);
}
ol.search-results{
  padding-left: 0 !important;
}
/* Page Loader */
.loader-bg {
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
}
.loader-bg h3 {
  position: fixed;
  color: var(--bs-primary);
  font-size: 14px;
}
.loader {
  width: 110px;
  height: 110px;
  font-size: 22px;
  box-sizing: border-box;
  border-top: 0.3em solid #505050;
  border-radius: 50%;
  position: relative;
  animation: rotating 2s ease-in-out infinite;
  --direction: 1;
}
.loader span {
  position: absolute;
  color: #FF5E31;
  width: inherit;
  height: inherit;
  text-align: center;
  line-height: 10em;
  font-family: sans-serif;
  animation: rotating 2s linear infinite;
}
.loader::before,
.loader::after {
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border-radius: 50%;
  box-sizing: border-box;
  top: -0.2em;
}
.loader::before {
  border-top: 0.3em solid var(--bs-primary);
  transform: rotate(120deg);
}
.loader::after {
  border-top: 0.3em solid var(--bs-secondary);
  transform: rotate(240deg);
}
@keyframes rotating {
  50% {
    transform: rotate(calc(180deg));
  }
  100% {
    transform: rotate(calc(360deg));
  }
}
.toolbar-fixed .header{
  margin-top: 39px;
}
.toolbar-tray-open .header{
  margin-top: 76px;
}
.toolbar-fixed.home-1 .tabs,
.toolbar-fixed.home-2 .tabs,
.toolbar-fixed.home-3 .tabs{
  margin-top: 90px;
}
.toolbar-tray-open.home-1 .tabs,
.toolbar-tray-open.home-2 .tabs,
.toolbar-tray-open.home-3 .tabs{
  margin-top: 90px;
}
.toolbar-tray-open .header-1 .home-slider-1,
.toolbar-tray-open .header-1 .home-slider-2,
.toolbar-tray-open .header-1 .home-slider-3{
  margin-top: 0;
}
.toolbar-tray-open #header-2,
.toolbar-tray-open #header-3{
  background-color: var(--bs-headings) !important;
}
.header nav.contextual-region{
  position: unset;
}
.shepherd-element {
  z-index: 1031;
}

/* codeblock */
.code-block {
  font-size: 20px;
  background-color: #000000;
  padding: 20px 55px;
  color: #FFF;
  border-radius: 0px;
  margin-top: 50px;
  margin-bottom: 50px;
  font-weight: 500;
}
.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: 60px;
  margin-bottom: 60px;
}
.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;
}
.path-comment .comment-list{
  padding-top: 170px;
}
.path-comment .comment-list img{
  width:200px;
  height:200px;
  border-radius: 50%;
  margin-bottom: 30px;
}
.path-comment .comment-form{
  padding-bottom: 100px;
} 
.path-comment .block > .content{
  padding:0 12px;
}

@media(max-width: 320.98px){
  #header-2 .res-header button.close{
    right:0px !important;
  }
  .tags-cloud li:last-of-type{
    margin-bottom: 0;
  }
  @media (orientation:landscape){
    #header-2 .res-header button.close{
      right:-64px !important;
    }
  }
}
@media(min-width: 319.98px) and (max-width: 360.98px){
  #header-2 .res-header button.close{
    right:0px !important;
  }
  .team-style-3 .item .overlay .content .social-icons{
    padding-left: 80px;
    padding-right: 80px;
  }
  @media (orientation:landscape){}
}
@media(min-width: 359.98px) and (max-width:374.98px){
  #header-2 .res-header button.close{
    right:-40px !important;
  }
  .tags-cloud li:nth-last-of-type(-n+4){
    margin-bottom: 0;
  }
  @media (orientation:landscape){
    #header-2 .res-header button.close{
      right:-75px !important;
    }
  }
}
@media(min-width: 410.98px) and (max-width:764.98px){
  .tags-cloud li:nth-last-of-type(-n+3){
    margin-bottom: 0;
  }
  @media (orientation:landscape){
    #header-2 .res-header button.close{
      right:-72px !important;
    }

  }
  
}
@media (max-width: 767.98px){
  .header .navbar-toggler svg{
    width:20px;
    height:20px;
  }
  .sec-pd {
    padding-top: 40px;
    padding-bottom: 40px;
  }
    @media (orientation:landscape){
    .header .navbar-nav{
        height:240px !important;
        overflow: scroll !important;
    }
    .cs-counter{
        flex-direction: row !important;
        justify-content: space-between !important;
    }
    }
    .error-page .content p{
    width:100%;
    }
    .about-us-1 .features .feature .icon svg{
    background-color: var(--bs-bg);
    }
    .about-us-1 .features .feature .icon{
    height:45px;
    width:258px;
    }
    .pt-footer .newsletter-mail input {
    width:220px;
    }
    #header-2 .dropdown-menu,
    #header-3 .dropdown-menu{
    background-color: #fff;
    }
    .search-result form{
    width:100%;
    }
    .search-result form .btn-primary{
    height:46px;
    width:60px;
    }
  #header-2 .dropdown-wrapper > .dropdown-item:hover > a,
  #header-2 .dropdown-wrapper > .dropdown-item:focus > a,
  #header-2 .dropdown-item.dropdown-submenu:hover > a,
  #header-2 .dropdown-item.dropdown-submenu:focus > a,
  #header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover > a,
  #header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus > a{
    color:var(--bs-primary);
  }
  #header-3 .nav-item > ul.dropdown-menu{
    background-color: #fff;
  }
  header .nav-item.mega-menu ul.dropdown-menu{
    padding:10px 40px !important; 
  }
  #header-2 .dropdown-item:hover>a{
    color:var(--bs-headings);
  }
  #header-2 .dropdown-item:hover,
  #header-2 .dropdown-item:focus{
    background-color: unset;
    color:var(--bs-primary);
  }
  body.scrolled #header-2 .search-btn{
    margin-top: 0 !important;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
    padding-top: 25px;
    padding-bottom: 0px;
    background-color: #fff;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li{
    margin-bottom: 10px;
  }
  .header .dropdown-item a::before{
    display: none;
  }
  .header-1 .page-banner{
    margin-top: 0;
  }
  #header-1 .nav-item .nav-link{
    border:unset;
  }
  #header-1 .nav-item{
    border-bottom: 1px solid lightgray;
  }
  #header-1 .dropdown-item{
    padding:7px 0;
  }
  .header .dropdown-item.dropdown-submenu .dropdown-menu{
    border-left: unset;
    padding-left: 20px;
  }
  .header .navbar-nav{
    height:420px;
    overflow: scroll;
  }
  .header .search-btn svg{
    width:12px !important;
    height:12px !important;
  }
  .header .lang-dropdown-menu .lang-dropdown-item a{
    font-size: 14px !important;
  }
  .header .search-btn .search-icon{
    display: flex !important;
  }
  .header .navbar-brand svg{
    width:150px;
  }
  #header-1 .nav-item .nav-link{
    background-color: var(--bs-bg);
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  #header-1 .res-header{
    padding:15px 12px !important;
  }
  #header-1 .container{
    padding: 0;
  }
  .header .nav-item .nav-link{
    padding:20px;
    padding-left: 5px !important;
    margin:0;
    border-bottom:1px solid rgb(128, 128, 128, 0.3);
  }
  .header .nav-item:hover > ul.dropdown-menu{
    display: none;
  }
  .header .nav-item > ul.dropdown-menu.show{
    display: block;
    padding-left: 50px;
    padding-bottom: 10px;
  }
  .header .dropdown-item{
    padding:5px 0;
    border:none;
  }
  .header .navbar-toggler:focus{
    box-shadow: unset;
  }
  .header .navbar-toggler{
    padding:0;
  }
  #header-1 .res-header,
  #header-2 .res-header,
  #header-3 .res-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
  }
  .header .others-in-header{
    display: flex;
    align-items: center;
  }
  #header-1 .search-btn svg{
    margin:0 20px;
  }
  #header-2 .lang-dropdown-menu{
    margin:0 20px;
  }
  #header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu{
    padding-left: 0 !important;
    top:-1px !important;
  }
  #header-2 .search-btn{
    margin:0;
    margin-left: 25px;
  }
  #header-2 .nav-item{
    border-bottom: 1px solid lightgray;
  }
  #header-2 .nav-item .nav-link{
    border-bottom: unset;
  }
  #header-2 .dropdown-item{
    border-bottom: unset;
  }
  #header-2 .navbar-toggler svg path{
    fill:#fff;
  }
  #header-2 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li{
    padding:5px;
  }
  #header-2 .nav-item .nav-link{
    color:var(--bs-headings);
    padding:20px;
  }
  #header-1 .nav-item .nav-link.show,
  #header-2 .nav-item .nav-link.show{
    padding-bottom: 10px !important;
  }
  #header-2.nav-header-2{
    background-color: #fff !important;
    width:85%;
  }
  #header-2 .nav-item > ul.dropdown-menu.show{
    padding-bottom: 10px;
  }
  #header-2.nav-header-2 .navbar-brand svg .cls-2{
    fill:#000;
  }
  #header-2 .nav-item > ul.dropdown-menu.show{
    display: block;
    padding-left: 40px;
    background-color: #fff;
  }
  #header-2 .dropdown-menu{
    padding:0;
    padding-left: 30px;
  }
  #header-2.nav-header-2 .search-btn,
  #header-2.nav-header-2 #block-languageswitcher{
   visibility: hidden;
  }
  #header-2 .dropdown-item{
    padding:5px;
  }
  #header-2 .navbar-nav{
    background-color: #fff;
  }
  #header-3 .nav-item .nav-link{
    border-bottom: unset;
  }
  #header-3 .dropdown-item{
    border-bottom: unset;
  }
  #header-3 .nav-item{
    border-bottom: 1px solid lightgray;
  }
  #header-3 .nav-item .nav-link.show{
    padding-bottom: 10px !important;
  }
  #header-3 .res-header{
    display: flex;
    padding:0px 12px;
  }
  #header-2 .res-header{
    padding:0;
  }
  #header-3 .lang-dropdown-menu .lang-dropdown-item > a,
  #header-2 .lang-dropdown-menu .lang-dropdown-item > a{
    padding:25px 0px;
  }
  #header-3 .lang-dropdown-menu{
    margin:0 20px;
  }
  #header-3 .navbar-toggler svg path{
    fill:#fff;
  }
  #header-3 .container{
    padding:0;
  }
  #header-3 .navbar-collapse{
    background-color: #fff;
  }
  #header-3 .nav-item .nav-link{
    margin-right:0;
    padding:20px 12px !important;
    color:#000;
  }
  #header-3 .nav-item .nav-link.show,
  #header-2 .nav-item .nav-link.show{
    color:var(--bs-primary);
  }
  #header-3 .nav-item > ul.dropdown-menu{
    padding:5px;
    padding-left:40px
  }
  #header-3 .dropdown-item{
    padding:5px;
  }
  #header-3 .dropdown-submenu:hover > ul.dropdown-menu{
    padding-left: 20px;
  }
  #header-2 .res-header button.close{
    position: relative;
    right:-50px;
  }



  /* Footer */
  .pt-footer .footer-top .content{
    flex-direction: column;
    align-items: flex-start;
  }
  .pt-footer .social-media-profiles{
    margin-bottom: 50px;
  }
  .pt-footer .footer-links{
    margin-bottom: 50px;
  }
  .pt-footer .footer-address .address-call{
    margin-left: unset;
  }
  .blockquote-style-1 p,
  .blockquote-style-2{
    padding-right: 15px;
  }
  [class*="button-style-"] .row>div {
    margin-bottom: 50px;
  }
  [class*="button-style-"] .row>div:last-of-type {
      margin-bottom: 0px;
  }
  [class *= 'button-style-'] .item {
    align-items: center;
  }
  .icons-list{
    justify-content: center;
  }
  [class*="table-style-"] .table th {
    font-size: 10px;
    padding: 12px 8px;
  }
  [class*="table-style-"] .table td {
      font-size: 10px;
      padding: 12px 8px;
  }
  .pricing-style-1 .col-lg-4,
  .pricing-style-2 .col-lg-4,
  .pricing-style-3 .col-lg-4{ 
    margin-bottom: 40px;
  }
  .services-style-1 .col-lg-4,
  .services-style-2 .col-lg-4,
  .services-style-3 .col-lg-4{
    margin-bottom: 40px;
  }
  .services-style-4 .row{
    padding:5px
  }
  .blog-style-1 .col-lg-4,
  .blog-style-2 .col-lg-4,
  .blog-style-3 .col-lg-4{
    margin-bottom: 30px;
  }
  .owl-dots-1{
    width:60%;
  }
  .contact-page-1 .col-lg-7{
    padding:50px 12px;
  }
  .contact-page-1 .col-lg-5 .contact-details{
    width:100%;
    padding:100px 0;
  }
  .contact-page-1 .col-lg-5 .contact-details .details-wrapper{
    position: unset;
    text-align: center;
  }
  .contact-page-1 .col-lg-5{
    padding:0;
  }
  .contact-page-1 .bg-image {
    background-size: cover;
    background-position: unset;
  }
  .contact-page-2 .col-lg-6{
    margin-bottom: 35px;
  }
  .blog-2-column .blog-style-1 .item-content:last-of-type{
    padding-bottom: 0;
  }
  .blog-2-column .blog-style-1 .col-lg-6{
    margin-bottom: 40px;
  }
  .blog-2-column .blog-style-1 .col-lg-6:last-of-type{
    margin-bottom: 0;
  }
  .blog-3-column .blog-style-1 .item-content:last-of-type{
    padding-bottom: 0;
  }
  .blog-3-column .blog-style-1 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .sidebar-page .pagination{
    padding-bottom: 100px;
  }
  .blog-details .col-md-6{
    margin-bottom: 30px;
  }
  .blog-details .content-details{
    flex-direction: column;
  }
  .blog-details .owner-name-time{
    text-align: center;
    margin-bottom: 20px;
  }
  .blog-details .owner-name-time span{
    margin-bottom: 5px;
  }
  .blog-details .whole-content{
    padding: 40px 0;
  }
  .blog-details .whole-content .comment-tags {
    flex-direction: column;
    text-align: center;
  }
  .blog-details .whole-content .comment-tags span{
    margin-bottom: 20px;
  }
  .blog-details .blog-comments .comment-list{
    flex-direction: column;
  }
  .blog-details .blog-comments .icon img{
    margin-bottom: 20px;
  }
  .blog-details .details-page-nav h6{
    display: none;
  }
  .sidebar-page .blog-details .blog-comments{
    padding-bottom: 100px;
  }
  .services-2-grid .services-style-1 .col-lg-6:last-of-type{
    margin-bottom: 0;
  }
  .services-3-grid .services-style-1 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .services-style-4 img{
    margin-bottom: 30px;
  }
  .service-details .additional-content ul{
    margin-bottom: 40px;
  }
  .sidebar-page .pager--load-more .pager__item .btn{
    margin-bottom: 100px;
  }
  .sidebar-page .services-2-grid .services-style-1 .col-lg-6:last-of-type{
    margin-bottom: 40px;
  }
  .sidebar-page .service-details .feature-details{
    margin-bottom: 60px;
  }
  .home-slider-1 {
    height:fit-content !important;
  }
  .home-slider-1 .item .content .title{
    width:100%;
  }
  .home-slider-1 .item .content{
    margin-bottom: 100px;
  }
  .title-1 h2{
    width:100%;
  }
  .services-home-1.dt-section{
    padding-top: 100px;
  }
  .about-us-1 .about-card{
    width:100%;
    position: static;
    text-align: center;
  }
  .cta-1 .card-description{
    display: none;
  }
  .why-choose-us-style-1 .image img{
    padding-left: 0;
  }
  .why-choose-us-style-1 .col-lg-6:first-of-type{
    margin-bottom: 40px;
  }
  .clients-home-style-1 .col-lg-3{
    border-bottom: 1px solid rgb(24, 28, 49, 0.15) !important;
  }
  .clients-home-style-1 .col-lg-3{
    border-right: none !important;
  }
  .contact-home-1 .content h3{
    width:100%;
  }
  .contact-home-1 .content .form-style-3 {
    width:100%;
  }
  .home-slider-2 .item .title{
    width:100%;
    font-size: 35px;
    line-height: 50px;
  }
  .home-slider-2 .arrows{
    display: none;
  }
  .home-slider-2 .item{
    padding:175px 0;
  }
  .home-slider-2 .owl-dots{
    bottom: 10px;
  }
  .home-slider-2 .image img{
    height: 600px;
  }
  .header-1 .home-slider-2{
    min-height: 617px;
    margin-top:60px;
  }
  .home-slider-2 .container{
    height: 600px;
  }
  .why-choose-us-2 .col-lg-3{
    margin-bottom: 30px;
  }
  .why-choose-us-2 .col-lg-9 .col-lg-4{
    margin-bottom: 30px;
  }
  .why-choose-us-2 .col-lg-9 .col-lg-4:last-of-type{
    margin-bottom: 0 !important;
  }
  .about-us-2 .image img{
    width:100%;
    height:400px;
  }
  .services-style-1 .col-lg-4:last-of-type,
  .services-style-2 .col-lg-4:last-of-type,
  .services-style-3 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .video-2 .title{
    width:100%;
  }
  .testimonials-style-2 .container{
    top:0;
  }
  .testimonials-style-2{
    height: unset;
    padding-top: 50px;
  }
  .testimonials-style-2 .content{
    margin-bottom: 30px;
  }
  .testimonials-style-2 .style-6-slider .item .col-lg-6 img{
    height:400px;
  }
  .testimonials-style-2 .arrows{
    display: none;
  }
  .contact-home-2 .container{
    padding:40px 12px;
  }
  .home-slider-3 .overlay-svg{
    height:auto;
  }
  .home-slider-3 .item .title{
    width:100%;
  }
  .home-slider-3 .arrows{
    display: none;
  }
  .home-slider-3 .item .title{
    padding:150px 0;
  }
  .about-us-3 .image img{
    height:400px;
  }
  .about-us-3 .tabs-section .nav-item {
    margin-right: 10px;
  }
  .achievements-style-2 .item .content{
    margin-bottom: 30px;
  }
  .achievements-style-2 .col-lg-3:last-of-type .item .content{
    margin-bottom: 0;
  }
  .achievements-style-2 .container{
    max-width: 71%;
    margin-left: auto;
    margin-right: auto;
  }
  .cta-3 .content-wrapper .overlay svg{
    display: none;
  }
  .cta-3 .content-wrapper .overlay img{
    display: none;
  }
  .cta-3 .content-wrapper{
    display: block;
    padding:20px;
  }
  .cta-3 .content-wrapper .number span{
    color:var(--bs-primary)
  }
  .cta-3 .content-wrapper .number a{
    color:var(--bs-primary)
  }
  .cta-3 .content-wrapper .svg svg path{
    fill:var(--bs-primary)
  }
  .cta-3 .content-wrapper .phone-number{
    justify-content: center;
    margin-top: 50px;
  }
  .why-choose-us-3 .content{
    padding-top: 0;
  }
  .why-choose-us-3 .col-lg-6:first-of-type{
    margin-bottom: 40px;
  }
  .slider-template-2 .item p{
    padding:20px 0;
  }
  .slider-style-4 .arrows{
    display: none;
  }
  .slider-style-4 .slider-template-2 .item{
    width:100%;
  }
  .team-style-3 .col-lg-4{
    margin-bottom: 30px;
  }
  .team-style-3 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .pricing-style-1 .col-lg-4:last-of-type,
  .pricing-style-2 .col-lg-4:last-of-type,
  .pricing-style-3 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .blog-style-1 .col-lg-4:last-of-type,
  .blog-style-2 .col-lg-4:last-of-type,
  .blog-style-3 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .company-history .item{
    display: block;
  }
  .company-history .item .date-year{
    margin-bottom: 30px;
  }
  .management .content .person-details{
    width:100%;
    text-align: center;
    margin-top: 50px;
  }
  .management .image img{
    height:350px;
    padding: 0;
    margin: 0;
  }
  .management .image .overlay{
    display: none;
  }
  .work-process-2 .item.two .col-lg-6:first-of-type{
    order:2;
  }
  .work-process-2 .item .col-lg-6:first-of-type{
    margin-bottom: 30px;
  }
  .work-process-2 .item:last-of-type .col-lg-6:first-of-type{
    margin-bottom: 0;
  }
  .work-process-2 .item.two .col-lg-6:last-of-type{
    margin-bottom: 30px;
  }
  .work-process-2 .image img{
    height:300px;
  }
  .team-style-1 .col-lg-4:last-of-type .profile{
      padding-bottom: 0;
  }
  .slider-template-1.testimonials-page .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .accordion-style-1 a{
    font-size: 25px;
  }
  .login .col-md-10{
    margin-bottom: 50px;
  }
  .login .col-md-10:last-of-type{
    margin-bottom: 0;
  }
  .login-register-pass-image img{
    padding: 0;
    height:400px;
  }
  .login-register-pass-image .overlay{
    display: none;
  }
  .coming-soon.bg-image{
    height:100vh;
  }
  .coming-soon .item{
    bottom:0;
    top:0;
    right:0;
    left:0;
    margin: auto;
    height: max-content;
  }
  .coming-soon .item p{
    width:100%;
  }
  .cs-counter{
    flex-direction: column;
    align-items: center;
  }
  .cs-date{
    margin-right: 0;
    margin-bottom: 30px;
  }
  .coming-soon .item h1{
    font-size: 45px;
  }
  .coming-soon.maintenance .item{
    bottom:0;
    left:0;
    right:0;
    top:0;
    margin: auto;
  }
  .video-style-2 .item .overlay h2{
    width:100%;
  }
  .video-style-2 .item img{
    min-height: 300px;
  }
  .tooltip-2 .tooltip-inner{
    transform: unset;
  }
  .blog .blog-style-4 .image img{
    margin-bottom: 30px;
  }
  .blog-list-full-width .blog-style-4 .col-lg-6:nth-last-of-type(-n+2) img{
    margin-bottom: 50px;
  }
  /* .projects-2-grid .col-lg-6:last-of-type{
    margin-bottom: 0;
  }
  .projects-2-grid .col-lg-6:last-of-type .content{
    padding-bottom: 0;
  } */
  .projects-2-grid.projects-tab.dt-section {
    padding-bottom: 44px;
  }
  .projects-3-grid.projects-2-grid .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .col-lg-4:last-of-type .content{
    padding-bottom: 0;
  }
  /* .projects-grid-sidebar .project-grid-content .projects-list-full-width .item:last-of-type{
    margin-bottom:0;
  } */
  .projects-grid-sidebar.dt-section{
    padding-bottom: 60px;
  }
  .projects-details .project-content-details{
    flex-direction: column;
  }
  .projects-details .project-content-details .title-value{
    margin-bottom: 30px;
  }
  .projects-details .project-content-details .title-value:last-of-type{
    margin-bottom: 0;
  }
  .sidebar-page .projects-details .pager{
    margin-bottom: 50px;
  }
  .blog-cta-sidebar .contact-number a{
    font-size: 20px;
  }
  .cta-1 .container:last-of-type{
    position: unset;
    padding-bottom: 0;
  }
  .cta-1 .svg-overlay{
    bottom:unset;
    clip-path: unset;
    padding: 20px;
    width:100%;
    position: unset;
  }
  .cta-1 .svg-overlay h3{
    width:100%;
  }
  .cta-1 .card-description{
    display: block;
    width:100%;
  }
  .cta-1 .card-description{
    flex-direction: column;
    text-align: center;
    justify-content: center;
  }
  .cta-1 svg{
    display: none;
  }
  .cta-1 .card-description .description p{
    margin-left: 0;
    padding: 0 12px;
    text-align: center;
  }
  .cta-1 .card-description .card-texts{
    padding-right: 0;
    text-align: center;
    margin-bottom: 20px;
  }
  .cta-1 .card-description .card-texts .card-text{
    width:100%;
  }
  .home-slider-2 .contact-number{
    transform: unset;
    z-index: 7;
    bottom:20px;
    left:12px;
  }
  .home-slider-2 .contact-number-wrapper .number{
    color:#fff;
  }
  .home-slider-2 .contact-number-wrapper .text{
    color:#fff;
  }
  .home-slider-2 .owl-dots{
    display: none;
  }
  .achievements-style-1 .item{
    border-right: 1px solid #00000026 !important;
    border-bottom: none !important;
  }
  .achievements-style-1 .col-lg-3:last-of-type .item{
    border-bottom: 1px solid #00000026 !important;
  }
  .clients-home-style-2 img{
    width:70% !important;
    margin-left: auto;
    margin-right: auto;
  }
  .header-1 .home-slider-3, .header-2 .home-slider-3, .header-3 .home-slider-3{
    min-height: 600px;
  }
  .home-slider-3 .overlay-svg {
    bottom:-1px;
  }
  .about-us-3 .tabs-section .nav-link {
    font-size: 19px;
  }
  .clients-home-style-3 .clients-3-slider .item img{
    width:70%;
    margin-right: auto;
    margin-left: auto;
  }
  .about-us-1 .contact-number{
    justify-content: center;
  }
  .cta-2 .title{
    width:100%;
  }
}


@media (min-width: 768px) and (max-width: 991.98px){
  .sec-pd {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .header .navbar-toggler svg{
    width:20px;
    height:20px;
  }
  #header-2 .res-header{
    padding:0 !important;
  }
  .header-1 .home-slider-2{
    margin-top: 60px;
  }
  #header-2 .lang-dropdown-menu .lang-dropdown-item > a{
    padding:25px 0;
  }
  body.scrolled #header-2 .search-btn {
    margin-top: -1px !important;
  }
  .login .col-md-10:last-of-type{
    margin-bottom: 0;
  }
  .header .navbar-nav{
    height:424px;
    overflow: scroll;
  }
  .header .navbar-brand svg{
    width:150px;
  }
  .header .nav-item .nav-link{
    padding:20px;
    padding-left: 5px !important;
    margin:0;
  }
  .header .nav-item:hover > ul.dropdown-menu{
    display: none;
    height:fit-content;
    overflow: scroll;
  }
  #header-2 .dropdown-item{
    border-bottom: none;
  }
  #header-2 .dropdown-item:hover, #header-2 .dropdown-item:focus{
    background-color: unset;
  }
  #header-2 .dropdown-wrapper > .dropdown-item:hover > a,
  #header-2 .dropdown-wrapper > .dropdown-item:focus > a,
  #header-2 .dropdown-item.dropdown-submenu:hover > a,
  #header-2 .dropdown-item.dropdown-submenu:focus > a,
  #header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:hover > a,
  #header-2 .dropdown-item.dropdown-submenu .dropdown-menu .dropdown-item:focus > a{
    color:var(--bs-primary);
  }

  .header .nav-item > ul.dropdown-menu.show{
    display: block;
    padding-left: 50px;
  }
  .header .dropdown-item{
    padding:5px 0;
    border:none;
  }
  .header .navbar-toggler:focus{
    box-shadow: unset;
  }
  .header .navbar-toggler{
    padding:0;
  }
  .header .others-in-header{
    display: flex;
    align-items: center;
  }
  #header-1 .res-header,
  #header-2 .res-header,
  #header-3 .res-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
  }
  #header-1 .search-btn svg{
    margin:0 20px;
  }
  #header-1 .lang-dropdown-menu{
    margin-left: 30px;
  }
  #header-2 .lang-dropdown-menu{
    margin:0 20px;
  }
  #header-2 .search-btn{
    margin:0;
    margin-left: 400px;
  }
  #header-2 .navbar-toggler svg path{
    fill:#fff;
  }
  #header-2 .close.navbar-toggler svg path{
    fill:var(--bs-headings);
  }
  #header-2 .nav-item,
  #header-1 .nav-item{
    border-bottom: 1px solid lightgray;
  }
  #header-2 .nav-item .nav-link{
    color:var(--bs-headings);
    padding:20px;
  }
  .header .dropdown.mega-menu ul.dropdown-menu{
    height:300px !important;
    overflow: scroll !important;
  }
  header .nav-item.mega-menu ul.dropdown-menu {
    padding: unset !important;
    padding-left: 40px !important;
  }
  #header-2 .mega-menu .dropdown-menu li ul li.dropdown-item{
    padding:7px 20px;
  }
  #header-2.nav-header-2{
    background-color: #fff !important;
  }
  #header-2.nav-header-2 .navbar-brand svg .cls-2{
    fill:#000;
  }
  #header-1 .nav-item > ul.dropdown-menu.show,
  #header-3 .nav-item > ul.dropdown-menu.show{
    padding-bottom: 10px;
  }
  #header-2 .nav-item > ul.dropdown-menu.show{
    display: block;
    padding-left: 40px;
    padding-bottom: 10px;
  }
  #header-2 .dropdown-menu{
    padding:0;
    top:-2px !important;
  }
  #header-2 .dropdown-item{
    padding:5px;
    padding-left: 30px;
  }
  #header-2 .navbar-nav{
    background-color: #fff;
  }#header-3 .res-header{
    display: flex;
    padding:0px 35px;
  }
  #header-3 .lang-dropdown-menu .lang-dropdown-item > a{
    padding:20px 0;
  }
  #header-3 .search-btn svg{
    margin-left: 40px;
  }
  #header-3 .container{
    max-width: 100%;
  }
  #header-3 .lang-dropdown-menu{
    margin:0 20px;
  }
  #header-3 .navbar-toggler svg path{
    fill:#fff;
  }
  #header-3 .container{
    padding:0;
  }
  #header-3 .navbar-collapse{
    background-color: #fff;
  }
  #header-3 .nav-item .nav-link{
    margin-right:0;
    padding:20px 35px !important;
    color:#000;
  }
  .header-1 .page-banner{
    margin-top: 60px;
  }
  #header-3 .nav-item .nav-link.show,
  #header-2 .nav-item .nav-link.show{
    color:var(--bs-primary);
  }
  #header-3 .nav-item .nav-link.show{
    padding-bottom: 10px !important;
  }
  #header-3 .nav-item > ul.dropdown-menu{
    padding:5px;
    padding-left:40px
  }
  #header-3 .dropdown-item{
    padding:5px;
    border-bottom: unset;
  }
  #header-3 .nav-item{
    border-bottom: 1px solid lightgray;
  }
  #header-3 .dropdown-submenu:hover > ul.dropdown-menu{
    padding-left: 20px;
  }
  #header-2.nav-header-2 .search-btn,
  #header-2.nav-header-2 #block-languageswitcher{
   visibility: hidden;
  }
  /* Footer */
  .pt-footer .footer-top .content{
    flex-direction: column;
    align-items: flex-start;
  }
  .pt-footer .social-media-profiles{
    margin-bottom: 50px;
  }
  .pt-footer .footer-links{
    margin-bottom: 50px;
  }
  .pt-footer .footer-address .address-call{
    margin-left: unset;
  }
  .icons-list{
    justify-content: center;
  }
  .pricing-style-1 .col-lg-4,
  .pricing-style-2 .col-lg-4,
  .pricing-style-3 .col-lg-4{
    margin-bottom: 40px;
  }
  .pricing-style-1 .col-lg-4:last-of-type,
  .pricing-style-2 .col-lg-4:last-of-type,
  .pricing-style-3 .col-lg-4:last-of-type{
    margin-bottom: 0px;
  }
  .pricing-style-1 .row,
  .pricing-style-2 .row,
  .pricing-style-3 .row{
    justify-content: center;
  }
  .services-style-1 .col-lg-4,
  .services-style-2 .col-lg-4,
  .services-style-3 .col-lg-4{
    margin-bottom: 40px;
  }
  .services-style-1 .row,
  .services-style-2 .row,
  .services-style-3 .row{
    justify-content: center;
  }
  .services-style-4 .row{
    align-items: unset;
  }
  .blog-style-1 .col-lg-4,
  .blog-style-2 .col-lg-4,
  .blog-style-3 .col-lg-4{
    margin-bottom: 30px;
  }
  .blog-style-1 .row,
  .blog-style-2 .row,
  .blog-style-3 .row{
    justify-content: center;
  }
  .blog-style-4 .image,
  .blog-style-4 .image img{
    height: 100%;
  }
  .blog-style-4 .row{
    align-items: unset;
  }
  .contact-page-1 .col-lg-7{
    padding-right: 0;
  }
  .contact-page-1 .col-lg-5 .contact-details{
    width:100%;
    padding:100px 0;
  }
  .contact-page-1 .col-lg-5 .contact-details .details-wrapper{
    position: unset;
    text-align: center;
  }
  .contact-page-1 .col-lg-5{
    padding:0;
  }
  .contact-page-1 .bg-image {
    background-size: cover;
    background-position: unset;
  }
  .contact-page-2 .col-lg-6{
    margin-bottom: 35px;
  }
  .blog-2-column .blog-style-1 .item-content:last-of-type{
    padding-bottom: 0;
  }
  .blog-2-column .blog-style-1 .col-lg-6:last-of-type{
    margin-bottom: 0;
  }
  .blog-3-column .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .blog-3-column .row>div:nth-last-of-type(-n+2) .item-content{
    padding-bottom: 0;
  }
  .blog-list-full-width .blog-style-4 .col-lg-6:nth-last-of-type(-n+2) img{
    padding-bottom: 50px;
  }
  .sidebar-page .pagination{
    padding-bottom: 100px;
  }
  .sidebar-page .blog-details .blog-comments{
    padding-bottom: 100px;
  }
  .blog-cta-sidebar::before{
    clip-path: ellipse(700px 165px at 51% 100%);
  }
  .services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0px;
  }
  .services-3-grid .services-style-1 .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0px;
  }
  .sidebar-page   .services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2){
    margin-bottom: 40px;
  }
  .service-details .additional-content ul{
    margin-bottom: 40px;
  }
  .sidebar-page .pager--load-more .pager__item .btn{
    margin-bottom: 100px;
  }
  .sidebar-page .service-details .feature-details{
    margin-bottom: 60px;
  }
  .home-slider-1 {
    height:fit-content !important;
  }
  .header .dropdown-item.dropdown-submenu .dropdown-menu{
    border: unset;
    padding-left: 20px;
  }
  .home-slider-1 .item .content .title{
    width:100%;
  }
  .home-slider-1 .item .content{
    margin-bottom: 100px;
  }
  .about-us-1 .about-card{
    width:100%;
    position: static;
    text-align: center;
  }
  .cta-1 .card-description{
    display: flex;
    width:98%;
    margin-bottom: -60px;
  }
  
  .cta-1 .container:last-of-type{
    position: unset;
    padding-bottom: 0;
    padding-top: 0;
  }
  .cta-1 svg{
    width:400px;
  }
  .cta-1{
    top:-136px;
  }
  .cta-1 .svg-overlay{
    top:80px;
    bottom: unset;
  }
  .why-choose-us-style-1 .image img{
    padding-left: 0;
  }
  .why-choose-us-style-1 .col-lg-6:first-of-type{
    margin-bottom: 40px;
  }
  .clients-home-style-1 .col-lg-3{
    border-bottom: 1px solid rgb(24, 28, 49, 0.15) !important;
  }
  .clients-home-style-1 .col-lg-3{
    border-right: none !important;
  }
  .contact-home-1 .content h3{
    width:100%;
  }
  .contact-home-1 .content .form-style-3 {
    width:100%;
  }
  .why-choose-us-2 .col-lg-3{
    margin-bottom: 30px;
  }
  .why-choose-us-2 .col-lg-9 .col-lg-4{
    margin-bottom: 30px;
  }
  .why-choose-us-2 .col-lg-9 .col-lg-4:last-of-type{
    margin-bottom: 0 !important;
  }
  .testimonials-style-2 .container{
    top:0;
  }
  .testimonials-style-2{
    height: unset;
    padding-top: 50px;
  }
  .testimonials-style-2 .content{
    margin-bottom: 30px;
  }
  .testimonials-style-2 .style-6-slider .item .col-lg-6 img{
    height:400px;
  }
  .testimonials-style-2 .arrows{
    display: none;
  }
  .contact-home-2 .container{
    padding: 100px 50px;
  }
  .home-slider-3 .overlay-svg{
    height: auto;
  }
  .home-slider-3 .arrows{
    display: none;
  }
  .services-style-3 .col-lg-4{
    margin-bottom: 24px;
  }
  .services-style-3 .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .achievements-style-2 .item{
    margin-bottom: 30px;
  }
  .cta-3 .content-wrapper{
    display: block;
  }
  .cta-3 .content-wrapper .overlay svg {
    display: none;
  }
  .cta-3 .content-wrapper .number span{
    color:var(--bs-primary)
  }
  .cta-3 .content-wrapper .number a{
    color:var(--bs-primary)
  }
  .cta-3 .content-wrapper .svg svg path{
    fill:var(--bs-primary)
  }
  .cta-3 .content-wrapper .phone-number{
    margin-top: 50px;
    justify-content: flex-end;
  }
  .why-choose-us-3 .col-lg-6:first-of-type{
    margin-bottom: 50px;
  }
  .team-style-3 .col-lg-4{
    margin-bottom: 24px;
  }
  .company-history .item{
    display: block;
  }
  .company-history .item .date-year{
    margin-bottom: 30px;
  }
  .company-history .item .content{
    width:93%;
    margin-left: auto;
  }
  .management .content .person-details{
    width:100%;
    text-align: center;
    margin-top: 50px;
  }
  .work-process-2 .item.two .col-lg-6:first-of-type{
    order:2;
  }
  .work-process-2 .item .col-lg-6:first-of-type{
    margin-bottom: 30px;
  }
  .work-process-2 .item.two .col-lg-6:last-of-type{
    margin-bottom: 30px;
  }
  .work-process-2 .item:last-of-type .col-lg-6:first-of-type{
    margin-bottom: 0;
  }
  .slider-template-1.testimonials-page .col-lg-4:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .login .col-md-10{
    margin-bottom: 50px;
  }
  .home-slider-2 .image img{
    width:100%
  }
  .home-slider-2 .image::before{
    width:100%;
  }
  .home-slider-2 .container{
    max-width: 100%;
  }
  .home-slider-2 .contact-number{
    transform: unset;
    bottom:45px;
    z-index: 8;
    left:unset
  }
  .home-slider-2 .contact-number-wrapper .number{
    color:#fff;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu {
    padding-top:20px;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item .dropdown-menu li{
    margin:5px 0;
  }
  .header .dropdown-menu{
    background-color: #fff;
  }
  .images .code-block{
    margin-bottom: 0;
  }
  .projects-2-grid .col-lg-6:last-of-type{
    margin-bottom: 0;
  }
  .projects-2-grid .col-lg-6:last-of-type .content{
    padding-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .col-lg-4:last-of-type .content{
    padding-bottom: 0;
  }
  .projects-grid-sidebar .project-grid-content .projects-list-full-width .item:last-of-type{
    margin-bottom:0;
  }
  .sidebar-page .projects-details .pager{
    margin-bottom: 50px;
  }
  .s-7-5 {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .s-7-5>div {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .services-2-grid .services-style-1 .col-lg-6{
    margin-bottom: 24px;
  }
  .services-3-grid .services-style-1 .col-lg-4{
    margin-bottom: 24px;
  }
  .about-us-2 .image img{
    width:100%;
  }
  .achievements-style-1 .item{
    border-right: 1px solid #00000026 !important;
    border-bottom: none !important;
  }
  .achievements-style-1 .col-lg-3:last-of-type .item{
    border-bottom: 1px solid #00000026 !important;
  }
  .team-2 .team-style-2 .col-lg-4{
    margin-bottom: 24px;
  }
  .team-2 .team-style-2 .col-lg-4:last-of-type{
    margin-bottom: 0;
  }
  .achievements-style-2 .col-lg-3:nth-last-of-type(-n+2) .item{
    margin-bottom: 0;
  }
  .home-slider-2 .contact-number-wrapper .text{
    color:#fff;
  }
  .about-us-1 .features .feature .icon svg{
    top:-22px;
  }
}


@media (min-width :992px){
  .sec-pd {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .container{
    max-width: 1140px;
  }
  body.scrolled #header-2 .nav-link{
    padding-bottom: 30px;
  }
  body.scrolled #header-2.navSticky .nav-link{
    padding-bottom: 0;
  }
  .home-2 #header-2 .navbar-brand svg .cls-2,
  .home-2 #header-3 .navbar-brand svg .cls-2{
    fill:black;
  }
  .scrolled.home-2 #header-2 .navbar-brand svg .cls-2,
  .scrolled.home-2 #header-3 .navbar-brand svg .cls-2{
    fill:#fff;
  }
  .header .dropdown-item a::before{
    position: absolute;
    bottom:-15px;
    content:"";
    background-color: lightgray;
    width:100%;
    height:1px;
  }
  .header .navbar .dropdown-menu{
    box-shadow: 0 0 3px lightgray;
  }
  #header-1 ul .dropdown-item:last-of-type a::before{
    display: none;
  }
  #header-1 .dropdown-menu .dropdown-item{
    position: relative;
  }
  .header-1 .home-slider-1{
    margin-top: 80px;
  }
  .header .dropdown-submenu:hover > ul.dropdown-menu{
    display: block;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item a{
    margin-left: 0px;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item a:hover,
  #header-2 .lang-dropdown-menu .lang-dropdown-item a:hover,
  #header-3 .lang-dropdown-menu .lang-dropdown-item a:hover{
    color:var(--bs-primary) !important;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item ul a{
    margin-left: 0;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item ul li{
    padding: 5px;
    position: relative;
  }
  #header-1 .lang-dropdown-menu .lang-dropdown-item ul li:hover::before{
    position:absolute;
    content:"";
    top:0;
    left:-5px;
    background-color: var(--bs-primary);
    width:3px;
    height:100%;
  }
  #header-1 .dropdown-menu .dropdown-item:hover::before{
    position: absolute;
    content:"";
    left:0;
    top:0;
    width:3px;
    height:100%;
    background-color: var(--bs-primary);
  }
  #header-2 .nav-item .nav-link.active::before{
    position: absolute;
    content: "";
    bottom:0;
    left:0;
    height:3px;
    width:100%;
    background-color: #fff;
    transition: 0.3s ease-in-out;
  }
  #header-2 .nav-item .nav-link:hover::before{
    position: absolute;
    content: "";
    bottom:0;
    left:0;
    height:3px;
    width:100%;
    background-color: #fff;
    transition: 0.3s ease-in-out;
  }
  #header-3 .nav-item .nav-link.active:before{
    content:"";
    position: absolute;
    width:3px;
    height:22px;
    background-color: #fff;
    top:0;
    left:0;
    right:0;
    margin-right: auto;
    margin-left: auto;
  }
  #header-3 .nav-item .nav-link:hover:before{
    content:"";
    position: absolute;
    width:3px;
    height:22px;
    background-color: #fff;
    top:0;
    left:0;
    right:0;
    margin-right: auto;
    margin-left: auto;
  }
  #header-3 .dropdown-menu::before {
    position: absolute;
    content: "";
    left: 12px;
    top: -8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    width: 0;
    height: 0;
    border-radius: 1px;
  }
  #header-3 .dropdown-item.dropdown-submenu .dropdown-menu::before{
    display: none;
  }
  #header-3 .nav-item.dropdown.mega-menu .dropdown-menu::before{
    left:619px;
  }
  .pt-footer .col-lg-5{width:43%}
  .pt-footer .col-lg-3{width:25%}
  .pt-footer .col-lg-4{ width:32%}
  .audio-style-1 audio {
    transform: scale(1.2);
    margin-left: 26px;
  }
  .video-style-1 .item {
      height: 560px;
  }
  .video-style-2 .item img {
      height: 470px;
  }
  .video-style-3 .item img {
      height: 500px;
  }
  /* buttons */
  [class*="button-style-"] .row {
    justify-content: space-between;
  }
  [class*="button-style-"] .row>div {
      width: max-content;
  }
  .button-style-5 .row>div {
      width: 12%;
  }
  .grids p {
    margin-bottom: 0px;
  }
  .images .container .row>div {
    max-width: 28.4%;
  }
  .images .code-block {
      margin-bottom: 0px;
  }
  .contact-page-1 .col-lg-7{
    width:65.5%;
  }
  .contact-page-1 .col-lg-5{
    width:34.5%;
  }
  .contact-page-2 .row .col-lg-6:first-of-type{
    width:57%;
  }
  .contact-page-2 .row .col-lg-6:last-of-type{
    width:43%;
  }
  .blog-2-column .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .blog-2-column .row>div:nth-last-of-type(-n+2) .item-content{
    padding-bottom: 0;
  }
  .blog-3-column .row>div:nth-last-of-type(-n+3){
    margin-bottom: 0;
  }
  .blog-3-column .row>div:nth-last-of-type(-n+3) .item-content{
    padding-bottom: 0;
  }
  .sidebar-page .row.s-25 >.col-lg-8{width:69.5%}
  .sidebar-page .row.s-25 >.col-lg-4{width:30.5%}
  .services-2-grid .services-style-1 .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0px;
  }
  .services-3-grid .services-style-1 .row>div:nth-last-of-type(-n+3){
    margin-bottom: 0px;
  }
  .sidebar-page .col-lg-8 .content .services-list-full-width .services-style-4 .row .col-lg-6:first-of-type{
    width:49%;
  }
  .sidebar-page .col-lg-8 .content .services-list-full-width .services-style-4 .row .col-lg-6:last-of-type{
    width:51%;
  }
  .service-details .whole-content{
    width:85.5%;
    margin-right: auto;
    margin-left: auto;
  }
  .sidebar-page .service-details .whole-content{
    width:100%;
  }
  /* .projects-2-grid .row>div:nth-last-of-type(-n+2){
    margin-bottom: 0;
  }
  .projects-2-grid .row>div:nth-last-of-type(-n+2) .content{
    padding-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+3) .content{
    padding-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+2) .content{
    padding-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+1){
    margin-bottom: 0;
  }
  .projects-3-grid.projects-2-grid .row>div:nth-last-of-type(-n+1){
    margin-bottom: 0;
  } */
  .projects-3-grid.projects-2-grid.projects-tab.dt-section{
    padding-bottom: 60px;
  }
  .projects-2-grid.projects-tab.dt-section{
    padding-bottom: 40px;
  }
  .projects-grid-sidebar.dt-section{
    padding-bottom: 60px;
  }
  .projects-grid-sidebar .col-lg-4{width:30%}
  .projects-grid-sidebar .col-lg-8{width:70%}
  .home-slider-2 .col-lg-2{width:20.5%}
  .home-slider-2 .col-lg-10{width:79.5%}
  .why-choose-us-2 .col-lg-3{width:29%}
  .why-choose-us-2 .col-lg-9{width:71%}
  .why-choose-us-2 .col-lg-9 .col-lg-4:nth-child(2){
    margin-top: 58px;
  }
  .about-us-2 .col-lg-5{
    width:46.7%;
  }
  .about-us-2 .col-lg-7{
    width:53.3%;
  }
  .services-style-2 .col-lg-4:nth-last-of-type(-n+3){
    margin-bottom: 0;
  }
  .testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type{
    position: relative;
    width:52.2%
  }
  .testimonials-style-2 .style-6-slider .item .col-lg-6:last-of-type{
    width:47.8%;
  }
  .testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type .content{
    position: absolute;
    bottom:70px;
    padding-right: 30px;
  }
  .contact-home-2 .row.s-20{
    margin-right: -11px;
    margin-left: -11px;
  }
  .contact-page-2 form .row.s-20{
    margin-right: -11px;
    margin-left: -11px;
  }
  .contact-page-2 form .row>div{
    padding-left: 11px;
    padding-right: 11px;
  }
  .contact-home-2 .row>div{
    padding-left: 11px;
    padding-right: 11px;
  }
  .about-us-3 .col-lg-6:first-of-type{width:52%}
  .about-us-3 .col-lg-6:last-of-type{width:48%}
  .company-history .item .date-year{
    width:100%;
    height: 100%;
  }
  .company-history .date-year-wrappper{
    width: 23%;
  }
  .company-history .item .content{
    width: 876px;
    padding-left: 160px;
    border-left: 2px solid rgb(24, 28, 49, 0.1);
  }
  .management .row{
    align-items: flex-end;
  }
  .management .person-details{
    position: relative;
    left:-100px;
    z-index: 1;
  }
  .work-process-2 .content-wrapper .row{
    align-items: center;
  }
  .slider-template-1.testimonials-page .col-lg-4:nth-last-of-type(-n+3){
    margin-bottom: 0;
  }
  .projects-details.dt-section > .container{
    max-width: 980px;
  }
  .services-style-4 .col-lg-6:first-of-type{
    padding-left: 0;
  }
  .services-style-4 .col-lg-6:last-of-type{
    padding-right: 0;
  }
  .services-style-4 .row{
    margin-left: 0;
    margin-right: 0;
  }
  .masonry-style-1 .col-lg-4{width:28%}
  .masonry-style-1 .col-lg-4.corners{width:36%}
  .blog-details .whole-content-wrapper{
    width:980px;
    margin-left: auto;
    margin-right: auto;
  }
  .sidebar-page .blog-details .whole-content-wrapper{
    width:100%;
  }
  .sidebar-page .blog-details .whole-content{
    padding-top:52px;
  }
  .about-us-1 + .achievements-style-1 + .video-1 + .why-choose-us-3 + .cta-2 + 
  .testimonials-style-2 .style-6-slider .item .col-lg-6:first-of-type .content{
    bottom:0;
  }
  .about-us-1 + .achievements-style-1 + .video-1 + .why-choose-us-3 + .cta-2 + 
  .testimonials-style-2 .style-6-slider .item .col-lg-6 img{
    height: 600px;
  }
  .about-us-1 .features .feature .icon {
    top:-10px;
  }
  .team-style-1 .col-lg-4:nth-last-of-type(-n+3) .profile{
    padding-bottom: 0;
  }
  .tooltip-2 .tooltip-arrow::before {
    top: -1px;
    border-width: 11px 8px;
    transform: unset;
    padding-left: -4px;
    padding-right: -9px;
    margin-left: 9.1px;
    border-left: 0;
    border-bottom-color: transparent;
  }
  .tooltip-2  .tooltip-inner {
    border-radius: 0;
    padding: 5px 8px;
    transform: translateX(76px);
  }
  .services-home-1.dt-section{
    padding-top: 150px;
  }
  .contact-home-3 .s-20{
    margin-left: -10px;
    margin-right: -10px;
  }
  .contact-home-3 .s-20 > div{
    padding-left: 10px;
    padding-right: 10px;
  }
  .work-process-2 .item.two .col-lg-6:first-of-type{
    width:46.5%;
  }
  .work-process-2 .item.two .col-lg-6:last-of-type{
    width:53.5%;
  }
  .work-process-2 .item .col-lg-6:last-of-type{
    width:46.5%
  }
  .work-process-2 .item .col-lg-6:first-of-type{
    width:53.5%;
  }
  .page-node-104 .why-choose-us-3 .container{
    position: relative;
  }
  .page-node-104 .why-choose-us-3 .container::before{
    position: absolute;
    content:"";
    bottom: -100px;
    width:100%;
    height:1px;
    background-color: lightgray;
  }
  .page-node-104 .why-choose-us-3 + .sections-common-padding{
    padding-top: 100px;
  }
  .job-form form{
    width:910px;
  }
  .path-comment .block > .content{
    max-width: 1140px;
    padding:0 12px;
    margin-left: auto;
    margin-right: auto;
  }
    /* Adjustments */
  .s-0 {
      margin-left: 0px;
      margin-right: 0px;
  }
  .s-0>div {
      padding-left: 0px;
      padding-right: 0px;
  }
  .s-3 {
    margin-left: -3px;
    margin-right: -3px;
  }
  .s-3>div {
      padding-left: 3px;
      padding-right: 3px;
  }
  .s-5 {
      margin-left: -5px;
      margin-right: -5px;
  }
  .s-5>div {
      padding-left: 5px;
      padding-right: 5px;
  }
  .s-7-5 {
      margin-left: -7.5px;
      margin-right: -7.5px;
  }
  .s-7-5>div {
      padding-left: 7.5px;
      padding-right: 7.5px;
  }
  .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;
  }
  
}

@media (min-width: 992px) and (max-width: 1199.98px){
  .header .nav-link{
    margin:0 10px;
  }
  #header-2 .nav-link{
    margin-right: 12px;
  }
  #header-3 .nav-item .nav-link{
    margin-right: 14px;
    margin-left: 8px;
  }
  #header-3 .lang-dropdown-menu{
    margin: 15px;
  }
  #header-3 .header-contact-number{
    margin-right: 15px;
  }
  .header .mega-menu:hover > ul.dropdown-menu{
    display: none;
  }
  .header .mega-menu > ul.dropdown-menu.show{
    display: flex !important;
  }
  .header .nav-item:hover > ul.dropdown-menu{
    display: none;
  }
  .header .nav-item > ul.dropdown-menu.show{
    display: block;
  }
  #header-1 .lang-dropdown-menu{
    margin-left: 15px;
  }
  #header-3 .nav-item.dropdown.mega-menu .dropdown-menu::before{
    left:550px;
    top:-7px;
  }
  .contact-page-1 .bg-image {
    background-size: cover;
    background-position: unset;
  }
  .contact-page-1 .col-lg-7{
    padding-right: 12px;
  }
  .home-slider-3 .overlay-svg{
    height: auto;
  }
  .cta-1 .svg-overlay{
    left:0;
    padding-left: 12px;
    width:400px;
  }
  .cta-1 svg{
    width:0;
  }
  .about-us-2 .image img{
    height:725px;
  }
  .about-us-1 .about-card {
    left:-150px;
  }
  .contact-home-2 .container{
    max-width: 900px;
  }
}

@media(min-width:1199.98px)and (max-width:1365.98px){
  .cta-1 .svg-overlay{
    left:0;
    padding-left: 35px;
    width:400px;
  }
  .cta-1 svg{
    width:0;
  }
}

@media(min-width:1024px) and (max-width:1366px){
  .contact-page-1 .bg-image {
    background-size: cover;
    background-position: unset;
}
  @media(orientation: landscape){
    .contact-page-1 .bg-image {
      background-size: cover;
      background-position: -266px;
  }
  }
}


@media (min-width: 1200px) { 
  .s-12-5 {
      margin-left: -12.5px;
      margin-right: -12.5px;
  }
  .s-12-5>div {
      padding-left: 12.5px;
      padding-right: 12.5px;
  }
  .s-15 {
      margin-left: -15px;
      margin-right: -15px;
  }
  .s-15>div {
      padding-left: 15px;
      padding-right: 15px;
  }
  .s-17-5 {
    margin-left: -17.5px;
    margin-right: -17.5px;
  }
  .s-17-5>div {
      padding-left: 17.5px;
      padding-right: 17.5px;
  }
  .s-20 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .s-20>div {
      padding-left: 20px;
      padding-right: 20px;
  }
  .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-50{
    margin-left: -50px;
    margin-right: -50px;
  }
  .s-50>div {
      padding-left: 50px;
      padding-right: 50px;
  }
  .s-55 {
    margin-left: -55px;
    margin-right: -55px;
  }
  .s-55>div {
      padding-left: 55px;
      padding-right: 55px;
  }
  .s-75 {
    margin-left: -75px;
    margin-right: -75px;
  }
  .s-75>div {
      padding-left: 75px;
      padding-right: 75px;
  }
}
.path-comment #header-2, 
.path-comment #header-3{
  background-color: var(--bs-headings) !important;
} 
.path-comment .comment-reply.nav-link{
  display: none;
}
.page-node-type-article img{
  width: auto;
}
.alert-dismissible .btn-close {
  padding: 1rem 1rem;
}
/* Font awesome issue fixes */
.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;
}