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

    Theme Name: Rooft – Roofing Services HTML Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Rooft – Roofing Services HTML Template
    Version: 1.0.0

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

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

    01. Theme default css 
    02. about css start
    03. before-after css start
    04. blog-sidebar css start
    05. blog css start
    06. brand css start
    07. career css start
    08. cart css start
    09. Checkout css start
    10. choose css start
    11. contact css start
    12. cost-calculation css start
    13. cta css start
    14. error css start
    15. faq css start
    16. feature css start
    17. footer css start
    18. funfact css start
    19. header css start
    20. hero css start
    21. location css start
    22. menu css start
    23. monitoring css start
    24. newsletter css start
    25. price css start
    26. project css start
    27. menu css start
    28. shop sidebar css start
    30. slider css start
    31. solution css start
    32. step css start
    33. team css start
    34. testimonial css start
    35. video css start


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Manrope:wght@200..800&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" ');
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'DM Sans', serif;
  --it-ff-heading: 'Montserrat', sans-serif;
  --it-ff-manrope: 'Manrope', sans-serif;
  --it-ff-poppins: 'Poppins', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #0C121D;
  --it-heading-primary: #0C121D;
  --it-gray-1: #F3F3F3;
  --it-gray-2: #F4F4F4;
  --it-gray-3: #F2F8F5;
  --it-text-body: #797979;
  --it-theme-1: #2DC457;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1380 {
    max-width: 1380px;
  }
  .container-1650 {
    max-width: 1650px;
  }
  .container-1420 {
    max-width: 1420px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  overflow-x: hidden;
  font-family: var(--it-ff-body);
  color: var(--it-text-body);
}

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

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

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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: #0d6efd;
  color: var(--itt-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: #0d6efd;
  color: var(--it-common-white);
  text-shadow: none;
}

::selection {
  background: #0d6efd;
  color: var(--it-common-white);
  text-shadow: none;
}

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line:hover {
  background-size: 0% 1px, 100% 1px;
}

.title-hover {
  transition: all 0.3s;
}
.title-hover:hover {
  color: #0d6efd;
}

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

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

.it-reveal-line {
  overflow: hidden;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-theme {
    line-height: 1;
    font-size: 16px;
    padding: 19.5px 32px;
    font-weight: 500;
    text-align: center;
    transition: 0.4s;
    border-radius: 5px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--it-common-white);
    background-color: #0d6efd;
    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-btn-theme {
    font-size: 14px;
    padding: 17px 25px;
  }
}
.it-btn-theme span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-theme span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-theme span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-theme i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-theme i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-theme i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-theme:hover {
  color: var(--it-common-white);
}
.it-btn-theme:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-theme:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-theme:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-theme:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}
.it-btn-theme.error-btn i {
  margin-left: 0;
  margin-right: 10px;
}
.it-btn-theme.white-bg span {
  color: var(--it-common-black);
}
.it-btn-theme.white-bg span svg {
  color: var(--it-common-black);
}
.it-btn-border {
  line-height: 1;
  padding: 19.5px 30px;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  transition: 0.4s;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--it-common-white);
  border: 1px solid 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-border {
    font-size: 14px;
    padding: 17px 25px;
  }
}
.it-btn-border span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-border span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-border span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-border i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-border i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-border i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-border:hover {
  color: var(--it-common-white);
}
.it-btn-border:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-border:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-border:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-border:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}
.it-btn-sm {
  font-size: 16px;
  padding: 10.5px 5px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #0d6efd;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-sm {
    font-size: 14px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-sm span span {
  color: var(--it-common-white);
}
.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-sm i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-sm i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-sm:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-sm:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-sm:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}

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

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

@keyframes animate-pulse-theme {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0.8), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}
.pulse-theme {
  animation: animate-pulse-theme 3s 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;
  }
}
@keyframes img-anim-bottom {
  0% {
    transform: translateY(15%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-anim-right {
  animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}

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

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

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

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

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

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

/*--- preloader ---*/
.dark #preloader {
  background-color: #0d6efd;
}

#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: #0d6efd;
  -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 ---*/
.scroll-top {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: -10%;
    right: 50px;
    font-size: 16px;
    z-index: 9;
    text-align: center;
    border-radius: 50%;
    color: var(--it-common-white);
    cursor: pointer;
    background: #0d6efd;
    transition: 1s ease;
    border: none;
}

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

/*---------------------------------------*/
/*Background color
/*-----------------------------------------*/
.theme-bg {
    background: #0d6efd;
}

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

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

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

.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: url(../img/cross-out.html), 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: 72%;
    padding: 40px;
  }
}
.itoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.itoffcanvas__logo {
  margin-bottom: 60px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  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: #0d6efd;
  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: #0d6efd;
  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: #0d6efd;
  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: #0d6efd;
}
.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-area {
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-breadcrumb-area {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.it-breadcrumb-title {
  font-size: 34px;
  text-transform: capitalize;
  color: var(--it-common-black);
  margin-bottom: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 25px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 22px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 37px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    margin-top: 50px;
  }
}
.it-breadcrumb-list {
  display: inline-block;
}
.it-breadcrumb-list span.dvdr {
  margin: 0 5px;
  color: #0d6efd;
}
.it-breadcrumb-shape-1 {
  position: absolute;
  bottom: 0;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 20px 35px;
  padding-right: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 5px;
}
.it-custom-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons span svg {
    width: 25px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}
.it-custom-accordion .accordion-body {
  padding: 0 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}
.it-custom-accordion .accordion-body p {
  line-height: 1.6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
  }
  .it-custom-accordion .accordion-body p br {
    display: none;
  }
}

