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

    Theme Name: Medito – Health & Medical HTML5 Template 
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Medito – Health & Medical HTML5 Template 
    Version: 1.0

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

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

    01. THEME DEFAULT CSS
	02. MEANMENU CSS START
	03. header css start
	04. about css start
	05. blog css start
    06. brand css start
	07. cart css start
	08. cases css start
	09. categori css start
	10. Checkout css start
	11. choose css start 
	12. contact css start
	13. discount css start
	14. error css start 
	15. feature css start
	16. footer css start
	17. funfact css start
	18. hero css start
	19. login css start
	20. mobile-menu css start
	21. modal css start
	22. newsletter css start
	23. portfolio css start
	24. price css start
	25. service css start
	26. shop sidebar css start
	27. shop css start
	28. slider css start
	29. team css start
	30. testimonial css start
	31. test-slider css start
	32. Working area start
	33. appointment css start

    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"');

:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Nunito', sans-serif;
  --it-ff-heading: 'Raleway', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1F242C;
  --it-common-black-2: #00102F;
  --it-common-sky: #28B6F6;
  --it-common-green: #19776B;
  --it-common-red: #EE344E;
  --it-heading-primary: #00102F;
  --it-text-body: #6A6D7A;
  --it-grey-1: #F0F5FD;
  --it-grey-2: #F1F3FD;
  --it-grey-3: #EEF5FF;
  --it-grey-4: #f8f8f8;
  --it-theme-1: #076CEC;
  --it-theme-2: #04B3BF;
  --it-theme-3: #EFA286;
}

@media (min-width: 1400px) {

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

  .container-1500 {
    max-width: 1500px;
  }

  .container-1520 {
    max-width: 1500px;
  }

  .container-905 {
    max-width: 905px;
  }
}

/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--it-ff-body);
  font-size: 16px;
  font-weight: 400;
  color: var(--it-text-body);
  line-height: 1.3;
  overflow-x: hidden;
}

body,
html {
  overflow-x: hidden;
}

body.monserat {
  font-family: var(--it-ff-monserat);
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--it-ff-heading);
  color: var(--it-heading-primary);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.2;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

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

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 20px;
  line-height: 55px;
  border-radius: 5px;
  text-transform: capitalize;
  color: var(--it-common-black);
}

input::-webkit-input-placeholder {
  color: #99999F;
}

input:-moz-placeholder {
  color: #99999F;
}

input::-moz-placeholder {
  color: #99999F;
}

input:-ms-input-placeholder {
  color: #99999F;
}

textarea {
  outline: none;
  width: 100%;
  padding: 0 20px;
  border: none;
  border-radius: 5px;
  resize: none;
  text-transform: capitalize;
  color: var(--it-common-black);
}

textarea::-webkit-input-placeholder {
  color: #95979D;
}

textarea:-moz-placeholder {
  color: #95979D;
}

textarea::-moz-placeholder {
  color: #95979D;
}

textarea:-ms-input-placeholder {
  color: #95979D;
}

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

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

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

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

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

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

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

