/*-----------------------------------------------------------------------------------

    Theme Name: Aramko - Spedition | Montage | Installation GmbH
    Author: AsasSoft
    Support:ordianit@gmail.com
    Description: Aramko - Spedition | Montage | Installation GmbH
    Version: 1.0.0

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

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

  01. THEME DEFAULT CSS
	02. about css start
	03. blog css start
	04. brand css start
	05. career css start
	06. cart css start
	07. Checkout css start
	08. choose css start
	09. contact css start
	10. error css start
	11. footer css start
	12. funfact css start
	13. header css start
	14. hero css start
	15. information css start
	16. menu css start
	17. newsletter css start
	18. portfolio css start
	19. price css start
	20. menu css startrt
	21. shop sidebar css start
	22. shop css start
	23. slider css start
	24. step css start
	25. team css start
	26. testimonial css start
	27. text slider css start
	28. tracking css start
	29. video css start

  **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
/* Self-hosted Open Sans + Sora (latin + latin-ext). Replaces the former
   Google Fonts @import — no external request (CSP 'self'), DSGVO-compliant. */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/fonts/open-sans-italic-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/fonts/open-sans-italic-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/fonts/open-sans-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300 800;
  font-stretch: 100%;
  font-display: swap;
  src: url('/assets/fonts/open-sans-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/assets/fonts/sora-normal-latin-ext.woff2') format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('/assets/fonts/sora-normal-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Open Sans', serif;
  --it-ff-heading: 'Sora', serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #0A0A0A;
  --it-common-silver: #D1D1D1;
  --it-heading-primary: #111111;
  --it-gray-1: #F4F4F4;
  --it-text-body: #525252;
  --it-theme-1: #E30613;
  --it-theme-1-hover: #B8050F;
  --it-theme-8: #E30613;
  --it-theme-10: #E30613;
  --it-theme-gold: #D4AF37;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1750 {
    max-width: 1750px;
  }
  .container-1050 {
    max-width: 1050px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.3;
  overflow-x: hidden;
  font-family: var(--it-ff-body);
  color: rgba(82, 82, 82, 0.78);
}

body,
html {
  overflow-x: hidden;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
  font-weight: 600;
  line-height: 1.22;
  -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;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.7;
  color: #525252;
  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;
}

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

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

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

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;
  border: 1px solid transparent;
  text-transform: capitalize;
}
input::-webkit-input-placeholder {
  color: #525252;
  text-transform: capitalize;
}
input:-moz-placeholder {
  color: #525252;
  text-transform: capitalize;
}
input::-moz-placeholder {
  color: #525252;
  text-transform: capitalize;
}
input:-ms-input-placeholder {
  color: #525252;
  text-transform: capitalize;
}
input:focus {
  border-color: var(--it-theme-1);
}

textarea {
  outline: none;
  width: 100%;
  padding: 20px 25px;
  border: none;
  height: 200px;
  resize: none;
  font-size: 16px;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  border: 1px solid transparent;
  text-transform: capitalize;
}
textarea::-webkit-input-placeholder {
  color: #525252;
  text-transform: capitalize;
}
textarea:-moz-placeholder {
  color: #525252;
  text-transform: capitalize;
}
textarea::-moz-placeholder {
  color: #525252;
  text-transform: capitalize;
}
textarea:-ms-input-placeholder {
  color: #525252;
  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;
}

.border-line-orange {
  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(var(--it-theme-1), var(--it-theme-1)), linear-gradient(var(--it-theme-1), var(--it-theme-1));
}
.border-line-orange:hover {
  background-size: 0% 1px, 100% 1px;
}

.border-line-black {
  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(var(--it-common-black), var(--it-common-black)), linear-gradient(var(--it-common-black), var(--it-common-black));
}
.border-line-black:hover {
  background-size: 0% 1px, 100% 1px;
}

.border-line-white {
  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(var(--it-common-white), var(--it-common-white)), linear-gradient(var(--it-common-white), var(--it-common-white));
}
.border-line-white:hover {
  background-size: 0% 1px, 100% 1px;
}

.section-bg {
  background-size: cover;
  background-repeat: no-repeat;
}

.title-hover {
  transition: all 0.3s;
}
.title-hover:hover {
  color: var(--it-theme-1);
}

.zoom .img-zoom {
  overflow: hidden;
}
.zoom .img-zoom img {
  transition: 1.3s all ease;
}
.zoom:hover .img-zoom img {
  transform: scale(1.15) rotate(2deg);
}

.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;
}

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

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

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

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

.shine-effect {
  position: relative;
}
.shine-effect::before {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.shine-effect:hover::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.shine-effect-2 {
  position: relative;
}
.shine-effect-2::before {
  background: rgba(255, 255, 255, 0.3);
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  opacity: 1;
  pointer-events: none;
}
.shine-effect-2:hover::before {
  height: 100%;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.img-style {
  overflow: hidden;
}
.img-style img {
  width: 100%;
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.img-style:hover img {
  transform: scale(1.04) translateX(1%);
}

.img-zoom-style {
  overflow: hidden;
}
.img-zoom-style img {
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.img-zoom-style:hover img {
  transform: scale(1.04);
}

.tw-rounded-lg {
  border-radius: 0.5rem !important;
}

.tw-py-10 {
  padding-block: var(--size-10) !important;
}

.max-w-190-px {
  max-width: 190px;
}

.tw-start-0 {
  inset-inline-start: 0;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-orange {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  padding: 18px 40px;
  text-align: center;
  transition: 0.4s;
  position: relative;
  text-transform: capitalize;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
  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-btn-orange {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.it-btn-orange span {
  position: relative;
  z-index: 1;
}
.it-btn-orange::after {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--it-theme-1-hover);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.it-btn-orange:hover {
  color: var(--it-common-white);
}
.it-btn-orange:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-orange.hover-2::after {
  background-color: var(--it-common-white);
}
.it-btn-orange.hover-2:hover {
  color: var(--it-theme-1);
}
.it-btn-orange.hover-2:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-black {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  padding: 18px 40px;
  text-align: center;
  transition: 0.4s;
  text-transform: capitalize;
  position: relative;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
  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-btn-black {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.it-btn-black span {
  position: relative;
  z-index: 1;
}
.it-btn-black::after {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--it-theme-1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.it-btn-black:hover {
  color: var(--it-common-white);
}
.it-btn-black:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-white {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  padding: 18px 40px;
  text-align: center;
  transition: 0.4s;
  text-transform: capitalize;
  position: relative;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
  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-btn-white {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.it-btn-white span {
  position: relative;
  z-index: 1;
}
.it-btn-white::after {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--it-theme-1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.it-btn-white:hover {
  color: var(--it-common-white);
}
.it-btn-white:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-white.hover-2::after {
  background-color: var(--it-common-black);
}
.it-btn-white.hover-2:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-sm {
  font-weight: 600;
  font-size: 14px;
  display: inline-block;
  padding: 11px 30px;
  text-align: center;
  transition: 0.4s;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  position: relative;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 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-btn-sm {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
}
.it-btn-sm::after {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--it-theme-1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.it-btn-sm.border-style {
  box-shadow: none;
  color: var(--it-common-black);
  border: 1px solid rgba(10, 10, 10, 0.2);
}
.it-btn-sm.border-style:hover {
  color: var(--it-common-white);
  border-color: var(--it-theme-1);
}
.it-btn-border {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  padding: 14px 40px;
  text-align: center;
  transition: 0.4s;
  text-transform: capitalize;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
  position: relative;
}
@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: 15px 25px;
  }
}
.it-btn-border span {
  position: relative;
  z-index: 1;
}
.it-btn-border::after {
  position: absolute;
  left: 0;
  top: 0%;
  height: 100%;
  width: 100%;
  content: "";
  background-color: var(--it-theme-1);
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: transform 500ms cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}
.it-btn-border.border-style-4 {
  background-color: #f4f4f4;
  color: var(--it-common-black);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.it-btn-border.border-style-4:hover {
  border-color: var(--it-theme-1);
}
.it-btn-border:hover {
  color: var(--it-common-white);
}
.it-btn-border:hover::after {
  -webkit-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}

@-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 ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
.ripple-white {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
}

@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;
  }
}
.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-left {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

@keyframes itupdown {
  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);
  }
}
@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);
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: var(--it-theme-1);
}

#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: 999999;
}

.preloader {
  width: 50px;
  height: 50px;
  display: inline-block;
  padding: 0px;
  text-align: left;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -25px;
  margin-top: -25px;
}

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--it-theme-1);
  -webkit-animation: preloader 1.3s linear infinite;
  animation: preloader 1.3s linear infinite;
}

.preloader span:last-child {
  animation-delay: -0.9s;
  -webkit-animation-delay: -0.9s;
}

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
/* Back-to-top: fixed corner control — hidden until .open after scroll threshold */
.scroll-top {
  --scroll-top-size: 48px;
  --scroll-top-offset: 30px;

  position: fixed;
  z-index: 1050;
  bottom: var(--scroll-top-offset);
  inset-inline-end: var(--scroll-top-offset);
  inset-inline-start: auto;

  box-sizing: border-box;
  width: var(--scroll-top-size);
  height: var(--scroll-top-size);
  min-width: 44px;
  min-height: 44px;
  margin: 0;
  padding: 0;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: none;
  border-radius: 50%;
  background: var(--it-theme-1);
  color: var(--it-common-white);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);

  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 12px, 0);
  transition:
    opacity 0.3s ease,
    visibility 0.3s ease,
    transform 0.3s ease,
    background-color 0.2s ease,
    box-shadow 0.2s ease;

  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.scroll-top.open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.scroll-top:hover {
  background: var(--it-theme-1);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.24);
  filter: brightness(0.92);
}

.scroll-top:focus-visible {
  outline: 2px solid var(--it-theme-1);
  outline-offset: 3px;
}

.scroll-top i {
  pointer-events: none;
  line-height: 1;
}

@media (max-width: 767.98px) {
  .scroll-top {
    --scroll-top-size: 48px;
    --scroll-top-offset: 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scroll-top {
    transition: opacity 0.01ms linear, visibility 0.01ms linear;
    transform: none;
  }

  .scroll-top.open {
    transform: none;
  }
}

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

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

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

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

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

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

.itoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: #000;
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.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: 400px;
    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;
  color: white;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.2;
  -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 {
  color: #fff;
  opacity: 1;
}
.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 #3b3838;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}
.itoffcanvas__text p {
  color: #ddd;
  font-size: 18px;
}
.itoffcanvas__info {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.itoffcanvas__info .offcanva-title {
  color: var(--it-common-white);
  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;
  color: rgba(255, 255, 255, 0.6392156863);
  font-size: 16px;
  font-weight: 400;
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-white);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 16px;
  }
}
.itoffcanvas__info-address a:hover {
  color: var(--it-theme-1);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 215px;
}
.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: 18px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  margin-top: 30px;
}

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

.it-breadcrumb-ptb {
  padding: 147px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-ptb {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-ptb {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-ptb {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 110px 0;
  }
}
.it-breadcrumb-overlay {
  position: relative;
}
.it-breadcrumb-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(10, 10, 10, 0.85);
  z-index: -1;
}
.it-breadcrumb-title {
  font-weight: 700;
  font-size: 45px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 21px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 37px;
    margin-bottom: 20px;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  padding: 2px 20px;
  background: radial-gradient(151.64% 120.36% at 47.19% -0.63%, rgba(37, 65, 76, 0.4) 0%, rgba(37, 65, 76, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(21px);
}
.it-breadcrumb-list span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #fff;
  text-transform: capitalize;
}
@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: 12px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 15px;
  color: var(--it-common-white);
}
.it-breadcrumb-list i {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #fff;
  text-transform: capitalize;
  font-style: normal;
}
@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: 12px;
  }
}

.it-custom-accordion .accordion-items {
  margin-bottom: 20px;
  border: 1px solid rgba(10, 10, 10, 0.1);
}
.it-custom-accordion .accordion-buttons {
  font-size: 20px;
  font-weight: 600;
  padding: 20px 25px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
  position: relative;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 15px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 20px;
  opacity: 1;
  transform: translateY(-50%);
  color: var(--it-common-black);
}
.it-custom-accordion .accordion-buttons.collapsed {
  background-color: var(--it-common-white);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  background-color: var(--it-common-black);
  color: var(--it-common-white);
}
.it-custom-accordion .accordion-buttons:not(.collapsed)::after {
  color: var(--it-common-white);
}
.it-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.it-custom-accordion .accordion-body {
  padding: 35px 30px;
  padding-right: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    flex-wrap: wrap;
  }
}
.it-custom-accordion .accordion-body p {
  line-height: 1.71;
  margin-right: 50px;
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body p {
    margin-right: 20px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-body img {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-body img {
    margin-top: 20px;
  }
}
.it-custom-accordion .accordion-body .shine-effect {
  flex: 0 0 auto;
}
.it-custom-accordion-style-2 .accordion-items {
  border: none;
}
.it-custom-accordion-style-2 .accordion-buttons {
  font-size: 22px;
  font-weight: 600;
  padding: 39px 25px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-custom-accordion-style-2 .accordion-buttons {
    font-size: 18px;
    padding-right: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-style-2 .accordion-buttons {
    font-size: 20px;
  }
}
.it-custom-accordion-style-2 .accordion-buttons::after {
  content: "\f062";
}
.it-custom-accordion-style-2 .accordion-buttons.collapsed {
  background-color: var(--it-gray-1);
}
.it-custom-accordion-style-2 .accordion-buttons.collapsed::after {
  content: "\f063";
}
.it-custom-accordion-style-2 .accordion-buttons:not(.collapsed) {
  color: var(--it-common-black);
  padding-bottom: 20px;
  background-color: var(--it-gray-1);
}
.it-custom-accordion-style-2 .accordion-buttons:not(.collapsed)::after {
  color: var(--it-common-black);
}
.it-custom-accordion-style-2 .accordion-body {
  padding: 35px 30px;
  padding-top: 0;
  padding-right: 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) {
  .it-custom-accordion-style-2 .accordion-body {
    padding-right: 50px;
  }
}
.it-custom-accordion-style-2 .accordion-body p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.76;
}
@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-style-2 .accordion-body p {
    font-size: 15px;
    margin-right: 0;
  }
}
.it-custom-accordion-style-3 .accordion-buttons.collapsed {
  background-color: var(--it-common-white);
}
.it-custom-accordion-style-3 .accordion-buttons.collapsed::after {
  content: "\f063";
}
.it-custom-accordion-style-3 .accordion-buttons:not(.collapsed) {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  padding-bottom: 20px;
}
.it-custom-accordion-style-3 .accordion-buttons:not(.collapsed)::after {
  color: var(--it-common-black);
}
.it-custom-accordion-style-3 .accordion-body {
  background-color: var(--it-common-white);
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 48%;
  z-index: 9999999;
  background: var(--it-common-black);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--it-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--it-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--it-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--it-common-orange);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

.search__close-btn {
  font-size: 25px;
  color: rgba(255, 255, 255, 0.3);
}
.search__close-btn:hover {
  color: var(--it-common-white);
}
.search__result-title {
  font-size: 50px;
  letter-spacing: -0.04em;
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .search__result-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .search__result-title {
    font-size: 35px;
  }
}
.search__result-title span {
  color: var(--it-theme-1);
  display: inline-block;
}
.search__result-content p {
  font-size: 16px;
  line-height: 1.62;
  color: var(--it-text-1);
}
.search__result-input {
  position: relative;
}
.search__result-input-box {
  position: relative;
  margin-bottom: 20px;
}
.search__result-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 22px 43px;
}
@media (max-width: 767px) {
  .search__result-input-box button {
    position: relative;
    margin-top: 15px;
  }
}
.search__result-input-box button:hover {
  background-color: var(--it-common-black);
}
.search__result-input input {
  width: 100%;
  height: 70px;
  padding-left: 60px;
  padding-right: 177px;
  background-color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  box-shadow: -3px 0px 0px var(--it-theme-1), 0px 1px 2px rgba(3, 4, 28, 0.14);
}
@media (max-width: 767px) {
  .search__result-input input {
    padding-right: 25px;
  }
}
.search__result-input span {
  position: absolute;
  top: 50%;
  left: 30px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #A0A0B5;
}
.search__result-input span svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.search__result-tags a {
  display: inline-block;
  font-family: var(--it-ff-space);
  font-size: 13px;
  font-weight: 500;
  border: 1px solid #D5D5DD;
  padding: 5px 18px;
  line-height: 1;
  margin-right: 2px;
  margin-bottom: 7px;
}
.search__result-tags a:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.search__blog-item {
  padding: 50px 50px;
  border: 1px solid #EAEAEF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-item {
    padding: 25px;
  }
}
@media (max-width: 767px) {
  .search__blog-item {
    padding: 20px;
  }
}
.search__blog-title {
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.04em;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .search__blog-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-title {
    font-size: 21px;
  }
  .search__blog-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .search__blog-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .search__blog-title {
    font-size: 25px;
  }
}
.search__blog-title a:hover {
  color: var(--it-theme-1);
}
.search__blog-tag {
  margin-bottom: 10px;
}
.search__blog-tag a {
  display: inline-block;
  background-color: rgba(99, 100, 219, 0.06);
  font-family: var(--it-ff-space);
  font-weight: 500;
  font-size: 15px;
  line-height: 1;
  color: var(--it-common-purple);
  padding: 4px 12px;
}
.search__blog-tag a:hover {
  background-color: var(--it-common-purple);
  color: var(--it-common-white);
}
.search__blog-meta span {
  color: var(--it-text-1);
  margin-right: 15px;
  margin-bottom: 10px;
  display: inline-block;
}
.search__blog-meta span i, .search__blog-meta span svg {
  margin-right: 2px;
}
.search__blog-meta span svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-meta span svg path {
  stroke: #7A7E83;
}
.search__blog-meta-author {
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .search__blog-meta-author {
    margin-right: 20px;
  }
}
.search__blog-meta-author-thumb img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  margin-right: 10px;
}
.search__blog-meta-author-content span {
  display: inline-block;
  font-family: var(--it-ff-inter);
  font-size: 14px;
  color: #7A7E83;
}
.search__blog-meta-author-content span a {
  color: var(--it-common-black-11);
  font-weight: 500;
}
.search__blog-meta-author-content span a:hover {
  color: var(--it-theme-1);
}
.search__blog-content p {
  font-size: 15px;
  line-height: 1.47;
  color: var(--it-text-1);
  margin-bottom: 20px;
}
.search__blog-btn .it-btn-border {
  padding: 8px 29px;
}
.search__blog-btn .it-btn-border svg, .search__blog-btn .it-btn-border i {
  margin-left: 5px;
}
.search__blog-btn .it-btn-border svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.search__blog-btn .it-btn-border:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