.it-about-accordion {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-accordion {
    margin-left: 0;
  }
}
.it-about-accordion .accordion-items .accordion-header {
  line-height: 1;
  font-size: 25px;
}
.it-about-accordion .accordion-buttons {
  padding: 0;
  font-weight: 600;
  font-size: 25px;
  border-radius: 10px;
  padding: 36px 40px;
  width: 100%;
  text-align: start;
  position: relative;
  overflow: hidden;
  color: var(--it-common-black);
  background: var(--it-gray-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-accordion .accordion-buttons {
    padding: 29px 40px;
  }
}
.it-about-accordion .accordion-buttons::after {
  position: absolute;
  top: 0;
  right: -15px;
  content: "";
  width: 15px;
  height: 0;
  transition: 0.3s;
  border-radius: 0 10px 0 0;
  background-color: #0d6efd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-accordion .accordion-buttons {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-accordion .accordion-buttons {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-about-accordion .accordion-buttons {
    font-size: 19px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-accordion .accordion-buttons {
    padding-right: 45px;
  }
}
.it-about-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 18px;
  border-radius: 10px 10px 0 0;
}
.it-about-accordion .accordion-buttons:not(.collapsed)::after {
  right: 0;
  height: 15px;
}
.it-about-accordion .accordion-body {
  border-radius: 0 0 10px 10px;
  padding: 0 40px 30px 40px;
  background-color: var(--it-gray-3);
}
.it-about-accordion .accordion-body p {
  line-height: 2;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-accordion .accordion-body p {
    margin-right: 20px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-accordion .accordion-body p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-accordion .accordion-body p {
    margin-right: 0;
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search-popup {
  position: fixed;
  left: 0;
  top: 0;
  height: 60%;
  width: 100%;
  z-index: 99999;
  margin-top: -540px;
  transform: translateY(-100%);
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition: all 500ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: all 1000ms cubic-bezier(0.86, 0, 0.07, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -moz-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  -o-transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
  transition-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
}

.search-popup {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.modal-body {
  padding: 0;
}

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

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

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

.it-section-title {
  font-weight: 600;
  font-size: 48px;
  margin-bottom: 0;
  line-height: 1.1;
  color: var(--it-common-black);
}
.it-section-title span {
  color: #0d6efd;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 34px;
  }
}
@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: 28px;
  }
  .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-title.fz-45 {
  font-size: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title.fz-45 {
    font-size: 39px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title.fz-45 {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title.fz-45 {
    font-size: 40px;
  }
  .it-section-title.fz-45 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title.fz-45 {
    font-size: 28px;
  }
  .it-section-title.fz-45 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title.fz-45 {
    font-size: 36px;
  }
}
.it-section-subtitle {
    font-weight: 600;
    font-size: 14px;
    display: block;
    padding-bottom: 17px;
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #0d6efd;
}
    .it-section-subtitle::before {
        content: "";
        display: inline-block;
        width: 5px;
        height: 5px;
        margin-right: 5px;
        transform: translateY(-3px);
        background-color: #0d6efd;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  05. blog css start
/*----------------------------------------*/
.it-blog-thumb {
  position: relative;
  overflow: hidden;
  height: 100%;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .it-blog-thumb {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
.it-blog-thumb img {
  height: 100%;
  object-fit: cover;
  position: relative;
  display: block;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  object-fit: cover;
  height: 100%;
}
.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-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.28;
  margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-title {
    font-size: 20px;
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-title {
    font-size: 18px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .it-blog-title {
    font-size: 22px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.it-blog-content {
  padding-left: 5px;
}
.it-blog-content > span {
  font-weight: 400;
  font-size: 20px;
  display: block;
  padding-bottom: 9px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-content > span {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-content > span {
    font-size: 15px;
  }
}
.it-blog-item {
  padding: 30px 0;
  position: relative;
  border-bottom: 1px solid rgba(20, 20, 20, 0.1);
  border-top: 1px solid rgba(20, 20, 20, 0.1);
  -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-item-arrow a {
    display: inline-block;
    height: 58px;
    width: 58px;
    line-height: 58px;
    text-align: center;
    background-color: #0d6efd;
}
.it-blog-item-arrow a svg, .it-blog-item-arrow a i {
  color: var(--it-common-white);
}
.it-blog-item-arrow a:hover svg, .it-blog-item-arrow a:hover i {
  transform: rotate(360deg);
  transition: 0.6s;
}
@media (max-width: 767px) {
  .it-blog-item-left {
    flex-wrap: wrap;
  }
}
.it-blog-user img {
  border-radius: 50%;
  height: 55px;
  width: 55px;
  margin-right: 15px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-blog-user-info > span {
  font-size: 20px;
  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-blog-user-info > span {
    font-size: 17px;
  }
}
.it-blog-date {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: 6px 15px;
    border-radius: 0 0 0 20px;
    background-color: #0d6efd;
}
.it-blog-date span {
  color: var(--it-common-white);
}
.it-blog-style-2 .it-blog-item {
  padding-top: 0;
  border-top: none;
}
    .it-blog-style-2 .it-blog-item::after {
        position: absolute;
        content: "";
        bottom: 0;
        right: 0;
        left: auto;
        height: 1px;
        width: 0;
        transition: 0.5s;
        background-color: #0d6efd;
    }
.it-blog-style-2 .it-blog-item:hover::after {
  width: 100%;
  left: 0;
  right: auto;
}
.it-blog-style-2 .it-blog-thumb {
  margin-right: 0;
}
.it-blog-style-2 .it-blog-title {
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-style-2 .it-blog-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-blog-style-2 .it-blog-title {
    font-size: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-style-2 .it-blog-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.it-blog-style-3 .it-blog-item {
  padding: 0;
  border: none;
}
.it-blog-style-3 .it-blog-item:hover .it-blog-link span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-blog-style-3 .it-blog-item:hover .it-blog-link span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-blog-style-3 .it-blog-link span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
    .it-blog-style-3 .it-blog-link span span {
        font-weight: 500;
        color: #0d6efd;
    }
.it-blog-style-3 .it-blog-link span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-blog-style-3 .it-blog-link span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-blog-style-3 .it-blog-thumb {
  margin-right: 0;
}
.it-blog-style-3 .it-blog-title {
  font-size: 24px;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-style-3 .it-blog-title {
    margin-right: 0;
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-style-3 .it-blog-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-blog-style-3 .it-blog-title {
    font-size: 23px;
  }
}

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

/*  blog-details css here  */
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta {
    margin-bottom: 20px;
  }
}
.postbox-details-wrapper .it-blog-meta svg {
  margin-right: 5px;
  display: inline-block;
  color: #0d6efd;
}
.postbox-details-wrapper .it-blog-meta span:first-child {
  margin-right: 29px;
}
.postbox-details-wrapper .it-blog-meta-wrap {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta-wrap {
    flex-wrap: wrap;
  }
}
.postbox-details-wrapper .it-blog-btn {
  margin-top: 5px;
}
.postbox-details-wrapper .it-sv-details-list {
  margin-right: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-wrapper .it-sv-details-list {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-sv-details-list {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-sv-details-list {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.postbox-details-wrapper .it-sv-details-list ul li {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.4;
  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) {
  .postbox-details-wrapper .it-sv-details-list ul li {
    font-size: 17px;
  }
}
.postbox-details-wrapper .it-sv-details-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-details-wrapper .it-contact-inner-style .it-contact-2-form-box {
  margin-left: 0;
  padding: 50px 45px;
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-contact-inner-style .it-contact-2-form-box {
    padding: 30px 20px;
  }
}
.postbox-details-wrapper.postbox-style-2 .postbox-dsc p {
  margin-right: 60px;
}
.postbox-details-wrapper.postbox-style-2 .postbox-blockquote p {
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .postbox-blockquote p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .postbox-blockquote p {
    font-size: 18px;
  }
}
.postbox-details-wrapper.postbox-style-2 .it-contact-inner-style .it-contact-2-form-box {
  padding: 60px 75px;
}
.postbox-details-wrapper.postbox-style-2 .postbox-user-info 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) {
  .postbox-details-wrapper.postbox-style-2 .postbox-user-info p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .postbox-user-info p {
    font-size: 14px;
  }
  .postbox-details-wrapper.postbox-style-2 .postbox-user-info p br {
    display: none;
  }
}
.postbox-details-wrapper.postbox-style-2 .postbox-comment-content ul li.children {
  margin-left: 115px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .postbox-comment-content ul li.children {
    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-details-wrapper.postbox-style-2 .postbox-dsc p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .postbox-blockquote p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper.postbox-style-2 .it-contact-inner-style .it-contact-2-form-box {
    padding: 55px 45px;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper.postbox-style-2 .it-contact-inner-style .it-contact-2-form-box {
    padding: 30px 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-details-wrapper .it-inner-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-wrapper .it-section-title {
    font-size: 35px;
  }
}
.postbox-details-wrapper .it-contact-inner-style .contact__select .nice-select {
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-contact-inner-style .contact__select .nice-select {
    height: 60px;
    line-height: 60px;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-contact-inner-style .contact__select .nice-select {
    font-size: 16px;
  }
}
.postbox-dsc p {
  line-height: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 15px;
    line-height: 1.6;
  }
}
.postbox-blockquote {
  border-radius: 20px;
  padding: 62px 50px;
  margin-bottom: 60px;
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .postbox-blockquote {
    padding: 35px 20px;
  }
}
.postbox-blockquote p {
  font-weight: 400;
  font-size: 25px;
  line-height: 2;
  margin-bottom: 15px;
  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-blockquote p {
    font-size: 20px;
    line-height: 1.5;
  }
}
@media (max-width: 767px) {
  .postbox-blockquote p {
    font-size: 17px;
    line-height: 1.5;
  }
}
.postbox-blockquote strong {
  font-weight: 600;
  font-size: 25px;
  display: block;
  margin-bottom: 7px;
  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-blockquote strong {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .postbox-blockquote strong {
    font-size: 17px;
    line-height: 1.5;
  }
}
.postbox-blockquote .quote-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-blockquote .quote-icon svg {
    height: 70px;
  }
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
}
.postbox-tag-content a {
  padding: 0 14px;
  height: 50px;
  line-height: 50px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-gray-3);
}
.postbox-tag-content a:not(:last-child) {
  margin-right: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.postbox-tag-box {
  padding: 24px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.postbox-share span {
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
}
.postbox-share-content a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-share-content a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .postbox-share-content a svg {
    width: 12px;
  }
}
.postbox-share-content a:not(:last-child) {
  margin-right: 5px;
}
.postbox-share-content a:hover {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 5px;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    margin-bottom: 30px;
  }
}
.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;
}
.postbox-user-info p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.6;
  margin-right: 10px;
  color: #5E5F62;
}
@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-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: #0d6efd;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-left: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.postbox-comment-title {
  font-weight: 600;
  font-size: 34px;
  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: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-content ul li {
    margin-bottom: 40px;
  }
}
.postbox-comment-content ul li:last-child {
  margin-bottom: 50px;
}
.postbox-comment-content ul li.children {
  margin-left: 115px;
}
@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 .reply {
  transition: 0.3s;
  color: var(--it-common-black);
}
.postbox-comment .reply span {
  margin-right: 2px;
}
.postbox-comment .reply span i {
  color: var(--it-common-black);
}
.postbox-comment .reply:hover {
  color: #0d6efd;
}
@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-box {
    margin-bottom: 70px;
  }
}

.it-inner-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 1.29;
  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-inner-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-inner-title {
    font-size: 30px;
  }
  .it-inner-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-inner-title {
    font-size: 22px;
  }
  .it-inner-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-inner-title {
    font-size: 28px;
  }
}

/*----------------------------------------*/
/*  17. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-right: 40px;
  }
}
.it-footer-col-1-2 {
  margin-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-col-1-3 {
  margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-left: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-1-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 30px;
  }
}
.it-footer-col-2-2 {
  margin-left: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-2-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2-2 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-2-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-2-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2-2 {
    margin-left: 30px;
  }
}
.it-footer-col-2-3 {
  margin-left: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-2-3 {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2-3 {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-2-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-2-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-2-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2-4 {
    margin-left: 30px;
  }
}
.it-footer-col-3-2 {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-3-2 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-3-2 {
    margin-left: -20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-3-2 {
    margin-left: 0;
  }
}
.it-footer-col-4-2 {
  margin-left: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-4-2 {
    margin-left: 85px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-4-2 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-4-2 {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-4-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-4-2 {
    margin-left: 30px;
  }
}
.it-footer-col-4-3 {
  margin-left: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-4-3 {
    margin-left: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-4-3 {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-4-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-4-4 {
    margin-left: 60px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-4-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-4-4 {
    margin-left: 30px;
  }
}
.it-footer-widget-title {
  font-weight: 600;
  font-size: 25px;
  line-height: 1.28;
  text-transform: uppercase;
  color: var(--it-common-black);
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 19px;
  }
}
.it-footer-widget-title.fz-24 {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title.fz-24 {
    font-size: 19px;
  }
}
.it-footer-widget-text p {
  line-height: 2;
  margin-bottom: 28px;
  margin-right: -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-footer-widget-text p {
    font-size: 14px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-footer-widget-menu ul li a {
  color: var(--it-common-black);
  position: relative;
}
.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
  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), 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: #0d6efd;
}
.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 10px;
  margin-right: 10px;
  background-color: #0d6efd;
}
.it-footer-widget-contact ul li {
  list-style-type: none;
}
.it-footer-widget-contact ul li:not(:last-child) {
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.it-footer-widget-contact ul li a, .it-footer-widget-contact ul li span {
  font-weight: 400;
  font-size: 18px;
  position: relative;
  padding-left: 20px;
  line-height: 1.56;
  color: rgba(246, 246, 246, 0.5);
}
.it-footer-widget-contact ul li a::before, .it-footer-widget-contact ul li span::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  transition: 0.3s;
  display: inline-block;
  background-color: #0d6efd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li a::before, .it-footer-widget-contact ul li span::before {
    top: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-contact ul li a, .it-footer-widget-contact 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) {
  .it-footer-widget-contact ul li a, .it-footer-widget-contact ul li span {
    font-size: 14px;
  }
}
.it-footer-widget-contact ul li a:hover, .it-footer-widget-contact ul li span:hover {
  color: #0d6efd;
}
.it-footer-widget-contact ul li span {
  padding-left: 25px;
}
.it-footer-widget-tel-box {
  position: relative;
  display: flex;
  align-items: center;
}
.it-footer-widget-tel-box a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.62;
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-tel-box a {
    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-footer-widget-tel-box a {
    font-size: 14px;
  }
  .it-footer-widget-tel-box a br {
    display: none;
  }
}
.it-footer-widget-tel-box a:hover {
  color: #0d6efd;
}
.it-footer-widget-tel-box > span {
  width: 40px;
  height: 40px;
  line-height: 38px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #0d6efd;
}
.it-footer-widget-tel-box > span svg, .it-footer-widget-tel-box > span i {
  color: var(--it-common-white);
}
.it-footer-widget-tel-box.col-1-2 {
  margin-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .it-footer-widget-tel-box.col-1-2 {
    margin-left: 0;
  }
}
.it-footer-widget-tel-box.col-1-2::after {
  position: absolute;
  top: 0;
  left: -24%;
  height: 100%;
  width: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-tel-box.col-1-2::after {
    display: none;
  }
}
.it-footer-widget-tel-box.col-1-2::before {
  position: absolute;
  top: 0;
  right: 7%;
  height: 100%;
  width: 1px;
  content: "";
  background: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-tel-box.col-1-2::before {
    display: none;
  }
}
.it-footer-widget-tel-box.col-1-3 {
  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) {
  .it-footer-widget-tel-box.col-1-3 {
    margin-left: 0;
  }
}
.it-footer-widget-input-box form.input-wrap {
  width: 300px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-input-box form.input-wrap {
    width: 100%;
  }
}
.it-footer-widget-input-box form input {
  height: 50px;
  line-height: 50px;
  padding-right: 70px;
  padding-left: 25px;
  border-radius: 5px;
  color: rgba(255, 255, 255, 0.7);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0);
  border-color: #0d6efd;
}
.it-footer-widget-input-box form input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
@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: 50px;
  border-radius: 5px;
  color: var(--it-common-white);
  transform: translateY(-50%);
  background: #0d6efd;
}
.it-footer-widget-gallery-wrap {
  display: grid;
  gap: 10px;
  height: auto;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-gallery-wrap {
    width: auto;
  }
}
.it-footer-style-2 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-footer-style-2 .it-footer-widget-title {
  color: var(--it-common-white);
}
.it-footer-style-2 .it-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-style-2 .it-footer-widget-text p {
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-style-2 .it-copyright-wrap {
  padding: 0;
  background-color: transparent;
}
.it-footer-style-2 .it-copyright-area {
  padding: 19px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-footer-style-2 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-2 .it-copyright-social a {
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.it-footer-style-2 .it-footer-widget-tel-wrap {
  padding: 40px 50px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-wrap {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-box {
    margin-bottom: 30px;
  }
}
.it-footer-style-2 .it-footer-widget-tel-box a {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-box a {
    font-size: 14px;
  }
}
.it-footer-style-2 .it-footer-widget-tel-box > span {
  width: 70px;
  height: 70px;
  line-height: 65px;
  margin-right: 20px;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid #0d6efd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-2 .it-footer-widget-tel-box > span {
    width: 50px;
    height: 50px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-box > span {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-2 .it-footer-widget-tel-box > span svg {
    width: 22px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-box > span svg {
    width: 17px;
  }
}
.it-footer-style-2 .it-footer-widget-tel-box div span {
  display: block;
  margin-bottom: 10px;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-footer-widget-tel-box div span {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
.it-footer-style-2 .it-footer-widget-tel-box div a {
  font-size: 18px;
  font-family: var(--if-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-footer-style-2 .it-footer-widget-tel-box div a {
    font-size: 16px;
  }
}
.it-footer-style-3 .footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-footer-style-3 .it-footer-widget-title {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-footer-widget-menu ul li a {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-footer-widget-text p {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-copyright-wrap {
  padding: 0;
  background-color: transparent;
}
.it-footer-style-3 .it-copyright-area {
  padding: 19px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-footer-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-copyright-social a {
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.it-footer-style-3 .it-footer-widget-tel-box a {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-footer-widget-tel-box a:hover {
  color: #0d6efd;
}
.it-footer-style-3 .it-footer-col-1-2 {
  margin-left: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-3 .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-3 .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-3 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-3 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-3 .it-footer-col-1-3 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-3 .it-footer-col-1-3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-3 .it-footer-col-1-3 {
    margin-left: 0;
  }
}
.it-footer-style-4 {
  margin-top: -100px;
}
.it-footer-style-4 .footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-footer-style-5 {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-footer-style-5 .it-footer-widget-text p {
  margin-right: 20px;
}
.it-footer-style-5 .it-footer-widget-menu ul li a::before {
  display: none;
}
@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-widget-menu.style-1 {
    margin-bottom: 20px;
  }
}
.it-footer-style-5 .it-footer-widget-menu ul li a {
  padding-left: 20px;
  position: relative;
  color: rgba(246, 246, 246, 0.5);
}
.it-footer-style-5 .it-footer-widget-menu ul li a:hover {
  color: #0d6efd;
}
.it-footer-style-5 .it-footer-widget-menu ul li a span {
  position: absolute;
  top: -2px;
  left: 0;
}
.it-footer-style-5 .it-footer-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 40.4%;
  height: 100%;
  width: 1px;
  background-color: rgba(245, 245, 245, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-style-5 .it-footer-area::after {
    right: 37%;
  }
}
@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-style-5 .it-footer-area::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-widget-text p {
    margin-bottom: 0;
  }
}
.it-footer-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 36%;
  height: 100%;
  width: 1px;
  background-color: #313537;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::before {
    left: 31%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::before {
    display: none;
  }
}
.it-footer-border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 34%;
  height: 100%;
  width: 1px;
  background-color: #313537;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::after {
    right: 28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::after {
    display: none;
  }
}

.it-copyright-wrap {
  padding: 9px 30px;
  border-radius: 10px;
  background-color: var(--it-gray-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-copyright-wrap {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-copyright-left p {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: #0d6efd;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-copyright-left.style-2 {
    margin-bottom: 15px;
  }
}
.it-copyright-social {
  line-height: 0;
}
.it-copyright-social a {
  width: 42px;
  height: 42px;
  line-height: 39px;
  text-align: center;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  color: var(--it-common-black);
  border: 1px solid rgba(12, 18, 29, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-social a {
    width: 35px;
    height: 35px;
    line-height: 30px;
  }
}
.it-copyright-social a svg {
  position: relative;
  z-index: 1;
  width: 16px;
  height: 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-copyright-social a svg {
    width: 12px;
    height: 12px;
  }
}
.it-copyright-social a:not(:last-child) {
  margin-right: 5px;
}
.it-copyright-social a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-copyright-social a:hover {
  border-color: #0d6efd;
  color: var(--it-common-white);
}
.it-copyright-social a:hover::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}

.it-copyright-2-wrap {
  border-radius: 20px;
  padding: 18px 60px;
  padding-right: 20px;
  position: relative;
  border: 1px solid rgba(245, 245, 245, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-2-wrap {
    padding: 15px 20px;
  }
}
@media (max-width: 767px) {
  .it-copyright-2-wrap {
    padding: 15px 10px;
  }
}
.it-copyright-2-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 24.5%;
  height: 100%;
  width: 1px;
  background-color: rgba(245, 245, 245, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-copyright-2-wrap::before {
    left: 23%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-2-wrap::before {
    left: 24%;
  }
}
@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-copyright-2-wrap::before {
    display: none;
  }
}
.it-copyright-2-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 33.2%;
  height: 100%;
  width: 1px;
  background-color: rgba(245, 245, 245, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-copyright-2-wrap::after {
    right: 33.2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-2-wrap::after {
    right: 30.2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-2-wrap::after {
    display: none;
  }
}
.it-copyright-2-wrap .it-copyright-social a {
  border-radius: 50%;
}
.it-copyright-2-wrap .input-wrap input {
  border: none;
  background-color: transparent;
}
.it-copyright-2-wrap .it-footer-widget-input-box button {
  height: 40px;
  width: 40px;
  border-radius: 50%;
}
.it-copyright-2-wrap .it-footer-widget-input-box form.input-wrap {
  width: 420px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-2-wrap .it-footer-widget-input-box form.input-wrap {
    width: 300px;
  }
}
@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-copyright-2-wrap .it-footer-widget-input-box {
    display: none;
  }
}
.it-copyright-2-left p {
  font-weight: 500;
  font-size: 20px;
  color: #f5f5f5;
  padding-left: 10px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-2-left p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-2-left p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-copyright-2-left p {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-copyright-2-left p {
    margin-top: 0;
  }
}
.it-copyright-2-left p::before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  height: 10px;
  width: 10px;
  border-radius: 50px;
  transition: 0.3s;
  display: inline-block;
  background-color: #0d6efd;
}
@media (max-width: 767px) {
  .it-copyright-2-box {
    flex-wrap: wrap;
    justify-content: center !important;
  }
}

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

.it-header-top-ptb {
  padding: 8px 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-header-top-ptb {
    padding: 12px 0;
  }
}
.it-header-top-contact {
  position: relative;
  padding-left: 25px;
}
.it-header-top-contact span {
  display: inline-block;
  text-align: center;
  position: relative;
  position: absolute;
  top: -4px;
  left: 0;
}
.it-header-top-contact span svg, .it-header-top-contact span i {
  position: relative;
  z-index: 1;
  color: #0d6efd;
  transition: 0.3s;
}
.it-header-top-contact a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid #D9D9D9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-social-box a {
  font-size: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  transition: 0.3s;
  height: 35px;
  width: 35px;
  line-height: 31px;
  margin-left: 8px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}
.it-header-top-social-box a:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a {
    width: 35px;
    height: 35px;
    line-height: 31px;
  }
}
.it-header-top-social-box a svg, .it-header-top-social-box a i {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a svg, .it-header-top-social-box a i {
    width: 14px;
    height: 14px;
  }
}
.it-header-top-social-box a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-header-top-social-box a:hover {
  color: var(--it-common-white);
}
.it-header-top-social-box a:hover::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-top-social-box span {
  font-weight: 500;
  font-size: 18px;
  display: inline;
  margin-right: 5px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-social-box span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li:not(:last-child) {
  padding-right: 48px;
  margin-right: 44px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: #0d6efd;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
    font-size: 16px;
    top: 3px;
  }
}
.it-header-top-list-text {
  margin-left: 10px;
}
.it-header-top-list-text span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.it-header-top-list-text a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
.it-header-top-list-icon span {
  display: inline-block;
  height: 53px;
  width: 53px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.1);
  position: relative;
  overflow: hidden;
}
.it-header-top-list-icon span svg, .it-header-top-list-icon span i {
  position: relative;
  z-index: 1;
  color: #0d6efd;
  transition: 0.3s;
}
.it-header-top-list-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-header-top-list-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-list-wrap ul li:not(:last-child) {
  margin-right: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-wrap ul li:not(:last-child) {
    margin-right: 0;
  }
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span svg, .it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span i {
  color: var(--it-common-white);
}

@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 {
  padding-left: 125px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul {
    padding-left: 70px;
    border-left: none;
    border-right: none;
  }
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 14px;
  }
}
.it-header-menu > nav > ul > li:first-child {
  margin-left: 0;
}
.it-header-menu > nav > ul > li > a {
  font-weight: 600;
  font-size: 15px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  padding: 30.5px 0;
  display: inline-block;
  position: relative;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    font-size: 13px;
  }
}
.it-header-menu > nav > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 0;
  margin: 0 auto;
  transition: 0.3s;
  opacity: 0;
  border-radius: 10px 10px 0 0;
  height: 5px;
  background-color: #0d6efd;
}
.it-header-menu > nav > ul > li:hover > a {
  color: #0d6efd;
}
.it-header-menu > nav > ul > li:hover > a::before {
  width: 100%;
  opacity: 1;
}
.it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: #0d6efd;
}
.it-header-search {
  margin-right: 30px;
}
.it-header-search button {
  height: 53px;
  width: 53px;
  line-height: 1;
  border-radius: 50%;
  position: relative;
  padding: 0;
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-header-search button::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.3s;
  border-radius: 50%;
  background-color: #0d6efd;
  transform: scale(0);
}
.it-header-search button svg {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 17px;
}
.it-header-search button:hover::after {
  transform: scale(1);
}
.it-header-search button:hover svg {
  color: var(--it-common-white);
}
@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-user {
  margin-right: 30px;
}
.it-header-user a {
  height: 53px;
  width: 53px;
  line-height: 48px;
  border-radius: 50%;
  position: relative;
  padding: 0;
  display: inline-block;
  text-align: center;
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-header-user a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.3s;
  border-radius: 50%;
  background-color: #0d6efd;
  transform: scale(0);
}
.it-header-user a svg {
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 17px;
}
.it-header-user a:hover::after {
  transform: scale(1);
}
.it-header-user a:hover svg {
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-user {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-header-user {
    display: none;
  }
}
.it-header-logo-2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 150px;
  padding-right: 120px;
  background-color: #0d6efd;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-logo-2 {
    padding-left: 75px;
    padding-right: 75px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-logo-2 {
    padding: 0 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-logo-2 {
    padding: 0 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-header-logo-2 {
    padding: 0 45px;
  }
}
.it-header-ml {
  margin-left: 410px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-ml {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-ml {
    margin-left: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ml {
    margin-left: 0;
  }
}
.it-header-login button {
  padding: 0;
  font-weight: 500;
  margin-right: 40px;
  color: var(--it-common-black);
}
.it-header-style-2 .it-header-menu > nav > ul {
  padding-left: 0;
  border-left: none;
  margin-right: -50px;
  border-right: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-menu > nav > ul {
    border-right: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-menu > nav > ul li {
    margin: 0px 8px;
  }
}
.it-header-style-2 .it-header-menu > nav > ul li a {
  color: var(--it-common-black);
}
.it-header-style-2 .it-header-menu > nav > ul li.has-dropdown > a::after {
  color: var(--it-common-black);
}
.it-header-style-2 .it-header-menu > nav > ul li:hover > a {
  color: #0d6efd;
}
.it-header-style-2 .it-header-top-contact a {
  color: var(--it-common-white);
}
.it-header-style-2 .it-header-top-social-box a {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: var(--it-common-white);
}
.it-header-style-2 .it-header-top-social-box span {
  color: var(--it-common-white);
}
.it-header-style-2 .it-header-top-contact-wrap ul li:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .it-header-style-2 .it-header-top-contact-wrap ul li:not(:last-child) {
    border: none;
  }
}
.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: #0d6efd;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
}
.it-header-style-3 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-style-3 .it-header-menu > nav > ul {
    padding-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-3 .it-header-menu > nav > ul {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-3 .it-header-menu > nav > ul > li {
    margin: 0px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-3 .it-header-right-action {
    margin-left: -50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-style-4 .it-header-menu > nav > ul {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-4 .it-header-menu > nav > ul {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-4 .it-header-menu > nav > ul li {
    margin: 0 8px;
  }
}

.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-top-area {
  display: none;
}
.header-sticky.it-header-style .it-header-menu > nav > ul {
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.header-sticky.it-header-style .it-header-menu > nav > ul > li > a {
  color: var(--it-common-black);
}
.header-sticky.it-header-style .it-header-menu > nav > ul > li.has-dropdown > a::after {
  color: var(--it-common-black);
}
.header-sticky.it-header-style .it-header-menu > nav > ul > li:hover > a {
  color: #0d6efd;
}
.header-sticky.it-header-style .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: #0d6efd;
}
.header-sticky.it-header-style .it-header-logo-3 {
  display: block !important;
}
.header-sticky.it-header-style .it-header-logo {
  display: none;
}
.header-sticky.it-header-style .it-header-search button {
  color: var(--it-common-black);
  background-color: rgba(0, 0, 0, 0.1);
}
.header-sticky.it-header-style .it-header-user a {
  color: var(--it-common-black);
  background-color: rgba(0, 0, 0, 0.1);
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}

.it-header-style-2 .it-header-menu nav ul li .has-home-img {
  left: -5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-style-2 .it-header-menu nav ul li .has-home-img {
    left: -35%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-style-2 .it-header-menu nav ul li .has-home-img {
    left: -34%;
    width: 1200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-menu nav ul li .has-home-img {
    left: -30%;
    width: 1000px;
  }
}

.it-onepage-menu li > a.active {
    color: #0d6efd !important;
}
.it-onepage-menu li > a.active::before {
  width: 100%;
  opacity: 1;
}
.it-onepage-menu li.has-dropdown > a.active::after {
  color: #0d6efd !important;
}

/*----------------------------------------*/
/*  54
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}
.it-header-menu nav ul li.has-dropdown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  transform: translateY(-1px);
  color: var(--it-common-white);
  margin-left: 4px;
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 240px;
  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;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 1px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 20px;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: #0d6efd;
  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: 1400px) and (max-width: 1599px) {
  .it-homemenu-wrapper {
    padding: 40px 40px 20px 40px;
  }
}
@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: 1310px;
  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;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img {
    width: 100%;
  }
}
.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 {
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  font-family: var(--it-ff-heading);
  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), only screen and (min-width: 768px) and (max-width: 991px) {
  .home-img-btn {
    margin: 0 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .home-img-btn {
    margin: 0 15px;
  }
}
.home-img-btn .it-btn-sm {
  margin-bottom: 10px;
}

.home-img-thumb {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 250px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .home-img-thumb {
    height: 200px;
  }
}
.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: #0d6efd;
  border-color: #0d6efd;
  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: #0d6efd;
}
.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: #0d6efd;
  border-color: #0d6efd;
  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: #0d6efd;
}
.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: #0d6efd;
  border-color: #0d6efd;
  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: #0d6efd;
}
.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: #0d6efd;
  border-color: #0d6efd;
  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: #0d6efd;
}
.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: #0d6efd;
}
.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: #0d6efd;
}
.it-menu-mobile ul li:hover > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
  color: #0d6efd;
}
.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: #0d6efd;
}
.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;
}

/*----------------------------------------*/
/*  20. hero css start
/*----------------------------------------*/
.it-hero-area {
  padding-top: 162px;
  padding-bottom: 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-area {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .it-hero-area {
    padding-top: 100px;
  }
}
.it-hero-title {
  font-size: 130px;
  line-height: 1.05;
  font-weight: 700;
  margin-top: -20px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  font-family: var(--it-ff-manrope);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 87px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 95px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 65px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 70px;
  }
}
.it-hero-title span {
  margin-left: 95px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title span {
    margin-left: 85px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-title span {
    margin-left: 0;
  }
}
.it-hero-title.style-2 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 800;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title.style-2 {
    text-align: center;
  }
}
@media (max-width: 767px) {
  .it-hero-title.style-2 {
    font-size: 45px;
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title.style-2 {
    font-size: 65px;
  }
}
.it-hero-btn {
  margin-right: 195px;
  padding-bottom: 32px;
  margin-bottom: 20px;
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-btn {
    margin-right: 0;
  }
}
.it-hero-text p {
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  margin-bottom: 0;
  padding-right: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-text p {
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-hero-text p {
    padding-right: 0;
    font-size: 14px;
    line-height: 1.8;
  }
}
.it-hero-thumb {
  padding-bottom: 10px;
  padding-left: 50px;
  padding-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb {
    padding-left: 0;
    padding-right: 0;
    margin-top: 70px;
    text-align: center;
  }
}
.it-hero-experience {
  padding: 30px;
  line-height: 0;
  position: absolute;
  top: -19%;
  right: 1.5%;
  z-index: 11;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-experience {
    display: none;
  }
}
.it-hero-experience i {
    display: inline-block;
    height: 118px;
    width: 118px;
    line-height: 118px;
    text-align: center;
    border-radius: 50%;
    background-color: #0d6efd;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience i {
    height: 95px;
    width: 95px;
    line-height: 95px;
  }
}
.it-hero-experience-text {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.it-hero-experience-text img {
  animation: animationglob 6s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
.it-hero-content {
  margin-right: -50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-content {
    margin-right: 0;
  }
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-section-title-box {
    margin: 0 100px;
    margin-bottom: 70px;
  }
  .it-about-section-title-box br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-section-title-box {
    margin-bottom: 50px;
  }
  .it-about-section-title-box br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-author {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-author {
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .it-about-author-avater {
    width: 120px;
  }
}
.it-about-author-designation {
  margin-left: 20px;
}
.it-about-author-designation span {
  font-weight: 700;
  font-size: 14px;
  display: block;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-montserrat);
}
.it-about-author-designation i {
  font-weight: 400;
  font-size: 14px;
  font-style: normal;
  display: block;
  margin-bottom: 7px;
}
.it-about-mission p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-mission p {
    font-size: 14px;
  }
  .it-about-mission p br {
    display: none;
  }
}
.it-about-mission span {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  display: block;
  padding-bottom: 18px;
  text-decoration: underline;
  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-about-mission span {
    font-size: 18px;
  }
}
.it-about-mission-wrap {
  margin-left: -31px;
}
@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-mission-wrap {
    margin-left: 0;
  }
}
.it-about-mission-wrap .it-about-border {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 767px) {
  .it-about-mission-wrap .it-about-border .row [class*=col-]:nth-child(1) .it-about-mission {
    margin-bottom: 20px;
  }
}
.it-about-stat-box {
  padding: 37px 40px;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-stat-box {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .it-about-stat-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-stat-box {
    margin-bottom: 0;
  }
}
.it-about-stat-box span {
  font-weight: 600;
  display: block;
  padding-bottom: 15px;
  margin-bottom: 43px;
  text-transform: uppercase;
  color: var(--it-common-black);
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-stat-box span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-stat-box span {
    font-size: 12px;
  }
}
.it-about-stat-box span.stat-description {
  color: #625E58;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.it-about-stat-box .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.it-about-stat-box .stat-number {
  font-size: 20px;
  margin-bottom: 0;
  line-height: 1.1;
  color: #0d6efd;
  font-family: var(--it-ff-montserrat);
}
@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-stat-box .stat-number {
    font-size: 18px;
    margin-bottom: 8px;
  }
}
.it-about-stat-box .stat-number i {
  font-weight: 600;
  font-size: 80px;
  font-style: normal;
  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-stat-box .stat-number i {
    font-size: 55px;
  }
}
.it-about-thumb {
  height: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb {
    height: auto;
    margin-bottom: 30px;
  }
}
.it-about-thumb img {
  height: 100%;
  object-fit: cover;
  transform: scale(1.04) translateX(-2%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb img {
    height: auto;
  }
}
.it-about-thumb:hover img {
  transform: scale(1.04) translateX(2%);
}
.it-about-thumb.thumb-sm {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb.thumb-sm {
    height: 232px;
    margin-bottom: 0;
  }
}
.it-about-thumb.thumb-sm img {
  height: 100%;
  transform: scale(1.04) translateX(-2%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
.it-about-thumb.thumb-sm:hover img {
  transform: scale(1.04) translateX(2%);
}

.it-about-2-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-thumb {
    margin-bottom: 30px;
    height: auto;
  }
}
.it-about-2-thumb img {
  height: 100%;
  object-fit: cover;
  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-2-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-text {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-text p {
    font-size: 14px;
    line-height: 1.6;
  }
  .it-about-2-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-2-text p {
    font-size: 14px;
    line-height: 1.6;
  }
  .it-about-2-text p br {
    display: none;
  }
}
.it-about-2-progress-wrap {
  position: absolute;
  bottom: 15px;
  left: 15px;
  padding: 25px 30px;
  padding-right: 80px;
  border-radius: 10px;
  display: inline-block;
  z-index: 1;
  backdrop-filter: blur(21px);
  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%);
}
@media (max-width: 767px) {
  .it-about-2-progress-wrap {
    padding: 20px 25px;
  }
}
.it-about-2-progress-canva input {
  margin: 0;
  border-radius: 0;
  color: var(--it-common-white) !important;
}
.it-about-2-progress-canva h6 {
  font-weight: 400;
  font-size: 20px;
  margin-left: 15px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-about-2-progress-canva h6 {
    font-size: 16px;
  }
}

.it-about-3-area .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-about-3-area .shape-2 {
  position: absolute;
  top: -12%;
  right: -7%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-about-3-area .shape-2 {
    display: none;
  }
}
.it-about-3-list-box ul li {
  list-style-type: none;
}
.it-about-3-list-box ul li:not(:last-child) {
  margin-bottom: 24px;
}
.it-about-3-list-box ul li span {
  padding-left: 30px;
  position: relative;
  display: block;
  font-weight: 500;
  font-size: 18px;
  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-about-3-list-box ul li span {
    font-size: 16px;
  }
}
.it-about-3-list-box ul li span svg, .it-about-3-list-box ul li span i {
  position: absolute;
  top: 3px;
  left: 0;
}
.it-about-3-thumb-sm {
  margin-bottom: -135px;
  padding-left: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-thumb-sm {
    margin-bottom: -65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb-sm {
    margin-bottom: -30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb-sm {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb-sm {
    margin-top: 30px;
    padding-left: 0;
    margin-bottom: 0;
  }
}
.it-about-3-thumb img {
  max-width: inherit;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-thumb img {
    width: 100%;
  }
}
.it-about-3-right {
  margin-left: 77px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-right {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-right {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-3-right {
    margin-left: 0;
    margin-top: 50px;
    margin-bottom: 0;
  }
}
.it-about-3-right p {
  margin-right: 170px;
}
@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-right p {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-thumb-wrap {
    display: block !important;
  }
}
.it-about-4-thumb-wrap img {
  border-radius: 30px;
}
.it-about-4-right {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-right {
    margin-left: 0;
  }
}
.it-about-4-right > p {
  line-height: 2;
  margin-bottom: 32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-right > p {
    font-size: 15px;
  }
  .it-about-4-right > p br {
    display: none;
  }
}
.it-about-4-area .it-about-mission {
  padding-bottom: 25px;
  margin-bottom: 50px;
  border-bottom: 1px solid #d9d9d9;
}
.it-about-4-area .it-about-mission span {
  text-decoration: none;
}
.it-about-4-area .it-about-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-4-area .it-about-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-area .it-about-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-area .it-btn-theme.mr-30 {
    padding: 17.5px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-area .it-about-section-title-box {
    margin: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-area .it-about-author-avater {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-area .it-about-mission p {
    font-size: 15px;
  }
  .it-about-4-area .it-about-mission p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-top-wrap {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-about-4-top-wrap {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  27. menu css start
/*----------------------------------------*/
.it-service-thumb {
  margin-right: 43px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-thumb {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-thumb {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.it-service-thumb img {
  transition: 1.3s all ease;
}
.it-service-title {
  margin-bottom: 0;
  margin-bottom: 25px;
  transition: 0.3s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-title {
    font-size: 24px;
  }
}
.it-service-content {
  margin-left: -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-service-content {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-service-content-wrap {
    flex-wrap: wrap;
  }
}
.it-service-arrow a {
  display: inline-block;
  height: 58px;
  width: 58px;
  line-height: 55px;
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  color: #0d6efd;
  background-color: var(--it-gray-3);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-service-arrow a svg {
  position: relative;
  z-index: 1;
}
.it-service-arrow a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-service-item {
  padding: 30px 45px;
  padding-right: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-item {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .it-service-item {
    padding: 20px;
  }
}
.it-service-item p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-item p {
    margin-right: 70px;
  }
  .it-service-item p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-service-item p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .it-service-item p br {
    display: none;
  }
}
.it-service-item:hover .it-service-arrow a {
  color: var(--it-common-white);
}
.it-service-item:hover .it-service-arrow a::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-service-item:hover .it-service-thumb img {
  transform: scale(1.2);
}
.it-service-area .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
}
.it-service-btn {
  transition: 0.3s;
}
.it-service-btn .shape {
  position: absolute;
  right: 0;
  top: 50%;
  z-index: -1;
  transform: translateY(-50%);
}
.it-service-style-2 .it-service-content P {
  margin-right: 100px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-style-2 .it-service-content P {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-style-2 .it-service-content P {
    font-size: 14px;
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-style-2 .it-service-content P {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-style-2 .it-service-content-wrap {
    flex-wrap: nowrap;
  }
}
.it-service-style-2 .it-service-thumb {
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-style-2 .it-service-thumb {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-style-2 .it-service-thumb {
    margin-bottom: 0;
    margin-top: 40px;
  }
}
@media (max-width: 767px) {
  .it-service-style-2 .it-service-thumb {
    margin-bottom: 30px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-style-2 .it-service-thumb {
    margin-bottom: 0;
    width: 60% !important;
  }
}
.it-service-style-2 .it-service-thumb img {
  transition: 1.3s all ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-style-2 .it-service-title {
    font-size: 23px;
  }
}
.it-service-style-2 .it-service-item {
  position: relative;
  z-index: 1;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-style-2 .it-service-item {
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-style-2 .it-service-item {
    padding: 30px 20px;
  }
}
.it-service-style-2 .it-service-item::after {
  content: "";
  position: absolute;
  left: 0;
  top: auto;
  bottom: 0;
  height: 0;
  width: 100%;
  z-index: -1;
  transition: 0.4s;
  border-radius: 20px;
  background-color: #0d6efd;
}
.it-service-style-2 .it-service-item:hover::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.it-service-style-2 .it-service-item:hover .it-service-thumb img {
  transform: scale(1.2);
}
.it-service-style-2 .it-service-item:hover .it-service-title {
  color: var(--it-common-white);
}
.it-service-style-2 .it-service-item:hover .it-btn-theme.black-bg {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-service-style-2 .it-service-item:hover .it-btn-theme.black-bg svg, .it-service-style-2 .it-service-item:hover .it-btn-theme.black-bg i {
  color: var(--it-common-black);
}
.it-service-style-2 .it-service-item:hover p {
  color: var(--it-common-white);
}
.it-service-inner-style .it-service-item {
  background-color: var(--it-gray-3);
}
.it-service-inner-style-2 .it-service-3-item {
  border: none;
  padding: 40px 30px;
  background-color: var(--it-gray-3);
}
.it-service-inner-style-2 .it-service-3-title {
  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) {
  .it-service-inner-style-2 .it-service-3-title {
    font-size: 20px;
  }
  .it-service-inner-style-2 .it-service-3-title br {
    display: none;
  }
}

.it-service-2-nav-link {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 0;
  margin-left: 15px;
  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-service-2-nav-link {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-service-2-nav-link {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-2-nav-link {
    font-size: 20px;
  }
}
.it-service-2-nav-box ul li {
  width: 100%;
}
.it-service-2-nav-box ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-service-2-nav-box ul li button {
  z-index: 1;
  position: relative;
  list-style-type: none;
  border-radius: 10px;
  padding: 29px 40px;
  display: flex;
  width: 100%;
  align-items: center;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-service-2-nav-box ul li button {
    padding: 20px 25px;
  }
}
.it-service-2-nav-box ul li button::after {
  content: "";
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: -1;
  transition: 0.4s;
  border-radius: 10px;
  background-color: #0d6efd;
}
.it-service-2-nav-box ul li button:not(:last-child) {
  margin-bottom: 20px;
}
.it-service-2-nav-box ul li button span {
  transition: 0.3s;
}
.it-service-2-nav-box ul li button span svg {
  transition: 0.3s;
  color: #0d6efd;
  height: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-2-nav-box ul li button span svg {
    height: 35px;
  }
}
@media (max-width: 767px) {
  .it-service-2-nav-box ul li button span svg {
    height: 25px;
    width: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-2-nav-box ul li button span svg {
    height: 35px;
    width: 35px;
  }
}
.it-service-2-nav-box ul li button:hover::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.it-service-2-nav-box ul li button:hover span svg {
  color: var(--it-common-white);
}
.it-service-2-nav-box ul li button:hover .it-service-2-nav-link {
  color: var(--it-common-white);
}
.it-service-2-nav-box ul li button.active::after {
  height: 100%;
  bottom: auto;
  top: 0;
}
.it-service-2-nav-box ul li button.active span svg {
  color: var(--it-common-white);
}
.it-service-2-nav-box ul li button.active .it-service-2-nav-link {
  color: var(--it-common-white);
}
.it-service-2-thumb {
  border-radius: 20px;
  margin-left: -30px;
  overflow: hidden;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-2-thumb {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-2-thumb {
    margin-left: 0;
    margin-top: 30px;
  }
}
.it-service-2-thumb img {
  border-radius: 20px;
}
.it-service-2-left {
  margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-2-left {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-2-left {
    margin-right: 0;
  }
}
.it-service-2-content {
  padding: 40px 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-service-2-content {
    padding: 40px 40px;
  }
}
@media (max-width: 767px) {
  .it-service-2-content {
    padding: 20px 25px;
  }
}
.it-service-2-content p {
  margin-right: 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-service-2-content p {
    margin-right: 0;
  }
}

.it-service-3-item {
  padding: 40px 38px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-item {
    padding: 30px 25px;
  }
}
.it-service-3-item p {
  font-size: 14px;
  margin-bottom: 20px;
  transition: 0.3s;
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-3-item p {
    font-size: 13px;
  }
}
.it-service-3-item span svg {
  transition: 0.3s;
  color: #0d6efd;
}
.it-service-3-item::after {
  content: "";
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  height: 100%;
  width: 0;
  z-index: -1;
  transition: 0.3s;
  border-radius: 20px;
  background-color: #0d6efd;
}
.it-service-3-item:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.it-service-3-item:hover .it-service-3-title {
  color: var(--it-common-white);
}
.it-service-3-item:hover .it-service-3-link {
  color: var(--it-common-white);
}
.it-service-3-item:hover .it-service-3-link svg, .it-service-3-item:hover .it-service-3-link i {
  color: var(--it-common-white);
}
.it-service-3-item:hover p {
  color: var(--it-common-white);
}
.it-service-3-item:hover span svg, .it-service-3-item:hover i {
  color: var(--it-common-white);
}
.it-service-3-title {
  font-weight: 600;
  font-size: 25px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-3-title {
    font-size: 18px;
  }
}
.it-service-3-link {
  font-weight: 500;
  font-size: 16px;
  transition: 0.3s;
  text-transform: uppercase;
}
@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-3-link {
    font-size: 14px;
  }
}
.it-service-3-link svg {
  transition: 0.3s;
  margin-left: 3px;
  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-service-3-link svg {
    width: 12px;
  }
}

.it-service-4-item {
  padding: 30px;
  padding-bottom: 40px;
  border-radius: 20px;
  border: 1px solid rgba(45, 196, 87, 0.2);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-4-item {
    padding: 30px 20px;
    padding-bottom: 40px;
  }
}
.it-service-4-item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.86;
  padding: 0 25px;
  margin-bottom: 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) {
  .it-service-4-item p {
    padding: 0;
  }
}
.it-service-4-item:hover .it-service-4-link span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-service-4-item:hover .it-service-4-link span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-service-4-title {
  font-size: 24px;
}
@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-service-4-title {
    font-size: 20px;
  }
}
.it-service-4-link {
    font-weight: 500;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    color: #0d6efd;
}
.it-service-4-link span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
    .it-service-4-link span span {
        font-weight: 500;
        color: #0d6efd;
    }
.it-service-4-link span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-service-4-link span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-service-5-area .shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.it-service-5-thumb {
  overflow: hidden;
}
.it-service-5-thumb img {
  transition: transform 1.1s cubic-bezier(0.65, 0, 0.35, 1);
}
.it-service-5-item {
  padding: 20px;
  padding-bottom: 45px;
  border-radius: 20px;
  background-color: var(--it-gray-3);
}
.it-service-5-item p {
  line-height: 2;
  margin-bottom: 0;
  margin-right: 15px;
}
.it-service-5-item:hover .it-service-5-thumb img {
  transform: scale(1.2);
}

.it-sv-details-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
}
.it-sv-details-list ul li span {
  position: absolute;
  left: 0;
  top: 0;
}
.it-sv-details-list ul li span svg {
  color: #0d6efd;
}
.it-sv-details-list.list-style-2 {
  margin-left: 75px;
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-list.list-style-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) {
  .it-sv-details-list.list-style-2 {
    margin-left: 0;
  }
}
.it-sv-details-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.it-sv-details-contact-wrap img {
  width: 100%;
  border-radius: 0 0 50% 0;
}
.it-sv-details-contact {
  padding: 0 20px 40px 20px;
}
.it-sv-details-contact > span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.it-sv-details-contact > a {
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 30px;
  color: #0d6efd;
  font-family: var(--it-ff-poppins);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-sv-details-contact > a {
    font-size: 20px;
  }
}
.it-sv-details-contact .it-btn-orange {
  padding: 13px 30px;
}
.it-sv-details-contact-circle {
  display: block;
  height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: #0d6efd;
  border: 3px solid var(--it-common-white);
}
.it-sv-details-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.it-sv-details-thumb-sm img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-thumb-sm img {
    max-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) {
  .it-sv-details-thumb-sm img {
    width: 100%;
    margin-bottom: 50px;
  }
}
.it-sv-details-area .it-step-wrap {
  margin-left: 0;
}
.it-sv-details-area .it-step-content p {
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.01em;
}
.it-sv-details-area .it-step-title {
  margin-bottom: 6px;
}
.it-sv-details-area .it-custom-accordion .accordion-body p {
  margin-right: 270px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-area .it-custom-accordion .accordion-body p {
    margin-right: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details-area .it-custom-accordion .accordion-body p {
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  .it-sv-details-area .it-custom-accordion .accordion-body p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-area .postbox-blockquote p br {
    display: none;
  }
}
.it-sv-details-style-2 .it-sv-details-list.list-style-2 {
  margin-left: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-style-2 .it-sv-details-list.list-style-2 {
    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) {
  .it-sv-details-style-2 .it-sv-details-list.list-style-2 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-sv-details-style-2 .postbox-details-wrapper .it-sv-details-list ul li {
    font-size: 15px;
  }
}
.it-sv-details-style-2 .postbox-blockquote {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-style-2 .postbox-blockquote {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-style-2 .postbox-blockquote P br {
    display: block;
  }
}
.it-sv-details-style-2 .it-step-wrap {
  margin-left: 0;
  margin-right: 145px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-style-2 .it-step-wrap {
    margin-right: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-style-2 .it-step-wrap {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-style-2 .it-step-wrap {
    margin-right: 0;
  }
}
.it-sv-details-style-2 .it-step-number {
  background-color: var(--it-common-white);
}
.it-sv-details-style-2 .it-step-thumb {
  margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-style-2 .it-step-thumb {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.it-sv-details-style-2 .it-step-thumb img {
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-style-2 .postbox-details-wrapper .it-sv-details-list ul li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-style-2 .it-sv-details-thumb-sm img {
    margin-bottom: 0;
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  18. funfact css start
/*----------------------------------------*/
.it-funfact-item {
  padding: 49px 20px;
  border-radius: 20px;
  text-align: center;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.it-funfact-item span {
  color: var(--it-common-white);
}
.it-funfact-number {
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 15px;
  color: var(--it-common-white);
}
.it-funfact-number i {
  font-style: normal;
}

.it-funfact-2-text p {
  color: rgba(246, 246, 246, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-text p br {
    display: none;
  }
}
.it-funfact-2-area {
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-right {
    margin-top: 50px;
  }
}
.it-funfact-2-right .it-funfact-item {
  border-radius: 0;
  position: relative;
  overflow: hidden;
  border: 1px solid var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-funfact-2-right .it-funfact-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  border-radius: 50%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #0d6efd;
}
.it-funfact-2-right .it-funfact-item span {
  z-index: 1;
  position: relative;
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-funfact-2-right .it-funfact-item.style-1 {
  border-radius: 20px 0 0 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-1 {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-1::after {
  border-radius: 20px 0 0 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-1::after {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-2 {
  left: auto;
  right: 0;
  border-radius: 0 20px 0 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-2 {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-2::after {
  border-radius: 0 20px 0 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-2::after {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-3 {
  border-radius: 0 0 0 20px;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-3 {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-3::after {
  border-radius: 0 0 0 20px;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-3::after {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-4 {
  left: auto;
  right: 0;
  border-radius: 0 0 20px 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-4 {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item.style-4::after {
  border-radius: 0 0 20px 0;
}
@media (max-width: 767px) {
  .it-funfact-2-right .it-funfact-item.style-4::after {
    border-radius: 0;
  }
}
.it-funfact-2-right .it-funfact-item:hover::after {
  opacity: 1;
  width: 100%;
}
.it-funfact-2-right .it-funfact-item:hover span {
  color: var(--it-common-white);
}
.it-funfact-2-right .it-funfact-item:hover .it-funfact-number {
  color: var(--it-common-white);
}
.it-funfact-2-right .it-funfact-number {
  z-index: 1;
  position: relative;
  transition: 0.3s;
  color: var(--it-common-black);
}

.it-funfact-3-area {
  padding: 55px 0;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-funfact-3-number {
  font-weight: 600;
  font-size: 45px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-3-number {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-funfact-3-number {
    font-size: 32px;
  }
}
.it-funfact-3-number i {
  font-style: normal;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-3-item {
    margin-bottom: 50px;
  }
}
.it-funfact-3-item span {
  font-weight: 600;
  font-size: 20px;
  color: #f6f6f6;
  display: inline-block;
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 38px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-funfact-3-item span {
    font-size: 14px;
  }
}
.it-funfact-3-item span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 116%;
  height: 2px;
  background-color: var(--it-common-white);
}
.it-funfact-3-item span::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28%;
  height: 2px;
  z-index: 1;
  background: linear-gradient(270deg, #e0a300 0%, #2dc457 100%);
}

/*----------------------------------------*/
/*  33. team css start
/*----------------------------------------*/
.it-team-thumb {
  margin-bottom: 20px;
  overflow: hidden;
}
.it-team-thumb img {
  transition: all 0.7s ease-in-out;
}
.it-team-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  border-radius: 20px;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(180deg, rgba(9, 18, 22, 0) 0%, #091216 100%);
}
.it-team-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
@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-team-title {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .it-team-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-left {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-left p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-left p br {
    display: none;
  }
}
.it-team-wrap {
  margin-left: 60px;
}
@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-wrap {
    margin-left: 0;
  }
}
.it-team-social {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  transform: perspective(400px) rotateX(-90deg);
  transition: all 0.3s ease-in-out;
}
.it-team-social > a {
  width: 36px;
  height: 36px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
  margin: 0 1px;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-team-social > a {
    height: 35px;
    width: 35px;
    line-height: 35px;
    font-size: 12px;
  }
}
.it-team-social > a svg, .it-team-social > a i {
  position: relative;
  z-index: 1;
}
.it-team-social > a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-team-social > a:hover {
  border: 1px solid #0d6efd;
}
.it-team-social > a:hover::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-team-item:hover .it-team-thumb::after {
  opacity: 1;
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.1);
}
.it-team-item:hover .it-team-social {
  transform: perspective(400px) rotateX(0deg);
}

.it-team-details-title {
  font-size: 34px;
}
.it-team-details-title-sm {
  font-size: 24px;
  margin-bottom: 15px;
}
.it-team-details-info ul li {
  list-style-type: none;
}
.it-team-details-info ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-team-details-info ul li strong {
  color: var(--it-common-black);
  font-weight: 500;
}
@media (max-width: 767px) {
  .it-team-details-info ul li strong {
    font-size: 14px;
  }
}
.it-team-details-info ul li span {
  width: 140px;
  margin-right: 65px;
  display: inline-block;
  position: relative;
}
@media (max-width: 767px) {
  .it-team-details-info ul li span {
    font-size: 14px;
    width: 125px;
    margin-right: 30px;
  }
}
.it-team-details-info ul li span i {
  top: 0;
  right: 0;
  font-style: normal;
  position: absolute;
  font-weight: 600;
  display: inline-block;
  color: var(--it-common-black);
}
.it-team-details-content p {
  line-height: 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-team-details-content p {
    font-size: 15px;
  }
  .it-team-details-content p br {
    display: none;
  }
}
.it-team-details-experience ul li {
  list-style-type: none;
  line-height: 2;
}
@media (max-width: 767px) {
  .it-team-details-experience ul li {
    font-size: 14px;
  }
}
.it-team-details-awards ul li {
  font-size: 20px;
  font-weight: 500;
  padding-left: 30px;
  position: relative;
  list-style-type: none;
  color: var(--it-common-black);
}
.it-team-details-awards ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-team-details-awards ul li span {
  position: absolute;
  top: -1px;
  left: 0;
}
.it-team-details-thumb img {
  border-radius: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-thumb img {
    width: 100%;
    margin-bottom: 45px;
  }
}
@media (max-width: 767px) {
  .it-team-details-thumb img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.it-team-details-left {
  margin-right: -29px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-details-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-team-details-left .it-header-top-list-text a {
  font-weight: 600;
  font-size: 24px;
  letter-spacing: 0;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left .it-header-top-list-text a {
    font-size: 19px;
  }
}
.it-team-details-left .it-header-top-list-icon span {
  height: 80px;
  width: 80px;
  line-height: 77px;
  background-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left .it-header-top-list-icon span {
    height: 60px;
    width: 60px;
    line-height: 57px;
  }
}
@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 .it-header-top-list-icon span svg {
    height: 20px;
  }
}
.it-team-details-left .it-header-top-list-text span {
  font-size: 16px;
}
.it-team-details-left .it-header-top-list-wrap ul li {
  margin-right: 0;
  display: block;
}
.it-team-details-left .it-header-top-list-wrap {
  padding-bottom: 32px;
  margin-bottom: 40px;
  border-bottom: 1px solid #D9D9D9;
}
.it-team-details-left .it-header-top-list-wrap ul li:not(:last-child) {
  margin-bottom: 33px;
}
.it-team-details-left .it-copyright-social {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  .it-team-details-left .it-copyright-social {
    position: static;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-details-left .it-copyright-social {
    position: absolute;
    margin-bottom: 0;
  }
}
.it-team-details-left .it-copyright-social a {
  border: 1px solid rgba(104, 104, 104, 0.5);
}
.it-team-details-right {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-right {
    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) {
  .it-team-details-right {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  34. testimonial css start
/*--------------------------------------- -*/
.it-testimonial-text p {
  font-style: italic;
  font-weight: 500;
  font-size: 25px;
  padding-bottom: 30px;
  margin-bottom: 42px;
  color: var(--it-common-black);
  font-family: var(--it-ff-poppins);
  border-bottom: 1px solid #D9D9D9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-text p {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-text p {
    font-size: 17px;
  }
  .it-testimonial-text p br {
    display: none;
  }
}
.it-testimonial-quote span {
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-gray-3);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-testimonial-avatar-name {
  font-weight: 500;
  font-size: 20px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-testimonial-avatar-name {
    font-size: 16px;
  }
}
.it-testimonial-avatar-info {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid rgba(98, 94, 88, 0.15);
}
.it-testimonial-avatar-info span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .it-testimonial-avatar-info span {
    font-size: 12px;
  }
}
.it-testimonial-avatar img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-testimonial-avatar {
  flex: 0 0 auto;
}
.it-testimonial-thumb {
  padding-right: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-thumb {
    margin-right: -35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-thumb {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-arrow-wrap {
  display: flex;
  gap: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 9;
}
@media (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: block;
  }
}
.it-testimonial-arrow-wrap button {
  padding: 0;
  height: 51px;
  width: 51px;
  transition: 0.3s;
  line-height: 1;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
.it-testimonial-arrow-wrap button i, .it-testimonial-arrow-wrap button svg {
  transition: 0.3s;
  display: inline-block;
  color: rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-arrow-wrap button i, .it-testimonial-arrow-wrap button svg {
    width: 12px;
  }
}
.it-testimonial-arrow-wrap button:hover {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.it-testimonial-arrow-wrap button:hover svg {
  color: var(--it-common-white);
}
.it-testimonial-wrap {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-wrap {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-wrap {
    margin-left: 0;
  }
}
.it-testimonial-btn .shape {
  position: absolute;
  top: 50%;
  right: 4%;
  z-index: -1;
  transform: translateY(-50%);
}
.it-testimonial-area .testimonial-border {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .it-testimonial-area .it-testimonial-section-title-box {
    margin-bottom: 30px;
  }
}
.it-testimonial-inner-style.it-testimonial-2-style-2 .it-testimonial-avatar img {
  border-radius: 5px;
}
@media (max-width: 767px) {
  .it-testimonial-inner-style.it-testimonial-2-style-2 .it-testimonial-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-inner-style.it-testimonial-2-style-2 .it-testimonial-text p {
    font-size: 15px;
  }
}

.it-testimonial-2-text p {
  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-testimonial-2-text p br {
    display: none;
  }
}
.it-testimonial-2-area .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-testimonial-2-area .it-testimonial-text p {
  font-size: 18px;
  line-height: 1.78;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  color: var(--it-common-white);
}
.it-testimonial-2-area .it-testimonial-wrap {
  margin-left: 82px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-2-area .it-testimonial-wrap {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-area .it-testimonial-wrap {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-area .it-testimonial-wrap {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-area .it-testimonial-wrap {
    margin-left: 0;
    margin-right: 50px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-area .it-testimonial-wrap {
    margin-left: 0;
    margin-right: 0;
    margin-top: 50px;
  }
}
.it-testimonial-2-area .it-testimonial-item {
  padding: 31px 40px;
  padding-right: 80px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-area .it-testimonial-item {
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-area .it-testimonial-item {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-area .it-testimonial-item p {
    font-size: 17px;
  }
  .it-testimonial-2-area .it-testimonial-item p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-area .it-testimonial-item p {
    font-size: 16px;
  }
  .it-testimonial-2-area .it-testimonial-item p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-area .it-testimonial-item p {
    font-size: 14px;
  }
  .it-testimonial-2-area .it-testimonial-item p br {
    display: none;
  }
}
.it-testimonial-2-area .it-testimonial-avatar-name {
  margin-bottom: 3px;
  color: var(--it-common-white);
}
.it-testimonial-2-area .it-testimonial-avatar-info {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}
.it-testimonial-2-style-2 .it-testimonial-item {
  padding: 30px;
  transition: 0.3s;
  padding-top: 26px;
  border-radius: 20px;
  background-color: var(--it-gray-3);
  border-bottom: 3px solid transparent;
}
.it-testimonial-2-style-2 .it-testimonial-text p {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-style-2 .it-testimonial-text p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-style-2 .it-testimonial-text p {
    font-size: 14px;
  }
}
.it-testimonial-2-style-2 .it-testimonial-avatar img {
  border-radius: 0;
  border: none;
}
.it-testimonial-2-style-2 .it-testimonial-avatar-name {
  font-weight: 600;
  font-size: 16px;
  color: var(--it-common-black);
}
.it-testimonial-2-style-2 .it-testimonial-avatar-info {
  margin-left: 15px;
  padding-left: 0;
  border-left: none;
}
.it-testimonial-2-style-2 .it-testimonial-ratting span svg {
  height: 18px;
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap {
  position: static;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-style-2 .it-testimonial-arrow-wrap {
    display: none;
  }
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-prev {
  position: absolute;
  top: 50%;
  left: -6.5%;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-2-style-2 .it-testimonial-arrow-wrap .arrow-next {
  position: absolute;
  top: 50%;
  right: -6.5%;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-2-style-2 .swiper-slide.swiper-slide-active .it-testimonial-item {
  border-bottom: 3px solid #0d6efd;
}

.it-testimonial-dots {
  position: absolute;
  bottom: auto;
  left: auto;
  top: 50%;
  right: -6%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-testimonial-dots {
    display: none;
  }
}
.it-testimonial-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 20px 0 !important;
  position: relative;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  background-color: rgba(255, 255, 255, 0.2);
}
.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 200%;
  width: 200%;
  opacity: 0;
  transition: 0.3s;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #0d6efd;
}
.it-testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0d6efd;
}
.it-testimonial-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.it-testimonial-2-dots {
  position: static !important;
  display: flex;
  justify-content: center;
  transform: translateY(0);
}
.it-testimonial-2-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  opacity: 1;
  margin: 0 10px !important;
  position: relative;
  border-radius: 50%;
  transition: 0.3s;
  display: flex;
  background-color: #625E58;
}
.it-testimonial-2-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 200%;
  width: 200%;
  opacity: 0;
  transition: 0.3s;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #0d6efd;
}
.it-testimonial-2-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0d6efd;
}
.it-testimonial-2-dots .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
}

.it-testimonial-3-area .it-testimonial-item {
  padding: 0;
  text-align: center;
  border-bottom: none;
  background-color: transparent;
}
.it-testimonial-3-area .it-testimonial-item p {
  font-style: italic;
  font-weight: 500;
  font-size: 25px;
  line-height: 1.6;
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-3-area .it-testimonial-item p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-area .it-testimonial-item p {
    font-size: 15px;
  }
}
.it-testimonial-3-area .it-testimonial-avatar {
  flex: 0 0 auto;
}
.it-testimonial-3-area .it-testimonial-avatar img {
  border-radius: 5px;
  border: none;
  height: 70px;
  width: 70px;
}
.it-testimonial-3-area .it-testimonial-arrow-wrap {
  position: relative;
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-area .it-testimonial-arrow-wrap {
    display: flex;
  }
}
.it-testimonial-3-area .it-testimonial-arrow-wrap button {
  background-color: transparent;
  color: rgba(98, 94, 88, 0.15);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-testimonial-3-area .it-testimonial-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.it-testimonial-3-area .it-testimonial-arrow-wrap .arrow-prev {
  position: static;
  transform: translateY(0);
}
.it-testimonial-3-area .it-testimonial-arrow-wrap .arrow-next {
  position: static;
  transform: translateY(0);
}
.it-testimonial-3-area .swiper-slide.swiper-slide-active .it-testimonial-item {
  border-bottom: none;
}
.it-testimonial-3-area .it-testimonial-bottom {
  padding: 0 35px;
  padding-bottom: 20px;
  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-testimonial-3-area .it-testimonial-bottom {
    padding: 0 20px;
    padding-bottom: 20px;
  }
}
.it-testimonial-3-area .it-testimonial-bottom::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 80%;
  width: 1px;
  content: "";
  background-color: #d9d9d9;
}
.it-testimonial-3-area .it-testimonial-bottom::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  height: 1px;
  width: 0;
  content: "";
  transition: 0.5s;
  opacity: 0;
  background-color: #0d6efd;
}
.it-testimonial-3-area .it-testimonial-info-active .it-testimonial-bottom.slick-current::before {
  width: 100%;
  right: auto;
  left: 0;
  opacity: 1;
}
.it-testimonial-3-area.it-testimonial-2-style-2 .it-testimonial-ratting span svg {
  height: 30px;
  margin: 0 3px;
}
.it-testimonial-3-shape {
  position: absolute;
  top: 9%;
  right: 4%;
  z-index: -1;
  animation: animationglob 6s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-shape {
    display: none;
  }
}

.it-testimonial-dots.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  position: absolute;
  bottom: auto;
  left: auto;
  top: 50%;
  right: -6%;
  width: auto;
  transform: translateY(-50%);
}

/*----------------------------------------*/
/*  06. brand css start
/*----------------------------------------*/
.it-brand-content {
  position: relative;
}
.it-brand-content::after {
  position: absolute;
  content: "";
  top: 17px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-brand-content::after {
    top: 11px;
  }
}
.it-brand-content div > span {
  font-weight: 600;
  font-size: 25px;
  padding: 0 40px;
  display: inline-block;
  position: relative;
  z-index: 1;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-brand-content div > span > span {
  color: #0d6efd;
}
.it-brand-content div > span.style-2 {
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-brand-content div > span {
    font-size: 15px;
    padding: 0 20px;
  }
}
.it-brand-item {
  text-align: center;
  padding: 0 30px;
  height: 130px;
  line-height: 130px;
  margin: 0 0 0 -1px;
  border: 1px solid #d4d2d0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-item {
    margin: -1px 0 0 -1px;
  }
}
.it-brand-area .row [class*=col-]:first-child .it-brand-item {
  border-radius: 20px 0 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-area .row [class*=col-]:first-child .it-brand-item {
    border-radius: 0;
  }
}
.it-brand-area .row [class*=col-]:last-child .it-brand-item {
  border-radius: 0 20px 20px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-area .row [class*=col-]:last-child .it-brand-item {
    border-radius: 0;
  }
}

/*----------------------------------------*/
/*  30. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(180deg, rgba(12, 18, 29, 0) 0%, #0c121d 100%);
}
.it-slider-content-wrap {
  padding-top: 460px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content-wrap {
    padding-top: 400px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content-wrap {
    padding-top: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content-wrap {
    padding-top: 300px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content-wrap {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media (max-width: 767px) {
  .it-slider-content-wrap {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.it-slider-content-wrap p {
  line-height: 2;
  color: var(--it-common-white);
}
.it-slider-content-right {
  margin-top: 13px;
}
.it-slider-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.33;
  text-transform: uppercase;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 42px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 42px;
  }
}
.it-slider-active .swiper-slide-active .it-slider-content-left, .it-slider-active .swiper-slide-active .it-slider-text, .it-slider-active .swiper-slide-active .it-slider-content-right p, .it-slider-active .swiper-slide-active .it-slider-content-right .it-btn-theme, .it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-left {
  animation: img-anim-bottom 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.5s;
  opacity: 0;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-right p {
  animation: img-anim-bottom 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.5s;
  opacity: 0;
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-right .it-btn-theme {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
  opacity: 0;
}

.it-slider-2-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-2-bg img {
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-2-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(90deg, rgba(12, 18, 29, 0.9) 0%, rgba(12, 18, 29, 0.4) 100%);
}
.it-slider-2-overlay .shape {
  position: absolute;
  top: 0;
  left: 8%;
  z-index: -1;
}
.it-slider-2-wrap .swiper-slide.swiper-slide-active .it-slider-2-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-2-wrap .swiper-slide.swiper-slide-active .it-slider-2-title {
  animation-delay: 0.9s;
  animation-duration: 0.5s;
}
.it-slider-2-wrap .swiper-slide.swiper-slide-active .it-slider-2-text {
  animation-delay: 1.1s;
  animation-duration: 0.7s;
}
.it-slider-2-wrap .swiper-slide.swiper-slide-active .it-slider-2-btn {
  animation-delay: 1.3s;
  animation-duration: 0.9s;
}
.it-slider-2-wrap .swiper-slide.swiper-slide-active .it-slider-2-stat-box {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-top;
  animation-duration: 1.3s;
  opacity: 0;
}
.it-slider-2-active .swiper-slide-active .it-slider-2-title, .it-slider-2-active .swiper-slide-active .it-slider-2-text, .it-slider-2-active .swiper-slide-active .it-slider-2-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-2-content {
  padding-top: 210px;
  padding-bottom: 355px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-2-content {
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-2-content {
    padding-top: 160px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-2-content {
    padding-top: 120px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-2-content {
    padding-top: 120px;
    padding-bottom: 250px;
  }
}
@media (max-width: 767px) {
  .it-slider-2-content {
    padding-top: 100px;
    padding-bottom: 220px;
  }
}
.it-slider-2-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.7;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-2-content p {
    font-size: 17px;
  }
  .it-slider-2-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-2-content p {
    font-size: 16px;
  }
  .it-slider-2-content p br {
    display: none;
  }
}
.it-slider-2-contact span {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--it-common-white);
}
.it-slider-2-contact a {
  font-weight: 600;
  margin-left: 10px;
  letter-spacing: -0.02em;
  color: var(--it-common-white);
}
.it-slider-2-title {
  font-weight: 600;
  font-size: 80px;
  line-height: 1.25;
  text-transform: uppercase;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-2-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-2-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-2-title {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .it-slider-2-title {
    font-size: 31px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-2-title {
    font-size: 48px;
  }
}
.it-slider-2-stat-box {
  position: absolute;
  bottom: 50px;
  right: 10%;
  z-index: 1;
  padding: 37px 40px;
  border-radius: 10px;
  backdrop-filter: blur(21px);
  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%);
}
@media (max-width: 767px) {
  .it-slider-2-stat-box {
    padding: 25px 15px;
    right: 15px;
    left: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-2-stat-box {
    padding: 35px 30px;
    right: 10%;
    left: auto;
  }
}
.it-slider-2-stat.border-style {
  padding-right: 33px;
  margin-right: 33px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.it-slider-2-stat span {
  display: block;
  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-slider-2-stat span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-slider-2-stat span {
    font-size: 12px;
  }
}
.it-slider-2-stat span.number {
  font-weight: 600;
  font-size: 48px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-2-stat span.number {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .it-slider-2-stat span.number {
    font-size: 26px;
  }
}
.it-slider-2-arrow-wrap {
  display: flex;
  gap: 10px;
  position: absolute;
  bottom: 31%;
  right: 10%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-2-arrow-wrap {
    display: none;
  }
}
.it-slider-2-arrow-wrap button {
  padding: 0;
  display: inline-block;
  height: 51px;
  width: 51px;
  line-height: 1;
  transition: 0.3s;
  border-radius: 50%;
  position: relative;
  z-index: 9;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-2-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
.it-slider-2-arrow-wrap button i, .it-slider-2-arrow-wrap button svg {
  transition: 0.3s;
  display: inline-block;
  color: #0d6efd;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-2-arrow-wrap button i, .it-slider-2-arrow-wrap button svg {
    width: 12px;
  }
}
.it-slider-2-arrow-wrap button:hover {
  border: 1px solid #0d6efd;
  background-color: #0d6efd;
}
.it-slider-2-arrow-wrap button:hover svg {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-slider-2-btn {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-2-btn {
    flex-wrap: nowrap;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .it-slider-2-btn .it-btn-theme {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-2-btn .it-btn-theme {
    margin-bottom: 0px;
  }
}

.it-slider-3-area .shape {
  left: 2%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-3-area .shape {
    display: none;
  }
}
.it-slider-3-area .it-slider-2-overlay::after {
  background: linear-gradient(90deg, #0c121d 0%, rgba(12, 18, 29, 0) 100%);
}
.it-slider-3-area .it-slider-2-stat-box {
  position: static;
  padding-top: 30px;
  backdrop-filter: blur(10px);
}
.it-slider-3-area .it-slider-2-stat-box p {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.6;
  color: var(--it-common-white);
}
.it-slider-3-area .it-slider-2-stat-box .number {
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 20px;
  display: block;
  color: #0d6efd;
}
.it-slider-3-area .it-slider-2-stat-box-wrap {
  position: absolute;
  bottom: 11%;
  right: 5.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-3-area .it-slider-2-stat-box-wrap {
    right: 3%;
    bottom: 4%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-3-area .it-slider-2-stat-box-wrap {
    right: 1%;
    bottom: 2%;
    transform: scale(0.75);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-3-area .it-slider-2-stat-box-wrap {
    right: -5%;
    bottom: -3%;
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-slider-3-area .it-slider-2-stat-box-wrap {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .it-slider-2-stat-box-wrap {
    right: -9%;
    bottom: -5%;
    display: block;
    transform: scale(0.6);
  }
}
.it-slider-3-area .it-about-author-designation i {
  color: rgba(255, 255, 255, 0.8);
}
.it-slider-3-area .it-about-author-designation span {
  color: var(--it-common-white);
}
.it-slider-3-area .it-slider-2-title {
  font-weight: 600;
  font-size: 75px;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-3-area .it-slider-2-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-3-area .it-slider-2-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-3-area .it-slider-2-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .it-slider-3-area .it-slider-2-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .it-slider-2-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-3-area .it-slider-2-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-3-area .it-slider-2-text p {
    font-size: 17px;
  }
  .it-slider-3-area .it-slider-2-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-3-area .it-slider-2-text p {
    font-size: 15px;
  }
  .it-slider-3-area .it-slider-2-text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .it-slider-2-text p {
    font-size: 17px;
  }
  .it-slider-3-area .it-slider-2-text p br {
    display: none;
  }
}
.it-slider-3-area .it-slider-2-content {
  padding-top: 230px;
  padding-bottom: 250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-3-area .it-slider-2-content {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-3-area .it-slider-2-content {
    padding-top: 120px;
  }
}
@media (max-width: 767px) {
  .it-slider-3-area .it-slider-2-content {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .it-slider-2-content {
    padding-top: 120px;
    padding-bottom: 250px;
  }
}
.it-slider-3-area .swiper-pagination-custom {
  position: absolute;
  bottom: 50px;
  left: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
  font-size: 25px;
  font-weight: 600;
  color: #fff;
  z-index: 10;
  max-width: 300px;
}
@media (max-width: 767px) {
  .it-slider-3-area .swiper-pagination-custom {
    font-size: 16px;
    left: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .swiper-pagination-custom {
    left: 30px;
  }
}
.it-slider-3-area .swiper-progress-container {
  width: 210px;
  height: 2px;
  position: relative;
  border-radius: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .it-slider-3-area .swiper-progress-container {
    width: 70%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-area .swiper-progress-container {
    width: 50%;
  }
}
.it-slider-3-area .swiper-total {
  color: rgba(255, 255, 255, 0.5);
}
.it-slider-3-area .swiper-progress-bar {
  height: 100%;
  width: 0%;
  background-color: #fff;
  transition: width 0.6s ease-in-out;
}
.it-slider-3-active .swiper-slide-active .it-slider-2-title, .it-slider-3-active .swiper-slide-active .it-slider-2-text, .it-slider-3-active .swiper-slide-active .it-slider-2-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.it-slider-4-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-4-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-4-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(90deg, rgba(12, 18, 29, 0.9) 0%, rgba(12, 18, 29, 0.4) 100%);
}
.it-slider-4-overlay .shape {
  position: absolute;
  top: 0;
  left: 8%;
  z-index: -1;
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-title {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.3s;
  opacity: 0;
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-customer-info {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-text-box {
  animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  opacity: 0;
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-social-box::before {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-top;
  animation-duration: 1.3s;
  opacity: 0;
}
.it-slider-4-wrap .swiper-slide.swiper-slide-active .it-slider-4-social-box::after {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-top;
  animation-duration: 1.3s;
  opacity: 0;
}
.it-slider-4-wrap .it-hero-experience {
  position: absolute;
  top: auto;
  bottom: 6%;
  right: 8%;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-4-wrap .it-hero-experience {
    bottom: 3%;
    right: 3%;
    transform: scale(0.7);
  }
}
.it-slider-4-social-box {
  position: absolute;
  bottom: 34%;
  left: 6%;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-slider-4-social-box {
    left: 2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-4-social-box {
    left: 2%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-social-box {
    left: 2%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-social-box {
    left: 2%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-4-social-box {
    display: none;
  }
}
.it-slider-4-social-box::before {
  position: absolute;
  content: "";
  top: -154%;
  left: 50%;
  width: 1px;
  height: 144%;
  transform: translateX(-50%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-social-box::before {
    height: 100%;
    top: -110%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-social-box::before {
    height: 70%;
    top: -80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-4-social-box::before {
    display: none;
  }
}
.it-slider-4-social-box::after {
  position: absolute;
  content: "";
  bottom: -154%;
  right: 50%;
  width: 1px;
  height: 144%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  transform: rotate(-180deg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-social-box::after {
    height: 100%;
    bottom: -110%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-social-box::after {
    height: 70%;
    bottom: -80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-4-social-box::after {
    display: none;
  }
}
.it-slider-4-social-box a {
  display: block;
  margin: 10px 0;
  color: var(--it-common-white);
  background: rgba(255, 255, 255, 0.1);
}
.it-slider-4-content {
  padding-top: 205px;
  padding-bottom: 220px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-content {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-content {
    padding-top: 160px;
    padding-bottom: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-4-content {
    padding-top: 170px;
    padding-bottom: 180px;
  }
}
@media (max-width: 767px) {
  .it-slider-4-content {
    padding-top: 150px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-4-content {
    padding-top: 170px;
  }
}
.it-slider-4-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.7;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-content p {
    font-size: 17px;
  }
  .it-slider-4-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-4-content p {
    font-size: 16px;
  }
  .it-slider-4-content p br {
    display: none;
  }
}
.it-slider-4-title {
  font-weight: 600;
  font-size: 110px;
  line-height: 1.09;
  margin-bottom: 165px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-4-title {
    font-size: 107px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-title {
    font-size: 86px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-title {
    font-size: 73px;
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-4-title {
    font-size: 67px;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .it-slider-4-title {
    font-size: 31px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-4-title {
    font-size: 54px;
  }
}
.it-slider-4-text p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.7;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-4-text p {
    font-size: 18px;
  }
  .it-slider-4-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-4-text p {
    font-size: 17px;
  }
  .it-slider-4-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-4-text p {
    font-size: 15px;
  }
  .it-slider-4-text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-4-text p {
    font-size: 17px;
  }
}
.it-slider-4-customer-info {
  display: inline-block;
  padding: 23px 25px 30px 30px;
  border-left: 9px solid rgba(255, 255, 255, 0.4);
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-4-customer-info {
    padding: 25px 25px 35px 30px;
  }
}
@media (max-width: 767px) {
  .it-slider-4-customer-info {
    display: none;
  }
}
.it-slider-4-customer-info .number {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.21;
  margin-bottom: 25px;
  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-slider-4-customer-info .number {
    font-size: 34px;
  }
}
.it-slider-4-customer-info span {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.33;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  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-slider-4-customer-info span {
    font-size: 20px;
  }
}
.it-slider-4-mlr {
  margin-left: 100px;
  margin-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-4-mlr {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-4-mlr {
    margin: 0;
  }
}

/*----------------------------------------*/
/*  26. project css start
/*----------------------------------------*/
.it-project-thumb {
  overflow: hidden;
  border-radius: 20px;
}
.it-project-thumb img {
  border-radius: 20px;
  transition: 1.3s all ease;
}
@media (max-width: 767px) {
  .it-project-thumb img {
    border-radius: 0;
  }
}
.it-project-thumb:hover img {
  transform: scale(1.1);
}
.it-project-active {
  margin: 0 -480px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-project-active {
    margin: 0 -250px;
  }
}
@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-project-active {
    margin: 0;
  }
}
.it-project-arrow-wrap {
  display: flex;
  gap: 30px;
  z-index: 9;
}
@media (max-width: 767px) {
  .it-project-arrow-wrap {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-arrow-wrap {
    display: block;
  }
}
.it-project-arrow-wrap button {
  padding: 0;
  height: 51px;
  width: 51px;
  transition: 0.3s;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  background-color: transparent;
  border: 1px solid #0d6efd;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
.it-project-arrow-wrap button i, .it-project-arrow-wrap button svg {
  transition: 0.3s;
  display: inline-block;
  color: #0d6efd;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-arrow-wrap button i, .it-project-arrow-wrap button svg {
    width: 12px;
  }
}
.it-project-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  left: 14%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-arrow-wrap button.arrow-prev {
    left: 8%;
  }
}
.it-project-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  right: 14%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-arrow-wrap button.arrow-next {
    right: 8%;
  }
}
.it-project-arrow-wrap button:hover {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.it-project-arrow-wrap button:hover svg {
  color: var(--it-common-white);
}
.it-project-title {
  margin-bottom: 17px;
  color: var(--it-common-white);
}
.it-project-category {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-project-area {
    padding-bottom: 130px;
  }
}
.it-project-area .shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
}
.it-project-area .shape-2 {
  position: absolute;
  bottom: 12%;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .it-project-area .shape-2 {
    display: none;
  }
}

.it-project-2-active {
  margin-right: -660px;
}
@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-project-2-active {
    margin-right: 0;
  }
}
.it-project-2-arrow-wrap {
  gap: 20px;
  display: flex;
  justify-content: end;
}
@media (max-width: 767px) {
  .it-project-2-arrow-wrap {
    margin-top: 40px;
    justify-content: start;
  }
}
.it-project-2-arrow-wrap button {
  padding: 0;
  height: 51px;
  width: 51px;
  transition: 0.3s;
  line-height: 45px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
.it-project-2-arrow-wrap button i, .it-project-2-arrow-wrap button svg {
  transition: 0.3s;
  display: inline-block;
  color: rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-arrow-wrap button i, .it-project-2-arrow-wrap button svg {
    width: 12px;
  }
}
.it-project-2-arrow-wrap button:hover {
  background-color: #0d6efd;
  border: 1px solid #0d6efd;
}
.it-project-2-arrow-wrap button:hover svg {
  color: var(--it-common-white);
}
.it-project-2-title {
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-2-title {
    font-size: 24px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-title {
    font-size: 20px;
    margin-bottom: 5px;
  }
}
.it-project-2-content {
  position: absolute;
  left: 40px;
  bottom: 50px;
  z-index: 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-project-2-content {
    bottom: 20px;
    left: 20px;
  }
}
.it-project-2-content span {
  color: var(--it-common-white);
}
.it-project-2-item {
  border-radius: 20px;
  overflow: hidden;
}
.it-project-2-item img {
  border-radius: 20px;
  width: 100%;
  transition: 1.3s all ease;
}
.it-project-2-item::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: 1;
  background: linear-gradient(360deg, #0c121d 0%, rgba(12, 18, 29, 0) 100%);
}
.it-project-2-item:hover img {
  transform: scale(1.1);
}
.it-project-2-btn .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  transform: translateY(-50%);
}
.it-project-2-style-2 .it-project-2-title {
  font-size: 25px;
  margin-bottom: 20px;
  margin-right: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-2-style-2 .it-project-2-title {
    font-size: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-style-2 .it-project-2-title {
    font-size: 17px;
    margin-right: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-2-style-2 .it-project-2-title {
    font-size: 21px;
  }
}
.it-project-2-style-2 .it-project-2-item {
  overflow: hidden;
}
.it-project-2-style-2 .it-project-2-item img {
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-project-2-style-2 .it-project-2-item.style-1 {
    height: 100%;
  }
}
.it-project-2-style-2 .it-project-2-item.style-1 img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-project-2-style-2 .it-project-2-item.style-1 img {
    height: 100%;
    object-fit: cover;
  }
}
.it-project-2-style-2 .it-project-2-item::before {
  background: linear-gradient(180deg, rgba(12, 18, 29, 0) 0%, #0c121d 100%);
}
.it-project-2-style-2 .it-project-2-item:hover img {
  transform: scale(1.04) translateX(1%);
}
.it-project-2-style-2 .it-project-2-item:hover .it-project-2-arrow svg, .it-project-2-style-2 .it-project-2-item:hover .it-project-2-arrow i {
  color: var(--it-common-black);
}
.it-project-2-style-2 .it-project-2-item:hover .it-project-2-arrow::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-project-2-style-2 .it-project-2-content {
  bottom: 40px;
  left: 40px;
  right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-style-2 .it-project-2-content {
    left: 20px;
    right: 20px;
    bottom: 25px;
  }
}
.it-project-2-style-2 .it-project-2-arrow {
  border-radius: 5px;
  width: 51px;
  height: 51px;
  line-height: 51px;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #0d6efd;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-style-2 .it-project-2-arrow {
    width: 41px;
    height: 41px;
    line-height: 41px;
    border-radius: 3px;
  }
}
.it-project-2-style-2 .it-project-2-arrow svg, .it-project-2-style-2 .it-project-2-arrow i {
  z-index: 1;
  position: relative;
  transition: 0.3s ease;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-2-style-2 .it-project-2-arrow svg, .it-project-2-style-2 .it-project-2-arrow i {
    width: 15px;
  }
}
.it-project-2-style-2 .it-project-2-arrow::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.4s ease;
  transform: scale(0);
  background-color: var(--it-common-white);
}

.it-project-3-area .it-project-2-content {
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-out;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-3-area .it-project-2-content span {
    font-size: 14px;
  }
}
.it-project-3-area .it-project-2-item {
  border-radius: 0;
}
.it-project-3-area .it-project-2-item::before {
  border-radius: 0;
  bottom: 0;
  height: 20%;
  opacity: 0;
  transition: 0.5s;
  background: linear-gradient(180deg, rgba(12, 18, 29, 0) 0%, #0c121d 100%);
}
.it-project-3-area .it-project-2-item:hover::before {
  opacity: 1;
  height: 100%;
}
.it-project-3-area .it-project-2-item:hover .it-project-2-content {
  transform: perspective(400px) rotateX(0deg);
}
.it-project-3-area .it-project-2-item img {
  border-radius: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-3-area .it-project-2-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-project-3-area .it-project-2-title {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .it-project-3-area .it-project-2-section-title-box {
    margin-bottom: 40px;
  }
}
.it-project-3-area .it-project-2-arrow-wrap button {
  border: 1px solid #fff;
  background-color: transparent;
}
.it-project-3-area .it-project-2-arrow-wrap button svg, .it-project-3-area .it-project-2-arrow-wrap button i {
  color: var(--it-common-white);
}
.it-project-3-area .it-project-2-arrow-wrap button:hover {
  border: 1px solid #0d6efd;
  background-color: #0d6efd;
}
.it-project-3-area .it-project-2-arrow-wrap .arrow-prev {
  position: absolute;
  top: 50%;
  left: 3%;
  z-index: 3;
  transform: translateY(-50%);
}
.it-project-3-area .it-project-2-arrow-wrap .arrow-next {
  position: absolute;
  top: 50%;
  right: 3%;
  z-index: 3;
  transform: translateY(-50%);
}

.it-it-project-2-area .it-project-2-content {
  transform: perspective(400px) rotateX(-90deg);
  transform-origin: center;
  transition: all 0.5s ease-in-out;
  align-items: center;
}
.it-it-project-2-area .it-project-2-item {
  border-radius: 0;
}
.it-it-project-2-area .it-project-2-item::before {
  border-radius: 0;
  bottom: 0;
  height: 20%;
  opacity: 0;
  transition: 0.5s;
  background: linear-gradient(180deg, rgba(12, 18, 29, 0) 0%, #0c121d 100%);
}
.it-it-project-2-area .it-project-2-item:hover::before {
  opacity: 1;
  height: 100%;
}
.it-it-project-2-area .it-project-2-item:hover .it-project-2-content {
  transform: perspective(400px) rotateX(0deg);
}
.it-it-project-2-area .it-project-2-item img {
  border-radius: 0;
}
.it-it-project-2-area .it-project-2-arrow-wrap button {
  line-height: 48px;
  border: 1px solid #fff;
  background-color: transparent;
}
.it-it-project-2-area .it-project-2-arrow-wrap button svg, .it-it-project-2-area .it-project-2-arrow-wrap button i {
  color: var(--it-common-white);
}
.it-it-project-2-area .it-project-2-arrow-wrap button:hover {
  border: 1px solid #0d6efd;
  background-color: #0d6efd;
}
.it-it-project-2-area .it-project-2-arrow-wrap .arrow-prev {
  position: absolute;
  top: 50%;
  left: 3%;
  z-index: 3;
  transform: translateY(-50%);
}
.it-it-project-2-area .it-project-2-arrow-wrap .arrow-next {
  position: absolute;
  top: 50%;
  right: 3%;
  z-index: 3;
  transform: translateY(-50%);
}
.it-it-project-2-area .swiper-pagination-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.it-it-project-2-area .swiper-current, .it-it-project-2-area .swiper-total {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-text-body);
}
.it-it-project-2-area .swiper-progress-container {
  width: 87%;
  height: 3px;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.it-it-project-2-area .swiper-progress-bar {
  height: 100%;
  background: #0d6efd;
  width: 0%;
  transition: width 0.5s ease;
}

.fraction-wrapper .swiper-pagination-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  width: 100%;
}
@media (max-width: 767px) {
  .fraction-wrapper .swiper-pagination-custom {
    margin-top: 0;
  }
}
.fraction-wrapper .swiper-current, .fraction-wrapper .swiper-total {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fraction-wrapper .swiper-current, .fraction-wrapper .swiper-total {
    font-size: 14px;
  }
}
.fraction-wrapper .swiper-progress-container {
  width: 100%;
  height: 3px;
  position: relative;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.2);
}
.fraction-wrapper .swiper-progress-bar {
  height: 100%;
  background: #0d6efd;
  width: 0%;
  transition: width 0.5s ease;
}
.fraction-wrapper .slider-pagination.swiper-pagination-custom {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: auto;
  right: 6%;
  bottom: 52%;
  z-index: 2;
  width: 14%;
  gap: 15px;
  transform: rotate(90deg);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .fraction-wrapper .slider-pagination.swiper-pagination-custom {
    width: 18%;
    right: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .fraction-wrapper .slider-pagination.swiper-pagination-custom {
    width: 20%;
    bottom: 57%;
    right: 4.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .fraction-wrapper .slider-pagination.swiper-pagination-custom {
    width: 20%;
    bottom: 57%;
    right: 5.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .fraction-wrapper .slider-pagination.swiper-pagination-custom {
    display: none;
  }
}
.fraction-wrapper .slider-pagination .swiper-current, .fraction-wrapper .slider-pagination .swiper-total {
  color: #fff;
  transform: rotate(-90deg);
}
@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) {
  .fraction-wrapper .slider-pagination .swiper-current, .fraction-wrapper .slider-pagination .swiper-total {
    font-size: 17px;
  }
}
.fraction-wrapper .slider-pagination .swiper-total {
  color: rgba(255, 255, 255, 0.5);
}
.fraction-wrapper .slider-pagination .swiper-progress-container {
  width: 100%;
  height: 2px;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
}
.fraction-wrapper .slider-pagination .swiper-progress-bar {
  height: 100%;
  width: 0%;
  background: var(--it-common-white);
  transition: width 0.5s ease;
}

@media (max-width: 767px) {
  .it-project-2-area.fraction-wrapper .swiper-pagination-custom {
    padding-top: 30px;
  }
}

/* details css here */
.it-pro-details-more-info span {
  font-weight: 600;
  font-size: 24px;
  display: block;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-pro-details-more-info span {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-more-info span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pro-details-more-info span {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-pro-details-more-info span {
    font-size: 17px;
  }
}
.it-pro-details-more-info i, .it-pro-details-more-info a {
  font-weight: 500;
  font-size: 16px;
  line-height: 2;
  font-style: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-pro-details-more-info i, .it-pro-details-more-info a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-more-info i, .it-pro-details-more-info a {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pro-details-more-info i, .it-pro-details-more-info a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-pro-details-more-info i, .it-pro-details-more-info a {
    font-size: 11px;
  }
}
.it-pro-details-more-social a {
  display: inline-block;
  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-pro-details-more-social a svg {
    width: 11px;
  }
}
.it-pro-details-more-social a:not(:last-child) {
  margin-right: 12px;
}
.it-pro-details-more-social a:hover {
  color: #0d6efd;
}
.it-pro-details-more-box {
  padding: 35px 34px;
  padding-bottom: 15px;
  border-radius: 20px 20px 0 0;
  background-color: var(--it-gray-3);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: wrap;
}
.it-pro-details-more-box > div {
  flex: 1;
  min-width: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-more-box > div {
    min-width: 100px;
  }
}
.it-pro-details-area .postbox-dsc p {
  margin-bottom: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-pro-details-area .postbox-details-wrapper .it-sv-details-list {
    margin-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  24. newsletter css start
/*----------------------------------------*/
.it-newsletter-input-box .input-wrap {
  margin: 0 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box .input-wrap {
    margin: 0;
  }
}
.it-newsletter-input-box input {
  height: 54px;
  font-size: 14px;
  line-height: 54px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 160px;
  background: var(--it-common-white);
}
.it-newsletter-input-box input::placeholder {
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
}
.it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.it-newsletter-input-box button.it-btn-theme {
  padding: 12px 24px;
}
.it-newsletter-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  mix-blend-mode: luminosity;
  opacity: 0.2;
  z-index: -1;
}
.it-newsletter-overly {
  padding-top: 95px;
  padding-bottom: 100px;
}
.it-newsletter-overly::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: var(--it-common-black);
  z-index: -2;
}
.it-newsletter-overly .it-section-title {
  font-size: 34px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .it-newsletter-overly .it-section-title {
    font-size: 28px;
  }
}
.it-newsletter-overly .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  opacity: 0.2;
  mix-blend-mode: luminosity;
}
.it-newsletter-inner-style {
  margin-top: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-inner-style.inner-style-2 {
    margin-top: -180px;
  }
}

.it-newsletter-2-wrap {
  padding: 56px 78px;
  border: 2px solid #fff;
  border-radius: 20px;
  background-color: #0d6efd;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-wrap {
    padding: 50px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 40px 55px;
  }
}
.it-newsletter-2-input-box {
  text-align: end;
  margin-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-input-box {
    margin-top: 30px;
    margin-left: 0;
  }
}
.it-newsletter-2-input-box input {
  line-height: 69px;
  height: 69px;
  padding-left: 35px;
  padding-right: 90px;
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--it-common-white);
}
.it-newsletter-2-input-box input::placeholder {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-input-box input {
    height: 56px;
    line-height: 56px;
    padding-left: 25px;
  }
}
.it-newsletter-2-input-box button {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 5px;
  transform: translateY(-50%);
  background-color: var(--it-common-white);
}
.it-newsletter-2-input-box button:hover {
  background-color: var(--it-common-black);
}
.it-newsletter-2-input-box .it-btn-orange {
  padding: 19px 40px;
}
.it-newsletter-2-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 1.29;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-title {
    font-size: 25px;
  }
}

/*----------------------------------------*/
/*  11. contact css start
/*----------------------------------------*/
.it-contact-overlay {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-contact-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: rgba(12, 18, 29, 0.9);
}
.it-contact-left {
  margin-right: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-left {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-contact-left > p {
  line-height: 2;
  margin-right: 50px;
  margin-bottom: 50px;
  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-contact-left > p {
    font-size: 15px;
  }
  .it-contact-left > p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-contact-left > p {
    margin-right: 0;
    font-size: 15px;
  }
  .it-contact-left > p br {
    display: none;
  }
}
.it-contact-info-features p {
  margin-bottom: 0;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-info-features p {
    font-size: 15px;
  }
  .it-contact-info-features p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-contact-info-features p {
    font-size: 15px;
  }
}
.it-contact-info-features span {
  display: block;
  margin-bottom: 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-contact-info-features span svg {
    height: 40px;
  }
}
.it-contact-info-features h5 {
  margin-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-info-features h5 {
    font-size: 18px;
  }
  .it-contact-info-features h5 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-contact-info-features {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-info-features {
    margin-left: 20px;
  }
}
.it-contact-form-title {
  font-weight: 600;
  font-size: 34px;
}
@media (max-width: 767px) {
  .it-contact-form-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-form-title {
    font-size: 35px;
  }
}
.it-contact-form-box {
  margin-left: -30px;
  padding: 60px 35px;
  padding-top: 50px;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-form-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-contact-form-box {
    padding: 50px 20px;
    margin-left: 0;
  }
}
.it-contact-input-box label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-input-box label {
    font-size: 12px;
  }
}
.it-contact-input-box textarea {
  height: 117px;
  width: 100%;
  padding: 20px 25px;
  position: relative;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-contact-input-box textarea:focus {
  border: 1px solid #0d6efd;
}
.it-contact-style-2 .it-contact-left p {
  color: var(--it-text-body);
}
@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-style-2 .it-contact-left p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-style-2 .it-contact-form-box {
    margin-left: 0;
  }
}
.it-contact-style-2 .it-contact-info-features p {
  color: var(--it-text-body);
}
.it-contact-style-2 .contact__select .nice-select {
  background-color: var(--it-gray-3);
}
.it-contact-style-2 .it-contact-input-box textarea {
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-contact-style-3 .it-contact-info-features {
    margin-bottom: 50px;
  }
}
.it-contact-style-3 .it-contact-info-features h5 {
  color: var(--it-common-black);
}
.it-contact-style-3 .it-contact-info-features p {
  color: var(--it-common-black);
}
.it-contact-style-3 .it-contact-2-form-box {
  padding: 50px 50px;
  padding-top: 40px;
  border-radius: 20px;
  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) {
  .it-contact-style-3 .it-contact-2-form-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-contact-style-3 .it-contact-2-form-box {
    margin-left: 0;
    padding: 30px 20px;
  }
}
.it-contact-style-3 .it-contact-2-input-box textarea {
  border-radius: 5px;
  height: 113px;
}
.it-contact-style-3 .nice-select.open .list {
  border-radius: 5px;
}
.it-contact-style-3 .contact__select .nice-select {
  border-radius: 5px;
  height: 60px;
  line-height: 60px;
  background-color: #F6F7F9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-style-3 .contact__select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}
@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-style-3 .it-contact-left > p {
    margin-right: 0;
  }
}

.contact__select label {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 12px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__select label {
    font-size: 12px;
  }
}
.contact__select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 60px;
  line-height: 60px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__select .nice-select {
    height: 45px;
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .contact__select .nice-select {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
  }
}
.contact__select .nice-select::after {
  right: 25px;
  margin-top: -6px;
}

.it-contact-methods {
  display: flex;
  gap: 30px;
  padding-top: 30px;
}

.custom-checkbox {
  position: absolute;
  top: -6px;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 5px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.custom-checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  text-align: center;
  border-radius: 5px;
  transition: 0.2s;
  transform: translateY(-50%) scale(0);
  background-color: #0d6efd;
}

.checkbox-wrapper {
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  font-weight: 500;
  font-size: 14px;
  user-select: none;
}

.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px;
  width: 30px;
  height: 30px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}

.checkbox-wrapper input:checked ~ .custom-checkbox::after {
  transform: translateY(-50%) scale(1);
}

.it-contact-2-left {
  margin-right: 83px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-2-left {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-2-left {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-left {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.it-contact-2-left ul li {
  width: 100%;
  list-style-type: none;
}
.it-contact-2-left ul li button {
  padding: 18px 0;
  display: flex;
  width: 100%;
  z-index: 1;
  transition: 0.4s;
  position: relative;
  align-items: center;
  border-radius: 10px;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 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-contact-2-left ul li button {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}
.it-contact-2-left ul li button::after {
  position: absolute;
  content: "";
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: -1;
  transition: 0.4s;
  border-radius: 10px;
  background-color: #0d6efd;
}
.it-contact-2-left ul li button .arrow {
  height: 42px;
  width: 42px;
  line-height: 39px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-white);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.it-contact-2-left ul li button .arrow svg, .it-contact-2-left ul li button .arrow i {
  display: inline-block;
}
.it-contact-2-left ul li button:hover {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-2-left ul li button:hover {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.it-contact-2-left ul li button:hover::after {
  bottom: auto;
  top: 0;
  height: 100%;
}
.it-contact-2-left ul li button:hover .arrow {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-left ul li button.active {
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-2-left ul li button.active {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.it-contact-2-left ul li button.active::after {
  bottom: auto;
  top: 0;
  height: 100%;
}
.it-contact-2-left ul li button.active .arrow {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-nav-link {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-contact-2-nav-link {
    font-size: 20px;
  }
}
.it-contact-2-form-box {
  margin-left: 8px;
  padding: 75px 45px;
  padding-top: 70px;
  border-radius: 20px;
  background-color: #0d6efd;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-2-form-box {
    margin-left: 10px;
    padding: 55px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-2-form-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-contact-2-form-box {
    margin-left: 0;
    padding: 55px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-2-form-box {
    padding: 55px 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-2-form-box p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-2-form-box p {
    margin-bottom: 30px !important;
  }
  .it-contact-2-form-box p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-contact-2-form-box p {
    font-size: 15px;
    margin-bottom: 30px !important;
  }
  .it-contact-2-form-box p br {
    display: none;
  }
}
.it-contact-2-form-box .it-shop-widget-filter .title {
  font-weight: 600;
  font-size: 20px;
  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-contact-2-form-box .it-shop-widget-filter .title {
    font-size: 15px;
  }
}
.it-contact-2-form-box .it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 13px;
  border-radius: 5px;
  position: relative;
  margin-top: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-form-box .it-shop-widget-filter .ui-widget.ui-widget-content {
    height: 8px;
  }
}
.it-contact-2-form-box .it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 19px;
  height: 19px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  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-contact-2-form-box .it-shop-widget-filter .ui-slider .ui-slider-handle {
    height: 13px;
    width: 13px;
  }
}
.it-contact-2-form-box .it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--it-common-white);
}
.it-contact-2-form-box .it-shop-widget-filter-info .input-range input {
  font-weight: 600;
  font-size: 20px;
  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-contact-2-form-box .it-shop-widget-filter-info .input-range input {
    font-size: 15px;
  }
}
.it-contact-2-input-box input {
  height: 60px;
  line-height: 60px;
  border-radius: 5px;
  font-weight: 500;
  font-size: 14px;
  padding: 0 25px;
  width: 100%;
  padding-right: 70px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-input-box input {
    height: 48px;
    line-height: 48px;
  }
}
.it-contact-2-input-box input::placeholder {
  font-weight: 500;
  font-size: 14px;
}
.it-contact-2-input-box button {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
.it-contact-2-bg-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
}
.it-contact-2-bg-1::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(12, 18, 29, 0.85);
}
.it-contact-2-bg-1 img {
  height: 100%;
  object-fit: cover;
}
.it-contact-2-bg-2 {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-2-bg-2 {
    right: -9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-bg-2 {
    display: none;
  }
}
.it-contact-2-bg-2 img {
  height: 100%;
  object-fit: cover;
}

@media (max-width: 767px) {
  .it-contact-list {
    margin-bottom: 40px;
  }
}
.it-contact-list p {
  margin-bottom: 7px;
  display: block;
  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-contact-list p {
    font-size: 15px;
  }
}
.it-contact-list span {
  font-weight: 600;
  font-size: 34px;
  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-contact-list span {
    font-size: 22px;
  }
}
.it-contact-list a {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.7;
  color: #0d6efd;
}
@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-contact-list a {
    font-size: 16px;
  }
}
.it-contact-list-icon span {
  display: inline-block;
  height: 100px;
  width: 100px;
  line-height: 100px;
  text-align: center;
  margin-right: 25px;
  border-radius: 5px;
  background-color: var(--it-gray-3);
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-list-icon span {
    height: 65px;
    width: 65px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-list-icon span svg {
    height: 30px;
  }
}
.it-contact-list-box {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-contact-inner-style .it-contact-left {
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-inner-style .it-contact-left {
    margin-right: 0;
  }
}
.it-contact-inner-style .it-contact-list {
  margin-bottom: 0;
}
.it-contact-inner-style .it-contact-2-form-box {
  margin-left: 50px;
  padding: 50px 25px;
  padding-top: 30px;
  background-color: var(--it-gray-3);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-inner-style .it-contact-2-form-box {
    margin-left: 0;
  }
}
.it-contact-inner-style .it-contact-2-input-box input {
  padding: 0 25px;
  font-size: 16px;
  background-color: var(--it-common-white);
}
.it-contact-inner-style .it-contact-2-input-box input::placeholder {
  font-size: 16px;
}
.it-contact-inner-style .it-contact-2-input-box input:focus {
  border: 1px solid #0d6efd;
}
.it-contact-inner-style .contact__select .nice-select {
  border-radius: 5px;
  transition: 0.3s;
}
.it-contact-inner-style .contact__select .nice-select:focus {
  border: 1px solid #0d6efd;
}
.it-contact-inner-style .it-contact-2-input-box textarea {
  border-radius: 5px;
  height: 267px;
  padding: 25px;
  font-weight: 400;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .it-contact-inner-style .it-contact-2-input-box textarea {
    height: 180px;
  }
}
.it-contact-inner-style .it-contact-2-input-box textarea::placeholder {
  font-size: 16px;
}
.it-contact-inner-style .it-contact-2-input-box textarea:focus {
  border: 1px solid #0d6efd;
}

.it-map-wrap {
  height: 640px;
}
@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 (max-width: 767px) {
  .it-map-wrap {
    height: 350px;
  }
}
.it-map-wrap iframe {
  height: 100%;
  width: 100%;
}

.it-signup-title {
  font-weight: 600;
  font-size: 34px;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}
.it-signup-bg {
  position: relative;
  z-index: 1;
  border-radius: 30px;
  padding: 15px 115px 15px 15px;
  overflow: hidden;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-bg {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-bg {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .it-signup-bg {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-bg {
    padding: 30px;
  }
}
.it-signup-bg p {
  line-height: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-bg p {
    line-height: 1.4;
    font-size: 14px;
  }
}
.it-signup-continue-item {
  padding: 12px 30px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 15px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}
.it-signup-continue-item span {
  display: inline-block;
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}
.it-signup-text span a {
  color: #0d6efd;
  text-decoration: underline;
}
.it-signup-border {
  margin-bottom: 35px;
  position: relative;
}
.it-signup-border span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  position: relative;
  padding: 0 10px;
  z-index: 1;
  display: inline-block;
  font-family: var(--it-ff-heading);
  background-color: var(--it-gray-1);
}
.it-signup-border::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  width: 100%;
  height: 1px;
  background-color: #D9D9D9;
}
.it-signup-input label {
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
.it-signup-input input {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-signup-input input:focus {
  border-color: #0d6efd;
}
.it-signup-input-icon {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-signup-input-icon {
    left: 19px;
  }
}
@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}
.it-signup-wrap {
  padding: 90px 0;
  margin-left: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-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-signup-wrap {
    padding: 40px 0;
    margin-left: 0;
  }
}
.it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 2px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #797979;
}
.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}
.it-signup-text span {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-signup-text span a {
  color: #0d6efd;
}
.it-signup-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 45px;
  padding: 90px 20px;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-logo {
    margin-right: 20px;
    padding: 90px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-logo {
    margin-right: 0;
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-logo {
    padding: 80px 40px;
  }
}
.it-signup-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-signup-area .form-check label {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-signup-area .form-check label span {
  color: #0d6efd;
}
.it-signup-forget a {
  font-weight: 600;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: 0.01em;
  color: #0d6efd;
  font-family: var(--it-ff-heading);
}
.it-signup-agree label {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}
.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}
.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}
.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  29. shop css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-top: 0;
    margin-left: 25px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box span {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box span {
    width: auto;
  }
}
.it-shop-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-left: 20px;
  padding-right: 45px;
  line-height: 50px;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-shop-filter .nice-select::after {
  border-bottom: 2px solid #999;
  border-right: 2px solid #999;
  content: "";
  display: block;
  height: 7px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 31px;
  top: 55%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  width: 7px;
}
.it-shop-filter .nice-select.open::after {
  transform: rotate(-136deg);
}
.it-shop-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-title {
    font-size: 17px;
  }
}
.it-shop-price span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.it-shop-cart {
  position: absolute;
  bottom: -20px;
  right: 20px;
  z-index: 1;
}
.it-shop-cart a {
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-common-black);
}
.it-shop-cart a:hover {
  background-color: #0d6efd;
}
.it-shop-thumb {
  border-radius: 20px;
}
.it-shop-thumb img {
  width: 100%;
  border-radius: 20px;
  transition: 1.3s all ease;
}
.it-shop-action-2 {
  position: absolute;
  right: 15px;
  top: -15%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
}
.it-shop-action-btn-2 {
  position: relative;
  display: block;
  width: 35px;
  height: 35px;
  line-height: 1;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  margin-bottom: 10px;
  color: var(--it-common-black);
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: var(--it-common-white);
  padding: 0;
}
.it-shop-action-btn-2 svg {
  height: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-action-btn-2 {
    font-size: 16px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
.it-shop-action-btn-2:hover {
  color: var(--it-common-white);
  border: 1px solid #0d6efd;
  background-color: #0d6efd;
}
.it-shop-action-btn-2:hover .it-shop-tooltip {
  visibility: visible;
  opacity: 1;
}
.it-shop-tooltip {
  position: absolute;
  top: 50%;
  font-weight: 500;
  font-size: 12px;
  right: 142%;
  transform: translateY(-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-shop-tooltip::before {
  position: absolute;
  content: "";
  top: 2px;
  right: -14px;
  border-top: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid var(--it-common-white);
}
.it-shop-tab ul li:not(:last-child) {
  margin-right: 20px;
}
.it-shop-tab ul li button {
  padding: 13.4px 30px;
  border-radius: 100px;
  transition: 0.3s;
  color: #0d6efd;
  border: 1px solid #0d6efd;
}
@media (max-width: 767px) {
  .it-shop-tab ul li button {
    font-size: 12px;
    padding: 7px 15px;
    margin-bottom: 15px;
  }
}
.it-shop-tab ul li button:hover {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.it-shop-tab ul li button.active {
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid #0d6efd;
}
@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-item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-shop-item:hover .it-shop-thumb img {
  transform: scale(1.2) rotate(2deg);
}
.it-shop-item:hover .it-shop-action-2 {
  visibility: visible;
  opacity: 1;
  top: 15px;
}

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

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}
.pro-details-nav-btn li:not(:last-child) button {
  margin-right: 50px;
}
.pro-details-nav-btn li button.active span {
  color: var(--it-common-black);
}
.pro-details-nav-btn li button span {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  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;
  }
}

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

.user-rating ul li {
  display: inline-block;
  color: #0d6efd;
}

.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: #0d6efd;
}

.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-3);
}
.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid #0d6efd;
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--it-gray-3);
  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 #0d6efd;
}

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

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

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

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

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

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

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

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

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

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

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

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

.it-product-sidebar {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-sidebar {
    margin-right: 0;
  }
}
.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}
.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}
.it-product-widget-filter {
  position: relative;
}
.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: #0d6efd;
}
.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: #0d6efd;
  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: #0d6efd;
}
.it-product-widget-category ul li a i {
  color: #0d6efd;
}
.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: #0d6efd;
}
.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 #0d6efd;
  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: #0d6efd;
  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 #0d6efd;
  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: #0d6efd;
  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;
  }
}

/*----------------------------------------*/
/*  08. 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: #0d6efd;
}

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 60px;
  border: 2px solid rgba(121, 121, 121, 0.2);
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
  background-color: var(--it-gray-3);
}
@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 #0d6efd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.cart-thumb {
  padding-right: 15px;
}
.cart-title {
  font-size: 15px;
  font-family: var(--it-ff-body);
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: #0d6efd;
  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;
}

/*----------------------------------------*/
/*  09. Checkout css start
/*----------------------------------------*/
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid #0d6efd;
  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: #0d6efd;
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

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

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

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

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

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

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

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: #0d6efd;
  font-weight: 700;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.country-select label span.required, .checkout-form-list label span.required {
  color: #0d6efd;
}

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

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

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

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

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

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

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

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

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

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

.create-account {
  display: none;
}

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

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

.order-notes textarea:focus {
  border-color: #0d6efd;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  14. error css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}
.it-error-title {
  font-size: 25px;
}
@media (max-width: 767px) {
  .it-error-area {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-area {
    padding-top: 110px;
  }
}
.it-error-area .it-newsletter-input-box input {
  line-height: 60px;
  height: 60px;
  padding-left: 30px;
  padding-right: 80px;
  border-radius: 5px;
  background: var(--it-gray-3);
  border: 1px solid transparent;
  color: var(--it-common-black);
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-error-area .it-newsletter-input-box input {
    line-height: 48px;
    height: 48px;
  }
}
.it-error-area .it-newsletter-input-box input::placeholder {
  font-size: 16px;
}
.it-error-area .it-newsletter-input-box input:focus {
  border-color: #0d6efd;
}
.it-error-area .it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  width: auto;
  height: auto;
  padding: 0;
  background-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-area .it-newsletter-input-box button svg {
    width: 20px;
  }
}
.it-error-area .it-newsletter-input-box {
  max-width: 620px;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-area .it-newsletter-input-box {
    max-width: 550px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-area .it-newsletter-input-box {
    max-width: 450px;
  }
}
@media (max-width: 767px) {
  .it-error-area .it-newsletter-input-box {
    width: 90%;
  }
}

/*----------------------------------------*/
/*  10. choose css start
/*----------------------------------------*/
.it-choose-title {
  margin-bottom: 18px;
}
.it-choose-icon {
  display: inline-block;
  border-radius: 5px;
  width: 80px;
  height: 80px;
  line-height: 75px;
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  transition: 0.4s ease;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(12, 18, 29, 0.1);
}
.it-choose-icon svg {
  position: relative;
  z-index: 1;
}
.it-choose-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 150px;
  width: 150px;
  border-radius: 50%;
  transition: 0.4s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-choose-item {
  padding: 40px 30px;
  padding-bottom: 35px;
  margin-bottom: 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-choose-item {
    padding: 30px 20px;
  }
}
.it-choose-item p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 0;
  letter-spacing: 0.01em;
}
.it-choose-item-box {
  position: relative;
}
.it-choose-item-box::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  border-radius: 0 10px;
  background-color: #0d6efd;
}
.it-choose-item-box::before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: 0.2s;
  border-radius: 10px;
  z-index: -1;
  background-color: #0d6efd;
}
.it-choose-item-box:hover .it-choose-icon {
  color: var(--it-common-white);
}
.it-choose-item-box:hover .it-choose-icon::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-choose-item-box:hover::before {
  bottom: -5px;
}
.it-choose-inner-style::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-color: var(--it-gray-3);
}
.it-choose-inner-style .it-choose-item-box {
  background-color: var(--it-common-white);
}

.it-choose-2-item {
  padding: 40px;
  padding-bottom: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-item {
    padding: 30px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item {
    padding: 30px 25px;
    margin-bottom: 35px;
  }
}
.it-choose-2-item p {
  margin-bottom: 0;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .it-choose-2-item p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-choose-2-item:hover .it-choose-2-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-2-item.item-style-2 {
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item.item-style-2 {
    height: auto;
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.it-choose-2-item.item-style-2 .it-choose-2-title {
  margin-bottom: 30px;
}
.it-choose-2-item.item-style-2 p {
  padding-bottom: 30px;
  margin-bottom: 40px;
  margin-right: 0;
  border-bottom: 2px solid rgba(217, 217, 217, 0.4);
}
.it-choose-2-title {
  font-size: 24px;
  margin-bottom: 17px;
}
@media (max-width: 767px) {
  .it-choose-2-title {
    font-size: 19px;
  }
}
.it-choose-2-icon svg {
  height: 60px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

/*----------------------------------------*/
/*  15. faq css start
/*--------------------------------------- -*/
.it-faq-more-info {
  position: absolute;
  bottom: -30px;
  right: -5.5%;
  display: inline-block;
  border-radius: 20px;
  padding: 40px 30px;
  padding-top: 33px;
  padding-right: 50px;
  background-color: #0d6efd;
  animation: translateX 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-more-info {
    right: 2%;
    animation: unset;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-more-info {
    bottom: -2%;
    right: -8%;
    transform: scale(0.8);
    animation: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-more-info {
    display: none;
  }
}
.it-faq-more-info span {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  display: block;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.it-faq-more-info i {
  font-weight: 600;
  font-size: 34px;
  font-style: normal;
  display: block;
  margin-bottom: 23px;
  color: var(--it-common-white);
}
.it-faq-thumb {
  padding-right: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-thumb {
    height: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-thumb {
    height: 100%;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-thumb {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.it-faq-thumb img {
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-thumb img {
    height: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-thumb img {
    width: 100%;
    object-fit: cover;
  }
}
.it-faq-thumb::after {
  position: absolute;
  top: -9%;
  right: 4%;
  height: 54%;
  width: 11px;
  content: "";
  animation: translateY 4s infinite alternate;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(45, 196, 87, 0.6) 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-thumb::after {
    right: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-thumb::after {
    display: none;
  }
}
.it-faq-right {
  margin-left: 83px;
}
@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-faq-right {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-faq-area {
    padding-bottom: 110px;
  }
}
.it-faq-2-shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.it-faq-2-thumb {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 45.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-thumb {
    height: 110%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-2-thumb {
    position: relative;
    margin-top: 50px;
    width: 100%;
  }
}
.it-faq-2-thumb img {
  border-radius: 0 20px 20px 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-thumb img {
    height: 100%;
    object-fit: cover;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-2-thumb img {
    width: 100%;
    height: 110%;
    border-radius: 0;
  }
}
.it-faq-2-video {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  margin: 0 auto;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.8);
}
.it-faq-2-video span {
  padding-left: 4px;
  display: inline-block;
}
.it-faq-2-area {
  padding-top: 255px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-2-area {
    padding-top: 180px;
  }
}
.it-faq-2-area .it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 25px 35px;
  padding-right: 65px;
  font-size: 24px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-2-area .it-custom-accordion .accordion-buttons {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-2-area .it-custom-accordion .accordion-buttons {
    font-size: 18px;
    padding: 20px 35px;
    padding-right: 40px;
  }
}
@media (max-width: 767px) {
  .it-faq-2-area .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 15px;
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .it-faq-2-area .it-custom-accordion .accordion-body {
    padding: 20px 15px;
  }
}
.it-faq-2-area .it-custom-accordion .accordion-items {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.it-faq-2-area .it-custom-accordion .accordion-body p {
  margin-right: 90px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-2-area .it-custom-accordion .accordion-body p {
    margin-right: 0;
  }
}
.it-faq-2-area .it-custom-accordion .accordion-buttons::after {
  content: "\f106";
}
@media (max-width: 767px) {
  .it-faq-2-area .it-custom-accordion .accordion-buttons::after {
    right: 15px;
  }
}
.it-faq-2-area .it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f107";
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-2-area .it-faq-right {
    margin-left: 83px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-area .it-faq-right {
    margin-left: 70px;
  }
}

/*----------------------------------------*/
/*  16. feature css start
/*----------------------------------------*/
.it-feature-border {
  border: 1px solid rgba(121, 121, 121, 0.3);
}
.it-feature-icon {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  background-color: var(--it-common-black);
}
.it-feature-icon svg, .it-feature-icon i {
  position: relative;
  z-index: 1;
}
.it-feature-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 200px;
  width: 200px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: #0d6efd;
}
.it-feature-title {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}
.it-feature-item {
  padding: 40px 40px 30px 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-feature-item {
    padding: 20px;
  }
}
.it-feature-item p {
  line-height: 2;
  margin-bottom: 0;
}
.it-feature-item:hover .it-feature-icon::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-feature-item:hover .it-feature-icon svg, .it-feature-item:hover .it-feature-icon i {
  transform: rotate(360deg);
  transition: 0.6s;
}
.it-feature-item-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  13. cta css start
/*----------------------------------------*/
.it-cta-overlay {
  padding-top: 90px;
  padding-bottom: 70px;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 767px) {
  .it-cta-overlay {
    padding: 100px 0;
  }
}
.it-cta-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(9, 18, 22, 0.8);
}
.it-cta-contant p {
  line-height: 2;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-contant p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-cta-btn {
    margin-top: 40px;
  }
}
.it-cta-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

.it-cta-2-wrap {
  padding: 39px 75px;
  margin-bottom: -75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-2-wrap {
    padding: 39px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-2-wrap .it-cta-2-title {
    font-size: 24px;
  }
}
.it-cta-2-shape {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-cta-2-btn {
    margin-top: 30px;
  }
}

/*----------------------------------------*/
/*  32. step css start
/*----------------------------------------*/
.it-step-top-content {
  border-radius: 10px;
  padding: 43px 50px 43px 40px;
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-step-top-content {
    margin-top: 30px;
  }
}
@media (max-width: 767px) {
  .it-step-top-content {
    margin-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
.it-step-top-content h5 {
  font-weight: 700;
  font-size: 60px;
  margin-bottom: 0;
  margin-right: 30px;
  color: #0d6efd;
}
@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-step-top-content h5 {
    font-size: 35px;
  }
}
.it-step-top-content p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  margin-bottom: 0;
  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-step-top-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-step-top-content p {
    font-size: 14px;
  }
  .it-step-top-content p br {
    display: none;
  }
}
.it-step-number {
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  margin-right: 17px;
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  flex: 0 0 auto;
  color: var(--it-common-black);
  background-color: var(--it-gray-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-step-number {
    font-size: 15px;
  }
}
.it-step-number::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.4s ease;
  transform: scale(0);
  z-index: -1;
  background-color: #0d6efd;
}
.it-step-content 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) {
  .it-step-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-step-content p {
    font-size: 14px;
  }
  .it-step-content p br {
    display: none;
  }
}
.it-step-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-title {
    font-size: 20px;
  }
}
.it-step-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-thumb {
    margin-bottom: 30px;
    height: auto;
  }
}
.it-step-thumb img {
  height: 100%;
  max-width: inherit;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-step-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-thumb img {
    width: 100%;
    margin-top: 50px;
  }
}
.it-step-wrap {
  margin-left: 78px;
}
@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-wrap {
    margin-left: 0;
  }
}
.it-step-item:hover .it-step-number {
  color: var(--it-common-white);
}
.it-step-item:hover .it-step-number::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-step-style-2 .it-step-content span {
  font-weight: 400;
  font-size: 20px;
  display: block;
  padding-bottom: 4px;
  margin-bottom: 14px;
  color: var(--it-common-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-style-2 .it-step-content span {
    font-size: 15px;
  }
}
.it-step-style-2 .it-step-content p {
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-step-style-2 .it-step-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-style-2 .it-step-content p {
    font-size: 15px;
    margin-right: 0;
  }
}
.it-step-style-2 .it-step-title {
  font-size: 25px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-style-2 .it-step-title {
    font-size: 20px;
  }
}
.it-step-style-2 .it-step-icon {
  display: inline-block;
  margin-top: 6px;
}
@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-step-style-2 .it-step-icon span svg {
    height: 40px;
  }
}
@media (max-width: 767px) {
  .it-step-style-2 .it-step-icon span svg {
    height: 50px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-step-style-2 .it-step-item {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-step-style-2 .it-step-thumb {
    margin-bottom: 0;
  }
}
.it-step-style-2 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
}
.it-step-inner-style .it-step-number {
  height: 80px;
  width: 80px;
  line-height: 80px;
  margin-right: 30px;
}
.it-step-inner-style .it-step-number span {
  display: inline-block;
}
.it-step-inner-style .it-step-number span svg {
  transition: 0.3s;
  color: #0d6efd;
}
.it-step-inner-style .it-step-item:hover .it-step-number span svg {
  color: var(--it-common-white);
}
.it-step-inner-style .it-step-wrap {
  margin-left: 0;
  margin-right: 78px;
}
@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-step-inner-style .it-step-wrap {
    margin-right: 0;
  }
}
.it-step-inner-style .it-step-thumb {
  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-step-inner-style .it-step-thumb {
    margin-left: 0;
    margin-bottom: 0;
  }
}
.it-step-inner-style .it-step-thumb img {
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-step-inner-style .it-step-content p {
    font-size: 14px;
  }
  .it-step-inner-style .it-step-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-step-inner-style .it-step-content p {
    font-size: 14px;
  }
  .it-step-inner-style .it-step-content p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  35. video css start
/*--------------------------------------- -*/
.it-video-area .it-section-title {
  margin-bottom: 75px;
  color: var(--it-common-white);
}
.it-video-area .it-section-title span {
  color: #0d6efd;
}
.it-video-area .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-video-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 100px;
  width: 100px;
  line-height: 97px;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  transform: translateY(-50%);
  border: 1px solid rgba(255, 255, 255, 0.5);
  background-color: rgba(255, 255, 255, 0.5);
}
.it-video-icon svg, .it-video-icon i {
  padding-left: 5px;
}
.it-video-thumb img {
  object-fit: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-thumb img {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .it-video-thumb img {
    height: 260px;
  }
}

/*----------------------------------------*/
/*  03. before-after css start
/*----------------------------------------*/
.before-after div div div {
  height: 80px !important;
  width: 80px !important;
  line-height: 86px !important;
  background-color: #fff !important;
  z-index: 1 !important;
}
.before-after div div div i {
  border-color: #161921 !important;
  padding: 0px !important;
  margin: 0 8px !important;
  background-color: #0d6efd;
  height: 18px;
  width: 11px;
  border: none;
  transform: rotate(0);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.before-after div div div i:first-child {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
  background-color: #161921;
}

.before-after {
  height: 600px;
  width: 100%;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .before-after {
    height: 380px;
  }
}
@media (max-width: 767px) {
  .before-after {
    height: 300px;
  }
}
.before-after img {
  max-width: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
@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) {
  .before-after img {
    height: 380px;
  }
}
@media (max-width: 767px) {
  .before-after img {
    height: 300px;
  }
}
.before-after-area .shape {
  position: absolute;
  bottom: 0;
  left: 0;
}

/*----------------------------------------*/
/*  25. price css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-section-title-box {
    margin-bottom: 30px;
  }
}
.it-price-item {
  padding: 35px 40px;
  padding-bottom: 50px;
  border-radius: 20px;
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-price-item {
    padding: 30px 20px;
  }
}
.it-price-item.active {
  border-top: 5px solid #0d6efd;
}
.it-price-item .price-amount {
  font-weight: 500;
  font-size: 80px;
  text-align: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-price-item .price-amount {
    font-size: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-price-item .price-amount {
    font-size: 65px;
  }
}
@media (max-width: 767px) {
  .it-price-item .price-amount {
    font-size: 55px;
  }
}
.it-price-item .price-amount span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin-top: -3px;
  color: var(--it-text-body);
}
.it-price-item .it-btn-theme {
  border-radius: 5px;
  color: var(--it-text-body);
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-price-item .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item .shape {
    display: none;
  }
}
.it-price-item .tag {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 15px;
  line-height: 1;
  padding: 9px 15px;
  border-radius: 1000px;
  display: inline-block;
  text-transform: uppercase;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: #0d6efd;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item .tag {
    display: none;
  }
}
.it-price-head {
  margin-bottom: 22px;
}
.it-price-title {
  font-size: 24px;
  margin-bottom: 10px;
}
.it-price-subtitle {
  font-size: 18px;
  color: #797979;
}
.it-price-features span {
  font-weight: 600;
  font-size: 20px;
  display: block;
  padding-bottom: 22px;
  color: var(--it-common-black);
}
.it-price-features ul li {
  position: relative;
  padding-left: 23px;
  list-style-type: none;
}
.it-price-features ul li:not(:last-child) {
  margin-bottom: 14px;
}
.it-price-features ul li span {
  position: absolute;
  top: -4px;
  left: 0;
}
.it-price-tab-wrap {
  border-radius: 10px;
  padding: 5px;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-gray-3);
}
.it-price-tab-wrap .it-price-tab ul li {
  display: inline-block;
}
.it-price-tab-wrap .it-price-tab ul li button {
  transition: 0.4s;
  padding: 15px 25px;
}
.it-price-tab-wrap .it-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--it-common-white);
}
.it-price-tab-wrap .it-price-tab #lineMarker {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  z-index: 0;
  height: 100%;
  transition: 0.4s;
  border-radius: 10px;
  background: #0d6efd;
}

/*----------------------------------------*/
/*  21. location css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-location-area {
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-location-features {
    margin-bottom: 30px;
  }
}
.it-location-features span {
  display: block;
  margin-bottom: 27px;
}
.it-location-features span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-location-features p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-location-features p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-location-features p {
    font-size: 14px;
  }
  .it-location-features p br {
    display: none;
  }
}
.it-location-features:hover span svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-location-features.ml-20 {
  margin-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-location-features.ml-20 p br {
    display: none;
  }
}
.it-location-features .title {
  font-size: 20px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-location-features .title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-location-features .title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-location-map {
    margin-left: -70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-location-map {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-location-map {
    margin-top: 30px;
  }
}
.it-location-map img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-location-map img {
    width: 100%;
  }
}
.it-location-map span {
  position: absolute;
  height: 15px;
  width: 15px;
}
@media (max-width: 767px) {
  .it-location-map span {
    height: 5px;
    width: 5px;
  }
}
.it-location-map span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.8;
  transform: translate(-50%, -50%);
  animation: animate-pulse 1.7s infinite ease-out;
}
.it-location-map span.color-1 {
  top: 28%;
  left: 18%;
  --pulse-color: 67, 188, 205;
}
.it-location-map span.color-2 {
  bottom: 24%;
  left: 30.5%;
  --pulse-color: 102, 46, 155;
}
.it-location-map span.color-3 {
  top: 18%;
  left: 53%;
  --pulse-color: 160, 194, 97;
}
.it-location-map span.color-4 {
  bottom: 36%;
  left: 54%;
  --pulse-color: 249, 200, 14;
}
.it-location-map span.color-5 {
  top: 40%;
  right: 22.5%;
  --pulse-color: 248, 102, 36;
}
.it-location-map span.color-6 {
  bottom: 18%;
  right: 10%;
  --pulse-color: 234, 53, 70;
}

/*----------------------------------------*/
/*  23. monitoring css start
/*----------------------------------------*/
.it-monitoring-text p {
  line-height: 2;
}
.it-monitoring-left {
  margin-right: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-monitoring-left {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-monitoring-left {
    margin-right: 0;
  }
  .it-monitoring-left br {
    display: none;
  }
}
.it-monitoring-left .it-slider-2-contact span {
  background-color: var(--it-gray-3);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .it-monitoring-left .it-slider-2-contact {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-monitoring-left .it-slider-2-contact {
    margin-top: 0;
  }
}
.it-monitoring-thumb {
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-monitoring-thumb {
    margin-top: 50px;
  }
}
.it-monitoring-thumb img {
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-monitoring-thumb img {
    width: 100%;
  }
}
.it-monitoring-thumb:hover img {
  transform: scale(1.04) translateX(1%);
}

.it-progress-bar-item {
  position: relative;
}
.it-progress-bar-item span {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 700;
  font-size: 16px;
  color: var(--it-common-black);
}
.it-progress-bar-item label {
  font-weight: 700;
  font-size: 16px;
  color: var(--it-common-black);
}
.it-progress-bar-item .progress {
  height: 10px;
  background: rgba(45, 196, 87, 0.2);
}
.it-progress-bar-item .progress-bar {
  background-color: #0d6efd;
}
.it-progress-bar-item .it-progress-bar {
  padding-top: 10px;
}

/*----------------------------------------*/
/*  07. career css start
/*----------------------------------------*/
.it-career-item {
  padding: 40px;
  padding-top: 30px;
  border-radius: 20px;
  background-color: var(--it-gray-3);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-item {
    padding: 30px 25px;
  }
}
.it-career-item p {
  line-height: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-item p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-item p {
    font-size: 15px;
    line-height: 1.7;
  }
  .it-career-item p br {
    display: none;
  }
}
.it-career-item .arrow {
  position: absolute;
  top: 40px;
  right: 40px;
  font-size: 20px;
  font-weight: 600;
  padding: 0;
  color: #0d6efd;
  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) {
  .it-career-item .arrow {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-career-item .arrow {
    position: static;
    font-size: 16px;
    margin-top: 25px;
  }
}
.it-career-item .arrow svg {
  display: inline-block;
  margin-left: 2px;
}
.it-career-title {
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-title {
    font-size: 22px;
  }
}
.it-career-tags span {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 20px;
  color: var(--it-common-black);
  border: 1px solid #625E58;
}
@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-career-tags span {
    font-size: 14px;
  }
}
.it-career-tags span svg {
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}
.it-career-tags span:first-child {
  margin-right: 15px;
}

/*----------------------------------------*/
/*  12. cost-calculation css start
/*----------------------------------------*/
.it-cost-calculation-wrap {
  margin: 0 3px;
  padding: 80px 78px;
  border-radius: 30px;
  background-color: var(--it-gray-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cost-calculation-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-cost-calculation-wrap {
    padding: 40px 20px;
  }
}
.it-cost-calculation-wrap label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
.it-cost-calculation-wrap .contact__select .nice-select {
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 30px;
  color: var(--it-common-black);
  background-color: transparent;
  border: 1px solid #625E58;
  margin-bottom: 25px;
}
.it-cost-calculation-wrap .contact__select .nice-select label {
  margin-bottom: 0;
}
.it-cost-calculation-wrap .contact__select .nice-select::after {
  right: 30px;
  margin-top: -6px;
  border-bottom: 2px solid var(--it-common-black);
  border-right: 2px solid var(--it-common-black);
}
.it-cost-calculation-wrap .nice-select.open .list {
  border-radius: 5px;
  border: 1px solid #625E58;
}
.it-cost-calculation-wrap .it-btn-theme {
  text-transform: uppercase;
}
.it-cost-calculation-wrap .result-bar {
  height: 8px;
  width: 100%;
  display: block;
  border-radius: 10px;
  position: relative;
  background: rgba(45, 196, 87, 0.3);
}
.it-cost-calculation-wrap .result-bar::after {
  position: absolute;
  top: 50%;
  left: 20%;
  content: "";
  width: 15px;
  height: 15px;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: #0d6efd;
}
.it-cost-calculation-wrap .range-scale span {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cost-calculation-wrap .range-scale span {
    font-size: 14px;
  }
}
.it-cost-calculation-input-box {
  margin-bottom: 27px;
}
.it-cost-calculation-input-box input {
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16px;
  border-radius: 5px;
  padding: 0 30px;
  color: var(--it-common-black);
  background-color: transparent;
  border: 1px solid #625E58;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cost-calculation-input-box input {
    height: 45px;
    line-height: 45px;
  }
}
.it-cost-calculation-input-box input::placeholder {
  color: var(--it-common-black);
}
.it-cost-calculation-title {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.22;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cost-calculation-title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .it-cost-calculation-title {
    font-size: 26px;
  }
}
.it-cost-calculation-bottom {
  padding: 50px 35px;
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.2);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-cost-calculation-bottom {
    padding: 30px 15px;
  }
}
.it-cost-calculation-bottom .cost-title-sm {
  font-size: 20px;
  margin-bottom: 12px;
}
@media (max-width: 767px) {
  .it-cost-calculation-bottom .cost-title-sm {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cost-calculation-bottom .cost-title-sm {
    font-size: 16px;
  }
}
.it-cost-calculation-bottom p {
  font-weight: 600;
  font-size: 34px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
@media (max-width: 767px) {
  .it-cost-calculation-bottom p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cost-calculation-bottom p {
    font-size: 22px;
  }
}

/*----------------------------------------*/
/*  28. shop sidebar css start
/*----------------------------------------*/
.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(45, 196, 87, 0.2);
  border: 0;
  position: relative;
}
.it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #0d6efd;
}
.it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: #0d6efd;
}
.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--it-text-body);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.it-shop-widget-checkbox ul li {
  list-style: none;
}
.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.it-shop-widget-checkbox ul li input {
  display: none;
}
.it-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.it-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.it-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
}
.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--it-common-white);
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.it-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-shop-widget-rating-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}
.it-shop-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}
.it-shop-widget-checkbox-circle {
  position: relative;
}
.it-shop-widget-checkbox-circle button {
  height: 32px;
  width: 32px;
  padding: 3px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-checkbox-circle button {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-widget-checkbox-circle button {
    height: 30px;
    width: 30px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-checkbox-circle button {
    height: 27px;
    width: 27px;
  }
}
.it-shop-widget-checkbox-circle button:not(:last-child) {
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-widget-checkbox-circle button:not(:last-child) {
    margin-right: 5px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-checkbox-circle button:not(:last-child) {
    margin-right: 7px;
  }
}
.it-shop-widget-checkbox-circle button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  transform: translateY(-50%) scale(1.3);
  opacity: 0;
  transition: 0.3s;
}
.it-shop-widget-checkbox-circle button:hover::after {
  opacity: 1;
}
.it-shop-widget-checkbox-circle button.color-1 {
  background-color: #7E3232;
}
.it-shop-widget-checkbox-circle button.color-1::after {
  border: 1px solid #7E3232;
}
.it-shop-widget-checkbox-circle button.color-2 {
  background-color: #3C082C;
}
.it-shop-widget-checkbox-circle button.color-2::after {
  border: 1px solid #3C082C;
}
.it-shop-widget-checkbox-circle button.color-3 {
  background-color: #2DC457;
}
.it-shop-widget-checkbox-circle button.color-3::after {
  border: 1px solid #2DC457;
}
.it-shop-widget-checkbox-circle button.color-4 {
  background-color: #420A0A;
}
.it-shop-widget-checkbox-circle button.color-4::after {
  border: 1px solid #420A0A;
}
.it-shop-widget-checkbox-circle button.color-5 {
  background-color: #242745;
}
.it-shop-widget-checkbox-circle button.color-5::after {
  border: 1px solid #242745;
}
.it-shop-widget-checkbox-circle button.color-6 {
  background-color: #3D0C18;
}
.it-shop-widget-checkbox-circle button.color-6::after {
  border: 1px solid #3D0C18;
}
.it-shop-widget-checkbox-circle button.color-7 {
  background-color: #797979;
}
.it-shop-widget-checkbox-circle button.color-7::after {
  border: 1px solid #797979;
}
.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/shop/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-thumb {
  margin-right: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}
.it-shop-widget-content h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.4;
  color: #0a0909;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-sidebar {
    margin-bottom: 70px;
  }
}

/*----------------------------------------*/
/*  04. blog-sidebar css start
/*----------------------------------------*/
.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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: #0d6efd;
  margin-bottom: 10px;
}
.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--it-gray-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}
.sidebar-widget-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.sidebar-widget-title::before {
  content: "";
  display: inline-block;
  width: 2px;
  height: 18px;
  border-radius: 5px;
  border-radius: 50%;
  margin-right: 7px;
  background-color: #0d6efd;
}
.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 10px;
  text-transform: capitalize;
  justify-content: space-between;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: #0d6efd;
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: #0d6efd;
  border-color: #0d6efd;
  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 #0d6efd;
  color: var(--it-common-white);
  background-color: #0d6efd;
}
.sidebar-widget-post ul li {
  list-style-type: none;
}
.sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 20px;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 25px;
  text-transform: capitalize;
  padding-right: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}
.sidebar-search-box input:focus {
  border: 1px solid #0d6efd;
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-right {
    margin-top: 70px;
  }
}

.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: 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: #57595c;
  text-transform: capitalize;
  text-align: center;
  background-color: var(--it-common-white);
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: #0d6efd;
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

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

/*----------------------------------------*/
/*  31. solution css start
/*----------------------------------------*/
.it-solution-text {
  margin-right: 83px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-solution-text {
    margin-right: 0;
  }
}
.it-solution-text p {
  padding-bottom: 42px;
  margin-bottom: 45px;
  border-bottom: 1px solid #D9D9D9;
  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-solution-text p br {
    display: none;
  }
}
.it-solution-text p::before {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 126px;
  height: 2px;
  content: "";
  background-color: #0d6efd;
}
.it-solution-left .it-slider-2-contact span {
  background-color: #F2F8F5;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.it-solution-list-box.box-col-2 {
  transform: translateX(-20px);
}
@media (max-width: 767px) {
  .it-solution-list-box.box-col-2 {
    margin-top: 30px;
    transform: translateX(0);
  }
}
.it-solution-list-box span {
  font-weight: 600;
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-solution-list-box span {
    font-size: 16px;
  }
}
.it-solution-list-box ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
  display: block;
  font-weight: 500;
}
.it-solution-list-box ul li:not(:last-child) {
  margin-bottom: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-solution-list-box ul li {
    font-size: 14px;
    padding-left: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-solution-list-box ul li {
    font-size: 16px;
  }
}
.it-solution-list-box ul li svg, .it-solution-list-box ul li i {
  position: absolute;
  top: -1px;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-solution-list-box ul li svg, .it-solution-list-box ul li i {
    width: 15px;
  }
}
.it-solution-thumb {
  margin-left: -30px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-solution-thumb {
    margin-left: 0;
    margin-top: 50px;
  }
}
.it-solution-thumb img {
  transform: scale(1.04) translateX(-1%);
  transition: transform 0.6s cubic-bezier(0.65, 0, 0.35, 1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-solution-thumb img {
    width: 100%;
  }
}
.it-solution-thumb:hover img {
  transform: scale(1.04) translateX(1%);
}
@media (max-width: 767px) {
  .it-solution-btn {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-solution-btn {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .it-solution-btn .it-btn-theme.mr-30 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-solution-btn .it-btn-theme.mr-30 {
    margin-bottom: 0;
  }
}

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