/*--
    - Spacing
-----------------------------------------*/
.it-btn-theme {
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  border-radius: 5px;
  padding: 20px 40px;
  text-align: center;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-btn-theme {
    padding: 15px 35px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-btn-theme {
    padding: 15px 28px;
    font-size: 14px;
  }
}

.it-btn-theme.lg {
  padding: 21px 25px;
  padding-right: 20px;
}

.it-btn-theme.white-bg {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}

.it-btn-theme.white-bg i {
  color: var(--it-theme-1);
}

.it-btn-theme.black-bg {
  background-color: var(--it-common-black);
  color: var(--it-common-white);
}

.it-btn-theme.tertiary-bg {
  background-color: var(--it-theme-2);
  color: var(--it-common-white);
}

.it-btn-theme.grey-bg {
  background-color: var(--it-theme-3);
  color: var(--it-common-white);
}

.it-btn-theme.red-bg {
  background-color: var(--it-common-red);
  color: var(--it-common-white);
}

.it-btn-theme.red-bg i {
  display: inline-block;
  margin-left: 10px;
  margin-right: 0;
  color: var(--it-common-white);
  transform: translateY(-1px);
}

.it-btn-theme.border-btn {
  padding: 18px 40px;
  background-color: transparent;
  border: 1px solid var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-btn-theme.border-btn {
    padding: 14px 35px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-btn-theme.border-btn {
    padding: 14px 28px;
    font-size: 14px;
  }
}

.it-btn-theme.blog-btn {
  padding: 13px 30px;
}

.it-btn-theme.blog-btn.red-bg {
  color: var(--it-common-red);
  background-color: #FDEBED;
}

.it-btn-theme.blog-btn.red-bg i {
  transition: 0.3s;
  color: var(--it-common-red);
}

.it-btn-theme.service-btn {
  padding: 13px 30px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: var(--it-theme-3);
}

.it-btn-theme.shop-btn {
  padding: 13px 30px;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
  background-color: var(--it-common-black);
}

.it-btn-theme .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
  border: none !important;
}

.it-btn-theme .btn-wrap .text-one {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  display: block;
  color: var(--rr-common-white);
  transition: 0.3s;
  text-transform: capitalize;
}

.it-btn-theme .btn-wrap .text-two {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
  text-transform: capitalize;
}

.it-btn-theme i {
  display: inline-block;
  margin-right: 10px;
  transform: translateY(-2px);
}

.it-btn-theme:hover {
  color: var(--it-common-white);
}

.it-btn-theme:hover .btn-wrap .text-one {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.it-btn-theme:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.it-btn-theme:hover i {
  color: var(--it-common-white);
}

.it-btn-theme:hover.white-bg {
  color: var(--it-theme-1);
}

.it-btn-theme:hover.white-bg i {
  color: var(--it-theme-1);
}

.it-btn-theme:hover.service-btn {
  color: var(--it-common-white);
  background-color: var(--it-common-green);
}

.it-btn-theme:hover.blog-btn.red-bg {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}

.it-btn-theme:hover.blog-btn.red-bg i {
  color: var(--it-common-white);
}

.it-btn-theme:hover.shop-btn {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-btn-theme:hover.shop-btn i {
  color: var(--it-common-white);
}

.it-btn-blog {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  border-radius: 5px;
  padding: 12px 20px;
  color: var(--it-theme-1);
  background-color: #F0F5FD;
  transition: 0.3s;
}

.it-btn-blog:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-btn-sm {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  padding: 11px 0px;
  width: 140px;
  position: relative;
  transition: 0.3s;
  text-transform: uppercase;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 2px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0, rgba(27, 31, 35, 0.15) 0 0 0 1px;
  margin: 5px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.it-btn-sm .btn-wrap {
  position: relative;
  z-index: 1;
  float: left;
  overflow: hidden;
  display: inline-block;
  border: none !important;
}

.it-btn-sm .btn-wrap .text-one {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  display: block;
  color: var(--rr-common-white);
  transition: 0.3s;
}

.it-btn-sm .btn-wrap .text-two {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-btn-sm:hover {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  border: 2px solid var(--it-theme-1);
}

.it-btn-sm:hover .btn-wrap .text-one {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.it-btn-sm:hover .btn-wrap .text-two {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* pulse effect animation */
@keyframes zoom {
  0% {
    transform: scale(0.9);
  }

  50% {
    transform: scale(1);
  }

  100% {
    transform: scale(0.9);
  }
}

@keyframes itrotate {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }

  60% {
    opacity: 1;
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}

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

@-webkit-keyframes about-text {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-moz-keyframes about-text {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-ms-keyframes about-text {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes about-text {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}

@-webkit-keyframes ripple-sky {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(4, 179, 191, 0.3), 0 0 0 10px rgba(4, 179, 191, 0.3), 0 0 0 20px rgba(4, 179, 191, 0.3);
    box-shadow: 0 0 0 0 rgba(4, 179, 191, 0.3), 0 0 0 10px rgba(4, 179, 191, 0.3), 0 0 0 20px rgba(4, 179, 191, 0.3);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(4, 179, 191, 0.3), 0 0 0 20px rgba(4, 179, 191, 0.3), 0 0 0 30px rgba(4, 179, 191, 0);
    box-shadow: 0 0 0 10px rgba(4, 179, 191, 0.3), 0 0 0 20px rgba(4, 179, 191, 0.3), 0 0 0 30px rgba(4, 179, 191, 0);
  }
}

@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(7, 106, 236, 0.371), 0 0 0 10px rgba(7, 106, 236, 0.3), 0 0 0 20px rgba(7, 106, 236, 0.3);
    box-shadow: 0 0 0 0 rgba(7, 106, 236, 0.3), 0 0 0 10px rgba(7, 106, 236, 0.3), 0 0 0 20px rgba(7, 106, 236, 0.3);
  }

  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(7, 106, 236, 0.3), 0 0 0 20px rgba(7, 106, 236, 0.3), 0 0 0 30px rgba(7, 106, 236, 0);
    box-shadow: 0 0 0 10px rgba(7, 106, 236, 0.3), 0 0 0 20px rgba(7, 106, 236, 0.3), 0 0 0 30px rgba(7, 106, 236, 0);
  }
}

@keyframes ittranslateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes moving {
  0% {
    transform: translatey(0px);
  }

  20% {
    transform: translateX(-50px);
  }

  50% {
    transform: translatey(-40px);
  }

  100% {
    transform: translatey(0px);
  }
}

/*--- preloader ---*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--it-theme-1);
  z-index: 999999;
  overflow: hidden;
}

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

.preloader span {
  position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: var(--it-common-white);
  -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;
  }
}

.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: var(--it-theme-1);
  transition: 1s ease;
  border: none;
}

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

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

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

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

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

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

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

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

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

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

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

.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.png), 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: var(--it-common-black);
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}

.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}

@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .itoffcanvas {
    width: 400px;
    padding: 40px;
  }
}

.itoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}

.itoffcanvas__logo {
  margin-bottom: 60px;
}

@media (max-width: 767px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}

.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}

.itoffcanvas__close-btn button {
  font-size: 35px;
  color: white;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.2;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 52px;
  }
}

@media (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 39px;
    top: 38px;
  }
}

.itoffcanvas__close-btn button:hover {
  color: #fff;
  opacity: 1;
}

.itoffcanvas__content {
  margin-bottom: 30px;
}

.itoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}

.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}

.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}

@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}

.itoffcanvas__social {
  margin-top: 50px;
}

.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}

.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.itoffcanvas__text {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}

.itoffcanvas__text p {
  color: #ddd;
  font-size: 18px;
}

.itoffcanvas__info {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

.itoffcanvas__info .offcanva-title {
  color: var(--it-common-white);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}

.itoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}

.itoffcanvas__info-address span {
  display: block;
  color: rgba(255, 255, 255, 0.6392156863);
  font-size: 16px;
  font-weight: 400;
}

.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-white);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 16px;
  }
}

.itoffcanvas__info-address a:hover {
  color: var(--it-theme-1);
}

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

.it-offcanva-bottom-shape img {
  width: 100%;
}

.it-breadcrumb-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  background-color: #F1F3FD;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-bg {
    background-position: right;
  }
}

.it-breadcrumb-content {
  padding: 113px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-content {
    padding: 95px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-content {
    padding: 95px 0;
  }
}

@media (max-width: 767px) {
  .it-breadcrumb-content {
    padding: 80px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-content {
    padding: 95px 0;
  }
}

.it-breadcrumb-title {
  font-weight: 700;
  font-size: 65px;
  letter-spacing: 0em;
  color: #00102f;
  margin-bottom: 16px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-title {
    font-size: 56px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 52px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 40px;
  }
}

.it-breadcrumb-list span,
.it-breadcrumb-list i {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #707279;
  text-transform: capitalize;
}

.it-breadcrumb-list span.dvdr,
.it-breadcrumb-list i.dvdr {
  margin: 0 17px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .it-breadcrumb-list span,
  .it-breadcrumb-list i {
    font-size: 18px;
  }
}

.it-breadcrumb-list i {
  font-style: normal;
  color: var(--it-theme-1);
}

.it-breadcrumb-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}

.it-custom-accordion .accordion-items {
  border-radius: 10px;
  margin-bottom: 30px;
  box-shadow: 0 0 30px 0 rgba(8, 0, 83, 0.1);
  background: #fff;
}

.it-custom-accordion .accordion-header {
  border-radius: 5px;
}

.it-custom-accordion.inner-accordion .accordion-items {
  margin-bottom: 30px;
  border: 1px solid var(--it-grey-1);
  background-color: var(--it-grey-1);
}

.it-custom-accordion .accordion-buttons {
  position: relative;
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #00102f;
  text-align: left;
  padding: 20px 70px 20px 45px;
  border-radius: 5px 5px 0 0;
}

.it-custom-accordion .accordion-buttons i {
  position: absolute;
  left: 20px;
  top: 24%;
  font-style: normal;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 15px 70px 15px 45px;
  }
}

@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }

  .it-custom-accordion .accordion-buttons br {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}

.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 6 Pro";
  top: 0;
  bottom: 0;
  right: 30px;
  font-weight: 300;
  font-size: 30px;
  opacity: 1;
  height: 26px;
  line-height: 26px;
  text-align: center;
  width: 26px;
  border-radius: 50%;
  margin: auto;
}

@media 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::after {
    font-size: 18px;
  }
}

.it-custom-accordion .accordion-buttons::after:not(.collapsed) {
  color: var(--it-common-white);
}

.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f107";
}

.it-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}

.it-custom-accordion .accordion-body {
  padding: 25px 30px;
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.it-custom-accordion .accordion-body p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #99999f;
  margin-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40%;
  z-index: 9999999;
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
  backdrop-filter: blur(15px);
}

.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}

.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}

.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}

.search__top {
  margin-bottom: 80px;
}

.search__input {
  position: relative;
  height: 80px;
  transition-delay: 0.5s;
  opacity: 0;
}

.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: #000;
  border: none;
  padding: 0;
  padding-right: 30px;
  border-radius: 0;
  border-bottom: 1px solid #000;
}

.search__input input::-webkit-input-placeholder {
  color: black;
  font-size: 24px;
}

.search__input input:-moz-placeholder {
  color: black;
  font-size: 24px;
}

.search__input input::-moz-placeholder {
  color: black;
  font-size: 24px;
}

.search__input input:-ms-input-placeholder {
  color: black;
  font-size: 24px;
}

.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #000;
}

.search__close-btn {
  font-size: 25px;
  color: #000;
}

.search__close-btn:hover {
  color: var(--it-theme-1);
}

.it-section-subtitle {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  text-transform: capitalize;
  padding-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-subtitle {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
  }
}

.it-section-subtitle.tertiary {
  color: var(--it-theme-2);
}

.it-section-subtitle.green {
  color: var(--it-common-green);
}

.it-section-subtitle.grey {
  color: var(--it-theme-3);
}

.it-section-subtitle.red-border {
  font-weight: 500;
  padding: 2px 20px;
  border-radius: 30px;
  display: inline-block;
  margin-bottom: 22px;
  border: 1px solid var(--it-common-red);
  color: var(--it-common-red);
}

.it-section-subtitle-2 {
  font-weight: 600;
  font-size: 18px;
  padding: 9px 27px;
  color: var(--it-common-white);
  text-transform: capitalize;
  display: inline-block;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-subtitle-2 {
    font-size: 16px;
    padding: 5px 20px;
  }
}

@media (max-width: 767px) {
  .it-section-subtitle-2 {
    font-size: 14px;
    padding: 3px 15px;
  }
}

.it-section-title {
  display: block;
  font-weight: 700;
  font-size: 42px;
  text-transform: capitalize;
  color: var(--it-heading-primary);
  margin-bottom: 0;
}

.it-section-title span {
  color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 38px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 33px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 36px;
  }

  .it-section-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-section-title {
    font-size: 32px;
  }

  .it-section-title br {
    display: none;
  }
}

.hover-anim {
  background-image: linear-gradient(rgba(7, 106, 236, 0.6), rgba(7, 106, 236, 0.6)), linear-gradient(rgba(7, 106, 236, 0.6), rgba(7, 106, 236, 0.6));
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 96%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  display: inline;
}

.hover-anim:hover {
  background-size: 0 1px, 100% 1px;
}

.hover-anim.tertiary {
  background-image: linear-gradient(rgba(4, 179, 191, 0.6), rgba(4, 179, 191, 0.6)), linear-gradient(rgba(4, 179, 191, 0.6), rgba(4, 179, 191, 0.6));
}

.hover-anim.green {
  background-image: linear-gradient(rgba(25, 119, 107, 0.4), rgba(25, 119, 107, 0.4)), linear-gradient(rgba(25, 119, 107, 0.4), rgba(25, 119, 107, 0.4));
}

.hover-anim.red {
  background-image: linear-gradient(rgba(238, 52, 77, 0.7), rgba(238, 52, 77, 0.7)), linear-gradient(rgba(238, 52, 77, 0.7), rgba(238, 52, 77, 0.7));
}

.hover-anim.grey {
  background-image: linear-gradient(rgba(239, 162, 134, 0.4), rgba(239, 162, 134, 0.4)), linear-gradient(rgba(239, 162, 134, 0.4), rgba(239, 162, 134, 0.4));
}

.hover-anim.white {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
}

.hover-anim.black {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
}

.it-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}

.it-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  04. about css start
/*----------------------------------------*/
.it-about-left {
  margin-right: -30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-left {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-left {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.it-about-thumb {
  overflow: hidden;
  border-radius: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-thumb {
    transform: scale(0.9);
  }
}

.it-about-thumb:hover img {
  transform: scale(1.1);
}

.it-about-thumb img {
  border-radius: 5px;
  transition: 0.7s;
}

.it-about-thumb.thumb-2 {
  margin-bottom: 10px;
}

.it-about-thumb.thumb-4 {
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-thumb-box {
    margin: 0 10px;
  }
}

.it-about-right {
  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-about-right {
    margin-left: 0;
  }
}

.it-about-list.style-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-about-list.style-2 {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-about-list.style-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}

.it-about-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 35px;
  font-weight: 600;
  font-size: 16px;
  color: var(--it-common-black);
  letter-spacing: -0.01em;
}

.it-about-list ul li:not(:last-child) {
  margin-bottom: 23px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-list ul li {
    font-size: 15px;
    padding-left: 25px;
  }
}

.it-about-list ul li i {
  font-size: 26px;
  position: absolute;
  top: -3px;
  left: 0;
  color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-list ul li i {
    font-size: 18px;
    top: 2px;
  }
}

.it-about-author-info {
  margin-right: 50px;
}

@media (max-width: 767px) {
  .it-about-author-info {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-author-info {
    margin-bottom: 0px;
  }
}

.it-about-author-thumb {
  margin-right: 15px;
}

.it-about-author-thumb img {
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
}

.it-about-author-text h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
}

@media (max-width: 767px) {
  .it-about-author-text h5 {
    font-size: 16px;
  }
}

.it-about-author-text span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-theme-1);
}

.it-about-tel-icon {
  margin-right: 15px;
}

.it-about-tel-icon span {
  height: 55px;
  width: 55px;
  line-height: 60px;
  border-radius: 50%;
  color: var(--it-theme-1);
  display: inline-block;
  text-align: center;
  font-size: 18px;
  background-color: #DEE4FF;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}

.it-about-tel-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.it-about-tel-text a {
  font-size: 20px;
  display: block;
  font-weight: 700;
  color: var(--it-common-black);
  letter-spacing: -0.01em;
  text-decoration: transparent;
}

@media (max-width: 767px) {
  .it-about-tel-text a {
    font-size: 16px;
  }
}

.it-about-tel-text a:hover {
  color: var(--it-theme-1);
  text-decoration: underline;
}

.it-about-tel-text span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-theme-1);
  display: block;
  margin-bottom: 5px;
}

.it-about-tel-box:hover .it-about-tel-icon span {
  color: var(--it-common-white);
}

.it-about-tel-box:hover .it-about-tel-icon span::after {
  transform: scale(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-about-text p {
    font-size: 14px;
  }
}

.it-about-shape-1 {
  position: absolute;
  bottom: 2%;
  left: 2%;
}

@media (max-width: 767px) {
  .it-about-shape-1 {
    transform: scale(0.65);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-shape-1 {
    transform: scale(1);
  }
}

.it-about-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-about-shape-3 {
  position: absolute;
  bottom: 23%;
  right: 4%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-about-2-right {
  margin-left: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-right {
    margin-left: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-right {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-right {
    margin-left: 0;
    margin-bottom: 80px;
  }
}

.it-about-2-thumb {
  overflow: hidden;
  border-radius: 50px;
}

.it-about-2-thumb img {
  border-radius: 50px;
  transition: 1.3s all ease;
}

.it-about-2-thumb.style-1 {
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-thumb.style-3 {
    margin-left: 20px;
  }
}

.it-about-2-thumb:hover img {
  transform: scale(1.2);
}

.it-about-2-video {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}

.it-about-2-video .play-icon {
  height: 104px;
  width: 104px;
  line-height: 104px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: var(--it-theme-1);
  position: relative;
  display: inline-block;
  -webkit-animation: ripple-blue 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

@media (max-width: 767px) {
  .it-about-2-video .play-icon {
    font-size: 14px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.it-about-2-video .play-icon i {
  display: inline-block;
  padding-left: 3px;
}

.it-about-2-content>span {
  font-weight: 700;
  font-size: 18px;
  color: #09331b;
  display: block;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-content>span {
    font-size: 16px;
  }
}

.it-about-2-content p {
  margin-right: 40px;
  font-size: 16px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-content p {
    font-size: 15px;
    margin-right: 0;
  }
}

.it-about-2-tel-icon {
  margin-right: 15px;
  line-height: 0;
}

.it-about-2-tel-icon span {
  display: inline-block;
  font-size: 42px;
  color: var(--it-theme-1);
  transform: translateY(3px);
}

.it-about-2-tel-text span {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
  display: block;
  margin-bottom: 7px;
}

.it-about-2-tel-text a {
  font-weight: 700;
  font-size: 18px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

@media (max-width: 767px) {
  .it-about-2-tel-box {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-2-tel-box {
    margin-top: 0px;
  }
}

.it-about-2-icon-box span {
  font-size: 50px;
  display: inline-block;
  transform: translateY(3px);
  color: var(--it-common-green);
}

.it-about-2-icon-box h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #001d19;
  margin-bottom: 0;
}

.it-about-2-icon-box.style-1 {
  margin-right: 17px;
  border-right: 1px dashed var(--it-common-green);
}

.it-about-2-icon-box.style-2 {
  margin-left: 50px;
}

.it-about-2-icon-wrap.style-1 {
  margin-right: 40px;
  border-right: 1px dashed var(--it-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-icon-wrap.style-1 {
    margin-right: 6px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-icon-wrap.style-1 {
    margin-right: 55px;
  }
}

@media (max-width: 767px) {
  .it-about-2-icon-wrap.style-1 {
    border-right: none;
  }
}

.it-about-2-icon-wrap.style-2 {
  margin-left: 13px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-icon-wrap.style-2 {
    margin-left: 0;
  }
}

.it-about-3-right {
  margin-left: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-right {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-right {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-3-right {
    margin-left: 0px;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-3-right .it-choose-staff-title {
    font-size: 17px;
  }
}

.it-about-3-right .it-choose-staff-text p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #707279;
}

@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 .it-choose-staff-text p {
    font-size: 12px;
  }
}

.it-about-3-right .it-choose-staff.style-2 {
  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-about-3-right .it-choose-staff.style-2 {
    margin-left: 0;
  }
}

.it-about-3-right .it-choose-staff-icon span {
  color: var(--it-theme-2);
  background-color: rgba(203, 249, 255, 0.2);
  border: 1px solid var(--it-theme-2);
}

.it-about-3-right .it-choose-staff-icon span i {
  font-size: 34px;
}

.it-about-3-right .it-choose-staff-icon span::after {
  background-color: var(--it-theme-2);
}

.it-about-3-left {
  margin-right: 5px;
}

.it-about-3-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),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-3-thumb img {
    width: auto;
    transform: scale(0.95);
  }
}

.it-about-3-experience {
  position: absolute;
  border-radius: 20px;
  padding: 31px 30px;
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-experience {
    padding: 31px 27px;
    transform: scale(0.78);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-experience {
    padding: 23px 15px;
    transform: scale(0.75);
    left: -8px;
  }
}

.it-about-3-experience h6 {
  display: inline-block;
  height: 71px;
  width: 71px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 15px;
  border: 1px dashed var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.2);
  font-size: 34px;
  margin-bottom: 0;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

.it-about-3-experience span {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

.it-about-3-contact {
  position: absolute;
  right: 0;
  bottom: 10px;
  border-radius: 20px;
  padding: 24px 26px;
  background-color: #001E21;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-contact {
    right: -10px;
    bottom: 0;
    transform: scale(0.78);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-contact {
    right: -30px;
    bottom: -4%;
    transform: scale(0.63);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-contact {
    right: 7%;
  }
}

.it-about-3-contact>span {
  font-weight: 600;
  font-size: 18px;
  display: block;
  margin-bottom: 2px;
  color: var(--it-common-white);
}

.it-about-3-contact p {
  font-size: 14px;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
  color: var(--it-common-white);
}

.it-about-3-contact a {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

.it-about-3-contact a i {
  color: var(--it-theme-2);
  font-size: 18px;
  display: inline-block;
  margin-right: 7px;
  transform: translateY(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-about-3-text p {
    font-size: 15px;
  }

  .it-about-3-text p br {
    display: none;
  }
}

.it-about-3-ratting {
  margin-bottom: 5px;
}

.it-about-3-ratting i {
  font-size: 12px;
  color: #F6A828;
}

.it-about-3-shape-1 {
  position: absolute;
  bottom: 8%;
  right: 3%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-shape-1 {
    bottom: 2%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-shape-1 img {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-1 {
    transform: translateX(-30px) scale(0.8);
  }
}

.it-about-4-thumb-1 img {
  border-radius: 5px;
  transition: 0.5s;
}

@media (max-width: 767px) {
  .it-about-4-thumb-1 img {
    width: 100%;
  }
}

.it-about-4-thumb-2 {
  border-radius: 5px;
  position: absolute;
  right: -1%;
  bottom: 0;
  border: 5px solid #fff;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-2 {
    right: -4%;
    transform: scale(0.75);
  }
}

@media (max-width: 767px) {
  .it-about-4-thumb-2 {
    margin-top: 20px;
    position: static;
  }
}

.it-about-4-thumb-2 img {
  transition: 0.5s;
}

@media (max-width: 767px) {
  .it-about-4-thumb-2 img {
    width: 100%;
  }
}

.it-about-4-thumb-2:hover img {
  border-radius: 5px;
  transform: scale(1.1);
}

.it-about-4-left {
  padding-left: 80px;
  padding-bottom: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-left {
    padding-left: 0;
  }
}

@media (max-width: 767px) {
  .it-about-4-left {
    padding-left: 0;
    padding-bottom: 0;
  }
}

.it-about-4-shape-1 {
  position: absolute;
  bottom: 4%;
  left: 20%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-shape-1 {
    left: 10%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-1 {
    left: 10%;
    bottom: 12%;
    transform: scale(0.7);
  }
}

.it-about-4-shape-2 {
  position: absolute;
  top: -9%;
  left: -2%;
  z-index: -1;
  animation: zoom 3s infinite;
}

.it-about-style-2 .it-about-2-tel-icon span {
  color: var(--it-common-green);
}

.it-about-style-2 .it-about-2-tel-text a {
  color: var(--it-common-green);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-style-2 .it-about-2-icon-box h5 {
    font-size: 16px;
  }
}

.it-about-style-2 .it-about-2-icon-box.style-1 {
  margin-right: -26px;
}

.it-about-5-right {
  margin-left: -32px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-right {
    margin-left: -70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-right {
    margin-left: -78px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-right {
    margin-bottom: 70px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-about-5-right {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-about-5-content {
    margin-bottom: 50px;
  }
}

.it-about-5-content p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #686868;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-content p {
    font-size: 14px;
  }

  .it-about-5-content p br {
    display: none;
  }
}

.it-about-5-client-item.style-2 {
  margin-left: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-client-item.style-2 {
    margin-left: 75px;
  }
}

.it-about-5-client-item span {
  font-size: 16px;
  display: block;
  letter-spacing: -0.01em;
  color: var(--it-common-red);
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-client-item span {
    font-size: 14px;
  }
}

.it-about-5-client-item span::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 203px;
  background-color: #686868;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-client-item span::after {
    width: 120%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-client-item span::after {
    width: 100%;
  }
}

.it-about-5-client-item i {
  font-weight: 700;
  font-size: 42px;
  font-style: normal;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-client-item i {
    font-size: 35px;
  }
}

.it-about-5-client-item i b {
  font-weight: 700;
}

.it-about-5-thumb-sm {
  margin-bottom: -70px;
  overflow: hidden;
  margin-left: 7px;
}

@media (max-width: 767px) {
  .it-about-5-thumb-sm {
    margin-left: 0;
    margin-bottom: 0;
    margin-bottom: 30px;
  }
}

.it-about-5-thumb-sm img {
  transition: 0.7s;
}

@media (max-width: 767px) {
  .it-about-5-thumb-sm img {
    width: 100%;
  }
}

.it-about-5-thumb-sm:hover img {
  transform: scale(1.1);
}

.it-about-5-thumb {
  overflow: hidden;
  margin-right: 84px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-thumb {
    margin-right: 0;
  }
}

.it-about-5-thumb img {
  transition: 0.7s;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-5-thumb img {
    width: 100%;
  }
}

.it-about-5-thumb:hover img {
  transform: scale(1.1);
}

.it-about-5-shape-1 {
  position: absolute;
  top: -4.5%;
  right: -9%;
  z-index: -1;
  animation: zoom 4s infinite;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 {
    right: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 img {
    transform: scale(0.7);
  }
}

/*----------------------------------------*/
/*  33. appointment css start
/*----------------------------------------*/
.it-appointment-wrapper {
  margin-top: -75px;
  padding: 45px 185px;
  border-radius: 5px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-appointment-wrapper {
    padding: 45px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-appointment-wrapper {
    padding: 45px 40px;
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .it-appointment-wrapper {
    padding: 45px 20px;
    flex-wrap: wrap;
  }
}

.it-appointment-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-appointment-title {
    margin-bottom: 30px;
  }
}

.it-appointment-content a {
  margin-bottom: 5px;
  display: inline-block;
  color: var(--it-common-black);
}

.it-appointment-content p {
  margin-bottom: 0;
  color: var(--it-common-black);
}

.it-appointment-item {
  background-color: #eef5ff;
}

.it-appointment-weekly-name th {
  color: var(--it-common-black);
}

.it-appointment-time {
  color: var(--it-common-black);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-appointment-main-box {
    overflow-x: scroll;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-appointment-box {
    width: max-content;
  }
}

.it-appointment-item-box:focus {
  background-color: var(--it-theme-1);
}

table {
  border: 1px solid #dbdbdb;
  width: 100%;
}

table td,
table th {
  border: 1px solid #dbdbdb;
  padding: 8px;
  text-align: center;
}

/*----------------------------------------*/
/*  05. blog css start
/*----------------------------------------*/
.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-blog-thumb {
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.it-blog-thumb img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  transition: 1.3s all ease;
}

.it-blog-date {
  position: absolute;
  bottom: 20px;
  left: 30px;
  padding: 8px 17px;
  border-radius: 5px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-date {
    padding: 5px 12px;
  }
}

.it-blog-date-text {
  font-size: 45px;
  margin-bottom: 0;
  transition: 0.3s;
}

@media 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-date-text {
    font-size: 30px;
  }
}

.it-blog-date span {
  color: var(--it-common-white);
  transition: 0.3s;
}

@media 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-date span {
    font-size: 14px;
  }
}

.it-blog-meta {
  margin-bottom: 15px;
}

.it-blog-meta span {
  font-size: 14px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-meta span {
    font-size: 13px;
  }
}

.it-blog-meta span i {
  color: var(--it-theme-1);
  display: inline-block;
  margin-right: 10px;
  transform: translateY(2px);
}

.it-blog-meta span:first-child {
  margin-right: 25px;
}

.it-blog-title {
  font-size: 23px;
  margin-bottom: 25px;
  letter-spacing: -0.02em;
  line-height: 1.4;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-title {
    font-size: 18px;
  }
}

.it-blog-title a {
  transition: 0.3s;
}

.it-blog-title a:hover {
  color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-blog-title-box {
    margin-bottom: 30px;
  }
}

.it-blog-content {
  padding: 30px 30px;
  padding-bottom: 35px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 4px 50px 0 rgba(9, 51, 27, 0.15);
  background: #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-content {
    padding: 20px 20px;
    padding-bottom: 25px;
  }
}

.it-blog-shape-1 {
  position: absolute;
  top: -8%;
  right: 35%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-blog-2-item {
  padding: 40px;
  padding-bottom: 30px;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 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-blog-2-item {
    padding: 30px 20px;
    padding-bottom: 20px;
  }
}

.it-blog-2-item:hover .it-blog-2-thumb img {
  transform: scale(1.2);
}

.it-blog-2-item .it-blog-title a:hover {
  color: var(--it-theme-2);
}

.it-blog-2-thumb {
  border-radius: 5px;
  overflow: hidden;
}

.it-blog-2-thumb img {
  width: 100%;
  border-radius: 5px;
  transition: 1.3s all ease;
}

.it-blog-2-meta {
  margin-bottom: 15px;
}

.it-blog-2-meta span {
  font-size: 14px;
  letter-spacing: -0.01em;
  background-color: #CBF9FF;
  color: var(--it-theme-2);
  padding: 6px 18px;
  display: inline-block;
}

.it-blog-2-content p {
  font-size: 16px;
  letter-spacing: -0.02em;
  margin-right: 20px;
  color: #99999F;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-2-content p {
    font-size: 14px;
  }
}

.it-blog-2-text p {
  font-weight: 600;
  color: #6A6D7A;
  margin-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-text p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-2-text p {
    font-size: 14px;
    margin-right: 5px;
  }
}

@media (max-width: 767px) {
  .it-blog-2-text p {
    font-size: 14px;
    margin-right: 0;
  }
}

.it-blog-2-shape-1 {
  position: absolute;
  top: 7%;
  left: 2%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-shape-1 img {
    transform: scale(0.7);
  }
}

.it-blog-style-2 .it-blog-date {
  background-color: var(--it-common-green);
}

.it-blog-style-2 .it-blog-meta span i {
  color: var(--it-common-green);
}

.it-blog-style-2 .it-blog-title a:hover {
  color: var(--it-common-green);
}

.it-blog-style-2 .it-btn-blog {
  color: var(--it-theme-3);
  background-color: #F8F8F8;
}

.it-blog-style-2 .it-btn-blog:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-style-2 .it-blog-shape-1 {
    top: 4%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-style-2 .it-blog-shape-1 img {
    transform: scale(0.6);
  }
}

.it-blog-style-3 .it-blog-2-meta span {
  border-radius: 1000px;
  color: var(--it-common-red);
  background-color: rgba(238, 52, 78, 0.1);
}

.it-blog-style-3 .it-blog-title:hover a {
  color: var(--it-common-red);
}

.it-blog-style-4 .it-blog-2-meta span {
  color: var(--it-theme-1);
  background-color: rgba(7, 108, 236, 0.1);
}

.it-blog-style-4 .it-blog-title:hover a {
  color: var(--it-theme-1);
}

/*--- details css start ---*/
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap {
    display: none;
  }
}

.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 {
  height: 60px;
  width: 60px;
  line-height: 64px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  text-align: center;
  font-size: 18px;
}

.postbox-meta span {
  margin-right: 35px;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #99999f;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .postbox-meta span {
    display: inline-block;
    margin-bottom: 10px;
  }
}

.postbox-meta span i {
  transform: translateY(2px);
  color: #00102F;
  margin-right: 10px;
  font-size: 16px;
  display: inline-block;
}

.postbox-meta span:hover {
  color: var(--it-theme-1);
}

.postbox-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #00102f;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-title {
    font-size: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .postbox-title {
    font-size: 24px;
  }
}

.postbox-title:hover {
  color: var(--it-theme-1);
}

.postbox-area p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #74747c;
}

.postbox-content-box .it-sv-details__banner-right {
  padding: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-content-box .it-sv-details__banner-right {
    padding-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) {
  .postbox-content-box .it-sv-details__banner-right {
    margin-left: 0;
  }
}

.postbox-content-box .it-sv-details__banner {
  display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-content-box .it-sv-details__banner {
    display: block;
    margin-bottom: 35px;
  }
}

.postbox-content-box .it-sv-details__banner img {
  border-radius: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-content-box .it-sv-details__banner img {
    height: 400px;
  }
}

.postbox-blookquote {
  padding: 27px 40px;
  padding-bottom: 75px;
  padding-right: 80px;
  border-radius: 10px;
}

@media (max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-blookquote {
    padding: 25px 20px;
  }
}

.postbox-blookquote>span {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #fff;
  line-height: 1.6;
  display: inline-block;
  color: var(--it-common-white);
  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) {
  .postbox-blookquote>span {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .postbox-blookquote>span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-blookquote>span {
    font-size: 16px;
  }
}

.postbox-blookquote .quote {
  position: absolute;
  right: 40px;
  bottom: 40px;
}

@media (max-width: 767px) {
  .postbox-blookquote .quote {
    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),
only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-wrap {
    padding-right: 0;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}

.postbox-tag-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #00102f;
  margin: 0;
  margin-right: 18px;
}

@media (max-width: 767px) {
  .postbox-tag-title {
    font-size: 14px;
  }
}

.postbox-tag-content a {
  border-radius: 3px;
  padding: 9px 20px;
  font-size: 16px;
  color: #99999f;
  display: inline-block;
  transition: 0.3s;
  margin-right: 3px;
  background-color: var(--it-common-white);
}

@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 5px 10px;
    font-size: 13px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-tag-content a {
    margin-bottom: 0;
  }
}

.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.postbox-tag-content a.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.postbox-tag-box {
  padding-bottom: 40px;
  border-bottom: 1px solid #EBF0E7;
}

.postbox-share-content a {
  font-size: 18px;
  display: inline-block;
  transition: 0.3s;
}

.postbox-share-content a.linkedin {
  color: #0072AC;
}

.postbox-share-content a.facebook {
  color: #0072AC;
}

.postbox-share-content a.pinterest {
  color: #DA0021;
}

.postbox-share-content a.twitter {
  color: #3AC4FF;
}

.postbox-share-content a:not(:last-child) {
  margin-right: 25px;
}

.postbox-comment-title {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #00102f;
}

@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}

.postbox-comment-user .reply-icon {
  position: absolute;
  top: 14%;
  right: 6%;
}

.postbox-comment-content {
  border-bottom: 1px solid #EBF0E7;
}

.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 40px;
  display: inline-block;
}

.postbox-comment-content ul li.children {
  margin-left: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-comment-content ul li.children {
    margin-left: 0;
  }
}

.postbox-user-thumb {
  flex: 0 0 auto;
  margin-right: 30px;
}

@media (max-width: 767px) {
  .postbox-user-thumb {
    margin-bottom: 15px;
  }
}

.postbox-user-thumb img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
}

.postbox-user-info {
  margin-top: 12px;
}

.postbox-user-info .user-title {
  font-weight: 600;
  font-size: 18px;
  color: #00102f;
}

.postbox-user-info span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #99999f;
  display: block;
  margin-bottom: 7px;
}

.postbox-user-info p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #74747c;
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-user-info p br {
    display: none;
  }
}

.postbox-review-title {
  font-size: 22px;
}

.postbox-review-input input {
  height: 58px;
  line-height: 58px;
  border: 1px solid #EBF0E7;
  border-radius: 5px;
  margin-bottom: 20px;
}

.postbox-review-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.postbox-review-input input::-webkit-input-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-input input:-moz-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-input input::-moz-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-input input:-ms-input-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-textarea textarea {
  border: 1px solid #EBF0E7;
  border-radius: 5px;
  height: 170px;
  padding: 20px 20px;
}

.postbox-review-textarea textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.postbox-review-textarea textarea::-webkit-input-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-textarea textarea:-moz-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-textarea textarea::-moz-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

.postbox-review-textarea textarea:-ms-input-placeholder {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747C;
}

@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-thumb-box {
    margin-bottom: 50px;
  }
}

.sidebar-wrapp p {
  margin-bottom: 23px;
}

.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.sidebar-button button i {
  color: var(--it-common-black);
}

.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}

.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(24, 24, 24, 0.7);
  content: "";
  border-radius: 5px;
  z-index: -1;
}

.sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--it-common-white);
  margin-bottom: 20px;
}

.sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--it-theme-2);
  margin-bottom: 10px;
}

.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}

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

.sidebar__title {
  font-size: 45px;
  margin-bottom: 20px;
}

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

.sidebar__banner-right {
  padding: 46px 51px 50px 30px;
  background: var(--it-grey-1);
  border-radius: 10px;
}

.sidebar__banner-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}

.sidebar__banner-list ul li {
  position: relative;
  list-style: none;
  padding-left: 25px;
  color: var(--it-common-black);
  margin-bottom: 10px;
}

.sidebar__banner-list ul li i {
  position: absolute;
  color: var(--it-theme-2);
  top: 3px;
  left: 0;
}

.sidebar__content-title {
  font-size: 40px;
}

.sidebar__button a {
  text-transform: uppercase;
  border-radius: 50px;
}

.sidebar-widget {
  padding: 40px 45px;
  padding-top: 35px;
  background-color: #F1F3FD;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget {
    padding: 35px 30px;
    padding-top: 30px;
  }
}

.sidebar-widget-title {
  border-radius: 5px;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #00102f;
}

.sidebar-widget-list a {
  position: relative;
  display: block;
  padding: 21px 20px;
  padding-left: 60px;
  margin-bottom: 15px;
  transition: 0.3s;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #99999f;
  border-radius: 5px;
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .sidebar-widget-list a {
    padding: 21px 15px;
    padding-left: 50px;
    font-size: 14px;
  }
}

.sidebar-widget-list a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.sidebar-widget-list a.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.sidebar-widget-list a i {
  position: absolute;
  top: 53%;
  left: 25px;
  transform: translateY(-50%);
  transition: 0.3s;
}

.sidebar-search-box input {
  height: 62px;
  line-height: 62px;
  padding-left: 25px;
  padding-right: 70px;
  border-radius: 5px;
  background-color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
}

.sidebar-search-button {
  position: absolute;
  top: 0;
  right: 0;
}

.sidebar-search-button button {
  border-radius: 0 5px 5px 0;
  width: 62px;
  height: 62px;
  line-height: 68px;
  text-align: center;
  background-color: var(--it-theme-1);
}

.sidebar-search-button button i {
  font-size: 22px;
  color: var(--it-common-white);
}

.sidebar-right {
  margin-left: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-right {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-right {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .sidebar-right {
    margin-left: 0px;
    margin-top: 60px;
  }
}

.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 {
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 16px 30px;
  margin-bottom: 10px;
  margin-right: 10px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #74747c;
  text-align: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    padding: 12px 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 14px;
    padding: 12px 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 14px;
    padding: 12px 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 14px;
    padding: 12px 25px;
  }
}

@media (max-width: 767px) {
  .tagcloud a {
    font-size: 14px;
    padding: 12px 25px;
  }
}

.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}

.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post:last-child {
  margin-bottom: 0;
}

.rc-post-thumb img {
  max-width: inherit;
}

.rc-post-title {
  font-weight: 600;
  font-size: 18px;
  color: #121212;
  transition: 0.3s;
  line-height: 1.4;
  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),
(max-width: 767px) {
  .rc-post-title {
    font-size: 16px;
  }
}

.rc-post-title:hover {
  color: var(--it-theme-1);
}

.rc-meta i {
  margin-right: 10px;
  color: var(--it-theme-1);
}

.rc-meta span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #74747c;
}

/*----------------------------------------*/
/*  11. choose css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-choose-staff {
    margin-bottom: 15px;
  }
}

.it-choose-staff-icon {
  margin-right: 20px;
}

.it-choose-staff-icon span {
  height: 68px;
  width: 68px;
  line-height: 76px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-theme-1);
  text-align: center;
  background-color: #DEE4FF;
  position: relative;
  z-index: 1;
  transition: 0.3s;
}

.it-choose-staff-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  transform: scale(0);
  transition: 0.5s;
  z-index: -1;
}

.it-choose-staff-icon span i {
  font-size: 34px;
}

.it-choose-staff-title {
  font-size: 20px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-staff-title {
    font-size: 18px;
  }
}

.it-choose-staff-text p {
  font-size: 16px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-staff-text p {
    font-size: 14px;
  }

  .it-choose-staff-text p br {
    display: none;
  }
}

.it-choose-staff.style-2 {
  margin-left: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-staff.style-2 {
    margin-left: 0;
  }
}

.it-choose-staff.style-2 .it-choose-staff-icon span::after {
  background-color: var(--it-theme-2);
}

.it-choose-staff.blue-color.style-1 .it-choose-staff-icon span::after {
  background-color: var(--it-theme-1);
}

.it-choose-staff.blue-color.style-2 .it-choose-staff-icon span::after {
  background-color: var(--it-theme-1);
}

.it-choose-staff.style-1 .it-choose-staff-icon span::after {
  background-color: var(--it-theme-2);
}

.it-choose-staff:hover .it-choose-staff-icon span {
  color: var(--it-common-white);
}

.it-choose-staff:hover .it-choose-staff-icon span::after {
  transform: scale(1);
}

.it-choose-right {
  padding-bottom: 70px;
  padding-left: 45px;
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-right {
    display: block;
    padding-left: 0;
  }
}

.it-choose-thumb img {
  border-radius: 130px 20px 20px 20px;
}

.it-choose-play {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  height: 104px;
  width: 104px;
  line-height: 104px;
  border-radius: 50%;
  color: var(--it-theme-1);
  margin: 0 auto;
  background-color: var(--it-common-white);
  -webkit-animation: ripple-blue 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.it-choose-play i {
  display: inline-block;
  padding-left: 4px;
  color: var(--it-theme-1);
}

.it-choose-experience {
  position: absolute;
  bottom: 0;
  left: -17%;
  padding: 20px 32px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  animation: ittranslateX2 3s infinite alternate;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-experience {
    transform: scale(0.8);
    animation: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-experience {
    left: 8%;
  }
}

@media (max-width: 767px) {
  .it-choose-experience {
    transform: scale(0.8);
    animation: none;
    left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-choose-experience {
    transform: scale(1);
    animation: none;
    left: 0;
  }
}

.it-choose-experience h6 {
  font-size: 34px;
  margin-right: 20px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

.it-choose-experience span {
  font-weight: 600;
  font-size: 18px;
  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-choose-text p {
    font-size: 14px;
  }

  .it-choose-text p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-left {
    margin-bottom: 50px;
  }
}

.it-choose-shape-1 {
  position: absolute;
  top: 12%;
  right: -18%;
  z-index: -1;
  animation: zoom 4s infinite;
}

.it-choose-shape-2 {
  position: absolute;
  bottom: 13%;
  right: 4%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-choose-shape-3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  animation: zoom 4s infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-style-2 .it-choose-staff {
    flex-wrap: wrap;
  }
}

.it-choose-style-2 .it-choose-staff.style-2 {
  margin-left: -45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-style-2 .it-choose-staff.style-2 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-style-2 .it-choose-staff-icon {
    margin-bottom: 20px;
  }
}

.it-choose-style-2 .it-choose-staff-icon span {
  height: 68px;
  width: 68px;
  line-height: 76px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-theme-2);
  text-align: center;
  background-color: rgba(203, 249, 255, 0.2);
  border: 1px solid var(--it-theme-2);
}

.it-choose-style-2 .it-choose-staff-icon span i {
  font-size: 34px;
}

.it-choose-style-2 .it-choose-right {
  padding-bottom: 0px;
  transform: translateX(-67px);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-style-2 .it-choose-right {
    transform: translateX(0px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-style-2 .it-choose-left {
    margin-bottom: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb {
    display: inline-block;
  }
}

.it-choose-style-2 .it-choose-thumb>img {
  border-radius: 0 150px 0 0;
}

.it-choose-style-2 .it-choose-play {
  -webkit-animation: ripple-sky 1s linear infinite;
  animation: ripple-sky 1s linear infinite;
}

.it-choose-style-2 .it-choose-play i {
  color: var(--it-theme-2);
}

.it-choose-style-2 .it-choose-shape-2 {
  position: absolute;
  top: -2%;
  bottom: auto;
  right: auto;
  left: 2%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-choose-style-2 .it-choose-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: -35px;
  right: -50px;
}

.it-choose-style-2 .it-choose-shape-4 {
  position: absolute;
  z-index: -1;
  top: -30px;
  left: -45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-style-2 .it-choose-shape-4 {
    top: -50px;
    transform: scale(0.95);
  }
}

.it-choose-2-thumb {
  overflow: hidden;
  border-radius: 10px;
}

.it-choose-2-thumb img {
  border-radius: 10px;
  transition: 0.5s;
}

.it-choose-2-thumb:hover img {
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-2-right {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-2-right p {
    font-size: 15px;
  }

  .it-choose-2-right p br {
    display: none;
  }
}

.it-choose-2-shape-1 {
  position: absolute;
  top: -8%;
  right: -11%;
  z-index: -1;
  animation: zoom 3s infinite;
}

.it-choose-2-shape-2 {
  position: absolute;
  bottom: 21%;
  right: 9%;
  z-index: -1;
  animation: moving 9s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-style-3 .it-choose-staff {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-style-3 .it-choose-staff-icon {
    margin-bottom: 20px;
  }
}

.it-choose-style-3 .it-choose-staff-icon span {
  color: var(--it-common-red);
  background-color: rgba(238, 52, 77, 0.2);
}

.it-choose-style-3 .it-choose-staff.style-2 {
  margin-left: 5px;
}

.it-choose-style-3 .it-choose-right {
  padding: 0;
  padding-right: 130px;
  display: block;
}

@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-right {
    padding-right: 0;
  }
}

.it-choose-style-3 .it-choose-thumb img {
  border-radius: 10px;
}

@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-thumb img {
    width: 100%;
  }
}

.it-choose-style-3 .it-choose-thumb-sm {
  position: absolute;
  bottom: -35px;
  right: 0;
}

@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-thumb-sm {
    position: static;
    margin-top: 20px;
  }
}

.it-choose-style-3 .it-choose-thumb-sm img {
  border-radius: 10px;
  border: 2px solid var(--it-common-white);
}

@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-thumb-sm img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-style-3 .it-choose-left {
    margin-bottom: 70px;
  }
}

.it-choose-style-3 .it-choose-experience {
  position: absolute;
  bottom: -7%;
  left: 9%;
  padding: 0;
  height: 188px;
  width: 188px;
  text-align: center;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
  border: 2px solid var(--it-common-white);
}

@media (max-width: 767px) {
  .it-choose-style-3 .it-choose-experience {
    display: none;
  }
}

.it-choose-style-3 .it-choose-experience h6 {
  font-size: 50px;
}

.it-choose-style-3 .it-choose-experience span {
  font-size: 16px;
  letter-spacing: -0.01em;
}

.it-choose-style-3 .it-choose-staff.style-1 .it-choose-staff-icon span::after,
.it-choose-style-3 .style-2 .it-choose-staff-icon span::after {
  background-color: var(--it-common-red);
}

/*----------------------------------------*/
/*  12. contact css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-area {
    padding-top: 100px;
  }
}

.it-contact-bg {
  position: absolute;
  bottom: 0;
  width: 58%;
  height: 76%;
  background-color: var(--it-common-black-2);
  z-index: -1;
  margin-bottom: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-bg {
    width: 100%;
    height: 100%;
  }
}

.it-contact-left {
  padding-top: 70px;
  padding-bottom: 145px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-left {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}

.it-contact-text p {
  margin-right: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-text p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-text p {
    font-size: 14px;
  }
}

.it-contact-from-wrap {
  padding: 60px 30px;
  padding-bottom: 35px;
  border-radius: 10px;
  background-color: #fff;
}

.it-contact-input-box input,
.it-contact-input-box textarea {
  border: 1px solid #DBDBDB;
}

.it-contact-input-box input:focus,
.it-contact-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.it-contact-input-box textarea {
  height: 180px;
  padding: 15px 20px;
}

.it-contact-tel-wrap {
  margin-top: -105px;
  margin-right: 24px;
  padding: 35px 30px;
  border-radius: 10px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-tel-wrap {
    margin-top: 50px;
    margin-right: 0;
  }
}

.it-contact-tel-icon {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .it-contact-tel-icon {
    margin-right: 15px;
  }
}

.it-contact-tel-icon span {
  height: 50px;
  width: 50px;
  line-height: 57px;
  border-radius: 50%;
  color: var(--it-theme-1);
  display: inline-block;
  text-align: center;
  font-size: 24px;
  background-color: var(--it-common-white);
}

.it-contact-tel-text a {
  font-weight: 600;
  font-size: 18px;
  display: block;
  color: var(--it-common-white);
  text-decoration: transparent;
}

@media (max-width: 767px) {
  .it-contact-tel-text a {
    font-size: 16px;
  }
}

.it-contact-tel-text a:hover {
  text-decoration: underline;
}

.it-contact-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.it-contact-overley {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

.it-contact-overley::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: rgba(0, 30, 33, 0.9);
}

.it-contact-title {
  font-weight: 700;
  font-size: 42px;
  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-title {
    font-size: 36px;
  }
}

@media (max-width: 767px) {
  .it-contact-title {
    font-size: 27px;
  }
}

.it-contact__content {
  margin-left: -26px;
  padding: 50px 45px;
  border-radius: 10px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact__content {
    padding: 50px 25px;
    margin-left: 0;
  }
}

.it-contact__content ul li {
  list-style: none;
}

.it-contact__content ul li:not(:last-child) {
  margin-bottom: 25px;
}

.it-contact__text span {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
  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-contact__text span {
    margin-bottom: 5px;
  }
}

.it-contact__text>a {
  display: block;
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  transition: 0.3s;
  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) {
  .it-contact__text>a {
    font-size: 16px;
  }

  .it-contact__text>a br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-contact__text>a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact__text>a {
    font-size: 18px;
  }
}

.it-contact__text>a:hover {
  text-decoration: underline;
}

.it-contact__icon {
  margin-right: 20px;
}

.it-contact__icon span {
  font-size: 18px;
  color: var(--it-theme-1);
  display: inline-block;
  height: 62px;
  width: 62px;
  line-height: 61px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-common-white);
}

.it-contact-style-2 .it-contact-input-box input:focus,
.it-contact-style-2 .it-contact-input-box textarea:focus {
  border: 1px solid var(--it-theme-2);
}

.it-contact-style-2 .it-contact-input-box input {
  height: 48px;
  line-height: 48px;
}

.it-contact-style-2 .it-contact-from-wrap {
  margin-bottom: -55px;
  padding-top: 50px;
  margin-left: -35px;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-style-2 .it-contact-from-wrap {
    margin-left: 0;
  }
}

.it-contact-style-2 .it-contact-item {
  margin-bottom: 95px;
}

.it-contact-style-2 .it-contact-text p {
  color: #6A6D7A;
}

@media 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-text p {
    margin-right: 0;
    font-size: 14px;
  }

  .it-contact-style-2 .it-contact-text p br {
    display: none;
  }
}

.it-contact-style-3 {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-contact-style-3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-color: rgba(104, 104, 104, 0.8);
}

.it-contact-style-3 .it-contact-bg {
  z-index: -1;
  height: 84%;
  border-radius: 0 10px 10px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-style-3 .it-contact-bg {
    height: 100%;
  }
}

.it-contact-style-3 .it-contact-tel-wrap {
  background-color: var(--it-common-red);
}

.it-contact-style-3 .it-contact-tel-icon span {
  color: var(--it-common-red);
}

.it-contact-style-3 .it-contact-input-box input:focus,
.it-contact-style-3 .it-contact-input-box textarea:focus {
  border: 1px solid var(--it-common-red);
}

.it-contact-style-3 .it-contact-from-wrap {
  background: #fff;
  margin-bottom: -322px;
  box-shadow: 0 4px 30px 0 rgba(25, 33, 54, 0.15);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-style-3 .it-contact-from-wrap {
    margin-bottom: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-inner-style {
    padding-bottom: 20px;
  }
}

.it-contact-inner-style .it-contact-from-wrap {
  padding: 65px 70px;
  padding-bottom: 70px;
  background-color: #DEE4FF;
  margin-right: 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-inner-style .it-contact-from-wrap {
    padding: 55px 30px;
    padding-bottom: 60px;
    margin-right: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-inner-style .it-contact-from-wrap {
    padding: 55px 30px;
    padding-bottom: 60px;
    margin-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-inner-style .it-contact-from-wrap {
    padding: 55px 30px;
    padding-bottom: 60px;
    margin-right: 0px;
    margin-bottom: 50px;
  }
}

.it-contact-inner-style .it-contact-input-box input {
  height: 58px;
  line-height: 58px;
  border: 1px solid transparent;
}

.it-contact-inner-style .it-contact-input-box input::placeholder {
  color: var(--it-common-black);
}

.it-contact-inner-style .it-contact-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-contact-inner-style .it-contact-input-box textarea {
  border: 1px solid transparent;
}

.it-contact-inner-style .it-contact-input-box textarea::placeholder {
  color: var(--it-common-black);
}

.it-contact-inner-style .it-contact-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.it-map-content {
  line-height: 0;
}

.it-map-content iframe {
  height: 540px;
  border-radius: 10px;
  width: 100%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-map-content iframe {
    height: 450px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-map-content iframe {
    height: 400px;
  }
}

@media (max-width: 767px) {
  .it-map-content iframe {
    height: 300px;
  }
}

.it-appointments-inner-style .it-contact-from-wrap {
  padding: 60px 80px;
  padding-top: 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-appointments-inner-style .it-contact-from-wrap {
    padding: 40px 30px;
    padding-top: 30px;
  }
}

.it-appointments-inner-style .it-contact-input-box input,
.it-appointments-inner-style .it-contact-input-box textarea {
  background-color: #DEE4FF;
  border: 1px solid transparent;
  padding-left: 25px;
  padding-right: 25px;
}

.it-appointments-inner-style .it-contact-input-box input::placeholder,
.it-appointments-inner-style .it-contact-input-box textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #95979d;
}

.it-appointments-inner-style .it-contact-input-box input:focus,
.it-appointments-inner-style .it-contact-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.it-appointments-inner-style .it-contact-input-box input {
  height: 60px;
  line-height: 60px;
}

.postbox__select .nice-select {
  height: 55px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 20px;
  line-height: 55px;
  border-radius: 5px;
  border: 1px solid #DBDBDB;
  position: relative;
}

.postbox__select .nice-select::after {
  top: 27%;
}

/*----------------------------------------*/
/*  16. footer css start
/*----------------------------------------*/
.it-footer-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-footer-logo {
  margin-bottom: 29px;
}

.it-footer-text p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #c0bebe;
  margin-right: 34px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-text 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-footer-text p {
    font-size: 15px;
  }

  .it-footer-text p br {
    display: none;
  }
}

.it-footer-text span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fff;
  font-weight: 500;
  text-decoration: underline;
  display: block;
  margin-bottom: 5px;
}

.it-footer-social a {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--it-common-white);
  line-height: 48px;
  text-align: center;
  color: var(--it-theme-1);
  transition: 0.3s;
}

.it-footer-social a:not(:last-child) {
  margin-right: 7px;
}

.it-footer-social a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-footer-widget-title {
  font-size: 23px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  text-decoration: underline;
  padding-top: 4px;
  margin-bottom: 45px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-widget-title {
    font-size: 20px;
  }
}

.it-footer-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
}

