@charset "UTF-8";
/*-----------------------------------------------------------------------------------

    Theme Name: Educeet -- Online Education & Courses Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Educeet -- Online Education & Courses Template
    Version: 1.0.0

-----------------------------------------------------------------------------------

/************ TABLE OF CONTENTS ***************

    01. Theme default css 
    02. about css start
    03. activities css start
    04. banner css start
    05. blog-sidebar css start
    06. blog css start
    07. brand css start
    08. campus css start
    09. career css start
    10. cart css start
    11. categories css start
    12. Checkout css start
    13. choose css start
    14. contact css start
    15. course css start
    16. cta css start
    17. error css start
    18. event css start
    19. faq css start
    20. feature css start
    21. footer css start
    22. funfact css start
    23. gallery css start
    24. header css start
    25. hero css start
    26. language css start
    27. menu css start
    28. newsletter css start
    29. policy css start
    30. portfolio css start
    31. price css start
    32. shop css start
    33. contact css start
    34. slider css start
    35. social css start
    36. stats css start
    37. team css start
    38. testimonial css start
    39. text slider css start
    40. tuition css start
    41. video css start
    42. zoom-metting css start


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/

/* ==========================================================================
   1. JOST
   ========================================================================== */

/* jost-100 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 100;
  src: url('../fonts/jost-v20-latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-100.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-100italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 100;
  src: url('../fonts/jost-v20-latin-100italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-100italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/jost-v20-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-200italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 200;
  src: url('../fonts/jost-v20-latin-200italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-200italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/jost-v20-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/jost-v20-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/jost-v20-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/jost-v20-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/jost-v20-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/jost-v20-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/jost-v20-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/jost-v20-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/jost-v20-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/jost-v20-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/jost-v20-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/jost-v20-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/jost-v20-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* jost-900italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Jost';
  font-style: italic;
  font-weight: 900;
  src: url('../fonts/jost-v20-latin-900italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/jost-v20-latin-900italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ==========================================================================
   2. OPEN SANS (Startet laut Link erst bei 300)
   ========================================================================== */

/* open-sans-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-300italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v44-latin-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v44-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v44-latin-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-600italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v44-latin-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v44-latin-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* open-sans-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v44-latin-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v44-latin-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ==========================================================================
   3. SCHOOLBELL
   ========================================================================== */

/* schoolbell-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Schoolbell';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/schoolbell-v18-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/schoolbell-v18-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ==========================================================================
   4. CINZEL DECORATIVE
   ========================================================================== */

/* cinzel-decorative-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/cinzel-decorative-v19-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/cinzel-decorative-v19-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* cinzel-decorative-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/cinzel-decorative-v19-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/cinzel-decorative-v19-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* cinzel-decorative-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Cinzel Decorative';
  font-style: normal;
  font-weight: 900;
  src: url('../fonts/cinzel-decorative-v19-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/cinzel-decorative-v19-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* ==========================================================================
   5. OXANIUM
   ========================================================================== */

/* oxanium-200 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/oxanium-v21-latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-200.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/oxanium-v21-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/oxanium-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/oxanium-v21-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/oxanium-v21-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/oxanium-v21-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* oxanium-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Oxanium';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/oxanium-v21-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/oxanium-v21-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

@font-face {
  font-family: "Spartan-Bold";
  src: url("../fonts/Spartan-Bold.woff2") format("woff2"), url("../fonts/Spartan-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-SemiBold";
  src: url("../fonts/Spartan-SemiBold.woff2") format("woff2"), url("../fonts/Spartan-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Medium";
  src: url("../fonts/Spartan-Medium.woff2") format("woff2"), url("../fonts/Spartan-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Regular";
  src: url("../fonts/Spartan-Regular.woff2") format("woff2"), url("../fonts/Spartan-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Regular";
  src: url("../fonts/Edensor-Regular.woff2") format("woff2"), url("../fonts/Edensor-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Semibold";
  src: url("../fonts/Edensor-Semibold.woff2") format("woff2"), url("../fonts/Edensor-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NewYork-Regular";
  src: url("../fonts/NewYork.woff2") format("woff2"), url("../fonts/NewYork.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Open Sans', sans-serif;
  --it-ff-heading: 'Spartan-Bold', sans-serif;
  --it-ff-jost: 'Jost', sans-serif;
  --it-ff-newyork: 'NewYork-Regular', serif;
  --it-ff-schoolbell: 'Schoolbell', scursive;
  --it-ff-cinzel-decorative: 'Cinzel Decorative', scursive;
  --it-ff-oxanium: 'Oxanium', sans-serif;
  --it-ff-spartan-semibold: 'Spartan-SemiBold', sans-serif;
  --it-ff-spartan-medium: 'Spartan-Medium', sans-serif;
  --it-ff-spartan-regular: 'Spartan-Regular', sans-serif;
  --it-ff-edensor-regular: 'Edensor-Regular', sans-serif;
  --it-ff-edensor-semibold: 'Edensor-Semibold', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1F2432;
  --it-common-black-2: #313537;
  --it-common-brown: #272422;
  --it-heading-primary: #0C121D;
  --it-gray-1: #F0F4F5;
  --it-gray-2: #D9D9D9;
  --it-gray-3: #F5F7F9;
  --it-gray-4: #FFF8F4;
  --it-text-body: #6C757D;
  --it-theme-1: #03594E;
  --it-theme-2: #F8C62F;
  --it-theme-3: #1AB69D;
  --it-theme-4: #618269;
  --it-theme-5: #FE8235;
  --it-theme-6: #CD935A;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1380 {
    max-width: 1380px;
  }
  .container-1200 {
    max-width: 1200px;
  }
  .container-1270 {
    max-width: 1270px;
  }
  .container-1130 {
    max-width: 1130px;
  }
  .container-1370 {
    max-width: 1370px;
  }
  .container-1600 {
    max-width: 1600px;
  }
  .container-1620 {
    max-width: 1620px;
  }
  .container-1750 {
    max-width: 1750px;
  }
  .container-1720 {
    max-width: 1720px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  font-family: var(--it-ff-body);
  color: var(--it-text-body);
}

/* GEGEN HEADER-BUG bei "FadeInRight" */
:root, html, body {
  overflow-x: clip;
  margin: 0;
  padding: 0;
}
/* Ende: GEGEN HEADER-BUG bei "FadeInRight" */

a {
  text-decoration: none;
  transition: 0.3s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--it-common-black);
  line-height: 1.5;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-family: var(--it-ff-spartan-semibold);
}

img {
  max-width: 100%;
}

h4 {
  font-size: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  h4 {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

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

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}

.z-index-1 {
  position: relative;
  z-index: 1;
}

.z-index-2 {
  position: relative;
  z-index: 2;
}

.z-index-3 {
  position: relative;
  z-index: 3;
}

.z-index-4 {
  position: relative;
  z-index: 4;
}

.z-index-5 {
  position: relative;
  z-index: 5;
}

.layer {
  position: relative !important;
}

a,
.btn,
button,
input,
select,
textarea,
li,
img,
.transition-3,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

a:focus,
.button:focus {
  text-decoration: none;
  outline: none;
}

a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a,
button {
  color: inherit;
  outline: none;
  border: none;
  background: transparent;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  height: 55px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 25px;
  line-height: 50px;
  font-size: 16px;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  text-transform: none;
}
input::placeholder {
  color: var(--it-text-body);
  text-transform: none;
}
input:focus {
  border-color: var(--it-theme-1);
}

textarea {
  outline: none;
  width: 100%;
  padding: 20px 25px;
  border: none;
  height: 200px;
  resize: none;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  text-transform: capitalize;
}
textarea::-webkit-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea::-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:-ms-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}
textarea:focus {
  border-color: var(--it-theme-1);
}

input[type=color] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: 0;
  cursor: pointer;
  height: 100%;
  width: 100%;
  padding: 0;
  border-radius: 50%;
}

*::-moz-selection {
  background: var(--it-theme-1);
  color: var(--itt-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--it-theme-1);
  color: var(--it-common-white);
  text-shadow: none;
}

::selection {
  background: var(--it-theme-1);
  color: var(--it-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--it-common-black);
  font-size: var(--it-fz-body);
  opacity: 1;
}

*::placeholder {
  color: var(--it-common-black);
  font-size: var(--it-fz-body);
  opacity: 1;
}

/*---------------------------------
    common classes css start 
---------------------------------*/
.fix {
  overflow: hidden;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.gx-10 {
  --bs-gutter-x: 10px;
}

.gx-15 {
  --bs-gutter-x: 15px;
}

.gx-20 {
  --bs-gutter-x: 20px;
}

.gx-25 {
  --bs-gutter-x: 25px;
}

.gx-35 {
  --bs-gutter-x: 35px;
}
@media (max-width: 767px) {
  .gx-35 {
    --bs-gutter-x: 30px;
  }
}

.gx-40 {
  --bs-gutter-x: 40px;
}
@media (max-width: 767px) {
  .gx-40 {
    --bs-gutter-x: 30px;
  }
}

.gx-50 {
  --bs-gutter-x: 40px;
}
@media (max-width: 767px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

.gx-70 {
  --bs-gutter-x: 70px;
}
@media (max-width: 767px) {
  .gx-70 {
    --bs-gutter-x: 30px;
  }
}

.border-radius-4 {
  border-radius: 4px;
}
.border-radius-4 img {
  border-radius: 4px;
}

.border-radius-10 {
  border-radius: 10px;
}
.border-radius-10 img {
  border-radius: 10px;
}

.border-radius-20 {
  border-radius: 20px;
}
.border-radius-20 img {
  border-radius: 20px;
}

.border-radius-30 {
  border-radius: 30px;
}
.border-radius-30 img {
  border-radius: 30px;
}

.border-radius-100 {
  border-radius: 100px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line:hover {
  background-size: 0% 1px, 100% 1px;
}
 /* UNTERSTREICHUNG im MENÜ */
.border-line-menu {
  display: inline;
  padding-bottom: 42px;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: calc(100% - 40px) calc(100% - 40px), 0 calc(100% - 40px);  
  transition: background-size 0.3s linear;
  background-image: linear-gradient(#03594e, #03594e), linear-gradient(#03594e, #03594e);
}
.border-line-menu:hover {
  background-size: 0% 1px, 100% 1px;
}
.header-sticky.it-header-style-5 .it-header-menu .border-line-menu {
  background-position: calc(100% - 40px) calc(100% - 25px), 0 calc(100% - 25px);  
}

.itoffcanvas .border-line-menu,
.it-menu-mobile .border-line-menu {
    background-image: none;
}
.title-hover {
  transition: all 0.3s;
}
.title-hover:hover {
  color: var(--it-theme-1);
}

.slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.thumb-overlay {
  position: relative;
}
.thumb-overlay img {
  width: 100%;
}
.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}

.zoom-effect {
  overflow: hidden;
}
.zoom-effect img {
  transition: 1.3s all ease;
}
.zoom-effect:hover img {
  transform: scale(1.2);
}

.sky {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #b3e5fc, #e1f5fe);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-yellow {
  font-size: 16px;
  padding: 15.5px 29px;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--it-common-white);
  font-family: var(--it-ff-jost);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-yellow span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow svg {
  width: 14px;
  height: 14px;
  transition: 0.3s;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-common-black);
}
.it-btn-yellow:hover {
  color: var(--it-common-white);
}
.it-btn-yellow:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-yellow:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-yellow.error-btn i {
  margin-left: 0;
  margin-right: 10px;
}
.it-btn-yellow.white-bg span {
  color: var(--it-common-black);
}
.it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}
.it-btn-yellow.black-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.black-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-bg {
  background-color: var(--it-theme-1);
}
.it-btn-yellow.theme-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg {
  background-color: var(--it-theme-4);
}
.it-btn-yellow.theme-4-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg {
  border-radius: 0;
  background-color: var(--it-theme-5);
}
.it-btn-yellow.theme-5-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.style-2 {
  padding: 11.5px 47px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 {
    padding: 9px 30px;
  }
}
.it-btn-yellow.style-2 span {
  font-size: 20px;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 span {
    font-size: 14px;
  }
}
.it-btn-yellow.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-border {
  font-size: 16px;
  padding: 15.5px 29px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1.1;
  justify-content: center;
  color: var(--it-theme-1);
  font-family: var(--it-ff-jost);
  background-color: transparent;
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-border {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-border span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-border span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-border span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-border svg {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-common-black);
}
.it-btn-border:hover {
  color: var(--it-common-white);
}
.it-btn-border:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-border:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-border.style-2 {
  border-radius: 1000px;
  padding: 14px 40px;
  border: 1px solid var(--it-theme-6);
}
.it-btn-border.style-2 span, .it-btn-border.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-border.style-3 {
  padding: 14.5px 29px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-btn-sm {
  font-size: 15px;
  padding: 10.5px 5px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--it-theme-1);
/*   font-family: var(--it-ff-heading); */
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-sm {
    font-size: 14px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-sm span span {
  color: var(--it-common-white);
}
.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-sm i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-sm i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-sm:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-sm:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-sm:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg);
  }
  100% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-bottom {
  0% {
    transform: translateY(25%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

.img-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.img-anim-bottom {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

.img-anim-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes animate-pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}
.pulse2 {
  animation: animate-puls2 3s linear infinite;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.7), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }
  40% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }
  80% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }
}
.pulse {
  animation: animate-pulse 3s linear infinite;
}

@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes translateX2 {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }
  100% {
    -webkit-transform: translatX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes translateX {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes translateY {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@keyframes animate-pulse-theme {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0.8), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}
@keyframes animate-pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
@keyframes animate-pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0.8), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }
}
.pulse-theme {
  animation: animate-pulse-theme 3s linear infinite;
}

.pulse-orange {
  animation: animate-pulse-orange 3s linear infinite;
}

.pulse-white {
  animation: animate-pulse-white 3s linear infinite;
}

@keyframes title-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes itrotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes itrotate2 {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes flyRight {
  0% {
    left: 41%;
    top: 17%;
    transform: scale(1) rotateY(0deg);
  }
  50% {
    top: 50px; /* একটু উপরে উঠবে */
  }
  100% {
    left: 100vw; /* ডানদিকে পুরো যাবে */
    top: 0;
    transform: scale(1) rotateY(0deg);
  }
}
@keyframes flap {
  0% {
    transform: rotate(-10deg) scaleY(0.95);
  }
  25% {
    transform: rotate(-5deg) scaleY(1);
  }
  50% {
    transform: rotate(0deg) scaleY(1.05);
  }
  75% {
    transform: rotate(5deg) scaleY(1);
  }
  100% {
    transform: rotate(10deg) scaleY(0.95);
  }
}
@keyframes moveDots {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 20px 20px;
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.85);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.85);
  }
}
@keyframes itswing-2 {
  0% {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  100% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/*--- preloader ---*/
#it-loading {
  background-color: #e4e3e3;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#it-loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#it-loading-absolute {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 30%;
  transform: translate(-50%, -50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #it-loading-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #it-loading-absolute {
    width: 40%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  #it-loading-absolute {
    width: 45%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #it-loading-absolute {
    width: 50%;
  }
}
@media (max-width: 575px) {
  #it-loading-absolute {
    width: 60%;
  }
}
.object {
  width: 20px;
  height: 20px;
  background-color: #674DF0;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-right: 20px;
  margin-bottom: 20px;
  position: absolute;
}

.it-loading-content {
  text-align: center;
}
.it-loading-content span {
  margin-top: 12px;
  display: inline-block;
  color: var(--it-common-black);
  font-weight: 700;
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-loading-content span {
    font-size: 14px;
  }
}

.it-loading-logo {
  padding-bottom: 6px;
  max-width: 250px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-loading-logo {
    font-size: 14px;
    width: 200px;
  }
}
@media (max-width: 767px) {
  .it-loading-logo {
    font-size: 14px;
    width: 175px;
  }
}
@media (max-width: 400px) {
  .it-loading-logo {
    font-size: 14px;
    width: 150px;
  }
}

.it-loading-stroke {
  position: relative;
  width: 100%;
  background: #0077C6;
  height: 3px;
  margin-top: 10px;
}

.it-loading-stroke::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #e4e3e3;
  animation: educom-anim 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}

.it-loading-icon {
  position: absolute;
  top: -80px;
  left: -10px;
  width: 80px;
  height: 80px;
  animation: educom-anim 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}
@media (max-width: 767px) {
  .it-loading-icon {
    width: 60px;
    height: 60px;
    top: -60px;
  }
}
@media (max-width: 767px) {
  .it-loading-icon {
    width: 40px;
    height: 40px;
    top: -40px;
  }
}

.it-loading--text {
  padding-bottom: 10px;
}

@keyframes educom-loading-term {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-75deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-75deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes educom-anim {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes educom-anim {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
#object_one {
  -webkit-animation: object 2s linear infinite;
  animation: object 2s linear infinite;
}

#object_two {
  -webkit-animation: object 2s linear infinite -0.4s;
  animation: object 2s linear infinite -0.4s;
}

#object_three {
  -webkit-animation: object 2s linear infinite -0.8s;
  animation: object 2s linear infinite -0.8s;
}

#object_four {
  -webkit-animation: object 2s linear infinite -1.2s;
  animation: object 2s linear infinite -1.2s;
}

#object_five {
  -webkit-animation: object 2s linear infinite -1.6s;
  animation: object 2s linear infinite -1.6s;
}

@-webkit-keyframes object {
  0% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
@keyframes object {
  0% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  /* line-height auf 34px angepasst, damit das Icon trotz 3px Rahmen oben/unten perfekt zentriert bleibt */
  line-height: 34px; 
  position: fixed;
  bottom: -10%;
  right: 16px;
  font-size: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;  
  border: 2px solid var(--it-common-white); 
  box-sizing: border-box;
}

.scroll-top.open {
  bottom: 16px;
}

/*---------------------------------------*/
/*Background color
/*-----------------------------------------*/
.theme-bg {
  background: var(--it-theme-1);
}

.theme-4-bg {
  background: var(--it-theme-4);
}

.yellow-bg {
  background: var(--it-theme-2);
}

.black-bg {
  background: var(--it-common-black);
}

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

.gray-bg {
  background: var(--it-gray-1);
}

.gray-3-bg {
  background: var(--it-gray-3);
}

.gray-4-bg {
  background: var(--it-gray-4);
}

.brown-bg {
  background: var(--it-common-brown);
}

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer;
}

.it-instagram img {
  width: 100%;
}

.itoffcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -100%;
  width: 450px;
  z-index: 9999;
  padding: 50px;
  opacity: 0;
  z-index: 1000;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: 0.3s linear;
  overscroll-behavior-y: contain;
  background: var(--it-common-white) none repeat scroll 0 0;
}
.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .itoffcanvas {
    width: 72%;
    padding: 40px;
  }
}
.itoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.itoffcanvas__logo {
  margin-bottom: 60px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.6;
  color: var(--it-common-black);
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 39px;
    top: 38px;
  }
}
.itoffcanvas__close-btn button:hover {
  opacity: 1;
  color: var(--it-common-black);
}
.itoffcanvas__content {
  margin-bottom: 30px;
}
.itoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.itoffcanvas__text p {
  font-size: 16px;
  color: #414144;
}
.itoffcanvas__info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.itoffcanvas__info .offcanva-title {
  color: var(--it-common-black);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}
.itoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
.itoffcanvas__info-address span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
	.itoffcanvas__info-icon a {
	  height: 30px;
	  width: 30px;
	  line-height: 30px;
	  font-size: 13px;
	  margin-right: 13px;
	}
	.itoffcanvas__info-address span {
	  font-size: 13px;
	}
    .itoffcanvas__info-address a {
      font-size: 13px;
    }
}
@media only screen and (max-width: 400px) {
	.itoffcanvas__info-icon a {
	  height: 30px;
	  width: 30px;
	  line-height: 30px;
	  font-size: 12px;
	  margin-right: 13px;
	}
	.itoffcanvas__info-address span {
	  font-size: 12px;
	}
	.itoffcanvas__info-address a {
	  font-size: 12px;
	}
}
.itoffcanvas__info-address a:hover {
  color: var(--it-theme-1);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 135px;
}
.itoffcanvas .it-menu-mobile .home-img-title, .itoffcanvas .it-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.itoffcanvas .it-megamenu-thumb {
  display: none;
}
.itoffcanvas .it-megamenu-text {
  display: none;
}
.itoffcanvas .it-megamenu-list li a::before {
  display: none;
}
.itoffcanvas .it-megamenu-list li:hover > a {
  padding-left: 0px;
  font-weight: 400;
}
.itoffcanvas .it-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.itoffcanvas .it-menu-mobile ul li > a, .itoffcanvas .it-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itoffcanvas .it-megamenu-title {
  font-size: 16px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  margin-top: 30px;
  font-weight: 500;
  color: var(--it-common-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.itoffcanvas .home-img:hover .home-img-title a {
  color: var(--it-common-white);
}
.itoffcanvas .home-img:hover .home-img-title {
  background-size: 0% 1px, 100% 1px;
}

.it-offcanva-bottom-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}
.it-offcanva-bottom-shape img {
  width: 100%;
}

.it-breadcrumb-area {
    min-height: 450px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-top: -1px;
}
@media (max-width: 1199px) {
  .it-breadcrumb-area {
	min-height: 400px;
	margin-top: 75px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-area {
	min-height: 350px;
  }
}
.it-breadcrumb-title {
  font-size: 45px;
  line-height: 1.56;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-breadcrumb-title .title-shape {
  position: absolute;
  bottom: 0;
  left: -0.5%;
  z-index: -1;
}
.it-breadcrumb-title.style-2 .title-shape {
  position: absolute;
  left: 51.5%;
  top: 44%;
  transform: translateX(-50%) scaleX(1.2) scaleY(0.6);	
}
@media (max-width: 1199px) {
  .it-breadcrumb-title.style-2 .title-shape {
    transform: translateX(-49%) scaleX(1.2) scaleY(0.6);	
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-title.style-2 .title-shape {
    transform: translateX(-49.5%) scaleX(1.18) scaleY(0.6);	
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title.style-2 .title-shape {
    transform: translateX(-49.5%) scaleX(0.8) scaleY(0.6);	
  }
}
@media (max-width: 400px) {
  .it-breadcrumb-title.style-2 .title-shape {
    transform: translateX(-49%) scaleX(0.79) scaleY(0.6);
  }
}
.it-breadcrumb-title.style-2 .title-shape2 {
  position: absolute;
  left: 51%;
  top: 44%;
  transform: translateX(-50%) scaleX(0.77) scaleY(0.6);	
}
@media (max-width: 1199px) {
  .it-breadcrumb-title.style-2 .title-shape2 {
    transform: translateX(-50%) scaleX(0.75) scaleY(0.6);		
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-title.style-2 .title-shape2 {
    transform: translateX(-50%) scaleX(0.73) scaleY(0.6);	
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title.style-2 .title-shape2 {
    transform: translateX(-50%) scaleX(0.52) scaleY(0.6);	
  }
}
@media (max-width: 400px) {
  .it-breadcrumb-title.style-2 .title-shape2 {
    transform: translateX(-50%) scaleX(0.51) scaleY(0.6);	
  }
}
.it-breadcrumb-title.style-2 .title-shape3 {
  position: absolute;
  left: 51.5%;
  top: 44%;
  transform: translateX(-50%) scaleX(1.12) scaleY(0.6);	
}
@media (max-width: 1199px) {
  .it-breadcrumb-title.style-2 .title-shape3 {
    transform: translateX(-49%) scaleX(1.12) scaleY(0.6);	
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-title.style-2 .title-shape3 {
    transform: translateX(-49.5%) scaleX(1.09) scaleY(0.6);	
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title.style-2 .title-shape3 {
    transform: translateX(-49.5%) scaleX(0.75) scaleY(0.6);	
  }
}
@media (max-width: 400px) {
  .it-breadcrumb-title.style-2 .title-shape3 {
    transform: translateX(-49%) scaleX(0.74) scaleY(0.6);
  }
}
.it-breadcrumb-title.style-2 .title-shape4 {
  position: absolute;
  left: 51.5%;
  top: 44%;
  transform: translateX(-50%) scaleX(1.0) scaleY(0.6);	
}
@media (max-width: 1199px) {
  .it-breadcrumb-title.style-2 .title-shape4 {
    transform: translateX(-49%) scaleX(1.0) scaleY(0.6);	
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-title.style-2 .title-shape4 {
    transform: translateX(-49.5%) scaleX(0.95) scaleY(0.6);	
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title.style-2 .title-shape4 {
    transform: translateX(-49.5%) scaleX(0.69) scaleY(0.6);	
  }
}
@media (max-width: 400px) {
  .it-breadcrumb-title.style-2 .title-shape4 {
    transform: translateX(-49%) scaleX(0.68) scaleY(0.6);
  }
}
.it-breadcrumb-thumb {
  padding-right: 137px;
}
.it-breadcrumb-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-thumb {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-thumb {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
    margin-top: 50px;
    width: 100%;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 8px;
  padding: 12px 30px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-list {
    padding: 8px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list {
    padding: 8px 22px;
  }
}
.it-breadcrumb-list span {
  display: inline-block;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 14px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 12px;
  transform: translateY(-1px);
  color: var(--it-common-white);
}
.it-breadcrumb-list i {
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list i {
    font-size: 14px;
  }
}
.it-breadcrumb-list-2 {
  margin-bottom: 60px;
}
.it-breadcrumb-list-2 span {
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-breadcrumb-list-2 span.dvdr {
  margin: 0 20px;
}
.it-breadcrumb-subtitle {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
.it-breadcrumb-author {
  flex: 0 0 auto;
}
.it-breadcrumb-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
.it-breadcrumb-author-info span {
  display: block;
  font-size: 14px;
  color: var(--it-theme-2);
}
.it-breadcrumb-author-info span:last-child {
  margin-top: 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--it-ff-spartan-medium);
}
.it-breadcrumb-author-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.it-breadcrumb-author-wrapper .border-style {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style.d-flex.align-items-center.mb-20 {
    flex-wrap: nowrap !important;
    text-align: start;
    justify-content: center;
  }
}
.it-breadcrumb-course-details-style {
  padding-top: 65px;
  padding-bottom: 40px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-thumb {
  padding-right: 0;
  border-radius: 10px;
  display: inline-block;
  border: 5px solid var(--it-common-white);
}
.it-breadcrumb-course-details-style.team-details-style {
  padding-bottom: 92px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-author-wrapper {
  justify-content: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span.dvdr {
    margin: 0 10px;
  }
}
.it-breadcrumb-course-details-3-style {
  padding-top: 90px;
  padding-bottom: 290px;
}
@media (max-width: 767px) {
  .it-breadcrumb-course-details-3-style {
    padding-bottom: 75px;
  }
}
.it-breadcrumb-course-details-4-style {
  padding-top: 150px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list {
    padding: 8px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list span {
    font-size: 13px;
  }
}
.it-breadcrumb-event-details-style {
  padding-top: 110px;
  padding-bottom: 410px;
}
.it-breadcrumb-event-details-style .it-breadcrumb-title {
  margin-bottom: 20px;
}
.it-breadcrumb-content {
  margin-top: 0px;
  margin-bottom: -50px;
}
@media (max-width: 1199px) {
	.it-breadcrumb-content {
	  margin-bottom: -40px;
	}
}
.it-breadcrumb-style-2 {
  padding-top: 140px;
  padding-bottom: 130px;
}
@media (max-width: 1199px) {
  .it-breadcrumb-style-2 {
    padding-top: 160px;
    padding-bottom: 110px;
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-style-2 {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-shape-3 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .it-breadcrumb-style-2 .it-breadcrumb-title {
    margin-top: -80px;
  }
}
@media (max-width: 991px) {
  .it-breadcrumb-style-2 .it-breadcrumb-title {
    margin-top: -95px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-title {
    font-size: 30px;
	margin-top: -95px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-list span {
    font-size: 12px;
  }
}
.it-breadcrumb-style-2 .it-breadcrumb-list span.dvdr svg {
  height: 12px;
}
.it-breadcrumb-style-2 .it-breadcrumb-title-box h2{
  font-size: 20px;
}
.it-breadcrumb-style-2 .it-breadcrumb-title-box h3{
  font-size: 14px;
}
@media (max-width: 767px) {
	.it-breadcrumb-style-2 .it-breadcrumb-title-box h3{
	  margin-top: 10px;
	}
}

.it-breadcrumb-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 255px;
  padding-bottom: 140px;
  background-color: transparent;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 {
  top: 31%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 img {
  animation: unset;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 {
  top: 34%;
  right: 7%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 img {
  animation: unset;
}
.it-breadcrumb-style-4 {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-title {
  font-weight: 400;
  font-size: 60px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list {
  padding: 16px 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list span {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list i {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-breadcrumb-style-5 {
  padding-top: 165px;
  padding-bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 {
    padding: 100px 0;
  }
}
.it-breadcrumb-style-5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(13, 13, 13, 0.8);
}
.it-breadcrumb-style-5 .it-breadcrumb-title {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 0.01em;
  line-height: 1;
  margin-bottom: 36px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list {
  padding: 16px 30px;
  border-radius: 0;
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list span {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list i {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 100px 0;
  }
}
.it-breadcrumb-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-1 {
    top: -7%;
    left: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}
.it-breadcrumb-shape-2 {
  position: absolute;
  z-index: -1;
  top: -21%;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-2 {
    display: none;
  }
}
.it-breadcrumb-shape-3 {
  position: absolute;
  z-index: -1;
  top: 4%;
  right: 15.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-3 {
    right: 3.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-3 {
    display: none;
  }
}
.it-breadcrumb-shape-4 {
  position: absolute;
  bottom: 0;
  right: 41%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-4 {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 25px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 5px;
}
.it-custom-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons span svg {
    width: 25px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f107";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 25px;
}
@media (max-width: 1399px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 20px !important;
  }
}
@media (max-width: 991px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 25px !important;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 20px !important;
  }
}
.it-custom-accordion .accordion-body {
  padding: 0 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}
.it-custom-accordion .accordion-body p {
  line-height: 1.7;
  font-size: 14px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p br {
    display: none;
  }
}

.it-custom-accordion-2 {
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-custom-accordion-2 .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons.collapsed {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons:not(.collapsed) {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:last-child .accordion-buttons.collapsed {
  border-radius: 0 0 20px 20px;
}
.it-custom-accordion-2 .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 21px 30px;
  padding-left: 65px;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  font-family: var(--it-ff-spartan-semibold);
  border-bottom: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons {
    font-size: 12px;
    padding-left: 40px;
  }
}
.it-custom-accordion-2 .accordion-buttons span {
  line-height: 1;
}
.it-custom-accordion-2 .accordion-buttons span:last-child {
  font-family: var(--it-ff-spartan-medium);
}
.it-custom-accordion-2 .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  left: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons::after {
    left: 8px;
  }
}
.it-custom-accordion-2 .accordion-buttons.collapsed::after {
  content: "\f107";
}
.it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}
.it-custom-accordion-2 .accordion-body {
  padding: 30px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li {
  padding-left: 27px;
  position: relative;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    flex-wrap: nowrap;
  }
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:last-child .preview-box a {
  width: 77px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li > span {
  position: absolute;
  top: -1px;
  left: 0;
}
.it-custom-accordion-2 .accordion-body .preview-box {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .preview-box {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .preview-box {
    margin-top: 0;
  }
}
.it-custom-accordion-2 .accordion-body .preview-box a {
  width: 115px;
  display: inline-block;
  text-decoration: underline;
  color: var(--it-theme-1);
}
.it-custom-accordion-2 .accordion-body .preview-box a svg {
  display: inline-block;
  margin-right: 10px;
  margin-top: -2px;
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
/* Erster Block: Punkt vor search-popup im Selektor nachgetragen */
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 50vh; /* GEÄNDERT: Genau ein Drittel der Viewport-Höhe */
  width: 100%;
  z-index: 99999;
  margin-top: -33.33vh; /* GEÄNDERT: Genau um seine eigene Höhe nach oben verschieben */
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  /* ... deine Transitions bleiben unverändert ... */
  transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

.search-active.search-popup {
  transform: translateY(0%);
  margin-top: 0;
}

.search-popup .close-search {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  margin-top: -120px;  
  border-radius: 50%;
  background-color: var(--it-theme-primary);
  width: 70px;
  height: 70px;
  line-height: 64px;
  cursor: pointer;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-bottom: 3px solid var(--it-common-white);
  border-top: 3px solid var(--it-common-white);
  border-right: 3px solid rgba(0, 0, 0, 0.9);
  border-left: 3px solid rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}

.search-active.search-popup .close-search {
  visibility: visible;
  opacity: 1;
  top: 50%;
  -webkit-transition-delay: 1500ms;
  -moz-transition-delay: 1500ms;
  -ms-transition-delay: 1500ms;
  -o-transition-delay: 1500ms;
  transition-delay: 1500ms;
}

.search-popup form {
  position: absolute;
  max-width: 700px;
  top: 50%;
  left: 15px;
  right: 15px;
  margin: -35px auto 0;
  transform: scaleX(0);
  transform-origin: center;
  background-color: #111111;
  -webkit-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
}

.search-active.search-popup form {
  transform: scaleX(1);
  -webkit-transition-delay: 1200ms;
  -moz-transition-delay: 1200ms;
  -ms-transition-delay: 1200ms;
  -o-transition-delay: 1200ms;
  transition-delay: 1200ms;
}

.search-popup .form-group {
  position: relative;
  margin: 0px;
  overflow: hidden;
}

.search-popup .form-group input[type=text],
.search-popup .form-group input[type=search] {
  position: relative;
  display: block;
  font-size: 18px;
  line-height: 50px;
  color: var(--it-common-white);
  height: 70px;
  width: 100%;
  padding: 10px 30px;
  background-color: transparent;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
  font-weight: 500;
  text-transform: none;
  border: 1px solid rgba(255, 255, 255, 0.1);
  outline: 0;
}
.search-popup .form-group input[type=text]:focus,
.search-popup .form-group input[type=search]:focus {
  border: 1px solid var(--it-theme-1);
  border-radius: 5px;
}

.search-popup .form-group input[type=search] {
  padding: 10px 75px 10px 30px;
}

.search-popup .form-group input[type=submit], .search-popup .form-group button {
  position: absolute;
  right: 30px;
  top: 0px;
  height: 70px;
  line-height: 70px;
  background: transparent;
  text-align: center;
  font-size: 24px;
  color: var(--it-common-white);
  padding: 0;
  cursor: pointer;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  border: none;
}

.search-popup .form-group input[type=submit]:hover,
.search-popup .form-group button:hover {
  color: var(--it-theme-primary);
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
  color: var(--it-common-white);
  border: none;
}

.search-box-btn {
  display: inline-block;
  padding-left: 22px;
}

.search-box-btn i {
  display: inline-block;
  color: var(--it-common-white);
  line-height: 30px;
  text-align: center;
  font-size: 18px;
  cursor: pointer;
  transition: 0.5s;
}

.flaticon-multiply:before {
  content: inherit;
}

button.close-search i {
  font-size: 25px;
  color: var(--it-common-white);
  display: inline-block;
}

/* Sorgt dafür, dass die Live-Ergebnisse sauber unter dem Suchfeld schweben */
.rd-search-results-live {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #111111; /* Gleicher Hintergrund wie das Formular */
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-top: none;
    z-index: 10;
    max-height: 300px;
    overflow-y: auto;
}

/* Live-Suche */
.search-popup .search-url a,
.rd-search .search-url a {
    color: #ffffff !important;
}

/* Suchseite */
.rd-search-results .search-url a {
    color: #5f75f5 !important;
    text-decoration: none; /* Verhindert eine abrupte Standard-Unterstreichung */
    transition: color 0.3s ease, text-decoration-color 0.3s ease;
}

.rd-search-results .search-url a:hover {
    color: #841fec !important; /* Ein deutlich dunkleres Lila */
    text-decoration: underline;
}

.match {
    color: #297369;
}

/* Styling für die einzelnen Suchtreffer in der Live-Vorschau */
.rd-search-results-live .search-link {
    display: block;
    padding: 10px 20px;
    color: var(--it-common-white);
    text-decoration: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.search-quick-result {
    padding-top: 1rem;
	padding-left: 2rem;
	padding-bottom: 1rem;
}

.rd-search-results-live .search-link:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--it-theme-primary);
}

span.flaticon-multiply i {
  display: inline-block;
  color: var(--it-common-white);
}

.modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.modal-wrapper {
  position: relative;
  z-index: 999999999;
}

.modal {
  overflow-y: scroll;
  overflow-x: hidden;
  --bs-modal-border-width: 0;
  --bs-modal-border-radius: 0;
}

.btn-close {
  position: absolute;
  top: 35px;
  right: 35px;
  z-index: 99999999999;
  padding: 0;
  margin: 0;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  color: var(--it-common-black);
  background-color: #fff !important;
  border: 1px solid rgba(25, 25, 26, 0.2);
  opacity: 1;
  transition: 0.3s;
}
.btn-close:hover {
  border-color: var(--it-common-black) !important;
  transform: rotate(180deg);
}

.btn-close:focus {
  outline: 0;
  box-shadow: none;
  opacity: 1;
}

.modal-body {
  padding: 0;
}

.modal-header {
  padding: 0;
  border-bottom: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.it-shop-modal .modal-dialog {
  width: 1200px;
}
.it-shop-modal .modal-content {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}
.it-shop-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-shop-modal-close-btn:hover {
  background-color: var(--it-theme-1);
}
.it-shop-modal-content .tab-content {
  background-color: var(--it-gray-1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.it-shop-details-content {
  position: relative;
  padding: 50px 25px 40px;
}
.it-shop-details-category span {
  font-size: 16px;
  line-height: 1;
  font-family: var(--it-ff-heading);
}
.it-shop-details-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
.it-shop-details-stock {
  margin-right: 12px;
}
.it-shop-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  background-color: var(--it-gray-1);
}
.it-shop-details-rating {
  margin-right: 11px;
  align-items: center;
}
.it-shop-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.it-shop-details-rating span:not(:last-child) {
  margin-right: 3px;
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.new-price {
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-wrapper > p {
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--it-ff-heading);
}
.it-shop-details-wrapper > p span {
  font-weight: 500;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  font-family: var(--it-ff-heading);
}
.it-shop-details-action-wrapper {
  margin-bottom: 17px;
}
.it-shop-details-action-wrapper .it-btn {
  padding: 15.9px 40px;
  border-radius: 100px;
}
.it-shop-details-action-wrapper .it-btn.orange-2-btn:hover {
  color: var(--it-theme-1);
  border: 2px solid var(--it-theme-1);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover {
  color: var(--it-common-black);
  border: 2px solid var(--it-common-black);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover i, .it-shop-details-action-wrapper .it-btn.black-bg:hover svg {
  color: var(--it-common-black);
}
.it-shop-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details-action-sm-btn {
    font-size: 12px;
  }
}
.it-shop-details-action-sm-btn:not(:last-child) {
  margin-right: 10px;
}
.it-shop-details-action-sm-btn i, .it-shop-details-action-sm-btn svg {
  margin-right: 2px;
}
.it-shop-details-action-sm-btn:hover {
  color: var(--it-theme-1);
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link {
  width: 100px;
  height: 107px;
  position: relative;
  margin: 0px 4px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: var(--it-gray-1);
  border: 1px solid transparent;
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
    margin-bottom: 10px;
  }
}
.it-shop-details-thumb-wrapper .nav-tab .nav-link.active {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details-thumb-wrapper {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-shop-details-thumb-wrapper .nav-tab {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

.it-section-title {
  font-size: 36px;
  margin-bottom: 0;
  line-height: 1.4;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-section-title.farbig span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.it-section-title span svg {
  animation: title-animation 4s infinite;
}
.it-section-title span.it-title-shape {
  transform: scaleX(1.15);	
  position: absolute;
  bottom: -11px;
  left: 1%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape {
      transform: scaleX(1.1);
	  left: -0.5%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape {
      transform: scaleX(1.15);
	  left: 1%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape {
      transform: scaleX(1.05);		
	  bottom: -11px;
	  left: -2%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape {
	  transform: scale(0.8); 
	  transform-origin: bottom left;		
	  bottom: -8px;
	  left: -2.5%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu {
  transform: scaleX(1.81);
  position: absolute;
  bottom: -11px;
  left: 20%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu {
      transform: scaleX(1.73);
	  left: 18.5%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu {
      transform: scaleX(1.83);
	  left: 20%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu {
      transform: scaleX(1.6);
	  left: 17%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu {
      transform: scaleX(1.23);	
	  bottom: -12px;
	  left: 8%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu2 {
  transform: scaleX(1.6);
  position: absolute;
  bottom: -11px;
  left: 17%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu2 {
      transform: scaleX(1.5);
	  left: 13.5%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu2 {
      transform: scaleX(1.6);
	  left: 16.5%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu2 {
      transform: scaleX(1.45);
	  left: 11.5%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu2 {
      transform: scaleX(1.1);	
	  bottom: -12px;
	  left: 1.5%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu3 {
  transform: scaleX(2.05);
  position: absolute;
  bottom: -11px;
  left: 24.5%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu3 {
      transform: scaleX(1.95);
	  left: 23%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu3 {
      transform: scaleX(2.1);
	  left: 24%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu3 {
      transform: scaleX(1.8);
	  left: 20.5%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu3 {
      transform: scaleX(1.45);	
	  bottom: -12px;
	  left: 12.5%;
	  line-height: 0;
	}
}
@media (max-width: 331.9px) {
	.it-section-title span.it-title-shape-neu3 {
      transform: scaleX(1.2);	
	  bottom: -12px;
	  left: -42%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu4 {
  transform: scaleX(1.65);
  position: absolute;
  bottom: -11px;
  left: 17.5%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu4 {
      transform: scaleX(1.55);
	  left: 15.5%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu4 {
      transform: scaleX(1.7);
	  left: 17.5%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu4 {
      transform: scaleX(1.45);
	  left: 13.5%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu4 {
      transform: scaleX(1.15);	
	  bottom: -12px;
	  left: 3.5%;
	  line-height: 0;
	}
}
@media (max-width: 331.9px) {
	.it-section-title span.it-title-shape-neu4 {
      transform: scaleX(1.15);	
	  bottom: -12px;
	  left: 4%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu5 {
  transform: scaleX(2.1);
  position: absolute;
  bottom: -11px;
  left: 25%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu5 {
      transform: scaleX(2.0);
	  left: 23%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu5 {
      transform: scaleX(2.1);
	  left: 25%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu5 {
      transform: scaleX(1.85);
	  left: 21%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu5 {
      transform: scaleX(1.45);	
	  bottom: -11px;
	  left: 14%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu6 {
  transform: scaleX(1.15);	
  position: absolute;
  bottom: -11px;
  left: 1%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu6 {
      transform: scaleX(1.1);
	  left: -0.5%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu6 {
      transform: scaleX(1.15);
	  left: 1%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu6 {
      transform: scaleX(1.04);		
	  bottom: -11px;
	  left: -3%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu6 {
	  transform: scale(1.01); 
	  transform-origin: bottom left;		
	  bottom: -8px;
	  left: -6%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu7 {
  transform: scaleX(1.44);	
  position: absolute;
  bottom: -11px;
  left: 13%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu7 {
      transform: scaleX(1.36);
	  left: 10%;
	  line-height: 0;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu7 {
      transform: scaleX(1.45);
	  left: 13%;
	  line-height: 0;
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu7 {
      transform: scaleX(1.27);		
	  bottom: -11px;
	  left: 8%;
	  line-height: 0;
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu7 {
	  transform: scale(1.05); 
	  bottom: -12px;
	  left: -4%;
	  line-height: 0;
	}
}
.it-section-title span.it-title-shape-neu8 {
  transform: scaleX(1.44) scaleY(2.1);	
  position: absolute;
  bottom: -12px;
  left: 10%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 1400px) {
	.it-section-title span.it-title-shape-neu8 {
      transform: scaleX(1.44) scaleY(2.1);	
	  bottom: -12px;
	  left: 4%;
	}
}
@media (max-width: 991px) {
	.it-section-title span.it-title-shape-neu8 {
      transform: scaleX(1.35) scaleY(1.95);	
	}
}
@media (max-width: 767px) {
	.it-section-title span.it-title-shape-neu8 {
      transform: scaleX(1.35) scaleY(1.95);	
	}
}
@media (max-width: 575px) {
	.it-section-title span.it-title-shape-neu8 {
      transform: scaleX(1.4) scaleY(2.1);	
	}
}
.it-section-title span.it-title-shape-2 {
  position: absolute;
  bottom: 19%;
  right: 3%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title span.it-title-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 25px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 32px;
  }
}
.it-section-title-2 {
  font-size: 45px;
  line-height: 1.22;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-2 {
    font-size: 30px;
  }
  .it-section-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-2 {
    font-size: 32px;
  }
}
.it-section-title-2 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-2 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
.it-section-title-3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.39;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-3 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-3 {
    font-size: 29px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-3 {
    font-size: 27px;
  }
  .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-3 {
    font-size: 32px;
  }
}
.it-section-title-3 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-3 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
@media (max-width: 767px) {
  .it-section-title-3 span.it-title-shape {
    display: none;
  }
}
.it-section-title-4 {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.11;
  margin-bottom: 0;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-4 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-4 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-4 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-4 {
    font-size: 30px;
  }
  .it-section-title-4 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-4 {
    font-size: 32px;
  }
}
.it-section-title-4 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-4 span.it-title-shape {
  position: absolute;
  bottom: 19%;
  right: 22%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title-4 span.it-title-shape {
    display: none;
  }
}
.it-section-subtitle {
  line-height: 1;
  border-radius: 100px;
  padding: 9px 20px;
  padding-bottom: 6px;
  display: inline-block;
  margin-bottom: 30px;
  color: var(--it-theme-1);
  background-color: rgba(26, 182, 157, 0.1);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
    padding: 9px 15px;
    padding-bottom: 6px;
  }
}
.it-section-subtitle svg, .it-section-subtitle i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle svg, .it-section-subtitle i {
    height: 12px;
  }
}
.it-section-subtitle.yellow-style {
  border-color: rgba(248, 198, 47, 0.3);
  background-color: rgba(248, 198, 47, 0.1);
}
.it-section-subtitle.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle.style-2 {
  border-radius: 100px;
  margin-bottom: 25px;
  border-color: rgba(3, 89, 78, 0.3);
  background-color: rgba(26, 182, 157, 0.1);
}
.it-section-subtitle.style-3 {
  margin-bottom: 27px;
  color: var(--it-theme-4);
  border-color: rgba(97, 130, 105, 0.3);
  background-color: rgba(97, 130, 105, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle.style-3 {
    font-size: 14px;
  }
}
.it-section-subtitle.style-3.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle-2 {
  display: block;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--it-theme-2);
  font-family: var(--it-ff-schoolbell);
}
.it-section-subtitle-3 {
  display: block;
  margin-bottom: 25px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-medium);
}
.it-section-subtitle-3 svg, .it-section-subtitle-3 i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle-3 svg, .it-section-subtitle-3 i {
    height: 12px;
  }
}
.it-section-subtitle-4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 41px;
  color: var(--it-theme-5);
  text-transform: uppercase;
  font-family: var(--it-ff-oxanium);
}
.it-section-subtitle-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.it-section-subtitle-4::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/*----------------------------------------*/
/*  2.178 Range Slider css start
/*----------------------------------------*/
.ui-button-icon-only, .ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}

.ui-checkboxradio-disabled, .ui-state-disabled {
  pointer-events: none;
}

.ui-datepicker .ui-icon, .ui-icon {
  text-indent: -99999px;
  background-repeat: no-repeat;
}

.ui-helper-reset, .ui-menu {
  outline: 0;
  list-style: none;
}

.ui-helper-hidden, .ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

.ui-state-disabled {
  cursor: default !important;
}

.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  overflow: hidden;
}

.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}

.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  font-size: 100%;
}

.ui-autocomplete, .ui-menu .ui-menu {
  position: absolute;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  top: 0;
  left: 0;
  cursor: default;
}

.ui-menu {
  padding: 0;
  margin: 0;
  display: block;
}

.ui-button, .ui-controlgroup {
  display: inline-block;
  vertical-align: middle;
}

.ui-button, .ui-menu-icons, .ui-resizable {
  position: relative;
}

.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px 0.4em;
}

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0;
}

.ui-menu .ui-state-active, .ui-menu .ui-state-focus {
  margin: -1px;
}

.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}

.ui-button, .ui-controlgroup .ui-controlgroup-label {
  padding: 0.4em 1em;
}

.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.2em;
  margin: auto 0;
}

.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}

.ui-button {
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: visible;
}

.ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
  text-decoration: none;
}

.ui-button-icon-only {
  width: 2em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-button-icon-only {
  text-indent: 0;
}

.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}

input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: 0.4em 1em;
}

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}

.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus, .ui-controlgroup > .ui-controlgroup-item:focus {
  z-index: 9999;
}

.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}

.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}

.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}

.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}

.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}

.ui-controlgroup-vertical .ui-spinner-input {
  width: 75%;
  width: calc(100% - 2.4em);
}

.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}

.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: 0.12em;
  border: none;
}

.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}

.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 45%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: 700;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td a, .ui-datepicker td span {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-multi .ui-datepicker-group, .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group, .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker .ui-icon {
  display: block;
  overflow: hidden;
  left: 0.5em;
  top: 0.3em;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: 0 0;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}

.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}

.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}

.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}

.ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw, .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw {
  width: 7px;
  height: 7px;
}

.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}

.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}

.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-draggable-handle, .ui-selectable, .ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted #000;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}

.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: 700;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0;
  height: auto;
  border: 0;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}

.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min, .ui-spinner-down {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max, .ui-spinner-up {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: 0 0;
  color: inherit;
  padding: 0.222em 0;
  margin: 0.2em 2em 0.2em 0.4em;
  vertical-align: middle;
}

.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}

.ui-tabs {
  position: relative;
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: 0 0;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}

body .ui-tooltip {
  border-width: 2px;
}

.ui-widget, .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}

.ui-widget-content {
  border: 1px solid #ddd;
  background: #fff;
  color: #333;
}

.ui-widget-content a, .ui-widget-header a {
  color: #333;
}

.ui-widget-header {
  border: 1px solid #ddd;
  background: #e9e9e9;
  color: #333;
  font-weight: 700;
}

.ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: 400;
  color: #454545;
}

.ui-button, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button {
  color: #454545;
  text-decoration: none;
}

.ui-button:focus, .ui-button:hover, .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
  border: 1px solid #ccc;
  background: #ededed;
  font-weight: 400;
  color: #2b2b2b;
}

.ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, a.ui-button:focus, a.ui-button:hover {
  color: #2b2b2b;
  text-decoration: none;
}

.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover, .ui-button:active, .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: 400;
  color: #fff;
}

.ui-icon-background, .ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #fff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #fff;
  text-decoration: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}

.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #777620;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}

.ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error a, .ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: 700;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: 400;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url("images/ui-icons_444444_256x240.png");
}

.ui-button:focus .ui-icon, .ui-button:hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
  background-image: url("images/ui-icons_555555_256x240.png");
}

.ui-button:active .ui-icon, .ui-state-active .ui-icon {
  background-image: url("images/ui-icons_ffffff_256x240.png");
}

.ui-button .ui-state-highlight.ui-icon, .ui-state-highlight .ui-icon {
  background-image: url("images/ui-icons_777620_256x240.png");
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("images/ui-icons_cc0000_256x240.png");
}

.ui-button .ui-icon {
  background-image: url("images/ui-icons_777777_256x240.png");
}

.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-caret-1-n {
  background-position: 0 0;
}

.ui-icon-caret-1-ne {
  background-position: -16px 0;
}

.ui-icon-caret-1-e {
  background-position: -32px 0;
}

.ui-icon-caret-1-se {
  background-position: -48px 0;
}

.ui-icon-caret-1-s {
  background-position: -65px 0;
}

.ui-icon-caret-1-sw {
  background-position: -80px 0;
}

.ui-icon-caret-1-w {
  background-position: -96px 0;
}

.ui-icon-caret-1-nw {
  background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
  background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-first, .ui-icon-seek-start {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
  border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
  background: #aaa;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

/*----------------------------------------*/
/*  06. blog css start
/*----------------------------------------*/
.it-blog-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-blog-item .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-item .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-item .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-blog-item:hover .it-btn-yellow span, .it-blog-item:hover .it-btn-yellow i {
  color: var(--it-theme-1);
}
.it-blog-thumb {
  overflow: hidden;
}
.it-blog-thumb img {
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-title {
    font-size: 18px;
  }
}
.it-blog-tag {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
.it-blog-meta span {
  position: relative;
  padding-left: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 14px;
  }
}
.it-blog-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-theme-1);
}
.it-blog-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid var(--it-theme-1);
}
.it-blog-shape-1 {
  position: absolute;
  top: -7%;
  left: 0;
  z-index: -1;
}
.it-blog-shape-2 {
  position: absolute;
  top: 9%;
  right: 16%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-2 {
    right: 1%;
    transform: scale(0.4);
  }
}
.it-blog-shape-3 {
  position: absolute;
  top: 46%;
  right: 0;
  z-index: -1;
}
.it-blog-shape-4 {
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-blog-shape-5 {
  position: absolute;
  z-index: -1;
  right: 41%;
  top: 17%;
  animation: ittranslateX2 2s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-shape-5 {
    top: 5%;
    transform: scale(0.6);
  }
}
.it-blog-shape-6 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 39%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media (max-width: 767px) {
  .it-blog-shape-6 {
    display: none;
  }
}
.it-blog-shape-7 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  right: 6.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-7 {
    right: 4%;
  }
}
@media (max-width: 767px) {
  .it-blog-shape-7 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-shape-7 img {
    transform: scale(0.7);
  }
}
.it-blog-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-blog-shape-9 {
  position: absolute;
  z-index: -1;
  top: -10%;
  right: 0;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-shape-9 {
    right: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-9 {
    right: -18%;
    transform: scale(0.8);
  }
}
.it-blog-shape-10 {
  position: absolute;
  bottom: -20%;
  right: -5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-btn {
    margin-top: 30px;
  }
}
.it-blog-style-2 .it-blog-shape-2 {
  top: -8%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-2 .it-blog-btn {
    margin-top: 40px;
  }
}
.it-blog-style-3 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-3 .it-blog-shape-2 {
    top: 1%;
    transform: scale(0.6);
  }
}
.it-blog-style-3 .it-blog-tag {
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-blog-style-3 .it-blog-item:hover {
  border-color: rgba(3, 89, 78, 0.5);
}
.it-blog-style-4 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
.it-blog-style-4 .it-blog-tag {
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-title {
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media (max-width: 767px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 19px;
  }
}
.it-blog-style-4 .it-blog-item:hover {
  border-color: rgba(97, 130, 105, 0.5);
}
.it-blog-style-4 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-meta span svg {
  color: var(--it-theme-4);
}
.it-blog-style-5 .it-blog-tag {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 30px;
    padding-bottom: 30px;
  }
}
.it-blog-style-5 .it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-style-5 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-shape-7 {
  top: 14.5%;
  right: 7.5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-inner-style .it-blog-title {
    font-size: 17px;
  }
}

.it-blog-2-area .it-blog-thumb {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-2-area .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-2-area .it-blog-tag {
  position: absolute;
  left: 30px;
  top: -20px;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-area .it-blog-shape-2 {
    transform: scale(0.5);
  }
}
.it-blog-2-content {
  padding: 40px 30px;
  padding-bottom: 36px;
  margin-top: -15px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-2-content {
    padding: 35px 20px;
  }
}
.it-blog-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.it-pagination ul li a {
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-weight: 400;
  font-size: 18px;
  transition: 0.3s;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .it-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-pagination ul li a i {
  font-size: 20px;
}
.it-pagination ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination.theme-4-style ul li a {
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-pagination.theme-4-style ul li.current a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-4-style ul li:hover a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-5-style ul li.current a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-pagination.theme-5-style ul li:hover a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

/*  blog-details css here  */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-details-area.blog-details-left-sidebar .it-shop-sidebar {
    margin-top: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-details-area.blog-sidebar-style .it-section-title {
    font-size: 28px;
  }
}

.postbox-details-wrapper .it-blog-meta span svg {
  top: 3px;
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-right: 35px;
  padding-right: 0;
  border: none;
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: inline-block;
  }
}
.postbox-details-wrapper .it-blog-meta-wrap {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta-wrap {
    flex-wrap: wrap;
  }
}
.postbox-details-wrapper .it-section-title {
  margin-bottom: 12px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-section-title {
    font-size: 28px;
  }
}
.postbox-video-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-left: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-left: -20px;
  }
}
.postbox-share span {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-share span {
    font-size: 14px;
  }
}
.postbox-share-social a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-share-social a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .postbox-share-social a svg {
    width: 12px;
  }
}
.postbox-share-social a:not(:last-child) {
  margin-right: 5px;
}
.postbox-share-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-title {
    font-size: 14px;
  }
}
.postbox-tag-content a {
  padding: 0 14px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.postbox-tag-content a:not(:last-child) {
  margin-right: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.postbox-banner img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.postbox-list ul li {
  padding-left: 27px;
  list-style-type: none;
  position: relative;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul li {
    font-size: 14px;
  }
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 23px;
}
.postbox-list ul li svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.postbox-list ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-list-wrap {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list-wrap {
    margin-left: 0;
  }
}
.postbox-list-wrap .postbox-list ul li {
  font-size: 15px;
}
.postbox-list-wrap .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list-wrap .postbox-list ul li {
    font-size: 14px;
  }
}
.postbox-list-wrap-2 .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-list.style-2 {
  margin-right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list.style-2 {
    margin-right: 0;
  }
}
.postbox-dsc {
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc {
    margin-right: 0;
  }
}
.postbox-dsc p {
  line-height: 1.75;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 14px;
  }
}
.postbox-dsc.dsc-style-2 {
  margin-right: 0;
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    margin-bottom: 30px;
  }
}
.postbox-user-info .user-title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-user-info span {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.postbox-user-info span svg {
  margin-right: 10px;
  display: inline-block;
}
.postbox-user-info p {
  margin-bottom: 0;
  line-height: 1.75;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-user-info p {
    font-size: 14px;
  }
  .postbox-user-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
  .postbox-user-info p br {
    display: none;
  }
}
.postbox-user-meta span {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-user-meta span {
    margin-bottom: 10px;
  }
}
.postbox-user-meta span svg {
  margin-right: 10px;
  display: inline-block;
}
.postbox-user-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 17px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-user-meta span:not(:last-child) {
    border: none;
  }
}
.postbox-comment-title {
  font-size: 34px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-title {
    font-size: 26px;
  }
}
.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
}
.postbox-comment-content ul li:not(:last-child) {
  margin-bottom: 40px;
}
.postbox-comment-content ul li:nth-child(even) {
  margin-left: 60px;
}
@media (max-width: 767px) {
  .postbox-comment-content ul li:nth-child(even) {
    margin-left: 0;
  }
}
.postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: var(--it-theme-1);
}
.postbox-comment .reply span {
  margin-right: 2px;
  display: inline;
}
@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}
.postbox-comment-item.course-style .postbox-user-thumb img {
  height: 173px;
  width: 173px;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-thumb img {
    height: 120px;
    width: 120px;
    margin-right: 20px;
  }
}
.postbox-comment-item.course-style .postbox-user-info .user-title {
  font-size: 24px;
}
.postbox-comment-item.course-style .postbox-user-info span {
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-comment-item.course-style .postbox-user-info p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
.postbox-social a {
  display: inline-block;
  border-radius: 5px;
  width: 41px;
  height: 41px;
  line-height: 38px;
  text-align: center;
  color: var(--it-text-body);
  transition: 0.3s;
  border: 1px solid rgba(31, 36, 50, 0.2);
  background-color: rgba(31, 36, 50, 0.05);
}
.postbox-social a svg {
  height: 17px;
}
.postbox-social a:not(:only-child) {
  margin-right: 13px;
}
.postbox-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-contact-box {
  padding: 70px 75px;
  padding-top: 65px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .postbox-contact-box {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
.postbox-contact-box .it-btn-yellow.theme-bg span {
  font-weight: 600;
}
.postbox-input-box input {
  height: 50px;
  line-height: 50px;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}
.postbox-input-box textarea {
  height: 120px;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}

/*----------------------------------------*/
/*  05. blog-sidebar css start
/*----------------------------------------*/
.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  content: "";
  border-radius: 5px;
  z-index: -1;
  background: rgba(24, 24, 24, 0.7);
}
.sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--it-theme-1);
  margin-bottom: 10px;
}
.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}
.sidebar-widget.tagcloud-widget {
  padding-bottom: 35px;
}
.sidebar-widget-title {
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 10px;
  text-transform: capitalize;
  justify-content: space-between;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list:hover span {
  color: var(--it-common-white);
}
.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.sidebar-widget-social a {
  height: 52px;
  width: 52px;
  line-height: 52px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #F2EBE9;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-social a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }
}
.sidebar-widget-social a:not(:last-child) {
  margin-right: 10px;
}
.sidebar-widget-social a:hover {
  border: 1px solid var(--it-theme-1);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.sidebar-widget-post ul li {
  list-style-type: none;
}
.sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
  text-transform: capitalize;
  padding-right: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-search-box input {
    height: 50px;
    line-height: 50px;
  }
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-right {
    margin-top: 70px;
  }
}
.sidebar-contact-2 {
  padding: 0 20px 40px 20px;
}
.sidebar-contact-2 > span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.sidebar-contact-2 > a {
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-contact-2 > a {
    font-size: 20px;
  }
}
.sidebar-contact .it-btn-yellow {
  font-weight: 600;
}
.sidebar-contact-btn {
  margin: 0 45px;
}
.sidebar-contact-circle {
  position: absolute;
  bottom: 0;
  right: 35px;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: var(--it-theme-2);
  border: 3px solid var(--it-common-white);
}
.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--it-common-black);
}
.sidebar-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.sidebar-contact-wrap .thumb img {
  width: 100%;
  border-radius: 0 0 50% 50%;
}
.sidebar-contact-wrap .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.categories a {
  position: relative;
  padding: 15px 0px;
  font-size: 12px;
  font-weight: 700;
  display: block;
  color: #8A879F;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-radius: 5px;
  transition: 0.3s;
}
.categories a:hover {
  color: var(--it-common-black);
}
.categories a:hover i {
  right: -5px;
}
.categories a i {
  position: absolute;
  right: 0;
  transition: 0.3s;
}

.tagcloud a {
  line-height: 1;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.tagcloud a:not(:last-child) {
  margin-right: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post-thumb img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.rc-post-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rc-post-title {
    font-size: 16px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .rc-post-title {
    font-size: 14px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rc-post-title {
    font-size: 18px;
  }
}
.rc-meta i {
  margin-right: 5px;
}

/*----------------------------------------*/
/*  07. brand css start
/*----------------------------------------*/
.it-brand-item {
  height: 120px;
  line-height: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .it-brand-item {
    text-align: center;
  }
}
.it-brand-wrap {
  padding: 30px 80px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap {
    padding: 30px;
  }
}
.it-brand-wrap .row:first-child [class*=col] {
  border-bottom: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-brand-wrap .row:first-child [class*=col] {
    border-bottom: none;
  }
}
.it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
  position: absolute;
  top: 0;
  right: 17%;
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(3, 89, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
    display: none;
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
  transform: translateX(-10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item::after {
  right: -17%;
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
  transform: translateX(60px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item::after {
  right: -5%;
}
.it-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-active .swiper-slide {
  width: auto;
}
.it-brand-2-area {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
	.it-brand-2-area {
	  padding-top: 30px;
	  padding-bottom: 30px;
	}
}
@media (max-width: 575px) {
	.it-brand-2-area {
	  padding-top: 25px;
	  padding-bottom: 25px;
	}
}
@media (max-width: 575px) {
	.it-brand-2-area {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
}
.it-brand-2-shape-1 {
  position: absolute;
  top: 0;
  left: 1%;
}
.it-brand-2-shape-2 {
  position: absolute;
  bottom: 0;
  right: 5%;
}
.it-brand-2-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-brand-2-item img {
	max-width: 150px;
    filter: brightness(0) invert(1);
    opacity: 0.8;
    transition: opacity 0.3s ease;
}
.it-brand-2-item img:hover {
    opacity: 1;
}
@media (max-width: 767px) {
	.it-brand-2-item img {
		max-width: 120px;
	}
}
@media (max-width: 575px) {
	.it-brand-2-item img {
		max-width: 110px;
	}
}
@media (max-width: 450px) {
	.it-brand-2-item img {
		max-width: 90px;
	}
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-area {
    padding-bottom: 130px;
  }
}
.it-brand-3-item {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-brand-3-item img {
    height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-item img {
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-left .it-section-title {
    font-size: 31px;
  }
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
.it-brand-3-wrap {
  padding: 40px 50px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(61, 151, 254, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 30px 20px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 40px;
  }
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item.style-2::after {
  right: -16%;
}
.it-brand-3-wrap .row:first-child [class*=col] .it-brand-3-item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row:last-child [class*=col] .it-brand-3-item {
  padding-top: 20px;
}
.it-brand-3-shape-1 {
  position: absolute;
  bottom: 14%;
  right: 12%;
  z-index: -1;
  animation: rotate 40s linear infinite;
}

.it-brand-4-ptb {
  padding: 51px 0;
}
.it-brand-4-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-4-active .swiper-slide {
  width: auto;
}
.it-brand-4-top-text {
  line-height: 0;
  position: relative;
}
.it-brand-4-top-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -3;
  transform: translateY(-50%);
  background-color: #A3C8C3;
}
@media (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: block;
  }
}
.it-brand-4-top-text h5 {
  padding: 8px 20px;
  border-radius: 100px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-4-top-text h5 {
    font-size: 14px;
    padding: 4px 25px;
  }
}
@media (max-width: 767px) {
  .it-brand-4-top-text h5 {
    font-size: 12px;
    line-height: 1.4;
    padding: 4px 15px;
  }
}
.it-brand-4-top-text h5::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: rgba(26, 182, 157, 0.1);
}
.it-brand-4-top-text h5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-common-white);
}

.it-brand-5-item {
  padding: 15px 15px;
  padding-right: 50px;
  border-radius: 10px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-brand-5-item {
    padding: 13px 15px;
    padding-right: 25px;
  }
}
.it-brand-5-item img {
  margin-right: 15px;
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-brand-5-item img {
    height: 30px;
    width: 30px;
  }
}
.it-brand-5-item span {
  font-size: 24px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-brand-5-item span {
    font-size: 16px;
  }
}
.it-brand-5-area {
  margin-top: -40px;
}
@media (max-width: 767px) {
  .it-brand-5-area {
    margin-top: -28px;
  }
}
.it-brand-5-area .it-brand-6-active {
  padding-bottom: 30px;
}

/*----------------------------------------*/
/*  10. cart css start
/*----------------------------------------*/
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--it-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: 1px solid rgba(121, 121, 121, 0.2);
}

.product-quantity > input {
  color: #000;
  font-size: 14px;
  font-weight: normal;
  border: 1px solid #dcdcdc;
  height: 22px;
  line-height: 22px;
  padding: 0;
}

.table td, .table th {
  border-top: 1px solid rgba(121, 121, 121, 0.2);
}

.product-quantity > input {
  width: 80px;
  text-align: center;
}

.table-content table td.product-subtotal {
  font-size: 16px;
}

.table-content table td .cart-plus-minus {
  float: none;
  margin: 0 auto;
}

.coupon-all {
  margin-top: 50px;
}

.coupon {
  float: left;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon .it-btn-red {
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 51px;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
  border-radius: 5px;
  border: 2px solid rgba(121, 121, 121, 0.2);
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  #coupon_code {
    height: 48px;
  }
}
@media (max-width: 767px) {
  #coupon_code {
    height: 48px;
  }
}
#coupon_code:focus {
  border: 2px solid var(--it-theme-1);
}

.coupon2 {
  text-align: end;
}
@media (max-width: 767px) {
  .coupon2 {
    text-align: start;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon2 .it-btn {
    padding: 0 35px;
  }
}

.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

.cart-page-total li:last-child {
  border-bottom: 0;
}

td.product-thumbnail img {
  width: 60px;
}

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
}

.order-notes textarea::-moz-placeholder {
  color: #6f7172;
  opacity: 1;
}

.order-notes textarea::placeholder {
  color: #6f7172;
  opacity: 1;
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping ul li label {
  color: #6f7172;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F9F9F9;
}

.your-order-table table tr.order-total td span {
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.order-button-payment button {
  width: 100%;
}

.minicart {
  background: #fff;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 250%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
  opacity: 0;
}

.cart-thumb {
  padding-right: 15px;
}
.cart-title {
  font-size: 15px;
  font-family: var(--it-ff-body);
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--it-common-black);
}
.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}
.cart-del-icon span {
  transition: 0.3s;
  color: red;
  cursor: pointer;
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #707279;
}
.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}
.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  12. Checkout css start
/*----------------------------------------*/
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--it-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion > span {
  cursor: pointer;
  transition: 0.3s;
  font-weight: 500;
}

.coupon-accordion > span:hover, p.lost-password a:hover {
  color: var(--it-common-black);
}

.coupon-content {
  border: 1px solid rgba(121, 121, 121, 0.2);
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

.coupon-info p.coupon-text {
  margin-bottom: 15px;
}

.coupon-info p {
  margin-bottom: 0;
}

.coupon-info p.form-row-first label, .coupon-info p.form-row-last label {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
  margin-bottom: 6px;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--it-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--it-theme-1);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 0 0;
}

.coupon-info p.form-row input[type=checkbox] {
  position: relative;
  top: 1px;
}

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .form-row > label {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .form-row > label {
    margin-left: 15px;
  }
}

.buttons-cart input, .coupon input[type=submit], .buttons-cart a, .coupon-info p.form-row input[type=submit] {
  background: #252525 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

p.lost-password {
  margin-top: 15px;
}

p.lost-password a {
  color: #6f6f6f;
}

p.checkout-coupon input[type=text] {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
  padding: 0 20px;
  height: 50px;
  width: 100%;
  margin-bottom: 15px;
  outline: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--it-theme-1);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.checkout-area .nice-select::after {
  margin-top: 0;
  top: 63%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
  padding: 0 20px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  font-weight: 500;
  font-size: 16px;
  display: block;
  margin: 0 0 5px;
  color: var(--it-common-black);
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--it-theme-1);
}

.country-select .nice-select {
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  width: 100%;
  margin-bottom: 20px;
}
.country-select .nice-select.open {
  border-color: var(--it-theme-1);
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  height: 50px;
  line-height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--it-theme-1);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  opacity: 1;
}

input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
}

input[type=radio] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
}

.create-acc label {
  display: inline-block;
}

.create-account {
  display: none;
}

.ship-different-title h3 label {
  display: inline-block;
  margin-right: 20px;
  color: var(--it-common-black);
}

.order-notes textarea {
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
  border-radius: 5px;
  background-color: var(--it-gray-3);
  border: 1px solid var(--it-gray-3);
}

.order-notes textarea:focus {
  border-color: var(--it-theme-1);
}

#ship-box-info {
  display: none;
}

.panel-group .panel {
  border-radius: 0;
}

.panel-default > .panel-heading {
  border-radius: 0;
}

.your-order {
  padding: 30px 40px 45px;
  border: 3px solid #f7f7f7;
}

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}
.your-order h3 {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.your-order-table table {
  background: none;
  border: 0;
  width: 100%;
}

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-right: medium none;
  border-left: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    padding-right: 10px;
  }
}
.your-order-table table th {
  border-top: medium none;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

.panel-body > p {
  color: #222;
}

.your-order-table table .shipping ul li {
  list-style: none;
}

.your-order-table table .shipping ul li input {
  position: relative;
  top: 2px;
}

.your-order-table table .shipping th {
  vertical-align: top;
}

.your-order-table table .order-total th {
  border-bottom: 0;
  font-size: 14px;
}

.your-order-table table .order-total td {
  border-bottom: medium none;
}

.your-order-table table tr.cart_item:hover {
  background: #F2F8F5;
}

.your-order-table table tr.order-total td span {
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 500;
}

.payment-method {
  margin-top: 40px;
}
.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

.panel-title > a {
  display: block;
}

.order-button-payment input {
  background: #232323 none repeat scroll 0 0;
  border: medium none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  height: 40px;
  margin: 0px 0 0;
  padding: 0;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  width: 100%;
}

.order-button-payment input:hover {
  background: #3e976c none repeat scroll 0 0;
}

.payment-method .btn-link {
  -moz-user-select: none;
  background: no-repeat;
  border: medium none;
  border-radius: 0;
  color: #444;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1;
  margin-bottom: 0;
  padding: 3px 10px;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
  vertical-align: middle;
  white-space: nowrap;
  text-decoration: none;
}

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.order-button-payment button {
  width: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout-form-list p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .coupon-area p {
    font-size: 16px;
  }
}
.coupon-area button.it-btn-orange {
  line-height: 1.4;
}

/*----------------------------------------*/
/*  14. contact css start
/*----------------------------------------*/
.it-contact-wrap {
  padding: 95px 50px;
  padding-bottom: 65px;
  border-radius: 50px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-contact-wrap {
    padding: 45px 20px;
  }
}
.it-contact-wrap .postbox__select .nice-select {
  position: relative;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 70px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-wrap .postbox__select .nice-select {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.it-contact-wrap .postbox__select .nice-select::after {
  content: "";
  display: block;
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  top: 55%;
  width: 15px;
  border-bottom: 0;
  border-radius: 3px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid var(--it-text-body);
  -webkit-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg translateY(-50%));
  transform: rotate(0deg) translateY(-50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-wrap .postbox__select .nice-select::after {
    top: 60%;
  }
}
.it-contact-input-box {
  position: relative;
}
.it-contact-input-box input {
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-left: 30px;
  padding-right: 70px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.it-contact-btn .it-btn-yellow {
  padding: 24.5px 29px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-btn .it-btn-yellow {
    height: 50px;
    line-height: 50px;
  }
}
.it-contact-info-box span {
  display: block;
  font-size: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-info-box span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-contact-info-box span {
    font-size: 16px;
  }
}
.it-contact-info-box span:not(:last-child) {
  margin-bottom: 15px;
}
.it-contact-info-box span a {
  font-family: var(--it-ff-spartan-regular);
}
.it-contact-info-box span i {
  font-style: normal;
  width: 130px;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-contact-info-box span i {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-thumb {
    margin-bottom: 70px;
  }
}
.it-contact-3-left {
  padding: 20px;
  padding-bottom: 55px;
  margin-right: 75px;
  border-radius: 20px;
  height: 100%;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-3-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-left {
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left {
    height: auto;
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left .it-details-title {
    font-size: 22px;
  }
}
.it-contact-3-right {
  margin-left: -30px;
  position: relative;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-right {
    margin-left: 0;
  }
}
.it-contact-3-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-contact-3-right::after {
    right: -5px;
    bottom: 5px;
  }
}
.it-contact-3-form-box {
  padding: 55px 50px;
  padding-bottom: 60px;
  border-radius: 20px;
  border: 1px solid #e9ebf1;
  background-color: var(--it-common-white);
  box-shadow: 0 16px 32px -2px rgba(32, 33, 36, 0.1), 0 8px 16px -2px rgba(32, 33, 36, 0.06);
}

.z-index-5 {
  z-index: 5;
}
.it-contact-3-form-box .it-section-title {
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-3-form-box {
    padding: 35px 20px;
    padding-bottom: 40px;
  }
}
.it-contact-3-area .it-contact-list ul li {
  list-style-type: none;
  padding-left: 45px;
  position: relative;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li {
    padding-left: 30px;
  }
}
.it-contact-3-area .it-contact-list ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-contact-3-area .it-contact-list ul li a {
  font-size: 20px;
  list-style-type: none;
  display: inline-block;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 17px;
  }
}
.it-contact-3-area .it-contact-list ul li a:hover {
  color: var(--it-theme-1);
}
.it-contact-3-area .it-contact-list ul li span {
  position: absolute;
  top: -2px;
  left: 0;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li span svg {
    height: 20px;
    width: 20px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 20px;
    width: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 30px;
    width: 30px;
  }
}
.it-contact-3-area .it-contact-social a:not(:last-child) {
  margin-right: 35px;
}
.it-contact-3-area .it-contact-social a:hover {
  color: var(--it-theme-1);
}
.it-contact-3-area .it-contact-2-form-title {
  color: var(--it-common-black);
}
.it-contact-3-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-contact-3-area .contact__select .nice-select:after {
  right: 15px;
  top: 24px;
}
.it-contact-3-area .it-signup-input textarea {
  border-radius: 5px;
  height: 290px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
  padding: 15px 15px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-signup-input textarea {
    height: 150px;
  }
}
.it-contact-3-area .it-signup-input textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-3-style-2 .it-contact-3-left {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-3-left {
    padding: 0;
  }
}
.it-contact-3-style-2 .it-contact-3-left span {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-contact-3-style-2 .it-contact-list ul li {
  padding-left: 0;
  display: flex;
  align-items: center;
}
.it-contact-3-style-2 .it-contact-list ul li a {
  padding-left: 0;
}
.it-contact-3-style-2 .it-contact-list ul li span {
  border-radius: 20px;
  width: 68px;
  height: 68px;
  line-height: 65px;
  text-align: center;
  z-index: 1;
  position: relative;
  margin-right: 20px;
  display: inline-block;
  margin-bottom: 0;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-list ul li span {
    width: 60px;
    height: 60px;
    line-height: 58px;
  }
}
.it-contact-3-style-2 .it-contact-list ul li span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}
.it-contact-3-style-2 .it-contact-list ul li span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -2px;
  height: 100%;
  width: 100%;
  z-index: -2;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-section-title br {
    display: none;
  }
}
.it-contact-2-area .it-contact-thumb {
  margin-right: 84px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-contact-thumb {
    margin-right: 0;
  }
}
.it-contact-2-form-box {
  padding: 40px 30px;
  padding-top: 36px;
  border-radius: 10px;
  background-color: #06786A;
}
.it-contact-2-form-box .it-btn-yellow {
  border-radius: 5px;
}
.it-contact-2-form-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-contact-2-form-title {
    font-size: 24px;
  }
}
.it-contact-2-input-wrap {
  margin-bottom: 27px;
}
.it-contact-2-input-wrap label {
  font-weight: 600;
  margin-bottom: 11px;
  color: var(--it-common-white);
}
.it-contact-2-input-box {
  position: relative;
}
.it-contact-2-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 50px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box input::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box textarea {
  height: 150px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box textarea::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box .icon {
  position: absolute;
  top: 48%;
  right: 23px;
  transform: translateY(-50%);
}
.it-contact-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  21. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-right: 40px;
  }
}
.it-footer-col-1-2 {
  margin-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-2 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-col-1-3 {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-3 {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-1-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 30px;
  }
}
.it-footer-col-6-2 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-2 {
    padding-left: 0;
  }
}
.it-footer-col-6-3 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-2 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-2 {
    padding-left: 0;
  }
}
.it-footer-col-7-3 {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-7-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-3 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-4 {
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-4 {
    padding-left: 0;
  }
}
.it-footer-col-8-2 {
  transform: translateX(50px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-2 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-2 {
    transform: translateX(0);
  }
}
.it-footer-col-8-3 {
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-3 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-3 {
    transform: translateX(0);
  }
}
.it-footer-col-8-4 {
  transform: translateX(80px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
.it-footer-col-14-2 {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-2 {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-14-2 {
    padding-left: 0;
  }
}
.it-footer-col-14-3 {
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-3 {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-14-3 {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-14-3 {
    padding-left: 0;
  }
}
.it-footer-widget-title {
  font-size: 24px;
  line-height: 1.28;
  margin-top: 6px;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 19px;
  }
}
.it-footer-widget-text p {
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: -15px;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.it-footer-widget-menu ul li a {
  position: relative;
}
.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 10px;
  margin-right: 10px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 {
    margin-top: 30px;
  }
}
.it-footer-widget-menu-2 a {
  font-size: 24px;
  display: inline-block;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-footer-widget-menu-2 a:not(:last-child) {
  margin-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-widget-menu-2 a {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-menu-2 a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.it-footer-widget-menu-2 a:hover {
  color: var(--it-theme-2);
}
.it-footer-widget-contact ul li {
  list-style-type: none;
}
.it-footer-widget-contact ul li:not(:last-child) {
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.it-footer-widget-contact ul li span {
  font-weight: 600;
  margin-right: 5px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li a {
    font-size: 15px;
  }
}
.it-footer-widget-contact ul li a:hover {
  color: var(--it-common-black);
}
.it-footer-widget-contact-2 ul li {
  list-style-type: none;
}
.it-footer-widget-contact-2 ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-footer-widget-contact-2 ul li span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-widget-contact-2 ul li span i {
  font-style: normal;
  display: inline-block;
  font-weight: 600;
  margin-right: 4px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-3 a {
  font-size: 18px;
  line-height: 1.56;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-contact-3 a {
    font-size: 14px;
  }
}
.it-footer-widget-contact-3 a:last-child {
  margin-top: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.it-footer-widget-contact-4 ul li:not(:last-child) {
  margin-bottom: 22px;
}
.it-footer-widget-contact-4 ul li a {
  font-size: 15px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li p {
  font-size: 15px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li a svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.it-footer-widget-contact-4 ul li p svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.it-footer-widget-social a {
  color: var(--it-common-black);
}
.it-footer-widget-social a:not(:last-child) {
  margin-right: 18px;
}
.it-footer-widget-social a svg {
  width: 20px;
  height: 19px;
}
.it-footer-widget-social a:hover {
  color: var(--it-theme-1);
}
.it-footer-widget-post-item {
  display: flex;
  align-items: center;
}
.it-footer-widget-post-thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.it-footer-widget-post-content span {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
.it-footer-widget-post-content span svg {
  margin-right: 5px;
  display: inline-block;
}
.it-footer-widget-post-content .title {
  font-weight: 600;
  line-height: 1.5;
  color: #bebfc3;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-post-content .title {
    font-size: 12px;
  }
}
.it-footer-widget-gallery-wrap {
  display: grid;
  gap: 5px;
  height: auto;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-gallery-wrap {
    width: auto;
  }
}
.it-footer-widget-gallery-wrap img {
  border-radius: 3px;
}
.it-footer-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-footer-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.it-footer-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 34.5%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::before {
    left: 31%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::before {
    left: 28.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::before {
    display: none;
  }
}
.it-footer-border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50.6%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::after {
    left: 49.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::after {
    display: none;
  }
}
.it-footer-border span {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}
.it-footer-border span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 31%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border span::after {
    right: 27.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border span::after {
    right: 24.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border span::after {
    display: none;
  }
}
.it-footer-shape-1 {
  position: absolute;
  top: 13%;
  right: 3.5%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.it-footer-shape-2 {
  position: absolute;
  bottom: 17%;
  left: 3.5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-shape-3 {
  position: absolute;
  bottom: 3%;
  right: 4%;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-3 {
    transform: scale(0.5);
  }
}
.it-footer-shape-4 {
  position: absolute;
  bottom: 2%;
  left: 2%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-4 {
    display: none;
  }
}
.it-footer-shape-5 {
  position: absolute;
  top: 18%;
  left: 0;
  z-index: -1;
}
.it-footer-style-2 {
  margin-top: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-footer-style-2 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-2 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-2 .it-copyright-bg::after {
  display: none;
}
.it-footer-style-3 {
  margin-top: -210px;
}
.it-footer-style-3 .it-footer-area {
  padding-top: 350px;
}
.it-footer-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-3 .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-style-4 {
  margin-top: -195px;
}
.it-footer-style-4 .it-footer-area {
  padding-top: 300px;
}
.it-footer-style-4 .it-footer-col-1-2 {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-4 .it-footer-col-1-3 {
  margin-left: 0;
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
  }
}
.it-footer-style-4 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-4 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-shape-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-footer-style-5 {
    background-color: var(--it-theme-1);
  }
}
.it-footer-style-5 .it-footer-widget-title {
  margin-top: 0;
  color: var(--it-common-white);
}
.it-footer-style-5 .it-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-widget-menu ul li a::before {
  background: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-bg {
    display: none;
  }
}
.it-footer-style-6 .it-footer-widget-text p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-btn-yellow span {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-footer-widget-title {
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-regular);
}
.it-footer-style-6 .it-footer-widget-menu ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-menu ul li a::before {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-contact ul li span, .it-footer-style-6 .it-footer-widget-contact ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg {
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg:hover {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-col-1-2 {
  margin-left: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-6 .it-footer-col-1-3 {
  margin-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 0;
  }
}
.it-footer-style-6 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-copyright-bg::after {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
.it-footer-style-6 .it-copyright-menu span {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p a {
  color: var(--it-theme-5);
}
.it-footer-style-7.it-footer-style-5 .it-footer-widget-title {
  font-family: var(--it-ff-oxanium);
}
.it-footer-style-8 {
  margin-top: -100px;
}
.it-footer-style-8 .it-footer-widget-social a {
  color: var(--it-common-white);
}
.it-footer-style-8 .it-footer-widget-social a:hover {
  color: var(--it-theme-2);
}
.it-footer-style-8 .it-footer-widget-text p {
  color: rgba(255, 255, 255, 0.8);
}
.it-footer-style-8 .it-footer-widget-title {
  font-weight: 700;
  /* font-family: var(--it-ff-cinzel-decorative); */
}
.it-footer-style-8 .it-copyright-area {
  padding: 6px 0;
  background: linear-gradient(199deg, #9308e9 0%, #1ab69d 100%);
}
.it-footer-style-8 .it-copyright-left p {
  color: var(--it-common-white);
  font-size: 14px;
  font-weight: 400;
}
.it-footer-style-8 .it-copyright-left p a {
  color: var(--it-theme-2);
  font-size: 14px;
  font-weight: 400;
}
.it-footer-style-8 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-9 {
  margin-top: 0;
}
.it-footer-shop-style .it-copyright-border {
  border-top: 1px solid #D9D9D9;
}
.it-footer-shop-style .it-copyright-logo {
  margin-left: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shop-style .it-copyright-logo {
    display: none;
  }
}
.it-footer-shop-style .it-copyright-ptb {
  padding: 23.5px 0;
}
.it-copyright-ptb {
  padding: 8px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-ptb {
    padding: 8px 0;
  }
}
.it-copyright-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 51.5%;
  z-index: -1;
  background-color: var(--it-theme-1);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-bg::after {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-bg::after {
    width: 59%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-bg::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 8px;
  }
}
.it-copyright-left p {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: var(--it-theme-1);
}
.it-copyright-left.style-2 {
  margin-bottom: 0;
}
.it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu a {
    font-size: 14px;
    color: var(--it-common-black);
  }
}
.it-copyright-menu span {
  color: var(--it-common-white);
  margin: 0 11px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu span {
    color: var(--it-common-black);
  }
}
@media (max-width: 767px) {
  .it-copyright-social {
    margin-top: 15px;
  }
}
.it-copyright-social a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.it-copyright-social a:hover {
  border: 1px solid white;
}
.it-copyright-social a:not(:last-child) {
  margin-right: 10px;
}
.it-copyright-social a svg {
  height: 14px;
  width: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-style-3 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-copyright-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-copyright-style-3 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-copyright-style-3 .it-copyright-menu span, .it-copyright-style-3 .it-copyright-menu a {
  color: var(--it-common-white);
  font-size: 14px;
  font-weight: 400;
}
.it-copyright-2-area {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-copyright-2-text p, .it-copyright-2-text a {
  font-size: 14px;
  color: var(--it-theme-6);
}
/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding-left: 12px;
}
.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  display: inline-block;
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-icon span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-funfact-content {
  text-align: start;
}
.it-funfact-content span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
.it-funfact-number {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.it-funfact-number i {
  font-style: normal;
}
.it-funfact-item {
  padding: 71px 0;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item {
    text-align: center;
    padding: 0;
    padding-bottom: 50px;
  }
}
.it-funfact-item::before {
  position: absolute;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item::before {
    display: none;
  }
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}
.it-funfact-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
.it-funfact-wrap {
  margin-top: -185px;
  padding: 0 80px;
  border-radius: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap {
    padding: 60px 35px;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap {
    padding: 60px 25px;
    border-radius: 30px;
  }
}
.it-funfact-wrap::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-funfact-wrap::after {
    border-radius: 30px;
  }
}
.it-funfact-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-funfact-wrap::before {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap .it-funfact-item {
    padding: 71px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-wrap .it-funfact-item::before {
  display: none;
}
.it-funfact-wrap .it-funfact-icon svg {
  color: var(--it-theme-2);
}
.it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:not(:last-child) .it-funfact-item {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  right: 1.5%;
  z-index: 1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-funfact-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-funfact-style-2 {
  background-color: var(--it-common-black);
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 {
    clip-path: none;
    padding: 70px 0;
  }
}
.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}
.it-funfact-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-funfact-style-3 .it-funfact-item {
  padding: 75px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-3 .it-funfact-item {
    padding: 0 0 50px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 100px 0;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-4.it-funfact-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-content span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-number {
    font-size: 24px;
  }
}
.it-funfact-style-5 .it-funfact-number {
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-5.it-funfact-area .row [class*=col-] .it-funfact-item {
    padding-bottom: 50px;
  }
}
.it-funfact-style-6 {
  margin-top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: 0;
    padding-bottom: 71px;
    background-color: var(--it-common-black);
  }
}
.it-funfact-style-6 .it-funfact-icon span::after {
  background-color: var(--it-theme-5);
}
.it-funfact-style-6 .it-funfact-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .it-funfact-style-6 .it-funfact-bg {
    display: none;
  }
}
.it-funfact-style-6 .it-funfact-item::before {
  top: auto;
  bottom: 0;
  width: 2px;
  height: 94%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-6 .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-style-7 {
  margin-top: -20px;
}
.it-funfact-style-7 .it-funfact-icon span::after {
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

/*----------------------------------------*/
/*  24. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  /* top: 37px; */
  left: 0;
  right: 0;
  z-index: 99;
}

@media (max-width: 1199px) {
    #header-sticky.it-header-transparent {
        background: #fff;
    }
}
/* Styling für den aktiven Menüpunkt */
/* Greift universell auf aktive Links in Menü-Listen */
.it-menu-content ul li a.active,
.it-offcanvas-menu ul li a.active,
.mean-nav ul li a.active {
    color: var(--it-theme-1) !important;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
}
.it-header-top-ptb {
  padding: 8px 0;
  position: relative;
}
/* .it-header-top-ptb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, #1ab69d 0%, #ffd500 100%);
} */
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-ptb {
    padding: 8px 0;
  }
}
.it-header-top-contact {
  position: relative;
  padding-left: 28px;
}
.it-header-top-contact span,
.it-header-top-contact .symbole-rechts {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -2px;
  left: 0;
}
.it-header-top-contact .symbole-rechts {
  top: -3px;
}
.it-header-top-contact span svg, .it-header-top-contact span i {
  position: relative;
  z-index: 1;
  transition: 0.3s;
  color: var(--it-theme-2);
}
.it-header-top-contact a {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);  
  display: inline-flex;
  align-items: center;
}
.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-social-box {
  color: #fff;
}
.it-header-top-social-box a:not(:last-child) {
  margin-right: 18px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a {
    width: 35px;
    height: 35px;
    line-height: 31px;
  }
}
.it-header-top-social-box a svg, .it-header-top-social-box a i {
  z-index: 1;
  transition: 0.3s;
  position: relative;
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a svg, .it-header-top-social-box a i {
    width: 14px;
    height: 14px;
  }
}
.it-header-top-social-box a:hover svg, .it-header-top-social-box a:hover i {
  color: var(--it-theme-2);
}
.it-header-top-social-box span {
  font-size: 14px;
  display: inline;
  margin-right: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-social-box span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li:not(:last-child) {
  padding-right: 48px;
  margin-right: 44px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
    font-size: 16px;
    top: 3px;
  }
}
.it-header-top-list-text {
  margin-left: 10px;
}
.it-header-top-list-text span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.it-header-top-list-text a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
.it-header-top-list-icon span {
  display: inline-block;
  height: 53px;
  width: 53px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.1);
  position: relative;
  overflow: hidden;
}
.it-header-top-list-icon span svg, .it-header-top-list-icon span i {
  position: relative;
  z-index: 1;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-header-top-list-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}
.it-header-top-list-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-list-wrap ul li:not(:last-child) {
  margin-right: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-wrap ul li:not(:last-child) {
    margin-right: 0;
  }
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span svg, .it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span i {
  color: var(--it-common-white);
}
.it-header-top-login-box {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-login-box {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-login-box a {
  font-size: 14px;
  color: var(--it-common-white);
}
.it-header-top-login-box a:hover {
  color: var(--it-theme-2);
}
.it-header-top-login-box span {
  margin: 0 8px;
  color: var(--it-common-white);
}
.it-header-top-style-2 .it-header-top-contact span svg, .it-header-top-style-2 i {
  color: var(--it-theme-1);
}
.it-header-top-style-2 .it-header-top-ptb::after {
  background: linear-gradient(90deg, #1ab69d 0%, #ff4d4f 100%);
}
.it-header-top-area.it-header-style-6 .it-header-top-contact span i, .it-header-top-area.it-header-style-6 .it-header-top-contact span svg {
  color: var(--it-theme-5);
}
.it-header-top-area.it-header-style-6 .it-header-top-social-box a svg:hover, .it-header-top-area.it-header-style-6 .it-header-top-social-box a i:hover {
  color: var(--it-theme-5);
}
.it-header-top-area {
  background: linear-gradient(199deg, #9308e9 0%, #1ab69d 100%);
  margin-top: -2px;
}
.it-header-top-2-area {
  padding: 14px 0;
  background-color: var(--it-theme-2);
}
.it-header-top-2-area .it-header-top-social-box {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-2-area .it-header-top-social-box {
    margin-left: 0;
  }
}
.it-header-top-2-area .it-header-top-social-box a {
  height: auto;
  width: auto;
  line-height: 1;
}
.it-header-top-2-area .it-header-top-social-box a:not(:last-child) {
  margin-right: 22px;
}
.it-header-top-2-area .it-header-top-social-box a:hover svg, .it-header-top-2-area .it-header-top-social-box a:hover i {
  color: var(--it-theme-3);
}
.it-header-top-2-area .it-header-top-social-box svg {
  color: var(--it-common-black);
}
.it-header-top-2-text span {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-2-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb .it-btn-yellow {
    padding: 16px 25px;
  }
}
.it-header-menu > nav > ul {
  padding-left: 20px;
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 19px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
.it-header-menu > nav > ul > li:first-child {
  margin-left: 0;
}
.it-header-menu > nav > ul > li:last-child {
  margin-right: 0;
}
.it-header-menu > nav > ul > li > a {
  line-height: 1;
  font-weight: 500;
  padding: 32px 0;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a::after {
    font-size: 10px;
  }
}
.it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-1);
}
.it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
}
.it-header-search-wrap {
  border-radius: 10px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-search-wrap {
    margin-right: 25px;
  }
}
.it-header-search {
  position: relative;
  max-width: 175px;
  border-left: 1px solid rgba(108, 117, 125, 0.2);
}
.it-header-search input {
  height: 100%;
  height: 43px;
  line-height: 43px;
  padding-left: 20px;
  padding-right: 40px;
  background-color: transparent;
  font-size: 14px;
}
.it-header-search input::placeholder {
  font-size: 14px;
}
.it-header-search .icon {
  position: absolute;
  right: 20px;
  top: 46%;
  transform: translateY(-50%);
}
.it-header-search-2 svg {
  height: 20px;
}
.it-header-search-3 button {
  height: 50px;
  width: 50px;
  line-height: 1;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  margin-right: 30px;
  background-color: var(--it-gray-1);
  border: 1px solid #ffffff;
  box-sizing: border-box;  
}
@media (max-width: 991px) {
  .it-header-search-3 button {
    margin-right: 0;
  }
}
.it-header-user a {
  height: 50px;
  width: 50px;
  line-height: 43px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  background-color: var(--it-gray-1);
}
.it-header-categorie {
  font-size: 14px;
  padding: 0 20px 0 15px;
  color: var(--it-common-black);
}
.it-header-categorie span {
  display: inline-block;
  margin-right: 10px;
}
.it-header-categorie i {
  display: inline-block;
  margin-left: 4px;
}
.it-header-categorie .nice-select::after {
  top: 52%;
  right: 20px;
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
}
.it-header-ml {
  margin-left: 380px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-ml {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-ml {
    margin-left: 310px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ml {
    margin-left: 0;
  }
}
.it-header-login button {
  padding: 0;
  font-weight: 500;
  margin-right: 40px;
  color: var(--it-common-black);
}
.it-header-bar span {
  margin-left: 20px;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 43px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  font-size: 18px;
}
.it-header-cart {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 42px;
}
.it-header-cart span {
  position: absolute;
  top: -11px;
  right: -15px;
  height: 24px;
  width: 24px;
  line-height: 25px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-family: var(--it-ff-jost);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-header-right-action {
  margin-left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-right-action {
    margin-left: -80px;
  }
}
.it-header-area .it-header-style-2 {
  padding: 0 30px;
  margin-top: 25px;
  border-radius: 10px;
  background: var(--it-common-white);
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 15px;
  }
}
.it-header-area .it-header-style-2::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 69%;
  height: 80%;
  z-index: -2;
  border-radius: 10px;
  background-color: var(--it-theme-1);
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul {
  padding-left: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul > li {
    margin: 0px 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-3);
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 svg {
    height: 25px;
  }
}
.it-header-area.it-header-style-3 {
  border-bottom: 1px solid rgba(31, 36, 50, 0.1);
}
.it-header-area.it-header-style-3 .it-header-menu > nav > ul > li > a {
  padding: 36px 0;
}
.it-header-area.it-header-style-5 .it-header-menu > nav > ul {
  padding-left: 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul {
    padding-left: 160px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu > nav > ul > li {
    margin: 0 15px;
  }
}
.it-header-area.it-header-style-5 .it-header-menu > nav > ul > li > a {
  padding: 42px 0;
}
.it-header-area.it-header-style-5 .it-header-cart {
  margin-left: 0px;
  margin-right: 70px;
}
.it-header-style-6 .it-header-menu > nav > ul {
  padding-left: 0;
}
.it-header-style-6 .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-5);
}
.it-header-style-6 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-5);
}
.it-header-style-6 .it-header-2-contact span {
  flex: 0 0 auto;
  margin-right: 10px;
  line-height: 40px;
  background-color: #F8F9FB;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-header-style-6 .it-header-2-contact i {
  display: block;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 10px;
}
.it-header-style-6 .it-header-2-contact a {
  display: block;
  margin-left: 0;
}
.it-header-style-6 .it-header-bar button span {
  border-radius: 0;
  background-color: var(--it-theme-5);
}
.it-header-login {
  margin-right: 30px;
  margin-left: 26px;
}
.it-header-login a {
  color: var(--it-common-black);
}
.it-header-login a:hover {
  color: var(--it-theme-3);
}
.it-header-login span {
  color: var(--it-common-black);
  display: inline-block;
  margin: 0 8px;
}
.it-header-area.header-fashion-style {
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  border-bottom: 1px solid rgba(205, 147, 90, 0.2);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul {
  margin-left: 75px;
  padding-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a {
  padding: 37px 0;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::after {
  font-weight: 400;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.3s;
  background-color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::after {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.it-header-area.header-shop-style .it-header-menu > nav > ul > li {
  margin: 0px 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-shop-style .it-header-menu > nav > ul > li {
    margin: 0px 12px;
  }
}
.it-header-area.header-shop-style .it-header-search {
  max-width: 254px;
}
.it-header-logo-2 {
  background-color: var(--it-theme-5);
  position: absolute;
  top: 0;
  left: 15.2%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 37px;
  align-items: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-logo-2 {
    left: 11%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-logo-2 {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-logo-2 {
    left: 3%;
  }
}
.it-header-logo-3 {
  display: none;
}

.it-header-2-area .it-header-menu > nav > ul {
  padding-left: 0;
  margin-left: -15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 15px;
  }
}
.it-header-2-area .it-header-search-2 {
  margin-left: 28px;
}
.it-header-2-area .it-header-search-2 button {
  padding: 0;
  display: inline-block;
  height: 39px;
  width: 39px;
  line-height: 0;
  text-align: center;
  border-radius: 50%;
  background-color: #F0F4F5;
}
.it-header-2-contact {
  margin-right: 40px;
}
.it-header-2-contact span {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.2);
}
.it-header-2-contact span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}
.it-header-2-contact span svg, .it-header-2-contact span i {
  position: relative;
  z-index: 1;
}
.it-header-2-contact a {
  margin-left: 10px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}
.it-header-2-contact:hover span {
  color: var(--it-common-white);
}
.it-header-2-contact:hover span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-2-style-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
  margin-left: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a {
  padding: 42px 0;
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a:hover::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact span {
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact a {
  color: var(--it-common-white);
}
.it-header-2-style-2 .it-header-bar button span {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-style-2 .it-header-2-contact {
    margin-right: 0;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background-color: var(--it-common-white);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky .it-header-style-2 {
  box-shadow: none;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.header-sticky .it-header-style-2::after {
  display: none;
}
.header-sticky.it-header-style-3 .it-header-menu > nav > ul > li > a, .header-sticky.it-header-style-5 .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.header-fashion-style {
  background-color: #2f2925;
}
.header-sticky.header-fashion-style .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.it-header-2-style-3 .it-header-menu > nav > ul > li > a {
  padding: 30px 0;
  color: var(--it-common-black);
}
.header-sticky.it-header-2-style-3 .it-header-menu > nav > ul > li.has-dropdown a::after {
  color: var(--it-theme-1);
}
.header-sticky.it-header-2-style-3 .it-header-logo {
  display: none;
}
.header-sticky.it-header-2-style-3 .it-header-logo-3 {
  display: block;
}
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg {
  background-color: var(--it-theme-4);
}
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg span, .header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact a {
  color: var(--it-common-black);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span {
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.5);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-style-6 .it-header-top-area {
  display: none;
}

/* ==========================================================================
   1. Standard-Größe: FÜR ÜBER 1200px (Große Desktop-Bildschirme)
   ========================================================================== */
.it-header-logo img {
  width: 220px;
  height: auto;
  transition: width 0.3s ease;
}
@media (max-width: 1200px) {
  .it-header-logo img {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .it-header-logo img {
    width: 150px;
  }
}
.it-footer-logo img {
  width: 220px;
  height: auto;
  transition: width 0.3s ease;
}
@media (max-width: 1200px) {
  .it-footer-logo img {
    width: 180px;
  }
}
@media (max-width: 991px) {
  .it-footer-logo img {
    width: 150px;
  }
}
.it-onepage-menu li > a.active {
  color: var(--it-theme-1) !important;
}
.it-onepage-menu li > a.active::before {
  width: 100%;
  opacity: 1;
}
.it-onepage-menu li.has-dropdown > a.active::after {
  color: var(--it-theme-1) !important;
}

/*----------------------------------------*/
/*  27. menu css start
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}
.it-header-menu nav ul li.has-dropdown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-black);
  margin-left: 5px;
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 270px;
  text-align: left;
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  border-radius: 0px 0px 8px 8px;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
  z-index: 9999;
}
.it-header-menu nav ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 30px;
}
.it-header-menu nav ul li .submenu li:not(:last-child) {
  margin-bottom: 13px;
}
.it-header-menu nav ul li .submenu li a {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 1px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-theme-1);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 20px;
  color: var(--it-theme-1);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
  transform: rotate(-180deg);
}
.it-header-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}

.it-header-menu nav ul li .has-home-img {
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  text-align: center;
  padding: 55px 70px 20px 70px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img {
    width: 100%;
    padding: 55px 60px 20px 60px;
  }
}
.it-header-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
}
.it-header-menu nav ul li .has-home-img .home-img-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img .home-img-title {
    font-size: 14px;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap {
  position: absolute;
  left: 0;
  right: 0;
  width: 60%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  padding: 40px 35px 40px 40px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .it-megamenu-wrap {
    width: 75%;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap li {
  padding: 0;
}

.home-img:hover .home-img-thumb img {
  transform: scale(1.1);
}
.home-img:hover .home-img-thumb.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}

.home-img-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E3E4E9;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.14);
}
.home-img-thumb img {
  transition: 0.9s;
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.home-img-thumb.coming-soon {
  position: relative;
}
.home-img-thumb.coming-soon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
}
.home-img-thumb.coming-soon::after {
  display: none;
}

.it-menu-mobile .it-menu-content,
.it-category-mobile-menu .it-menu-content {
  margin-bottom: 70px;
}
.it-menu-mobile .home-img,
.it-category-mobile-menu .home-img {
  margin-bottom: 20px;
}
.it-menu-mobile .home-img:hover .home-img-title a,
.it-category-mobile-menu .home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}
.it-menu-mobile .home-img-title,
.it-category-mobile-menu .home-img-title {
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
.it-menu-mobile .home-img-title:hover a,
.it-category-mobile-menu .home-img-title:hover a {
  color: var(--it-theme-1);
}
.it-menu-mobile ul,
.it-category-mobile-menu ul {
  position: static;
  display: block;
  box-shadow: none;
}
.it-menu-mobile ul li,
.it-category-mobile-menu ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li:not(:last-child) > a,
.it-category-mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded,
.it-category-mobile-menu ul li.has-dropdown > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-black);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-black);
}
.it-menu-mobile ul li.has-dropdown-2:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown-2:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:last-child a span,
.it-category-mobile-menu ul li:last-child a span {
  border-bottom: 0;
}
.it-menu-mobile ul li > a,
.it-category-mobile-menu ul li > a {
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px 0;
  font-weight: 500;
  padding-right: 20px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-menu-mobile ul li > a:hover,
.it-category-mobile-menu ul li > a:hover {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li > a svg,
.it-category-mobile-menu ul li > a svg {
  transform: translateY(-2px);
}
.it-menu-mobile ul li > a > i,
.it-category-mobile-menu ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.it-menu-mobile ul li > a .menu-text,
.it-category-mobile-menu ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.it-menu-mobile ul li img,
.it-category-mobile-menu ul li img {
  width: 100%;
  height: 100%;
}
.it-menu-mobile ul li ul,
.it-category-mobile-menu ul li ul {
  padding: 0;
}
.it-menu-mobile ul li ul li,
.it-category-mobile-menu ul li ul li {
  padding: 0;
}
.it-menu-mobile ul li ul li a,
.it-category-mobile-menu ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li a,
.it-category-mobile-menu ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li a,
.it-category-mobile-menu ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li li a,
.it-category-mobile-menu ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li:hover > a::after,
.it-category-mobile-menu ul li:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover .mega-menu,
.it-category-mobile-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.it-menu-mobile ul li .mega-menu, .it-menu-mobile ul li .submenu,
.it-category-mobile-menu ul li .mega-menu,
.it-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.it-menu-mobile ul li .mega-menu li, .it-menu-mobile ul li .submenu li,
.it-category-mobile-menu ul li .mega-menu li,
.it-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
.it-category-mobile-menu .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.it-menu-mobile * ul, .it-menu-mobile * li,
.it-category-mobile-menu * ul,
.it-category-mobile-menu * li {
  transition: none !important;
}

.it-header-menu nav ul li.p-static {
  position: static;
}

.it-category-mobile-menu nav {
  display: none;
}

.it-megamenu-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  border-bottom: 1px solid #EDEDED;
}

/*----------------------------------------*/
/*  25. hero css start
/*----------------------------------------*/
.it-hero-title {
  font-size: 60px;
  line-height: 1.15;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 52px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 42px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 55px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 36px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 44px;
  }
  .it-hero-title br {
    display: none;
  }
}
.it-hero-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-hero-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
.it-hero-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 14px;
  }
  .it-hero-text p br {
    display: none;
  }
}
.it-hero-content {
  margin-bottom: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-content {
    margin-top: 90px;
    margin-bottom: 50px;
  }
}
.it-hero-thumb {
  transform: translateX(80px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb {
    transform: translateX(-40px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
.it-hero-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb img {
    max-width: 100%;
  }
}
.it-hero-experience-box {
  position: absolute;
  bottom: 20%;
  left: -31%;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box {
    transform: scale(0.65);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box {
    left: 0;
    transform: scale(0.75);
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box {
    left: -6%;
    bottom: 5%;
    transform: scale(0.45);
  }
}
.it-hero-experience-box > div {
  border-radius: 20px;
  padding: 18px 20px;
  padding-right: 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  animation: translateX2 2s infinite alternate;
}
.it-hero-experience-box.experience-box-style-2 {
  bottom: 42%;
  left: auto;
  right: -18%;
}
.it-hero-experience-box.experience-box-style-2 > div {
  animation: translateX 2s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: 0%;
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box.experience-box-style-2 {
    bottom: 45%;
    right: -20%;
  }
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-text b i {
  color: var(--it-theme-2);
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}
.it-hero-experience-text span {
  display: block;
  margin-bottom: 14px;
}
.it-hero-experience-text b {
  font-weight: 700;
  font-size: 28px;
  display: block;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-hero-experience-text b > i {
  font-style: normal;
  color: var(--it-theme-1);
}
.it-hero-experience-icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  background-color: var(--it-theme-2);
}
.it-hero-experience-icon svg {
  color: var(--it-theme-1);
}
.it-hero-shape-1 {
  position: absolute;
  top: 2.5%;
  left: -9%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-shape-1 {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-1 {
    display: none;
  }
}
.it-hero-shape-2 {
  position: absolute;
  top: -7%;
  left: -5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-2 {
    left: -10%;
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-2 {
    left: -15%;
    top: -15%;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-2 {
    display: none;
  }
}
.it-hero-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 2.5%;
  animation: zoomIn 3s infinite;
}
.it-hero-shape-4 {
  position: absolute;
  z-index: -1;
  right: 3.5%;
  top: 5%;
}
.it-hero-shape-4 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-shape-4 {
    display: none;
  }
}
.it-hero-shape-5 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-shape-6 {
  position: absolute;
  top: 12%;
  right: 6%;
  z-index: -1;
}
.it-hero-shape-7 {
  position: absolute;
  bottom: 12%;
  right: 45.5%;
  z-index: -1;
}
.it-hero-shape-8 {
  position: absolute;
  top: 7%;
  right: 10%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .it-hero-shape-8 {
    display: none;
  }
}
.it-hero-shape-8 img {
  animation: rotate 55s linear infinite;
}
.it-hero-shape-9 {
  position: absolute;
  top: 9%;
  left: 15%;
  z-index: -1;
  opacity: 0.4;
  animation: rotate 45s linear infinite;
}
.it-hero-style-2 {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-style-2 .it-hero-thumb {
  transform: translateX(20px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-thumb {
    transform: translateX(-40px);
    margin-bottom: -90px;
  }
}
.it-hero-style-2 .it-hero-text p {
  margin-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 35px;
  }
}
.it-hero-ratting-box {
  margin-left: 25px;
}
.it-hero-ratting-box img {
  margin-right: 15px;
}
.it-hero-ratting-content span {
  display: block;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-hero-ratting-content i {
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.it-hero-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-2-area .it-hero-text p {
  margin: 0 130px;
  margin-bottom: 35px;
  line-height: 1.87;
  color: var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-area .it-hero-text p {
    margin: 0;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-area .it-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-area .it-hero-title {
    font-size: 50px;
  }
}
.it-hero-2-area .it-hero-title span .it-title-shape {
  bottom: -16%;
}
.it-hero-2-content {
  padding-top: 275px;
  padding-bottom: 350px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-content {
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-content {
    padding-bottom: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content {
    padding-top: 240px;
    padding-bottom: 250px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 220px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 25px;
    margin-bottom: 0;
  }
}
.it-hero-2-shape-1 {
  position: absolute;
  bottom: 12%;
  right: 20%;
  z-index: -1;
}
.it-hero-2-shape-2 {
  position: absolute;
  bottom: 28%;
  left: 25%;
  z-index: -1;
}
.it-hero-2-avatar-1 {
  position: absolute;
  z-index: -1;
  top: 21%;
  left: 9%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.7);
    left: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.5);
    left: 7%;
  }
}
.it-hero-2-avatar-2 {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.7);
    left: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.5);
    left: 12%;
  }
}
.it-hero-2-avatar-3 {
  position: absolute;
  z-index: -1;
  bottom: 29%;
  left: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.7);
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.5);
    left: 6%;
  }
}
.it-hero-2-avatar-4 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 13.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.7);
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.5);
    right: 5%;
  }
}
.it-hero-2-avatar-5 {
  position: absolute;
  z-index: -1;
  bottom: 48%;
  right: 19%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.7);
    right: 14%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.5);
    right: 11%;
  }
}
.it-hero-2-avatar-6 {
  position: absolute;
  z-index: -1;
  bottom: 31%;
  right: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.7);
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.5);
    right: 6%;
  }
}

.it-hero-3-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.it-hero-3-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 27px;
  letter-spacing: 0.01em;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-title {
    font-size: 50px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-title {
    font-size: 35px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-title {
    font-size: 40px;
  }
}
.it-hero-3-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-3-title span .it-title-shape {
  position: absolute;
  bottom: -20%;
  right: 8%;
  z-index: -1;
  display: block;
}
.it-hero-3-text p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 35px;
  color: var(--it-common-black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-text p {
    padding: 0 50px;
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-text p {
    font-size: 15px;
    padding: 0 100px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-text p {
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
.it-hero-3-thumb {
  position: relative;
}
.it-hero-3-thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 322px;
  height: 265px;
  border-radius: 10px 10px 10px 262px;
  z-index: -1;
  background-color: var(--it-theme-2);
}
.it-hero-3-thumb img {
  border-radius: 0 0 0 262px;
}
.it-hero-3-thumb-box.style-1 {
  position: absolute;
  bottom: 13%;
  left: 8.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-1 {
    left: 1.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-1 {
    left: 2%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-1 {
    left: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: 7%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: -3%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-1 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 {
  text-align: end;
  position: absolute;
  right: 9.5%;
  top: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-2 {
    right: 2.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-2 {
    right: 1%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-2 {
    right: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-2 {
    right: -3%;
    top: 10%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-2 {
    right: -2%;
    top: auto;
    bottom: -11%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-2 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 .it-hero-3-thumb::after {
  left: -9%;
  bottom: 1px;
  border-radius: 10px 10px 268px 10px;
  background-color: var(--it-theme-3);
}
.it-hero-3-thumb-box.style-2 img {
  border-radius: 0 0 268px 0;
}
.it-hero-3-content {
  padding-top: 305px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content {
    padding-top: 250px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 200px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 220px;
    padding-bottom: 160px;
  }
}
.it-hero-3-shape-1 {
  position: absolute;
  top: 1%;
  right: -16%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 80%;
}
.it-hero-3-shape-2 {
  position: absolute;
  top: 6%;
  left: -19%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 120%;
}
.it-hero-3-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-3 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
.it-hero-3-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 13%;
  left: 33%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 {
    bottom: 1%;
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.4);
  }
}
.it-hero-3-shape-5 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 3%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-5 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-5 {
    top: 14%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-5 {
    top: 10%;
    transform: scale(0.4);
  }
}
.it-hero-3-shape-6 {
  position: absolute;
  z-index: -1;
  bottom: 18%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 {
    bottom: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 {
    bottom: 15%;
    right: 10%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 {
    bottom: 6%;
    right: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}

.it-hero-4-ptb {
  padding-top: 375px;
  padding-bottom: 340px;
  background-color: #F4F8FF;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb {
    padding-top: 250px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb {
    padding-top: 240px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb {
    padding-top: 220px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-hero-4-ptb::after {
  content: "";
  position: absolute;
  top: 0;
  right: 13.5%;
  width: 520px;
  height: 100%;
  z-index: -3;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb::after {
    width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb::after {
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb::after {
    right: 9%;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb::after {
    display: none;
  }
}
.it-hero-4-ptb .it-hero-text p {
  line-height: 1.85;
  margin-right: 50px;
  margin-bottom: 33px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
.it-hero-4-input-box {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-input-box {
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-input-box {
    margin-right: 0;
  }
}
.it-hero-4-input-box form input {
  height: 65px;
  line-height: 65px;
  border-radius: 100px;
  padding-right: 210px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input::placeholder {
    font-size: 14px;
  }
}
.it-hero-4-input-box .it-btn-yellow {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.it-hero-4-thumb-box {
  position: absolute;
  bottom: 0;
  right: 6%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-thumb-box {
    right: -5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-thumb-box {
    right: -5%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb-box {
    margin-top: 30px;
    position: static;
  }
}
.it-hero-4-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb img {
    width: 100%;
  }
}
.it-hero-4-ratting-wrap {
  position: absolute;
  left: -14%;
  bottom: 14%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-wrap {
    bottom: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ratting-wrap {
    display: none;
  }
}
.it-hero-4-ratting-box {
  border-radius: 20px;
  padding: 22px 25px;
  background-color: var(--it-common-white);
  border: 1px solid #86be68;
}
.it-hero-4-ratting-box span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
.it-hero-4-ratting-box img {
  width: 80px;
}
.it-hero-4-ratting-box i {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  margin-left: 0px;
  color: var(--it-common-black);
}
.it-hero-4-ratting-box span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-right: 30px;
  color: var(--it-common-black-2);
}
.it-hero-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 16%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-1 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-1 {
    top: 20%;
    transform: scale(0.5);
  }
}
.it-hero-4-shape-1 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-hero-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 43%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
.it-hero-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: 16%;
  right: 37%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-3 {
    top: 15%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-3 {
    top: 25%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-3 {
    top: 20%;
    transform: scale(0.4);
  }
}
.it-hero-4-shape-3 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-hero-4-shape-4 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 6%;
  animation: zoomIn 5s infinite;
}
.it-hero-4-shape-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -2;
}
.it-hero-4-shape-6 {
  position: absolute;
  z-index: -3;
  top: 0;
  right: 0;
}
.it-hero-4-shape-7 {
  position: absolute;
  bottom: -4%;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-7 {
    bottom: -3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-7 {
    bottom: -7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-7 {
    bottom: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-7 {
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-shape-7 {
    display: none;
  }
}
.it-hero-4-shape-7 svg {
  width: 100%;
}
.it-hero-4-shape-8 {
  position: absolute;
  bottom: 5%;
  left: 3%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-8 {
    bottom: 7%;
  }
}

.it-hero-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-area {
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-area {
    padding-top: 170px;
    padding-bottom: 110px;
  }
}
.it-hero-5-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb-sm img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 0;
  }
}
.it-hero-5-title {
  font-size: 60px;
  line-height: 1.17;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
.it-hero-5-text p {
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 30px;
  margin-right: 110px;
  color: rgba(255, 255, 255, 0.8);
}
.it-hero-5-content {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-content {
    margin-left: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-5-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-5-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-1 {
    right: -10%;
  }
}
.it-hero-5-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 34%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.6);
  }
}

.it-hero-6-area {
  padding-top: 85px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-area {
    padding-top: 100px;
  }
}
.it-hero-6-title {
  font-size: 55px;
  font-weight: 700;
  line-height: 1.36;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-title {
    font-size: 46px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-title {
    font-size: 42px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-title {
    font-size: 55px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-6-title {
    font-size: 28px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-title {
    font-size: 44px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
.it-hero-6-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-text p {
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-text p {
    font-size: 14px;
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-text p {
    font-size: 14px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
.it-hero-6-thumb {
  margin-right: -30px;
  transform: translateX(-15px);
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-6-thumb {
    margin-right: 10px;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-thumb img {
    width: 100%;
  }
}
.it-hero-6-thumb::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-content {
    margin-bottom: 70px;
  }
}
.it-hero-6-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-6-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-6-shape-3 {
  position: absolute;
  bottom: 9%;
  right: 42%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-hero-7-area {
  padding-top: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 150px;
  }
}
.it-hero-7-area .it-hero-title {
  line-height: 1.33;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area .it-hero-title {
    font-size: 45px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title .it-title-shape {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.it-hero-7-thumb-wrap {
  gap: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 10px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb img {
    width: 100%;
  }
}
.it-hero-7-text p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 26px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
.it-hero-7-ratting i {
  color: var(--it-theme-2);
}
.it-hero-7-ratting span {
  font-size: 20px;
  margin-left: 4px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-ratting span {
    font-size: 18px;
  }
}
.it-hero-7-stats-box {
  padding: 50px 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  width: 357px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 25px 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 20px 10px;
  }
}
.it-hero-7-stats-box::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  -webkit-mask-image: url(../img/hero/mask.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box::after {
    display: none;
  }
}
.it-hero-7-stats-box .stats-number {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 15px;
  }
}
.it-hero-7-stats-box .stats-number i {
  font-style: normal;
}
.it-hero-7-stats-box span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: end;
  margin-bottom: 45px;
  letter-spacing: 0.2em;
  color: var(--it-theme-2);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 8px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}
.it-hero-7-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-7-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-hero-8-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 120px;
  }
}
.it-hero-8-title {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .it-hero-8-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title {
    font-size: 40px;
  }
}
.it-hero-8-title span {
  color: var(--it-theme-5);
}
.it-hero-8-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-right: 95px;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-text p {
    margin-right: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-text p {
    margin-right: 0;
  }
}
.it-hero-8-thumb img {
  max-width: inherit;
  margin-left: -230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-8-thumb img {
    margin-left: -270px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-thumb img {
    margin-left: -320px;
    margin-bottom: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-thumb img {
    margin-left: -340px;
    margin-bottom: -120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-thumb img {
    margin-left: -300px;
    margin-bottom: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-thumb img {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
.it-hero-8-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 11%;
  left: 2%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-shape-1 {
    display: none;
  }
}

.it-hero-9-area {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-area {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-9-area {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area {
    padding-top: 120px;
  }
}
.it-hero-9-area .it-hero-title {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-9-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 48px;
  }
}
.it-hero-9-area .it-hero-text p {
  margin-bottom: 32px;
  color: rgba(31, 36, 50, 0.8);
}
@media (max-width: 767px) {
  .it-hero-9-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-content {
    margin-bottom: 70px;
  }
}
.it-hero-9-thumb {
  mask-image: url(../img/hero/mask-11.png);
  -webkit-mask-image: url(../img/hero/mask-11.png);
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 648px;
  margin-left: 42px;
  transform: translateX(15px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-thumb {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-thumb {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-thumb {
    height: 100%;
    margin-left: 0;
    text-align: center;
    transform: translateX(0);
  }
}
.it-hero-9-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-hero-9-ratting-box {
  position: absolute;
  z-index: 1;
  bottom: 12%;
  left: -10%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-ratting-box {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-ratting-box {
    display: none;
  }
}
.it-hero-9-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-9-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 1.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-2 {
    display: none;
  }
}
.it-hero-9-shape-3 {
  position: absolute;
  z-index: -1;
  top: 7%;
  right: 5.5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-3 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-3 {
    top: 3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-3 {
    display: none;
  }
}
.it-hero-9-shape-4 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 12%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-9-shape-4 {
    right: 6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-9-shape-4 {
    right: 1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-4 {
    right: 1%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-4 {
    display: none;
  }
}

.it-hero-10-area {
  padding-top: 160px;
  padding-bottom: 40px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin-top: -1px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-area {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-area {
    padding-top: 150px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-area {
    padding-top: 160px;
    padding-bottom: 0;
  }
}
@media (max-width: 400px) {
  .it-hero-10-area {
    padding-top: 150px;
    padding-bottom: 0;
  }
}
.it-hero-10-area .it-hero-9-ratting-box {
  bottom: 3.2%;
  left: -41%;
  right: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-box {
  bottom: 45%;
  left: auto;
  right: -25%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-experience-box {
    right: -18%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .it-hero-10-area .it-hero-experience-box {
        transform: scale(0.6);
        bottom: 46%;
		right: -7%;
    }
}
@media (max-width: 1199px) {
  .it-hero-10-area .it-hero-experience-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}
.it-hero-10-area .it-hero-experience-icon svg {
  color: var(--it-common-white);
}
.it-hero-10-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 15px;
  margin-left: -4px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-title {
    font-size: 45px;
	margin-left: -3px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-title {
    font-size: 54px;
	margin-left: -4px;
  }
}
@media (max-width: 767px) {
  .it-hero-10-title {
    font-size: 31px;
	margin-left: -3px;	
  }
}
@media (max-width: 575px) {
  .it-hero-10-title {
    font-size: 31px;
	margin-left: -2px;	
  }
}
@media (max-width: 400px) {
  .it-hero-10-title {
    font-size: 26px;
	margin-left: -2px;		
  }
}
@media (max-width: 333px) {
  .it-hero-10-title {
    font-size: 22px;
	margin-left: -1px;		
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-10-title {
    font-size: 42px;
  }
}
.it-hero-10-title span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.it-hero-10-title .small-text {
    font-size: 0.5em;
    font-weight: 400;
	line-height: 1.3;
    display: inline-block;
	margin-top:20px;
	margin-left: 5px;	
    background: none; /* Entfernt den Farbverlauf */
    background-clip: initial;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial; /* Setzt die transparente Füllung zurück */
    color: inherit; /* Vererbt die normale Textfarbe der H1 (z. B. schwarz/weiß) */
}
@media (max-width: 1199px) {
  .it-hero-10-title .small-text {
    font-size: 25px;
	margin-left: 2px;		
  }
}
@media (max-width: 991px) {
  .it-hero-10-title .small-text {
    font-size: 28px;
	margin-left: 4px;		
  }
}
@media (max-width: 991px) {
  .it-hero-10-title .small-text {
    font-size: 28px;
	margin-left: 2px;		
  }
}
@media (max-width: 575px) {
  .it-hero-10-title .small-text {
    font-size: 20px;
	margin-left: 2px;	
  }
}
@media (max-width: 400px) {
  .it-hero-10-title .small-text {
    font-size: 17px;
	margin-left: 1px;		
  }
}
@media (max-width: 333px) {
  .it-hero-10-title .small-text {
    font-size: 16px;
	margin-left: 0px;		
  }
}
.it-hero-10-subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 19px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 1199px) {
  .it-hero-10-subtitle {
    font-size: 18px;
  }
}
@media (max-width: 991px) {
  .it-hero-10-subtitle {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-10-subtitle {
    font-size: 17px;
  }
}
@media (max-width: 575px) {
  .it-hero-10-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 400px) {
  .it-hero-10-subtitle {
    font-size: 11px;
  }
}
@media (max-width: 333px) {
  .it-hero-10-subtitle {
    font-size: 10px;
  }
}
.it-hero-10-text p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-text p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-10-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb img {
    width: 80%;
	margin-top: -50px;
  }
}
.it-hero-10-thumb-wrap {
  position: absolute;
  bottom: 0;
  right: 16%;
}
@media (max-width: 1800px) {
  .it-hero-10-thumb-wrap {
      right: 12.3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-thumb-wrap {
    right: 6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-thumb-wrap {
    right: 0%;
  }
  .it-hero-10-thumb img {
    max-width: 90%;
  }  
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-thumb-wrap {
    right: -5%;
    bottom: 0;
  }
	.it-hero-10-thumb img {
	  max-width: 80%;
	}    
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb-wrap {
    margin-top: 70px;
    position: static;
    text-align: center;
	bottom: 0;
  }
	.it-hero-10-thumb img {
	  max-width: 50%;
	}      
}
@media (max-width: 767px) {
  .it-hero-10-thumb-wrap {
    bottom: 0;
  }	
	.it-hero-10-thumb img {
	  max-width: 62%;
	}    
}
@media (max-width: 400px) {
  .it-hero-10-thumb-wrap {
    bottom: 0;
  }		
	.it-hero-10-thumb img {
	  max-width: 75%;
	}    
}
.it-hero-10-social {
  position: absolute;
  top: 50%;
  left: 2%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
  white-space: nowrap;
  transform-origin: left center;
  transform: translateY(-50%) rotate(-90deg) translateX(-50%);
}
@media (max-width: 1599.9px) {
  .it-hero-10-social {
    display: none;
  }
}
.it-hero-10-social a {
  font-weight: 400;
  font-size: 16px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.it-hero-10-social a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  transition: 0.4s;
  background: linear-gradient(90deg, #03594e 0%, rgba(3, 89, 78, 0) 100%);
}
.it-hero-10-social a:hover::after {
  width: 100%;
}
.it-hero-10-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-10-shape-2 {
  position: absolute;
  z-index: -2;
  bottom: 0;
  right: 0%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-shape-2 {
    right: -17%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-shape-2 {
    right: -17.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-2 {
    right: -24.5%;
  }
}
@media (max-width: 1199px) {
  .it-hero-10-shape-2 {
    right: -15%;
	max-width: 80%;
  }
}
@media (max-width: 991px) {
  .it-hero-10-shape-2 {
    right: 0%;
	max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-hero-10-shape-2 {
    right: -15%;
	max-width: 115%;
  }
}
.it-hero-10-shape-3 {
  position: absolute;
  z-index: -1;
  top: 17%;
  right: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 {
    top: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 img {
    transform: scale(0.5);
  }
}
.it-hero-10-shape-4 {
  position: absolute;
  z-index: -1;
}

.it-hero-11-area {
  padding-top: 115px;
}
@media (max-width: 767px) {
  .it-hero-11-area {
    padding-top: 80px;
  }
}
.it-hero-11-area .it-btn-yellow.style-2 {
  padding: 0;
  border: none;
}
.it-hero-11-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-title {
    font-size: 75px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-11-title {
    font-size: 68px;
  }
}
.it-hero-11-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-11-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: 10%;
  z-index: -1;
  display: block;
}
.it-hero-11-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb img {
    width: 100%;
  }
}
.it-hero-11-content p {
  color: #999;
  line-height: 1.75;
  margin-right: 40px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-content p {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-hero-11-content-wrap {
  margin-top: -95px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-content-wrap {
    margin-top: 0;
  }
}
.it-hero-11-play-btn {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-play-btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn {
    display: none;
  }
}
.it-hero-11-play-btn a {
  display: inline-block;
  height: 149px;
  width: 149px;
  margin-bottom: 45px;
  line-height: 149px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn a {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
}
.it-hero-11-play-btn a svg {
  padding-left: 5px;
}
.it-hero-11-play-btn span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #999;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn span {
    font-size: 17px;
  }
}
.it-hero-11-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 15%;
  left: 26%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-11-shape-1 {
    left: 18%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.5);
  }
}
.it-hero-11-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 4.5%;
}

.it-hero-12-area {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-12-area {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-12-area {
    padding-top: 100px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 90px;
    background-position: right;
  }
}
.it-hero-12-area .it-hero-title {
  margin-bottom: 27px;
}
.it-hero-12-area .it-hero-thumb {
  transform: translateX(-20px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb img {
    width: 100%;
  }
}
.it-hero-12-area .it-hero-shape-1 {
  top: 0;
  left: 1%;
  opacity: 0.4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
    transform: scale(1);
  }
}
.it-hero-12-area .it-hero-shape-3 {
  bottom: 8%;
  left: 35%;
}
.it-hero-12-subtitle {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  display: block;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-active .it-slider-arrow-wrap {
    display: none;
  }
}
.it-hero-12-active .swiper-slide-active .it-hero-12-subtitle, .it-hero-12-active .swiper-slide-active .it-hero-title, .it-hero-12-active .swiper-slide-active .it-hero-bnt {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-12-subtitle {
  animation: img-anim-bottom 1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-title {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.3s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-bnt {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}

/*----------------------------------------*/
/*  11. categories css start
/*----------------------------------------*/
.it-categories-item {
  padding: 40px 20px;
  padding-bottom: 35px;
  border-radius: 20px;
  margin-bottom: 35px;
  transition: transform 0.5s ease;
  background-color: #F0F4F5;
  border: 1px solid var(--it-theme-1);
}
.it-categories-item:hover span {
  animation: icon-bounce 0.8s 1;
}
.it-categories-item span {
  display: inline-block;
  margin-bottom: 26px;
  transition: transform 0.5s ease;
}
.it-categories-item span svg {
  height: 80px;
  transition: 0.3s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item span svg {
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item h6 {
    font-size: 17px;
  }
}
.it-categories-item.item-style-2 {
  border-color: #2F57EF;
  background-color: #F8C62F;
}
.it-categories-item.item-style-2 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-3 {
  border-color: #FF4D4F;
  background-color: #FFEBEC;
}
.it-categories-item.item-style-3 span svg {
  color: #FF4D4F;
}
.it-categories-item.item-style-4 {
  border-color: #3D97FE;
  background-color: #E9F3FE;
}
.it-categories-item.item-style-4 span svg {
  color: #3D97FE;
}
.it-categories-item.item-style-5 {
  border-color: #2F57EF;
  background-color: #EFF2FF;
}
.it-categories-item.item-style-5 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-6 {
  border-color: #39B410;
  background-color: #F6FFF3;
}
.it-categories-item.item-style-6 span svg {
  color: #39B410;
}
.it-categories-item.item-style-7 {
  border-color: #8E56FF;
  background-color: #F7F3FF;
}
.it-categories-item.item-style-7 span svg {
  color: #8E56FF;
}
.it-categories-item.item-style-8 {
  border-color: #F92596;
  background-color: #FFF9FC;
}
.it-categories-item.item-style-8 span svg {
  color: #F92596;
}
.it-categories-style-2 .it-categories-item {
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 -1px -1px auto;
  transition: 0.3s;
  border: 1px solid rgba(108, 117, 125, 0.15);
}
.it-categories-style-2 .it-categories-item.item-style-1 {
  border-radius: 20px 0 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-1 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-4 {
  border-radius: 0 20px 0 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-4 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-5 {
  border-radius: 0 0 0 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-5 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-8 {
  border-radius: 0 0 20px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-8 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item:hover {
  background-color: var(--it-theme-1);
}
.it-categories-style-2 .it-categories-item:hover span svg {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-item:hover h6 {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-wrap {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-categories-shape-1 {
  position: absolute;
  top: -18%;
  left: 0;
  z-index: -1;
}
.it-categories-shape-2 {
  position: absolute;
  top: 30%;
  right: 9.5%;
  z-index: -1;
}

.it-categories-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-categories-2-item {
  text-align: center;
  border: 1px solid rgba(248, 198, 47, 0.5);
  background: rgba(255, 255, 255, 0.5);
}
.it-categories-2-item:hover .it-categories-2-thumb img {
  transform: scale(1.2);
}
.it-categories-2-title {
  margin: 25px 15px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-title {
    font-size: 16px;
  }
}
.it-categories-2-thumb {
  overflow: hidden;
}
.it-categories-2-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.it-categories-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 4%;
  left: 2.5%;
}
@media (max-width: 767px) {
  .it-categories-2-shape-1 {
    display: none;
  }
}
.it-categories-2-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 6.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-2-shape-2 {
    bottom: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-shape-2 {
    display: none;
  }
}
.it-categories-2-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-categories-2-style-2 .it-categories-2-item {
  transition: 0.3s;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(254, 130, 53, 0.2);
}
.it-categories-2-style-2 .it-categories-2-item:hover {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb img {
  width: 100%;
}
.it-categories-3-area {
  padding-top: 90px;
  padding-bottom: 130px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);    
}
.it-categories-3-area p {
	color: var(--it-text-body);
    font-family: var(--it-ff-body);
    font-size: 16px;
    font-weight: 400; 
}
@media (max-width: 991px) {
  .it-categories-3-area {
	padding-top: 90px;
    padding-bottom: 80px;
  }
}
.it-categories-4-area {
  padding-top: 90px;
  padding-bottom: 130px;
}
.it-categories-4-area p {
	color: var(--it-text-body);
    font-family: var(--it-ff-body);
    font-size: 16px;
    font-weight: 400; 
}
@media (max-width: 991px) {
  .it-categories-4-area {
	padding-top: 90px;
    padding-bottom: 80px;
  }
}
/* Schriftgröße SUCHERGEBNISSE Seite */
h2.suchergebnisse-titel {
	font-family: var(--it-ff-heading);
    font-size: 36px;
	line-height: 1.4;
	font-weight: 900 !important;
}
@media (max-width: 1399px) {
	h2.suchergebnisse-titel {
		font-size: 34px;
	}
}
@media (max-width: 1199px) {
	h2.suchergebnisse-titel {
		font-size: 33px;
	}
}
@media (max-width: 991px) {
	h2.suchergebnisse-titel {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	h2.suchergebnisse-titel {
		font-size: 32px;
	}
}
@media (max-width: 575px) {
	h2.suchergebnisse-titel {
		font-size: 25px;
	}
	h3.suchergebnisse-titel {
		font-size: 16px!important;
	}	
}
h3.suchergebnisse-titel {
	font-family: var(--it-ff-heading);
    font-size: 20px;
}
.it-language-area {
  padding-top: 130px;
  padding-bottom: 17px;
}
@media (max-width: 1399px) {
  .it-language-area {
	padding-bottom: 0px;
  }
}
@media (max-width: 1199px) {
  .it-language-area {
	padding-bottom: 0px;
  }
}
@media (max-width: 991px) {
  .it-language-area {
    padding-top: 80px;
	padding-bottom: 0px;
	margin-bottom: -50px;
  }
}
@media (max-width: 767px) {
  .it-language-area {
	padding-bottom: 30px;
  }
}
@media (max-width: 503.9px) {
  .it-language-area {
	padding-bottom: 0px;
  }
}
@media (max-width: 328.9px) {
  .it-language-area {
	margin-bottom: -119px;
  }
}
.it-language-area2 {
  padding-top: 130px;
  padding-bottom: 130px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);  
}
@media (max-width: 991px) {
  .it-language-area2 {
    padding-top: 80px;
	padding-bottom: 80px;
  }
}
.it-language-area3 {
  padding-top: 130px;
  padding-bottom: 163px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);    
}
@media (max-width: 1399px) {
  .it-language-area3 {
	padding-bottom: 175px;
  }
}
@media (max-width: 1399px) {
  .it-language-area3 {
	padding-bottom: 197px;
  }
}
@media (max-width: 991px) {
  .it-language-area3 {
	padding-top:80px;  
	padding-bottom: 172px;
  }
}
@media (max-width: 500px) {
  .it-language-area3 {
	padding-bottom: 220px;
  }
}

.it-categories-3-item {
  padding: 32px 30px;
  padding-top: 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: #BC9FFD;
}
.it-categories-3-item .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-categories-3-item.style-2 {
  background-color: var(--it-theme-1);
}
.it-categories-3-item.style-3 {
  background-color: #2F57EF;
}
.it-categories-3-item.style-4 {
  background-color: var(--it-theme-2);
}
.it-categories-3-item.style-5 {
  background-color: var(--it-theme-3);
}
.it-categories-3-title {
  font-size: 19px;
  line-height: 1.42;
  margin-bottom: 0;
  color: var(--it-common-white);
  margin-top: -15px;
  margin-right: 55px;

}
@media (max-width: 1199px) {
  .it-categories-3-title {
    font-size: 23px;
  }
}
@media (max-width: 991px) {
  .it-categories-3-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-categories-3-title {
    font-size: 18px;
  }
}
@media (max-width: 575px) {
  .it-categories-3-title {
    font-size: 25px;
  }
}
@media (max-width: 500px) {
  .it-categories-3-title {
    font-size: 18px;
  }
}
@media (max-width: 400px) {
  .it-categories-3-title {
    font-size: 25px;
  }
}
@media (max-width: 333px) {
  .it-categories-3-title {
    font-size: 17px;
  }
}
.it-categories-3-icon {
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-66%);
}
@media (max-width: 575px) {
	.it-categories-3-icon {
	  top: 50%;
	  transform: translateY(-50%);
	}
}
@media (max-width: 400px) {
	.it-categories-3-icon {
	  top: 50%;
	  transform: translateY(-55%);
	}
}
.it-categories-3-shape-1 {
  position: absolute;
  z-index: -1;
  top: -18%;
  left: 0;
}

.it-category-4-thumb {
  border-radius: 50%;
  overflow: hidden;
}
.it-category-4-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(3, 89, 78, 0.15);
}
.it-category-4-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 17px;
}
@media (max-width: 767px) {
  .it-category-4-title {
    font-size: 17px;
  }
}
.it-category-4-arrow-wrap {
  display: flex;
  gap: 20px;
  z-index: 2;
  justify-content: end;
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap {
    margin-top: 30px;
    justify-content: start;
  }
}
.it-category-4-arrow-wrap button {
  padding: 0;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button svg {
    height: 15px;
  }
}
.it-category-4-item {
  text-align: center;
}
.it-category-4-item:hover .it-category-4-thumb img {
  transform: scale(1.1);
}

.it-categories-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-categories-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
.it-about-area {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media (max-width: 991px) {
  .it-about-area {
    padding-top: 80px;
	padding-bottom: 80px;
  }
}
.it-about-right .it-about-section-title-box .it-section-subtitle {
  display: inline-block; 
}
.it-about-right .it-about-section-title-box {
  text-align: left;
}
@media (max-width: 991px) {
  .it-about-right .it-about-section-title-box {
    text-align: center;
  }
}
.it-about-thumb2 {
    position: relative;
    width: 100%;
    height: 100%; /* Oder eine feste Höhe, z.B. 450px */
    overflow: hidden; /* Schneidet überstehende Bildteile sauber ab */
}

.it-about-thumb2 > img:first-child {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Füllt den Raum komplett, behält Seitenverhältnis bei */
    display: block;
}
@media (max-width: 767px) {
  .it-about-thumb {
    padding-left: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb img {
    width: 100%;
  }
}
.it-about-thumb.thumb-overlay img {
  width: 100%;
}
.it-about-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-about-thumb-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
/* Diese Klasse überschreibt NUR die Farben, wenn sie zusätzlich vergeben wird */
.it-about-thumb-icon.is-variant {
  color: #ffffff;                  /* Deine neue Pfeilfarbe (z.B. Weiß) */
  background-color: #9308e9;       /* Deine neue Hintergrundfarbe (z.B. Rot) */
}
.it-about-thumb-icon svg {
  display: inline-block;
  padding-left: 2px;
}
.it-about-left {
  margin-right: -12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-left {
    margin-right: 0;
  }
}
.it-about-right {
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}
.it-about-shape-1 {
  position: absolute;
  top: -10%;
  left: -5%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-about-shape-1 {
    display: none;
  }
}
.it-about-shape-2 {
  position: absolute;
  top: -16%;
  right: 0;
  z-index: -1;
}
.it-about-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -30px;
}
.it-about-shape-4 {
  position: absolute;
  z-index: -1;
  top: 2.5%;
  left: 7%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-4 {
    display: none;
  }
}
.it-about-shape-5 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 9%;
  animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-shape-5 {
    transform: scale(0.6);
    bottom: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-5 {
    display: none;
  }
}
.it-about-shape-6 {
  position: absolute;
  z-index: -1;
  top: -60%;
  left: 0;
}
.it-about-shape-7 {
  position: absolute;
  z-index: -1;
  top: -12%;
  right: 17%;
}
@media (max-width: 767px) {
  .it-about-shape-7 {
    display: none;
  }
}
.it-about-shape-8 {
  position: absolute;
  z-index: -1;
  top: 9.5%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-8 {
    transform: scale(0.5);
  }
}
.it-about-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-about-experience-box {
  padding: 30px 30px;
  border-radius: 20px;
  background-color: #f8c62f;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-experience-box {
    padding: 25px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-experience-box {
	padding: 25px 20px;
  }
}
@media (max-width: 767px) {
  .it-about-experience-box {
    margin-top: 35px;
  }
}
.it-about-experience-box span {
  font-weight: 400;
  font-size: 19px;
  line-height: 1.75;
  color: var(--it-theme-1);
}
.it-about-experience-box h5 {
  font-size: 40px;
  margin-bottom: 0;
  padding-right: 15px;
  margin-right: 10px;
  position: relative;
  top: 5px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
  display: inline-block;
  min-width: 90px;
  text-align: left;
}
@media (max-width: 1399px) {
	.it-about-experience-box h5 {
	  min-width: 75px;
	}
}
@media (max-width: 991px) {
	.it-about-experience-box h5 {
	  min-width: 90px;
	}
}
@media (max-width: 767px) {
  .it-about-experience-box {
    padding: 25px 43px;
  }
	.it-about-experience-box h5 {
	  min-width: 75px;
	}
}
.it-about-experience-box h5 i {
  font-style: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box h5 {
    font-size: 30px;
  }
}
.it-about-experience-box h5::after {
  position: absolute;
  content: "";
  top: 42%;
  right: 5px;
  width: 1px;
  height: 36px;
  transform: translateY(-50%);
  background: #03594e;
}
.it-about-list-box {
  margin-bottom: 45px;
}
.it-about-list-box ul li {
  list-style-type: none;
}
.it-about-list-box ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-about-list-box ul li span {
  display: block;
  padding-left: 47px;
  position: relative;
  font-size: 24px;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span {
    font-size: 16px;
    padding-left: 40px;
  }
}
.it-about-list-box ul li span svg, .it-about-list-box ul li span i {
  position: absolute;
  top: -2px;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span svg, .it-about-list-box ul li span i {
    height: 18px;
  }
}
.it-about-style-2 .it-about-left {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left .row.gx-0 {
    --bs-gutter-x: 25px !important;
  }
}
.it-about-style-2 .it-about-list-box {
  margin-bottom: 40px;
}
.it-about-style-2 .it-about-right {
  margin-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right {
    margin-left: 0;
  }
}
.it-about-style-2 .it-about-right p {
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-style-3 .it-about-right {
    margin-bottom: 0;
  }
}
.it-about-style-3 .it-about-left {
  padding-right: 10px;
  padding-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-left {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-style-3 .it-about-thumb {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb img {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.thumb-overlay::after {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.style-1 {
  margin-right: -8px;
}
.it-about-style-3 .it-about-thumb.style-2 {
  margin-top: 85px;
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-thumb.style-2 {
    margin-top: 0;
  }
}
.it-about-style-3 .it-about-thumb.style-2 img {
  outline: 10px solid var(--it-gray-1);
}
.it-about-style-3 .it-about-experience-box {
  margin-top: -30px;
  padding: 31px 37px;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
  margin-left: 10px;
  background-color: var(--it-theme-2);
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-3 .it-about-experience-box {
    margin: 30px;
    padding: 16px 37px;
  }
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-experience-box {
    display: none !important;
  }
}
.it-about-style-3 .it-about-experience-box h5, .it-about-style-3 .it-about-experience-box span {
  color: var(--it-common-black);
}
.it-about-style-3 .it-about-experience-box h5::after {
  background-color: rgba(31, 36, 50, 0.2);
}

.it-about-2-more-wrap {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-more-wrap {
    margin-right: 120px;
  }
}
@media (max-width: 767px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
.it-about-2-more-icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-right: 12px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon {
    height: 50px;
    width: 50px;
    line-height: 43px;
  }
}
.it-about-2-more-icon svg, .it-about-2-more-icon i {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon svg, .it-about-2-more-icon i {
    height: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-more-info {
    align-items: center;
  }
}
.it-about-2-more-info h6 {
  margin-bottom: 0;
  line-height: 1.65;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-info h6 {
    font-size: 13px;
  }
}
.it-about-2-more-info:hover .it-about-2-more-icon svg, .it-about-2-more-info:hover i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-about-2-right {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-right {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-right .it-section-title br {
    display: none;
  }
}
.it-about-2-left {
  padding-left: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-left {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-left {
    padding-left: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-2-left {
    padding-left: 0;
    margin-bottom: 50px;
  }
}
.it-about-2-left .it-about-experience-box {
  position: absolute;
  top: 12%;
  left: 0;
  padding: 17px 20px;
  padding-right: 30px;
  background-color: var(--it-theme-1);
  animation: ittranslateX2 4s forwards infinite alternate;
}
@media (max-width: 767px) {
  .it-about-2-left .it-about-experience-box {
    position: static;
    margin-top: 30px;
    animation: unset;
  }
}
.it-about-2-left .it-about-experience-box h5 {
  font-size: 28px;
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  margin-bottom: 0;
  line-height: 1;
}
.it-about-2-left .it-about-experience-box h5::after {
  display: none;
}
.it-about-2-thumb-sm {
  position: absolute;
  bottom: 0;
  right: -36px;
  border-radius: 30px;
  border-left: 12px solid var(--it-common-white);
  border-top: 10px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm {
    position: relative;
    right: 0;
    margin-top: 30px;
    border-left: none;
    border-top: none;
    animation: unset;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm img {
    width: 100%;
  }
}
.it-about-2-thumb-sm.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}
.it-about-2-shape-1 {
  position: absolute;
  bottom: -14%;
  left: -16%;
  z-index: -1;
}
.it-about-2-shape-2 {
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: -1;
  animation: zoom 5s infinite;
}
.it-about-2-shape-3 {
  position: absolute;
  top: 5.5%;
  right: 5%;
  z-index: -1;
  animation: zoomIn 5s infinite;
}
.it-about-2-shape-4 {
  position: absolute;
  bottom: -51%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-6 {
  position: absolute;
  bottom: 6.5%;
  right: 11%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-shape-6 {
    bottom: 4%;
    right: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-6 {
    display: none;
  }
}
.it-about-2-shape-6 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-about-2-shape-7 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -12%;
}
.it-about-2-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}
.it-about-2-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: -35%;
  right: 0;
}
.it-about-2-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-about-2-shape-11 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-about-2-shape-12 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-12 {
    display: none;
  }
}
.it-about-2-shape-13 {
  position: absolute;
  bottom: -30%;
  right: -1%;
  z-index: -1;
}
.it-about-2-shape-14 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box {
  background-color: var(--it-theme-2);
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box h5, .it-about-2-style-2 .it-about-2-left .it-about-experience-box span, .it-about-2-style-2 .it-about-2-left .it-about-experience-box svg {
  color: var(--it-common-black);
}
.it-about-2-style-2 .it-about-2-left {
  padding-bottom: 70px;
}
.it-about-2-style-2 .it-about-right {
  margin-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right .it-section-title {
    font-size: 28px;
  }
}
.it-about-2-style-3 .it-about-2-left {
  padding-left: 0;
  padding-right: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 0px;
  }
}
.it-about-2-style-3 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-style-3 .it-about-2-thumb-sm {
  right: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    position: relative;
    right: 0;
  }
}
.it-about-2-style-3 .it-about-list-box ul li span {
  font-size: 20px;
  font-weight: 700;
  padding-left: 42px;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
.it-about-2-style-3 .it-about-list-wrap {
  margin-right: -65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-text p {
    font-size: 14px;
  }
  .it-about-2-style-3 .it-about-text p br {
    display: none;
  }
}
.it-about-2-style-4 .it-about-list-box ul li span {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-about-2-style-4 .it-about-list-box ul li span svg, .it-about-2-style-4 .it-about-list-box ul li span i {
  color: var(--it-theme-5);
}
.it-about-2-style-4 .it-about-2-left {
  margin-right: 83px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-4 .it-about-2-left {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-left {
    margin-right: 0;
  }
}
.it-about-2-style-4 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-style-4 .it-about-2-shape-7 {
  bottom: 13%;
  left: -14%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-list-wrap .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 28px;
  }
}
.it-about-2-style-4 .it-about-text p {
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
  margin-right: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-right: 20px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button {
  font-weight: 600;
  font-size: 20px;
  border-radius: 100px;
  padding: 11px 30px;
  line-height: 1;
  transition: 0.4s;
  color: var(--it-text-body);
  font-family: var(--it-ff-oxanium);
  border: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 30px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button:hover {
  color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-about-2-style-5 .it-about-list-box ul li span {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-5 .it-about-list-box ul li span {
    font-size: 17px;
  }
}
.it-about-2-style-5 .it-about-list-box ul li span svg, .it-about-2-style-5 .it-about-list-box ul li span i {
  color: var(--it-theme-2);
}
.it-about-2-style-5 .it-about-text p {
  margin-right: 40px;
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-5 .it-section-title {
    font-size: 32px;
  }
  .it-about-2-style-5 .it-section-title br {
    display: none;
  }
}
.it-about-2-style-5 .it-about-list-box {
  margin-bottom: 35px;
}

.it-about-3-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.it-about-3-area .it-about-list-box ul li span svg, .it-about-3-area i {
  color: var(--it-theme-2);
}
.it-about-3-area .it-about-experience-box {
  position: absolute;
  bottom: 26%;
  right: 3%;
  z-index: 2;
  padding: 35px 20px;
  width: 200px;
  padding-bottom: 50px;
  background-color: var(--it-theme-1);
  clip-path: path("M0.894531 65.5048C0.894531 21.7461 43.8841 -9.06705 85.3237 4.98955L90.4344 6.72315C102.369 10.7715 115.391 10.1738 126.905 5.04922C158.426 -8.98044 194.364 12.3019 197.214 46.6863L198.593 63.3162C198.866 66.6078 198.875 69.916 198.621 73.209L198.396 76.1119C194.439 127.312 151.738 166.84 100.385 166.84H80.4249C36.5015 166.84 0.894531 131.233 0.894531 87.3092V65.5048Z");
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-area .it-about-experience-box {
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .it-about-experience-box {
    display: none;
  }
}
.it-about-3-area .it-about-experience-box h5 {
  padding-right: 0;
  margin-right: 0;
  font-family: var(--it-ff-heading);
}
.it-about-3-area .it-about-experience-box h5::after {
  display: none;
}
.it-about-3-area .it-about-experience-box span {
  font-size: 14px;
  text-transform: capitalize;
}
.it-about-3-area .it-about-experience-box .border-img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.it-about-3-area .it-about-right {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-right p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb img {
    width: 100%;
  }
}
.it-about-3-thumb.style-1 {
  padding-left: 115px;
  position: relative;
  z-index: 1;
  transform: rotate(-8deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb.style-1 {
    padding-left: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
    transform: rotate(0);
    margin-bottom: 40px;
  }
}
.it-about-3-thumb.style-1 img {
  border: 3px solid var(--it-common-white);
}
.it-about-3-thumb.style-2 {
  padding-left: 40px;
  margin-top: -40px;
  transform: rotate(19deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-2 {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-2 {
    padding-left: 0px;
    margin-top: 0;
    transform: rotate(0);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-left {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-3 {
    margin: 0 50px;
  }
}
.it-about-3-shape-1 {
  position: absolute;
  top: 4%;
  left: 1%;
  z-index: -1;
}
.it-about-3-shape-2 {
  position: absolute;
  top: 42%;
  left: 4%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-2 {
    display: none;
  }
}
.it-about-3-shape-3 {
  position: absolute;
  top: 25%;
  right: 6%;
  z-index: -1;
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-shape-3 {
    top: 9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-3 {
    top: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-logo {
    display: none;
  }
}
.it-about-4-logo img {
  animation: rotate 15s linear infinite;
}
.it-about-4-thumb {
  overflow: hidden;
  border-radius: 1000px;
  border: 5px solid var(--it-theme-4);
}
.it-about-4-thumb img {
  border-radius: 1000px;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
.it-about-4-thumb.style-1 {
  margin-right: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-bottom: 0;
  }
}
.it-about-4-thumb.style-2 {
  border: 2px solid var(--it-theme-4);
}
.it-about-4-thumb:hover img {
  border-radius: 1000px;
  transform: scale(1.2);
}
.it-about-4-content {
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
.it-about-4-content p {
  margin-bottom: 35px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-about-4-content .it-about-list-box {
  margin-bottom: 35px;
}
.it-about-4-content .it-about-list-box ul li span {
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-about-4-content .it-about-list-box ul li span svg {
  color: var(--it-theme-4);
}
.it-about-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  animation: itswing-2 1s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-about-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 {
    right: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 img {
    transform: scale(0.7);
  }
}
.it-about-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -15%;
  right: 3%;
}

.it-about-5-area {
  padding-top: 320px;
  padding-bottom: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-area {
    padding-top: 220px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-area {
    padding-top: 200px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-area {
    padding-top: 180px;
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .it-about-5-area {
    padding: 100px 0;
  }
}
.it-about-5-content {
  text-align: center;
}
.it-about-5-content p {
  font-size: 55px;
  line-height: 1.27;
  margin-bottom: 52px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-content p {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-content p {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
.it-about-5-content p img {
  padding: 0 4px;
  margin-top: -15px;
  border-radius: 1000px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p img {
    height: 30px;
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p img {
    height: 20px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p img {
    height: 30px;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-1 {
    left: -3%;
    bottom: 9%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-1 {
    display: none;
  }
}
.it-about-5-shape-2 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 16.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-2 {
    display: none;
  }
}
.it-about-5-shape-3 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 15%;
  opacity: 0.5;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-shape-3 {
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-3 {
    top: 9%;
    right: 10%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-3 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-3 {
    top: 2%;
    right: 8%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-3 {
    display: none;
  }
}
.it-about-5-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-4 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-4 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-4 {
    display: none;
  }
}
.it-about-5-shape-5 {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-5 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-5 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-5 {
    display: none;
  }
}

.it-mission-item .icon {
  display: inline-block;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin-right: 20px;
  flex: 0 0 auto;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon svg {
    height: 20px;
  }
}
.it-mission-item .icon.style-2 {
  background-color: var(--it-theme-2);
}
.it-mission-item span {
  font-size: 28px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item span {
    font-size: 22px;
  }
}
.it-mission-item.style-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item.style-2 {
    margin-left: 0;
  }
}
.it-mission-item.style-2 .it-mission-text p {
  margin-right: 0;
}
.it-mission-text {
  margin-top: 25px;
}
.it-mission-text p {
  font-size: 18px;
  line-height: 1.5;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-text p {
    font-size: 15px;
  }
}

.about-style-2 .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.about-style-2 .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.about-style-2 .it-choose-5-thumb::after {
  background-color: var(--it-theme-2);
}
.about-style-2 .it-choose-5-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  z-index: 1;
}
.about-style-2 .it-choose-5-wrap .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  15. course css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-course-section-title-box {
    margin-bottom: 30px !important;
  }
}
.it-course-author img {
  height: 40px;
  width: 40px;
  margin-right: 11px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
  outline: 1px solid rgba(255, 255, 255, 0.2);
}
.it-course-thumb {
  overflow: hidden;
}
.it-course-thumb img {
  transition: 1.3s all ease;
}
.it-course-thumb .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-price-box del {
  font-weight: 600;
  font-size: 16px;
  margin-right: 11px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box del {
    font-size: 14px;
  }
}
.it-course-price-box span {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box span {
    font-size: 17px;
  }
}
.it-course-title {
  line-height: 1.5;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-title {
    margin-right: 0;
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-title {
    margin-right: 0;
    font-size: 17px;
  }
}
.it-course-rating {
  padding-bottom: 27px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-rating {
    font-size: 13px;
  }
}
.it-course-rating i {
  color: var(--it-theme-2);
}
.it-course-meta span svg, .it-course-meta span i {
  margin-top: -4px;
  margin-right: 6px;
}
.it-course-meta span:first-child {
  padding-right: 60px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-meta span:first-child {
    padding-right: 0;
    border-right: none;
  }
}
.it-course-content {
  padding: 40px 30px;
  padding-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-content {
    padding: 30px 20px;
  }
}
.it-course-btn .it-btn-yellow {
  background-color: var(--it-text-body);
}
.it-course-btn .it-btn-yellow span {
  color: var(--it-common-white);
}
.it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-tab-btn ul li button {
  padding: 0;
  margin: 0 20px;
  font-weight: 600;
  font-size: 20px;
  position: relative;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-course-tab-btn ul li button {
    font-size: 19px;
    margin-bottom: 30px;
  }
}
.it-course-tab-btn ul li button span {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button span svg {
  width: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button.active {
  color: var(--it-common-black);
}
.it-course-tab-btn ul li button.active span {
  opacity: 1;
}
.it-course-tab-btn ul li button.active span svg {
  width: 100%;
}
.it-course-tab-btn ul li button:hover {
  color: var(--it-common-black);
}
.it-course-item {
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-item .course-category {
  position: absolute;
  left: 30px;
  top: 20px;
  border-radius: 5px;
  padding: 7.5px 20px;
  color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
  background-color: var(--it-theme-1);
}
.it-course-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-item:hover .it-course-thumb img {
  transform: scale(1.15);
}
.it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: relative;
}
.it-course-style-2 .it-course-item:hover {
  border-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-content {
  padding: 0 0 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-2 .it-course-content {
    padding: 0 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 30px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 0 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 0 0 0 20px;
  }
}
.it-course-style-2 .it-course-thumb {
  width: 50%;         /* Genau 50% der Containerbreite */
  height: auto;       /* Höhe passt sich automatisch an das Seitenverhältnis an */
  object-fit: cover;  /* Falls die Höhe durch das Eltern-Element erzwungen wird, verhindert dies Verzerrung */
}

/* Falls sich das <img> Element innerhalb von .it-course-thumb befindet: */
.it-course-style-2 .it-course-thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.it-course-style-2 .it-course-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
/*   background: rgba(31, 36, 50, 0.2); */
}
.it-course-style-2 .it-course-thumb img {
  height: 100%;
  object-fit: cover;
}
.it-course-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span svg, .it-course-style-2 .it-course-meta span i {
    height: 15px;
  }
}
.it-course-style-2 .it-course-meta span:first-child {
  padding-right: 30px;
}
.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-price-box del, .it-course-style-2 .it-course-price-box span {
    font-size: 12px;
  }
}
.it-course-style-2 .it-course-thumb .wishlist-btn {
  height: 30px;
  width: 30px;
  top: 15px;
  right: 15px;
  z-index: 1;
}
.it-course-style-2 .it-course-thumb .wishlist-btn svg {
  height: 12px;
}
.it-course-style-2 .it-course-thumb .course-category {
  top: 15px;
  left: 15px;
  font-size: 14px;
  padding: 5.5px 11px;
  z-index: 1;
}
.it-course-style-2 .it-course-title {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.it-course-style-3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 90px;
  padding-bottom: 130px;  
}
@media (max-width: 991px) {
  .it-course-style-3 {
	padding-top: 90px;
    padding-bottom: 80px !important;
  }
}
.it-course-style-3 .it-course-tab-btn ul li button.active span svg {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-content {
  border-radius: 20px;
  margin-top: -15px;
  z-index: 1;
  background-color: var(--it-common-white);
}
.it-course-style-3 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-3 .it-course-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-course-style-4 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-course-style-4 .it-course-thumb {
  transition: 0.3s;
  border: 1px solid transparent;
}
.it-course-style-4 .it-course-content {
  padding: 0 10px;
  padding-top: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-4 .it-course-content {
    padding: 0;
    padding-top: 27px;
  }
}
.it-course-style-4 .it-course-text {
  padding-bottom: 25px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
.it-course-style-4 .it-course-text p {
  margin-bottom: 0;
}
.it-course-style-4 .it-course-meta span {
  padding-right: 0;
  display: block;
  margin-bottom: 15px;
  border: none;
}
.it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
  margin-right: 30px;
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-section-title-box {
    margin-bottom: 60px !important;
  }
}
.it-course-style-4 .it-course-item {
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-style-4 .it-course-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);  
}
.it-course-style-4 .it-course-item:hover .it-course-thumb {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-5.it-course-style-4 {
    padding-bottom: 95px;
  }
}
.it-course-style-5 .it-course-item {
  box-shadow: none;
  border: 1px solid rgba(3, 89, 78, 0.12);
}
.it-course-style-5 .it-course-item .flag {
  position: absolute;
  left: 0;
  right: 0;
  top: -29px;
  height: 59px;
  width: 59px;
  z-index: 1;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 500ms ease;
}
.it-course-style-5 .it-course-item:hover .flag {
  transform: rotate(360deg);
}
.it-course-style-5 .it-course-item:hover .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-content {
  padding-top: 50px;
}
.it-course-style-5.it-course-style-4 .it-course-meta span {
  display: inline-block;
  margin-bottom: 27px;
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span {
    font-size: 15px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
  padding-right: 40px;
  margin-right: 36px;
  border-right: 1px solid var(--it-text-body);
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
    padding-right: 30px;
    margin-right: 25px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-title {
  margin-right: 0;
}
.it-course-style-6 {
  padding-top: 140px;
  padding-bottom: 230px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-6 {
    padding: 130px 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow {
  background-color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow span, .it-course-style-6 .it-course-item:hover .it-btn-yellow i, .it-course-style-6 .it-course-item:hover .it-btn-yellow svg {
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.it-course-style-6 .it-course-rating span {
  display: inline-block;
  margin-left: 3px;
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-content {
  padding: 40px 30px;
}
@media (max-width: 767px) {
  .it-course-style-6 .it-course-content {
    padding: 40px 20px;
  }
}
.it-course-style-6 .it-course-title {
  margin-bottom: 31px;
  margin-right: 0;
}
.it-course-style-6 .it-course-meta {
  margin-bottom: 38px;
}
.it-course-style-7.it-course-style-6 {
  padding-top: 130px;
  padding-bottom: 130px;
}
.it-course-style-7.it-course-style-6 .it-course-title {
  margin-bottom: 23px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-title {
    font-size: 19px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-item {
  border-radius: 20px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-course-style-7.it-course-style-6 .it-course-rating {
  margin-bottom: 28px;
}
.it-course-style-7.it-course-style-6 .it-course-meta {
  margin-bottom: 0;
}
.it-course-style-7.it-course-style-6 .it-course-meta span:first-child {
  padding-right: 30px;
  margin-right: 0;
  border-right: none;
}
.it-course-style-7.it-course-style-6 .it-course-meta svg, .it-course-style-7.it-course-style-6 .it-course-meta i {
  color: var(--it-theme-1);
}
.it-course-style-7.it-course-style-6 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-thumb img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-content {
  padding: 37px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-content {
    padding: 37px 20px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-price {
  position: absolute;
  right: 40px;
  top: -33px;
  z-index: 1;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-style-8 .it-course-item {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-style-8 .it-course-item p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8 .it-course-item p {
    font-size: 14px;
  }
}
.it-course-style-8 .it-course-item:hover {
  box-shadow: none;
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-8 .it-course-price-box del, .it-course-style-8 .it-course-price-box span {
  font-family: var(--it-ff-cinzel-decorative);
}
.it-course-style-8.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 {
    background-color: var(--it-common-white);
  }
}
.it-course-style-8.it-course-style-6 .it-course-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 20px;
  }
}
.it-course-style-8.it-course-style-6 .it-course-content {
  padding: 40px 30px;
  padding-top: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-content {
    padding: 40px 20px;
    padding-top: 24px;
  }
}
.it-course-style-9 .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-heading);
}
.it-course-style-9 .it-btn-yellow span, .it-course-style-9 .it-btn-yellow svg {
  color: var(--it-text-body);
}
.it-course-style-9.it-course-style-2 .it-course-thumb::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-9.it-course-style-2 .it-course-title {
    font-size: 22px;
  }
}
.it-course-style-9.it-course-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-style-9.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-1);
}
.it-course-style-9.it-course-style-2 .it-course-rating span {
  color: var(--it-common-black);
}
.it-course-style-9.it-course-style-2 .it-course-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 30px;
  padding-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 20px;
  }
}
.it-course-style-10 .it-course-item {
  background-color: var(--it-gray-4);
  border: 1px solid rgba(254, 130, 53, 0.1);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-common-black);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-10.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
.it-course-style-10.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-5);
}
.it-course-style-10.it-course-style-6 .it-course-title {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-10.it-course-style-6 .it-course-title {
    font-size: 21px;
  }
}
.it-course-style-10.it-course-style-6 .it-course-meta {
  margin-bottom: 33px;
}
.it-course-style-10 .it-course-rating i {
  color: var(--it-theme-5);
}
.it-course-style-10 .it-course-meta span:first-child {
  padding-right: 20px;
  margin-right: 17px;
}
.it-course-style-10 .it-course-btn .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-course-style-11 .circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -7%;
  height: 891px;
  width: 891px;
  border-radius: 50%;
  background-color: rgba(3, 89, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-11 .circle {
    display: none;
  }
}
.it-course-style-11 .course-category {
  top: -20px;
  left: auto;
  right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-11 .it-course-meta span:first-child {
    padding-right: 33px;
  }
}
/* Erwirkt die gleiche Höhe für alle Karten in dieser Sektion */
.it-course-style-11 .row {
    display: flex;
    flex-wrap: wrap;
}

/* Drückt die Boxen auf die volle Spaltenhöhe, lässt aber exakt Platz für den Margin */
.it-course-style-11 .row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* Macht das Item flexibel hoch und stellt den ursprünglichen Abstand wieder her */
.it-course-style-11 .it-team-item {
    display: flex;
    flex-direction: column;
	margin-bottom: 35px;
}

/* Der Inhaltsbereich füllt den gesamten restlichen Platz aus */
.it-course-style-11 .it-team-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

/* Die Textbox bleibt direkt unter dem H3, lässt aber Leerraum nach unten frei */
.it-course-style-11 .it-course-meta {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
}
.it-course-inner-style .it-course-content {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: -23%;
  background-color: var(--it-common-white);
  transition: 0.6s all ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -15%;
  }
}
.it-course-inner-style .it-course-item {
  overflow: hidden;
}
.it-course-inner-style .it-course-item:hover .it-course-content {
  margin-top: -23%;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -15%;
  }
}
.it-course-inner-style-2 .it-course-meta span svg, .it-course-inner-style-2 .it-course-meta span i {
  color: var(--it-theme-1);
}
.it-course-inner-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-inner-style-2 .it-course-title {
  margin-bottom: 30px;
}
.it-course-inner-style-2 .it-course-meta {
  margin-bottom: 20px;
}
.it-course-shape-1 {
  position: absolute;
  top: -6.5%;
  right: 20%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 {
    top: -4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-1 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 img {
    transform: scale(0.6);
  }
}
.it-course-shape-2 {
  position: absolute;
  z-index: -1;
  top: -9.5%;
  left: 0;
}
.it-course-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 9%;
}
.it-course-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 8%;
  left: 12.5%;
}
.it-course-shape-5 {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
}
.it-course-shape-6 {
  position: absolute;
  top: 16%;
  left: 7.5%;
  z-index: -1;
  animation: translateY 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-6 {
    display: none;
  }
}
.it-course-shape-7 {
  position: absolute;
  top: 10.5%;
  left: 8.5%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-7 {
    display: none;
  }
}
.it-course-shape-8 {
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 0;
}
.it-course-shape-9 {
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 10%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-course-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 10%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-10 {
    display: none;
  }
}
.it-course-shape-11 {
  position: absolute;
  bottom: 9%;
  right: 11%;
  animation: rotate 25s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-11 {
    display: none;
  }
}
.it-course-shape-12 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-13 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-course-shape-14 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-15 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-course-filter-top-right {
    flex-wrap: wrap;
  }
}
.it-course-filter-tab ul {
  padding: 5px;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 1000px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-filter-tab ul li {
  display: inline-block;
}
.it-course-filter-tab ul li button {
  display: flex;
  transition: 0.3s;
  padding: 8px 20px;
  align-items: center;
  border-radius: 1000px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-tab ul li button {
    font-size: 14px;
  }
}
.it-course-filter-tab ul li button span {
  display: inline-block;
  margin-top: -4px;
  margin-right: 9px;
}
.it-course-filter-tab ul li button span svg {
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-course-filter-tab ul li button.active {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-course-filter-tab ul li button.active span svg {
  color: var(--it-theme-1);
}
.it-course-filter-tab ul li button:hover {
  color: var(--it-theme-1);
}
.it-course-filter-search {
  max-width: 305px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-search {
    max-width: 220px;
  }
}
.it-course-filter-search input {
  height: 43px;
  line-height: 43px;
  padding-right: 50px;
  border-radius: 1000px;
  background-color: transparent;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input::placeholder {
    font-size: 14px;
  }
}
.it-course-filter-search input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-course-filter-search button {
  position: absolute;
  top: 48%;
  right: 20px;
  transform: translateY(-50%);
}
.it-course-filter-result {
  margin-left: 25px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .it-course-filter-result {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-result {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-result span {
    font-size: 14px;
  }
}
.it-course-filter-result span b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-course-filter-button {
  height: 43px;
  line-height: 43px;
  padding: 0 19px;
  margin-left: 38px;
  margin-bottom: 30px;
  border-radius: 1000px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-button {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-button {
    font-size: 14px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-button {
    margin-left: 25px;
  }
}
.it-course-filter-button span {
  margin-right: 10px;
  display: inline-block;
}
.it-course-filter-dropdown-area {
  padding: 75px;
  border-radius: 20px;
  background: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area {
    padding: 65px 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area {
    padding: 45px 40px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area {
    padding: 35px 20px;
  }
}
.it-course-filter-dropdown-area .filter-group {
  padding: 20px 15px;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.it-course-filter-dropdown-area .filter-group label span {
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  transition: 0.1s;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group label span {
    height: 25px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.it-course-filter-dropdown-area .filter-group label span i {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
}
.it-course-filter-dropdown-area .filter-group label:not(:last-child) {
  margin-right: 5px;
}
.it-course-filter-dropdown-area .filter-group label input[type=checkbox] {
  display: none;
}
.it-course-filter-dropdown-area .filter-group.sort-group {
  width: 100%;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.sort-group {
    margin-bottom: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.language-group {
  width: 506px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 465px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 43%;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group {
  width: 277px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 30%;
    flex: auto;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    flex: auto;
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group label i {
  margin-left: 2px;
}
.it-course-filter-dropdown-area .filter-group.instructors-group {
  width: 100%;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.instructors-group label i {
  margin-left: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 12px;
  }
}
.it-course-filter-dropdown-area .filter-group.categories-group label i {
  margin-left: 7px;
}
.it-course-filter-dropdown-area .filter-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
  color: var(--it-common-black);
}
.it-course-filter-dropdown-wrapper {
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
  transform-origin: top;
  transform: perspective(300px) rotateX(-18deg);
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-wrapper {
    top: 95%;
  }
}
.it-course-filter-dropdown-wrapper.it-filter-dropdown-opened {
  visibility: visible;
  opacity: 1;
  transform: perspective(300px) rotateX(0deg);
}
.it-course-filter-open-style .it-course-filter-dropdown-style-2 {
  visibility: visible;
  opacity: 1;
  position: initial;
  transition: initial;
  margin-bottom: 60px;
  transform: perspective(0) rotateX(0);
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 0 40px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 0 20px 0 30px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 24px;
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
  margin-right: -7px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
    margin-right: 0;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb::after {
  display: none;
}
.it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
    display: none;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .course-category {
  position: static;
  margin-right: 40px;
  border-radius: 1000px;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .course-category {
    font-size: 14px;
    padding: 5.5px 16px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-item {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-grid-sidebar-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-price-box del, .it-course-grid-sidebar-style .it-course-price-box span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author img {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-open-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-inner-v1-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
.it-course-faq-top-text span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-faq-top-text a {
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-area {
  padding-top: 200px;
  padding-bottom: 130px;  
}
@media (max-width: 1399px) {
  .it-course-area {
	padding-top: 212px;
  }
}
@media (max-width: 1199px) {
  .it-course-area {
	padding-top: 233px;
  }
}
@media (max-width: 991px) {
  .it-course-area {
	padding-top: 208px;
    padding-bottom: 80px;
  }
}
@media (max-width: 503.9px) {
  .it-course-area {
	padding-top: 253px;
  }
}
@media (max-width: 351.9px) {
  .it-course-area {
	padding-top: 230px;
  }
}
@media (max-width: 328.9px) {
  .it-course-area {
	padding-top: 253px;
  }
}
.it-course-area .it-course-details-active .it-course-item:hover {
  box-shadow: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-area .it-course-details-wrapper .it-testimonial-arrow-wrap {
    display: none;
  }
}
.it-course-area2 {
  padding-top: 130px;
  padding-bottom: 130px;
}
@media (max-width: 991px) {
  .it-course-area2 {
    padding-top: 80px;
	padding-bottom: 80px;
  }
}
.it-course-area3 {
  margin-bottom: -95px;	
  padding-top: 130px;
  padding-bottom: 225px;
}
@media (max-width: 991px) {
  .it-course-area3 {
    padding-top: 80px;
	padding-bottom: 175px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text span {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-area.it-course-details-style-3 .it-course-faq-top-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .price-section {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 0;
  }
}
.it-course-details-area.it-course-details-v1-style .it-btn-yellow {
  padding: 18px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .coupon-input.d-flex {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-btn-yellow.theme-bg.ml-10 {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .course-info ul li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-details-list.course-list-style-2 {
    margin-top: 15px;
  }
}

/* Hover & Checked Style */
.sort-options label span:hover,
.sort-options label input[type=checkbox]:checked + span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-course-sidebar {
  background-color: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-sidebar .it-btn-yellow span {
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .price {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .old-price {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .discount {
  font-weight: 400;
  font-size: 14px;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .time-left {
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .price-section .time-left svg {
  margin-inline-end: 2px;
  margin-top: -3px;
  display: inline-block;
}
.it-course-sidebar .price-section-box {
  padding: 30px 30px 0 30px;
}
.it-course-sidebar .coupon-section {
  padding: 0 30px 40px 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .coupon-section .it-btn-yellow {
  padding: 14.5px 29px;
}
.it-course-sidebar .coupon-section .applied {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 25px;
  border-radius: 5px;
  border: 1px dashed rgba(108, 117, 125, 0.6);
}
.it-course-sidebar .coupon-section .applied span {
  font-size: 14px;
  font-weight: 400;
}
.it-course-sidebar .coupon-section .coupon-input input {
  height: 50px;
  line-height: 50%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-sidebar .course-info {
  padding: 0 30px;
}
.it-course-sidebar .course-info ul li {
  list-style-type: none;
  position: relative;
  padding: 18px 0;
  padding-left: 30px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}
.it-course-sidebar .course-info ul li:not(:last-child) {
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-course-sidebar .course-info ul li span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-sidebar .course-info ul li svg {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.it-course-sidebar .social-section {
  margin-bottom: 30px;
  text-align: center;
  padding: 30px 30px 40px 30px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .social-section a {
  height: 53px;
  width: 53px;
  line-height: 50px;
}
.it-course-sidebar .social-section a svg {
  height: 21px;
  width: 21px;
}
.it-course-sidebar .contact-section {
  padding: 0 30px 60px 30px;
}
.it-course-sidebar .contact-section .call-box {
  border-radius: 8px;
  padding: 16px 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  border: 1px solid var(--it-common-white);
}
.it-course-sidebar .contact-section .call-box svg {
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}
.it-course-sidebar .contact-section-wrap {
  border-radius: 0 0 20px 20px;
}
.it-course-sidebar p {
  font-size: 14px;
  text-align: center;
  color: var(--it-theme-1);
}
.it-course-sidebar p svg {
  display: inline-block;
  margin-top: -3px;
  margin-right: 4px;
}
.it-course-sidebar-thumb {
  margin: 15px;
  margin-bottom: 40px;
  border-radius: 10px;
}
.it-course-sidebar-thumb img {
  border-radius: 10px;
}
.it-course-sidebar-thumb.thumb-overlay::after {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
.it-course-details-ratting-wrap .ratting-left {
  width: 100%;
  padding: 40px 15px;
  border-radius: 20px;
  margin-right: 5px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-left {
    margin-bottom: 30px;
  }
}
.it-course-details-ratting-wrap .ratting-left .title {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 8px;
  color: var(--it-common-black);
  font-weight: var(--it-ff-spartan-semibold);
}
.it-course-details-ratting-wrap .ratting-left .ratting svg {
  display: inline-block;
  margin: 0 1px;
}
.it-course-details-ratting-wrap .ratting-left span {
  color: var(--it-common-black);
}
.it-course-details-ratting-wrap .ratting-right {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-right {
    padding: 30px 20px;
  }
}
.it-course-details-section-title-box span {
  font-size: 20px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-details-border {
  border-top: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-prev {
  left: -6%;
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-next {
  right: -6%;
}
.it-course-details-style-2 .it-course-sidebar {
  margin-top: -325px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-2 .it-course-sidebar {
    margin-top: 70px;
  }
}
.it-course-details-style-2 .it-course-sidebar-wrap {
  position: sticky;
  z-index: 9;
  top: 120px;
}
.it-course-details-nav-box {
  padding: 3px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: sticky;
  z-index: 3;
  top: 120px;
}
.it-course-details-nav-box nav ul li {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
.it-course-details-nav-box nav ul li.current {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-course-details-style-3 .it-course-sidebar-thumb {
  border: 5px solid #fff;
  margin: 0 0 95px 0;
  margin-top: -220px;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-course-sidebar-thumb {
    margin-top: 100px;
  }
}
.it-course-details-style-3 .it-course-sidebar {
  position: sticky;
  top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-3 .it-course-details-left {
    margin-top: 70px;
  }
}
.it-course-details-style-3 .it-course-faq-top-text {
  padding: 0 30px;
}
.it-course-details-style-3 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 120px;
    width: 120px;
    line-height: 120px;
  }
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.it-course-details-style-3 .it-about-thumb-icon svg {
  padding-left: 6px;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon svg {
    height: 15px;
    width: 15px;
    padding-left: 2px;
  }
}
.it-course-details-style-3 .course-details-border {
  padding: 20px 30px;
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-radius: 20px 20px 30px 30px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-course-details-style-3 .course-details-border {
    padding: 20px;
  }
}
.it-course-details-style-3 .course-details-border.faq-style {
  padding: 0;
  padding-top: 20px;
}
.it-course-details-style-3 .course-details-border.faq-style .it-custom-accordion-2 {
  border-bottom: none;
}
.it-course-details-style-3 .it-custom-accordion-2 {
  margin-top: 0;
}
.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p {
  margin-right: 0;
}
.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p br {
  display: none;
}
.it-course-details-style-3 .course-style .postbox-comment-content ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}
.it-course-details-style-3 .postbox-comment-content ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.it-course-details-style-4 .postbox-user-info p {
  margin-right: 0;
}
.it-course-details-style-4 .postbox-user-info p br {
  display: none;
}
.it-course-details-style-4 .it-breadcrumb-author-info span:last-child {
  color: var(--it-text-body);
  font-size: 18px;
}
.it-course-details-style-4 .it-breadcrumb-author-wrapper .border-style {
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-details-style-4 .it-breadcrumb-subtitle {
  margin-bottom: 32px;
}
.it-course-details-style-4 .it-course-sidebar-thumb {
  margin-top: 0;
  margin-bottom: 80px;
}
.it-course-details-style-4 .course-info {
  padding-top: 35px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-details-style-4 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon svg {
    padding-left: 4px;
    height: 18px;
    width: 18px;
  }
}
.it-course-details-style-4 .it-course-details-left {
  margin-top: 0;
}
.it-course-left {
  overflow: visible;
}

.it-details-title {
  font-size: 30px;
  margin-bottom: 15px;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-details-title {
    font-size: 25px;
  }
}
.it-details-title-sm {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-details-list.style-2 {
  margin-left: -11px;
}
@media (max-width: 767px) {
  .it-details-list.style-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-details-list ul li {
  list-style-type: none;
}
.it-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-details-list ul li span {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  color: var(--it-common-black);
}
.it-details-list ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-2);
}

.it-progress-bar-item {
  position: relative;
  padding: 0 60px;
}
.it-progress-bar-item span {
  position: absolute;
  top: 0;
  right: 0;
}
.it-progress-bar-item label {
  position: absolute;
  top: 0;
  left: 0;
}
.it-progress-bar-item .progress {
  height: 5px;
  border-radius: 0;
  background: #EAEDEE;
}
.it-progress-bar-item .progress-bar {
  background-color: var(--it-theme-2);
}
.it-progress-bar-item .it-progress-bar {
  padding-top: 10px;
}

/*----------------------------------------*/
/*  37. team css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-team-section-title-box {
    margin-bottom: 30px;
  }
}
.it-team-content {
  padding: 20px;
  padding-top: 27px;
}
.it-team-content p {
  color: #6c757d;
}
.it-team-content p strong {
  color: #6c757d;
}
.it-team-title {
  font-size: 24px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-title {
    font-size: 20px;
  }
}
.it-team-thumb {
  overflow: hidden;
}
.it-team-thumb img {
  transition: 1.3s all ease;
  width: 100%;
}
.it-team-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
.it-team-social {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.8s;
  transition-property: all;
}
.it-team-social p {
  font-size: 13px;
  line-height: 1.5;
  color: var(--it-common-white);
  text-shadow: 
    -1px -1px 0 #323232,  
     1px -1px 0 #323232,
    -1px  1px 0 #323232,
     1px  1px 0 #323232;  
}
.text-position {
  bottom: 163px !important;
}
@media (max-width: 1399.9px) {
	.text-position {
	  bottom: 130px !important;
	}
}
@media (max-width: 1199.9px) {
	.text-position {
	  bottom: 284px !important;
	}
	.it-team-social p {
	  font-size: 17px;
	}	
}
@media (max-width: 991.9px) {
	.text-position {
	  bottom: 198px !important;
	}
	.it-team-social p {
	  font-size: 13px;
	}	
}
@media (max-width: 767.9px) {
	.text-position {
	  bottom: 121px !important;
	}	
	.it-team-social p {
	  font-size: 11px;
	}	
}
@media (max-width: 575.9px) {
	.text-position {
	  top: 75px !important;
	  bottom: 0px !important;
	}	
	.it-team-social p {
	  font-size: 18px;
	}		
}
@media (max-width: 450px) {
	.text-position {
	  top: 62px !important;
	}	
	.it-team-social p {
	  font-size: 15px;
	  padding: 0 10px 0 10px;	
	}		
}
@media (max-width: 400px) {
	.text-position {
	  top: 54px !important;
	}	
	.it-team-social p {
	  font-size: 13px;
	}		
}
@media (max-width: 350px) {
	.text-position {
	  top: 30px !important;
	}	
	.it-team-social p {
	  font-size: 12px;
	}		
}
@media (max-width: 333px) {
	.text-position {
	  top: 15px !important;
	}		
}
.it-team-social a {
  width: 80px;
  aspect-ratio: 50 / 21; 
  margin: 0 5px;
  border-radius: 5px;
  display: inline-flex; 
  align-items: center;  
  justify-content: center; 
  overflow: hidden;      
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 1);
}
.it-team-social a span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
.it-team-social img {
  width: 80%;
  height: 80%;
  object-fit: contain; 
  border-radius: 5px;   
}

.it-team-social a:hover {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-social {
    bottom: 30px;
  }
  .it-team-social a {
    width: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-social {
    bottom: 22px;
  }
  .it-team-social a {
    width: 70px;
  }
}
/* LINK-BUTTONS im PLAYER STARTSEITE */
.it-team-social a {
  transform: translateY(-20px) !important; 
}
@media (max-width: 1199.9px) {
	.it-team-social a {
	  transform: translateY(-15px) !important; 
	}	
}
@media (max-width: 991.9px) {
	.it-team-social a {
	  transform: translateY(-25px) !important; 
	}	
}
@media (max-width: 767.9px) {
	.it-team-social a {
	  transform: translateY(-4px) !important; 
	}	
}
@media (max-width: 575.9px) {
	.it-team-social a {
	  transform: translateY(-30px) !important; 
	}	
}
@media (max-width: 380px) {
	.it-team-social a {
	  transform: translateY(-10px) !important; 
	}	
}
.it-team-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.1);
}
.it-team-item:hover .it-team-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item:hover .it-team-social {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item .it-course-meta {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.it-team-item .it-course-meta span {
  font-size: 14px;
}
.it-team-item .it-course-meta span:first-child {
  padding-right: 0;
  width: 49%;
  text-align: start;
}
.it-team-shape-1 {
  position: absolute;
  bottom: 28%;
  left: 54%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-1 {
    display: none;
  }
}
.it-team-shape-2 {
  position: absolute;
  top: -8%;
  right: 0%;
  z-index: -1;
}
.it-team-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
}
.it-team-shape-4 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  left: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 {
    left: 3%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .it-team-shape-4 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-4 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 img {
    transform: scale(0.6);
  }
}
.it-team-shape-5 {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 1.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-5 {
    top: 1%;
    left: -3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-5 {
    display: none;
  }
}
.it-team-shape-6 {
  position: absolute;
  z-index: -1;
  top: 5%;
  right: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-6 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-6 {
    display: none;
  }
}
.it-team-shape-7 {
  position: absolute;
  top: 20%;
  left: 6%;
  opacity: 0.4;
}
.it-team-shape-8 {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}
.it-team-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.it-team-shape-10 {
  position: absolute;
  z-index: -1;
  top: 8%;
  left: 6%;
}
.it-team-style-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-2 {
    background-color: var(--it-gray-1);
    background-image: none !important;
  }
}
.it-team-style-2 .it-team-content {
  padding: 24px 25px;
  padding-top: 25px;
}
@media (max-width: 767px) {
  .it-team-style-2 .it-team-section-title-box {
    margin-bottom: 65px;
  }
}
.it-team-style-3 .it-team-thumb img {
  width: 100%;
}
.it-team-style-3 .it-team-thumb::after {
  display: none;
}
.it-team-style-3 .it-team-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-team-style-3 .it-team-content {
  padding: 0;
  padding-top: 25px;
}
.it-team-style-3 .it-team-content span {
  color: var(--it-theme-4);
}
.it-team-style-3 .it-course-meta {
  margin-top: 15px;
  padding: 19px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-3 .it-course-meta {
    padding: 19px 20px;
  }
}
.it-team-style-3 .it-course-meta svg, .it-team-style-3 .it-course-meta i {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-style-3 .it-team-item .it-course-meta span:first-child {
    width: auto;
    text-align: center;
  }
}
.it-team-style-4 .it-team-title {
  font-weight: 700;
  transition: 0.4s;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-team-style-4 .it-team-content span {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta span, .it-team-style-4 .it-team-item .it-course-meta svg {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item:hover {
  background-color: var(--it-theme-1);
}
.it-team-style-4 .it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-course--meta {
  background: rgba(255, 255, 255, 0.1);
}

.it-team-2-content {
  position: absolute;
  z-index: 3;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.it-team-2-content span {
  transition: 0.3s;
  color: var(--it-theme-5);
}
.it-team-2-title {
  font-weight: 600;
  font-size: 24px;
  transition: 0.3s;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
.it-team-2-social {
  position: absolute;
  top: -40%;
  right: 20px;
  z-index: 3;
  transition: 0.5s;
}
.it-team-2-social a {
  width: 25px;
  height: 25px;
  display: block;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid #dbe0e2;
  color: var(--it-common-black);
}
.it-team-2-social a:not(:last-child) {
  margin-bottom: 7px;
}
.it-team-2-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.it-team-2-thumb img {
  transition: 1.3s all ease;
}
.it-team-2-item {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-2-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  border-radius: 20px;
  transition: 0.3s;
  z-index: 1;
  background: linear-gradient(180deg, rgba(240, 244, 245, 0) 0%, #1F2432 100%);
}
.it-team-2-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 20px;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(254, 130, 53, 0) 0%, #fe8235 100%);
}
.it-team-2-item:hover .it-team-2-thumb img {
  transform: scale(1.2);
}
.it-team-2-item:hover .it-team-2-title {
  color: var(--it-common-white);
}
.it-team-2-item:hover .it-team-2-social {
  top: 20px;
}
.it-team-2-item:hover .it-team-2-content span {
  color: var(--it-common-white);
}
.it-team-2-item:hover::after {
  opacity: 1;
}

.it-team-3-thumb {
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 25px;
  display: inline-block;
}
.it-team-3-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-team-3-title {
  font-size: 24px;
  color: #000;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-3-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-team-3-btn {
    margin-top: 30px;
  }
}
.it-team-3-item {
  padding: 50px 20px;
  padding-bottom: 46px;
  background-color: var(--it-common-white);
}
.it-team-3-item:hover .it-team-3-thumb img {
  transform: scale(1.2);
}

.it-team-details-left {
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left {
    margin-right: 0;
  }
}
.it-team-details-area .it-course-sidebar .social-section {
  margin-bottom: 0;
  padding: 0 15px 60px 15px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a svg {
    height: 15px;
  }
}
.it-team-details-area .it-course-sidebar-wrap {
  margin-top: -185px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar-wrap {
    margin-top: 35px;
  }
}

/*----------------------------------------*/
/*  16. cta css start
/*----------------------------------------*/
.it-cta-bg {
  position: relative;
}
.it-cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
  background-color: var(--it-gray-1);
}
.it-cta-wrap {
  padding: 70px 75px;
  border-radius: 20px;
  margin: 0 116px;
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap {
    margin: 0;
    padding: 60px 30px;
  }
}
.it-cta-wrap .separator {
  position: absolute;
  top: 50%;
  left: 53%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap .separator {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-cta-wrap .separator {
    display: none;
  }
}
.it-cta-wrap .separator::before {
  content: "";
  top: -45px;
  left: 0;
  right: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap .separator::before {
    width: 1px;
  }
}
.it-cta-wrap .separator::after {
  content: "";
  bottom: -45px;
  left: 0;
  right: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-wrap .separator::after {
    width: 1px;
  }
}
@media (max-width: 767px) {
  .it-cta-area .row [class*=col-]:first-child .it-cta-content {
    margin-bottom: 45px;
  }
}
.it-cta-content span {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content span {
    font-size: 16px;
  }
}
.it-cta-content span svg {
  margin-top: -9px;
  margin-right: 10px;
  display: inline-block;
}
.it-cta-content a {
  font-size: 28px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content a {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content a {
    font-size: 18px;
  }
}

.it-cta-2-area {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-2-title {
  font-size: 60px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 50px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 70px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-2-title {
    font-size: 38px;
  }
}
.it-cta-2-right > img {
  animation: translateX 3s infinite alternate;
}
@media (max-width: 767px) {
  .it-cta-2-right > img {
    animation: unset;
  }
}
.it-cta-2-left {
  margin-bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-left {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-left {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-left {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-left {
    margin-bottom: 50px;
  }
}
.it-cta-2-left .it-btn-yellow.white-bg i, .it-cta-2-left .it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}
.it-cta-2-shape-1 {
  position: absolute;
  top: 3%;
  left: 1%;
  z-index: -1;
  animation: zoomIn 5s infinite !important;
}

@media (max-width: 767px) {
  .it-cta-3-btn {
    margin-top: 35px;
  }
}
.it-cta-3-area {
    position: relative;
    z-index: 5;
    transform: translateY(50%);
}
@media (min-width: 1400px) {
	.it-cta-3-area {
		margin-top: -25px;
	}
}
@media (max-width: 1399px) {
	.it-cta-3-area {
		margin-top: -20px;
	}
}
@media (max-width: 1199px) {
	.it-cta-3-area {
		margin-top: -40px;
	}
}
@media (max-width: 767px) {
	.it-cta-3-area {
		margin-top: -80px;
	}
}
.it-cta-3-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-color: var(--it-white-1);
}
.it-cta-3-wrap {
  padding: 36px 75px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-wrap {
    padding: 36px 30px;
  }
}
.it-cta-3-wrap img {
  margin-right: 15px;
}
.it-cta-3-title {
  font-size: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-title {
    font-size: 25px;
  }
}

.it-cta-4-area {
  padding-top: 210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-area {
    overflow: hidden;
    padding-top: 0px;
  }
}
.it-cta-4-wrap {
  padding: 75px;
  padding-top: 70px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-wrap {
    padding: 75px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap {
    padding: 75px 80px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap {
    text-align: center;
    padding: 45px 20px;
  }
}
.it-cta-4-wrap p {
  margin-top: 17px;
  margin-bottom: 28px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
  .it-cta-4-wrap p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap .it-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap .it-section-title br {
    display: none;
  }
}
.it-cta-4-thumb {
  position: absolute;
  bottom: 0;
  right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-thumb {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-thumb {
    display: none;
  }
}
.it-cta-4-shape-1 {
  position: absolute;
  bottom: 0;
  left: 15%;
  z-index: -1;
}
.it-cta-4-shape-2 {
  position: absolute;
  z-index: -1;
  top: -6%;
  left: 4.5%;
  animation: rotate 30s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-cta-4-shape-2 {
    display: none;
  }
}
.it-cta-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -67%;
  left: 0;
}

.it-cta-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-5-content p {
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 1.75;
  color: rgba(31, 36, 50, 0.7);
}
.it-cta-5-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-thumb {
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-thumb {
    right: -17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-thumb {
    right: -27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-thumb {
    display: none;
  }
}
.it-cta-5-thumb img {
  max-width: inherit;
}
.it-cta-5-shape-1 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 3%;
}
.it-cta-5-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  right: 42%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-shape-2 {
    transform: scale(0.7);
    right: 49%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-shape-2 {
    transform: scale(0.6);
    right: 24%;
  }
}
@media (max-width: 767px) {
  .it-cta-5-shape-2 {
    transform: scale(0.5);
    right: 6%;
  }
}
.it-cta-5-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-cta-6-title {
  font-size: 150px;
  line-height: 1.07;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-6-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-6-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-6-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title {
    font-size: 60px;
  }
}
.it-cta-6-title img {
  margin-top: -30px;
  border-radius: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title img {
    height: 55px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title img {
    margin-top: -20px;
    height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-area {
    padding-bottom: 50px !important;
  }
}

.it-cta-7-wrap {
  padding: 20px 150px;
  padding-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-wrap {
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-7-wrap {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 0;
  }
}
.it-cta-7-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 21px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-7-title {
    font-size: 20px;
  }
}
.it-cta-7-title span {
  text-transform: uppercase;
}
.it-cta-7-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 767px) {
  .it-cta-8-btn {
    margin-top: 35px;
  }
}
.it-cta-8-area {
    position: relative;
    z-index: 5;
    transform: translateY(-50%);
    /* Das verhindert, dass unten eine leere Lücke in der Höhe der halben Section entsteht */
    margin-bottom: calc(var(--section-height, 200px) / -2); 
}
@media (min-width: 1400px) {
	.it-cta-8-area {
		margin-top: 0px;
	}
}
@media (max-width: 1399px) {
	.it-cta-8-area {
		margin-top: 0px;
	}
}
@media (max-width: 1199px) {
	.it-cta-8-area {
		margin-top: 0px;
	}
}
@media (max-width: 767px) {
	.it-cta-8-area {
		margin-top: 0px;
	}
}
.it-cta-8-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-color: var(--it-white-1);
}
.it-cta-8-wrap {
  padding: 36px 75px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-8-wrap {
    padding: 36px 30px;
  }
}
.it-cta-8-wrap img {
  margin-right: 15px;
}
.it-cta-8-title {
  font-size: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-8-title {
    font-size: 25px;
  }
}
/*----------------------------------------*/
/*  38. testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-testimonial-area {
    overflow: hidden;
  }
}
.it-testimonial-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-2 {
  position: absolute;
  top: -8%;
  left: 1%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 {
    left: -2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 {
    left: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 {
    left: -9%;
    top: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.6);
  }
}
.it-testimonial-shape-3 {
  position: absolute;
  top: -15%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-4 {
  position: absolute;
  top: -21.5%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-6 {
  position: absolute;
  bottom: -20%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-7 {
  position: absolute;
  top: -9%;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-7 {
    display: none;
  }
}
.it-testimonial-item {
  padding: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-testimonial-item {
    padding: 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-item {
    padding: 30px;
  }
}
.it-testimonial-text h5 {
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-text h5 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote svg {
    height: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-bottom img {
    display: none;
  }
}
.it-testimonial-avatar-name {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-avatar-name {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-avatar-name {
    font-size: 17px;
  }
}
.it-testimonial-thumb {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-testimonial-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-content {
  margin-right: 30px;
  transform: translateX(-24px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-content {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-content {
    margin-right: 0;
    margin-top: 40px;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: none;
  }
}
.it-testimonial-arrow-wrap button {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-testimonial-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 {
    overflow: hidden;
  }
}
.it-testimonial-style-2 .it-testimonial-thumb {
  margin-right: 0;
}
.it-testimonial-style-2 .it-testimonial-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 0;
  }
}
.it-testimonial-style-2 .it-course-author .title {
  display: block;
  font-weight: 600;
  color: var(--it-common-black);
}
.it-testimonial-style-2 .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-testimonial-style-2 .it-course-title {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 18px;
  }
}
.it-testimonial-style-2 .it-testimonial-content {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-content .categories {
  border-radius: 5px;
  line-height: 1;
  padding: 8px 20px;
  margin-bottom: 30px;
  display: inline-block;
  background-color: #FDF1DB;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(248, 198, 47, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content .categories {
    font-size: 12px;
  }
}
.it-testimonial-style-2 .it-course-meta {
  padding-top: 30px;
  border-top: 1px solid #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
.it-testimonial-style-2 .it-course-meta span:first-child {
  margin-right: 50px;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span:first-child {
    padding-right: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-icon {
  position: absolute;
  left: 40px;
  top: 30px;
  border-radius: 5px;
  padding: 0 15px;
  height: 35px;
  line-height: 31px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  background: rgba(31, 36, 50, 0.5);
}

.it-testimonial-2-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media (max-width: 767px) {
  .it-testimonial-2-item {
    padding: 20px;
  }
}
.it-testimonial-2-item:hover .it-testimonial-2-thumb img {
  transform: scale(1.2);
}
.it-testimonial-2-thumb {
  height: 100%;
  margin-right: 41px;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-thumb {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-thumb {
    margin-right: 0;
  }
}
.it-testimonial-2-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
.it-testimonial-2-thumb .it-about-thumb-icon {
  width: 56px;
  height: 56px;
  line-height: 54px;
}
.it-testimonial-2-thumb .it-about-thumb-icon svg, .it-testimonial-2-thumb .it-about-thumb-icon i {
  color: var(--it-common-black);
}
.it-testimonial-2-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
}
.it-testimonial-2-avatar-name {
  font-size: 20px;
  margin-bottom: 0;
}
.it-testimonial-2-avatar-info {
  margin-bottom: 18px;
}
.it-testimonial-2-avatar-info span {
  font-size: 14px;
}
.it-testimonial-2-text p {
  line-height: 1.75;
  margin-bottom: 20px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-text p {
    font-size: 13px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-testimonial-2-date {
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-date {
    font-size: 14px;
  }
}
.it-testimonial-2-content {
  padding: 20px 40px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .it-testimonial-2-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-content {
    padding-left: 20px;
  }
}
.it-testimonial-2-content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.it-testimonial-2-active {
  margin: -2px;
  padding: 2px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-quote svg {
    height: 20px;
  }
}
.it-testimonial-2-shape-1 {
  position: absolute;
  top: -10%;
  right: 0;
  z-index: -1;
}
.it-testimonial-2-shape-2 {
  position: absolute;
  top: 12%;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-shape-2 {
    display: none;
  }
}
.it-testimonial-2-shape-2 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-testimonial-2-shape-3 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-testimonial-2-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 59%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 59%;
  }
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.it-testimonial-2-style-2 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  padding-left: 4px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-2 .it-testimonial-2-avatar-name {
  font-size: 24px;
  font-family: var(--it-ff-edensor-regular);
}
.it-testimonial-2-style-2 .it-testimonial-2-text p {
  color: rgba(31, 36, 50, 0.8);
}
.it-testimonial-2-style-3 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet::after {
  display: none;
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}
.it-testimonial-2-style-4 .it-testimonial-2-item {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb::after {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb img {
  border-radius: 0;
}

.it-testimonial-3-right .it-testimonial-2-content-wrap {
  padding: 27px 40px;
  padding-bottom: 25px;
  border-radius: 30px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content-wrap {
    padding: 25px 20px;
  }
}
.it-testimonial-3-right .it-testimonial-2-ratting {
  margin-bottom: 20px;
}
.it-testimonial-3-right .it-testimonial-2-ratting i {
  display: inline-block;
  padding-right: 2px;
  color: var(--it-theme-2);
}
.it-testimonial-3-right .it-testimonial-2-avatar-info {
  margin-bottom: 0;
}
.it-testimonial-3-right .it-testimonial-2-content {
  padding: 0;
}
.it-testimonial-3-right .it-testimonial-2-content p {
  margin-bottom: 18px;
  margin-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-avatar-name {
    font-size: 16px;
  }
}
.it-testimonial-3-right .slick-vertical .slick-slide {
  display: block;
  margin-bottom: 30px;
}
.it-testimonial-3-right .slick-vertical .slick-slide:last-child {
  margin-bottom: 0;
}
.it-testimonial-3-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px 30px 0;
  border-radius: 0 0 100px 0;
  background-color: var(--it-common-white);
}
.it-testimonial-3-play-icon::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -65px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon::after {
  content: "";
  position: absolute;
  bottom: -64px;
  left: 0px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon a {
  display: inline-block;
  height: 152px;
  width: 152px;
  line-height: 152px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 125px;
    width: 125px;
    line-height: 123px;
  }
}
.it-testimonial-3-play-icon a svg {
  padding-left: 4px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb {
    height: auto;
    margin-bottom: 70px;
  }
}
.it-testimonial-3-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb img {
    width: 100%;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
  background-color: var(--it-theme-5);
  height: 152px;
  width: 152px;
  line-height: 152px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 115px;
    width: 115px;
    line-height: 113px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
  height: 45px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-info span {
  color: var(--it-theme-5);
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-name {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon {
  background-color: var(--it-gray-1);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-right .it-testimonial-2-content-wrap {
  background-color: var(--it-common-white);
}

.it-testimonial-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #CD935A;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-area {
    padding: 100px 0;
  }
}
.it-testimonial-4-item {
  text-align: center;
}
.it-testimonial-4-text p {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 55px;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-4-text p {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-text p {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote svg {
    height: 20px;
  }
}
.it-testimonial-4-avatar-thumb {
  margin-right: 15px;
  flex: 0 0 auto;
}
.it-testimonial-4-avatar-thumb img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-thumb img {
    height: 42px;
    width: 42px;
  }
}
.it-testimonial-4-avatar-title {
  font-size: 24px;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-title {
    font-size: 18px;
  }
}
.it-testimonial-4-avatar-info span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-info span {
    font-size: 14px;
  }
}

.it-testimonial-dots .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0 6px !important;
  z-index: 2;
  opacity: 1;
  background-color: var(--it-text-body);
}
.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transform: translate(-50%, -50%) scale(1.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
}
.it-testimonial-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  18. event css start
/*----------------------------------------*/
.it-event-shape-1 {
  position: absolute;
  top: -10%;
  left: 54%;
  z-index: -1;
  animation: translateX 4s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-btn {
    margin-top: 40px;
  }
}
.it-event-thumb {
  overflow: hidden;
}
.it-event-thumb img {
  transition: 1.3s all ease;
}
.it-event-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: rgba(26, 182, 157, 0.1);
  border: 1px solid rgba(26, 182, 157, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-event-item .it-btn-yellow {
  background-color: var(--it-text-body);
}
.it-event-item .it-btn-yellow span span {
  color: var(--it-common-white);
}
.it-event-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-event-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.5);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-item:hover .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-event-item:hover .it-event-thumb img {
  transform: scale(1.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-title {
    font-size: 18px;
  }
}
.it-event-date {
  position: absolute;
  left: 20px;
  bottom: 30px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-date {
    left: 20px;
    bottom: 20px;
    border-radius: 5px;
    padding: 3.5px 15px;
    font-size: 12px;
  }
}
.it-event-meta span {
  position: relative;
  padding-left: 28px;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-meta span {
    font-size: 14px;
  }
}
.it-event-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
}
.it-event-meta span:not(:last-child) {
  margin-bottom: 17px;
}
.it-event-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}
.it-event-inner-style-2 .it-event-item {
  display: flex;
  padding: 20px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-item {
    display: block;
  }
}
.it-event-inner-style-2 .it-event-item .it-btn-yellow.theme-bg {
  border-radius: 8px;
  padding: 13px 48px;
}
.it-event-inner-style-2 .it-event-thumb {
  border-radius: 14px;
  height: 100%;
}
.it-event-inner-style-2 .it-event-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-thumb img {
    width: 100%;
  }
}
.it-event-inner-style-2 .it-event-meta {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-meta {
    flex-wrap: wrap;
  }
}
.it-event-inner-style-2 .it-event-meta span {
  font-size: 14px;
  margin-bottom: 0;
  padding-left: 24px;
  display: inline-block;
}
.it-event-inner-style-2 .it-event-meta span:first-child {
  margin-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-inner-style-2 .it-event-btn {
    margin-top: 0;
  }
}
.it-event-inner-style-2 .it-event-content {
  height: 100%;
  display: flex;
  margin-left: -10px;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 0;
  }
}
.it-event-inner-style-3 .it-title-shape {
  left: 0 !important;
}
.it-event-area.blog-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-area .it-section-title {
    font-size: 32px;
  }
}
.it-event-2-thumb {
  transition: 1.3s all ease;
}
.it-event-2-tag {
  position: absolute;
  left: 30px;
  top: -18px;
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-event-2-content {
  padding: 30px;
  padding-top: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-content {
    padding: 30px 20px;
    padding-top: 48px;
  }
}
.it-event-2-title {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-2-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span {
    font-size: 16px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span {
    display: inline-block;
  }
}
.it-event-2-meta span:first-child {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 0;
  }
}
.it-event-2-meta span svg {
  margin-right: 3px;
  margin-top: -2px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span svg {
    height: 15px;
  }
}
.it-event-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 37%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-shape-1 {
    display: none;
  }
}
.it-event-2-item {
  border-radius: 20px;
  transition: 0.3s;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-event-2-item .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
    font-size: 14px;
  }
}
.it-event-2-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-event-2-item:hover .it-btn-yellow span, .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-top-btn {
    margin-top: 40px;
  }
}
.it-event-2-style-2 .it-event-2-content {
  padding-top: 30px;
}
.it-event-2-style-2 .it-event-2-meta span svg {
  color: var(--it-theme-1);
}
.it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow span, .it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}

.it-event-countdown-time > div > div {
  font-size: 14px;
  list-style-type: none;
  display: inline-block;
  margin: 0 20px;
  border-radius: 5px;
  width: 70px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #6C757D;
}
@media (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 12px;
    margin: 0 9px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 14px;
    margin: 0 9px;
  }
}
.it-event-countdown-time > div > div span {
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-countdown-time > div > div span.countdown-heading {
  font-size: 14px;
  font-weight: 400;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}
.it-event-countdown-time .count-box {
  position: relative;
}
.it-event-countdown-time .count-box i {
  position: absolute;
  right: 0;
  top: 0;
}
.it-event-details-thumb {
  margin-top: -285px;
  margin-bottom: 60px;
  border: 5px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-thumb {
    margin-top: 100px;
    margin-bottom: 0;
  }
}
.it-event-details-meetup {
  position: relative;
}
.it-event-details-meetup.style-1 {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-bottom: 50px;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.it-event-details-meetup.style-2 {
  padding-right: 50px;
}
.it-event-details-meetup.style-2::after {
  background-color: #E3E3E3;
}
.it-event-details-meetup::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--it-theme-1);
}
.it-event-details-meetup .date {
  font-size: 24px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-details-meetup span {
  display: block;
  margin-bottom: 9px;
}
@media (max-width: 767px) {
  .it-event-details-meetup span {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box {
    margin-bottom: 30px;
  }
}
.it-event-details-time-box .time {
  border-radius: 8px;
  padding: 0 30px;
  margin-bottom: 25px;
  display: inline-block;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  font-family: var(--it-ff-spartan-semibold);
  height: 56px;
  line-height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box .time {
    font-size: 14px;
    padding: 0 20px;
    height: 46px;
    line-height: 50px;
  }
}
.it-event-details-time-box span {
  display: block;
  font-size: 14px;
}
.it-event-details-time-box span svg {
  margin-right: 3px;
  display: inline-block;
}
.it-event-details-content img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.it-event-details-area.it-course-details-style-3 .course-details-border {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
  padding: 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
    padding: 0 20px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info.btn-box {
  margin-top: 18px;
  padding: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .postbox-dsc {
    margin-right: 0;
  }
}
.it-event-details-area .postbox-dsc p {
  margin-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .postbox-dsc p {
    margin-right: 0;
  }
}
.it-event-details-area .it-team-content {
  padding: 20px 80px;
  padding-top: 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .it-team-content {
    padding: 20px 25px;
    padding-top: 46px;
  }
}

/*----------------------------------------*/
/*  28. newsletter css start
/*----------------------------------------*/
.it-newsletter-wrap {
  padding: 49px 78px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-wrap {
    padding: 50px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 45px;
  }
}
.it-newsletter-wrap .it-newsletter-input-box button {
  background-color: var(--it-theme-1);
}
.it-newsletter-wrap .it-newsletter-input-box button svg, .it-newsletter-wrap .it-newsletter-input-box button i {
  height: 17px;
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover svg, .it-newsletter-wrap .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-input-box {
  text-align: end;
  margin-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-newsletter-input-box {
    margin-top: 30px;
    margin-left: 0;
  }
}
.it-newsletter-input-box input {
  line-height: 69px;
  height: 69px;
  padding-left: 35px;
  padding-right: 90px;
  border-radius: 10px;
  background: #F0F4F5;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box input {
    height: 56px;
    line-height: 56px;
    padding-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    font-size: 14px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}
.it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}
.it-newsletter-input-box button svg, .it-newsletter-input-box button i {
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box button svg, .it-newsletter-input-box button i {
    height: 20px;
  }
}
.it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}
.it-newsletter-input-box button:hover svg, .it-newsletter-input-box button:hover i {
  color: var(--it-common-white);
}
.it-newsletter-input-box .it-btn-orange {
  padding: 19px 40px;
}
.it-newsletter-title {
  font-size: 36px;
  line-height: 1.29;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-title {
    font-size: 25px;
  }
}
.it-newsletter-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}
.it-newsletter-style-2 .it-newsletter-wrap {
  border-radius: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-wrap {
    border-radius: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box input {
  border-radius: 1000px;
}
.it-newsletter-style-2 .it-newsletter-input-box button {
  position: absolute;
  top: 49%;
  right: 5px;
  width: 63px;
  height: 63px;
  padding: 0;
  border-radius: 50%;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
  transition: 0.3s;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
    height: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover svg, .it-newsletter-style-2 .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-style-3 {
  padding: 27px 55px;
  padding-right: 35px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px;
  }
}
.it-newsletter-style-3 .it-newsletter-2-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input {
    padding-left: 15px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input::placeholder {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button {
  width: auto;
  height: auto;
  right: 8px;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button {
    padding: 13px 15px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button span span {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button span span {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}
.it-newsletter-style-4 {
  padding: 46px 78px;
  background-color: var(--it-theme-2);
  overflow: hidden;
}
@media (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px;
  }
}
.it-newsletter-style-4 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area {
    padding-top: 0;
  }
}
.it-newsletter-2-area .it-newsletter-input-box {
  margin-left: 0;
  text-align: center;
  max-width: 575px;
  margin: 0 auto;
}
.it-newsletter-2-area .it-newsletter-input-box input {
  height: 65px;
  line-height: 65px;
  padding-right: 170px;
}
.it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
  right: 5px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
    right: 15px;
  }
}
.it-newsletter-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-newsletter-2-shape-2 {
  position: absolute;
  bottom: 0;
  left: -2%;
}
.it-newsletter-2-shape-3 {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-4 {
  position: absolute;
  top: -35%;
  left: 15%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-shape-5 {
  position: absolute;
  top: -29%;
  right: 11%;
  z-index: -1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-newsletter-2-shape-6 {
  position: absolute;
  top: -27%;
  right: 26%;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-7 {
  position: absolute;
  bottom: 0;
  right: -1%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-title {
  font-size: 28px;
  font-family: var(--it-ff-heading);
  color: #1f2432;
  padding-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-title {
    font-size: 20px;
	padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-title {
    font-size: 21px;
	padding-left: 0px;
  }
}
@media (max-width: 520px) {
  .it-newsletter-2-title {
    font-size: 18px;
	padding-left: 0px;
  }
}
.it-newsletter-2-content {
  padding: 115px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-content {
    padding-top: 0;
  }
}
.it-newsletter-2-content p {
  line-height: 1.75;
  margin-bottom: 30px;
  color: rgba(31, 36, 50, 0.7);
}
@media (max-width: 767px) {
  .it-newsletter-2-content p {
    font-size: 14px;
  }
  .it-newsletter-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-wrap {
    padding-top: 60px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 60px 20px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-title {
    color: var(--it-common-white);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content p {
    color: var(--it-common-white);
  }
}

.it-newsletter-3-wrap {
  padding: 40px;
  border-radius: 10px;
  background: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-newsletter-3-wrap {
    padding: 40px 20px;
  }
}
.it-newsletter-3-wrap p {
  line-height: 1.75;
  margin-bottom: 22px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap p {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box {
  margin-left: 0;
}
.it-newsletter-3-wrap .it-newsletter-input-box input {
  height: 69px;
  line-height: 69px;
  padding-right: 170px;
  border-radius: 1000px;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    height: 60px;
    line-height: 60px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box .it-btn-yellow {
  right: 8px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-2-title.mb-25 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-3-right div {
    width: 100%;
    margin-top: 0;
  }
}
.it-newsletter-3-right span {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-right span {
    font-size: 14px;
  }
}
.it-newsletter-3-right span i {
  font-style: normal;
  text-decoration: underline;
}
.it-newsletter-3-social a {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a {
    height: 35px;
    width: 35px;
    line-height: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a svg {
    height: 14px;
  }
}
.it-newsletter-3-social a:not(:last-child) {
  margin-right: 11px;
}
.it-newsletter-3-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-newsletter-3-shape-1 {
  position: absolute;
  top: -26%;
  right: 11.5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  08. campus css start
/*----------------------------------------*/
.it-campus-title {
  font-size: 24px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-title {
    font-size: 22px;
  }
}
.it-campus-thumb {
  mask-image: url(../img/campus/mask-2.svg);
  -webkit-mask-image: url(../img/campus/mask-2.svg);
  width: 100%;
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 293px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-thumb {
    height: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-thumb {
    height: 100%;
    mask-image: unset;
    -webkit-mask-image: uunset;
  }
}
.it-campus-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-campus-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-text p {
    font-size: 15px;
  }
  .it-campus-text p br {
    display: none;
  }
}
.it-campus-item {
  padding: 25px;
  padding-top: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-item {
    padding: 20px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-item {
    padding: 30px;
  }
}
.it-campus-item:hover .it-campus-thumb img {
  transform: scale(1.1);
}
.it-campus-item:hover .it-campus-arrow a {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-campus-arrow {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 20px 20px;
  border-radius: 0 0 0 70%;
  background-color: var(--it-common-white);
}
.it-campus-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: -50px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow::before {
    left: -40px;
    width: 40px;
    height: 40px;
  }
}
.it-campus-arrow::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 0;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow::after {
    bottom: -40px;
    width: 40px;
    height: 40px;
  }
}
.it-campus-arrow a {
  display: inline-block;
  height: 83px;
  width: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow a {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-arrow a svg {
    height: 15px;
  }
}

/*----------------------------------------*/
/*  40. tuition css start
/*----------------------------------------*/
.it-tuition-area {
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-area {
    background-color: var(--it-gray-1);
  }
}
.it-tuition-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.it-tuition-shape-2 {
  position: absolute;
  top: -12%;
  right: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-tuition-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-shape-2 {
    right: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tuition-shape-2 {
    top: -7%;
    right: 33%;
  }
}
.it-tuition-text p {
  margin-right: 35px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-tuition-list-box ul li {
  list-style-type: none;
}
.it-tuition-list-box ul li:not(:last-child) {
  margin-bottom: 13px;
}
.it-tuition-list-box ul li span {
  padding-left: 30px;
  position: relative;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box ul li span {
    font-size: 14px;
  }
}
.it-tuition-list-box ul li span svg, .it-tuition-list-box ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
.it-tuition-list-box > span {
  font-size: 18px;
  line-height: 1.6;
  text-decoration: underline;
  color: var(--it-common-black);
  display: block;
  margin-bottom: 20px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box > span {
    font-size: 14px;
  }
}
.it-tuition-title-sm {
  margin-bottom: 45px;
}
.it-tuition-item {
  padding: 64px 40px;
  border-radius: 30px;
  border: 1px solid rgba(26, 182, 157, 0.4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-item {
    padding: 40px 25px;
  }
}
.it-tuition-item.active {
  background-color: var(--it-theme-1);
}
.it-tuition-item.active .it-tuition-title-sm {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box span {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box svg, .it-tuition-item.active .it-tuition-list-box i {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  34. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}
.it-slider-content {
  padding-top: 190px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content {
    padding-top: 130px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 230px;
  }
}
@media (max-width: 767px) {
  .it-slider-content {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 210px;
  }
}
.it-slider-content p {
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .it-slider-content p {
    font-size: 14px;
    line-height: 1.7;
  }
  .it-slider-content p br {
    display: none;
  }
}
.it-slider-title {
  font-size: 72px;
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin-bottom: 23px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 28px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 46px;
  }
}
.it-slider-title span svg {
  animation: title-animation 4s infinite;
}
.it-slider-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-slider-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-1 {
    top: -15%;
    left: -15%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-1 {
    display: none;
  }
}
.it-slider-shape-2 {
  position: absolute;
  bottom: 18%;
  left: 38%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-2 {
    display: none;
  }
}
.it-slider-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-3 {
    bottom: -11%;
    right: -3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-3 {
    bottom: -15%;
    right: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-3 {
    display: none;
  }
}
.it-slider-active .swiper-slide-active .it-slider-content-text p, .it-slider-active .swiper-slide-active .it-slider-title, .it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-title {
  animation: img-anim-bottom 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.5s;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-text p {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-btn {
  animation: img-anim-bottom 1.9s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.9s;
}
.it-slider-arrow-wrap {
  position: absolute;
  top: 32%;
  right: 9%;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-arrow-wrap {
    display: none;
  }
}
.it-slider-arrow-wrap button {
  width: 80px;
  height: 60px;
  padding: 0;
  display: block;
  border-radius: 30px;
  border: 1px solid var(--it-common-white);
  color: var(--it-common-white);
}
.it-slider-arrow-wrap button.arrow-next {
  margin-left: 50px;
  margin-bottom: 8px;
}
.it-slider-arrow-wrap button:hover {
  color: var(--it-common-black);
  border: 1px solid var(--it-theme-2);
  background-color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  20. feature css start
/*----------------------------------------*/
.it-feature-icon span {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(26, 182, 157, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-icon span {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-icon span svg, .it-feature-icon span i {
    height: 20px;
  }
}
.it-feature-item {
  padding: 40px;
  padding-right: 60px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-item {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-item {
    padding: 30px 20px;
  }
}
.it-feature-item:hover {
  background-color: var(--it-gray-1);
}
.it-feature-item:hover a {
  color: var(--it-theme-1);
}
.it-feature-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-content p {
    font-size: 14px;
  }
}
.it-feature-content a {
  font-size: 14px;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a svg, .it-feature-content a i {
    height: 10px;
  }
}
.it-feature-title {
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-title {
    font-size: 17px;
  }
}
.it-feature-wrap {
  margin-top: -100px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap {
    border-radius: 0;
  }
}
.it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
  border-radius: 20px 0 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
    border-radius: 0;
  }
}
.it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
  border-radius: 0 20px 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
    border-radius: 0;
  }
}

.it-feature-2-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap {
    border-radius: 20px;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
.it-feature-2-wrap p {
  margin: 0 35px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap p {
    margin: 0;
    font-size: 14px;
  }
}
.it-feature-2-title {
  font-size: 24px;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-title {
    font-size: 22px;
  }
}
.it-feature-2-icon {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-icon svg {
    height: 55px;
  }
}
.it-feature-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-feature-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.it-feature-3-item {
  padding: 50px 30px;
  padding-top: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-item {
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
.it-feature-3-item .shape {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item .shape {
    display: none;
  }
}
.it-feature-3-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-feature-3-icon {
  margin-bottom: 30px;
}
.it-feature-3-shape-1 {
  position: absolute;
  top: -25%;
  left: 0;
  z-index: -1;
}
.it-feature-3-shape-2 {
  position: absolute;
  top: 13%;
  right: 7%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-area {
    background-color: var(--it-common-black);
  }
}
.it-features-4-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-bg {
    display: none;
  }
}
.it-features-4-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 18px;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-features-4-title br {
    display: none;
  }
}
.it-features-4-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 84px;
  width: 84px;
  line-height: 84px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-5);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-icon {
    display: none;
  }
}
.it-features-4-item {
  padding: 45px 40px;
  padding-right: 55px;
  position: relative;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item {
    padding: 35px 20px;
    background-color: var(--it-common-white);
  }
}
.it-features-4-item p {
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item p {
    font-size: 14px;
  }
}
.it-features-4-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-common-white);
  -webkit-mask-image: url(../img/shape/feature-mask-10.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item::after {
    display: none;
  }
}
.it-features-4-item .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-oxanium);
}
.it-features-4-item:hover .it-btn-yellow span, .it-features-4-item:hover svg {
  color: var(--it-theme-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 {
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 .it-features-4-item {
    background-color: var(--it-gray-1);
  }
}
.it-features-4-style-2 .it-features-4-item::after {
  background: rgba(240, 244, 245, 0.6);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon {
  background-color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon svg {
  color: var(--it-theme-2);
}
.it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow svg, .it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow span {
  color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-icon {
  transition: 0.4s;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon {
    height: 75px;
    width: 75px;
    line-height: 75px;
  }
}
.it-features-4-style-2 .it-features-4-icon svg {
  transition: 0.4s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon svg {
    height: 35px;
  }
}
.it-features-4-inner-style {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-inner-style .it-features-4-item {
    background: rgba(248, 198, 47, 0.1);
  }
}
.it-features-4-inner-style .it-features-4-item::after {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  background: rgba(248, 198, 47, 0.1);
}
.it-features-4-inner-style .it-features-4-icon {
  background-color: var(--it-theme-5);
}
.it-features-4-inner-style .it-features-4-icon svg {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-feature-5-area {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb.style-3 {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.it-feature-5-title {
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 5px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-5-title {
    font-size: 25px;
  }
}
.it-feature-5-title::before {
  content: "";
  margin-right: 45px;
}
.it-feature-5-content {
  margin-left: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-5-content {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-content {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-content span {
  font-size: 20px;
  display: block;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
.it-feature-5-content p {
  line-height: 1.75;
  color: #999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-content p {
    font-size: 14px;
  }
  .it-feature-5-content p br {
    display: none;
  }
}
.it-feature-5-content a {
  margin-top: 30px;
  display: block;
  padding: 4px 10px;
  text-align: center;
  margin-right: 88px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  border-top: 1px solid rgba(205, 147, 90, 0.3);
  border-bottom: 1px solid rgba(205, 147, 90, 0.3);
}
.it-feature-5-thumb {
  margin-left: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
  margin-left: 0;
  margin-right: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
    margin-right: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
  margin-right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
    margin-right: 0;
  }
}

.it-feature-6-content {
  padding-left: 20px;
}
.it-feature-6-content span {
  font-size: 14px;
}
.it-feature-6-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-title {
    font-size: 17px;
  }
}
.it-feature-6-item.col-1-2 {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-item.col-1-2 {
    margin-left: 0;
  }
}
.it-feature-6-item.col-1-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-item.col-1-3 {
    margin-left: 0;
  }
}
.it-feature-6-wrap {
  padding-top: 100px;
  padding-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}

/*----------------------------------------*/
/*  23. gallery css start
/*----------------------------------------*/
.it-gallery-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-area {
    padding: 100px 0;
  }
}
.it-gallery-thumb {
  flex: 0 0 auto;
}
.it-gallery-thumb {
  overflow: hidden;
}
.it-gallery-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.it-gallery-thumb.style-1 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 15px;
  }
}
.it-gallery-thumb:hover img {
  transform: scale(1.2);
}
.it-gallery-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-gallery-thumb-wrap {
    gap: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb-wrap {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-box {
    width: 100%;
  }
}
.it-gallery-thumb-box.box-style-4 {
  margin-bottom: 105px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-4 {
    margin-bottom: 0;
  }
}
.it-gallery-thumb-box.box-style-5 {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-5 {
    margin-top: 0;
  }
}
.it-gallery-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  left: 12.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-shape-1 {
    display: none;
  }
}
.it-gallery-shape-2 {
  position: absolute;
  z-index: -1;
  top: 9%;
  left: 6%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-2 {
    display: none;
  }
}
.it-gallery-shape-3 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-3 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-item img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  26. language css start
/*----------------------------------------*/
.it-language-wrap {
  padding: 80px 75px;
  padding-top: 70px;
  padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-language-wrap {
    padding: 55px 35px;
  }
}
@media (max-width: 767px) {
  .it-language-wrap {
    padding: 40px 20px;
  }
}
.it-language-wrap .it-about-text p {
  color: rgba(255, 255, 255, 0.8);
}
.it-language-wrap .it-about-list-box ul li {
  position: relative;
  display: block;
}
.it-language-wrap .it-about-list-box ul li span {
  display: block;
}
.it-language-wrap .it-about-list-box ul li span svg {
  position: absolute;
  left: 0;
  top: 35%;
  transform: translateY(-50%);
  margin: 0;
}
.it-language-wrap .it-about-list-box ul li span h6 {
  color: var(--it-common-white);
  margin: 0;
  padding: 0;
  line-height: 1.3;
  display: block;
}
.it-language-wrap .it-section-title {
  margin-bottom: 15px;
}
.it-language-wrap .it-about-list-box {
  margin-bottom: 37px;
}
.it-language-thumb {
  width: 100%;                  /* Füllt die komplette Breite von col-6 aus */
  aspect-ratio: 1 / 1;          /* Erzwingt ein perfektes Quadrat (Breite = Höhe) */
  overflow: hidden;
  transform: translateX(-13px);
  outline: 5px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-thumb {
    margin-top: 50px;
    transform: translateX(0);
  }
}
.it-language-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.2s all ease;
}
.it-language-thumb:hover img {
  transform: scale(1.06);
}
.it-language-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-language-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 0;
}
.it-language-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 35%;
  right: 10%;
  animation: rotate 30s linear infinite;
}
@media (max-width: 767px) {
  .it-language-shape-3 {
    display: none;
  }
}
.it-language-shape-4 {
  position: absolute;
  z-index: 1;
  top: -4.8%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-4 {
    top: -4.6%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-4 {
    top: -4.4%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-4 {
    display: none;
  }
}
.it-language-shape-5 {
  position: absolute;
  z-index: 1;
  top: -6.6%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-5 {
    top: -6.7%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-5 {
    top: -6.3%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-5 {
    display: none;
  }
}
.it-language-shape-6 {
  position: absolute;
  z-index: 1;
  top: -7.4%;
  right: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-6 {
    top: -7.2%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-6 {
    top: -7.4%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-6 {
    display: none;
  }
}
.it-language-shape-7 {
  position: absolute;
  z-index: 1;
  top: -6%;
  left: 1%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-shape-7 {
    display: none;
  }
}
.it-language-shape-8 {
  position: absolute;
  z-index: -1;
  top: 37%;
  left: 10%;
  animation: rotate 30s linear infinite;
}
@media (max-width: 767px) {
  .it-language-shape-8 {
    display: none;
  }
}
.it-language-shape-9 {
  position: absolute;
  z-index: -1;
  top: -3%;
  left: 0;
}
.it-language-shape-10 {
  position: absolute;
  z-index: -1;
  top: -10%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-10 {
    top: -10%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-10 {
    top: -8%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-10 {
    display: none;
  }
}
.it-language-shape-11 {
  position: absolute;
  z-index: 5;
  top: -7.3%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-11 {
    top: -7.69%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-11 {
    top: -5.17%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-11 {
    display: none;
  }
}
.it-language-shape-12 {
  position: absolute;
  z-index: 5;
  top: -2.97%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-12 {
    top: -2.78%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-12 {
    top: -1.42%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-12 {
    display: none;
  }
}
.it-language-shape-13 {
  position: absolute;
  z-index: 5;
  top: -14.6%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-13 {
    top: -14.3%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-13 {
    top: -14.8%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-13 {
    display: none;
  }
}
.it-language-shape-14 {
  position: absolute;
  z-index: 5;
  top: -11.7%;
  left: 1%;
}
@media (max-width: 1399.9px) {
  .it-language-shape-14 {
    top: -10.9%;
  }
}
@media (max-width: 1199.9px) {
  .it-language-shape-14 {
    top: -10.2%;
  }
}
@media (max-width: 991.9px) {
  .it-language-shape-14 {
    display: none;
  }
}
/*----------------------------------------*/
/*  13. choose css start
/*----------------------------------------*/
.it-choose-area .it-about-list-box ul li span svg, .it-choose-area i {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-area.it-choose-area.pt-185 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .it-choose-left .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 30px;
  }
}
.it-choose-left p {
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
  }
}
.it-choose-thumb.style-1 {
  margin-right: 125px;
  transform: rotate(168deg);
}
@media (max-width: 767px) {
  .it-choose-thumb.style-1 {
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 60px;
    transform: rotate(180deg);
  }
}
.it-choose-thumb.style-1 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-1);
}
.it-choose-thumb.style-2 {
  margin-top: -45px;
  margin-left: 160px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .it-choose-thumb.style-2 {
    margin-top: 0;
    margin-left: 0;
  }
}
.it-choose-thumb.style-2 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-2);
}
.it-choose-shape-1 {
  position: absolute;
  top: -60%;
  left: 0;
  z-index: -1;
}
.it-choose-shape-2 {
  position: absolute;
  top: -7%;
  left: 1%;
  z-index: -1;
}
.it-choose-shape-3 {
  position: absolute;
  z-index: -1;
  top: 14%;
  right: -13%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-shape-3 {
    display: none;
  }
}
.it-choose-shape-4 {
  position: absolute;
  z-index: -1;
  top: 10%;
  right: -6%;
  animation: rotate 2s linear infinite;
}

.it-choose-2-item {
  padding: 50px 40px;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  border: 1px solid rgb(61 157 59 / 30%);
  display: flex;
  flex-direction: column;
  height: 100%;  
  transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.it-choose-2-item:hover {
  transform: scale(1.02); 
  border-color: rgb(20, 140, 120); 
  box-shadow: 0 25px 35px 0 rgba(1, 6, 20, 0.15); 
}
.it-choose-2-item p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item {
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item p {
    font-size: 14px;
  }
}
.it-choose-2-item:hover .it-choose-2-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-2-title {
  font-size: 28px;
  margin-bottom: 20px;
}
.it-choose-2-title.farbig span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h4.it-choose-2-title {
  font-size: 20px; 
  margin-top: 14px;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
  h4.it-choose-2-title {
    font-size: 15px;
  }
}
.it-choose-2-title.farbig span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-title {
    font-size: 22px;
  }
}
.it-choose-2-icon {
  margin-bottom: 22px;
}
.it-choose-2-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-icon svg {
    height: 55px;
  }
}
.it-choose-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.it-choose-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-shape-2 {
    top: 10%;
    transform: scale(0.6);
  }
}
.it-choose-2-style-2 .it-choose-2-title {
  font-size: 24px;
}
.it-choose-2-style-2 .it-choose-2-item {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(248, 198, 47, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-1 {
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-2 {
  opacity: 1;
}
.it-choose-2-style-2 .it-choose-2-item .shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
}
.it-choose-2-style-2 .it-choose-2-item .shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-icon {
  margin-bottom: 18px;
}

.it-choose-3-item {
  position: relative;
  z-index: 1;
  padding: 40px 30px;
  padding-top: 45px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  border: 1px solid rgba(248, 198, 47, 0.1);
}
.it-choose-3-item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-3-item p {
    padding: 0 20px;
  }
}
.it-choose-3-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-choose-3-item:hover .it-choose-3-shape-1 {
  opacity: 1;
  left: 0;
}
.it-choose-3-item:hover .it-choose-3-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-3-title {
  font-size: 24px;
  margin-bottom: 13px;
}
.it-choose-3-icon {
  margin-bottom: 25px;
}
.it-choose-3-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-choose-3-shape-1 {
  position: absolute;
  top: 50%;
  left: -25%;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease;
  transform: translateY(-50%);
}
.it-choose-3-shape-2 {
  position: absolute;
  top: -25%;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-3-shape-2 {
    display: none;
  }
}

.it-choose-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-choose-4-thumb {
  border-radius: 18px;
  overflow: hidden;
}
.it-choose-4-thumb img {
  width: 100%;
  border-radius: 18px;
  transition: 1.3s all ease;
}
.it-choose-4-title {
  font-size: 26px;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-title {
    font-size: 20px;
  }
}
.it-choose-4-number {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  height: 88px;
  width: 88px;
  line-height: 93px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  outline: 5px solid #536f5a;
  background-color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-choose-4-number::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -35px;
  width: 34px;
  height: 30px;
  -webkit-transform: scaleX(-1) rotate(-90deg);
  transform: scaleX(-1) rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number::after {
  content: "";
  position: absolute;
  top: 29px;
  right: -37px;
  width: 34px;
  height: 30px;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number i {
  line-height: 1;
  font-style: normal;
}
.it-choose-4-item {
  border-radius: 20px;
  padding: 30px 23px;
  padding-top: 100px;
  margin-top: 30px;
  background-color: var(--it-common-white);
}
.it-choose-4-item:hover .it-choose-4-thumb img {
  transform: scale(1.2);
}
.it-choose-4-shape-1 {
  position: absolute;
  top: 10%;
  left: 1.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-1 img {
    transform: scale(0.7);
  }
}
.it-choose-4-shape-2 {
  position: absolute;
  top: 10%;
  right: 5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-area .it-choose-section-title-box.mb-45 {
    margin-bottom: 30px !important;
  }
}
.it-choose-5-wrap {
  padding: 20px;
  padding-right: 140px;
  border-radius: 50px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-wrap {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-wrap {
    padding-right: 20px;
    padding-bottom: 40px;
  }
}
.it-choose-5-list-box ul li {
  padding-top: 35px;
  list-style-type: none;
  border-top: 1px solid rgba(98, 98, 99, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-box ul li {
    padding-top: 25px;
  }
}
.it-choose-5-list-box ul li:last-child .it-choose-5-list-content p {
  margin-bottom: 0;
}
.it-choose-5-list-content .title {
  font-size: 24px;
  position: relative;
  padding-left: 52px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-5-list-content .title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-choose-5-list-content .title {
    font-size: 18px;
    padding-left: 35px;
  }
}
.it-choose-5-list-content .title span {
  position: absolute;
  top: 0;
  left: 0;
}
.it-choose-5-list-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #61616a;
  margin-bottom: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-list-content p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-content p {
    font-size: 15px;
    margin-bottom: 23px;
  }
}
.it-choose-5-right {
  padding-left: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-right {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-right {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-right {
    padding-left: 0;
    margin-top: 50px;
  }
}
.it-choose-5-thumb {
  position: relative;
  z-index: 1;
}
.it-choose-5-thumb img {
  max-width: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb img {
    width: 100%;
  }
}
.it-choose-5-thumb::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -7%;
  z-index: -1;
  width: 100%;
  height: 74.5%;
  border-radius: 30px;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb::after {
    display: none;
  }
}
.it-choose-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: -15%;
  right: 0;
}

/*----------------------------------------*/
/*  36. stats css start
/*----------------------------------------*/
.it-stats-wrap {
  padding: 50px 60px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap {
    padding: 40px 30px;
  }
}
.it-stats-wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap span {
    font-size: 14px;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
    padding-left: 0;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    left: -24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    display: none;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -27%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:not(:last-child) .it-stats-item {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-stats-item {
    text-align: center;
    justify-content: center !important;
  }
}
.it-stats-title {
  font-size: 60px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-title {
    font-size: 38px;
  }
}

/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-activities-item {
  padding: 70px 20px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item::before {
  position: absolute;
  content: url(../img/shape/activities-4-1.png);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::before {
    display: none;
  }
}
.it-activities-item::after {
  position: absolute;
  content: url(../img/shape/activities-4-2.png);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::after {
    display: none;
  }
}
.it-activities-item p {
  font-size: 14px;
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-activities-item p {
    margin: 0;
  }
}
.it-activities-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-activities-item:hover .it-activities-icon svg, .it-activities-item:hover .it-activities-icon i {
  color: var(--it-theme-2);
}
.it-activities-icon {
  margin-bottom: 28px;
}
.it-activities-icon svg, .it-activities-icon i {
  transition: 0.3s;
  color: var(--it-theme-1);
}
.it-activities-title {
  margin-bottom: 15px;
}
.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  left: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-1 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-1 {
    display: none;
  }
}
.it-activities-shape-2 {
  position: absolute;
  z-index: -1;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-2 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  41. video css start
/*----------------------------------------*/
.it-video-right {
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-right {
    margin-left: 0;
  }
}
.it-video-right.it-about-4-content .it-about-list-box ul li span {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 16px;
  }
}
.it-video-right .it-about-4-content p {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-thumb {
    margin-right: 25px;
  }
}
.it-video-thumb.thumb-overlay::after {
  border-radius: 30px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-video-thumb .it-about-thumb-icon {
  height: 100px;
  width: 100px;
  line-height: 100px;
}
.it-video-thumb .it-about-thumb-icon svg {
  width: 24px;
  height: 20px;
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  19. faq css start
/*----------------------------------------*/
.it-faq-area {
  padding-top: 128px;
  padding-bottom: 100px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);    
  position: relative; /* Wichtig, damit deine absoluten Shapes (.it-faq-shape-1) korrekt positioniert bleiben */
}
@media (max-width: 1399px) {
  .it-faq-area {
    padding-top: 114px;
  }
}
@media (max-width: 1199px) {
  .it-faq-area {
    padding-top: 94px;
  }
}
@media (max-width: 991px) {
  .it-faq-area {
    padding-top: 122px;
	padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .it-faq-area {
    padding-top: 84px;
  }
}
@media (max-width: 500px) {
  .it-faq-area {
    padding-top: 86px;
  }
}
@media (max-width: 400px) {
  .it-faq-area {
    padding-top: 76px;
  }
}
@media (max-width: 385.9px) {
  .it-faq-area {
    padding-top: 57px;
  }
}
@media (max-width: 351.9px) {
  .it-faq-area {
    padding-top: 19px;
  }
}
.it-faq-area .it-about-2-left {
  padding-left: 35px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-area .it-about-2-left {
    margin: 0 70px;
  }
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-left {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.it-faq-area .it-about-2-thumb-sm {
  right: auto;
  left: -1.5%;
  bottom: 2%;
  border-left: none;
  border-top: 10px solid var(--it-common-white);
  border-right: 12px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-thumb-sm {
    left: 0;
    animation: unset;
  }
}
.it-faq-area .it-about-2-shape-7 {
  left: auto;
  right: -12%;
  animation: zoom 3s infinite;
}
.it-faq-left {
  margin-right: 83px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-left {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-left {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left .it-section-title-3 br {
    display: none;
  }
}
.it-faq-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-faq-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-shape-2 {
    display: none;
  }
}
.it-faq-style-2 .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}
.it-faq-style-3 .it-custom-accordion .accordion-items {
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-faq-style-3 .it-about-2-thumb img {
    width: 100%;
  }
}
.it-faq-tab-box ul {
  padding: 16px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.it-faq-tab-box ul li button {
  padding: 0;
  font-size: 20px;
  margin: 0 20px;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-faq-tab-box ul li button.active {
  color: var(--it-theme-1);
}
.it-faq-tab-box ul li button:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-faq-tab-content {
    margin-bottom: 50px;
  }
}
.it-faq-tab-content .it-details-title-sm {
  font-family: var(--it-ff-heading);
}
.it-faq-tab-content ul li {
  list-style-type: none;
}
.it-faq-tab-content ul li:not(:last-child) {
  margin-bottom: 14px;
}
.it-faq-inner-style .it-custom-accordion .accordion-items {
  border-radius: 10px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(14, 32, 81, 0.1);
}
.it-faq-inner-style .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
.it-faq-inner-style .it-custom-accordion .accordion-body p {
  margin-right: 15px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-body p {
    margin-right: 0;
    font-size: 14px;
  }
}
/*----------------------------------------*/
/*  31. price css start
/*----------------------------------------*/
.it-price-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-section-title-box {
    margin-bottom: 30px;
  }
}
.it-price-item {
  padding: 60px 40px;
  padding-top: 57px;
  border-radius: 20px;
  position: relative;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item {
    padding: 45px 25px;
  }
}
.it-price-item .price-amount {
  font-weight: 700;
  font-size: 45px;
  line-height: 1;
  color: var(--it-theme-5);
  font-family: var(--it-ff-oxanium);
}
.it-price-item .price-amount span {
  font-size: 16px;
  font-weight: 400;
  color: var(--it-text-body);
}
.it-price-item .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-price-item .it-btn-yellow span, .it-price-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-item .tag {
  position: absolute;
  top: 45px;
  right: 25px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 5px 22px;
  border-radius: 1000px;
  display: inline-block;
  transform: rotate(14deg);
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-item .tag {
    right: 0;
    transform: rotate(14deg) scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item .tag {
    display: none;
  }
}
.it-price-item .tag svg {
  margin-top: -3px;
}
.it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-item.active .it-price-title {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li span svg {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li.inactive {
  color: var(--it-text-body);
}
.it-price-item.active .it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-item.active .it-btn-yellow {
  background-color: var(--it-theme-5);
}
.it-price-item.active .it-btn-yellow span, .it-price-item.active .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-head {
  margin-bottom: 20px;
}
.it-price-value {
  padding-bottom: 31px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.5);
}
.it-price-title {
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: var(--it-ff-oxanium);
}
.it-price-features {
  margin-bottom: 45px;
}
.it-price-features ul li {
  position: relative;
  padding-left: 30px;
  list-style-type: none;
}
.it-price-features ul li:not(:last-child) {
  margin-bottom: 19px;
}
.it-price-features ul li span {
  position: absolute;
  top: -2px;
  left: 0;
}
.it-price-features ul li span svg {
  color: var(--it-common-black);
}
.it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-tab-wrap {
  border-radius: 30px;
  padding: 5px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(254, 130, 53, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-price-tab-wrap .it-price-tab ul li {
  display: inline-block;
}
.it-price-tab-wrap .it-price-tab ul li button {
  transition: 0.4s;
  font-size: 14px;
  padding: 9px 25px;
}
.it-price-tab-wrap .it-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--it-common-white);
}
.it-price-tab-wrap .it-price-tab #lineMarker {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  z-index: 0;
  height: 100%;
  transition: 0.4s;
  border-radius: 1000px;
  background: var(--it-theme-5);
}
.it-price-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-price-inner-style .it-price-item {
  background-color: rgba(9, 31, 46, 0.1);
}
.it-price-inner-style .it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-inner-style .it-price-item.active .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item.active .price-amount {
  color: var(--it-common-white);
}
.it-price-inner-style .it-price-item.active .tag {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.it-price-inner-style .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item .price-amount {
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

/*----------------------------------------*/
/*  39. text slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 25px 0;
  background-color: var(--it-theme-6);
}
.it-text-slider-item {
  display: flex;
  align-items: center;
}
.it-text-slider-item span {
  font-size: 50px;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  display: inline-block;
}
.it-text-slider-item img {
  margin: 0 20px;
}
.it-text-slider-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-text-slider-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  30. portfolio css start
/*----------------------------------------*/
.it-portfolio-area {
  background-color: rgb(47, 42, 37);
}
@media (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 0;
  }
}
.it-portfolio-section-title {
  font-weight: 400;
  font-size: 100px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-section-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-section-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-section-title {
    font-size: 40px;
  }
}
.it-portfolio-title {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-title {
    font-size: 30px;
  }
}
.it-portfolio-big-thumb {
  margin-bottom: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-big-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-portfolio-small-thumb {
    margin-top: 50px;
  }
}
.it-portfolio-content span {
  display: block;
  margin-bottom: 15px;
  color: var(--it-theme-6);
}
.it-portfolio-right {
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-right {
    margin-left: 0;
  }
}
.it-portfolio-arrow-wrap {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.it-portfolio-active {
  padding-bottom: 5px;
}

/*----------------------------------------*/
/*  35. social css start
/*----------------------------------------*/
.it-social-text a {
  font-size: 60px;
  margin-bottom: 35px;
  display: inline-block;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-social-text a {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-social-text a {
    font-size: 30px;
  }
}
.it-social-box {
  margin-top: 50px;
  justify-content: space-evenly;
}
@media (max-width: 767px) {
  .it-social-box {
    flex-wrap: wrap !important;
  }
}
.it-social-area {
  border-top: 1px solid rgba(108, 117, 125, 0.3);
}
.it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
    border-right: none;
  }
}
.it-social-item {
  padding: 52px 100px;
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-social-item {
    padding: 52px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item {
    padding: 35px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-item {
    padding: 35px 20px;
    border: none;
  }
}
@media (max-width: 767px) {
  .it-social-item {
    padding: 25px 20px;
    border: none;
  }
}
.it-social-item a {
  display: flex;
  align-items: end;
}
.it-social-item a span {
  font-size: 24px;
  line-height: 0.9;
  display: inline-block;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a span {
    font-size: 17px;
  }
}
.it-social-item a:hover {
  color: var(--it-theme-5);
}
.it-social-item a svg {
  height: 26px;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a svg {
    height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a svg {
    height: 17px;
    margin-right: 5px;
  }
}
.it-social-item.style-2 a {
  justify-content: center;
}
.it-social-item.style-3 a {
  justify-content: center;
}
.it-social-item.style-4 {
  border-right: none;
}
.it-social-item.style-4 a {
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
.it-social-style-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
    border: none;
  }
}
.it-social-style-2 .it-social-item {
  transition: 0.3s;
}
.it-social-style-2 .it-social-item a span {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item a svg {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item:hover {
  background-color: rgba(248, 198, 47, 0.3);
}

/*----------------------------------------*/
/*  04. banner css start
/*----------------------------------------*/
.it-banner-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  padding-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-item {
    padding: 30px 20px;
  }
}
.it-banner-item > span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 22px;
}
.it-banner-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 161px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-title {
    font-size: 22px;
    margin-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  32. shop css start
/*----------------------------------------*/
.it-shop-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 12px;
  padding: 2px 10px;
  z-index: 1;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-shop-action-2 {
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  transform: translateY(-50%);
}
.it-shop-action-btn-2 {
  position: relative;
  display: block;
  padding: 8px 20px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-theme-1);
}
.it-shop-action-btn-2 span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-white);
}
.it-shop-action-btn-2 span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2 span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2:hover {
  background-color: var(--it-common-white);
}
.it-shop-action-btn-2:hover span {
  color: var(--it-common-black);
}
.it-shop-action-btn-2:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-shop-action-btn-2:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-shop-title {
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-title {
    font-size: 17px;
  }
}
.it-shop-price {
  margin-bottom: 8px;
}
.it-shop-price span {
  font-size: 16px;
  color: var(--it-theme-1);
}
.it-shop-price del {
  font-size: 14px;
  padding-left: 4px;
}
.it-shop-rating svg {
  margin: 0 1px;
}
.it-shop-thumb {
  position: relative;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-shop-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.it-shop-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(31, 36, 50, 0.6);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
.it-shop-item {
  padding: 20px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-shop-item:hover .it-shop-thumb img {
  transform: scale(1.15) rotate(2deg);
}
.it-shop-item:hover .it-shop-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-shop-item:hover .it-shop-action-2 {
  visibility: visible;
  opacity: 1;
  top: 50%;
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li {
    margin-bottom: 10px;
  }
}
.it-shop-tab-box ul li button {
  padding: 0;
  font-size: 36px;
  line-height: 1;
  transition: 0.3s;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li button {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li button {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li button {
    font-size: 18px;
  }
}
.it-shop-tab-box ul li button:hover {
  color: var(--it-common-black);
}
.it-shop-tab-box ul li button.active {
  color: var(--it-common-black);
}
.it-shop-tab-box ul li.divider {
  font-size: 36px;
  line-height: 1;
  margin: 0 15px;
  display: inline-block;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li.divider {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li.divider {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-shop-tab-box ul li.divider {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-shop-btn {
    margin-top: 30px;
  }
}
.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(45, 196, 87, 0.2);
  border: 0;
  position: relative;
}
.it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--it-text-body);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li {
  list-style: none;
}
.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.it-shop-widget-checkbox ul li input {
  display: none;
}
.it-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.it-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
}
.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--it-common-white);
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.it-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-shop-widget-rating-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}
.it-shop-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}
.it-shop-widget-thumb {
  margin-right: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}
.it-shop-widget-content h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-right: 40px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-sidebar {
    margin-top: 70px;
  }
}
.it-shop-text span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-text span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 0;
  }
}
.it-shop-text p {
  line-height: 1.75;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-top: 0;
    margin-left: 25px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}
.it-shop-filter-box > span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-filter-box > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box > span {
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box > span {
    width: auto;
  }
}
.it-shop-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-left: 20px;
  padding-right: 45px;
  line-height: 50px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  border: 1px solid var(--it-theme-1);
}
.it-shop-filter .nice-select::after {
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 31px;
  top: 50%;
  margin-left: 10px;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.it-shop-filter .nice-select.open::after {
  transform: rotate(-136deg);
}
.it-shop-inner-style .it-shop-thumb {
  border: none;
  height: 100%;
  margin-right: 40px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-thumb {
    margin-right: 0;
    height: auto;
  }
}
.it-shop-inner-style .it-shop-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}
.it-shop-inner-style .it-shop-thumb::after {
  display: none;
}
.it-shop-inner-style .it-shop-content {
  position: relative;
  display: flex;
  height: 100%;
  align-items: start;
  text-align: start;
  flex-direction: column;
  justify-content: center;
  margin-left: -45px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    margin-left: 0;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    padding-top: 0;
  }
}
.it-shop-inner-style .it-shop-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-shop-inner-style .it-shop-action-btn-2 {
  border-radius: 5px;
  background-color: var(--it-theme-1);
}
.it-shop-inner-style .it-shop-action-btn-2 span {
  color: var(--it-common-white);
}
.it-shop-inner-style .it-shop-price {
  margin-bottom: 10px;
}
.it-shop-inner-style .it-shop-badge {
  left: auto;
  right: 0;
  top: 0;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-badge {
    display: none;
  }
}
.it-shop-inner-style-2 .it-shop-item {
  border-radius: 10px;
}
.it-shop-inner-style-2 .it-shop-thumb {
  height: 255px;
  margin-bottom: 28px;
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb {
    height: 200px;
  }
}
.it-shop-inner-style-2 .it-shop-thumb img {
  border-radius: 10px;
  height: 255px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb img {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-text span {
    margin-bottom: 0;
  }
}

/* details css here */
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 20px;
  color: var(--it-common-black);
  font-size: 18px;
  transform: translateY(-50%);
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: var(--it-common-black);
  font-size: 18px;
}
.it-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 45px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__area .it-sv-details-list {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-list {
    margin-bottom: 20px;
  }
}
.it-shop-details__area .it-sv-details-list p {
  font-weight: 400;
  font-size: 16px;
  padding-right: 0;
}
.it-shop-details__area .it-sv-details-list p b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-shop-details__area .it-sv-details-content > p {
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-content > p {
    font-size: 15px;
  }
}
.it-shop-details__area .it-service-3-item {
  padding: 30px;
  padding-bottom: 25px;
}
.it-shop-details__area .it-contact-2-input-box input {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-shop-details__area .it-contact-2-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .it-contact-2-input-box textarea {
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .it-shop-details__area .it-contact-2-input-box textarea {
    font-size: 14px;
  }
}
.it-shop-details__area .it-contact-2-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  border-radius: 5px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-shop-details__area .contact__select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}
.it-shop-details__area .contact__select .nice-select:focus {
  border-color: var(--it-theme-1);
}
.it-shop-details__right-wrap {
  margin-top: 46px;
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__right-wrap {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-left: 0;
  }
}
.it-shop-details__title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__title-sm {
    font-size: 30px;
  }
  .it-shop-details__title-sm br {
    display: none;
  }
}
.it-shop-details__social > span {
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details__social > span {
    font-size: 15px;
  }
}
.it-shop-details__social a {
  margin: 0 8px;
  display: inline-block;
}
.it-shop-details__social a:hover {
  color: var(--it-theme-1);
}
.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
}
.it-shop-details__icon a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-details__Category span {
  font-size: 16px;
  display: block;
  font-weight: 400;
}
@media (max-width: 767px) {
  .it-shop-details__Category span {
    font-size: 15px;
  }
}
.it-shop-details__Category span:not(:last-child) {
  margin-right: 28px;
  margin-bottom: 20px;
}
.it-shop-details__Category span i {
  font-style: normal;
  font-weight: 600;
  margin-right: 10px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}
.it-shop-details__text p {
  font-size: 16px;
  line-height: 1.65;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__text p {
    font-size: 14px;
  }
  .it-shop-details__text p br {
    display: none;
  }
}
.it-shop-details__btn {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__btn .it-btn-theme {
    padding: 20px 40px;
  }
}
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__quantity {
    margin-bottom: 0;
  }
}
.it-shop-details__quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-common-black);
  background-color: transparent;
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}
.it-shop-details__tab-content-box {
  text-align: center;
  border-radius: 30px;
  background: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-shop-details__tab-content-box img {
  border-radius: 30px;
}
.it-shop-details__tab-btn-box nav div button {
  transition: 0.3s;
  width: max-content;
  padding: 0;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    margin-bottom: 20px;
  }
}
.it-shop-details__tab-btn-box nav div button img {
  width: 125px;
  height: 130px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 85px;
    height: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
.it-shop-details__tab-btn-box nav div button.active {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:hover {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:not(:last-child) {
  margin-right: 10px;
}
.it-shop-details__wrapper {
  margin-right: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__wrapper {
    margin-right: 0;
  }
}
.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__price {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-shop-details__price {
    margin-right: 0;
    flex-wrap: wrap;
  }
}
.it-shop-details__price > span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: inline-block;
  margin-left: 20px;
  margin-right: 47px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-shop-details__price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}
@media (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 0;
  }
}
.it-shop-details__ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__top-wrap {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-action-wrapper .it-btn-theme {
    font-size: 14px;
    padding: 20px 25px;
  }
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}
.pro-details-nav-btn li:not(:last-child) button {
  margin-right: 50px;
}
.pro-details-nav-btn li button.active span {
  color: var(--it-common-black);
}
.pro-details-nav-btn li button span {
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn li button span {
    font-size: 17px;
  }
}

/* comment css here */
.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 767px) {
  .comments-text span br,
  .comments-text p br {
    display: none;
  }
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comment-input textarea {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--it-common-black);
  padding: 20px;
  resize: none;
  background-color: var(--it-gray-1);
}
.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-theme-1);
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--it-gray-1);
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}
.comments-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .table .add-info {
    font-size: 14px;
  }
}

.table td {
  padding: 18px;
}
@media (max-width: 767px) {
  .table td {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.it-comments-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .it-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
.comment-title h3 {
  margin-bottom: 15px;
}

.it-product-slider-title {
  color: var(--it-common-black);
  font-size: 30px;
  font-weight: 500;
}

.it-shop-widget-categories-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-categories-item input:checked ~ label::after {
  background-color: var(--it-common-purple);
  border-color: var(--it-common-purple);
}

.it-product-sidebar {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-sidebar {
    margin-right: 0;
  }
}
.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}
.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}
.it-product-widget-filter {
  position: relative;
}
.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--it-theme-1);
}
.it-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}
.it-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-common-black);
  position: absolute;
  display: inline-block;
}
.it-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-white);
  transform: translateY(-50%);
}
.it-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}
.it-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--it-common-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}
.it-product-widget-filter-info .it-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 10px 15px;
  margin-right: 15px;
}
.it-product-widget-filter-info .it-product-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-product-widget-category ul li {
  list-style: none;
  width: 100%;
}
.it-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.it-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}
.it-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}
.it-product-widget-category ul li a:hover {
  color: var(--it-theme-1);
}
.it-product-widget-category ul li a i {
  color: var(--it-theme-1);
}
.it-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget-color span {
    margin-bottom: 0;
  }
}
.it-product-widget-color span.red {
  background-color: #FE5B00;
}
.it-product-widget-color span.tia {
  background-color: var(--it-theme-1);
}
.it-product-widget-color span.yellow {
  background-color: #FED000;
}
.it-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}
.it-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}
.it-product-widget-color span.black {
  background-color: var(--it-common-black);
}
.it-product-widget-color span.ass {
  background-color: #505050;
}
.it-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.it-order-info-list-highlight-item span {
  display: block;
}
.it-order-info-list-highlight-item span input {
  display: none;
}
.it-order-info-list-highlight-item span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-left: 27px;
  position: relative;
}
.it-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}
.it-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-product-widget-rating span {
  display: block;
}
.it-product-widget-rating span input {
  display: none;
}
.it-product-widget-rating span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-product-widget-rating span label {
  position: relative;
  padding-left: 27px;
}
.it-product-widget-rating span label > i {
  color: #FED000;
}
.it-product-widget-rating span label > i.color {
  color: rgba(254, 207, 0, 0.4);
}
.it-product-widget-rating span label:hover {
  cursor: pointer;
}
.it-product-widget-rating span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-product-widget-rating span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .comments-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    flex-wrap: nowrap;
  }
}

.comment-input textarea {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  17. error css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}
.it-error-title {
  font-size: 60px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-error-title {
    font-size: 26px;
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-title {
    font-size: 37px;
  }
}
.it-error-content p {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-error-content p {
    font-size: 16px;
  }
}
.it-error-content .it-btn-yellow.theme-bg i {
  margin-left: 0;
  margin-right: 9px;
}
.it-error-shape-1 {
  position: absolute;
  z-index: -1;
  top: 33%;
  left: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-shape-1 {
    transform: scale(0.6);
    left: 2%;
  }
}
@media (max-width: 767px) {
  .it-error-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  33. contact css start
/*----------------------------------------*/
.it-signup-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 55px;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}
.it-signup-continue-item {
  padding: 12px 30px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 15px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}
.it-signup-continue-item span {
  display: inline-block;
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}
.it-signup-text span a {
  color: var(--it-theme-1);
  text-decoration: underline;
}
.it-signup-border {
  margin-bottom: 35px;
  position: relative;
}
.it-signup-border span {
  display: block;
  position: relative;
  padding: 0 10px;
  z-index: 1;
  display: inline-block;
  background-color: var(--it-common-white);
}
.it-signup-border::after {
  position: absolute;
  top: 50%;
  right: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: rgba(108, 117, 125, 0.4);
}
.it-signup-input {
  text-align: start;
}
.it-signup-input label {
  margin-bottom: 10px;
  font-size: 18px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-signup-input input {
  height: 50px;
  line-height: 50px;
  padding: 0 15px;
  font-size: 14px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-input input:focus {
  border-color: var(--it-theme-1);
}
.it-signup-input-icon {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-signup-input-icon {
    left: 19px;
  }
}
@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}
.it-signup-wrap {
  padding: 60px 50px;
  border-radius: 20px;
  text-align: center;
  margin: 0 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media (max-width: 767px) {
  .it-signup-wrap {
    margin: 0;
    padding: 60px 20px;
  }
}
.it-signup-wrap .form-check {
  display: flex;
  text-align: start;
}
.it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 2px;
  border-radius: 5px;
  box-shadow: none;
  flex: 0 0 auto;
  border: 1px solid #797979;
}
.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}
.it-signup-text span a {
  display: inline-block;
  margin-left: 20px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-signup-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 45px;
  padding: 90px 20px;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-logo {
    margin-right: 20px;
    padding: 90px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-logo {
    margin-right: 0;
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-logo {
    padding: 80px 40px;
  }
}
.it-signup-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-signup-area .form-check label span {
  color: var(--it-theme-1);
}
.it-signup-forget a {
  font-weight: 600;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: 0.01em;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
.it-signup-agree label {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}
.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}
.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}
.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  42. zoom-metting css start
/*----------------------------------------*/
.it-metting-area .it-event-countdown-time ul li {
  margin: 0 6px;
  border: 2px solid var(--it-theme-1);
  list-style: none;
  padding: 8px;
  border-radius: 5px;
  font-weight: 500;
}
.it-metting-area .it-event-countdown-time ul li span {
  margin-right: 3px;
}
.it-metting-area .section-border {
  margin-bottom: 35px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-metting-area .it-details-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-metting-area .it-details-title {
    font-size: 24px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li {
  padding-left: 0;
  font-family: var(--it-ff-spartan-medium);
}
.it-metting-area .it-course-sidebar .course-info ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child {
  font-size: 16px;
  display: inline-block;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li:last-child {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child span {
  margin-right: 5px;
}
.it-metting-area .it-course-sidebar .btn-border {
  margin-top: 15px;
  padding-top: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
.it-metting-area .it-course-sidebar .contact-section {
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-right {
    margin-top: 70px;
  }
}

/*----------------------------------------*/
/*  09. career css start
/*----------------------------------------*/
.it-career-details-area .postbox-dsc p {
  margin-right: 0;
}
.it-career-details-area .postbox-dsc p span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area .it-details-list ul li svg {
  color: rgba(31, 36, 50, 0.8);
}
.it-career-details-area .it-details-list ul li b {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area.it-course-details-style-3 .it-course-sidebar-thumb {
  margin-bottom: 50px;
}
.it-career-details-area .it-career-details-area .it-details-list ul li svg {
  height: 17px;
  width: 17px;
}
.it-career-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #F8F9FB;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-item {
    padding: 40px;
  }
}
.it-career-item > span {
  display: block;
  margin-bottom: 30px;
}
.it-career-item .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 11px 20px;
  display: inline-block;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-text-body);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media (max-width: 767px) {
  .it-career-price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-price {
    margin-bottom: 0;
  }
}
.it-career-meta {
  margin-bottom: 75px;
}
.it-career-meta span {
  line-height: 1;
  display: inline-block;
}
.it-career-meta span:not(:last-child) {
  padding-right: 15px;
  margin-right: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}

/*----------------------------------------*/
/*  29. policy css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-policy-area .postbox-dsc p br {
    display: none;
  }
}
.it-policy-area {
  padding-top: 125px;
  padding-bottom: 65px;
}

/*# sourceMappingURL=main.css.map */

/*----------------------------------------*/
/*  AB HIER NEU HINZUGEFÜGT JUNI 2026
/*----------------------------------------*/

.it-menu-bar {
  padding-right: 0px;
}

/* Standardmäßig (für mobile Geräte unter 768px) */
.video-thumbnail-image {
  width: 100%;       /* Oder eine andere gewünschte mobile Größe */
  height: auto;
}

/* Ab 768px Bildschirmbreite */
@media (min-width: 768px) {
  .video-thumbnail-image {
    width: 272px;
    height: 272px;
    object-fit: cover; /* Verhindert, dass das Bild verzerrt wird, falls es nicht quadratisch ist */
  }
}

/* Standardmäßig (für mobile Geräte unter 768px) */
.portfolio-thumbnail-image {
  width: 100%;       /* Oder eine andere gewünschte mobile Größe */
  height: auto;
}


/* ==========================================================================
   SUCHERGEBNISSE HERVORHEBUNG (LAYOUT-SICHER)
   ========================================================================== */
/* Generischer Standard-Style für alle Highlights auf der Seite */
.search-highlight {
    background-color: #fff2a8 !important;
    color: #000000 !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 2px !important;
    display: inline !important;
    
    /* Schützt die exakte Geometrie des umgebenden Layouts */
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}

/* UNIVERSELLES PRINZIP: Wenn das Highlight INNERHALB eines Spans liegt */
span .search-highlight,
span span .search-highlight {
    background-color: transparent !important; /* Kein gelber Hintergrund */
    
    /* FIX: Erzwingt, dass das Wort die originale Farbe des Elternelements (z.B. Weiß/Grau) behält */
    color: inherit !important;               
    
    /* Nur die feine Linie direkt unter dem Wort wird rot */
    text-decoration: underline !important;
    text-decoration-color: #e53935 !important;
    text-underline-offset: 3px !important;
    text-decoration-thickness: 2px !important;

    /* Sicherheits-Schilde für die Geometrie */
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
    text-transform: inherit !important;
}
.search-url {
    word-break: break-all; 
    word-wrap: break-word; 
    overflow-wrap: break-word; 
}

/* Styling für den Suchbutton im mobilen Offcanvas-Menü */
.itoffcanvas .it-header-search-3 .search-box-outer {
    background: #f5f7f9; /* Leichter Hintergrund zur Abhebung */
    padding: 12px 20px;
    border-radius: 8px;
    width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    transition: background 0.3s ease;
}


/* ==========================================================================
   AUDIO PLAYER MAIN STYLES
   ========================================================================== */

/* Timeline Container (Einklappbar / Dynamisch) */
.audio-timeline-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    box-sizing: border-box;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    z-index: 5;
    opacity: 0;
    transform: translateY(100%);
    transition: all 0.4s ease-in-out;
}

.audio-timeline-container.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Zeitanzeige (0:00) */
.time-display {
    color: #ffffff;
    font-size: 11px;
    font-family: sans-serif;
    min-width: 30px;
}

/* Fortschrittsbalken Container */
.progress-bar-wrapper {
    flex-grow: 1;
    height: 4px;
    background: rgba(255, 255, 255, 0.3);
    margin: 0 10px;
    border-radius: 2px;
    cursor: pointer;
    position: relative;
}

/* Fortschrittsbalken Füllung */
.progress-bar-fill {
    height: 100%;
    width: 0%;
    background: #F8C62F; 
    border-radius: 2px;
    transition: width 0.1s linear;
}

.progress-bar-wrapper,
.progress-bar-fill {
    backface-visibility: hidden;
    transform: translateZ(0);
}

/* ==========================================================================
   STATISCHE SPRECHER-KARTEN
   ========================================================================== */

.static-audio-item {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.static-audio-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.static-audio-title {
    font-size: 14px;
    color: #6c757d;
    margin-bottom: 10px;
    display: block;
    font-weight: 500;
}

.audio-timeline-container.static-timeline {
    opacity: 1 !important;
    transform: translateY(0) !important;
    position: relative !important;
    margin-top: 0;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    border-radius: 8px;
}

.timeline-inline-play-btn {
    background: none;
    border: none;
    padding: 0;
    margin-right: 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}
.static-timeline .timeline-inline-play-btn {
    margin-right: 8px;
}
.timeline-inline-play-btn svg {
    transition: transform 0.2s ease;
}

.timeline-inline-play-btn:hover svg {
    transform: scale(1.1);
}
.time-display.current-time {
    margin-right: 0px;
}
.static-timeline .time-display.current-time {
    margin-left: 13px;
	margin-right: -3px;	
}
.sweep.time-display.current-time {
    margin-left: 4px;
	margin-right: -7px;	
}
.static-timeline .progress-bar-wrapper {
    flex-grow: 1;
    margin: 0;
}
.time-display.total-duration {
    margin-left: 0px;
}
.sweep.time-display.total-duration {
    margin-left: 2px!important;
	margin-left: -4px;
}

.it-about-2-thumb-sm.audio-card-container {
    overflow: hidden;
}

/* ==========================================================================
   EINHEITLICHE PLAY / PAUSE ICON-UMSCHALTUNG
   ========================================================================== */

/* Standardzustand: Play sichtbar, Pause verdeckt */
.play-audio-btn .icon-pause,
.timeline-inline-play-btn .icon-pause {
    display: none !important;
}

.play-audio-btn .icon-play,
.timeline-inline-play-btn .icon-play {
    display: inline-block !important;
}

/* Aktiver Zustand (playing): Play verdeckt, Pause sichtbar */
.play-audio-btn.playing .icon-play,
.timeline-inline-play-btn.playing .icon-play,
.audio-card-container.playing .icon-play,
.static-audio-item.playing .icon-play {
    display: none !important;
}

.play-audio-btn.playing .icon-pause,
.timeline-inline-play-btn.playing .icon-pause,
.audio-card-container.playing .icon-pause,
.static-audio-item.playing .icon-pause {
    display: inline-block !important;
}

/* Stellt sicher, dass der Play-Button immer über dem Bild/Text liegt */
.play-audio-btn {
    z-index: 10 !important;
    pointer-events: auto !important;
}

/* FLEXBOX CSS in "it-course-area" */
.it-team-item {
    display: flex;
    flex-direction: column;
    height: 100%;
}
/* 2. Lässt den Inhaltsbereich flexibel wachsen, um den restlichen Platz auszufüllen */
.it-team-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
/* 3. Magisches Flexbox-Verhalten: Schiebt den Button-Wrapper ganz nach unten */
.it-team-btn-wrapper {
    margin-top: auto;
}

/* BUTTON-PLATZIERUNG in "it-language-area2" */
.button-container {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 15px;
}

/* FAQ-Otimierung */
.it-custom-accordion .accordion-collapse {
  overflow: hidden;
  transition: height 0.5s ease-in-out;
}

/* HAKEN und SCHRIFT letzte Sektion */
.it-language-about-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.it-language-about-list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    line-height: 1.2;
}
.it-language-about-list ul li:last-child {
    margin-bottom: 0;
}
.it-language-about-list ul li span {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 24px; 
    color: #1f2432; 
    line-height: 1.3; 
    font-weight: 600; 
}
.it-language-about-list ul li span svg {
    flex-shrink: 0;
}

/* BUTTON bei ABOUT */
.it-team-item:hover .it-about-button {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-about-button {
  position: absolute;
  bottom: 70px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.8s;
  transition-property: all;
}
@media (max-width: 1399px) {
	.it-about-button {
	  bottom: 52px;
	}
}
@media (max-width: 1199px) {
	.it-about-button {
	  bottom: 45px;
	}
}
@media (max-width: 991px) {
	.it-about-button {
	  bottom: 79px;
	}
}
@media (max-width: 767px) {
	.it-about-button {
	  bottom: 140px;
	}
}
@media (max-width: 500px) {
	.it-about-button {
	  bottom: 120px;
	}
}
@media (max-width: 400px) {
	.it-about-button {
	  bottom: 80px;
	}
}
.it-about-button a {
  border-radius: 8px;
  display: inline-flex; 
  align-items: center;  
  justify-content: center; 
  overflow: hidden;
  padding: 15.5px 29px;
  line-height: 1.1;
  font-weight: 500;  
}

.ohne-rand {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* SYMBOLE für KARTEN bei PRODUKTIONEN  */
/* Grundlegende Formatierung für beide Klassen */
.it-course-content p,
.it-course-content2 p,
.it-course-content3 p {
  font-size: 15px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 3px;
}

/* Pseudo-Element für beide Klassen definieren */
.it-course-content p::before,
.it-course-content2 p::before,
.it-course-content3 p::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* Die spezifischen Icons für beide Klassen freischalten */
.it-course-content p.p-autor::before,
.it-course-content2 p.p-autor::before,
.it-course-content3 p.p-autor::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f8c62f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><g transform="rotate(-90 12 12)"><path d="m12 19 7-7 3 3-7 7-3-3z"></path><path d="m18 13-1.5-7.5L2 2l3.5 14.5L13 18"></path><path d="m2 2 7.5 7.5"></path><circle cx="11" cy="11" r="1"></circle></g></svg>');
}

.it-course-content p.p-genre::before,
.it-course-content2 p.p-genre::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2303594e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><line x1="12" y1="16" x2="12" y2="12"></line><line x1="12" y1="8" x2="12.01" y2="8"></line></svg>');
}

.it-course-content p.p-sprecher::before,
.it-course-content2 p.p-sprecher::before,
.it-course-content3 p.p-sprecher::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2303594e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 0 0-3 3v8a3 3 0 0 0 6 0V4a3 3 0 0 0-3-3z"></path><path d="M19 10v2a7 7 0 0 1-14 0v-2"></path><line x1="12" y1="19" x2="12" y2="23"></line><line x1="8" y1="23" x2="16" y2="23"></line></svg>');
}

.it-course-content p.p-dauer::before,
.it-course-content2 p.p-dauer::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%2303594e" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>');
}

.it-course-content p.p-waveform::before,
.it-course-content2 p.p-waveform::before,
.it-course-content3 p.p-waveform::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 56 56" fill="%23f8c62f"><path d="M 24.5898 49.5742 C 25.5508 49.5742 26.2539 48.8477 26.2539 47.9336 L 26.2539 8.0664 C 26.2539 7.1524 25.5508 6.4258 24.5898 6.4258 C 23.6524 6.4258 22.9492 7.1524 22.9492 8.0664 L 22.9492 47.9336 C 22.9492 48.8477 23.6524 49.5742 24.5898 49.5742 Z M 38.2305 44.8867 C 39.1680 44.8867 39.8711 44.1367 39.8711 43.2227 L 39.8711 12.7773 C 39.8711 11.8633 39.1680 11.1133 38.2305 11.1133 C 37.2930 11.1133 36.5664 11.8633 36.5664 12.7773 L 36.5664 43.2227 C 36.5664 44.1367 37.2930 44.8867 38.2305 44.8867 Z M 17.7930 41.0898 C 18.7305 41.0898 19.4336 40.3633 19.4336 39.4492 L 19.4336 16.5508 C 19.4336 15.6367 18.7305 14.9102 17.7930 14.9102 C 16.8320 14.9102 16.1289 15.6367 16.1289 16.5508 L 16.1289 39.4492 C 16.1289 40.3633 16.8320 41.0898 17.7930 41.0898 Z M 31.4102 38.5586 C 32.3476 38.5586 33.0742 37.8320 33.0742 36.9180 L 33.0742 19.0820 C 33.0742 18.1680 32.3476 17.4414 31.4102 17.4414 C 30.4727 17.4414 29.7695 18.1680 29.7695 19.0820 L 29.7695 36.9180 C 29.7695 37.8320 30.4727 38.5586 31.4102 38.5586 Z M 45.0508 34.3633 C 45.9883 34.3633 46.6914 33.6133 46.6914 32.6992 L 46.6914 23.3008 C 46.6914 22.3867 45.9883 21.6367 45.0508 21.6367 C 44.0898 21.6367 43.3867 22.3867 43.3867 23.3008 L 43.3867 32.6992 C 43.3867 33.6133 44.0898 34.3633 45.0508 34.3633 Z M 10.9727 32.5117 C 11.9102 32.5117 12.6133 31.7851 12.6133 30.8711 L 12.6133 25.1289 C 12.6133 24.2149 11.9102 23.4883 10.9727 23.4883 C 10.0117 23.4883 9.3086 24.2149 9.3086 25.1289 L 9.3086 30.8711 C 9.3086 31.7851 10.0117 32.5117 10.9727 32.5117 Z"/></svg>');
  transform: scale(1.3); /* Vergrößert das Element um 30 % */
  transform-origin: center; /* Hält die Skalierung zentriert */
}

.it-course-content p.p-note::before,
.it-course-content2 p.p-note::before,
.it-course-content3 p.p-note::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-3 0 24 24" fill="%23f8c62f"><path d="m18.07.169c-.148-.106-.333-.169-.532-.169-.111 0-.217.02-.316.055l.006-.002-11.077 3.938c-.361.131-.613.471-.613.869v.001 2.193.042 10.604c-.534-.295-1.169-.469-1.846-.471h-.001c-.043-.002-.093-.003-.143-.003-1.904 0-3.458 1.497-3.549 3.379v.008c.091 1.89 1.645 3.388 3.549 3.388.05 0 .1-.001.15-.003h-.007c.043.002.093.003.143.003 1.904 0 3.458-1.497 3.549-3.379v-.008-12.883l9.23-3.223v8.973c-.534-.294-1.17-.468-1.846-.47h-.001c-.043-.002-.094-.003-.144-.003-1.904 0-3.457 1.498-3.547 3.379v.008c.09 1.89 1.644 3.388 3.548 3.388.051 0 .101-.001.151-.003h-.007c.031.001.068.002.105.002 1.696 0 3.12-1.166 3.513-2.74l.005-.025c.042-.101.068-.217.069-.34v-15.754c0-.31-.153-.585-.388-.752l-.003-.002z"/></svg>');
}

.it-course-content p.p-vinyl::before,
.it-course-content2 p.p-vinyl::before,
.it-course-content3 p.p-vinyl::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55.334 55.334" fill="%23f8c62f"><circle cx="27.667" cy="27.667" r="3.618"/><path d="M27.667 0C12.387 0 0 12.387 0 27.667s12.387 27.667 27.667 27.667 27.667-12.387 27.667-27.667S42.947 0 27.667 0zm-10.549 6.881c3.167-1.61 6.752-2.518 10.549-2.518.223 0 .444.003.665.009.367.01.619.922.564 2.025l-.282 5.677c-.055 1.103-.289 1.986-.523 1.979a14.28 14.28 0 0 0-.424-.006c-1.997 0-3.894.43-5.603 1.202-1.007.455-2.212.184-2.774-.767l-2.896-4.897c-.563-.951-.262-2.203.723-2.704zm-1.132 10.414-4.278-3.742c-.832-.727-.918-1.994-.119-2.756.019-.018.037-.035.057-.053.802-.76 2.059-.605 2.737.266l3.494 4.484c.679.871.837 1.889.391 2.314-.426.425-1.429.212-2.261-.515zm1.892 10.372c0-5.407 4.383-9.79 9.79-9.79s9.79 4.383 9.79 9.79-4.383 9.79-9.79 9.79-9.79-4.383-9.79-9.79zm20.293 20.809c-3.156 1.596-6.725 2.495-10.503 2.495-.248 0-.495-.004-.741-.011-.409-.013-.692-.929-.632-2.032l.31-5.676c.061-1.103.322-1.981.586-1.972.158.005.317.008.477.008 1.834 0 3.582-.362 5.179-1.018 1.022-.42 2.275-.144 2.877.782l3.101 4.77c.606.932.336 2.162-.649 2.661zm5.449-3.82c-.766.72-2.005.551-2.703-.305l-3.59-4.407c-.698-.856-.876-1.848-.435-2.255.442-.407 1.443-.179 2.274.549l4.28 3.744c.905.792 1.014 2.019.247 2.739z"/></svg>');
}

.it-course-content p.p-diplom::before,
.it-course-content2 p.p-diplom::before,
.it-course-content3 p.p-diplom::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 17.211 17.211" fill="%23f8c62f"><path d="M14.148 7.781l-5.579 3.327L3.097 7.781l-.455 2.841c.002-.004.006-.007.011-.013a.81.81 0 0 0-.102.337c0 1.003 4.418 4.094 5.821 4.094 1.404 0 6.323-3.091 6.323-4.094 0-.109-.036-.214-.092-.532l-.455-2.654z"/><path d="M17.211 4.873L8.635 2.17l-7.66 2.443a.747.747 0 0 0-.291.093c-.098.058-.165.142-.17.266C.473 5.468 0 11.17 0 11.17l.514 1.708.477-1.708-.202-5.876 7.823 4.813 8.599-5.234zM8.015 5.118H.783l.756-.413h6.385c.083-.145.279-.247.507-.247.304 0 .55.181.55.403 0 .223-.246.404-.55.404a.817.817 0 0 1-.416-.149z"/></svg>');
  transform: scale(1.25) translateY(2px);
  transform-origin: center;
}

/* Ausnahme für Absätze ohne Icon */
.it-course-content p.p-no-icon::before,
.it-course-content2 p.p-no-icon::before,
.it-course-content3 p.p-no-icon::before {
  display: none;
}

.it-course-content p.p-no-icon,
.it-course-content2 p.p-no-icon,
.it-course-content3 p.p-no-icon {
  display: block;
}

.btn-link {
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  text-decoration: none;
}
.btn-link .brand-logo {
  width: 90px;
  height: auto;
  object-fit: contain;
  padding: 7px;
  border: 1px solid rgb(191 191 191);
  border-radius: 6px;
  display: block;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.btn-link:hover .brand-logo {
  transform: scale(1.05);
  border-color: #f8c62f;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);  
}
.button-icon {
  display: inline-block;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-right: -5px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="%23f8c62f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}
.button-group {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-wrap: wrap;
}

/* BOXEN für PRODUKTIONEN GLEICHE HÖHE */
.it-course-item {
  height: 100%;
}
.it-course-item > .row {
  height: 100%;
}
.it-course-item .it-course-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.it-course-item .button-group {
  margin-top: auto;
}
@media (min-width: 768px) and (max-width: 1199px) {
  .it-course-item > .row {
    display: flex;
    flex-direction: column;
  }
  .it-course-item .col-xl-7 {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
  }
  .it-course-item .it-course-content {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1;
    padding-top: 20px;
  }
  .it-course-item .it-course-content > *:first-child {
    margin-top: 0;
  }
  .it-course-item .button-group {
    margin-top: auto !important;
  }
}

/* Sprecher-Karten */
.custom-speaker-card h3 {
  font-size: 25px;
  text-align: left;
  font-weight: 500;
  line-height: 1.5;
  color: #1f2432;
  font-family: var(--it-ff-body);	
}
.custom-speaker-card h4 {
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  color: var(--it-text-body) !important;
  font-family: var(--it-ff-body) !important;
}

/* Standard für mobile / unter 992px */
.row.buttonabstand {
    padding-top: 40px;
}

/* Ab 992px (oberhalb von 991px) */
@media (min-width: 992px) {
    .row.buttonabstand {
        padding-top: 80px;
    }
}


/* FILTER BUTTONS bei PRODUKTIONEN */
.genre-filter-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.genre-btn {
    background-color: #ffffff;
    color: #1F2432;
    border: 2px solid transparent;
    padding: 10px 22px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05);
}
.genre-btn:hover,
.genre-btn.active {
    background-color: #F8C62F; /* Accent-Farbe der Website */
    color: #1F2432;
    box-shadow: 0px 6px 20px rgba(248, 198, 47, 0.3);
}
/* Flexbox-Anpassung & Sanfte Übergänge für das Umordnen */
#portfolio-grid {
    display: flex;
    flex-wrap: wrap;
}
/* Optischer Effekt für Treffer vs. Nicht-Treffer */
.portfolio-card-item {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease, filter 0.5s ease;
    opacity: 1;
    filter: grayscale(0%);
    will-change: transform, opacity; /* Für flüssige Performance */
}

/* Nicht-Treffer: Ausgegraut & halbtransparent */
.portfolio-card-item.is-dimmed {
    opacity: 0.35 !important;
    filter: grayscale(80%);
    pointer-events: none;
}

/* Treffer: Bunt & hervorgehoben */
.portfolio-card-item.is-match {
    opacity: 1;
    filter: grayscale(0%);
    pointer-events: auto;
}

/* KONTAKTSEITE ANPASSUNG */
/* --- Basis-Layout --- */
.contact-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.bottom-flex {
    margin-bottom: 22px!important;
}
@media (max-width: 1399.9px) {
	.bottom-flex {
		margin-bottom: 48px!important;
	}
}
@media (max-width: 1199.9px) {
	.bottom-flex {
		margin-bottom: 45px!important;
	}
}
@media (max-width: 991.9px) {
	.bottom-flex {
		margin-bottom: 30px!important;
	}
}
/* Rechter Inhaltsbereich */
.contact-content {
    flex-grow: 1;
    padding-top: 5px; 
}

.contact-content h6 {
    margin-bottom: 6px;
    font-weight: 600;
    width: fit-content;
}

.contact-content p {
    margin-bottom: 0;
    line-height: 1.6;
    width: fit-content;
}
.contact-content a,
.contact-content a:visited {
    color: #03594e !important;
}
/* --- Link-Styling mit animierter Unterstreichung --- */
.contact-link {
    color: #03594e;
    text-decoration: none;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease;
}
/* Unsichtbare Unterstreichung vorbereiten (Breite 0) */
.contact-link::after {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: 2px;
    left: 0;
    background-color: #03594e;
    transition: width 0.3s ease-in-out;
}
/* 1. Unterstreichung (Linie) ausfahren */
.contact-link:hover::after,
.phone-row:hover .contact-link::after {
    width: 100%;
}
/* 2. Textfarbe des Links ändern */
.contact-link:hover,
.phone-row:hover .contact-link {
    color: #00322c !important;
}


/* --- Styling der 3 Hauptsymbole --- */
.contact-icon-styled {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    
    margin-top: -2px;
    margin-right: 15px;
    flex-shrink: 0;
    
    display: flex;
    align-items: center;
    justify-content: center;
    
    border: 1px solid #03594e;
    background-color: rgba(3, 89, 78, 0.05);
    color: #03594e;
    
    transition: background-color 0.3s ease, color 0.3s ease; 
}

.contact-icon-styled svg {
    width: 18px;
    height: 18px;
    display: block;
}

/* Hover-Effekt auf die präzisen Elemente beschränkt */
.contact-icon-styled:hover,
.contact-item:has(.contact-content h6:hover) .contact-icon-styled,
.contact-item:has(.contact-content p:hover) .contact-icon-styled,
.contact-item:has(.contact-content a:hover) .contact-icon-styled,
.contact-item:has(.contact-content .phone-row:hover) .contact-icon-styled {
    background-color: #03594e;
    color: #ffffff;
}


/* --- Styling für Telefon/Mobil-Subicons --- */
.phone-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: fit-content;
}

.phone-row {
    display: flex;
    align-items: center;
    width: fit-content;
}

.phone-icon {
    display: inline-flex;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    color: #555555;
    flex-shrink: 0;
}

.phone-icon svg {
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
  .row.z-index-5 > [class*="col-"] {
    margin-bottom: 30px;
  }
  .row.z-index-5 > [class*="col-"]:last-child {
    margin-bottom: 30px;
  }
}

/* BILD bei KONTAKTINFORMATIONEN */
.img-container {
    width: 100%;
    display: block;
}
.img-container img.shape {
    max-width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 991px) {
    .img-container {
        max-width: 375px; 
        margin: 0 auto 0 auto; 
    }
    .img-container img.shape {
        width: 100%;
        height: auto;
    }
}


/* NACHRICHT ERFOLGREICH GESENDET Smylies */
.custom-emoji {
  font-size: 3.5rem;
  line-height: 1.2;
  display: inline-block;
  margin-top: 10px;
}

/* Ergänzende Styles für die untereinander liegenden Buttons */
.button-container {
  width: 100%;
}
.button-container .it-btn-yellow {
  display: inline-block;
  width: fit-content; /* Sorgt dafür, dass der Button nur so breit wie sein Inhalt ist */
}
.button-abstand {
  margin-right: 10px;
  margin-bottom: 10px;
}

/* NACHRICHT NICHT GESENDET Schriftfarbe */
.form-hint strong {
    font-weight: normal;
    color: #0056b3;
}

/* UNTERSTREICHUNG LINKS im IMPRESSUM */
.it-policy-content a {
    position: relative;
    color: #0056b3;
    text-decoration: none;
    display: inline-block;
}
.it-policy-content a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 4px;
    left: 0;
    background-color: #0056b3;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s ease-out;
}
.it-policy-content a:hover::after {
    transform: scaleX(1);
}

.bg-cover-top {
   background-size: cover !important;
   background-position: top center !important;
   background-repeat: no-repeat !important;
}


/* PARTNER-BOXEN Gesamt*/
.it-course-item2 {
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-item2 .course-category {
  position: absolute;
  left: 30px;
  top: 20px;
  border-radius: 5px;
  padding: 7.5px 20px;
  color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
  background-color: var(--it-theme-1);
}
.it-course-item2:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-item2:hover .it-course-thumb img {
  transform: scale(1.15);
}
.it-course-item2:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-item2 {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: relative;
}
.it-course-style-2 .it-course-item2:hover {
  border-color: var(--it-theme-1);
}

/* PARTNER-BOXEN linke Seite*/
.text-position2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partner-text {
  font-size: 16px!important;
  line-height: 1.8!important;
  margin: 0;
}

@media (max-width: 767.9px) {
  .partner-text {
    font-size: 16px!important;
  }	
}

@media (max-width: 575.9px) {
  .partner-text {
    font-size: 15px!important;
  }		
}

@media (max-width: 450.9px) {
  .partner-text {
    font-size: 13px!important;
  }		
}

@media (max-width: 400px) {
  .partner-text {
    font-size: 12px!important;
  }		
}

@media (max-width: 333px) {
  .partner-text {
    font-size: 10px!important;
  }		
}

/* PARTNER-BOXEN rechte Seite*/
.it-course-style-2 .it-course-content2 {
  padding: 0 0 0 20px;
}
@media (max-width: 991.9px) {
  .it-course-style-2 .it-course-content2 {
    padding: 20px 0 0 0;
  }
}

.it-course-style-2 .it-course-content3 {
  padding: 0 20px 0 0;
}
@media (max-width: 991.9px) {
  .it-course-style-2 .it-course-content3 {
    padding: 20px 0 0 0;
  }
}
@media (min-width: 992px) {
  .text-lg-end-custom {
    text-align: right !important;
  }

  /* Richtet Flexbox-Kinder wie .button-group rechts aus */
  .text-lg-end-custom.d-flex,
  .text-lg-end-custom .d-flex {
    align-items: flex-end !important;
  }

  /* Schiebt den Inhalt innerhalb der button-group nach rechts */
  .text-lg-end-custom .button-group {
    justify-content: flex-end;
    margin-left: auto;
  }
}
/* Greift nur unterhalb von 992px (also bis max. 991.98px) */
@media (max-width: 991.98px) {
  .row.reverse-mobile {
    display: flex;
    flex-direction: column;
  }

  /* Bild-Spalte (col-lg-7) nach oben setzen */
  .row.reverse-mobile > .col-lg-7 {
    order: 1;
  }

  /* Text-Spalte (col-lg-5) nach unten setzen */
  .row.reverse-mobile > .col-lg-5 {
    order: 2;
  }
}

/* ADRESSE ALS BILD-DATEI PNG */
.responsive-image-wrapper {
    display: flex;
    justify-content: flex-start;
    margin-top: 5px;
	margin-bottom: 26px;
}
.responsive-img {
    width: 172px;
    max-width: 100%;
    height: auto;
}