body.it-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-style: solid;
  border-radius: 50%;
  justify-content: center;
  mix-blend-mode: difference;
  color: var(--it-theme-1);
}

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
}

#ball .ball-view i {
  font-size: 19px;
}

/* Ball drag 
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
}

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  color: #FFF;
  height: 10px;
  line-height: 10px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
  content: "\f104"; /* Font Awesome */
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}

#ball .ball-drag::after {
  content: "\f105"; /* Font Awesome */
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}

/* Ball close 
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

.it-toggle-btn-box {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.it-magnetic-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.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-product-modal .modal-dialog {
  width: 1200px;
}
.it-product-modal .modal-content {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-product-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .it-product-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}
.it-product-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-product-modal-close-btn:hover {
  background-color: var(--it-theme-1);
}
.it-product-modal-content .tab-content {
  background-color: var(--it-gray-1);
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.it-section-title {
  font-weight: 700;
  font-size: 33px;
  margin-bottom: 0;
  margin-top: 10px
}
.it-section-title span {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 40px;
  }
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 30px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 36px;
  }
}
.it-section-subtitle {
  display: inline-block;
  color: var(--it-theme-1);
  padding: 4px 15px;
  background: #fff;
  margin-bottom: 23px;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
  }
}


/*----------------------------------------*/
/*  03. blog css start
/*----------------------------------------*/
.it-blog-thumb {
  position: relative;
  overflow: hidden;
}
.it-blog-thumb img {
  position: relative;
  width: 100%;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
}
.it-blog-thumb img:first-child {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  -webkit-transform: translateX(50%) scaleX(2);
  transform: translateX(50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.it-blog-meta span {
  position: relative;
  padding-left: 25px;
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
}
@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-meta span {
    font-size: 13px;
  }
}
.it-blog-meta span:not(:last-child) {
  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-blog-meta span:not(:last-child) {
    margin-right: 15px;
  }
}
.it-blog-meta span svg, .it-blog-meta span i {
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--it-theme-1);
}
.it-blog-title {
  font-size: 22px;
  line-height: 1.45;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-title {
    font-size: 18px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-blog-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.it-blog-content {
  padding: 30px;
  padding-right: 40px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-content {
    padding: 30px 15px;
    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-blog-content {
    padding: 30px 20px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-top-right {
    margin-top: 30px;
  }
}
.it-blog-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-top-wrap .it-section-title-box {
    margin-bottom: 30px;
  }
}
.it-blog-item {
  position: relative;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-blog-item:hover .it-blog-thumb img:first-child {
  -webkit-transform: translateX(0) scaleX(1);
  transform: translateX(0) scaleX(1);
  opacity: 1;
  -webkit-filter: blur(0);
  filter: blur(0);
}
.it-blog-item:hover .it-blog-thumb img:nth-child(2) {
  -webkit-transform: translateX(-50%) scaleX(2);
  transform: translateX(-50%) scaleX(2);
  opacity: 0;
  -webkit-filter: blur(10px);
  filter: blur(10px);
}
.it-blog-bg {
  background: linear-gradient(180deg, #f4f4f4 0%, rgba(244, 244, 244, 0) 100%);
}

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.it-pagination ul li a {
  width: 54px;
  height: 54px;
  line-height: 55px;
  font-weight: 500;
  font-size: 17px;
  transition: 0.3s;
  display: inline-block;
  background-color: #e8e8e8;
  text-align: center;
  color: var(--it-common-black);
  border-radius: 5px;
}
@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-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);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

/*--- details css start ---*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-area .it-pro-details-text-2 {
    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) {
  .postbox-area .it-pro-details-text-2 {
    margin-left: 0;
    margin-top: 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) {
  .postbox-area .it-pro-details-thumb img {
    width: 100%;
  }
}
.postbox-dsc p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
  margin-right: 25px;
  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) {
  .postbox-dsc p {
    font-size: 14px;
    margin-right: 0;
  }
}
.postbox-title {
  font-weight: 600;
  font-size: 40px;
  text-transform: capitalize;
  margin-bottom: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-title {
    font-size: 29px;
  }
  .postbox-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 30px;
  }
  .postbox-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-title {
    font-size: 24px;
  }
  .postbox-title br {
    display: none;
  }
}
.postbox-list ul {
  margin-left: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-list ul {
    margin-left: 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) {
  .postbox-list ul {
    margin-left: 0;
  }
}
.postbox-list ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.postbox-list ul li span {
  font-weight: 500;
  font-size: 20px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-list ul li span {
    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) {
  .postbox-list ul li span {
    font-size: 16px;
  }
  .postbox-list ul li span br {
    display: none;
  }
}
.postbox-list ul li span svg, .postbox-list ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
.postbox-list.style-2 {
  margin-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) {
  .postbox-list.style-2 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-weight: 600;
  font-size: 15px;
  color: var(--it-common-black);
  margin: 0;
  margin-right: 18px;
}
.postbox-tag-content a {
  padding: 0 20px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  color: #525252;
  transition: 0.3s;
  margin-right: 5px;
  text-transform: capitalize;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-tag-content a {
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-tag-box {
  padding: 17px 20px;
  background-color: var(--it-gray-1);
}
.postbox-share-content a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share-content a {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
}
.postbox-share-content a:not(:last-child) {
  margin-right: 7px;
}
.postbox-share-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-blockquote {
  padding: 40px 60px;
  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) {
  .postbox-blockquote {
    padding: 35px 40px 35px 40px;
  }
}
.postbox-blockquote > span {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.45;
  display: block;
  margin-bottom: 15px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-blockquote > span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-blockquote > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .postbox-blockquote > span {
    font-size: 16px;
  }
  .postbox-blockquote > span br {
    display: none;
  }
}
.postbox-blockquote i {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}
.postbox-blockquote i::before {
  width: 27px;
  height: 1px;
  content: "";
  margin-right: 12px;
  display: inline-block;
  transform: translateY(-4px);
  background-color: var(--it-common-white);
}
.postbox-blockquote .quote {
  position: absolute;
  bottom: 10%;
  right: 7%;
  margin-bottom: 0;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .postbox-blockquote .quote {
    display: none;
  }
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 80px;
  width: 80px;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    height: 70px;
    width: 70px;
  }
}
.postbox-user-info .user-title {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
  margin-bottom: 10px;
}
.postbox-user-info span {
  font-weight: 400;
  font-size: 13px;
  display: block;
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-user-info p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.6;
  margin-right: 10px;
  color: #525252;
  font-family: var(--it-ff-plus-jakarta);
}
@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;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
}
.postbox-comment-title {
  font-weight: 700;
  font-size: 30px;
  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) {
  .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;
  display: inline-block;
}
.postbox-comment-content ul li.children {
  margin-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-comment-content ul li.children {
    margin-left: 0;
  }
}
.postbox-comment-user {
  padding: 30px;
  border: 1px solid #e2e1e1;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-user {
    padding: 35px 25px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-user {
    padding: 35px 25px;
    flex-wrap: wrap;
  }
}
.postbox-comment-user .Rating {
  position: absolute;
  bottom: 8%;
  right: 25px;
}
@media (max-width: 767px) {
  .postbox-comment-user .Rating {
    margin-top: 25px;
    position: static;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-user .Rating {
    margin-top: 0;
    position: absolute;
  }
}
.postbox-comment-user .Rating span {
  font-weight: 600;
  font-size: 18px;
  transition: 0.3s;
  display: block;
  margin-bottom: 3px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-comment-user .Rating i {
  font-size: 12px;
  color: #f95805;
}
.postbox-comment-user .Rating b {
  font-weight: 400;
  font-size: 13px;
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-review-input input {
  font-size: 14px;
  padding: 0px 20px;
  height: 55px;
  line-height: 55px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .postbox-review-input input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.postbox-review-input input:focus {
  border: 1px solid var(--it-theme-1);
}
.postbox-review-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #525252;
}
@media (max-width: 767px) {
  .postbox-review-input input::placeholder {
    font-size: 14px;
  }
}
.postbox-review-textarea textarea {
  height: 210px;
  padding: 20px 20px;
  font-size: 14px;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-review-textarea textarea {
    height: 170px;
  }
}
.postbox-review-textarea textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.postbox-review-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #525252;
}
@media (max-width: 767px) {
  .postbox-review-textarea textarea::placeholder {
    font-size: 14px;
  }
}
.postbox-review-title {
  font-weight: 700;
  font-size: 24px;
}
@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-review-title br {
    display: none;
  }
}
.postbox-review-form {
  padding: 50px 40px;
  padding-top: 45px;
  background-color: var(--it-gray-1);
}
.postbox-details-wrapper {
  margin-right: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-wrapper {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-details-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-bottom: 5px;
  display: inline-block;
}
.postbox-details-wrapper .it-blog-meta span {
  padding-left: 25px;
}
.postbox-details-wrapper .it-blog-meta span svg, .postbox-details-wrapper .it-blog-meta span i {
  top: 1px;
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-right: 23px;
}
.postbox-left-style .postbox-details-wrapper {
  margin-right: 0;
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.postbox-left-style .sidebar-right {
  margin-left: 0;
  margin-right: -33px;
}
@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-left-style .sidebar-right {
    margin-right: 0;
  }
}
.postbox-style-2 .postbox-title {
  margin-bottom: 15px;
}
.postbox-style-2 .postbox-title a:hover {
  color: var(--it-theme-1);
}
.postbox-style-2 .it-btn-sm {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.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: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (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: 60px;
  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);
}
.postbox-content-box p {
  font-size: 16px;
  line-height: 1.76;
}

.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;
  background: rgba(24, 24, 24, 0.7);
  content: "";
  border-radius: 5px;
  z-index: -1;
}
.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__main-thumb img {
  border-radius: 10px;
}
.sidebar__title {
  font-size: 45px;
  margin-bottom: 20px;
}
.sidebar__banner img {
  border-radius: 10px;
}
.sidebar__banner-right {
  padding: 46px 51px 50px 30px;
  background: var(--it-grey-1);
  border-radius: 10px;
}
.sidebar__banner-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.sidebar__banner-list ul li {
  position: relative;
  list-style: none;
  padding-left: 25px;
  color: var(--it-common-black);
  margin-bottom: 10px;
}
.sidebar__banner-list ul li i {
  position: absolute;
  color: var(--it-theme-1);
  top: 3px;
  left: 0;
}
.sidebar__content-title {
  font-size: 40px;
}
.sidebar__button a {
  text-transform: uppercase;
  border-radius: 50px;
}
.sidebar-widget {
  padding: 35px 25px;
  background-color: #F4F4F4;
}
.sidebar-widget-title {
  font-weight: 700;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.sidebar-widget-list {
  width: 100%;
  padding: 12px 20px;
  display: flex;
  justify-content: space-between;
  color: var(--it-common-black);
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  transition: 0.3s;
  background-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) {
  .sidebar-widget-list {
    padding: 12px 15px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
  color: var(--it-common-black);
}
.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-right {
  margin-left: -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) {
  .sidebar-right {
    margin-left: 0;
  }
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  padding-right: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  outline: none;
  border: 1px solid transparent;
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #525252;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  font-size: 18px;
}

.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 {
  display: inline-block;
  line-height: 1;
  padding: 12px 15px;
  margin-bottom: 10px;
  margin-right: 5px;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 0;
  background-color: var(--it-common-white);
}
@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;
  }
}
@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;
    padding: 13px 10px;
    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 {
  flex: 0 0 auto;
}
.rc-post-thumb img {
  height: 100px;
  width: 100px;
  object-fit: cover;
}
.rc-post-title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title {
    font-size: 15px;
  }
}
.rc-post-title a {
  transition: 0.3s;
}
.rc-post-title a:hover {
  color: var(--it-theme-1);
}
.rc-meta i {
  margin-right: 5px;
  color: var(--it-theme-1);
}
.rc-meta span {
  font-weight: 500;
  font-size: 15px;
  color: #525252;
  display: block;
  margin-bottom: 15px;
}
.rc-meta span svg {
  margin-right: 10px;
  transform: translateY(-2px);
}

/*----------------------------------------*/
/*  11. footer css start
/*----------------------------------------*/
.it-footer-widget-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.42;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-top: 0;
  margin-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-footer-widget-title {
    font-size: 20px;
  }
}
.it-footer-widget-text p {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.76;
  margin-bottom: 40px;
  color: rgba(255, 255, 255, 0.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-footer-widget-text p {
    font-size: 14px;
  }
  .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;
}
.it-footer-widget-menu ul li a {
  transition: 0.3s;
  font-weight: 400;
  font-size: 17px;
  color: var(--it-common-white);
  position: relative;
}
.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  margin-right: 14px;
  display: inline-block;
  transform: translateY(-5px);
  background-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-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-1);
}
.it-footer-widget-menu ul li a:hover::before {
  width: 10px;
  background-color: var(--it-theme-1);
}
.it-footer-widget-input-box span {
  font-weight: 600;
  font-size: 22px;
  color: #fff;
  display: block;
  margin-bottom: 20px;
  font-family: var(--it-ff-heading);
}
.it-footer-widget-input-box form.input-wrap {
  width: 265px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-input-box form.input-wrap {
    width: 75%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-input-box form.input-wrap {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-input-box form.input-wrap {
    width: 80%;
  }
}
.it-footer-widget-input-box form input {
  line-height: 45px;
  padding-right: 50px;
  height: 45px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0);
  color: #F1F2EA;
}
.it-footer-widget-input-box form input::placeholder {
  color: #F1F2EA;
}
.it-footer-widget-input-box form input:focus {
  border-color: var(--it-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-input-box form input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
  }
}
.it-footer-widget-input-box button {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 0;
  height: 100%;
  width: 44px;
  color: var(--it-common-white);
  transform: translateY(-50%);
  background: var(--it-theme-1);
}
.it-footer-widget-tel-box {
  position: relative;
  padding-left: 26px;
}
.it-footer-widget-tel-box a {
  font-weight: 400;
  font-size: 17px;
  line-height: 1.76;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.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-footer-widget-tel-box a {
    font-size: 14px;
  }
}
.it-footer-widget-tel-box a:hover {
  color: var(--it-common-white);
}
.it-footer-widget-tel-box > span:first-child {
  position: absolute;
  top: 6px;
  left: 0;
  color: var(--it-theme-1);
  line-height: 1;
}
@media (max-width: 767px) {
  .it-footer-widget-social {
    margin-top: 15px;
  }
}
.it-footer-widget-social a {
  font-size: 16px;
  height: 40px;
  width: 40px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  background: rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .it-footer-widget-social a {
    font-size: 14px;
  }
}
.it-footer-widget-social a:not(:last-child) {
  margin-right: 5px;
}
.it-footer-widget-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-footer-col-2 {
  margin-left: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2 {
    margin-left: 30px;
  }
}
.it-footer-col-3 {
  margin-left: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-3 {
    margin-left: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-3 {
    margin-left: 0;
  }
}
.it-footer-col-4 {
  margin-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-4 {
    margin-left: 30px;
  }
}
.it-footer-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-footer-shape-2 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
  opacity: 0.4;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 10px;
  }
}
.it-copyright-left p {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}
.it-copyright-left p a {
  color: var(--it-theme-1);
}
.it-copyright-border {
  padding: 16px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-copyright-link a {
  color: var(--it-common-white);
}
.it-copyright-link span {
  display: inline-block;
  margin: 0 12px;
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  13. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
}

.it-header-top-ptb {
  padding: 11px 0;
}
@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;
  padding-right: 35px;
  margin-right: 35px;
  border-right: 1px solid rgba(255, 255, 255, 0.21);
}
@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:last-child {
  border-right: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-top-list-box ul li:last-child {
    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) {
  .it-header-top-list-box ul li:nth-child(2) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  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-box ul li span a {
  transition: 0.3s;
}
.it-header-top-list-box ul li span a:hover {
  color: var(--it-theme-1);
}
.it-header-top-social-box a {
  font-size: 14px;
  display: inline-block;
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-header-top-social-box a:not(:last-child) {
  margin-right: 15px;
}
.it-header-top-social-box a:hover {
  color: var(--it-theme-1);
}
.it-header-top-contact a {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-header-top-contact a:hover {
  color: var(--it-theme-1);
}
.it-header-top-contact span {
  display: inline-block;
  color: var(--it-common-white);
  margin: 0 3px;
}

@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;
  }
}
.it-header-menu > nav > ul {
  margin-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 13px;
}
@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 > a {
  font-weight: 600;
  font-size: 15px;
  padding: 47px 0;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    padding: 30px 0;
    font-size: 14px;
  }
}
.it-header-bar button span {
  margin-left: 20px;
  height: 48px;
  width: 48px;
  text-align: center;
  line-height: 45px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  transition: 0.3s;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-header-bar button span {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .it-header-bar button span svg {
    width: 18px;
  }
}
.it-header-search {
  margin-right: 27px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-search {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-header-search {
    display: none;
  }
}
.it-header-style-2 .it-header-menu > nav > ul > li > a {
  padding: 30px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-right-action .it-btn-orange {
    font-size: 15px;
    padding: 18px 25px;
  }
}

.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);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.it-header-style-4 {
  background-color: var(--it-common-red);
}
.header-sticky.it-header-style-4 .it-header-wrap::after {
  border-radius: 0;
}
.header-sticky.it-header-style-2 {
  background-color: var(--it-common-white);
}
.header-sticky.it-header-style-2 .it-header-border::after {
  display: none;
}
.header-sticky.it-header-style-2.it-header-border-2 {
  border-bottom: none;
}
.header-sticky.it-header-style-3 {
  background-color: var(--it-common-white);
}
.header-sticky.it-header-innar-style {
  border-bottom: none;
}

.it-onepage-menu li.active > a {
  color: var(--it-theme-1);
}
.it-onepage-menu li.active.has-dropdown::after {
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  16. menu css start
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}
.it-header-menu nav ul li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  transform: translateY(1px);
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 280px;
  text-align: left;
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  -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);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  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;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.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-common-black);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 25px;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 20px;
  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::after {
  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-homemenu-wrapper {
  padding: 55px 70px 20px 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-homemenu-wrapper {
    padding: 45px 35px 20px 35px;
  }
}

.it-megamenu-list li {
  list-style: none;
  display: block;
}
.it-megamenu-list li:not(:last-child) {
  margin-bottom: 18px;
}
.it-megamenu-list li a {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  position: relative;
  color: var(--it-common-black);
}
.it-megamenu-list li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-common-black);
}
.it-megamenu-list li:hover > a {
  padding-left: 25px;
}
.it-megamenu-list li:hover > a::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.it-megamenu-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 300px;
}
.it-megamenu-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-megamenu-text {
  position: relative;
  z-index: 99;
  bottom: -18%;
  transform: rotate(-90deg) translateY(-100%);
  text-align: center;
}
.it-megamenu-text h4 {
  font-size: 115px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -1.6px;
  color: rgba(25, 25, 26, 0.1);
}
.it-megamenu-text span {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgba(25, 25, 26, 0.4);
  text-transform: capitalize;
}
.it-megamenu-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-bottom: 10px;
  margin-right: 65px;
  font-family: var(--it-ff-heading);
  border-bottom: 1px solid rgba(11, 11, 11, 0.1098039216);
}