.it-footer-list ul li:not(:last-child) {
  margin-bottom: 25px;
}

.it-footer-list ul li a {
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  color: #c0bebe;
  display: inline-block;
  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-footer-list ul li a {
    font-size: 15px;
  }
}

.it-footer-list ul li a i {
  display: inline-block;
  position: absolute;
  top: 1px;
  left: 0;
  transition: 0.3s;
}

.it-footer-list ul li a:hover {
  color: var(--it-theme-1);
}

.it-footer-list ul li a:hover i {
  color: var(--it-theme-1);
}

.it-footer-input-box input {
  height: 58px;
  line-height: 58px;
  border-radius: 8px;
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.12);
  color: var(--it-common-white);
}

.it-footer-input-box input::-webkit-input-placeholder {
  color: var(--it-common-white);
}

.it-footer-input-box input:-moz-placeholder {
  color: var(--it-common-white);
}

.it-footer-input-box input::-moz-placeholder {
  color: var(--it-common-white);
}

.it-footer-input-box input:-ms-input-placeholder {
  color: var(--it-common-white);
}

.it-footer-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-footer-input-box .it-btn-theme {
  text-transform: uppercase;
}

.it-footer-agree .form-check label {
  font-weight: 500;
  font-size: 14px;
  color: #c0bebe;
}

.it-footer-agree .form-check label:hover {
  cursor: pointer;
}

.it-footer-agree .form-check input:hover {
  cursor: pointer;
}

.it-footer-agree .form-check-input:checked {
  background-color: var(--it-theme-2);
  border-color: transparent;
}

.it-footer-agree .form-check-input:focus {
  box-shadow: none;
}

.it-footer-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 3px;
  margin-top: 3px;
  height: 16px;
  width: 16px;
  padding: 0;
}

.it-footer-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

.it-footer-shape-2 {
  position: absolute;
  bottom: 17%;
  right: 4%;
  z-index: -1;
  animation: itrotate 2.5s ease-in-out 2.5s infinite alternate forwards;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shape-2 {
    bottom: 10%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shape-2 img {
    transform: scale(0.7);
  }
}

.it-footer-contact-icon {
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-contact-icon {
    margin-right: 15px;
  }
}

.it-footer-contact-icon span {
  font-size: 24px;
  height: 70px;
  width: 70px;
  line-height: 78px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-contact-icon span {
    font-size: 18px;
    height: 50px;
    width: 50px;
    line-height: 58px;
  }
}

.it-footer-contact-text span {
  font-size: 16px;
  display: block;
  margin-bottom: 10px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-contact-text span {
    font-size: 14px;
  }
}

.it-footer-contact-text a {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #fff;
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-contact-text a {
    font-size: 19px;
  }
}

@media 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-contact-text a {
    font-size: 17px;
  }
}

.it-footer-newsletter-wrap {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  padding: 30px 48px;
  width: 31.4%;
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-newsletter-wrap {
    width: 35.5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-newsletter-wrap {
    width: 35.5%;
    padding: 30px 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-newsletter-wrap {
    width: 54.5%;
    position: static;
  }
}

@media (max-width: 767px) {
  .it-footer-newsletter-wrap {
    width: 100%;
    position: static;
  }
}

.it-footer-newsletter-wrap .it-contact-input-box input {
  height: 52px;
  line-height: 52px;
  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-footer-newsletter-wrap .it-contact-input-box input {
    height: 45px;
    line-height: 45px;
  }
}

.it-footer-newsletter-wrap .it-contact-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-newsletter-wrap .it-contact-title {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .it-footer-newsletter-wrap .it-contact-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-newsletter-wrap .it-contact-title {
    font-size: 28px;
  }
}

.it-footer-button-box .it-btn-theme {
  padding: 15px 18px;
  border-radius: 0;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  background-color: var(--it-common-black);
}

.it-footer-button-icon {
  margin-left: 1px;
}

.it-footer-button-icon>span {
  font-size: 19px;
  height: 50.8px;
  width: 50.8px;
  line-height: 51px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-footer-contact-text p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-contact-text p {
    font-size: 14px;
  }

  .it-footer-contact-text p br {
    display: none;
  }
}

.it-footer-top-area {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}

.it-footer-top-right {
  margin-left: 31px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-top-right {
    margin-left: 0;
  }
}

.it-footer-top-right .it-footer-input-box input {
  border-radius: 5px 0 0 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-top-right .it-footer-input-box input {
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
  }
}

.it-footer-top-right .it-footer-input-box button {
  position: absolute;
  top: 0;
  right: 0;
  padding: 18.6px 40px;
  border-radius: 0 5px 5px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-top-right .it-footer-input-box button {
    padding: 13px 40px;
  }
}

.it-footer-top-right p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #99999f;
}

.it-footer-top-title {
  position: relative;
  display: inline-block;
  padding-bottom: 25px;
  margin-bottom: 24px;
  font-weight: 700;
  font-size: 42px;
  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-footer-top-title {
    font-size: 30px;
  }
}

.it-footer-top-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 116%;
  background-color: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .it-footer-top-left {
    margin-bottom: 50px;
  }
}

.it-footer-top-left p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #F0F1F1;
}

@media 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-top-left p {
    font-size: 14px;
  }

  .it-footer-top-left p br {
    display: none;
  }
}

.it-footer-style-2 .it-footer-widget-title {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.it-footer-style-2 .it-footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 60px;
  height: 5px;
  background-color: var(--it-theme-2);
}

.it-footer-style-2 .it-footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 10px;
  height: 5px;
  z-index: 1;
  background-color: var(--it-common-white);
}

.it-footer-style-2 .it-footer-list.list-style-2 {
  margin-left: -45px;
}

@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-list.list-style-2 {
    margin-left: -20px;
  }
}

.it-footer-style-2 .it-footer-list.list-style-3 {
  margin-left: -75px;
}

@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-list.list-style-3 {
    margin-left: -30px;
  }
}

.it-footer-style-2 .it-footer-list ul li {
  padding-left: 20px;
  position: relative;
}

.it-footer-style-2 .it-footer-list ul li:not(:last-child) {
  margin-bottom: 18px;
}

.it-footer-style-2 .it-footer-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 5px;
  height: 1.5px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}

.it-footer-style-2 .it-footer-list ul li a {
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #fff;
}

@media (max-width: 767px) {
  .it-footer-style-2 .it-footer-list ul li a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-2 .it-footer-list ul li a {
    font-size: 16px;
  }
}

.it-footer-style-2 .it-footer-list ul li a:hover {
  color: var(--it-theme-2);
}

.it-footer-style-3 .it-footer-widget-title {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 40px;
}

.it-footer-style-3 .it-footer-widget-title::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 60px;
  height: 5px;
  background-color: var(--it-theme-2);
}

.it-footer-style-3 .it-footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 10px;
  height: 5px;
  z-index: 1;
  background-color: var(--it-common-white);
}

.it-footer-style-3 .it-footer-list.list-style-2 {
  margin-left: -45px;
}

.it-footer-style-3 .it-footer-list.list-style-3 {
  margin-left: -75px;
}

.it-footer-style-3 .it-footer-list ul li {
  padding-left: 20px;
  position: relative;
}

.it-footer-style-3 .it-footer-list ul li:not(:last-child) {
  margin-bottom: 18px;
}

.it-footer-style-3 .it-footer-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 5px;
  height: 1.5px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}

.it-footer-style-3 .it-footer-list ul li a {
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #fff;
}

.it-footer-style-3 .it-footer-list ul li a:hover {
  color: var(--it-theme-2);
}

.it-footer-style-4 .it-footer-widget-title::after {
  background-color: var(--it-common-green);
}

.it-footer-style-4 .it-footer-widget-title::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 10px;
  height: 5px;
  z-index: 1;
  background-color: var(--it-common-white);
}

.it-footer-style-4 .it-footer-list ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 5px;
  height: 1.5px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}

.it-footer-style-4 .it-footer-list ul li a {
  font-weight: 400;
  letter-spacing: -0.01em;
  color: #fff;
}

.it-footer-style-4 .it-footer-list ul li a:hover {
  color: var(--it-common-green);
}

.it-footer-style-4 .it-footer-contact-icon span {
  background-color: var(--it-common-green);
}

.it-footer-style-4 .it-footer-newsletter-wrap {
  background-color: var(--it-common-green);
}

.it-footer-style-5 .it-footer-social a {
  color: var(--it-common-red);
}

.it-footer-style-5 .it-footer-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}

.it-footer-style-5 .it-footer-list ul li a:hover {
  color: var(--it-common-red);
}

.it-footer-style-5 .it-footer-list ul li a:hover i {
  color: var(--it-common-red);
}

.it-footer-style-5 .it-footer-agree .form-check-input:checked {
  background-color: var(--it-common-red);
  border-color: transparent;
}

.it-footer-style-5 .it-footer-input-box input:focus {
  border: 1px solid var(--it-common-red);
}

.it-footer-style-6 .it-footer-widget-title::after {
  background-color: var(--it-theme-1);
}

.it-footer-style-6 .it-footer-list ul li a:hover {
  color: var(--it-theme-1);
}

.it-footer-style-6 .it-footer-contact-icon span {
  background-color: var(--it-theme-1);
}

.it-footer-style-6 .it-footer-newsletter-wrap {
  background-color: var(--it-theme-1);
}

.footer-col-2 {
  margin-left: 8px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-2 {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .footer-col-2 {
    margin-left: 0px;
  }
}

.footer-col-3 {
  margin-left: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3 {
    margin-left: -20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-3 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .footer-col-3 {
    margin-left: 0px;
  }
}

.footer-col-4 {
  margin-left: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .footer-col-4 {
    margin-left: 0px;
  }
}

.footer-col-2-2 {
  padding-left: 57px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-2-2 {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2-2 {
    padding-left: 0px;
    transform: translateX(40px);
  }
}

@media (max-width: 767px) {
  .footer-col-2-2 {
    padding-left: 0;
  }
}

.it-copyright-height {
  background-color: #F1F3FD;
  padding: 22px 0;
}

.it-copyright-text p {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #00102f;
  margin-bottom: 0;
  text-align: center;
}

@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-text p {
    font-size: 14px;
  }
}

.it-copyright-text p a {
  font-weight: 700;
  color: var(--it-theme-1);
}

.it-copyright-social {
  margin-left: -62px;
}

@media (max-width: 767px) {
  .it-copyright-social {
    margin-left: -90px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-social {
    margin-left: 40px;
  }
}

.it-copyright-social>span {
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
  display: inline-block;
  margin-right: 23px;
}

.it-copyright-social a {
  font-size: 16px;
  height: 48px;
  width: 48px;
  line-height: 53px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.15);
}

.it-copyright-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

.it-copyright-style-2 {
  background-color: #0D1C37;
}

.it-copyright-style-2 .it-copyright-text p {
  color: var(--it-common-white);
}

.it-copyright-style-2 .it-copyright-text p a {
  color: var(--it-theme-2);
}

.it-copyright-style-3 .it-copyright-text p a {
  color: var(--it-common-green);
}

.it-copyright-style-3 .it-copyright-social a:hover {
  background-color: var(--it-common-green);
}

.it-copyright-style-4 {
  background-color: var(--it-common-red);
}

.it-copyright-style-4 .it-copyright-text p {
  color: var(--it-common-white);
}

.it-copyright-style-4 .it-copyright-text p a {
  color: var(--it-common-white);
}

.it-copyright-style-5 .it-copyright-text p a {
  color: var(--it-theme-1);
}

.it-copyright-style-5 .it-copyright-social a:hover {
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  17. funfact css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-item {
    margin-bottom: 20px;
  }
}

.it-funfact-item span {
  font-weight: 600;
  font-size: 18px;
  color: #CBF9FF;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-item span {
    font-size: 16px;
  }
}

.it-funfact-number {
  font-size: 42px;
  letter-spacing: -0.02em;
  color: var(--it-theme-2);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-number {
    font-size: 35px;
  }
}

.it-funfact-number i {
  font-style: normal;
}

.it-funfact-wrapper {
  padding: 59px 110px;
  border-radius: 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-funfact-wrapper {
    padding: 59px 40px;
  }
}

.it-funfact-wrapper .it-funfact-number {
  color: var(--it-theme-3);
}

.it-funfact-wrapper .it-funfact-item {
  position: relative;
}

.it-funfact-wrapper .it-funfact-item span {
  color: #fff;
}

.it-funfact-wrapper .it-funfact-item.border-style-1::after {
  position: absolute;
  content: "";
  top: 0;
  right: -92px;
  height: 100%;
  width: 0.5px;
  border: 1px dashed #fff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-wrapper .it-funfact-item.border-style-1::after {
    right: -59px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-wrapper .it-funfact-item.border-style-1::after {
    display: none;
  }
}

.it-funfact-icon {
  height: 70px;
  width: 70px;
  line-height: 79px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  margin-right: 20px;
  border: 1px dashed #fff;
  color: var(--it-comon-white);
  background-color: rgba(255, 255, 255, 0.3);
}

.it-funfact-icon i {
  font-size: 30px;
  color: var(--it-comon-white);
}

.it-funfact-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-funfact-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.it-funfact-area.funfact-ptb {
  padding: 62px 0;
}

/*----------------------------------------*/
/*  03. header css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-area.header-theme-bg {
    background-color: var(--it-theme-1);
  }
}

.it-header-top-bg {
  position: relative;
  padding: 12px 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-bg {
    padding: 12px 0px;
  }
}

.it-header-top-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--it-theme-1);
  clip-path: polygon(0 0, 100% 0, 97% 100%, 3% 100%);
  z-index: -1;
}

.it-header-top-content ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.it-header-top-content ul li:not(:last-child) {
  padding-right: 37px;
  margin-right: 37px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-content ul li:not(:last-child) {
    padding-right: 25px;
    margin-right: 25px;
  }
}

.it-header-top-content ul li:not(:last-child)::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: "";
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.21);
}

@media (max-width: 767px) {
  .it-header-top-content ul li:nth-child(2) {
    padding-right: 0;
    margin-right: 0;
  }

  .it-header-top-content ul li:nth-child(2)::after {
    display: none;
  }
}

.it-header-top-content ul li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}

.it-header-top-content ul li a i {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  transform: translateY(6px);
  color: var(--it-common-white);
}

.it-header-top-button {
  margin-left: -50px;
}

.it-header-top__category {
  position: relative;
  display: inline-block;
}

.it-header-top__category.open .it-header-top__category-submenu {
  opacity: 1;
  visibility: visible;
  top: 104%;
}

.it-header-top__category.open>ul>li>a>span>i {
  transform: rotate(180deg);
}

.it-header-top__category>ul>li {
  list-style-type: none;
  position: relative;
  padding-right: 20px;
  margin-right: 20px;
}

.it-header-top__category>ul>li::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: "";
  width: 1px;
  height: 15px;
  background-color: rgba(255, 255, 255, 0.21);
}

.it-header-top__category>ul>li>a {
  border-radius: 14px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
  display: inline-block;
  text-align: center;
}

.it-header-top__category>ul>li>a span {
  margin-left: 1px;
}

.it-header-top__category>ul>li>a span i {
  display: inline-block;
  transition: 0.3s;
}

.it-header-top__category>ul>li ul.it-header-top__category-submenu {
  position: absolute;
  top: 130%;
  left: 0px;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  padding: 15px 25px;
  color: var(--it-common-black);
  background: var(--it-common-white);
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
  width: 150px;
}

.it-header-top__category>ul>li ul.it-header-top__category-submenu>li {
  list-style-type: none;
  margin-bottom: 5px;
}

.it-header-top__category>ul>li ul.it-header-top__category-submenu>li a {
  border-radius: 0;
  font-size: 13px;
  transition: 0.3s;
}

.it-header-top__category>ul>li ul.it-header-top__category-submenu>li a:hover {
  color: var(--it-theme-3);
}

.it-header-top__category>ul>li ul.it-header-top__category-submenu>li:not(:last-child) {
  margin-bottom: 0;
}

.it-header-top__area {
  position: relative;
  display: inline-block;
}

.it-header-top__area.open .it-header-top__area-submenu {
  opacity: 1;
  visibility: visible;
  top: 104%;
}

.it-header-top__area.open>ul>li>a>span>i {
  transform: rotate(180deg);
}

.it-header-top__area>ul>li {
  list-style-type: none;
}

.it-header-top__area>ul>li>a {
  border-radius: 14px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #fff;
  display: inline-block;
  padding-right: 25px;
  text-align: center;
}

.it-header-top__area>ul>li>a span {
  margin-left: 1px;
}

.it-header-top__area>ul>li>a span i {
  display: inline-block;
  transition: 0.3s;
}

.it-header-top__area>ul>li ul.it-header-top__area-submenu {
  position: absolute;
  top: 130%;
  left: -30%;
  z-index: 9;
  opacity: 0;
  visibility: hidden;
  border-radius: 5px;
  padding: 15px 25px;
  color: var(--it-common-black);
  background: var(--it-common-white);
  transition: all 0.3s ease-out 0s;
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
  width: auto;
}

.it-header-top__area>ul>li ul.it-header-top__area-submenu>li {
  list-style-type: none;
  margin-bottom: 5px;
}

.it-header-top__area>ul>li ul.it-header-top__area-submenu>li a {
  border-radius: 0;
  font-size: 13px;
  transition: 0.3s;
}

.it-header-top__area>ul>li ul.it-header-top__area-submenu>li a:hover {
  color: var(--it-theme-1);
}

.it-header-top__area>ul>li ul.it-header-top__area-submenu>li:not(:last-child) {
  margin-bottom: 0;
}

.it-header-top-style-2 {
  padding: 10px 0;
  background-color: #001E21;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-top-style-2 .it-header-top-content ul li:not(:last-child) {
    padding-right: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-style-2 .it-header-top-content ul li:nth-child(2) {
    padding-right: 0px;
    margin-right: 0px;
  }

  .it-header-top-style-2 .it-header-top-content ul li:nth-child(2)::after {
    display: none;
  }
}

.it-header-top-style-2 .it-header-top-content ul li div a i {
  color: var(--it-theme-3);
}

.it-header-top-style-3 {
  padding: 9px 0;
  background-color: #F1F3FD;
}

.it-header-top-style-3 .it-header-top-content ul li div a i {
  color: var(--it-theme-3);
}

.it-header-top-style-3 .it-header-top__area>ul>li>a {
  color: #707279;
}

.it-header-top-style-3 .it-header-top__category>ul>li::after {
  background-color: rgba(112, 114, 121, 0.2);
}

.it-header-top-style-3 .it-header-top__category>ul>li a {
  color: #707279;
}

.it-header-top-style-3 .it-header-top__category>ul>li a img {
  transform: translateY(-3px);
  display: inline-block;
  margin-right: 5px;
}

.it-header-top-style-3 .it-header-top__category>ul>li ul.it-header-top__category-submenu>li a:hover {
  color: var(--it-theme-1);
}

.it-header-top-text {
  margin-left: 108px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-text {
    margin-left: 55px;
  }
}

.it-header-top-text p {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #076cec;
}

.it-header-top-text p i {
  font-style: normal;
  font-weight: 500;
  color: #707279;
}

.it-header-top-login ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
}

.it-header-top-login ul li a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #707279;
  transition: 0.3s;
}

.it-header-top-login ul li a i {
  display: inline-block;
  margin-right: 5px;
}

.it-header-top-login ul li:first-child {
  padding-right: 20px;
  margin-right: 15px;
}

.it-header-top-login ul li:first-child::after {
  position: absolute;
  top: 2px;
  right: 0;
  content: "";
  width: 1px;
  height: 15px;
  background-color: rgba(112, 114, 121, 0.2);
}

.it-header-top-login ul li:hover a {
  color: var(--it-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-area.header-black-bg {
    background-color: var(--it-common-black);
  }
}

.it-header-bg {
  position: relative;
  padding: 0 75px;
  margin-top: -18px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-bg {
    padding: 0 50px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-bg {
    margin-top: 0;
    padding: 15px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-bg {
    margin-top: 0;
    padding: 15px 0px;
  }
}

.it-header-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--it-common-black);
  clip-path: polygon(3% 0, 97% 0, 100% 100%, 0% 100%);
  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-header-ptb {
    padding: 15px 0;
  }
}

.it-header-main-menu {
  margin-left: -20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-main-menu {
    margin-left: 30px;
  }
}

.it-header-main-menu nav ul {
  padding-top: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-main-menu nav ul {
    padding-top: 0px;
  }
}

.it-header-main-menu nav ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 17px;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-main-menu nav ul li {
    margin: 0 12px;
  }
}

.it-header-main-menu nav ul li>a {
  color: var(--it-common-white);
  text-transform: capitalize;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  padding: 30px 0;
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-main-menu nav ul li>a {
    font-size: 15px;
    padding: 35px 0;
  }
}

.it-header-main-menu nav ul li:hover>a {
  color: var(--it-theme-1);
}

.it-header-main-menu nav ul li:hover.has-dropdown::after {
  color: var(--it-theme-1);
}

.it-header-button {
  margin-left: -50px;
}

.it-header-search-wrap {
  margin-left: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-search-wrap {
    margin-left: 8px;
  }
}

.it-header-search-box {
  position: relative;
}

.it-header-search-box input {
  border: 1px solid #525252;
  border-radius: 1000px;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-search-box input {
    height: 45px;
    line-height: 45px;
  }
}

.it-header-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-header-search-box input::placeholder {
  font-size: 14px;
  color: #525252;
}

.it-header-search-icon {
  position: absolute;
  left: 20px;
  top: 56%;
  transform: translateY(-50%);
}

.it-header-search-icon i {
  font-size: 20px;
  color: #525252;
}

.it-header-bar span {
  font-size: 30px;
  height: 60px;
  width: 60px;
  border-radius: 5px;
  line-height: 64px;
  display: inline-block;
  text-align: center;
  margin-left: 20px;
  background-color: var(--it-theme-1);
  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-bar span {
    height: 49px;
    width: 49px;
    line-height: 49px;
    font-size: 20px;
  }
}

.it-header-style-2 .it-header-button {
  margin-left: 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-button {
    margin-left: -60px;
  }
}

.it-header-style-2 .it-header-main-menu {
  margin-left: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-main-menu {
    margin-left: 40px;
  }
}

.it-header-style-2 .it-header-main-menu nav ul {
  padding-top: 0;
}

.it-header-style-2 .it-header-main-menu nav ul li>a {
  padding: 35px 0;
}

.it-header-style-2 .it-header-shop>button {
  margin-right: 27px;
  position: relative;
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 43px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-style-2 .it-header-shop>button {
    margin-right: 0px;
  }
}

.it-header-style-2 .it-header-shop>button span {
  font-size: 24px;
  color: #fff;
  transition: 0.3s;
}

.it-header-style-2 .it-header-shop>button::after {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--it-common-white);
}

.it-header-style-2 .it-header-shop>button:hover {
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-theme-1);
}

.it-header-style-2 .it-header-shop>button:hover span {
  color: var(--it-common-white);
}

.it-header-style-3 .it-header-button {
  margin-left: 0px;
}

.it-header-style-3 .it-header-main-menu {
  margin-left: 67px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-3 .it-header-main-menu {
    margin-left: 54px;
  }
}

.it-header-style-3 .it-header-main-menu nav ul {
  padding-top: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-3 .it-header-main-menu nav ul li {
    margin: 0 9px;
  }
}

.it-header-style-3 .it-header-main-menu nav ul li>a {
  color: var(--it-common-black);
  padding: 30px 0;
}

.it-header-style-3 .it-main-menu>nav>ul>li.has-dropdown::after {
  color: var(--it-common-black);
}

.it-header-style-3 .it-main-menu>nav>ul>li>.submenu {
  border-top: 4px solid var(--it-theme-2);
}

.it-header-style-3 .it-main-menu>nav>ul>li>.submenu li>a::before {
  background-color: var(--it-theme-2);
}

.it-header-style-3 .it-main-menu>nav>ul>li:hover>a {
  color: var(--it-theme-2);
}

.it-header-style-3 .it-main-menu>nav>ul>li:hover.has-dropdown::after {
  color: var(--it-theme-2);
}

.it-header-style-3 .it-btn-sm {
  background-color: var(--it-theme-2);
}

.it-header-style-3 .it-btn-sm:hover {
  background-color: var(--it-common-white);
  border: 2px solid var(--it-theme-2);
  color: var(--it-theme-2);
}

.it-header-style-3 .it-header-bar span {
  background-color: var(--it-theme-2);
}

.it-header-style-5 .it-main-menu nav ul li>.submenu {
  border-top: 4px solid var(--it-theme-1);
}

.it-header-style-5 .it-main-menu nav ul li>.submenu li a {
  color: var(--it-common-black);
}

.it-header-style-5 .it-main-menu nav ul li>.submenu li a::before {
  background-color: var(--it-theme-1);
}

.it-header-style-5 .it-main-menu nav ul li:hover>a {
  color: var(--it-theme-1);
}

.it-header-style-5 .it-main-menu nav ul li:hover.has-dropdown::after {
  color: var(--it-theme-1);
}

.it-header-style-5 .it-header-shop>button {
  margin-right: 0;
  border: 1px solid rgba(0, 16, 47, 0.3);
}

.it-header-style-5 .it-header-shop>button span {
  color: #00102F;
}

.it-header-style-5 .it-header-shop>button::after {
  transition: 0.3s;
  background-color: var(--it-common-black);
}

.it-header-style-5 .it-header-shop>button:hover {
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-theme-1);
}

.it-header-style-5 .it-header-shop>button:hover span {
  color: var(--it-common-white);
}

.it-header-style-5 .it-header-shop>button:hover::after {
  background-color: var(--it-common-black);
}

.it-header-style-5 .it-btn-sm {
  background-color: var(--it-theme-1);
}

.it-header-style-5 .it-btn-sm:hover {
  background-color: var(--it-common-white);
  border: 2px solid var(--it-theme-1);
  color: var(--it-theme-1);
}

.it-header-style-5 .it-header-bar span {
  background-color: var(--it-theme-1);
}

.it-header-style-4 .it-main-menu {
  margin-left: 85px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-4 .it-main-menu {
    margin-left: 60px;
  }
}

.it-header-style-4 .it-main-menu nav ul li>a {
  padding: 40px 0;
}

.it-header-style-4 .it-main-menu nav ul li:last-child {
  margin-right: 0;
}

.it-header-style-4 .it-main-menu nav ul li>.submenu {
  border-top: 4px solid var(--it-common-red);
}

.it-header-style-4 .it-main-menu nav ul li>.submenu li a {
  color: var(--it-common-black);
}

.it-header-style-4 .it-main-menu nav ul li>.submenu li a::before {
  background-color: var(--it-common-red);
}

.it-header-style-4 .it-main-menu nav ul li:hover>a {
  color: var(--it-common-red);
}

.it-header-style-4 .it-main-menu nav ul li:hover.has-dropdown::after {
  color: var(--it-common-red);
}

.it-header-style-4 .it-btn-sm {
  background-color: var(--it-common-red);
}

.it-header-style-4 .it-btn-sm:hover {
  background-color: var(--it-common-white);
  border: 2px solid var(--it-common-red);
  color: var(--it-common-red);
}

.it-header-style-4 .it-header-bar span {
  background-color: var(--it-common-red);
}

.it-header-style-6 .it-main-menu>nav>ul>li.has-dropdown::after {
  color: var(--it-common-black);
}

.it-header-style-6 .it-main-menu>nav>ul>li>.submenu {
  border-top: 4px solid var(--it-theme-3);
}

.it-header-style-6 .it-main-menu>nav>ul>li>.submenu li>a::before {
  background-color: var(--it-theme-3);
}

.it-header-style-6 .it-main-menu>nav>ul>li:hover>a {
  color: var(--it-theme-3);
}

.it-header-style-6 .it-main-menu>nav>ul>li:hover.has-dropdown::after {
  color: var(--it-theme-3);
}

.it-header-style-6 .it-btn-sm {
  background-color: var(--it-theme-3);
}

.it-header-style-6 .it-btn-sm:hover {
  background-color: var(--it-common-white);
  border: 2px solid var(--it-theme-3);
  color: var(--it-theme-3);
}

.it-header-style-6 .it-header-bar span {
  background-color: var(--it-theme-3);
}

.it-header-shop .cart-icon {
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-right: 28px;
  background-color: rgba(166, 161, 130, 0.1);
  color: var(--it-common-black);
}

.it-header-shop .cart-icon span {
  top: -3px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  font-weight: 600;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-header-shop>a,
.it-header-shop button {
  color: var(--it-common-black);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 1.2px;
  text-transform: capitalize;
}

.it-header-shop .pdf-icon {
  color: var(--it-theme-1);
  margin-left: 17px;
}

.it-header-shop.cart:hover .minicart {
  opacity: 1;
  visibility: visible;
  top: 126%;
}

.it-header-shop .cart-thumb img {
  width: 85px;
  height: 90px;
  background-color: #DEE4FF;
}

.it-header-style-2 .cart:hover .minicart {
  top: 137%;
}

.it-header-style-5 .cart:hover .minicart {
  top: 127%;
}

.it-header-2-pl {
  padding-left: 440px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-2-pl {
    padding-left: 350px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-pl {
    padding-left: 340px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-2-pl {
    padding-left: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-pl {
    padding-left: 200px;
  }
}

@media (max-width: 767px) {
  .it-header-2-pl {
    padding-left: 0;
  }
}

.it-header-2-space-lr {
  padding-left: 185px;
  padding-right: 185px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-2-space-lr {
    padding-left: 130px;
    padding-right: 130px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-space-lr {
    padding-left: 80px;
    padding-right: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-space-lr {
    padding-left: 70px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-2-space-lr {
    padding-left: 120px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-space-lr {
    padding-left: 40px;
    padding-right: 0px;
  }
}

@media (max-width: 767px) {
  .it-header-2-space-lr {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media 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-2-mob-space {
    padding: 10px 0;
  }
}

.it-header-2-bar {
  height: 56px;
  width: 56px;
  line-height: 56px;
  text-align: center;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-left: 20px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .it-header-2-top-info ul {
    text-align: center;
  }
}

.it-header-2-top-info ul li {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-right: 30px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-2-top-info ul li {
    margin-right: 25px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-top-info ul li {
    margin-right: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-top-info ul li {
    margin-right: 12px;
  }
}

@media (max-width: 767px) {
  .it-header-2-top-info ul li {
    margin-right: 0;
    padding: 8px 0;
  }
}

.it-header-2-top-info ul li:last-child {
  padding-left: 0;
}

.it-header-2-top-info ul li a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-top-info ul li a {
    font-size: 12px;
  }
}

.it-header-2-top-info ul li i {
  font-size: 18px;
  color: var(--it-theme-1);
  margin-right: 8px;
  transform: translateY(4px);
  display: inline-block;
}

.it-header-2-top-social {
  display: inline-block;
  padding: 15px 30px;
  padding-right: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  position: relative;
}

.it-header-2-top-social::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  width: 4px;
  background-color: var(--it-common-black);
}

.it-header-2-top-social a {
  display: inline-block;
  margin: 0 10px;
}

.it-header-2-top-social a svg,
.it-header-2-top-social a i {
  color: var(--it-common-white);
  transition: 0.3s;
}

.it-header-2-top-social a svg:hover,
.it-header-2-top-social a i:hover {
  color: var(--it-common-black);
}

.it-header-2-right-search button i {
  color: #00102f;
  font-size: 28px;
}

.it-header-2-right-user a {
  display: inline-block;
  color: #00102f;
  font-size: 28px;
  margin-left: 30px;
}

.it-main-logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  display: inline-block;
  height: 100%;
  width: 535px;
  padding: 30px 95px;
  display: flex;
  align-items: center;
  justify-content: end;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-main-logo {
    width: 420px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-main-logo {
    width: 400px;
    padding: 30px 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-main-logo {
    width: 300px;
    padding: 30px 30px;
    justify-content: center;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-main-logo {
    width: 365px;
    padding: 20px;
    justify-content: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-main-logo {
    width: 260px;
    padding: 20px;
    justify-content: center;
  }
}

@media (max-width: 767px) {
  .it-main-logo {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-main-logo img {
    width: 150px;
  }
}

.it-main-logo::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: var(--it-theme-1);
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}

@media (max-width: 767px) {
  .it-main-logo::before {
    clip-path: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-inner-style .it-header-main-menu {
    margin-left: 0;
  }
}

.it-header-inner-style .it-header-main-menu>nav>ul {
  padding-top: 0;
}

.it-header-inner-style .it-header-main-menu>nav>ul>li>a {
  color: var(--it-common-black);
}

.it-header-inner-style .it-header-main-menu>nav>ul>li.has-dropdown::after {
  color: var(--it-common-black);
}

.it-header-inner-style .it-header-main-menu>nav>ul>li:hover>a {
  color: var(--it-theme-1);
}

.it-header-inner-style .it-header-main-menu>nav>ul>li:hover.has-dropdown::after {
  color: var(--it-theme-1);
}

.it-header-inner-style .it-main-menu nav ul li .has-home-img {
  left: 22px;
  width: 1490px;
  margin: 0 auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-inner-style .it-main-menu nav ul li .has-home-img {
    left: 0;
    width: 100%;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
}

.header-sticky.box-shadow-none {
  box-shadow: none;
}

.header-sticky .it-header-main-menu nav ul {
  padding-top: 0;
}

.header-sticky .it-header-main-menu nav ul li>a {
  padding: 30px 0;
}

.header-sticky .it-header-2-top {
  display: none;
}

.header-sticky .it-header-bg {
  margin-top: 0;
}

.header-sticky .it-header-bg::after {
  backdrop-filter: blur(10px);
  background: rgba(31, 36, 44, 0.9);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
}

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

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

.it-header-style-3 .it-main-menu nav ul li.active.has-dropdown::after {
  color: var(--it-theme-2);
}

.it-header-style-3 .it-main-menu nav ul li.active>a {
  color: var(--it-theme-2);
}

.it-header-style-4 .it-main-menu nav ul li.active.has-dropdown::after {
  color: var(--it-common-red);
}

.it-header-style-4 .it-main-menu nav ul li.active>a {
  color: var(--it-common-red);
}

.it-header-style-5 .it-main-menu nav ul li.active.has-dropdown::after {
  color: var(--it-theme-1);
}

.it-header-style-5 .it-main-menu nav ul li.active>a {
  color: var(--it-theme-1);
}

.it-header-style-6 .it-main-menu nav ul li.active.has-dropdown::after {
  color: var(--it-theme-3);
}

.it-header-style-6 .it-main-menu nav ul li.active>a {
  color: var(--it-theme-3);
}

/*----------------------------------------*/
/*  18. hero css start
/*----------------------------------------*/
.it-hero-title {
  font-size: 82px;
  line-height: 1.11;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-title {
    font-size: 75px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 65px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 54px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 54px;
  }
}

@media (max-width: 767px) {
  .it-hero-title {
    font-size: 42px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 54px;
  }
}

.it-hero-title span {
  color: var(--it-theme-1);
}

.it-hero-right {
  margin-right: -40px;
  padding-bottom: 207px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-right {
    transform: scale(0.9);
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-right {
    transform: scale(0.86) translateX(-150px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-right {
    transform: scale(0.8) translateX(-70px);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-right {
    transform: scale(0.8) translateX(0px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-right {
    margin-right: 0;
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .it-hero-right {
    margin-right: 0;
    margin-bottom: 80px;
    padding-bottom: 0;
  }
}

.it-hero-thumb-1 img {
  border-radius: 20px;
}

@media (max-width: 767px) {
  .it-hero-thumb-1 img {
    width: 100%;
  }
}

.it-hero-thumb-2 {
  position: absolute;
  bottom: 4%;
  left: -5%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-thumb-2 {
    left: 5%;
  }
}

@media (max-width: 767px) {
  .it-hero-thumb-2 {
    position: static;
    margin-top: 15px;
  }
}

.it-hero-thumb-2 img {
  border-radius: 20px;
}

@media (max-width: 767px) {
  .it-hero-thumb-2 img {
    width: 100%;
  }
}

.it-hero-content {
  padding: 199px 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-content {
    padding: 140px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content {
    padding: 130px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content {
    padding: 135px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content {
    padding-top: 130px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .it-hero-content {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

.it-hero-text p {
  letter-spacing: -0.02em;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-text p {
    margin-right: 120px;
  }

  .it-hero-text p br {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-text p {
    font-size: 15px;
    margin-right: 120px;
  }

  .it-hero-text p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p {
    font-size: 14px;
  }

  .it-hero-text p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-text p {
    font-size: 16px;
  }

  .it-hero-text p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 14px;
  }

  .it-hero-text p br {
    display: none;
  }
}

.it-hero-video {
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .it-hero-video {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-video {
    margin-top: 0px;
  }
}

.it-hero-video>.play-icon {
  height: 59px;
  width: 59px;
  line-height: 59px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: var(--it-theme-1);
  margin-right: 15px;
  position: relative;
  display: inline-block;
}

.it-hero-video>.play-icon i {
  display: inline-block;
  padding-left: 3px;
}

.it-hero-video>a {
  font-weight: 500;
  color: var(--it-common-black);
  text-decoration: underline;
  transition: 0.3s;
}

.it-hero-video>a:hover {
  color: var(--it-theme-1);
}

.it-hero-doctor-wrap {
  position: absolute;
  bottom: 8%;
  right: -9%;
  animation: ittranslateX2 3s infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-doctor-wrap {
    right: 1%;
  }
}

@media (max-width: 767px) {
  .it-hero-doctor-wrap {
    margin-top: 20px;
    position: static;
    animation: none;
    width: 100%;
  }
}

.it-hero-doctor-box {
  border-radius: 20px;
  padding: 20px 36px;
  background-color: var(--it-common-white);
}

.it-hero-doctor-icon {
  margin-right: 15px;
}

.it-hero-doctor-icon span {
  height: 70px;
  width: 70px;
  line-height: 61px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background-color: var(--it-theme-1);
}

.it-hero-doctor-text span {
  font-weight: 700;
  font-size: 34px;
  color: var(--it-common-black);
  letter-spacing: -0.02em;
  line-height: 1;
  display: block;
  margin-bottom: 5px;
  font-family: var(--it-ff-heading);
}

.it-hero-doctor-text p {
  line-height: 1.3;
  margin-bottom: 0;
}

.it-hero-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-hero-shape-2 {
  position: absolute;
  bottom: -1%;
  left: 3%;
  z-index: -1;
}

.it-hero-shape-2 img {
  max-width: inherit;
}

.it-hero-shape-3 {
  position: absolute;
  top: 1%;
  left: -7%;
  z-index: -1;
  animation: ittranslateY2 3s infinite alternate;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-3 {
    left: -17%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-shape-3 {
    left: 1%;
  }
}

.it-hero-shape-4 {
  position: absolute;
  bottom: 14%;
  left: 41%;
  z-index: -1;
  animation: itrotate 2.5s ease-in-out 2.5s infinite alternate forwards;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-4 {
    display: none;
  }
}

.it-hero-shape-5 {
  position: absolute;
  bottom: 12px;
  left: 0;
  right: 0;
  text-align: center;
}

.it-hero-2-right {
  margin-left: 70px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-right {
    margin: 0 70px;
    margin-bottom: 100px;
  }
}

@media (max-width: 767px) {
  .it-hero-2-right {
    margin-left: 0;
    margin-bottom: 100px;
    flex-wrap: wrap;
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-right {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.it-hero-2-right .it-hero-doctor-wrap {
  top: 21%;
  right: 0;
  bottom: auto;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-right .it-hero-doctor-wrap {
    position: absolute;
    transform: scale(0.85);
  }
}

.it-hero-2-right .it-hero-doctor-wrap .it-hero-doctor-box {
  padding: 19px 33px;
  border-radius: 0 20px 20px 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-right .it-hero-doctor-wrap .it-hero-doctor-box {
    transform: scale(0.85);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-right .it-hero-doctor-wrap .it-hero-doctor-box {
    transform: scale(0.75);
  }
}

.it-hero-2-right .it-hero-doctor-wrap .it-hero-doctor-text p {
  font-size: 16px;
  letter-spacing: -0.02em;
  line-height: 1.65;
}

.it-hero-2-title {
  font-size: 92px;
  line-height: 1.05;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-2-title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-title {
    font-size: 71px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-title {
    font-size: 57px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-title {
    font-size: 60px;
  }
}

@media (max-width: 767px) {
  .it-hero-2-title {
    font-size: 38px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-title {
    font-size: 54px;
  }
}

.it-hero-2-content {
  padding: 173px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-content {
    padding: 200px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content {
    padding: 120px 0;
  }
}

@media (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 100px;
    padding-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .it-hero-2-wrap {
    display: block;
    width: 100%;
  }
}

.it-hero-2-thumb-1 {
  margin-bottom: 20px;
}

.it-hero-2-thumb-1 img {
  border-radius: 0 0 0 120px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-thumb-1 {
    margin-bottom: 0;
    transform: scale(0.9);
  }
}

@media (max-width: 767px) {
  .it-hero-2-thumb-1 {
    display: inline-block;
  }
}

@media (max-width: 767px) {
  .it-hero-2-thumb-2 {
    margin-bottom: 20px;
  }
}

.it-hero-2-thumb-2 img {
  border-radius: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-thumb-2 {
    transform: scale(0.9);
  }
}

.it-hero-2-thumb-3 {
  margin-bottom: 35px;
}

.it-hero-2-thumb-3 img {
  border-radius: 200px 200px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-thumb-3 {
    transform: scale(0.9);
  }
}

@media (max-width: 767px) {
  .it-hero-2-thumb-3 {
    width: 100%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-thumb-3 {
    margin-left: 20px;
  }
}

.it-hero-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: -6px;
  z-index: -1;
}

.it-hero-3-area .it-section-subtitle {
  text-transform: uppercase;
}

.it-hero-3-area .it-hero-title span {
  color: var(--it-theme-2);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-area .it-hero-title {
    font-size: 66px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-area .it-hero-title {
    font-size: 68px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-area .it-hero-title {
    font-size: 58px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-title {
    font-size: 51px;
  }
}

.it-hero-3-area .it-hero-content {
  padding: 175px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-content {
    padding: 135px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-area .it-hero-content {
    padding-top: 130px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .it-hero-3-area .it-hero-content {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

.it-hero-3-area .it-hero-doctor-wrap {
  bottom: 8%;
  left: -48%;
  right: auto;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-area .it-hero-doctor-wrap {
    left: 2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-doctor-box {
    transform: scale(0.78);
  }
}

.it-hero-3-area .it-hero-doctor-icon span {
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-area .it-hero-text {
    margin-right: 200px;
  }

  .it-hero-3-area .it-hero-text br {
    display: none;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-area .it-hero-text {
    margin-right: 150px;
  }

  .it-hero-3-area .it-hero-text br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-text {
    margin-right: 80px;
  }

  .it-hero-3-area .it-hero-text br {
    display: none;
  }
}

.it-hero-3-area .it-hero-text p {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.it-hero-3-area .it-hero-shape-3 {
  top: 1%;
  right: -50%;
  left: auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-area .it-hero-shape-3 {
    right: -27%;
  }
}

.it-hero-3-right {
  margin-left: -5px;
  padding-bottom: 35px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-right {
    transform: translateX(-100px);
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-right {
    transform: translateX(-150px) scale(0.9);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-right {
    margin-left: 0;
    transform: translateX(-50px) scale(0.9);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-right {
    margin-left: 0;
    margin-bottom: 50px;
  }
}

.it-hero-3-thumb>img {
  border-radius: 40px;
  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-hero-3-thumb>img {
    max-width: 100%;
  }
}

.it-hero-3-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.it-hero-3-shape-2 {
  position: absolute;
  bottom: 0;
  right: -31%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-2 {
    right: -18%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-2 {
    right: -4%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-2 {
    right: -2%;
  }
}

.it-hero-4-wrapper {
  background-color: #19776B;
}

.it-hero-4-wrapper .it-hero-title span {
  color: var(--it-theme-3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-wrapper .it-hero-title {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-wrapper .it-hero-title {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-title {
    font-size: 39px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-title {
    font-size: 54px;
  }
}

.it-hero-4-wrapper .it-hero-text p {
  color: var(--it-common-white);
}

.it-hero-4-wrapper .it-hero-content {
  padding: 188px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-wrapper .it-hero-content {
    padding: 210px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-wrapper .it-hero-content {
    padding-top: 130px;
    padding-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-content {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-wrapper .it-hero-text {
    margin-right: 130px;
  }
}

.it-hero-4-wrapper .it-hero-doctor-icon span {
  background-color: var(--it-common-green);
}

.it-hero-4-wrapper .it-hero-doctor-wrap {
  bottom: 12.3%;
  left: -57%;
  right: auto;
  width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-wrapper .it-hero-doctor-wrap {
    bottom: 5%;
    left: -40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-wrapper .it-hero-doctor-wrap {
    left: 10%;
  }
}

@media (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-doctor-wrap {
    position: absolute;
    bottom: 1%;
    left: 10%;
    animation: ittranslateX2 3s infinite alternate;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-doctor-wrap {
    bottom: 10%;
    left: 12%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-wrapper .it-hero-doctor-box {
    transform: scale(0.8);
  }
}

@media (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-doctor-box {
    transform: scale(0.66);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-wrapper .it-hero-doctor-box {
    transform: scale(0.9);
  }
}

.it-hero-4-right {
  margin-left: 8px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-right {
    transform: translateX(-100px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-right {
    transform: translateX(-120px) scale(1);
  }
}

.it-hero-4-thumb img {
  max-width: inherit;
  border-radius: 500px 500px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-thumb img {
    max-width: 100%;
  }
}

.it-hero-4-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-hero-4-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.it-hero-4-shape-3 {
  position: absolute;
  bottom: -2px;
  right: -48.5%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-3 {
    right: -76%;
  }
}

.it-hero-5-ptb {
  padding: 79px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-ptb {
    padding-top: 120px;
    padding-bottom: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-ptb .it-hero-title {
    font-size: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-ptb .it-hero-title {
    font-size: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-ptb .it-hero-title {
    font-size: 65px;
  }
}

@media (max-width: 767px) {
  .it-hero-5-ptb .it-hero-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-ptb .it-hero-title {
    font-size: 50px;
  }
}

.it-hero-5-text p {
  font-weight: 700;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #707279;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-5-text p {
    margin-right: 280px;
  }

  .it-hero-5-text p br {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-5-text p br {
    display: none;
  }
}

.it-hero-5-thumb {
  transform: translateX(-50px);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-5-thumb {
    transform: translateX(-180px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-thumb {
    transform: translateX(40px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-5-thumb {
    transform: translateX(0px);
  }
}

.it-hero-5-thumb img {
  max-width: inherit;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-5-thumb img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-5-thumb-right {
    margin-top: 70px;
  }
}

.it-hero-5-discount {
  position: absolute;
  left: -9%;
  top: 6%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-5-discount {
    left: -38%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-discount {
    left: 5%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-discount {
    left: 3%;
    top: 1%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-discount {
    left: 1%;
  }
}

@media (max-width: 767px) {
  .it-hero-5-discount {
    left: -11%;
    top: -5%;
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-discount {
    left: -8%;
    top: -5%;
    transform: scale(0.8);
  }
}

.pulse-anim {
  position: relative;
}

.pulse-anim::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  transform: scale(1.5);
  border: 1px solid rgba(7, 106, 236, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}

.pulse-anim::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(7, 106, 236, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}

.pulse-anim-2 {
  position: relative;
}

.pulse-anim-2::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 70%;
  height: 70%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 255, 255, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}

.pulse-anim-2::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}

/*----------------------------------------*/
/*  22. newsletter css start
/*----------------------------------------*/
.it-newsletter-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-newsletter-input-wrap {
  margin: 0 122px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-wrap {
    margin: 0 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-wrap {
    margin: 0 25px;
  }
}

@media (max-width: 767px) {
  .it-newsletter-input-wrap {
    margin: 0px;
    flex-wrap: wrap;
  }
}

.it-newsletter-input-wrap input {
  height: 58px;
  line-height: 58px;
  border-radius: 5px;
  padding: 0 30px;
  border: 1px solid #C0C0C3;
  background-color: var(--it-common-white);
}

.it-newsletter-input-wrap input::-webkit-input-placeholder {
  color: #99999F;
}

.it-newsletter-input-wrap input:-moz-placeholder {
  color: #99999F;
}

.it-newsletter-input-wrap input::-moz-placeholder {
  color: #99999F;
}

.it-newsletter-input-wrap input:-ms-input-placeholder {
  color: #99999F;
}

.it-newsletter-input-wrap button.it-btn-theme {
  font-size: 16px;
  border-radius: 5px;
  padding: 19px 40px;
  color: var(--it-theme-1);
  margin-left: 10px;
  text-transform: uppercase;
  flex: 0 0 auto;
}

.it-newsletter-button {
  font-size: 16px;
  border-radius: 5px;
  padding: 19px 40px;
  color: var(--it-theme-1);
  text-transform: uppercase;
  margin-left: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-newsletter-button {
    margin: 0 auto;
    margin-top: 15px;
  }
}

.it-newsletter-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-newsletter-style-2 .it-newsletter-button {
  color: var(--it-theme-2);
}

.it-newsletter-2-ptb {
  padding: 72px 0;
}

.it-newsletter-2-bg {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-newsletter-2-bg {
    width: 49%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-bg {
    width: 44%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-bg {
    width: 38%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-bg {
    position: static;
    margin-top: 50px;
  }
}

.it-newsletter-2-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.it-newsletter-2-content {
  margin-left: 90px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-content {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-content {
    margin-left: -40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-content {
    margin-left: 0px;
  }
}

.it-newsletter-2-content h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
  margin-bottom: 35px;
  line-height: 1.4;
}

.it-newsletter-2-icon {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  font-size: 40px;
  height: 80px;
  width: 80px;
  line-height: 74px;
  text-align: center;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
  color: var(--it-common-green);
  border: 1px solid var(--it-common-green);
}

@media (max-width: 767px) {
  .it-newsletter-2-button .it-btn-theme {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-2-button .it-btn-theme {
    margin-bottom: 0px;
  }
}

.it-newsletter-3-area {
  padding: 50px 0;
}

.it-newsletter-3-input-box {
  margin-left: 238px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-3-input-box {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-input-box {
    margin-left: 0px;
  }
}

.it-newsletter-3-input-box button {
  position: absolute;
  top: 50%;
  right: 5px;
  padding: 18.6px 40px;
  border-radius: 5px;
  transform: translateY(-50%);
}

.it-newsletter-3-input-box input {
  height: 45px;
  line-height: 45px;
  background: #fff;
  padding-right: 140px;
  color: var(--it-common-black);
}

.it-newsletter-3-input-box input::-webkit-input-placeholder {
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  color: #99999f;
}

.it-newsletter-3-input-box input:-moz-placeholder {
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  color: #99999f;
}

.it-newsletter-3-input-box input::-moz-placeholder {
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  color: #99999f;
}

.it-newsletter-3-input-box input:-ms-input-placeholder {
  font-size: 14px;
  line-height: 171%;
  letter-spacing: -0.01em;
  color: #99999f;
}

.it-newsletter-3-input-box .it-btn-theme {
  padding: 7.1px 20px;
  text-transform: uppercase;
}

.it-newsletter-3-title {
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #fff;
}

.it-newsletter-3-title i {
  color: #41c2f2;
  font-style: normal;
}

@media (max-width: 767px) {
  .it-newsletter-3-left {
    margin-bottom: 30px;
  }
}

.it-newsletter-3-shape-1 {
  position: absolute;
  top: 0;
  right: 41%;
  z-index: -1;
}

/*----------------------------------------*/
/*  24. price css start
/*----------------------------------------*/
.it-price-item {
  padding: 50px 40px;
  padding-bottom: 55px;
  border: 1px solid #28b6f6;
  border-radius: 20px;
  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),
(max-width: 767px) {
  .it-price-item {
    padding: 40px 20px;
    padding-bottom: 45px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-price-item {
    padding: 50px 50px;
    padding-bottom: 55px;
  }
}

.it-price-item.active .it-price-button a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-price-head {
  padding-bottom: 25px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E3E3E3;
}

.it-price-title {
  font-size: 23px;
  letter-spacing: -0.01em;
}

.it-price-value {
  font-weight: 700;
  font-size: 42px;
  color: var(--it-common-sky);
  display: block;
  margin-bottom: 5px;
  font-family: var(--it-ff-heading);
}

.it-price-value i {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  color: #9094a3;
}

.it-price-text p {
  font-size: 16px;
  margin-bottom: 0;
  letter-spacing: -0.01em;
}

.it-price-list ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
  font-size: 16px;
  letter-spacing: -0.02em;
  color: #74747C;
}

.it-price-list ul li:not(:last-child) {
  margin-bottom: 23px;
}

.it-price-list ul li i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  color: var(--it-theme-1);
}

.it-price-list ul li.inactive i {
  color: #74747C;
}

.it-price-button a {
  color: var(--it-theme-1);
  background-color: #DEE4FF;
}

.it-price-button a:hover {
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  25. service css start
/*----------------------------------------*/
.it-service-item {
  padding: 25px 25px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  transition: 0.3s;
}

.it-service-item:hover {
  transform: translateY(-10px);
}

.it-service-item:hover .it-service-thumb img {
  transform: scale(1.2);
}

.it-service-thumb {
  overflow: hidden;
  border-radius: 20px;
}

.it-service-thumb img {
  width: 100%;
  border-radius: 20px;
  transition: 1.3s all ease;
}

.it-service-category>span {
  display: inline-block;
  border-radius: 100px;
  font-size: 14px;
  letter-spacing: -0.01em;
  padding: 6px 21px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-service-title {
  font-size: 23px;
  letter-spacing: -0.01em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-title {
    font-size: 20px;
  }
}

.it-service-title a {
  transition: 0.3s;
}

.it-service-title a:hover {
  color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-service-title-box {
    margin-bottom: 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-service-content p {
    font-size: 14px;
  }
}

.it-service-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.it-service-2-item {
  border-radius: 10px;
  box-shadow: 0 4px 50px 0 rgba(9, 51, 27, 0.15);
  background-color: var(--it-common-white);
}

.it-service-2-item:hover .it-service-2-thumb img {
  transform: scale(1.2);
}

.it-service-2-item.item-style-2 .it-service-2-content {
  padding-top: 70px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-2-item.item-style-2 .it-service-2-content {
    padding: 35px 25px;
    padding-top: 70px;
  }
}

.it-service-2-item.item-style-2 .it-service-title a:hover {
  color: var(--it-common-green);
}

.it-service-2-item.item-style-3 .it-service-title a:hover {
  color: var(--it-theme-3);
}

.it-service-2-item.item-style-3.it-service-2-item {
  box-shadow: none;
  background-color: #F8F8F8;
}

.it-service-2-item.item-style-3 .service-btn {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-service-2-item.item-style-3 .service-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}

.it-service-2-thumb {
  overflow: hidden;
  border-radius: 10px 10px 0 0;
}

.it-service-2-thumb img {
  width: 100%;
  border-radius: 10px 10px 0 0;
  transition: 1.3s all ease;
}

.it-service-2-title {
  font-size: 23px;
  letter-spacing: -0.02em;
}

.it-service-2-title a {
  transition: 0.3s;
}

.it-service-2-title a:hover {
  color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-service-2-title-box {
    margin-bottom: 30px;
  }
}

.it-service-2-content {
  padding: 35px 30px;
  border-radius: 10px 10px 0 0;
}

.it-service-2-content p {
  margin-right: 20px;
  font-size: 16px;
  letter-spacing: -0.02em;
}

@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-2-content p {
    margin-right: 0;
    font-size: 14px;
  }
}

.it-service-2-content>a {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-2-content>a {
    font-size: 14px;
  }
}

.it-service-2-content>a i {
  transform: translateY(4px);
  display: inline-block;
  margin-left: 4px;
}

.it-service-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.it-service-2-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-service-2-icon {
  position: absolute;
  top: -45px;
  left: 30px;
  z-index: 1;
}

.it-service-2-icon span {
  font-size: 40px;
  height: 90px;
  width: 90px;
  line-height: 95px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--it-common-white);
  color: var(--it-common-green);
  border: 1px solid var(--it-common-green);
}

.it-service-2-category span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-3);
  display: block;
  margin-bottom: 8px;
}

.it-service-3-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-service-3-item {
  padding-top: 30px;
  padding-right: 40px;
  padding-bottom: 46px;
  padding-left: 90px;
  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-service-3-item {
    padding-top: 30px;
    padding-right: 20px;
    padding-bottom: 46px;
    padding-left: 70px;
  }
}

.it-service-3-item:hover .it-service-3-name span::after {
  opacity: 1;
  visibility: visible;
}

.it-service-3-icon {
  margin-bottom: 10px;
}

.it-service-3-icon span {
  font-size: 48px;
  color: var(--it-theme-2);
  position: relative;
}

.it-service-3-icon span::before {
  position: absolute;
  content: "";
  top: -5px;
  left: 0;
  height: 34px;
  width: 34px;
  border-radius: 50%;
  background-color: rgba(2, 139, 148, 0.1);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.07);
}

.it-service-3-icon span::after {
  display: inline-block;
  content: "";
  height: 1px;
  width: 180px;
  margin-left: 45px;
  transform: translateY(-23px);
  background-color: #CBF9FF;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-icon span::after {
    width: 58%;
    margin-left: 25px;
    transform: translateY(-23px);
  }
}

.it-service-3-title {
  font-size: 23px;
  letter-spacing: -0.01em;
  margin-bottom: 15px;
  transition: 0.3s;
}

@media 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: 19px;
  }
}

.it-service-3-title:hover {
  color: var(--it-theme-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-3-title-box p {
    font-size: 14px;
  }

  .it-service-3-title-box p br {
    display: none;
  }
}

.it-service-3-content p {
  font-size: 16px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
  color: #9094A3;
}

@media 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-content p {
    font-size: 14px;
  }
}

.it-service-3-name {
  position: absolute;
  top: 42%;
  left: -16.2%;
  transform: rotate(-90deg);
  text-align: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-name {
    left: -24.2%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-3-name {
    left: -20.2%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-3-name {
    left: -13.2%;
  }
}

.it-service-3-name span {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: transparent;
  position: relative;
  display: block;
  width: 215px;
  -webkit-text-stroke: 1px rgba(4, 179, 191, 0.4);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-name span {
    font-size: 20px;
  }
}

.it-service-3-name span::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 auto;
  right: 0;
  color: var(--it-theme-2);
  overflow: hidden;
  text-align: center;
  transition: all 0.7s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  animation: about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
}

.it-service-3-arrow {
  position: absolute;
  right: 40px;
  bottom: -20px;
}

.it-service-3-arrow a {
  text-align: center;
  height: 50px;
  width: 50px;
  line-height: 52px;
  border-radius: 5px;
  display: inline-block;
  color: var(--it-theme-2);
  background-color: #E5E5E7;
  font-weight: 600;
  transition: 0.3s;
}

.it-service-3-arrow a i {
  transform: rotate(45deg);
  transition: 0.3s;
  display: inline-block;
}

.it-service-3-arrow a:hover {
  background-color: var(--it-theme-2);
}

.it-service-3-arrow a:hover i {
  transform: rotate(90deg);
  color: var(--it-common-white);
}

.it-service-4-item {
  border-radius: 10px;
  background: #fff;
  padding: 55px 30px;
  padding-bottom: 45px;
  box-shadow: 0 0 30px 0 rgba(25, 33, 54, 0.1);
}

.it-service-4-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(25, 33, 54, 0.8);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.it-service-4-item:hover::after {
  opacity: 1;
  visibility: visible;
}

.it-service-4-item:hover .it-service-4-thumb {
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1);
  transform: perspective(400px) rotateX(0deg) scale(1);
  opacity: 1;
  visibility: visible;
}

.it-service-4-item:hover .it-service-4-icon span {
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.1);
}

.it-service-4-item:hover .it-service-4-title a {
  color: var(--it-common-white);
}

.it-service-4-item:hover .it-service-4-content p {
  color: var(--it-common-white);
}

.it-service-4-thumb {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  opacity: 1;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  z-index: -1;
}

.it-service-4-thumb img {
  width: 100%;
  height: 100%;
}

.it-service-4-title {
  font-size: 23px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #001d19;
}

.it-service-4-title a {
  transition: 0.3s;
}

.it-service-4-content p {
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #6a6d7a;
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-4-content p {
    font-size: 15px;
  }
}

.it-service-4-icon span {
  height: 90px;
  width: 90px;
  font-size: 40px;
  line-height: 104px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-red);
  transition: 0.3s;
  background-color: rgba(238, 52, 78, 0.1);
}

.it-service-4-shape-1 {
  position: absolute;
  top: 8%;
  right: 39%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-4-shape-1 {
    right: 30%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-4-shape-1 img {
    transform: scale(0.65);
  }
}

.it-service-5-area {
  padding: 52px 0;
}

.it-service-5-icon i {
  color: #fff;
  font-size: 68px;
}

.it-service-5-content h5 {
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #fff;
  margin-bottom: 12px;
}

.it-service-5-content p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #fff;
}

.it-service-5-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
  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-service-5-item {
    margin-bottom: 30px;
  }
}

.it-service-5-item.item-style-2 {
  margin-left: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-5-item.item-style-2 {
    margin-left: 0;
  }
}

.it-service-5-item.item-style-3 {
  margin-left: 75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-service-5-item.item-style-3 {
    margin-left: 0;
  }
}

/** details css start here**/
.it-sv-details__area p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #99999f;
  margin-bottom: 23px;
}

.it-sv-details__left {
  margin-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-sv-details__left {
    margin-right: 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__right {
    margin-left: -30px;
  }
}

.it-sv-details__main-thumb img {
  width: 100%;
}

.it-sv-details__search-box {
  border: 1px solid var(--it-grey-1);
  border-radius: 5px;
}

.it-sv-details__search-box input {
  padding: 0 55px 0 20px;
}

.it-sv-details__search-box input::placeholder {
  color: var(--it-common-black);
}

.it-sv-details__search-box button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.it-sv-details__search-box button span {
  color: var(--it-common-black);
}

.it-sv-details__services-title {
  font-size: 26px;
}

.it-sv-details__services-list a {
  position: relative;
  display: block;
  padding: 20px 31px 20px 20px;
  color: var(--it-common-black);
  margin-bottom: 10px;
  border: 1px solid var(--it-grey-1);
  border-radius: 5px;
  transition: 0.3s;
}

.it-sv-details__services-list a:hover {
  color: var(--it-theme-2);
}

.it-sv-details__services-list a:hover i {
  right: 15px;
}

.it-sv-details__services-list a i {
  position: absolute;
  top: 23px;
  right: 20px;
  transition: 0.3s;
}

.it-sv-details__contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}

.it-sv-details__contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #076CEC;
  opacity: 0.8;
  content: "";
  border-radius: 5px;
  z-index: -1;
}

.it-sv-details__contact-text h3 {
  font-size: 23px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
}

.it-sv-details__contact-text>span {
  font-size: 30px;
  font-weight: 700;
  display: block;
  color: var(--it-common-white);
  margin-bottom: 32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__contact-text>span {
    font-size: 25px;
  }
}

.it-sv-details__contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__contact-time span {
    display: block;
  }
}

.it-sv-details__title {
  font-size: 42px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .it-sv-details__title {
    font-size: 30px;
  }
}

.it-sv-details__notes-content {
  padding: 20px 40px;
  padding-right: 90px;
  border-left: 10px solid var(--it-theme-1);
  border-radius: 10px;
  background-color: #DEE4FF;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details__notes-content {
    padding: 20px 25px;
  }
}

@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),
(max-width: 767px) {
  .it-sv-details__notes-content {
    padding: 20px;
    margin: 0;
  }
}

.it-sv-details__notes-title {
  font-style: italic;
  font-weight: 600;
  font-size: 18px;
  color: #021a42;
  line-height: 1.6;
  margin: 0;
}

.it-sv-details__setup-icon i {
  font-size: 100px;
  color: var(--it-theme-1);
  margin-right: 30px;
  line-height: 0;
}

.it-sv-details__setup-title {
  font-weight: 600;
  font-size: 18px;
  color: #00102f;
  line-height: 1.6;
  display: inline-block;
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__setup-title {
    margin-right: 0;
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__setup-title {
    margin-right: 55px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-sv-details__setup-title {
    margin-right: 0;
    font-size: 14px;
  }
}

.it-sv-details__setup-box.style-2 {
  margin-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-sv-details__setup-box.style-2 {
    margin-left: 0;
    margin-top: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__banner {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__banner {
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__banner img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .it-sv-details__banner img {
    width: 100%;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-sv-details__banner-text p {
    font-size: 14px;
  }
}

.it-sv-details__banner-right {
  padding: 0px 5px;
  margin-left: -15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__banner-right {
    padding: 38px 20px 50px 5px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__banner-right {
    padding: 28px 20px 50px 5px;
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-sv-details__banner-right {
    margin-left: 0;
  }
}

.it-sv-details__banner-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #021a42;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details__banner-title {
    font-size: 27px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__banner-title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__banner-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-sv-details__banner-title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__banner-title {
    font-size: 24px;
  }
}

.it-sv-details__banner-list ul li {
  position: relative;
  font-weight: 600;
  font-size: 18px;
  color: #00102f;
  list-style: none;
  padding-left: 25px;
  margin-bottom: 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-sv-details__banner-list ul li {
    font-size: 16px;
  }
}

.it-sv-details__banner-list ul li i {
  position: absolute;
  color: var(--it-theme-1);
  top: 3px;
  left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__content-wrapp {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 767px) {
  .it-sv-details__content-wrapp {
    margin-left: 0;
    margin-bottom: 70px;
  }
}

.it-sv-details__content-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #00102f;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details__content-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-sv-details__content-title {
    font-size: 30px;
  }
}

.it-sv-details__button a {
  text-transform: uppercase;
  border-radius: 50px;
}

.it-sv-details__play {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}

.it-sv-details__play a {
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  font-size: 25px;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
}

.it-sv-details__play a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  29. team css start
/*----------------------------------------*/
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}

.it-team-thumb {
  border-radius: 10px;
  overflow: hidden;
}

.it-team-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: 1.3s all ease;
}

.it-team-content {
  padding: 50px 0px;
  padding-bottom: 55px;
  border-radius: 10px;
  background: #fff;
  margin-right: 115px;
  margin-top: -125px;
  position: relative;
  z-index: 2;
  box-shadow: 0 4px 25px 0 rgba(8, 87, 222, 0.12);
}

@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-team-content {
    margin-right: 70px;
    padding: 38px 0;
  }
}

.it-team-title {
  font-size: 20px;
  letter-spacing: -0.01em;
}

.it-team-title a {
  transition: 0.3s;
}

.it-team-title a:hover {
  color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-team-title-box {
    margin-bottom: 30px;
  }
}

.it-team-author-box {
  padding-bottom: 25px;
  border-bottom: 1px solid #DEE4FF;
}

.it-team-author-box span {
  font-size: 14px;
  color: var(--it-theme-1);
  letter-spacing: -0.02em;
}

.it-team-social {
  padding-top: 30px;
}

.it-team-social a {
  height: 35px;
  width: 35px;
  border-radius: 50%;
  display: inline-block;
  line-height: 42px;
  text-align: center;
  margin: 0 3px;
  transition: 0.3s;
  color: var(--it-theme-1);
  background-color: rgba(7, 106, 236, 0.1);
}

.it-team-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-team-active {
  padding: 20px;
  margin: -20px;
}

.it-team-arrow-box button span {
  text-align: center;
  height: 58px;
  width: 58px;
  line-height: 55px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  transition: 0.3s;
  border: 1px solid transparent;
}

.it-team-arrow-box button span svg {
  display: inline-block;
}

.it-team-arrow-box button.slider-prev {
  position: relative;
  margin-right: 13px;
}

.it-team-arrow-box button.slider-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  height: 31px;
  width: 3px;
  transform: translateY(-50%);
  background-color: #DEE4FF;
}

.it-team-arrow-box button:hover span {
  background-color: transparent;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

.it-team-shape-1 {
  position: absolute;
  left: 3%;
  top: 13%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-team-2-thumb>img {
  border-radius: 42% 9% 52% 50%/81% 74% 31% 35%;
}

.it-team-2-title {
  font-size: 23px;
  margin-bottom: 17px;
  letter-spacing: -0.01em;
}

.it-team-2-title a {
  transition: 0.3s;
}

.it-team-2-title a:hover {
  color: var(--it-theme-1);
}

.it-team-2-author-box p {
  font-size: 16px;
  letter-spacing: -0.02em;
  margin-bottom: 0;
}

.it-team-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

.it-team-2-shape-2 {
  position: absolute;
  top: 11%;
  left: 3%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-2-shape-2 {
    top: 2%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-2-shape-2 img {
    transform: scale(0.6);
  }
}

.it-team-style-2 .it-team-title:hover a {
  color: var(--it-theme-2);
}

.it-team-style-2 .it-team-author-box span {
  color: var(--it-theme-2);
}

.it-team-style-2 .it-team-social a {
  color: var(--it-theme-2);
  background-color: rgba(4, 179, 191, 0.1);
}

.it-team-style-2 .it-team-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

.it-team-style-2 .it-team-arrow-box button span {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

.it-team-style-2 .it-team-arrow-box button span svg {
  display: inline-block;
}

.it-team-style-2 .it-team-arrow-box button:hover span {
  background-color: transparent;
  color: var(--it-theme-2);
  border: 1px solid var(--it-theme-2);
}

.it-team-style-3 {
  padding-top: 220px;
  margin-top: -100px;
  background-color: #F8F8F8;
}

.it-team-style-3 .it-team-title:hover a {
  color: var(--it-common-green);
}

.it-team-style-3 .it-team-author-box span {
  color: var(--it-common-green);
}

.it-team-style-3 .it-team-social a {
  color: var(--it-common-green);
  background-color: rgba(25, 119, 107, 0.1);
}

.it-team-style-3 .it-team-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-green);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-style-3 .it-team-shape-1 img {
    transform: scale(0.6);
  }
}

/* details css start */
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-area {
    padding-bottom: 0;
  }
}

.it-team-details-area p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #74747c;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-area p {
    font-size: 14px;
  }

  .it-team-details-area p br {
    display: none;
  }
}

.it-team-details-area .it-shop-details__social a {
  height: 52px;
  width: 52px;
  line-height: 58px;
}

@media 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-top {
    margin-bottom: 60px;
  }
}

.it-team-details-auhtor-title {
  font-size: 42px;
  letter-spacing: 0em;
  color: #000;
  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-team-details-auhtor-title {
    font-size: 30px;
  }
}

.it-team-details-auhtor-info span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-theme-1);
  display: block;
  margin-bottom: 23px;
}

.it-team-details-text span {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #00102f;
}

@media 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-text span {
    font-size: 16px;
  }
}

.it-team-details-thumb {
  margin-right: -27px;
}

@media 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-thumb {
    margin-right: 0;
  }
}

.it-team-details-right {
  margin-left: 77px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-right {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-left {
    margin-bottom: 50px;
  }
}

.it-team-details-title {
  font-weight: 700;
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #00102f;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-details-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-title {
    font-size: 25px;
  }
}

.it-team-details-list ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 14px;
  color: #74747c;
  padding-left: 15px;
  position: relative;
}

.it-team-details-list ul li:not(:last-child) {
  margin-bottom: 7px;
}

.it-team-details-list ul li::before {
  position: absolute;
  top: 6px;
  left: 0;
  content: "";
  height: 6px;
  width: 6px;
  border-radius: 50%;
  background-color: var(--it-common-black);
}

.it-team-details-list ul li i {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #00102f;
  margin-right: 3px;
}

.it-team-details-list.list-style-2 {
  margin-left: -60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-list.list-style-2 {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-team-details-list.list-style-2 {
    margin-left: 0;
    margin: 30px 0;
  }
}

.it-team-details-list.list-style-3 {
  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-team-details-list.list-style-3 {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  30. testimonial css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-left {
    margin-bottom: 50px;
  }
}

.it-testimonial-item {
  padding: 30px 32px;
  padding-right: 44px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}

.it-testimonial-arrow-box button span {
  text-align: center;
  height: 67px;
  width: 67px;
  line-height: 66px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
  color: var(--it-common-black-2);
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-arrow-box button span {
    height: 54px;
    width: 54px;
    line-height: 53px;
  }
}

.it-testimonial-arrow-box button span svg {
  display: inline-block;
}

.it-testimonial-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-testimonial-arrow-box button.slider-prev {
  margin-right: 8px;
}

.it-testimonial-ratting {
  margin-bottom: 19px;
}

.it-testimonial-ratting i {
  color: #FEB65C;
  font-size: 14px;
  padding-right: 2px;
}

.it-testimonial-text p {
  font-size: 16px;
  letter-spacing: -0.02em;
}

.it-testimonial-author img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
}

.it-testimonial-author-info h5 {
  font-size: 20px;
  letter-spacing: -0.02em;
}

.it-testimonial-author-info span {
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: var(--it-theme-1);
}

.it-testimonial-wrapper {
  margin-left: 72px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-wrapper {
    margin-left: -30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-wrapper {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-title-box {
    margin-bottom: 30px;
  }
}

.it-testimonial-active {
  margin-right: -505px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-active {
    margin-right: -305px;
  }
}

@media (max-width: 767px) {
  .it-testimonial-active {
    margin-right: 0;
  }
}

.it-testimonial-style-2 .it-testimonial-item {
  background: #fff;
  padding: 0;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.it-testimonial-style-2 .it-testimonial-2-active {
  margin: -30px -10px;
  padding: 30px 10px;
}

.it-testimonial-style-2 .it-testimonial-text p {
  color: #001E21;
}

.it-testimonial-style-2 .it-testimonial-arrow-box button span {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

.it-testimonial-style-2 .it-testimonial-arrow-box button span svg {
  display: inline-block;
}

.it-testimonial-style-2 .it-testimonial-arrow-box button.slider-prev {
  position: relative;
  margin-right: 13px;
}

.it-testimonial-style-2 .it-testimonial-arrow-box button.slider-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  height: 31px;
  width: 3px;
  transform: translateY(-50%);
  background-color: #DEE4FF;
}

.it-testimonial-style-2 .it-testimonial-arrow-box button:hover span {
  background-color: transparent;
  color: var(--it-theme-2);
  border: 1px solid var(--it-theme-2);
}

.it-testimonial-style-2 .it-testimonial-author img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

.it-testimonial-style-2 .it-testimonial-author-info h5 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 5px;
}

.it-testimonial-style-2 .it-testimonial-author-info span {
  font-size: 14px;
  letter-spacing: -0.02em;
  text-transform: capitalize;
  color: var(--it-theme-2);
}

.it-testimonial-style-2 .it-testimonial-author-box {
  padding: 30px 32px;
  padding-top: 0;
}

.it-testimonial-style-2 .it-testimonial-text-wrap {
  padding: 30px 32px;
  padding-bottom: 25px;
  padding-right: 44px;
  margin-bottom: 55px;
  position: relative;
  border-bottom: 1px solid #001E21;
}

.it-testimonial-style-2 .it-testimonial-quote {
  position: absolute;
  bottom: -25px;
  right: 45px;
}

.it-testimonial-style-2 .it-testimonial-quote span {
  font-size: 26px;
  height: 50px;
  width: 50px;
  line-height: 59px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}

.it-testimonial-2-area {
  margin-bottom: 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-testimonial-2-area {
    margin-bottom: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-2-area {
    margin-bottom: 0px;
  }
}

.it-testimonial-2-grey-bg {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.it-testimonial-2-grey-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #F8F8F8;
}

.it-testimonial-2-thumb {
  position: absolute;
  left: 0;
  bottom: -170px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-thumb {
    bottom: -100px;
    width: 43%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-2-thumb {
    position: static;
  }
}

.it-testimonial-2-thumb img {
  transition: 0.7s;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-2-thumb img {
    width: 100%;
  }
}

.it-testimonial-2-thumb:hover img {
  transform: scale(1.1);
}

.it-testimonial-2-bg {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
}

.it-testimonial-2-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 29, 25, 0.9);
}

.it-testimonial-2-bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-color: #F8F8F8;
}

.it-testimonial-2-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.it-testimonial-2-right {
  padding: 109px 0;
  padding-left: 66px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-2-right {
    padding: 100px 0;
  }
}

.it-testimonial-2-right .it-testimonial-ratting i {
  font-size: 10px;
  color: var(--it-common-white);
}

.it-testimonial-2-right .it-testimonial-author-info span {
  color: var(--it-theme-3);
}

.it-testimonial-2-right .it-testimonial-author img {
  height: 80px;
  width: 80px;
}

.it-testimonial-2-right .it-testimonial-arrow-box {
  position: absolute;
  bottom: 0%;
  right: -7%;
  z-index: 1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-right .it-testimonial-arrow-box {
    right: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-2-right .it-testimonial-arrow-box {
    right: 0;
    bottom: -5%;
  }
}

.it-testimonial-2-right .it-testimonial-arrow-box button span {
  height: 55px;
  width: 55px;
  line-height: 56px;
  font-size: 22px;
}

@media (max-width: 767px) {
  .it-testimonial-2-right .it-testimonial-arrow-box button span {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 41px;
  }
}

.it-testimonial-2-right .it-testimonial-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-theme-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) {
  .it-testimonial-2-wrap .it-testimonial-text p {
    font-size: 15px;
  }

  .it-testimonial-2-wrap .it-testimonial-text p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-testimonial-2-wrap .it-testimonial-text p {
    margin-right: 0;
    font-size: 15px;
  }

  .it-testimonial-2-wrap .it-testimonial-text p br {
    display: none;
  }
}

.it-testimonial-style-3 .it-testimonial-2-thumb-sm {
  border-radius: 0 10px 10px 0;
  height: 100%;
  margin-right: 86px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-3 .it-testimonial-2-thumb-sm {
    margin-right: 0;
    border-radius: 0px;
  }
}

.it-testimonial-style-3 .it-testimonial-2-thumb-sm img {
  width: auto;
  height: 100%;
  object-fit: cover;
  border-radius: 10px 0px 0px 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-3 .it-testimonial-2-thumb-sm img {
    width: 100%;
    border-radius: 0px;
  }
}

.it-testimonial-style-3 .it-testimonial-2-right {
  padding: 83px 0;
  padding-left: 66px;
  margin-left: -102px;
  margin-right: 86px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-3 .it-testimonial-2-right {
    padding-left: 30px;
    margin-left: -102px;
    margin-right: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-3 .it-testimonial-2-right {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-style-3 .it-testimonial-2-right {
    margin-left: 0;
    margin-right: 30px;
    padding-left: 30px;
  }
}

.it-testimonial-style-3 .it-testimonial-2-wrap {
  background-color: #192136;
  border-radius: 10px;
}

.it-testimonial-style-3 .it-testimonial-author-info span {
  color: var(--it-common-red);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-4 .it-testimonial-left {
    margin-bottom: 0;
  }
}

.it-testimonial-style-4 .it-testimonial-arrow-box button span {
  background-color: var(--it-theme-1);
}

.it-testimonial-style-4 .it-testimonial-arrow-box button:hover span {
  background-color: transparent;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

.it-testimonial-style-4 .it-testimonial-author-info span {
  color: var(--it-theme-1);
}

.it-testimonial-style-4 .it-testimonial-quote span {
  background-color: var(--it-theme-1);
}

.it-slider-dots {
  position: relative;
  z-index: 2;
  margin-bottom: -10px;
}

.it-slider-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--it-common-white);
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
  position: relative;
}

.it-slider-dots .swiper-pagination-bullet::after {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-common-red);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.it-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--it-common-red);
}

.it-slider-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  31. test-slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 17px 0;
}

.it-text-slider-item span {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  margin-right: 55px;
  display: inline-block;
  color: var(--it-common-white);
}

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

.it-text-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  32. Working area start
/*----------------------------------------*/
.it-work-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-work-item {
  transition: 0.3s;
}

.it-work-item:hover .it-work-content {
  background-color: var(--it-theme-2);
}

.it-work-item:hover .it-work-content p {
  color: var(--it-common-white);
}

.it-work-item:hover .it-work-title {
  color: var(--it-common-white);
}

.it-work-item:hover .it-work-thumb img {
  border: 1px dashed var(--it-common-black);
}

.it-work-main-number {
  width: 30px;
  height: 30px;
  font-size: 18px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 14px;
  letter-spacing: -0.01em;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-work-sub-icon span {
  color: var(--it-common-black);
  display: inline-block;
  margin: 9px 0;
}

.it-work-title {
  font-size: 23px;
  letter-spacing: -0.01em;
  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-work-title {
    font-size: 19px;
  }
}

.it-work-content {
  padding: 35px 20px;
  padding-bottom: 40px;
  border-radius: 10px;
  margin-top: 5px;
  background-color: #fff;
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-work-content {
    padding: 50px 15px 30px 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-work-content {
    padding: 27px 10px;
  }
}

.it-work-content p {
  font-size: 16px;
  letter-spacing: -0.01em;
  margin-bottom: 0;
  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-work-content p {
    font-size: 15px;
  }
}

.it-work-thumb img {
  border-radius: 50%;
  transition: 0.3s;
  border: 1px dashed var(--it-theme-2);
}

.it-work-wrapper::before {
  position: absolute;
  width: 100%;
  top: 14px;
  content: "";
  border: 1px dashed var(--it-theme-2);
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-work-wrapper::before {
    display: none;
  }
}

/*----------------------------------------*/
/*  20. mobile-menu css start
/*----------------------------------------*/
.it-main-menu nav ul li {
  position: relative;
}

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

.it-main-menu nav ul li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 14px;
  margin-left: 3px;
  font-weight: 400;
  transition: 0.3s;
  transform: translateY(0px);
  color: var(--it-common-white);
}

.it-main-menu nav ul li>.submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  text-align: left;
  padding: 30px;
  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);
  border-top: 4px solid var(--it-theme-1);
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9999;
}

.it-main-menu nav ul li>.submenu li {
  margin: 0;
  display: block;
  margin-bottom: 15px;
}

.it-main-menu nav ul li>.submenu li:last-child {
  margin-bottom: 0;
}

.it-main-menu nav ul li>.submenu li a {
  display: inline-block;
  padding: 0;
  color: var(--it-common-black);
  transition: 0.3s;
  position: relative;
  border: none;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.01em;
}

.it-main-menu nav ul li>.submenu li a::before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  background-color: var(--it-theme-1);
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}

.it-main-menu nav ul li>.submenu li a:hover {
  padding-left: 25px;
}

.it-main-menu nav ul li>.submenu li a:hover::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}

.it-main-menu nav ul li:hover.has-dropdown::after {
  transform: rotate(-180deg);
}

.it-main-menu nav ul li:hover .submenu {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}

.it-main-menu nav ul li .has-home-img {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.it-main-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 10px;
}

.it-main-menu nav ul li .has-home-img .home-img-title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
  color: var(--it-common-black);
}

.it-main-menu nav ul li .has-home-img .home-img-title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}

.it-main-menu nav ul li .has-home-img .home-img-title:hover a {
  background-size: 0% 1px, 100% 1px;
}

.it-main-menu nav ul li .it-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  width: 1170px;
  margin: 0 auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-main-menu nav ul li .it-mega-menu {
    width: 100%;
  }
}

.it-main-menu nav ul li .it-mega-menu .it-mega-menu-wrap {
  padding: 55px;
}

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

.home-img-thumb {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.home-img-thumb:hover .home-img-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.it-menu-mobile .it-submenu {
  display: none;
}

.it-menu-mobile .it-menu-content {
  margin-bottom: 70px;
}

.it-menu-mobile .home-img {
  margin-bottom: 20px;
}

.it-menu-mobile .home-img-title {
  font-size: 15px;
  color: var(--it-common-white);
}

.it-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}

.it-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}

.it-menu-mobile ul li:not(:last-child)>a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  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: 22px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  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 {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a.expanded {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown:hover>a::after {
  color: var(--it-theme-green);
}

.it-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}

.it-menu-mobile 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 svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}

.it-menu-mobile ul li>a>i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}

.it-menu-mobile 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 {
  width: 100%;
}

.it-menu-mobile ul li ul {
  padding: 0;
}

.it-menu-mobile ul li ul li {
  padding: 0;
}

.it-menu-mobile 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 {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}

.it-menu-mobile 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 {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}

.it-menu-mobile ul li:hover>a {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:hover>a::after {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:hover>a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.it-menu-mobile ul li .mega-menu,
.it-menu-mobile 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 {
  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 {
  color: var(--it-theme-1);
}

.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}

.it-menu-mobile * ul,
.it-menu-mobile * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  15. feature css start
/*----------------------------------------*/
.it-feature-area {
  background-color: #f8f8f8;
}

.it-feature-item {
  padding: 60px 38px;
  padding-bottom: 54px;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  background-color: var(--it-common-black);
}

.it-feature-item::after {
  content: "";
  position: absolute;
  height: calc(100% + 2px);
  width: 100%;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--it-theme-3);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -ms-transform: perspective(400px) rotateX(-90deg) scale(0.2);
  transform: perspective(400px) rotateX(-90deg) scale(0.2);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  border-radius: 10px;
}

.it-feature-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scale(1);
  -ms-transform: perspective(400px) rotateX(0deg) scale(1);
  transform: perspective(400px) rotateX(0deg) scale(1);
  opacity: 1;
  visibility: visible;
}

.it-feature-item:hover .it-feature-icon span {
  color: var(--it-common-black);
}

.it-feature-icon span {
  font-size: 80px;
  transition: 0.3s;
  color: var(--it-theme-3);
}

.it-feature-title {
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #fff;
  margin-bottom: 17px;
  transition: 0.3s;
}

.it-feature-content p {
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #fff;
  margin-bottom: 0;
  transition: 0.3s;
}

/*----------------------------------------*/
/*  08. cases css start
/*----------------------------------------*/
.it-cases-arrow-box button span {
  text-align: center;
  height: 67px;
  width: 67px;
  line-height: 66px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}

@media (max-width: 767px) {
  .it-cases-arrow-box button span {
    height: 55px;
    width: 55px;
    line-height: 52px;
  }
}

.it-cases-arrow-box button span svg {
  display: inline-block;
}

.it-cases-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-common-green);
}

.it-cases-arrow-box button.slider-prev {
  position: relative;
  margin-right: 13px;
}

.it-cases-arrow-box button.slider-prev::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -10px;
  height: 31px;
  width: 3px;
  transform: translateY(-50%);
  background-color: #DEE4FF;
}

@media (max-width: 767px) {
  .it-cases-title-box {
    margin-bottom: 30px;
  }
}

.it-cases-active {
  margin-right: -440px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cases-active {
    margin-right: 0;
  }
}

.it-cases-shape-1 {
  position: absolute;
  top: 4%;
  right: 2%;
  z-index: -1;
  animation: zoom 3s infinite;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cases-shape-1 {
    right: 34%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cases-shape-1 {
    right: 34%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 1200px) and (max-width: 1399px) and (min-width: 992px) and (max-width: 1199px) {
  .it-cases-shape-1 img {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cases-shape-1 {
    right: 34%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) and (min-width: 992px) and (max-width: 1199px) {
  .it-cases-shape-1 img {
    transform: scale(0.6);
  }
}

/*----------------------------------------*/
/*  28. slider css start
/*----------------------------------------*/
.it-slider-height {
  height: 900px;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-slider-height {
    height: 800px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-height {
    height: 700px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-height {
    height: 700px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-height {
    height: 680px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-height {
    height: 650px;
  }
}

@media (max-width: 767px) {
  .it-slider-height {
    height: 650px;
  }
}

.it-slider-height .it-hero-title {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-200px);
  transform: translateY(-200px);
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: all 3s;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-height .it-hero-title {
    font-size: 66px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-height .it-hero-title {
    font-size: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-height .it-hero-title {
    font-size: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-height .it-hero-title {
    font-size: 55px;
  }
}

@media (max-width: 767px) {
  .it-slider-height .it-hero-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-height .it-hero-title {
    font-size: 52px;
  }
}

.it-slider-height .it-hero-text {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(200px);
  transform: translateY(200px);
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: all 3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-height .it-hero-text p {
    margin-right: 170px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-height .it-hero-text p {
    margin-right: 130px;
  }
}

@media (max-width: 767px) {
  .it-slider-height .it-btn-theme.red-bg {
    margin-bottom: 20px;
  }
}

.it-slider-overley {
  position: relative;
}

.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background: linear-gradient(90deg, rgba(25, 33, 54, 0.9) 0%, rgba(25, 33, 54, 0.6) 50%, rgba(25, 33, 54, 0) 100%);
}

.it-slider-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-280px);
  transform: translateX(-280px);
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms;
  -webkit-transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease;
  transition: transform 2000ms ease, opacity 2000ms ease, -webkit-transform 2000ms ease;
  transition: all 3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-1 {
    bottom: -30%;
  }
}

.it-slider-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateX(-130px);
  transform: translateX(-130px);
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms;
  -webkit-transition: opacity 700ms ease, -webkit-transform 700ms ease;
  transition: opacity 700ms ease, -webkit-transform 700ms ease;
  transition: transform 700ms ease, opacity 700ms ease;
  transition: transform 700ms ease, opacity 700ms ease, -webkit-transform 700ms ease;
  transition: all 3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-2 {
    bottom: -30%;
  }
}

.it-slider-shape-3 {
  position: absolute;
  bottom: 0;
  right: 11%;
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-hero-title {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-hero-text {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-shape-1 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-shape-2 {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(0);
  transform: translateY(0) translateX(0);
}

/*----------------------------------------*/
/*  27. shop css start
/*----------------------------------------*/
.it-shop-text span {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #161b18;
}

.it-shop-select {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  display: inline-block;
  margin-left: 30px;
}

@media (max-width: 767px) {
  .it-shop-select {
    margin-left: 0;
  }
}

.it-shop-select .nice-select {
  color: #00102f;
  border: 1px solid #99999f;
  border-radius: 5px;
  padding: 9px 20px;
  padding-right: 75px;
  cursor: pointer;
}

.it-shop-select .nice-select::after {
  right: 23px;
  top: 18%;
  border-bottom: 2px solid var(--it-common-black);
  border-right: 2px solid var(--it-common-black);
}

.it-shop-select .nice-select .list {
  padding: 10px 0;
}

.it-shop-select .nice-select .list .option {
  line-height: 1.2;
  min-height: inherit;
  padding-top: 5px;
  padding-bottom: 5px;
}

.it-shop-item {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1), 0 0 100px 0 rgba(255, 255, 255, 0.1);
}

.it-shop-item:hover .it-shop-thumb img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.it-shop-item:hover .it-shop-action-2 {
  right: 20px;
  visibility: visible;
  opacity: 1;
}

.it-shop-thumb {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}

.it-shop-thumb img {
  width: 100%;
  border-radius: 5px 5px 0 0;
  transition: 0.7s;
}

.it-shop-badge {
  position: absolute;
  top: 20px;
  left: 0;
}

.it-shop-badge span {
  font-size: 14px;
  letter-spacing: -0.01em;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  line-height: 1;
  padding: 5px 14px;
  border-radius: 0 50px 50px 0;
}

.it-shop-content {
  padding: 28px 0;
  margin: 0 20px;
  padding-bottom: 40px;
  border-top: 1px dashed #D9D9D9;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-content {
    padding: 28px 0px;
    padding-bottom: 40px;
    margin: 0 35px;
  }
}

@media (max-width: 767px) {
  .it-shop-content {
    padding: 28px 0px;
    padding-bottom: 40px;
    margin: 0 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-content {
    padding: 28px 0px;
    padding-bottom: 40px;
    margin: 0 15px;
  }
}

.it-shop-title {
  font-weight: 700;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 16px;
}

.it-shop-title a {
  transition: 0.3s;
}

.it-shop-title a:hover {
  color: var(--it-theme-1);
}

.it-shop-ammount {
  font-size: 15px;
  color: #707279;
}

.it-shop-ammount del {
  color: var(--it-theme-1);
  margin-left: 10px;
  margin-right: 24px;
}

.it-shop-price {
  margin-bottom: 28px;
}

.it-shop-price>span {
  font-size: 14px;
}

.it-shop-price>span i {
  color: #FF9431;
}

.it-shop-action-2 {
  position: absolute;
  right: -20px;
  top: 20px;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

@media (max-width: 767px) {
  .it-shop-action-2 {
    top: 30px;
  }
}

.it-shop-action-blackStyle .it-shop-action-btn-2:hover {
  background-color: var(--it-common-black);
}

.it-shop-action-primaryStyle .it-shop-action-btn-3:hover {
  background-color: var(--it-theme-1);
}

.it-shop-action-btn-2 {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  font-size: 18px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-bottom: 0;
  box-shadow: 0px 1px 2px rgba(1, 15, 28, 0.2);
  border-radius: 50%;
  margin-bottom: 6px;
}

@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 svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.it-shop-action-btn-2:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-shop-action-btn-2:hover .it-shop-tooltip {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-8px) translateY(-50%);
  -moz-transform: translateX(-8px) translateY(-50%);
  -ms-transform: translateX(-8px) translateY(-50%);
  -o-transform: translateX(-8px) translateY(-50%);
  transform: translateX(-8px) translateY(-50%);
}

.it-shop-tooltip {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 500;
  font-size: 12px;
  right: 100%;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
  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: "";
  right: -4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 0;
  height: 0;
  left: auto;
  border-right: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid var(--it-common-black);
  border-bottom: 8px solid transparent;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
(max-width: 767px) {
  .it-shop-title-box {
    margin-bottom: 30px;
  }
}

.it-shop-arrow-box button span {
  text-align: center;
  height: 40px;
  width: 40px;
  line-height: 41px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-arrow-box button span {
    height: 54px;
    width: 54px;
    line-height: 53px;
  }
}

.it-shop-arrow-box button span svg {
  display: inline-block;
}

.it-shop-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-shop-arrow-box button.slider-prev {
  margin-right: 8px;
}

.it-shop-nav-box ul li button {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  color: #00102f;
  padding: 0;
  margin-right: 37px;
}

@media (max-width: 767px) {
  .it-shop-nav-box ul li button {
    margin-right: 35px;
    margin-bottom: 10px;
  }
}

.it-shop-nav-box ul li button.active {
  color: var(--it-theme-1);
}

.it-shop-nav-box ul li button:hover {
  color: var(--it-theme-1);
}

.it-shop-active {
  margin: -40px;
  padding: 40px;
}

.it-pagination nav ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 3px;
}

.it-pagination nav ul li a {
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: #00102f;
  height: 58px;
  width: 58px;
  line-height: 58px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pagination nav ul li a {
    font-size: 16px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .it-pagination nav ul li a {
    font-size: 16px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}

.it-pagination nav ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-pagination nav ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-shop-details__right-wrap {
  margin-left: -35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-left: 0;
  }
}

.it-shop-details__social a {
  height: 40px;
  width: 40px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  background-color: #e6e5ff;
  margin-right: 5px;
  color: var(--it-theme-1);
}

.it-shop-details__social a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  border-radius: 5px;
  background-color: #dee4ff;
  text-align: center;
  color: var(--it-theme-1);
  font-size: 18px;
  margin-right: 8px;
  transition: 0.3s;
}

.it-shop-details__icon a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-shop-details__Category span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-shop-details__Category span {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__Category span {
    display: inline-block;
  }
}

.it-shop-details__Category span:first-child {
  margin-right: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-shop-details__Category span:first-child {
    margin-bottom: 8px;
  }
}

.it-shop-details__Category span i {
  font-style: normal;
  color: #076cec;
}

.it-shop-details__text p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #74747c;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__text p {
    font-size: 14px;
  }

  .it-shop-details__text p br {
    display: none;
  }
}

.it-shop-details__btn {
  margin-left: 30px;
}

@media (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}

.it-shop-details__btn .it-btn-theme {
  padding: 17.1px 40px;
}

.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
    margin-right: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 0px;
    margin-right: 0;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__quantity {
    margin-bottom: 0;
  }
}

.it-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #00102f;
}

.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}

.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}

.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}

.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}

@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}

.it-shop-details__tab-content-box {
  border-radius: 10px;
  background: #fff;
  text-align: center;
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
}

.it-shop-details__tab-btn-box nav div button {
  border: 0.5px solid #dee4ff;
  border-radius: 5px;
  width: 120px;
  height: 120px;
  line-height: 120px;
  margin: 0 10px;
  transition: 0.3s;
}

.it-shop-details__tab-btn-box nav div button.active {
  border: 0.5px solid var(--it-theme-1);
}

.it-shop-details__tab-btn-box nav div button:hover {
  border: 0.5px solid var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}

@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}

.it-shop-details__wrapper {
  margin-right: 81px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__wrapper {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
  margin-right: 195px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__price {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .it-shop-details__price {
    margin-right: 0;
    flex-wrap: wrap;
  }
}

.it-shop-details__price>span {
  font-weight: 600;
  font-size: 18px;
  color: #076cec;
  display: inline-block;
  margin-left: 20px;
  margin-right: 47px;
}

.it-shop-details__price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}

@media (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 0;
  }
}

.it-shop-details__ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}

.it-shop-details__ratting span {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #00102f;
}

.pro-details-nav-btn {
  border: none;
}

.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
  width: 33.33%;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li {
    width: 100%;
    margin-bottom: 10px;
  }
}

.pro-details-nav-btn li:last-child {
  width: 33.34%;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li:last-child {
    width: 100%;
  }
}

.pro-details-nav-btn li:last-child button {
  border-radius: 0 10px 0 0;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li:last-child button {
    border-radius: 0;
  }
}

.pro-details-nav-btn li:first-child button {
  border-radius: 10px 0 0 0;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li:first-child button {
    border-radius: 0;
  }
}

.pro-details-nav-btn li:not(:last-child) button {
  border-right: 1px solid #022E42;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li:not(:last-child) button {
    border: none;
  }
}

.pro-details-nav-btn li button {
  color: var(--it-common-black);
  padding: 35px 20px;
  width: 100%;
  background-color: #dee4ff;
  text-align: center;
  transition: 0.3s;
}

@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 {
    padding: 15px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .pro-details-nav-btn li button {
    padding: 15px 12px;
  }
}

.pro-details-nav-btn li button span {
  z-index: 9;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
  transition: 0.3s;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .pro-details-nav-btn li button span {
    font-size: 12px;
  }
}

.pro-details-nav-btn li button.active {
  background-color: var(--it-theme-1);
  border-right: 1px solid var(--it-theme-1);
}

.pro-details-nav-btn li button.active span {
  color: var(--it-common-white);
}

.pro-details-nav-btn li button:hover {
  background-color: var(--it-theme-1);
  border-right: 1px solid var(--it-theme-1);
}

.pro-details-nav-btn li button:hover span {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .pro-details-nav-btn li {
    font-size: 16px;
  }
}

.tab-para p {
  font-size: 16px;
  line-height: 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) {
  .tab-para p {
    font-size: 14px;
  }

  .tab-para p br {
    display: none;
  }
}

.comments-box {
  margin-bottom: 50px;
}

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

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}

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

.comment-input textarea {
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  padding: 20px;
  resize: none;
}

.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-theme-1);
}

.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  margin-bottom: 30px;
}

.comment-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

.table td {
  padding: 18px;
}

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

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

@media (max-width: 767px) {
  .it-comments-title {
    font-size: 18px;
  }
}

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

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

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

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}

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

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

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

.it-product-sidebar {
  margin-right: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-sidebar {
    margin-right: 0;
  }
}

.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}

.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}

.it-product-widget-filter {
  position: relative;
}

.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--it-theme-1);
}

.it-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}

.it-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-common-black);
  position: absolute;
  display: inline-block;
}

.it-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-white);
  transform: translateY(-50%);
}

.it-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}

.it-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--it-common-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}

.it-product-widget-filter-info .it-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 10px 15px;
  margin-right: 15px;
}

.it-product-widget-filter-info .it-product-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-product-widget-category ul li {
  list-style: none;
  width: 100%;
}

.it-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}

.it-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}

.it-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}

.it-product-widget-category ul li a:hover {
  color: var(--it-theme-1);
}

.it-product-widget-category ul li a i {
  color: var(--it-theme-1);
}

.it-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-widget-color span {
    margin-bottom: 0;
  }
}

.it-product-widget-color span.red {
  background-color: #FE5B00;
}

.it-product-widget-color span.tia {
  background-color: var(--it-theme-1);
}

.it-product-widget-color span.yellow {
  background-color: #FED000;
}

.it-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}

.it-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}

.it-product-widget-color span.black {
  background-color: var(--it-common-black);
}

.it-product-widget-color span.ass {
  background-color: #505050;
}

.it-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.it-order-info-list-highlight-item span {
  display: block;
}

.it-order-info-list-highlight-item span input {
  display: none;
}

.it-order-info-list-highlight-item span input:checked~label::before {
  opacity: 1;
  visibility: visible;
}

.it-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-left: 27px;
  position: relative;
}

.it-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}

.it-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}

.it-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-product-widget-rating span {
  display: block;
}

.it-product-widget-rating span input {
  display: none;
}

.it-product-widget-rating span input:checked~label::before {
  opacity: 1;
  visibility: visible;
}

.it-product-widget-rating span label {
  position: relative;
  padding-left: 27px;
}

.it-product-widget-rating span label>i {
  color: #FED000;
}

.it-product-widget-rating span label>i.color {
  color: rgba(254, 207, 0, 0.4);
}

.it-product-widget-rating span label:hover {
  cursor: pointer;
}

.it-product-widget-rating span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}

.it-product-widget-rating span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-shop-popup-wrap {
  height: 610px;
  width: 900px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.3s;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .it-shop-popup-wrap {
    width: 360px;
    justify-content: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-popup-wrap {
    width: 460px;
    justify-content: center;
  }
}

.it-shop-popup-content {
  padding: 40px;
}

.it-shop-popup-img {
  position: relative;
  height: 100%;
  flex: 0 0 auto;
}

.it-shop-popup-img img {
  height: 100%;
}

.it-shop-popup-logo {
  margin-bottom: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-logo {
    width: 120px;
  }
}

.it-shop-popup-text h4 {
  font-weight: 700;
  font-size: 46px;
  line-height: 1;
  margin-bottom: 13px;
  text-transform: uppercase;
  font-family: var(--it-ff-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-popup-text h4 {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .it-shop-popup-text h4 {
    font-size: 40px;
  }
}

.it-shop-popup-text p {
  font-weight: 700;
  font-size: 28px;
  color: #19191a;
  text-transform: uppercase;
  margin-bottom: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-popup-text p {
    font-size: 16px;
  }
}

.it-shop-popup-text span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: #19191a;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-family: var(--it-ff-heading);
  margin-bottom: 55px;
  display: inline-block;
}

.it-shop-popup-inputbox input {
  height: 50px;
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: #6e6e74;
  border: 1px solid rgba(25, 25, 26, 0.1);
  margin-bottom: 10px;
}

.it-shop-popup-inputbox input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-shop-popup-inputbox input::placeholder {
  font-weight: 400;
  font-size: 17px;
  letter-spacing: 0.04em;
  color: var(--it-common-black);
}

.it-shop-popup-inputbox .it-btn-black-square {
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
  border: 2px solid transparent;
}

.it-shop-popup-inputbox .it-btn-black-square:hover {
  background-color: transparent;
  border-color: var(--it-common-black);
  color: var(--it-common-black);
}

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

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

.subscribe-popup .close {
  height: 40px;
  width: 40px;
  line-height: 45px;
  background-color: var(--it-common-black);
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
}

.subscribe-popup .close i {
  font-size: 20px;
  font-weight: 400;
  display: inline-block;
  color: var(--it-common-white);
  transition: 0.3s;
}

.subscribe-popup .close:hover i {
  transform: rotate(180deg);
}

@keyframes zoomInOut {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }
}

.it-shop-popup-logo img {
  width: 160px;
  height: 100%;
}

/*----------------------------------------*/
/*  09. categori css start
/*----------------------------------------*/
.it-categori-item {
  padding: 30px 15px;
  border-radius: 5px;
  padding-bottom: 25px;
  background-color: #dee4ff;
}

.it-categori-item span {
  font-size: 14px;
  letter-spacing: -0.01em;
  text-align: center;
  color: #076cec;
  transition: 0.3s;
}

.it-categori-item::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  border-radius: 5px;
  background-color: var(--it-theme-1);
  transform: scaleX(0.3) rotateX(20deg);
  opacity: 0;
  transition: all 0.3s linear;
  z-index: -2;
}

.it-categori-item:hover::after {
  transform: scaleX(1) rotateX(0deg);
  transition: all 0.4s linear;
  opacity: 1;
}

.it-categori-item:hover .it-categori-title {
  color: var(--it-common-white);
}

.it-categori-item:hover span {
  color: var(--it-common-white);
}

.it-categori-icon span {
  display: inline-block;
  height: 90px;
  line-height: 90px;
}

.it-categori-icon-shape {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

.it-categori-title {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #000;
  margin-bottom: 5px;
  transition: 0.3s;
}

/*----------------------------------------*/
/*  13. discount css start
/*----------------------------------------*/
.it-discount-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-bg {
    background-position: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-discount-bg {
    background-position: left;
  }
}

.it-discount-item {
  padding: 45px 40px;
  padding-bottom: 110px;
  background-color: #f1f3fd;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-discount-item {
    padding-bottom: 50px;
  }
}

.it-discount-item .it-btn-theme {
  background-color: var(--it-theme-1);
}

.it-discount-content {
  position: relative;
  z-index: 2;
}

.it-discount-content>span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: block;
  padding-bottom: 4px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-content>span {
    font-size: 16px;
  }
}

.it-discount-title {
  font-size: 34px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin-bottom: 21px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-discount-title {
    font-size: 28px;
  }
}

.it-discount-thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
}

.it-discount-thumb.style-2 {
  right: 10%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-thumb.style-2 {
    right: -10%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-thumb {
    right: -10%;
    transform: translateY(-50%) scale(0.7);
  }
}

@media (max-width: 767px) {
  .it-discount-thumb {
    display: none;
  }
}

.it-discount-2-item {
  padding: 45px 40px;
  padding-bottom: 110px;
  background-color: #f1f3fd;
}

.it-discount-2-item .it-btn-theme {
  background-color: var(--it-theme-1);
}

.it-discount-2-content {
  position: relative;
  z-index: 2;
}

.it-discount-2-content>span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: block;
  padding-bottom: 4px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-2-content>span {
    font-size: 16px;
  }
}

.it-discount-2-title {
  font-size: 34px;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin-bottom: 21px;
}

.it-discount-2-thumb {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  z-index: 1;
}

.it-discount-2-thumb.style-2 {
  right: 10%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-discount-2-thumb {
    bottom: -8%;
    right: -15%;
  }
}

@media (max-width: 767px) {
  .it-discount-2-thumb {
    display: none;
  }
}

.it-discount-2-bg {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-discount-2-text p {
  font-weight: 600;
  font-size: 18px;
  color: #74747c;
}

@media (max-width: 767px) {
  .it-discount-2-text p {
    font-size: 16px;
  }

  .it-discount-2-text p br {
    display: none;
  }
}

.it-discount-2-timer-box {
  margin-right: 128px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-discount-2-timer-box {
    margin-right: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-discount-2-timer-box {
    margin-right: 320px;
  }
}

@media (max-width: 767px) {
  .it-discount-2-timer-box {
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-discount-2-timer-box {
    margin-right: 220px;
  }
}

@media (max-width: 767px) {
  .it-discount-2-timer {
    margin-bottom: 30px;
  }
}

.it-discount-2-timer h6 {
  font-size: 34px;
  letter-spacing: -0.01em;
  color: #fff;
  border-radius: 5px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  display: inline-block;
  margin-bottom: 10px;
  background-color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-discount-2-timer h6 {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
  }
}

.it-discount-2-timer i {
  display: block;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  color: #00102f;
}

.it-discount-2-content {
  padding: 89px 0;
}

/*----------------------------------------*/
/*  06. brand css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-area {
    padding: 60px 0;
  }
}

.it-brand-item {
  line-height: 90px;
  height: 90px;
}

/*----------------------------------------*/
/*  14. error css start
/*----------------------------------------*/
.it-error-area {
  padding: 90px 0;
}

.it-error-thumb img {
  width: 500px;
  height: 500px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb img {
    width: 400px;
    height: 400px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-error-thumb img {
    width: 300px;
    height: 300px;
  }
}

.it-error-title {
  font-weight: 700;
  font-size: 42px;
  letter-spacing: 0em;
  color: #00102f;
  margin-bottom: 12px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-title {
    font-size: 38px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .it-error-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-content p {
    font-size: 16px;
  }

  .it-error-content p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  07. cart css start
/*----------------------------------------*/
.table-content .table> :not(:first-child) {
  border-top: 0;
}

.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

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

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

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

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

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

.table-content table th,
.table-content table td {
  border-bottom: 1px solid #eaedff;
  border-right: 1px solid #eaedff;
}

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

.table td,
.table th {
  border-top: 1px solid #eaedff;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-quantity>input {
    width: inherit;
  }
}

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

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

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

.coupon {
  float: left;
}

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}

#coupon_code {
  height: 60px;
  border: 2px solid #eaedff;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  #coupon_code {
    height: 48px;
  }
}

@media (max-width: 767px) {
  #coupon_code {
    height: 48px;
  }
}

#coupon_code:focus {
  border: 2px solid var(--it-theme-1);
}

.coupon2 {
  float: right;
}

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

@media (max-width: 767px) {
  .coupon2 {
    float: none;
  }
}

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

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

.cart-page-total>ul {
  border: 1px solid #eaedff;
}

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

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

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

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

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

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

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

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

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

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

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

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

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-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 .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

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

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

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

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

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

.cart-thumb {
  padding-right: 15px;
}

.cart-title {
  font-size: 15px;
}

.cart-title a {
  display: inline-block;
  position: relative;
}

.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-1);
  transition: 0.7s;
  display: inline-block;
}

.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--it-common-black);
}

.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}