.it-header-menu nav ul li .has-home-img {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 0 auto;
}
.it-header-menu nav ul li .has-home-img.submenu {
  padding: 0;
}
.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 .has-home-img .home-img-title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-header-menu nav ul li .has-home-img .home-img-title:hover a {
  background-size: 0% 1px, 100% 1px;
}

.it-megamenu-space-2 {
  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-megamenu-space-2 {
    margin-left: 0;
  }
}

.home-img-btn {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 1;
  margin: 0 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-img-btn {
    margin: 0 15px;
  }
}
.home-img-btn .it-btn-sm {
  padding: 10.5px 5px;
  width: 100%;
  margin-bottom: 10px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.home-img-btn .it-btn-sm::after {
  background-color: var(--it-common-white);
}
.home-img-btn .it-btn-sm:hover {
  color: var(--it-theme-1);
}

.home-img-thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.home-img-thumb img {
  transition: 0.9s;
}
.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;
}
.home-img-thumb.coming-soon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(7px);
  border-radius: 14px;
  content: "";
}
.home-img-thumb:hover img {
  transform: scale(1.1);
}
.home-img-thumb:hover.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img-thumb:hover .home-img-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.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-title,
.it-category-mobile-menu .home-img-title {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-menu-mobile .home-img-title:hover,
.it-category-mobile-menu .home-img-title:hover {
  background-size: 0% 1px, 100% 1px;
}
.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(255, 255, 255, 0.2);
}
.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: #fff;
  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: #fff;
  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-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-white);
}
.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-white);
}
.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;
  color: var(--it-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
  text-transform: capitalize;
}
.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;
}