.cart-del-icon span {
  transition: 0.3s;
  color: red;
  cursor: pointer;
}

.cart-content {
  text-align: start;
}

.cart-content span {
  font-size: 14px;
  color: #707279;
}

.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}

.cart-content-wrap {
  padding-bottom: 7px;
}

.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}

.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

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

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

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

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

.coupon-content {
  border: 1px solid #eaedff;
  display: none;
  margin-bottom: 20px;
  padding: 30px;
}

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

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

.coupon-info p.form-row-first label,
.coupon-info p.form-row-last label {
  display: block;
  color: #6f7172;
}

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

.coupon-info p.form-row-first input,
.coupon-info p.form-row-last input {
  border: 1px solid #eaedff;
  height: 55px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  border-radius: 5px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: var(--it-theme-1);
}

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

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

.form-row>label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

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

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

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

p.checkout-coupon input[type=text] {
  height: 55px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

p.checkout-coupon input[type=text]:focus {
  border-color: var(--it-theme-1);
}

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

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

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

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

.country-select label,
.checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

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

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 55px;
  padding-left: 10px;
  line-height: 55px;
  width: 100%;
  color: #6f7172;
  border-radius: 5px;
  margin-bottom: 20px;
}

.country-select .nice-select::after {
  top: 49%;
}

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

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

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text],
.checkout-form-list input[type=password],
.checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
}