/*----------------------------------------*/
/*  14. hero css start
/*----------------------------------------*/
.it-hero-title {
  font-weight: 700;
  font-size: 75px;
  line-height: 1.13;
  margin-bottom: 15px;
  letter-spacing: -1px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 72px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 64px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 48px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 33px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 48px;
  }
  .it-hero-title br {
    display: none;
  }
}
.it-hero-title span {
  color: var(--it-theme-1);
}
.it-hero-content {
  padding-top: 130px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content {
    padding-top: 110px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content {
    padding-top: 100px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content {
    padding-top: 80px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-hero-content {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.it-hero-content p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.5;
  color: #525252;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content p {
    font-size: 17px;
    padding: 0 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content p {
    font-size: 17px;
    padding: 0 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content p {
    font-size: 15px;
    padding: 0 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-content p {
    font-size: 14px;
  }
  .it-hero-content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-content p {
    font-size: 16px;
  }
  .it-hero-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-content .it-btn-black {
    margin: 0 50px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-content .it-btn-black {
    margin-right: 30px;
    margin-left: 0;
  }
}
.it-hero-shape-1 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -1;
  width: 100%;
  opacity: 0.4;
}
.it-hero-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}
.it-hero-ptb {
  padding-top: 215px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-ptb {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-ptb {
    padding-top: 180px;
  }
}
@media (max-width: 767px) {
  .it-hero-ptb {
    padding-top: 150px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-ptb {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
.it-hero-ptb .it-hero-content {
  padding: 0;
}
.it-hero-ptb .it-hero-content p {
  margin-top: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-ptb .it-hero-content p {
    padding-right: 0;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-ptb .it-hero-content p {
    padding-right: 60px;
    padding-left: 0;
    font-size: 20px;
  }
  .it-hero-ptb .it-hero-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-ptb .it-hero-content p {
    padding-right: 0;
    padding-left: 0;
    font-size: 18px;
  }
  .it-hero-ptb .it-hero-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-ptb .it-hero-content p {
    padding-right: 0;
    padding-left: 0;
    font-size: 14px;
  }
  .it-hero-ptb .it-hero-content p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-ptb .it-hero-title {
    font-size: 60px;
  }
  .it-hero-ptb .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-btn {
    flex-wrap: wrap !important;
  }
}
@media (max-width: 767px) {
  .it-hero-style-2 .it-hero-content .it-btn-black {
    margin: 0;
  }
}

.it-hero-2-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.25;
  letter-spacing: -1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-title {
    font-size: 55px;
  }
  .it-hero-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-title {
    font-size: 50px;
  }
  .it-hero-2-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-2-title {
    font-size: 30px;
  }
  .it-hero-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-title {
    font-size: 42px;
  }
  .it-hero-2-title br {
    display: none;
  }
}
.it-hero-2-area {
  border-bottom: 20px solid var(--it-theme-1);
}
.it-hero-2-area .it-hero-ptb {
  padding-bottom: 135px;
}
@media (max-width: 767px) {
  .it-hero-2-area .it-hero-ptb {
    padding-top: 150px;
  }
}
.it-hero-2-shape-1 {
  position: absolute;
  bottom: -25%;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-shape-1 {
    bottom: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-shape-1 {
    bottom: -5%;
  }
}
@media (max-width: 767px) {
  .it-hero-2-shape-1 {
    bottom: -5%;
  }
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-left {
    margin-bottom: 50px;
  }
}
.it-about-left p {
  font-weight: 600;
  font-size: 17px;
  color: #525252;
}
@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-left p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-left p {
    font-size: 15px;
  }
  .it-about-left p br {
    display: none;
  }
}
.it-about-thumb {
  mask-image: url(../img/about/about-1.svg);
  -webkit-mask-image: url(../img/about/about-1.svg);
  width: 100%;
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 635px;
  margin-left: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-thumb {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-thumb {
    margin-left: 0;
    mask-image: none;
    height: 100%;
    -webkit-mask-image: none;
  }
}
.it-about-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-thumb-wrap {
    margin-left: -100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-thumb-wrap {
    margin-left: 50px;
  }
}
.it-about-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.4;
}
.it-about-shape-2 {
  position: absolute;
  top: 59%;
  left: 0;
  z-index: -1;
  transform-origin: top center;
  animation: itswing 1.5s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-2 {
    left: -21%;
  }
}
@media (max-width: 767px) {
  .it-about-shape-2 {
    display: none;
  }
}
.it-about-list ul li {
  padding-left: 30px;
  position: relative;
  list-style-type: none;
  margin-bottom: 17px;
  font-size: 18px;
  color: var(--it-common-black);
}
.it-about-list ul li span {
  position: absolute;
  top: -1px;
  left: 0;
}

.it-about-2-top-right {
  margin-left: 95px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-top-right {
    margin-left: 0;
    margin-top: 30px;
  }
}
.it-about-2-top-right p {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 0;
}
.it-about-2-thumb {
  position: relative;
  padding-left: 35px;
  padding-top: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-thumb {
    display: inline-block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-thumb {
    margin-bottom: 70px;
    display: inline-block;
  }
}
.it-about-2-thumb img {
  max-width: inherit;
  border: 5px solid #fff;
}
@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-thumb img {
    max-width: 100%;
  }
}
.it-about-2-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 75px);
  z-index: -1;
  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-about-2-thumb::after {
    width: 90%;
  }
}
.it-about-2-tab-btn ul {
  padding-bottom: 10px;
  border-bottom: 1px solid #F4F4F4;
}
.it-about-2-tab-btn ul li:not(:last-child) {
  margin-right: 78px;
}
@media (max-width: 767px) {
  .it-about-2-tab-btn ul li:not(:last-child) {
    margin-right: 30px;
  }
}
.it-about-2-tab-btn ul li button {
  font-weight: 600;
  font-size: 22px;
  padding: 0;
  position: relative;
  transition: 0.3s;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-about-2-tab-btn ul li button {
    font-size: 18px;
  }
}
.it-about-2-tab-btn ul li button.active {
  color: var(--it-theme-1);
}
.it-about-2-tab-btn ul li button.active::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.it-about-2-tab-btn ul li button:hover {
  color: var(--it-theme-1);
}
.it-about-2-tab-btn ul li button:hover::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.it-about-2-tab-btn ul li button::after {
  position: absolute;
  content: "";
  bottom: -11px;
  left: 0;
  width: 0;
  height: 2px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  background-color: var(--it-theme-1);
}
.it-about-2-tab-content p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
  margin-bottom: 12px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-tab-content p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-2-tab-content p {
    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-about-2-tab-content-wrap {
    margin-bottom: 40px;
  }
}
.it-about-2-funfact-number {
  font-weight: 700;
  font-size: 55px;
  margin-bottom: 10px;
  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-about-2-funfact-number {
    font-size: 34px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-2-funfact-number {
    font-size: 25px;
    margin-bottom: 15px;
  }
}
.it-about-2-funfact-number i {
  font-style: normal;
}
.it-about-2-funfact span {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.71;
  padding-left: 20px;
  color: var(--it-text-body);
  display: inline-block;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-funfact span {
    font-size: 15px;
  }
}
.it-about-2-funfact span::before {
  position: absolute;
  left: 0;
  top: 9px;
  content: "";
  width: 8px;
  height: 8px;
  background-color: var(--it-theme-1);
}
.it-about-2-right {
  margin-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .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 {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

.it-about-3-area .it-about-left p {
  margin-right: 70px;
}
@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-about-3-area .it-about-left p {
    margin-right: 0;
  }
}
.it-about-3-area .it-about-2-funfact {
  padding-left: 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) {
  .it-about-3-area .it-about-2-funfact {
    padding-left: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .it-about-2-funfact {
    padding: 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-3-area .it-about-2-funfcat-wrap {
    margin-top: 50px;
  }
}
.it-about-3-area .it-about-2-funfcat-wrap .row [class*=col-] .it-about-2-funfact {
  border-left: 1px solid rgba(10, 10, 10, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-2-funfcat-wrap .row [class*=col-] .it-about-2-funfact {
    border-left: none;
  }
}
.it-about-3-thumb.left-img {
  margin-left: -125px;
}
@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-about-3-thumb.left-img {
    margin-left: 0;
  }
}
.it-about-3-thumb.left-img 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-about-3-thumb.left-img img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb img {
    margin-top: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-thumb img {
    width: 100%;
    margin-top: 50px;
  }
}
.it-about-3-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.4;
}

@media (max-width: 767px) {
  .it-about-4-area {
    padding-bottom: 130px;
  }
}
.it-about-4 .it-about-left p {
  color: var(--it-common-black);
}
.it-about-4-thumb-sm {
  position: absolute;
  right: -6.5%;
  bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-thumb-sm {
    right: -12.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-sm {
    right: 10.5%;
    bottom: -32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb-sm {
    right: 12.5%;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm {
    margin-top: 20px;
    margin-bottom: 20px;
    position: static;
  }
}
.it-about-4-thumb-sm img {
  border: 5px solid #fff;
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb-wrap {
    margin: 0px;
    margin-bottom: 100px;
  }
}
.it-about-4-client-info h5 {
  font-weight: 600;
  font-size: 30px;
  color: var(--it-common-black);
}
.it-about-4-client-info span {
  font-weight: 600;
  font-size: 17px;
  color: var(--it-theme-1);
}
.it-about-4-client-box {
  position: absolute;
  bottom: -10%;
  left: 34%;
  z-index: 1;
  padding: 10px 20px;
  padding-right: 55px;
  background-color: var(--it-gray-1);
  box-shadow: 0 4px 10px 0 rgba(10, 10, 10, 0.1);
  animation: ittranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-client-box {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-about-4-client-box {
    position: static;
    animation: none;
  }
}
.it-about-4-left {
  margin-left: 77px;
}
@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-left {
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.it-about-4-left p {
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-about-4-left p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
.it-about-4-shape-1 {
  position: absolute;
  top: 4%;
  right: 8%;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-shape-1 {
    right: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-1 {
    right: 25%;
  }
}
@media (max-width: 767px) {
  .it-about-4-shape-1 {
    display: none;
  }
}
.it-about-4-shape-2 {
  position: absolute;
  bottom: 18%;
  right: -4%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-4-shape-2 {
    right: -19%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-shape-2 {
    right: -19%;
    transform: scale(0.6);
  }
}

.it-about-5-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) {
  .it-about-5-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-thumb img {
    width: 100%;
  }
}
.it-about-5-thumb.thumb-style-1 {
  transform: translateX(-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) {
  .it-about-5-thumb.thumb-style-1 {
    transform: translateX(0);
  }
}
.it-about-5-text p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
  margin-right: 80px;
  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-about-5-text p {
    margin-right: 0;
  }
}
.it-about-5-content {
  margin-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-content {
    margin-left: 0;
  }
}
.it-about-5-area .it-about-2-funfact-wrap {
  padding: 20px 50px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-area .it-about-2-funfact-wrap {
    margin-right: 0;
    padding: 20px 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-about-5-area .it-about-2-funfact-wrap {
    margin-right: 0;
    padding: 20px 30px;
    margin-bottom: 50px;
  }
}
.it-about-5-area .it-about-2-funfact-number {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-area .it-about-2-funfact span {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .it-about-5-area .it-about-2-funfact {
    margin-bottom: 20px;
    text-align: center;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  top: 5%;
  right: 27%;
  z-index: -1;
}
.it-about-5-shape-2 {
  position: absolute;
  top: 7%;
  /* Logical: LTR → physical right; RTL → physical left (start-side anchor) */
  inset-inline-end: 0;
  inset-inline-start: auto;
  z-index: -1;
  max-width: min(420px, 45vw);
  pointer-events: none;
}
.it-about-5-shape-2 .train__img,
.it-about-5-shape-2 .truck__img {
  display: block;
  max-width: 100%;
  height: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-2 {
    /* Slight decorative bleed on the inline-end edge (right in LTR, left in RTL) */
    inset-inline-end: -12%;
  }
}

/*----------------------------------------*/
/*  20. menu css start
/*----------------------------------------*/
.it-service-top-wrap {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-top-wrap .it-section-title-box {
    margin-bottom: 30px;
  }
}
.it-service-item-wrap {
  padding: 30px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.it-service-item-wrap > a {
  height: 100%;
}
.it-service-item-wrap:hover .it-service-thumb {
  border: 1px solid rgba(255, 255, 255, 0.7);
}
.it-service-item-wrap:hover .it-service-thumb img {
  transform: scale(1.1);
}
.it-service-item-wrap:hover .it-service-thumb::after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.it-service-item-wrap:hover .it-service-arrow {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%) scale(1);
}
.it-service-item-wrap:hover .it-service-arrow-2 span {
  border-color: var(--it-theme-1);
  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-service-item-wrap {
    padding: 30px 0;
  }
}
.it-service-title {
  font-weight: 600;
  font-size: 30px;
  margin-bottom: 0;
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-service-title span {
  font-size: 18px;
  margin-right: 15px;
  transform: translateY(-4px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-service-title {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.it-service-thumb {
  overflow: hidden;
  transition: 0.3s;
  border: 1px solid transparent;
}
.it-service-thumb img {
  transition: 0.9s;
  transform: translateY(1px);
}
.it-service-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(227, 6, 19, 0.8);
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  transform: scale(0.6);
}
.it-service-text p {
  margin-bottom: 0;
  margin-right: 95px;
  color: rgba(255, 255, 255, 0.78);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-text p {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-text p {
    margin-right: 0;
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .it-service-text p {
    margin: 30px 0;
  }
}
.it-service-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%) scale(0);
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-arrow svg {
    width: 32px;
  }
}
.it-service-arrow-2 span {
  height: 40px;
  width: 40px;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
  color: var(--it-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.it-service-style-2 .it-service-top-wrap {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-service-style-2 .it-service-item-wrap {
  padding-left: 55px;
  padding-right: 55px;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-style-2 .it-service-item-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.it-service-style-2 .it-service-item-wrap::after {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  transition: 0.4s;
  z-index: -1;
  background-color: var(--it-common-black);
}
.it-service-style-2 .it-service-title {
  color: var(--it-common-black);
}
.it-service-style-2 .it-service-arrow-2 svg {
  color: var(--it-theme-1);
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-style-2 .it-service-arrow-2 svg {
    width: 50px;
  }
}
@media (max-width: 767px) {
  .it-service-style-2 .it-service-arrow-2 svg {
    width: 50px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-style-2 .it-service-arrow-2 svg {
    width: 50px;
    margin-top: 0;
  }
}
.it-service-style-3 .it-service-text p {
  font-size: 17px;
  line-height: 1.76;
  margin-right: 0;
  margin-left: -35px;
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-style-3 .it-service-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-style-3 .it-service-text p {
    font-size: 14px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-service-style-3 .it-service-text p {
    font-size: 14px;
    margin: 0;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-style-3 .it-service-text p {
    margin-bottom: 20px;
  }
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap {
  padding-left: 30px;
  padding-right: 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-service-style-3.it-service-style-2 .it-service-item-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.it-service-style-3 .it-service-item-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: -1;
  opacity: 0;
  transition: 0.4s;
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap::after {
  background: rgba(10, 10, 10, 0.85);
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover .it-service-text p {
  color: var(--it-common-white);
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover .it-service-title {
  color: var(--it-common-white);
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover .it-service-arrow-2 svg {
  color: var(--it-common-white);
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover .it-service-item-bg {
  opacity: 1;
  height: 100%;
}
.it-service-style-3.it-service-style-2 .it-service-item-wrap:hover .it-service-arrow-2 svg {
  transform: rotate(45deg);
}
@media (max-width: 767px) {
  .it-service-inner-style .it-testimonial-2-arrow-box {
    margin-top: 35px;
  }
}

.it-service-2-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-service-2-icon svg {
  transition: 0.3s;
  color: var(--it-common-black);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-service-2-title {
  font-weight: 600;
  font-size: 22px;
  transition: 0.3s;
}
.it-service-2-item {
  padding: 40px 30px;
  transition: 0.3s;
  border: 1px solid rgba(10, 10, 10, 0.1);
  background-color: var(--it-common-white);
}
.it-service-2-item p {
  padding-bottom: 35px;
  margin-bottom: 40px;
  transition: 0.3s;
  color: #898989;
  border-bottom: 1px solid rgba(10, 10, 10, 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-service-2-item p br {
    display: none;
  }
}
.it-service-2-item .it-btn-sm.gray-bg {
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-service-2-item .it-btn-sm.gray-bg:hover {
  color: var(--it-common-white);
}
.it-service-2-item:hover {
  background-color: var(--it-common-black);
}
.it-service-2-item:hover .it-service-2-icon svg {
  color: var(--it-common-white);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-service-2-item:hover .it-service-2-title {
  color: var(--it-common-white);
}
.it-service-2-item:hover p {
  color: var(--it-common-white);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.it-service-2-item:hover .it-btn-sm.gray-bg {
  background-color: var(--it-common-white);
}
.it-service-2-style-2 .it-service-2-item {
  border: none;
  background-color: var(--it-common-white);
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
}
.it-service-2-style-2 .it-service-2-item p {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.it-service-2-style-2 .it-service-2-item:hover {
  background-color: var(--it-common-black);
}
.it-service-2-style-3 .it-service-2-item {
  border: 1px solid rgba(10, 10, 10, 0.2);
  background-color: var(--it-common-white);
}
.it-service-2-style-3 .it-service-2-item:hover {
  background-color: var(--it-common-black);
}
.it-service-2-shape-1 {
  position: absolute;
  top: -60%;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}

.it-service-reveal-item {
  position: relative;
}
.it-service-reveal-item .it-service-reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
  height: 320px;
  opacity: 0;
  margin: -120px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
  z-index: 99;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(-4deg);
  -webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-reveal-item .it-service-reveal-bg {
    width: 155px;
    height: 250px;
  }
}
.it-service-reveal-item:hover .it-service-reveal-bg {
  opacity: 1;
  transform: rotate(-4deg);
}
.it-service-reveal-item:hover .it-service-title {
  color: var(--it-common-white);
}
.it-service-reveal-item:hover.it-service-item-wrap::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.it-service-reveal-item:hover .it-service-arrow-2 svg {
  color: var(--it-common-white);
}

.it-sv-details-sidebar {
  margin-right: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-sidebar {
    margin-right: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-sidebar {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-sidebar {
    margin-right: 0px;
    margin-bottom: 50px;
  }
}
.it-sv-details-download .download-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  background-color: var(--it-common-white);
}
.it-sv-details-download .download-item a {
  width: 100%;
  transition: 0.3s;
}
.it-sv-details-download .download-item a span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  display: inline-block;
  background: rgba(249, 71, 53, 0.2);
}
.it-sv-details-download .download-item a i {
  font-weight: 400;
  font-size: 14px;
  color: #000;
  font-style: normal;
}
.it-sv-details-download .download-item a:hover {
  color: var(--it-theme-1);
}
.it-sv-details-contact {
  padding: 40px 30px;
}
.it-sv-details-contact-icon {
  display: inline-block;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  line-height: 100px;
  margin: 0 auto;
  margin-bottom: 35px;
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.it-sv-details-contact-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--it-common-white);
}
.it-sv-details-contact > span {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  display: block;
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  27. text slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 29px 0;
}
.it-text-slider-item {
  display: flex;
  align-items: center;
}
.it-text-slider-item span {
  font-weight: 600;
  font-size: 30px;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
  text-transform: capitalize;
  display: inline-block;
}
.it-text-slider-item img {
  margin: 0 35px;
}
.it-text-slider-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-text-slider-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  08. choose css start
/*----------------------------------------*/
.it-choose-title-box 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) {
  .it-choose-title-box p {
    font-size: 15px;
  }
  .it-choose-title-box p br {
    display: none;
  }
}
.it-choose-thumb {
  margin-right: 47px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-thumb {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-thumb {
    margin-right: 0px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
    margin-bottom: 50px;
  }
}
.it-choose-more-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-more-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-choose-more-title {
    font-size: 17px;
  }
}
.it-choose-more p {
  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-choose-more-info p br {
    display: none;
  }
}
.it-choose-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.3;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-shape-1 {
    display: none;
  }
}
.it-choose-style-2 .it-choose-more-info {
  padding: 32px 40px;
  transition: 0.3s;
  background-color: #F4F4F4;
  position: relative;
}
.it-choose-style-2 .it-choose-more-info p {
  margin-bottom: 0;
  line-height: 1.76;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-more-info p br {
    display: none;
  }
}
.it-choose-style-2 .it-choose-more-info::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 100%;
  background-color: var(--it-theme-1);
  transition: 0.3s;
}
.it-choose-style-2 .it-choose-more-info:hover::after {
  height: 100%;
}
.it-choose-style-2 .it-choose-more-info.active::after {
  height: 100%;
}
.it-choose-style-2 .it-choose-thumb {
  padding-bottom: 110px;
  margin-right: 0;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-style-2 .it-choose-thumb img {
    width: auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-style-2 .it-choose-right {
    margin-bottom: 50px;
  }
}
.it-choose-style-2 .it-choose-thumb-sm {
  position: absolute;
  bottom: 0;
  left: 10%;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb-sm {
    position: static;
  }
}
.it-choose-style-2 .it-choose-thumb-sm img {
  border: 5px solid #fff;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb-sm img {
    width: 100%;
  }
}
.it-choose-style-3 .it-choose-thumb {
  position: relative;
  margin-right: 0;
  margin-left: 82px;
  margin-top: 35px;
}
@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-thumb {
    margin-left: 40px;
  }
}
.it-choose-style-3 .it-choose-thumb::after {
  position: absolute;
  content: "";
  top: -35px;
  left: -40px;
  width: calc(100% - 40px);
  height: calc(100% - 35px);
  z-index: -1;
  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) {
  .it-choose-style-3 .it-choose-thumb::after {
    width: 90%;
  }
}
@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-thumb::after {
    width: 90%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-style-3 .it-choose-right {
    margin-bottom: 70px;
  }
}
.it-choose-style-3 .it-choose-thumb img {
  margin-bottom: 0px;
}

.it-choose-2-overlay {
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}
.it-choose-2-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: rgba(10, 10, 10, 0.85);
}
.it-choose-2-item {
  padding: 40px 20px;
  padding-bottom: 30px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(10, 10, 10, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-2-item {
    padding: 40px 30px;
    padding-bottom: 30px;
  }
}
.it-choose-2-item:hover .it-choose-2-icon svg {
  color: var(--it-common-white);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-2-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 1.45;
  margin-bottom: 0;
}
.it-choose-2-icon svg {
  transition: 0.3s;
  color: var(--it-common-black);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*----------------------------------------*/
/*  12. funfact css start
/*----------------------------------------*/
.it-funfact-item {
  transition: 0.4s;
  padding: 32px 15px;
  backdrop-filter: blur(2px);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-funfact-item:hover {
  background-color: var(--it-theme-1);
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-funfact-icon svg {
  width: 70px;
  height: 70px;
  color: var(--it-common-white);
  transition: 0.3s;
  color: var(--it-common-black);
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-funfact-title {
  font-size: 45px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 10px;
  font-family: var(--it-ff-plus-jakarta);
}
@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-title {
    font-size: 35px;
  }
}
.it-funfact-title i {
  font-style: normal;
}
.it-funfact-content span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  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-funfact-content span {
    font-size: 18px;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}

/*----------------------------------------*/
/*  25. team css start
/*----------------------------------------*/
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.15) rotate(-2deg);
}
.it-team-item:hover .it-team-thumb::before {
  left: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.it-team-item:hover .it-team-content {
  margin-bottom: 0;
}
.it-team-item:hover .it-team-content > span {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-content-box {
  margin-bottom: 0;
  background-color: var(--it-theme-1);
}
.it-team-item:hover .it-team-content-box > span {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-thumb {
  overflow: hidden;
  position: relative;
}
.it-team-thumb img {
  transition: 1.3s all ease;
}
.it-team-thumb::before {
  background: rgba(255, 255, 255, 0.3);
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  right: 51%;
  top: 0;
  opacity: 1;
  pointer-events: none;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  z-index: 1;
}
.it-team-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-title {
    font-size: 19px;
  }
}
.it-team-content-box {
  position: absolute;
  bottom: 30px;
  left: 23px;
  right: 30px;
  text-align: center;
  padding: 26px 30px;
  overflow: hidden;
  transition: 0.3s allease;
  z-index: 2;
  background-color: var(--it-common-white);
}
.it-team-content-box > span {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
  transition: 0.3s allease;
}
.it-team-content {
  margin-bottom: -68px;
  transition: 0.3s all ease;
}
.it-team-content > span {
  font-weight: 500;
  font-size: 16px;
  color: #707070;
  transition: 0.3s allease;
}
@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-content > span {
    font-size: 15px;
  }
}
.it-team-social {
  padding-top: 25px;
  margin-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.it-team-social > a {
  height: 40px;
  width: 40px;
  line-height: 38px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
  font-size: 16px;
  color: var(--it-common-black);
  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-team-social > a {
    height: 30px;
    width: 30px;
    line-height: 28px;
  }
}
.it-team-social > a:not(:last-child) {
  margin-right: 12px;
}
.it-team-social > a:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-team-top-wrap {
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-top-wrap .it-section-title-box {
    margin-bottom: 30px;
  }
}

/* details area start */
.it-team-details-wrap {
  background-color: var(--it-gray-1);
  padding: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-details-wrap {
    font-size: 14px;
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-wrap {
    font-size: 14px;
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-team-details-wrap {
    font-size: 14px;
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-details-wrap {
    font-size: 14px;
    padding: 50px 40px;
  }
}
.it-team-details-left-thumb img {
  width: 100%;
  margin-bottom: 30px;
}
.it-team-details-left-social {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D9D9D9;
}
.it-team-details-left-social a {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  margin: 0px 1px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-details-left-social a {
    height: 30px;
    width: 30px;
    line-height: 30px;
  }
}
.it-team-details-left-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-team-details-left-info {
  margin-bottom: 40px;
}
.it-team-details-left-info ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
}
.it-team-details-left-info ul li a {
  font-size: 15px;
  font-weight: 400;
  line-height: 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-team-details-left-info ul li a {
    font-size: 14px;
  }
}
.it-team-details-left-info ul li i {
  color: var(--it-theme-1);
  position: absolute;
  top: 8px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left {
    margin-bottom: 50px;
  }
}
.it-team-details-right {
  background-color: var(--it-common-white);
  padding: 50px;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-right {
    padding: 60px 25px;
    margin-left: 0;
  }
}
.it-team-details-right .it-progress-bar-wrap h4 {
  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-team-details-right .it-progress-bar-wrap h4 {
    font-size: 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-team-details-right .it-progress-bar-item label {
    font-size: 14px;
  }
}
.it-team-details-right-title-box {
  margin-bottom: 40px;
}
.it-team-details-right-title-box h4 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 3px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-right-title-box h4 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-team-details-right-title-box h4 {
    font-size: 19px;
  }
}
.it-team-details-right-title-box h4.title {
  font-size: 30px;
}
.it-team-details-right-title-box span {
  color: var(--it-theme-1);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
}
.it-team-details-right-title-box p {
  line-height: 1.65;
  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-team-details-right-title-box 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), (max-width: 767px) {
  .it-team-details-right-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-team-details-right-content h4 {
    font-size: 20px;
  }
}
.it-team-details-right .it-progress-bar-wrap .it-progress-bar .progress-bar span {
  top: -22px;
}
.it-team-details-list > span {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.03em;
  color: var(--it-common-black);
  text-transform: capitalize;
  margin-bottom: 25px;
  display: block;
}
.it-team-details-list ul li {
  display: block;
  list-style-type: none;
}
.it-team-details-list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.it-team-details-list ul li span {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-weight: 600;
  font-size: 16px;
  transition: 0.3s;
  color: #4B4B4B;
}
.it-team-details-list ul li span:hover {
  color: var(--it-theme-1);
}
.it-team-details-list ul li span i, .it-team-details-list ul li span svg {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 18px;
  color: var(--it-theme-1);
}

.it-progress-bar-item {
  padding: 5px 0px;
  overflow: hidden;
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-progress-bar-item {
    padding-top: 20px;
  }
}
.it-progress-bar-item label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  display: inline-block;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-progress-bar-item label {
    font-size: 14px;
  }
}
.it-progress-bar .progress {
  overflow: visible;
  background: #F3E8DF;
  height: 8px;
  border-radius: 10px;
}
.it-progress-bar .progress-bar {
  background-color: var(--it-theme-1);
  position: relative;
  overflow: visible;
  height: 100%;
  top: 0;
  border-radius: 10px;
}
.it-progress-bar .progress-bar span {
  position: absolute;
  right: 0;
  top: -30px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-team-details-right-title-box h4 {
    font-size: 19px !important;
  }
}

/*----------------------------------------*/
/*  26. testimonial css start
/*----------------------------------------*/
.it-testimonial-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}
.it-testimonial-text {
  margin: 0 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-testimonial-text {
    margin: 0;
  }
}
.it-testimonial-text p {
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.75;
  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) {
  .it-testimonial-text p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-text p {
    font-size: 16px;
  }
  .it-testimonial-text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-text p {
    font-size: 17px;
  }
}
.it-testimonial-avatar-shape {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-50%);
}
.it-testimonial-item h4 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 5px;
  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) {
  .it-testimonial-item h4 {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-item h4 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-item h4 {
    font-size: 17px;
  }
}
.it-testimonial-item span {
  font-weight: 500;
  font-size: 18px;
  color: #525252;
}
.it-testimonial-active {
  margin: -30px;
  padding: 30px;
}
.it-testimonial-arrow-wrap .arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -37%;
  z-index: 9;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-testimonial-arrow-wrap .arrow-prev {
    left: -27%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-arrow-wrap .arrow-prev {
    left: -17%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-arrow-wrap .arrow-prev {
    left: -25%;
  }
}
.it-testimonial-arrow-wrap .arrow-prev svg {
  display: inline-block;
  margin-right: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-arrow-wrap .arrow-prev svg {
    width: 50px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-arrow-wrap .arrow-prev svg {
    width: 65px;
    margin-right: 5px;
  }
}
.it-testimonial-arrow-wrap .arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -37%;
  z-index: 9;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-testimonial-arrow-wrap .arrow-next {
    right: -27%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-arrow-wrap .arrow-next {
    right: -17%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-arrow-wrap .arrow-next {
    right: -25%;
  }
}
.it-testimonial-arrow-wrap .arrow-next svg {
  display: inline-block;
  margin-left: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-arrow-wrap .arrow-next svg {
    width: 50px;
    margin-left: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-arrow-wrap .arrow-next svg {
    width: 65px;
    margin-left: 5px;
  }
}
.it-testimonial-arrow-wrap button {
  padding: 0;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: 0.3s;
  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) {
  .it-testimonial-arrow-wrap button {
    font-size: 16px;
  }
}
.it-testimonial-arrow-wrap button:hover {
  color: var(--it-theme-1);
}
.it-testimonial-avatar-name {
  font-weight: 600;
  font-size: 22px;
}
.it-testimonial-avatar-info span {
  color: var(--it-theme-1);
}
.it-testimonial-style-2 {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-testimonial-style-2 .it-testimonial-2-item-wrap {
  padding: 0;
  background-color: transparent;
}
.it-testimonial-style-2 .it-testimonial-text p {
  font-style: normal;
  font-weight: 500;
  font-size: 23px;
  line-height: 1.45;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-text p {
    font-size: 17px;
  }
}
.it-testimonial-style-2 .it-testimonial-wrapper {
  margin-right: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-2 .it-testimonial-wrapper {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-wrapper {
    margin-right: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-2-arrow-box button {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-testimonial-style-2 .it-testimonial-2-arrow-box button svg {
  display: inline-block;
  margin-top: -4px;
}
.it-testimonial-style-2 .it-video-icon {
  position: absolute;
  top: auto;
  left: auto;
  bottom: 60px;
  right: 60px;
  transform: translateY(0%);
}
.it-testimonial-style-2 .it-video-icon a {
  height: 66px;
  width: 66px;
  line-height: 66px;
}
.it-testimonial-style-2 .it-about-2-funfact span {
  font-weight: 600;
  font-size: 17px;
  padding-left: 0;
}
.it-testimonial-style-2 .it-about-2-funfact span::before {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-about-2-funfcat-wrap {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-wrapper {
    margin-bottom: 50px;
  }
}
.it-testimonial-style-2 .it-testimonial-thumb {
  position: relative;
}
.it-testimonial-style-2 .it-testimonial-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(10, 10, 10, 0.5);
}

.it-testimonial-2-item-wrap {
  padding: 60px 70px;
  padding-right: 80px;
  background-color: #F4F4F4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-item-wrap {
    padding: 60px 50px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-item-wrap {
    padding: 60px 20px;
  }
}
.it-testimonial-2-item-wrap .it-testimonial-text {
  margin: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-item-wrap .it-testimonial-text p {
    font-size: 21px;
  }
}
.it-testimonial-2-item-wrap .it-testimonial-avatar img {
  height: 58px;
  width: 58px;
  border-radius: 50%;
}
.it-testimonial-2-item-wrap .it-testimonial-avatar {
  padding: 12px;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .it-testimonial-2-item-wrap .it-testimonial-avatar-name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-item-wrap .it-testimonial-quote {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-item-wrap .it-testimonial-quote {
    display: block;
  }
}
.it-testimonial-2-arrow-box button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-weight: 400;
  font-size: 24px;
  transition: 0.3s;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-testimonial-2-arrow-box button svg {
  display: inline-block;
  margin-top: -2px;
}
.it-testimonial-2-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-testimonial-2-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-thumb img {
    max-width: 100%;
    margin-bottom: 30px;
  }
}
.it-testimonial-2-ratting svg {
  margin-right: 4px;
}
.it-testimonial-2-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  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) {
  .it-testimonial-2-shape-1 {
    transform: scale(0.7);
  }
}
.it-testimonial-2-shape-2 {
  position: absolute;
  top: 7%;
  right: 8%;
  z-index: -1;
}
.it-testimonial-2-shape-3 {
  position: absolute;
  top: 12%;
  left: 3%;
  z-index: -1;
}
.it-testimonial-2-style-2 .it-testimonial-text p {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
}
.it-testimonial-2-style-2 .it-testimonial-2-item-wrap {
  padding: 40px;
  padding-bottom: 35px;
  background-color: #F4F4F4;
}
@media (max-width: 767px) {
  .it-testimonial-2-style-2 .it-testimonial-2-item-wrap {
    padding: 40px 20px;
  }
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -11%;
  z-index: 1;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-prev svg {
  margin-right: 0;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11%;
  z-index: 1;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-next svg {
  margin-left: 0;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-weight: 400;
  font-size: 24px;
  transition: 0.3s;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap button svg {
  display: inline-block;
  margin-top: -2px;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-testimonial-2-black-box {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  width: 67%;
  height: calc(100% + 80px);
  background-color: var(--it-common-black);
}

.it-testimonial-dots .swiper-pagination-bullet {
  width: 3px;
  height: 28px;
  opacity: 1;
  background-color: transparent;
  margin: 0 6px;
  position: relative;
  border-radius: 0;
  position: relative;
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  opacity: 1;
  content: "";
  display: inline-block;
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  opacity: 1;
  content: "";
  display: inline-block;
  background-color: var(--it-common-black);
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  background-color: var(--it-theme-1);
  width: 100%;
  height: 100%;
}
.it-testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  background-color: transparent;
}

/*----------------------------------------*/
/*  04. brand css start
/*----------------------------------------*/
.it-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-active .swiper-slide {
  width: auto;
}
.it-brand-scroll-hr {
  position: relative;
}
.it-brand-scroll-hr::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 10%;
  background: linear-gradient(90deg, #0A0A0A 4.11%, rgba(10, 10, 10, 0.8) 57.6%, rgba(10, 10, 10, 0) 101.94%);
  z-index: 2;
}
.it-brand-scroll-hr::after {
  position: absolute;
  content: "";
  top: 0;
  height: 100%;
  width: 10%;
  right: 0;
  background: linear-gradient(90deg, rgba(10, 10, 10, 0) 3.69%, rgba(10, 10, 10, 0.8) 60.29%, #0A0A0A 92.05%);
  z-index: 2;
}

/*----------------------------------------*/
/*  15. information css start
/*----------------------------------------*/
.it-information-nav-btn ul li {
  width: 50%;
}
@media (max-width: 767px) {
  .it-information-nav-btn ul li {
    width: 100%;
  }
}
.it-information-nav-btn ul li button {
  font-weight: 600;
  font-size: 20px;
  color: #fff;
  height: 52px;
  line-height: 52px;
  text-align: center;
  padding: 0 25px;
  width: 100%;
  font-family: var(--it-ff-heading);
  background-color: #525252;
}
@media (max-width: 767px) {
  .it-information-nav-btn ul li button {
    font-size: 17px;
  }
}
.it-information-nav-btn ul li button.active {
  color: #fff;
  background-color: var(--it-theme-1);
}
.it-information-nav-btn ul li button:hover {
  color: #fff;
  background-color: var(--it-theme-1);
}
.it-information-wrap {
  padding: 50px 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-information-wrap {
    padding: 50px 35px;
  }
}
@media (max-width: 767px) {
  .it-information-wrap {
    padding: 50px 20px;
  }
}
.it-information-input-box input {
  height: 58px;
  line-height: 58px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-information-input-box input {
    padding: 0 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-information-input-box input {
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
    font-size: 12px;
  }
}
.it-information-input-box input::placeholder {
  font-weight: 400;
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-information-input-box input::placeholder {
    font-size: 12px;
  }
}
.it-information-left {
  margin-right: 59px;
}
@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-information-left {
    margin-right: 0;
  }
}
.it-information-left form > span {
  font-weight: 600;
  font-size: 20px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
.it-information-check-box ul {
  display: flex;
  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-information-check-box ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-information-check-box ul {
    flex-wrap: wrap;
    justify-content: start;
  }
}
.it-information-check-box ul li {
  list-style-type: none;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-information-check-box ul li:not(:last-child) {
    margin-right: 12px;
    margin-bottom: 5px;
  }
}
.it-information-check-box ul li.form-check label {
  font-weight: 400;
  font-size: 15px;
}
.it-information-check-box ul li .form-check-input[type=checkbox] {
  box-shadow: none;
  border-radius: 0;
  width: 15px;
  height: 15px;
  padding: 0;
  margin-top: 2px;
  margin-right: 0;
  border: 0;
  position: relative;
  background-color: #ffffff;
  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.1);
}
.it-information-check-box ul li .form-check-input[type=checkbox]::after {
  content: "";
  position: absolute;
  top: 3.2px;
  left: 0.6px;
  right: 0;
  height: 9px;
  width: 9px;
  margin: 0 auto;
  text-align: center;
  border-radius: 1px;
  background-color: var(--it-theme-1);
  opacity: 0;
}
.it-information-check-box ul li .form-check-input:checked::after {
  opacity: 1;
}
.it-information-title {
  font-weight: 600;
  font-size: 35px;
  line-height: 1.14;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-information-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-information-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .it-information-title {
    font-size: 25px;
  }
}
.it-information-right {
  padding: 50px 30px;
  padding-top: 45px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-information-right {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-information-right {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-information-right {
    margin-left: 0;
    margin-top: 50px;
  }
}
.it-information-right p {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.71;
  color: #fff;
}
@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-information-right p br {
    display: none;
  }
}
.it-information-bg {
  position: relative;
}
.it-information-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 53%;
  z-index: -1;
  background-color: var(--it-common-black);
}
.it-information-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.3;
}
.it-information-style-2 .it-information-left form > span {
  color: var(--it-common-white);
}
.it-information-style-2 .it-information-check-box ul li {
  color: var(--it-common-white);
}
.it-information-style-2 .it-information-check-box ul li .form-check-input[type=checkbox] {
  border: 0.5px solid #fff;
  border-radius: 5px;
}
.it-information-style-2 .it-information-check-box ul li .form-check-input[type=checkbox]::after {
  top: 2px;
  border-radius: 50%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-information-left form .row.gx-20 {
    --bs-gutter-x: 10px;
  }
}

/*----------------------------------------*/
/*  23. slider css start
/*----------------------------------------*/
.it-slider-subtitle {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 23px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-slider-subtitle {
    font-size: 14px;
  }
}
.it-slider-subtitle::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 12px;
  transform: translateY(1px);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-slider-subtitle::before {
    width: 8px;
    height: 8px;
    transform: translateY(-1px);
  }
}
.it-slider-title {
  font-weight: 700;
  font-size: 70px;
  line-height: 1.14;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 49px;
  }
}
.it-slider-content {
  padding: 232px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content {
    padding: 170px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content {
    padding: 140px 0;
  }
}
@media (max-width: 767px) {
  .it-slider-content {
    padding: 120px 0;
  }
}
.it-slider-content p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
  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-slider-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-content p {
    font-size: 14px;
  }
  .it-slider-content p br {
    display: none;
  }
}
.it-slider-overlay {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: linear-gradient(90deg, rgba(10, 10, 10, 0.8) 0%, rgba(10, 10, 10, 0.2) 99.99%, rgba(10, 10, 10, 0) 100%);
}
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  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-arrow-box {
  position: absolute;
  top: 50%;
  right: 15%;
  z-index: 1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-arrow-box {
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-arrow-box {
    right: 7%;
  }
}
.it-slider-arrow-box .arrow-prev {
  margin-left: 45px;
}
.it-slider-arrow-box button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-weight: 400;
  font-size: 24px;
  transition: 0.3s;
  border-radius: 50%;
  color: var(--it-theme-1);
  display: block;
  background-color: var(--it-common-white);
}
.it-slider-arrow-box button svg {
  display: inline-block;
  margin-top: -2px;
}
.it-slider-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-active .swiper-slide-active .it-slider-subtitle, .it-slider-active .swiper-slide-active .it-slider-title, .it-slider-active .swiper-slide-active .it-slider-text, .it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-style-2 .it-slider-overlay {
  height: 820px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-style-2 .it-slider-overlay {
    height: 750px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-style-2 .it-slider-overlay {
    height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-style-2 .it-slider-overlay {
    height: 580px;
  }
}
@media (max-width: 767px) {
  .it-slider-style-2 .it-slider-overlay {
    height: 550px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-style-2 .it-slider-overlay {
    height: 600px;
  }
}
.it-slider-style-2 .it-slider-overlay::after {
  background: linear-gradient(90deg, #0A0A0A 0%, rgba(10, 10, 10, 0.45) 99.99%, rgba(10, 10, 10, 0) 100%);
}
.it-slider-style-2 .it-slider-title {
  font-weight: 700;
  font-size: 75px;
  line-height: 1.2;
  margin-bottom: 20px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 31px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-style-2 .it-slider-title {
    font-size: 44px;
  }
}
.it-slider-style-2 .it-slider-content {
  padding: 0;
}

.it-slider-active .swiper-slide-active .it-slider-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.5s;
}
.it-slider-active .swiper-slide-active .it-slider-title {
  animation-delay: 0.7s;
  animation-duration: 0.5s;
}
.it-slider-active .swiper-slide-active .it-slider-text {
  animation-delay: 0.9s;
  animation-duration: 0.7s;
}
.it-slider-active .swiper-slide-active .it-slider-btn {
  animation-delay: 1.1s;
  animation-duration: 0.9s;
}

/*----------------------------------------*/
/*  18. portfolio css start
/*----------------------------------------*/
.it-portfolio-bg {
  position: relative;
}
.it-portfolio-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 65%;
  width: 100%;
  z-index: -2;
  background-color: var(--it-common-black);
}
.it-portfolio-content {
  position: absolute;
  bottom: 40px;
  left: 40px;
  right: 40px;
  z-index: 1;
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-out;
  align-items: center;
}
@media (max-width: 767px) {
  .it-portfolio-content {
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-content {
    bottom: 40px;
    left: 40px;
    right: 40px;
  }
}
.it-portfolio-content span {
  display: block;
  font-weight: 600;
  color: var(--it-theme-1);
  margin-bottom: 12px;
}
.it-portfolio-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-right: 20px;
  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-portfolio-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-title {
    font-size: 20px;
  }
}
.it-portfolio-item-arrow a {
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-portfolio-item-arrow a:hover {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-portfolio-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  height: 0;
  width: 100%;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(180deg, rgba(10, 10, 10, 0) 0%, #0A0A0A 100%);
}
.it-portfolio-item:hover::after {
  height: 100%;
}
.it-portfolio-item:hover .it-portfolio-content {
  transform: perspective(400px) rotateX(0deg);
}
.it-portfolio-active {
  margin-right: -440px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-active {
    margin-right: -250px;
  }
}
@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-active {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-portfolio-arrow-box {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-arrow-box > div {
    display: flex;
  }
}
.it-portfolio-arrow-box .arrow-prev {
  margin-left: 10px;
}
.it-portfolio-arrow-box button {
  padding: 0;
  height: 50px;
  width: 50px;
  line-height: 1;
  font-weight: 400;
  font-size: 24px;
  transition: 0.3s;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-arrow-box button {
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .it-portfolio-arrow-box button {
    display: inline-block;
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 20px;
  }
}
.it-portfolio-arrow-box button svg {
  display: inline-block;
  margin-top: -3px;
}
.it-portfolio-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-portfolio-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.4;
}
.it-portfolio-active-2 {
  margin: 0 -160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-active-2 {
    margin: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-style-2 .it-portfolio-arrow-box .arrow-prev {
    margin-left: 0;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-top-wrap .it-portfolio-btn {
    margin-top: 25px;
  }
}
.it-portfolio-inner-style .it-portfolio-active {
  margin: 0;
}
@media (max-width: 767px) {
  .it-portfolio-inner-style .it-testimonial-2-arrow-box {
    margin-top: 25px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-inner-style .it-testimonial-2-arrow-box button {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-inner-style .it-testimonial-2-arrow-box button svg {
    width: 18px;
    display: inline-block;
    margin-top: -4px;
  }
}

.it-pro-details-wrap {
  margin-left: -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-pro-details-wrap {
    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-pro-details-thumb {
    width: 100%;
    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-pro-details-thumb img {
    width: 100%;
  }
}
.it-pro-details-title {
  font-weight: 600;
  font-size: 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-pro-details-title br {
    display: none;
  }
}
.it-pro-details-title-sm {
  font-weight: 700;
  font-size: 24px;
}
.it-pro-details-text p {
  font-size: 16px;
  line-height: 1.76;
}
@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-pro-details-text p {
    font-size: 15px;
  }
}
.it-pro-details-text-2 {
  margin-left: -55px;
}
@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-pro-details-text-2 {
    margin-left: 0;
  }
}
.it-pro-details-text-2 p {
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-text-2 p {
    font-size: 15px;
  }
}
.it-pro-details-list.style ul {
  display: inline-block;
}
.it-pro-details-list.style li {
  width: 50%;
  float: left;
  padding-right: 50px;
}
.it-pro-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
  margin-bottom: 21px;
  font-size: 18px;
  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) {
  .it-pro-details-list ul li {
    margin-bottom: 17px;
    font-size: 15px;
  }
}
.it-pro-details-list ul li svg, .it-pro-details-list ul li i {
  position: absolute;
  top: 5px;
  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-pro-details-list ul li svg, .it-pro-details-list ul li i {
    top: 4px;
  }
}
.it-pro-details-list ul li div span {
  font-weight: 600;
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
.it-pro-details-list ul li div p {
  font-size: 14px;
}
.it-pro-details-list.list-style-1 ul {
  display: inline-block;
}
.it-pro-details-list.list-style-1 ul li {
  width: 50%;
  float: left;
  margin-bottom: 16px;
}
@media (max-width: 767px) {
  .it-pro-details-list.list-style-1 ul li {
    width: 100%;
  }
}
.it-pro-details-list.list-style-1 ul li svg, .it-pro-details-list.list-style-1 ul li 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-pro-details-list.list-style-1 ul li svg, .it-pro-details-list.list-style-1 ul li i {
    top: 0;
  }
}
.it-pro-details-border {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(82, 82, 82, 0.2);
}
.it-pro-details-left {
  margin-right: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-pro-details-left {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-pro-details-left {
    margin-right: 0;
    margin-top: 50px;
  }
}
.it-pro-details-left .it-information-left {
  padding: 40px 35px;
  margin-right: 0;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-pro-details-left .it-information-left {
    padding: 40px 15px;
  }
}
.it-pro-details-left .it-information-textarea-box textarea {
  height: 160px;
  background-color: var(--it-common-white);
}
.it-pro-details-left .it-information-textarea-box textarea::placeholder {
  font-weight: 400;
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-left .it-information-textarea-box textarea::placeholder {
    font-size: 12px;
  }
}
.it-pro-details-info {
  padding: 40px 35px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-pro-details-info {
    padding: 40px 15px;
  }
}
.it-pro-details-info ul {
  margin-bottom: 35px;
}
.it-pro-details-info ul li {
  list-style-type: none;
}
.it-pro-details-info ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-pro-details-info ul li span {
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 6px;
  color: var(--it-common-black);
}
.it-pro-details-info ul li a {
  font-weight: 500;
  font-size: 15px;
  transition: 0.3s;
}
.it-pro-details-info ul li a:hover {
  color: var(--it-theme-1);
}
.it-pro-details-social a {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  line-height: 52px;
  font-size: 18px;
  margin-right: 9px;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
  color: var(--it-common-black);
  background-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-pro-details-social a {
    width: 44px;
    height: 44px;
    line-height: 44px;
  }
}
.it-pro-details-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  24. step css start
/*----------------------------------------*/
.it-step-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 15px;
  transition: 0.3s;
}
.it-step-icon {
  border-radius: 50%;
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  position: relative;
}
.it-step-icon svg {
  transition: 0.3s;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-step-icon > span {
  position: absolute;
  top: 2%;
  right: -11%;
  display: inline-block;
  font-weight: 500;
  font-size: 13px;
  border-radius: 50%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 27px;
  text-align: center;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 2px solid var(--it-common-white);
}
.it-step-item {
  transition: 0.3s;
  padding: 40px 20px;
  position: relative;
  background-color: var(--it-gray-1);
}
.it-step-item::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -100%;
  width: 100%;
  transform: translateY(-50%);
  border: 1px dashed 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-step-item::after {
    display: none;
  }
}
.it-step-item::before {
  position: absolute;
  content: "";
  top: 50%;
  right: -36%;
  width: 17px;
  height: 15px;
  transform: translateY(-50%);
  background-color: var(--it-common-black);
  clip-path: polygon(0 0, 0% 100%, 100% 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-step-item::before {
    display: none;
  }
}
.it-step-item p {
  margin-bottom: 0;
  transition: 0.3s;
}
.it-step-item:hover .it-step-icon svg {
  color: var(--it-common-white);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-step-area .row [class*=col-]:last-child .it-step-item::after {
  display: none;
}
.it-step-area .row [class*=col-]:last-child .it-step-item::before {
  display: none;
}
.it-step-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-step-bg .it-step-item {
  background-color: var(--it-common-white);
}

/*----------------------------------------*/
/*  28. tracking css start
/*----------------------------------------*/
.it-tracking-content {
  padding: 55px 40px;
  margin-right: 25px;
  background-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) {
  .it-tracking-content {
    padding: 45px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tracking-content {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-tracking-content {
    margin-bottom: 50px;
    padding: 45px 15px;
    margin-right: 0;
  }
}
.it-tracking-input-box input {
  line-height: 50px;
  height: 50px;
  width: 100%;
  font-weight: 400;
  font-size: 14px;
}
.it-tracking-input-box input::placeholder {
  font-weight: 400;
  font-size: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tracking-input-box input {
    width: 60%;
    height: 46px;
    line-height: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tracking-input-box input {
    height: 46px;
    line-height: 46px;
  }
}
@media (max-width: 767px) {
  .it-tracking-input-box input {
    height: 46px;
    line-height: 46px;
  }
}
.it-tracking-input-box .it-btn-orange {
  padding: 14px 40px;
}
.it-tracking-input-box label {
  font-weight: 600;
  font-size: 17px;
  color: var(--it-common-white);
  margin-bottom: 10px;
}
.it-tracking-input-box p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.71;
  color: #fff;
}
@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-tracking-input-box 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), (max-width: 767px) {
  .it-tracking-form-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-tracking-form-wrap .it-btn-orange {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-tracking-form-wrap .it-btn-orange {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .it-tracking-top {
    flex-wrap: wrap;
  }
}
.it-tracking-textarea-box textarea {
  height: 250px;
  font-weight: 400;
  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-tracking-textarea-box textarea {
    height: 220px;
  }
}
.it-tracking-textarea-box textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
}
.it-tracking-line {
  border-top: 1px solid var(--it-common-white);
}
.it-tracking-line span {
  position: relative;
  padding-top: 12px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-tracking-line span {
    font-size: 10px;
  }
}
.it-tracking-line span:last-child::after {
  left: auto;
  right: -1px;
}
.it-tracking-line span:last-child::before {
  left: auto;
  right: 3px;
}
.it-tracking-line span::after {
  position: absolute;
  top: -11px;
  left: -1px;
  content: "";
  border-radius: 50%;
  transition: 0.3s;
  height: 16px;
  width: 16px;
  background-color: var(--it-theme-1);
}
.it-tracking-line span::before {
  position: absolute;
  top: -8px;
  left: 2px;
  content: "";
  border-radius: 50%;
  transition: 0.3s;
  height: 9px;
  width: 9px;
  z-index: 1;
  background-color: var(--it-common-white);
}
.it-tracking-line span.active::after {
  z-index: 2;
}
.it-tracking-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  17. newsletter css start
/*----------------------------------------*/
.it-newsletter-area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box {
    margin-top: 30px;
  }
}
.it-newsletter-input-box input {
  line-height: 60px;
  height: 60px;
  width: 490px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box input {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input {
    width: 100%;
    height: 56px;
    line-height: 56px;
  }
}
.it-newsletter-input-box .it-btn-orange {
  padding: 19px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-left .it-section-title {
    font-size: 35px;
  }
}

/*----------------------------------------*/
/*  09. contact css start
/*----------------------------------------*/
.it-form-input-wrap label {
  font-weight: 600;
  font-size: 17px;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
.it-form-input-wrap .it-btn-orange {
  padding: 19px 40px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .it-form-input-wrap .it-btn-orange {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-form-input-box {
  position: relative;
}
@media (max-width: 767px) {
  .it-form-input-box {
    width: 100%;
  }
}
.it-form-input-box input {
  height: 60px;
  line-height: 60px;
  font-weight: 400;
  font-size: 14px;
  padding-right: 90px;
  color: var(--it-common-white);
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.it-form-input-box input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: #576f75;
}
.it-form-input-box span {
  position: absolute;
  right: 0;
  top: 50%;
  font-weight: 400;
  font-size: 14px;
  color: #fff;
  transform: translateY(-50%);
  padding: 0 30px;
  line-height: 2.3;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 767px) {
  .it-form-btn-box {
    flex-wrap: wrap;
  }
}
.it-form-overlay {
  padding: 210px 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-form-overlay {
    padding: 160px 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-form-overlay {
    padding: 100px 0;
  }
}
.it-form-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: rgba(10, 10, 10, 0.5);
}
@media (max-width: 767px) {
  .it-form-tab-btn ul li {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-form-tab-btn ul li {
    width: auto;
  }
}
.it-form-tab-btn ul li:not(:last-child) {
  border-right: 1px solid var(--it-common-black);
}
@media (max-width: 767px) {
  .it-form-tab-btn ul li:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid var(--it-common-black);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-form-tab-btn ul li:not(:last-child) {
    border-bottom: none;
    border-right: 1px solid var(--it-common-black);
  }
}
.it-form-tab-btn ul li button {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  padding: 18px 37px;
  color: var(--it-common-black);
  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) {
  .it-form-tab-btn ul li button {
    font-size: 15px;
    padding: 12px 30px;
  }
}
@media (max-width: 767px) {
  .it-form-tab-btn ul li button {
    width: 100%;
    font-size: 15px;
    padding: 12px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-form-tab-btn ul li button {
    width: auto;
  }
}
.it-form-tab-btn ul li button:hover {
  color: var(--it-theme-1);
}
.it-form-tab-btn ul li button.active {
  color: var(--it-theme-1);
}
.it-form-2-wrap {
  padding: 75px;
  padding-bottom: 50px;
  position: relative;
  z-index: 1;
  background: radial-gradient(151.64% 120.36% at 47.19% -0.63%, rgba(37, 65, 76, 0.4) 0%, rgba(37, 65, 76, 0) 100%);
  border: 1px solid rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(21px);
}
@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-form-2-wrap {
    padding: 40px 30px;
  }
}
.it-form-2-wrap .it-form-input-box input {
  color: #525252;
  padding-right: 60px;
  background-color: #fff;
  height: 58px;
  line-height: 58px;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@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-form-2-wrap .it-form-input-box input {
    height: 45px;
    line-height: 45px;
  }
}
.it-form-2-wrap .it-form-input-box input:focus {
  border-color: var(--it-theme-1);
}
.it-form-2-wrap .it-form-input-wrap label {
  color: var(--it-common-white);
}
.it-form-2-wrap .it-form-input-wrap .it-btn-orange {
  margin-left: 0;
}
.it-form-2-wrap .it-form-input-box span {
  color: var(--it-common-black);
  border-left: none;
}

.it-contact-form-title {
  font-weight: 600;
  font-size: 50px;
  font-family: var(--it-ff-body);
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-form-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-form-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-form-title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .it-contact-form-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-form-title {
    font-size: 35px;
  }
}
.it-contact-form-box {
  margin-left: 75px;
}
@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-form-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-wrap {
    margin-bottom: 70px;
  }
}
.it-contact-input-box input {
  height: 55px;
  line-height: 55px;
  padding: 0 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
  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), (max-width: 767px) {
  .it-contact-input-box input {
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
  }
}
.it-contact-input-box input::placeholder {
  font-weight: 400;
  font-size: 14px;
}
.it-contact-input-box textarea {
  height: 210px;
  font-weight: 400;
  font-size: 14px;
  padding: 20px 30px;
  color: var(--it-common-black);
  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), (max-width: 767px) {
  .it-contact-input-box textarea {
    height: 120px;
    padding: 15px 25px;
  }
}
.it-contact-input-box textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
}
.it-contact-textarea-box textarea {
  background-color: var(--it-gray-1);
}
.it-contact-item-icon {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  margin-right: 30px;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
@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-item-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
.it-contact-item-content a {
  font-weight: 400;
  font-size: 22px;
  color: var(--it-common-black);
  font-family: var(--it-ff-space-grotesk);
}
@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-item-content a {
    font-size: 19px;
  }
}
.it-contact-inner-list p {
  font-size: 16px;
}
.it-contact-inner-list ul li {
  display: block;
  list-style-type: none;
  display: flex;
  align-items: center;
}
.it-contact-inner-list ul li:not(:last-child) {
  margin-bottom: 25px;
}
.it-contact-inner-list ul li i {
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-inner-list ul li i {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-inner-list ul li i svg {
    width: 20px;
  }
}
.it-contact-inner-list ul li span {
  font-weight: 600;
  font-size: 22px;
  display: block;
  margin-bottom: 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-inner-list ul li span {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.it-contact-inner-list ul li a {
  font-weight: 600;
  font-size: 16px;
  color: var(--it-common-black);
}

.it-map-wrap {
  height: 525px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-map-wrap {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .it-map-wrap {
    height: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-map-wrap {
    height: 350px;
  }
}
.it-map-wrap iframe {
  height: 100%;
  width: 100%;
}

.postbox__select {
  position: relative;
}
.postbox__select .nice-select {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  padding-right: 90px;
  position: relative;
  border-radius: 0;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.postbox__select .nice-select::after {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #999;
  border-bottom: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.postbox__select .nice-select span {
  font-weight: 400;
  font-size: 14px;
  color: #576f75;
}
.postbox__select > span {
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  height: 33px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-form-input-wrap .postbox__select .nice-select {
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-form-input-wrap .it-form-input-box input {
    height: 50px;
    line-height: 50px;
  }
}

/*----------------------------------------*/
/*  29. video css start
/*----------------------------------------*/
.it-video-thumb img {
  width: 100%;
}
.it-video-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.it-video-icon a {
  display: inline-block;
  height: 102px;
  width: 102px;
  text-align: center;
  line-height: 102px;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-video-icon a {
    height: 50px;
    width: 50px;
    line-height: 48px;
  }
}
.it-video-icon a svg, .it-video-icon a i {
  display: inline-block;
  padding-left: 4px;
  color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-video-icon a svg, .it-video-icon a i {
    padding-left: 1px;
    width: 15px;
  }
}
.it-video-text p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
  color: #fff;
  margin-left: 195px;
  letter-spacing: -1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-text p {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-text p {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-text p {
    margin-left: 0;
    margin-top: 25px;
  }
  .it-video-text p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  05. career css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-top-text {
    margin-top: 20px;
  }
}
.it-career-top-text p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-top-text p {
    font-size: 15px;
  }
}
.it-career-item {
  padding: 40px;
  padding-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-career-item {
    padding: 40px 20px;
    padding-bottom: 50px;
  }
}
.it-career-icon {
  height: 61px;
  width: 61px;
  line-height: 61px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  background-color: var(--it-common-black);
}
.it-career-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .it-career-title {
    font-size: 19px;
  }
}
.it-career-top-box {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-theme-1);
}
.it-career-meta ul {
  margin-right: 70px;
  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-career-meta ul {
    margin-left: 0;
    margin-right: 0;
  }
}
.it-career-meta ul li {
  list-style-type: none;
  width: 50%;
  float: left;
}
.it-career-meta ul li span {
  font-weight: 600;
  font-size: 17px;
  align-items: center;
  display: inline-flex;
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-career-meta ul li span {
    font-size: 14px;
  }
}
.it-career-meta ul li span i {
  margin-right: 10px;
  display: inline-block;
  margin-top: 2px;
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-career-meta ul li span i {
    width: 22px;
  }
}
.it-career-tags {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-career-tags span {
  border-radius: 5px;
  padding: 6px 20px;
  color: #5f6168;
  display: inline-block;
  text-transform: uppercase;
  cursor: pointer;
  transition: 0.3s;
  background-color: var(--it-common-white);
}
.it-career-tags span:not(:last-child) {
  margin-right: 10px;
  margin-bottom: 5px;
}
.it-career-tags span:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-career-btn {
    flex-wrap: wrap;
  }
}
.it-career-btn > span {
  font-weight: 600;
  font-size: 17px;
  display: inline-block;
  align-items: center;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-btn > span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-career-btn > span {
    font-size: 15px;
  }
}
.it-career-btn > span svg {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-career-btn > span svg {
    width: 22px;
  }
}

/*----------------------------------------*/
/*  22. shop css start
/*----------------------------------------*/
.it-product-thumb {
  position: relative;
  overflow: hidden;
}
.it-product-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: all 0.4s;
  visibility: hidden;
  background-color: rgba(13, 3, 1, 0.5);
}
.it-product-thumb img {
  width: 100%;
  transition: all 0.6s;
}
.it-product-content {
  padding: 35px 40px;
  padding-bottom: 40px;
  border: 0.5px solid #e1e6eb;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-product-content {
    padding: 28px 0px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-product-content {
    padding: 28px 0px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-content {
    padding: 28px 0px;
    padding-bottom: 40px;
  }
}
.it-product-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
}
@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-product-title {
    font-size: 20px;
  }
}
.it-product-price span {
  font-weight: 500;
  font-size: 17px;
  color: #000;
}
.it-product-price span.it-product-amount {
  color: #b4b5b7;
  margin-right: 15px;
  display: inline-block;
}
.it-product-rating i {
  color: #F1A300;
  font-size: 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-product-rating i {
    font-size: 10px;
  }
}
.it-product-rating span {
  font-weight: 400;
  font-size: 18px;
}
.it-product-ammount {
  font-size: 16px;
}
.it-product-action-2 {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  transform: translateY(-50%) scale(0);
}
.it-product-action-btn-2 {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 37px;
  text-align: center;
  font-size: 18px;
  color: var(--it-common-white);
  border: 1px solid #fff;
  border-radius: 50%;
  margin: 0 3px;
  padding: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-action-btn-2 {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
.it-product-action-btn-2 svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.it-product-action-btn-2:hover {
  color: var(--it-common-white);
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-theme-1);
}
.it-product-action-btn-2:hover .it-product-tooltip {
  visibility: visible;
  opacity: 1;
}
.it-product-tooltip {
  position: absolute;
  top: -30px;
  font-weight: 500;
  font-size: 12px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  display: inline-block;
  width: max-content;
  line-height: 1;
  padding: 4px 6px;
  border-radius: 4px;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -moz-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -ms-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -o-transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24), -webkit-transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
.it-product-tooltip::before {
  position: absolute;
  content: "";
  bottom: -15px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-top: 8px solid var(--it-common-white);
  border-left: 8px solid transparent;
  border-bottom: 8px solid transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-product-title-box {
    margin-bottom: 30px;
  }
}
.it-product-item {
  background: var(--it-gray-1);
}
.it-product-item .it-btn-sm {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-product-item .it-btn-sm svg, .it-product-item .it-btn-sm i {
  margin-left: 3px;
}
.it-product-item .it-btn-sm:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-product-item:hover .it-product-action-2 {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.it-product-item:hover .it-product-thumb img {
  transform: scale(1.1);
}
.it-product-item:hover .it-product-thumb::after {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .it-product-title-wrap {
    margin-bottom: 35px;
  }
}
.it-product-tab ul li:not(:last-child) {
  margin-right: 20px;
}
.it-product-tab ul li button {
  padding: 13.4px 30px;
  border-radius: 100px;
  transition: 0.3s;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-product-tab ul li button {
    font-size: 12px;
    padding: 7px 15px;
    margin-bottom: 15px;
  }
}
.it-product-tab ul li button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-product-tab ul li button.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-product-top-title {
  font-weight: 600;
  font-size: 30px;
  color: #000;
}
.it-product-style-2 .it-product-thumb-box {
  padding: 0;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-product-style-2 .it-product-thumb-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-style-2 .it-product-thumb-box {
    width: auto;
    margin-bottom: 0;
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-product-style-2 .it-product-thumb-box img {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-style-2 .it-product-thumb-box img {
    width: auto;
  }
}
.it-product-style-2 .it-product-content {
  padding: 0;
  border: none;
}
@media (max-width: 767px) {
  .it-product-style-2 .it-product-content {
    margin: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-style-2 .it-product-content {
    margin: 0 30px;
  }
}
.it-product-style-2 .it-product-item {
  padding: 27px 20px;
  box-shadow: 0 0 50px 0 rgba(34, 28, 26, 0.07);
  background: #fff;
}
@media (max-width: 767px) {
  .it-product-style-2 .it-product-item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-style-2 .it-product-item {
    flex-wrap: nowrap;
  }
}
.it-product-style-2 .it-product-action-btn-2 {
  width: 34px;
  height: 34px;
  line-height: 29px;
  text-align: center;
  margin: 0 1px;
}
.it-product-style-2 .it-product-action-btn-2 svg {
  width: 12px;
}
.it-product-style-2 .it-product-tooltip {
  font-size: 10px;
}
.it-product-style-2 .it-product-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-product-style-2 .it-product-title {
    font-size: 18px;
  }
}
.it-product-style-2 .it-product-rating {
  display: block;
}
.it-product-style-2 .it-product-rating i {
  font-size: 12px;
}
.it-product-style-2 .it-btn {
  padding: 9px 30px;
  font-weight: 500;
  font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-product-style-2 .it-btn {
    padding: 9px 20px;
  }
}
.it-product-inner-style-3 .it-product-badge span {
  background-color: var(--it-theme-1);
}
.it-product-inner-style-3 .it-product-action-btn-2:hover {
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-theme-1);
}
.it-product-inner-style-3 .it-btn.orange-bg {
  background-color: var(--it-theme-1);
  border: 2px solid transparent;
}
.it-product-inner-style-3 .it-btn.orange-bg:hover {
  background-color: transparent;
  color: var(--it-theme-1);
  border-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-product-inner-style-3 .it-product-content {
    padding: 35px 20px;
    padding-bottom: 40px;
  }
}
.it-product-inner-right {
  margin-left: -40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-product-inner-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-inner-right {
    margin-left: 0;
    margin-top: 50px;
  }
}
.it-product-active {
  margin: -20px;
  padding: 20px;
}
@media (max-width: 767px) {
  .it-product-wrap .it-arrow-box {
    margin-top: 30px;
  }
}

.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  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-bottom: 0px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@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;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #00102f;
}
.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-product-style-2 .it-product-thumb-box {
  flex: 0 0 auto;
}

.it-shop-popup-wrap {
  height: 610px;
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-wrap {
    height: 525px;
    width: 90%;
  }
}
@media (max-width: 767px) {
  .it-shop-popup-wrap {
    height: 500px;
    width: 360px;
    justify-content: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-popup-wrap {
    width: 460px;
    justify-content: center;
  }
}
.it-shop-popup-content {
  padding: 40px;
}
.it-shop-popup-img {
  position: relative;
  height: 100%;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-popup-img {
    flex: auto;
  }
}
.it-shop-popup-img img {
  height: 100%;
}
.it-shop-popup-logo {
  margin-bottom: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-logo {
    width: 120px;
  }
}
.it-shop-popup-text h4 {
  font-weight: 700;
  font-size: 46px;
  line-height: 1;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-text h4 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-shop-popup-text h4 {
    font-size: 40px;
  }
}
.it-shop-popup-text p {
  font-weight: 700;
  font-size: 28px;
  color: #19191a;
  text-transform: uppercase;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-popup-text p {
    font-size: 16px;
  }
}
.it-shop-popup-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  text-transform: uppercase;
  margin-bottom: 55px;
  display: inline-block;
}
.it-shop-popup-inputbox input {
  height: 58px;
  line-height: 58px;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: #6e6e74;
  border: 1px solid rgba(25, 25, 26, 0.1);
  margin-bottom: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-inputbox input {
    height: 48px;
    line-height: 48px;
  }
}
.it-shop-popup-inputbox input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-popup-inputbox input::placeholder {
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--it-common-black);
}
.it-shop-popup-inputbox .it-btn.orange-2-btn {
  border-radius: 0;
}
.it-shop-popup-inputbox .it-btn.orange-2-btn:hover {
  color: var(--it-theme-1);
  border: 2px solid var(--it-theme-1);
}

.subscribe-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1099;
  background-color: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s;
  margin: 0 auto;
  text-align: center;
}

.subscribe-popup.show {
  visibility: visible;
  opacity: 1;
}

.subscribe-popup .close {
  height: 40px;
  width: 40px;
  line-height: 45px;
  background-color: var(--it-common-black);
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}
.subscribe-popup .close i {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  color: var(--it-common-white);
  transition: 0.3s;
}
.subscribe-popup .close:hover i {
  transform: rotate(180deg);
}

@keyframes zoomInOut {
  0%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
}
.it-shop-popup-logo img {
  width: 160px;
  height: 100%;
}

.it-product-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-left: 20px;
  padding-right: 65px;
  line-height: 50px;
}
.it-product-filter .nice-select::after {
  margin-top: -7px;
  right: 20px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid #000;
  border-bottom: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.it-product-top-wrap {
  padding: 14px 30px;
  border-radius: 10px;
  border: 1px solid rgba(75, 75, 75, 0.2);
}
@media (max-width: 767px) {
  .it-product-top-wrap {
    padding: 0;
    border: none;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-product-filter-box {
    margin-top: 30px;
  }
}
.it-product-text span {
  font-size: 16px;
  color: #000;
}

.it-shop-details__right-wrap {
  margin-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-shop-details__right-wrap {
    margin-left: 0;
  }
}
.it-shop-details__title-sm {
  font-size: 40px;
  line-height: 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-shop-details__title-sm {
    font-size: 30px;
  }
  .it-shop-details__title-sm br {
    display: none;
  }
}
.it-shop-details__social a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-right: 5px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
}
.it-shop-details__social a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  font-size: 23px;
  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: 15px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}
.it-shop-details__Category span:first-child {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-details__Category span:first-child {
    margin-bottom: 8px;
  }
}
.it-shop-details__Category span i {
  font-style: normal;
  color: var(--it-theme-1);
  font-size: 20px;
  margin-right: 10px;
}
.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;
  }
}
.it-shop-details__btn .it-btn {
  padding: 16.4px 40px;
  border-radius: 5px;
}
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  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-bottom: 0px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@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;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #00102f;
}
.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 {
  background: #fff;
  text-align: center;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}
.it-shop-details__tab-btn-box nav div button {
  border: 0.5px solid #dddddd;
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 0 10px;
  transition: 0.3s;
}
.it-shop-details__tab-btn-box nav div button.active {
  border: 0.5px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:hover {
  border: 0.5px solid var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 90px;
    height: 90px;
    line-height: 90px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 60px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}
.it-shop-details__wrapper {
  margin-right: 81px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
  margin-right: 195px;
}
@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;
}
.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;
}
.it-shop-details__ratting span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #00102f;
}

.pro-details-nav-btn {
  border-bottom: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .pro-details-nav-btn {
    border-bottom: none;
  }
}
.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 {
  margin-bottom: 10px;
  position: relative;
}
.pro-details-nav-btn li button::after {
  position: absolute;
  content: "";
  bottom: -12px;
  right: 0;
  width: 0;
  left: auto;
  height: 4px;
  background-color: var(--it-theme-1);
  border-radius: 50px;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li button::after {
    bottom: -6px;
  }
}
.pro-details-nav-btn li button.active::after {
  width: 100%;
  left: 0;
  right: auto;
}
.pro-details-nav-btn li button span {
  z-index: 9;
  font-weight: 600;
  font-size: 22px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
@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;
  }
}

.product-additional-tab p {
  font-weight: 600;
  font-size: 17px;
  line-height: 1.76;
}

.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;
}

.table td {
  padding: 18px;
}

@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;
  }
}

/*----------------------------------------*/
/*  19. price css start
/*----------------------------------------*/
.it-price-body {
  padding: 40px 40px;
  padding-top: 60px;
}
.it-price-body .it-btn-orange {
  padding: 18px 80px;
}
.it-price-tag {
  display: inline-block;
  padding: 5px 26px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgba(255, 255, 255, 0.1);
}
.it-price-header {
  padding: 40px 40px;
  padding-bottom: 30px;
  text-align: center;
  background-color: var(--it-common-black);
  position: relative;
  margin-bottom: 70px;
}
.it-price-header::after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 70px;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  background-color: var(--it-common-black);
}
.it-price-header p {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
  margin-bottom: 0;
}
.it-price-rate {
  font-weight: 700;
  font-size: 45px;
  color: #fff;
  margin-bottom: 15px;
}
.it-price-rate i {
  font-style: normal;
  font-size: 15px;
}
.it-price-list ul li {
  position: relative;
  padding-left: 25px;
  font-weight: 600;
  font-size: 16px;
  list-style-type: none;
  color: var(--it-common-black);
}
.it-price-list ul li:not(:last-child) {
  margin-bottom: 16px;
}
.it-price-list ul li svg {
  position: absolute;
  top: 3px;
  left: 0;
}
.it-price-item {
  background-color: var(--it-gray-1);
}
.it-price-item.active .it-price-header {
  background-color: var(--it-theme-1);
}
.it-price-item.active .it-price-header::after {
  background-color: var(--it-theme-1);
}
.it-price-item.active .it-price-tag {
  color: var(--it-theme-1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: rgb(255, 255, 255);
}

/*----------------------------------------*/
/*  06. 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 #eaedff;
  border-right: 1px solid #eaedff;
}

.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 #eaedff;
}

.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: 60px;
  border: 2px solid #eaedff;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
}
@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 #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  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 #eaedff;
  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 #eaedff;
  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 #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

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

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.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;
}

/*----------------------------------------*/
/*  07. 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 {
  color: #6f7172;
  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 #eaedff;
  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: 1px solid #F3E8DF;
  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;
}
.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;
  color: #6f7172;
}

.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 #eaedff;
  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 #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

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

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 20px;
  height: 50px;
}

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

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

.country-select .nice-select {
  border: 1px solid #F3E8DF;
  background-color: transparent;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}
.country-select .nice-select::after {
  margin-top: 4px;
}

.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 #F3E8DF;
  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 {
  color: #6f7172;
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  color: #6f7172;
  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 {
  color: #6f7172;
  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 {
  border: 1px solid var(--it-gray-1);
  background-color: var(--it-gray-1);
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

.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 #eaedff;
  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 #eaedff;
  border-right: medium none;
  border-left: 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: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 #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

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

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

.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;
  }
}

/*----------------------------------------*/
/*  21. shop sidebar css start
/*----------------------------------------*/
.it-shop-sidebar {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-sidebar {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-sidebar {
    margin-right: 0;
  }
}
.it-shop-sidebar .tagcloud a {
  background-color: var(--it-gray-1);
}
.it-shop-sidebar .tagcloud a:hover {
  background-color: var(--it-theme-1);
}
.it-shop-sidebar-left {
  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-shop-sidebar-left {
    margin-left: 0;
  }
}
.it-shop-sidebar .it-blog-sidebar-search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  font-size: 18px;
}
.it-shop-widget-title {
  font-weight: 600;
  font-size: 24px;
  padding-bottom: 15px;
  margin-bottom: 35px;
  color: var(--it-common-black);
  border-bottom: 1px solid rgba(10, 10, 10, 0.1);
}
.it-shop-widget-title.no-border {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 25px;
}
.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  background-color: #EDEDED;
  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: -7px;
  width: 5px;
  height: 17px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter-info .input-range input {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  background-color: transparent;
  color: var(--it-common-black);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 14px;
  padding: 2px 21px;
  background-color: #F5F5F5;
  color: var(--it-common-black);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-shop-widget-checkbox ul li {
  list-style: none;
}
.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 4px;
}
.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-common-black);
  border-color: var(--it-common-black);
}
.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;
  color: #55585B;
}
.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  border: 2px solid #DADADA;
  z-index: -1;
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--it-common-white);
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.it-shop-widget-categories {
  height: 288px;
  overflow-y: scroll;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  padding-right: 10px;
}
.it-shop-widget-categories ul li {
  list-style: none;
  width: 100%;
}
.it-shop-widget-categories ul li:not(:last-child) {
  margin-bottom: 10px;
}
.it-shop-widget-categories ul li a {
  font-weight: 500;
  font-size: 16px;
  position: relative;
  padding-left: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-categories ul li a::after {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: 6px;
  height: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.3490196078);
  border-radius: 50%;
  transition: 0.3s;
}
.it-shop-widget-categories ul li a:hover {
  color: var(--it-theme-1);
}
.it-shop-widget-categories ul li a:hover::after {
  background-color: var(--it-theme-1);
}
.it-shop-widget-categories ul li a:hover span {
  border-color: var(--it-theme-1);
}
.it-shop-widget-categories ul li a span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
}
.it-shop-widget-checkbox-circle {
  position: relative;
}
.it-shop-widget-checkbox-circle span.red {
  background-color: #FF401F;
}
.it-shop-widget-checkbox-circle span.dark_blue {
  background-color: #4666FF;
}
.it-shop-widget-checkbox-circle span.oragnge {
  background-color: #FF9E2C;
}
.it-shop-widget-checkbox-circle span.purple {
  background-color: #B615FD;
}
.it-shop-widget-checkbox-circle span.yellow {
  background-color: #FFD747;
}
.it-shop-widget-checkbox-circle span.green {
  background-color: #41CF0F;
}
.it-shop-widget-checkbox-circle-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-checkbox-circle-list ul li:not(:last-child) {
  margin-bottom: 5px;
}
.it-shop-widget-checkbox-circle-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}
.it-shop-widget-checkbox-circle-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-checkbox-circle .it-shop-widget-checkbox-circle-self {
  position: absolute;
  content: "";
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  z-index: -1;
  border-radius: 50%;
  transition: 0.2s;
}
.it-shop-widget-checkbox-circle > input[type=checkbox] {
  display: none;
}
.it-shop-widget-checkbox-circle > input[type=checkbox] .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.it-shop-widget-checkbox-circle > input[type=checkbox]:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox-circle label {
  font-size: 16px;
  color: #55585B;
  position: relative;
  padding-left: 26px;
}
.it-shop-widget-checkbox-circle label::before {
  position: absolute;
  content: url("../img/icon/check.svg");
  top: 0px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--it-common-white);
  transition: 0.1s;
}
.it-shop-widget-checkbox-circle label:hover {
  cursor: pointer;
}
.it-shop-widget-brand {
  margin-right: 40px;
}
.it-shop-widget-brand-item {
  width: 50%;
  flex: 0 0 50%;
  margin-bottom: 30px;
}

/*----------------------------------------*/
/*  10. 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;
  }
}

/* ==========================================================================
   ARAMKO CUSTOM OVERRIDES (append-only block — edit here for branding)
   --------------------------------------------------------------------------
   Logo sizing ............... .site-logo, .it-header-logo, .it-footer-widget-logo
   Header nav wrap ........... .it-header-area row flex rules (≥1200px)
   Footer logo alignment ..... margin-top / object-position (step 11)
   Contact layout .............. .it-header-top-list-box, .it-footer-widget-tel-box
   Language switcher ........... .it-lang-switcher (dummy EN/DE — step 14)
   Theme colors .............. CSS vars set earlier; SVG fills updated in HTML
   ========================================================================== */

/* Aramko logo — header, footer, offcanvas, search */
.site-logo {
  display: inline-block;
  line-height: 0;
  text-decoration: none;
}
.site-logo__img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: contain;
}

/* Main header (light background) — scale within logo column, don't steal nav width */
.it-header-logo {
  max-width: 100%;
  flex-shrink: 0;
}
.it-header-logo .site-logo {
  display: block;
  max-width: 100%;
}
.it-header-logo .site-logo__img {
  width: 100%;
  max-width: 220px;
  height: auto;
  max-height: 100px;
  object-fit: contain;
}
.header-sticky .it-header-logo .site-logo__img {
  max-height: 82px;
}

/* Keep nav on one row; logo size must not squeeze menu items */
@media (min-width: 1200px) {
  .it-header-area.it-header-ptb > .container > .p-relative > .row.align-items-center {
    flex-wrap: nowrap;
  }
  .it-header-area .it-header-menu > nav > ul {
    white-space: nowrap;
    margin-left: 12px;
  }
  .it-header-area .it-header-menu > nav > ul > li {
    margin: 0 7px;
  }
  .it-header-style-2 .it-header-menu > nav > ul > li > a {
    padding: 28px 0;
    font-size: 14px;
  }
  .it-header-area .it-header-right-action {
    flex-shrink: 0;
  }
  .it-header-area .it-header-right-action .it-btn-orange {
    padding: 16px 24px;
    font-size: 14px;
    white-space: nowrap;
  }
}
@media (min-width: 1400px) {
  .it-header-logo .site-logo__img {
    max-width: 240px;
    max-height: 108px;
  }
  .header-sticky .it-header-logo .site-logo__img {
    max-height: 88px;
  }
  .it-header-area .it-header-menu > nav > ul {
    margin-left: 20px;
  }
  .it-header-area .it-header-menu > nav > ul > li {
    margin: 0 9px;
  }
  .it-header-style-2 .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
  .it-header-area .it-header-right-action .it-btn-orange {
    padding: 18px 32px;
    font-size: 15px;
  }
}

/* Footer, offcanvas, search (dark backgrounds) */
.it-footer-widget-logo {
  max-width: 100%;
  margin-top: -22px;
}
.it-footer-widget-logo .site-logo {
  display: block;
  max-width: 100%;
  padding-right: 111px;
  box-sizing: content-box;
  overflow: hidden;
  line-height: 0;
}
.it-footer-widget-logo .site-logo__img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 120px;
  object-fit: contain;
  object-position: top left;
}
@media (min-width: 1400px) {
  .it-footer-widget-logo .site-logo__img {
    max-height: 128px;
  }
}
.itoffcanvas__logo .site-logo__img {
  max-height: 58px;
  max-width: 220px;
}
.search__logo .site-logo__img {
  max-height: 54px;
  max-width: 210px;
}

/* Override legacy offcanvas img sizing from theme */
.itoffcanvas__logo img.site-logo__img {
  width: auto;
  height: auto;
}

/* Tablet */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-logo .site-logo__img {
    max-height: 80px;
    max-width: 200px;
    width: auto;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .it-header-logo .site-logo__img {
    max-height: 58px;
    max-width: 100%;
    width: auto;
  }
  .header-sticky .it-header-logo .site-logo__img {
    max-height: 52px;
  }
  .it-footer-widget-logo .site-logo__img {
    max-height: 92px;
    max-width: 280px;
    width: auto;
  }
  .it-footer-widget-logo .site-logo {
    padding-right: 0;
  }
  .it-footer-widget-logo {
    margin-top: 0;
  }
  .itoffcanvas__logo .site-logo__img {
    max-height: 50px;
    max-width: 190px;
  }
  .search__logo .site-logo__img {
    max-height: 46px;
    max-width: 175px;
  }
}

@media (max-width: 575px) {
  .it-header-logo .site-logo__img {
    max-height: 50px;
    max-width: 100%;
    width: auto;
  }
  .header-sticky .it-header-logo .site-logo__img {
    max-height: 46px;
  }
  .it-footer-widget-logo .site-logo__img {
    max-height: 80px;
    max-width: 240px;
  }
}

/* Contact info layout — icon + text (header top & footer) */
.it-header-top-list-box ul li > span {
  position: relative;
  padding-left: 26px;
  line-height: 1.4;
}
.it-header-top-list-box ul li span > span {
  position: static;
  display: inline;
}
.it-header-top-list-box ul li span svg,
.it-header-top-list-box ul li span > i {
  position: absolute;
  left: 0;
  top: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1399px) {
  .it-header-top-list-box ul li {
    padding-left: 26px;
    padding-right: 22px;
    margin-right: 22px;
  }
  .it-header-top-list-box ul li span,
  .it-header-top-list-box ul li span a {
    font-size: 12px;
  }
  .it-header-top-list-box ul li.it-header-top-item--address span a {
    max-width: 200px;
    display: inline-block;
    line-height: 1.35;
    vertical-align: top;
  }
}

.it-footer-widget-tel-box > span.it-footer-contact-text,
.it-footer-widget-tel-box > a + span {
  position: static;
  display: block;
  font-weight: 400;
  font-size: 17px;
  line-height: 1.76;
  color: rgba(255, 255, 255, 0.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-footer-widget-tel-box > span.it-footer-contact-text,
  .it-footer-widget-tel-box > a + span {
    font-size: 14px;
  }
}

.it-header-top-list-box ul li.it-header-top-item--hours > span {
  white-space: nowrap;
}

/* Header top bar — single-line layout (hours, contact, lang, social) */
.it-header-top-area .row.align-items-center {
  flex-wrap: nowrap;
}
.it-header-top-area .row > [class*="col-"] {
  min-width: 0;
}
.it-header-top-list-box ul {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.it-header-top-list-box ul li {
  display: flex;
  align-items: center;
  flex-shrink: 1;
  min-width: 0;
  white-space: nowrap;
}
.it-header-top-list-box ul li span,
.it-header-top-list-box ul li span a {
  white-space: nowrap;
}
.it-header-top-list-box ul li.it-header-top-item--address span a {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 220px;
  display: inline-block;
  vertical-align: bottom;
}
.it-header-top-right {
  flex-wrap: nowrap !important;
  gap: 12px;
  min-width: 0;
}
.it-header-top-right .it-header-top-contact.mr-30,
.it-header-top-right .it-lang-switcher.mr-20 {
  margin-right: 0 !important;
}
.it-header-top-right .it-header-top-contact {
  flex-shrink: 1;
  min-width: 0;
  white-space: nowrap;
}
.it-header-top-right .it-header-top-social-box {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  flex-shrink: 0;
}
.it-header-top-right .it-header-top-social-box a:not(:last-child) {
  margin-right: 10px;
}
.it-header-top-right .it-lang-switcher__toggle {
  padding: 3px 7px 3px 5px;
  gap: 5px;
  font-size: 11px;
}
.it-header-top-right .it-lang-switcher__flag {
  width: 16px;
  height: 11px;
}
.it-header-top-right .it-lang-switcher__caret {
  font-size: 9px;
}
@media (max-width: 1399px) {
  .it-header-top-right .it-header-top-contact {
    display: none !important;
  }
  .it-header-top-list-box ul li {
    padding-left: 22px;
    padding-right: 18px;
    margin-right: 18px;
  }
  .it-header-top-list-box ul li.it-header-top-item--address span a {
    max-width: 160px;
  }
}
@media (max-width: 1199px) {
  .it-header-top-right .it-lang-switcher__label {
    display: none;
  }
  .it-header-top-right .it-lang-switcher__toggle {
    padding: 4px 5px;
  }
}
@media (min-width: 1200px) {
  .it-header-top-area .col-xl-8 {
    flex: 0 0 57%;
    max-width: 57%;
  }
  .it-header-top-area .col-xl-4 {
    flex: 0 0 43%;
    max-width: 43%;
  }
}

.it-footer-widget-tel-box > span:first-child i {
  font-size: 16px;
}

.itoffcanvas__info-address span + span,
.itoffcanvas__info-address a + span {
  position: static;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}

/* Legal pages (security.html, privacy.html, terms.html) */
.legal-content__updated {
  font-size: 15px;
  color: var(--it-text-body, #666);
}
.legal-content__heading {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-heading-primary, #111111);
}
.legal-content__note {
  font-size: 14px;
  color: var(--it-text-body, #666);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  padding-top: 24px;
}
.legal-content a {
  color: var(--it-theme-1, #ff6b00);
  text-decoration: underline;
}
.legal-content a:hover {
  opacity: 0.85;
}

/* Language switcher — header top bar + offcanvas (dummy EN/DE until translations) */
.it-lang-switcher {
  position: relative;
  flex-shrink: 0;
}
.it-lang-switcher__toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 5px 12px 5px 8px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
  cursor: pointer;
  transition: color 0.3s, border-color 0.3s, background 0.3s;
}
.it-lang-switcher__toggle:hover,
.it-lang-switcher.is-open .it-lang-switcher__toggle {
  border-color: var(--it-theme-1);
  color: var(--it-theme-1);
}
.it-lang-switcher__flag {
  display: block;
  width: 20px;
  height: 14px;
  border-radius: 2px;
  object-fit: cover;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.it-lang-switcher__caret {
  font-size: 11px;
  opacity: 0.85;
  transition: transform 0.25s;
}
.it-lang-switcher.is-open .it-lang-switcher__caret {
  transform: rotate(180deg);
}
.it-lang-switcher__menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 120;
  min-width: 158px;
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 4px;
  background: #111111;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity 0.25s, visibility 0.25s, transform 0.25s;
}
.it-lang-switcher.is-open .it-lang-switcher__menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.it-lang-switcher__menu li {
  margin: 0;
  padding: 0;
}
.it-lang-switcher__option {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  color: rgba(255, 255, 255, 0.88);
  font-size: 13px;
  text-decoration: none;
  transition: color 0.3s, background 0.3s;
}
.it-lang-switcher__option img {
  flex-shrink: 0;
  width: 20px;
  height: 14px;
  border-radius: 2px;
  object-fit: cover;
}
.it-lang-switcher__option:hover,
.it-lang-switcher__option.is-active {
  color: var(--it-theme-1);
  background: rgba(255, 255, 255, 0.05);
}
.it-lang-switcher__option.is-active {
  font-weight: 600;
}
.it-lang-switcher--offcanvas {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
}
.it-lang-switcher--offcanvas .it-lang-switcher__toggle {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding-left: 12px;
  padding-right: 12px;
}
.it-lang-switcher--offcanvas .it-lang-switcher__menu {
  left: 50%;
  right: auto;
  width: 100%;
  min-width: 0;
  text-align: center;
  transform: translateX(-50%) translateY(6px);
}
.it-lang-switcher--offcanvas.is-open .it-lang-switcher__menu {
  transform: translateX(-50%) translateY(0);
}
.it-lang-switcher--offcanvas .it-lang-switcher__menu li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.it-lang-switcher--offcanvas .it-lang-switcher__option {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;}