.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--it-theme-1);
}

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

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

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

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

.create-acc label {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

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

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

.your-order h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

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

.your-order-table table th,
.your-order-table table td {
  border-bottom: 1px solid #eaedff;
  border-right: medium none;
  border-left: medium none;
  color: #6f7172;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    padding-right: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

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

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

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

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

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

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

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

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

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

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}

.payment-method .accordion-collapse {
  border: none;
}

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

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

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

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

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

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

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

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

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

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

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

/*----------------------------------------*/
/*  19. login css start
/*----------------------------------------*/
.it-signup-bg {
  background-color: #DEE4FF;
}

.it-signup-wrap {
  padding: 110px 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-signup-wrap {
    padding: 80px 30px;
  }
}

.it-signup-title {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  color: #0A0909;
  text-transform: uppercase;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--it-theme-1);
}

.it-signup-input input {
  border-radius: 5px;
  color: #0E2A46;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
  border: 1px solid transparent;
}

.it-signup-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-signup-input input::placeholder {
  color: #0E2A46;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}

.it-signup-text span {
  color: #4D5756;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}

.it-signup-text span a {
  color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-signup-link {
    margin-top: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-link {
    margin-top: 0px;
  }
}

.it-signup-link span {
  font-size: 16px;
  display: inline-block;
  margin-right: 15px;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-signup-link>a img {
    max-width: 100px;
  }
}

.it-signup-thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.it-signup-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.it-signup-forget a {
  color: #FF0000;
}

.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: 3px;
  height: 15px;
  width: 15px;
  padding: 0;
}

/*----------------------------------------*/
/*  23. portfolio css start
/*----------------------------------------*/
.it-portfolio-item:hover .it-portfolio-content {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}

.it-portfolio-item:hover .it-portfolio-thumb img {
  transform: scale(1.1) rotate(-2deg);
}

.it-portfolio-thumb {
  overflow: hidden;
}

.it-portfolio-thumb img {
  width: 100%;
  transition: all 0.9s;
}

.it-portfolio-content {
  position: absolute;
  bottom: -60%;
  left: 20px;
  right: 20px;
  transition: 0.5s;
  opacity: 0;
  visibility: hidden;
}

.it-portfolio-content span {
  font-weight: 500;
  font-size: 14px;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
  padding: 6px 15px;
  padding-right: 60px;
  background-color: var(--it-theme-1);
}

.it-portfolio-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.03em;
  color: #00102f;
  background-color: #fff;
  padding: 15px 15px;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-portfolio-title {
    font-size: 16px;
    padding: 10px 15px;
  }
}

/* details css start */
.it-pro-details-area p {
  font-size: 16px;
  letter-spacing: -0.01em;
  color: #74747c;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-area p br {
    display: none;
  }
}

.it-pro-details-thumb img {
  width: 100%;
}

.it-pro-details-info-wrap {
  padding: 17px 75px;
  background-color: #F1F3FD;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-pro-details-info-wrap {
    padding: 17px 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-info-wrap {
    padding: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-info-wrap {
    padding: 25px 25px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-info-box {
    margin-bottom: 20px;
  }
}

.it-pro-details-info-box.border-style::after {
  display: inline-block;
  content: "";
  border: 1px dashed #00102f;
  width: 1px;
  height: 48px;
  margin-left: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-info-box.border-style::after {
    display: none;
  }
}

.it-pro-details-info-icon span {
  margin-right: 18px;
  display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-info-icon span {
    margin-right: 8px;
  }
}

.it-pro-details-info-content h6 {
  font-weight: 600;
  font-size: 22px;
  color: #00102f;
  margin-bottom: 2px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-pro-details-info-content h6 {
    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-pro-details-info-content h6 {
    font-size: 16px;
  }
}

.it-pro-details-info-content span {
  font-size: 14px;
  color: #74747c;
}

@media 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-info-content span {
    font-size: 13px;
  }
}

.it-pro-details-title {
  font-size: 34px;
  color: #00102f;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-pro-details-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-title {
    font-size: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-list-box {
    margin-bottom: 30px;
  }
}

.it-pro-details-list-box ul li {
  font-weight: 600;
  font-size: 18px;
  line-height: 167%;
  color: #00102f;
  padding-left: 25px;
  position: relative;
  list-style-type: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-list-box ul li {
    font-size: 16px;
  }
}

.it-pro-details-list-box ul li:not(:last-child) {
  margin-bottom: 10px;
}

.it-pro-details-list-box ul li i {
  position: absolute;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-pro-details-left {
    margin-bottom: 40px;
  }
}

.it-pro-details-left.it-pro-details-list-box ul li {
  font-size: 16px;
  color: #74747c;
}

.it-pro-details-right ul li {
  list-style-type: none;
}

.it-pro-details-right ul li:not(:last-child) {
  margin-bottom: 27px;
}

.it-pro-details-right-icon {
  margin-bottom: 5px;
}

.it-pro-details-right-icon i {
  display: inline-block;
  margin-right: 10px;
  color: var(--it-theme-1);
}

.it-pro-details-right-icon span {
  font-weight: 600;
  font-size: 22px;
  line-height: 150%;
  color: #00102f;
}

/*----------------------------------------*/
/*  21. modal css start
/*----------------------------------------*/
.modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

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

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

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

.btn-close:hover {
  border-color: var(--it-common-black) !important;
  transform: rotate(180deg);
}

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

.modal-body {
  padding: 0;
}

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

.it-product-modal .modal-dialog {
  width: 1200px;
}

.it-product-modal .modal-content {
  padding: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-modal .modal-content {
    padding: 80px 20px;
  }
}

.it-product-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  transition: 0.3s;
}

.it-product-modal-close-btn:hover {
  background-color: var(--it-theme-1);
}

.it-product-modal-content .tab-content {
  background-color: #e6e5ff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.it-product-details-content {
  position: relative;
  padding: 50px 25px 40px;
}

.it-product-details-category span {
  font-size: 16px;
  line-height: 1;
  font-family: var(--it-ff-heading);
}

.it-product-details-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 15px;
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

.it-product-details-stock {
  margin-right: 12px;
}

.it-product-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  background-color: #e6e5ff;
}

.it-product-details-rating {
  margin-right: 11px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}

.it-product-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}

.it-product-details-rating span:not(:last-child) {
  margin-right: 3px;
}

.it-product-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}

.it-product-details-price.new-price {
  color: var(--it-common-black);
}

.it-product-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}

.it-product-details-wrapper>p {
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--it-ff-heading);
}

.it-product-details-wrapper>p span {
  font-weight: 500;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-product-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}

.it-product-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}

.it-product-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  font-family: var(--it-ff-heading);
}

.it-product-details-action-wrapper {
  margin-bottom: 17px;
}

.it-product-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-product-details-action-sm-btn {
    font-size: 12px;
  }
}

.it-product-details-action-sm-btn:not(:last-child) {
  margin-right: 10px;
}

.it-product-details-action-sm-btn i,
.it-product-details-action-sm-btn svg {
  margin-right: 2px;
}

.it-product-details-action-sm-btn:hover {
  color: var(--it-theme-1);
}

.it-product-details-thumb-wrapper .nav-tabs .nav-link {
  width: 90px;
  height: 100px;
  position: relative;
  margin: 0px 4px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: #e6e5ff;
  border: 1px solid transparent;
}

.it-product-details-thumb-wrapper .nav-tabs .nav-link:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .it-product-details-thumb-wrapper .nav-tabs .nav-link:last-child {
    margin-bottom: 10px;
  }
}

.it-product-details-thumb-wrapper .nav-tabs .nav-link.active {
  border: 1px solid var(--it-theme-1);
}

.it-product-details-thumb-wrapper {
  margin-right: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

.it-product-details-thumb-wrapper .nav-tabs {
  margin-right: 10px;
}

@media (max-width: 767px) {
  .it-product-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-product-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  26. shop sidebar css start
/*----------------------------------------*/
.shop-sidebar-left {
  margin-left: 30px;
}

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

.it-shop-widget-title {
  font-weight: 600;
  font-size: 18px;
  padding-bottom: 10px;
  margin-bottom: 25px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  border-bottom: 1px solid #EEE;
}

.it-shop-widget-title.no-border {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 14px;
}

.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  background-color: #EDEDED;
  border: 0;
}

.it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--it-common-black);
}

.it-shop-widget-filter .ui-slider .ui-slider-handle {
  top: -7px;
  width: 5px;
  height: 17px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  background-color: var(--it-common-black);
}

.it-shop-widget-filter-info .input-range input {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  background-color: transparent;
  color: var(--it-common-black);
}

.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 14px;
  padding: 2px 21px;
  background-color: #F5F5F5;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-shop-widget-filter-info .it-shop-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-shop-widget-checkbox ul li {
  list-style: none;
}

.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 4px;
}

.it-shop-widget-checkbox ul li input {
  display: none;
}

.it-shop-widget-checkbox ul li input .single-widget-category input:checked+label::after {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-checkbox ul li input:checked~label::after {
  background-color: var(--it-common-black);
  border-color: var(--it-common-black);
}

.it-shop-widget-checkbox ul li input:checked~label::before {
  visibility: visible;
  opacity: 1;
}

.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
  color: #55585B;
  font-family: var(--it-ff-heading);
}

.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  border: 2px solid #DADADA;
  z-index: -1;
  transition: 0.2s;
}

.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/check.svg");
  top: 4px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 12px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--it-common-white);
  transition: 0.2s;
}

.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}

.it-shop-widget-categories {
  height: 288px;
  overflow-y: scroll;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  padding-right: 10px;
}

.it-shop-widget-categories ul li {
  list-style: none;
  width: 100%;
}

.it-shop-widget-categories ul li:not(:last-child) {
  margin-bottom: 10px;
}

.it-shop-widget-categories ul li a {
  font-weight: 400;
  font-size: 16px;
  color: #55585B;
  position: relative;
  padding-left: 16px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--it-ff-heading);
  width: 100%;
}

.it-shop-widget-categories ul li a::after {
  position: absolute;
  content: "";
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  text-align: center;
  background-color: #E7E7E7;
  border-radius: 50%;
  transition: 0.3s;
}

.it-shop-widget-categories ul li a:hover {
  color: var(--it-common-black);
}

.it-shop-widget-categories ul li a:hover::after {
  background-color: var(--it-common-black);
}

.it-shop-widget-categories ul li a:hover span {
  border-color: var(--it-common-black);
}

.it-shop-widget-categories ul li a span {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
}

.it-shop-widget-checkbox-circle {
  position: relative;
}

.it-shop-widget-checkbox-circle span.red {
  background-color: #FF401F;
}

.it-shop-widget-checkbox-circle span.dark_blue {
  background-color: #4666FF;
}

.it-shop-widget-checkbox-circle span.oragnge {
  background-color: #FF9E2C;
}

.it-shop-widget-checkbox-circle span.purple {
  background-color: #B615FD;
}

.it-shop-widget-checkbox-circle span.yellow {
  background-color: #FFD747;
}

.it-shop-widget-checkbox-circle span.green {
  background-color: #41CF0F;
}

.it-shop-widget-checkbox-circle-list ul li {
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  font-family: var(--it-ff-heading);
}

.it-shop-widget-checkbox-circle .it-shop-widget-checkbox-circle-self {
  position: absolute;
  content: "";
  top: 4px;
  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;
  font-family: var(--it-ff-heading);
}

.it-shop-widget-checkbox-circle label::before {
  position: absolute;
  content: url("../img/product/icons/check-2.svg");
  top: 3px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--it-common-white);
  transition: 0.1s;
}

.it-shop-widget-checkbox-circle label:hover {
  cursor: pointer;
}

.it-shop-widget-brand {
  margin-right: 40px;
}

.it-shop-widget-brand-item {
  width: 50%;
  flex: 0 0 50%;
  margin-bottom: 30px;
}

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



/* gallery */



.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
  gap: 20px;
  justify-content: center;
  align-items: center;
  padding: 50px;
  margin: 50px
}

.image-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.image-container {
  width: 100%;
  padding-top: 100%;
  /* Makes it a square */
  position: relative;
  overflow: hidden;
}

.image-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(auto-fit, minmax(45%, 1fr));
    margin: 10px;
    padding: 10px
  }
}

@media (max-width: 480px) {
  .image-grid {
    grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));
  }
}

/* doctor */

.d-card {
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  background: white;
  padding: 10px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  width: 400px;
}

.d-card img {
  width: 400px;
  height: 500px;
  border-radius: 5px;
}

.d-card h2 {
  margin: 10px 0 5px;
}

.d-card p {
  color: gray;
}

@media (max-width: 425px) {
  .d-card {
    width: 90%;
    padding: 8px;
  }

  .d-card img {
    width: 100%;
    height: auto;
  }

  .d-card h2 {
    font-size: 18px;
  }

  .d-card p {
    font-size: 14px;
  }
}

/* why choose us */

/* wahtsaapp back to top */
.whatsapp-icon,
.back-to-top {
  position: fixed;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #25D366;
  color: white;
  font-size: 24px;
  text-decoration: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  z-index:9999;
}

.whatsapp-icon {
  bottom: 20px;
  left: 20px;
  font-size:35px;
}

.back-to-top {
  bottom: 20px;
  right: 20px;
  background-color: #000;
}