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

    Theme Name: Solvra - Ecology & Solar Energy HTML Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Solvra - Ecology & Solar Energy HTML Template
    Version: 1.0

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

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

    01. THEME DEFAULT CSS
    02. Error area start
	03. About area start
	04. blog area start
	05. Brand area start
    06. Contact area start
	07. Coverage area start 
	08. cta area start
	09. faq area start
	10. Footer area start 
	11. Funfact area start 
	12. header css start 
	13. Hero area start
	14. menu area start 
	15. postbox css start
	16. Price area start
	17. Product area start 
	18. Progress area start
	19. Project area start 
	20. Recent Post css start
	21. Service area start
	22. Sidebar area start
	23. Team area start
	24. Testimonial area start
	25. Video area start
	26. Working area start
	27. Cart area start
	28. Checkout area start

    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('../../../../css2');
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Dosis', sans-serif;
  --it-ff-heading:  'Exo', sans-serif;
  --it-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --it-common-white: #fff;
  --it-common-black: #021609;
  --it-heading-primary: #021609;
  --it-grey-1: #F3FBF5;
  --it-text-body: #5A5A5A;
  /* --it-theme-1: #0e7a31; */
  /* --it-theme-1: #d92023; */
  --it-theme-1: #176bb6;
  --it-theme-2: #faa919;
  --it-border-1: #3a3a3a;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1320px;
  }
  .container-1210 {
    max-width: 1210px;
  }
  .container-1700 {
    max-width: 1700px;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

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

html,
body {
  overflow-x: hidden;
}

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.1;
  -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: 500;
  font-size: 17px;
  line-height: 26px;
}

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

.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: 60px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 30px;
  line-height: 60px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
input::-webkit-input-placeholder {
  color: #757a7b;
}
input:-moz-placeholder {
  color: #757a7b;
}
input::-moz-placeholder {
  color: #757a7b;
}
input:-ms-input-placeholder {
  color: #757a7b;
}

textarea {
  outline: none;
  color: var(--it-common-black);
  width: 100%;
  padding: 0 30px;
  border: none;
  text-transform: capitalize;
}
textarea::-webkit-input-placeholder {
  color: #757a7b;
}
textarea:-moz-placeholder {
  color: #757a7b;
}
textarea::-moz-placeholder {
  color: #757a7b;
}
textarea:-ms-input-placeholder {
  color: #757a7b;
}

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-10 {
  --bs-gutter-x: 10px;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-green {
  font-size: 16px;
  padding: 18px 40px;
  display: inline-block;
  color: var(--it-common-white);
  background: var(--it-theme-1);
  border-radius: 5px;
  transition: 0.3s;
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-btn-green {
    padding: 18px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-btn-green {
    padding: 18px 40px;
  }
}
@media (max-width: 767px) {
  .it-btn-green {
    padding: 18px 35px;
  }
}
.it-btn-green:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-btn-green.sm {
  padding: 12px 30px;
  font-size: 15px;
}
.it-btn-green.sm:hover {
  background-color: var(--it-theme-2);
  color: var(--it-common-black);
}
.it-btn-green.white-btn {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-btn-green.white-btn:hover {
  background-color: var(--it-theme-2);
  color: var(--it-common-black);
}
.it-btn-green.white-bg:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
.it-btn-green.yellow-bg {
  color: var(--it-common-black);
  background: var(--it-theme-2);
}
.it-btn-green.yellow-bg:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-btn-green.yellow-bg.white-bg:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
.it-btn-green-3 {
  text-transform: uppercase;
  color: var(--it-theme-1);
  background: var(--it-common-white);
}
.it-btn-white {
  font-size: 16px;
  padding: 18px 40px;
  display: inline-block;
  color: var(--it-common-black);
  background: var(--it-common-white);
  border-radius: 5px;
  transition: 0.3s;
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-btn-white {
    padding: 18px 30px;
  }
}
.it-btn-white:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-btn-white.yellow-bg:hover {
  background-color: var(--it-theme-2);
  color: var(--it-common-black);
}

/* pulse effect animation */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes scrollText-2 {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(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;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes about-sm {
  100% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(50px);
  }
}
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes itleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes itrotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@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 scroll {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes RL_smooth {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
@keyframes itupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@keyframes borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes about-circle {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    -o-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    -o-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
@keyframes hero-3-dot-2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(60%);
  }
  50% {
    opacity: 0;
    transform: translateX(-60%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes leftright {
  0% {
    transform: translatex(0);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes movinglight {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movinglight2 {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(70px);
  }
  50% {
    transform: translatey(70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movingtop {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translatey(70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes circle-animation {
  0% {
    right: 0;
  }
  50% {
    right: 100%;
  }
  100% {
    right: 0%;
  }
}
@keyframes circle-animation-2 {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes zoom2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes wobble-vertical {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthcalc {
  0% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 90%;
  }
  90% {
    opacity: 75%;
  }
  90% {
    opacity: 100%;
  }
}
/* right bounce */
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  60% {
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* /right bounce */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes light-one {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@-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 faq-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes faq-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes faq-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes faq-text {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
@-webkit-keyframes it-pulse-3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(86, 139, 7);
    box-shadow: 0 0 0 0 rgb(86, 139, 7);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
  }
}
@-moz-keyframes it-pulse-3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(86, 139, 7);
    box-shadow: 0 0 0 0 rgb(86, 139, 7);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
  }
}
@-ms-keyframes it-pulse-3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(86, 139, 7);
    box-shadow: 0 0 0 0 rgb(86, 139, 7);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
  }
}
@keyframes it-pulse-3 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgb(86, 139, 7);
    box-shadow: 0 0 0 0 rgb(86, 139, 7);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 45px rgba(86, 139, 7, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
    box-shadow: 0 0 0 0 rgba(86, 139, 7, 0);
  }
}
@keyframes sliderShape {
  0%, 100% {
    border-radius: 42% 58% 70% 30%/45% 45% 55% 55%;
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  34% {
    border-radius: 70% 30% 46% 54%/30% 29% 71% 70%;
    transform: translate3d(0, 5px, 0) rotateZ(0.01deg);
  }
  50% {
    transform: translate3d(0, 0, 0) rotateZ(0.01deg);
  }
  67% {
    border-radius: 100% 60% 60% 100%/100% 100% 60% 60%;
    transform: translate3d(0, -3px, 0) rotateZ(0.01deg);
  }
}
/*--- 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;
  }
}
/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;
  border: none;
}

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

/*---------------------------------------*/
/*Background color
/*-----------------------------------------*/
.black-bg {
  /* background: var(--it-common-black); */
  background:#002545 ;
}

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

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

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

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.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-area {
  padding-top: 124px;
  padding-bottom: 140px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.it-breadcrumb-area::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  content: "";
  background: linear-gradient(90deg, #021609 0%, rgba(2, 22, 9, 0.6) 45.5%, rgba(2, 22, 9, 0.3) 69%, rgba(2, 22, 9, 0) 100%);
}
.it-breadcrumb-shape-1 {
  position: absolute;
  top: -12px;
  right: 27%;
  z-index: -1;
}
.it-breadcrumb-transparent-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -2%;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-transparent-text {
    display: none;
  }
}
.it-breadcrumb-transparent-title {
  font-size: 65px;
  font-weight: 800;
  text-transform: uppercase;
  rotate: 90deg;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
}
.it-breadcrumb-content {
  text-align: center;
}
.it-breadcrumb-title {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
}
.it-breadcrumb-list span {
  font-size: 18px;
  font-weight: 500;
  color: var(--it-common-white);
}
.it-breadcrumb-list span.dvdr {
  color: var(--it-theme-2);
}

.it-custom-accordion .accordion-items {
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid var(--it-grey-1);
}
.it-custom-accordion .accordion-header {
  border-radius: 5px;
  background-color: #F3FAF6;
}
.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-size: 24px;
  font-weight: 700;
  text-align: left;
  line-height: 1.3;
  padding: 20px 70px 20px 30px;
  color: var(--it-common-black);
  border-radius: 5px 5px 0 0;
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}
@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 30px;
  }
}
@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: "\f068";
  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 (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: "\f067";
}
.it-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.it-custom-accordion .accordion-body {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.5;
  padding: 15px 30px;
  padding-bottom: 30px;
  position: relative;
  background-color: #F3FAF6;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-body {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    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: var(--it-theme-1);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--it-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--it-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--it-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--it-common-orange);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.it-subtitle {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  color: var(--it-theme-1);
  margin-bottom: 15px;
}
.it-subtitle::after {
  content: "";
  width: 100px;
  height: 1px;
  background-color: var(--it-theme-1);
  display: inline-block;
  transform: translateY(-6px);
  margin-left: 10px;
}
.it-subtitle.subtitle-yellow {
  color: var(--it-theme-2);
}
.it-subtitle.subtitle-yellow::after {
  background-color: var(--it-theme-2);
}

.it-section-title {
  font-size: 45px;
  color: var(--it-common-black);
  line-height: 1.2;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 40px;
  }
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 33px;
  }
  .it-section-title br {
    display: none;
  }
}
.it-section-title span {
  color: var(--it-theme-2);
}
.it-section-title-big {
  font-size: 150px;
  position: absolute;
  top: 33px;
  left: 0;
  right: 0;
  opacity: 0.1;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-section-title-big {
    font-size: 80px;
    top: 75px;
  }
}

.it-section-title-sm {
  font-size: 24px;
  color: var(--it-common-black);
  display: inline-block;
  margin-bottom: 15px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-sm {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  12. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.it-header-pl {
  padding-left: 440px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-pl {
    padding-left: 350px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-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-pl {
    padding-left: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-pl {
    padding-left: 230px;
  }
}
@media (max-width: 767px) {
  .it-header-pl {
    padding-left: 200px;
  }
}
.it-header-space-lr {
  padding-left: 185px;
  padding-right: 185px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-space-lr {
    padding-left: 130px;
    padding-right: 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-space-lr {
    padding-left: 80px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-space-lr {
    padding-left: 70px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-space-lr {
    padding-left: 60px;
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-space-lr {
    padding-left: 50px;
    padding-right: 0px;
  }
}
@media (max-width: 767px) {
  .it-header-space-lr {
    padding-left: 20px;
    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-mob-space {
    padding: 10px 0;
  }
}
.it-header-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;
}

.it-header-top {
  padding-top: 13px;
  padding-bottom: 13px;
}
.it-header-top-info {
  line-height: 0;
}
.it-header-top-info ul li {
  position: relative;
  display: inline-block;
  list-style: none;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-info ul li {
    margin-right: 18px;
  }
}
.it-header-top-info ul li:last-child {
  padding-left: 0;
}
.it-header-top-info ul li a {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-header-top-info ul li a i {
  font-size: 20px;
  color: var(--it-theme-2);
  margin-right: 8px;
  transform: translateY(3px);
  display: inline-block;
}
.it-header-top-info ul li a:hover {
  color: var(--it-theme-2);
}
.it-header-top-social {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-social {
    padding-left: 15px;
  }
}
.it-header-top-social a i {
  color: var(--it-common-white);
  font-size: 15px;
  padding-left: 10px;
  transition: 0.3s;
}
.it-header-top-social a i:hover {
  color: var(--it-theme-2);
}

.it-header-lang {
  position: relative;
  cursor: pointer;
}
.it-header-lang-selected-lang {
  font-size: 15px;
  color: var(--it-common-white);
  margin-left: 5px;
  position: relative;
  transition: 0.3s;
}
.it-header-lang-selected-lang i {
  font-size: 12px;
}
.it-header-lang-selected-lang:hover {
  color: var(--it-theme-2);
}
.it-header-lang img {
  line-height: 1;
}
.it-header-lang-list {
  position: absolute;
  top: 120%;
  left: 0;
  background: #000;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);
  z-index: 11;
  padding: 15px 15px;
  min-width: 100px;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}
.it-header-lang-list li {
  color: var(--it-common-white);
  text-align: left;
  list-style: none;
}
.it-header-lang-list.it-lang-list-open {
  visibility: visible;
  opacity: 1;
  top: 100%;
}

.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: 300px;
    padding: 20px;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-main-logo {
    width: 300px;
    padding: 20px;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .it-main-logo {
    width: 260px;
    padding: 10px;
    justify-content: center;
  }
}
.it-main-logo::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  /* background-color: var(--it-theme-1); */
  background-color: #fff;
  clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
}
@media (max-width: 767px) {
  .it-main-logo::before {
    clip-path: none;
  }
}

.it-header-right-search button {
  color: var(--it-common-black);
  font-size: 28px;
}
.it-header-right-user a i {
  color: var(--it-common-black);
  font-size: 28px;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  background-color: var(--it-common-white);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .it-header-top {
  display: none;
}

.it-header-bottom-2.header-sticky {
  background-color: var(--it-common-black);
}
.it-header-bottom-2 .it-header-bar {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}

.it-header-2-top {
  padding: 12px 35px;
}
.it-header-2-top-marque {
  animation: scrollText-2 20s infinite linear;
}
.it-header-2-top-content {
  padding-right: 47px;
}
.it-header-2-top-content:last-child {
  margin-right: 0;
}
.it-header-2-top-content p {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-common-black);
  margin: 0;
  padding-right: 47px;
  white-space: nowrap;
}
.it-header-2-top-content span {
  color: var(--it-common-white);
}
.it-header-2-top.text-slider-4 {
  padding: 28px 35px;
}
.it-header-2-top.text-slider-4 .it-header-2-top-content p {
  font-size: 24px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.it-header-2-right-shop a {
  position: relative;
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 43px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(225, 225, 225, 0.3);
  transition: 0.3s;
}
.it-header-2-right-shop a::before {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-header-2-right-shop a span {
  font-size: 24px;
  color: #fff;
  transition: 0.3s;
}
.it-header-2-right-shop a:hover {
  border: 1px solid var(--it-theme-2);
}
.it-header-2-right-shop a:hover span {
  color: var(--it-theme-2);
}

.it-header-3-top {
  padding-top: 12px;
  padding-bottom: 12px;
}
.it-header-3-top-opening-time ul li {
  list-style: none;
}
.it-header-3-top-opening-time ul li span {
  font-size: 16px;
  display: inline-block;
  color: var(--it-common-white);
}
.it-header-3-top-opening-time ul li i {
  font-size: 20px;
  color: var(--it-theme-1);
  margin-right: 12px;
}

.it-header-3-style .it-main-logo {
  width: 400px;
  padding: 42px 95px;
  display: flex;
  align-items: center;
  justify-content: start;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-3-style .it-main-logo {
    width: 330px;
    padding: 35px 35px;
  }
}
@media (max-width: 767px) {
  .it-header-3-style .it-main-logo {
    width: 260px;
    padding: 35px 25px;
  }
}
.it-header-3-style .it-main-logo img {
  height: 60px;
}
@media (max-width: 767px) {
  .it-header-3-style .it-header-top-social {
    padding-left: 0;
  }
}
.it-header-3-style .it-main-logo::before {
  clip-path: polygon(0 0, 100% 0, 86% 100%, 0 100%);
}
.it-header-3-style .it-header-space-lr {
  padding-left: 90px;
  padding-right: 0px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-3-style .it-header-space-lr {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-3-style .it-header-space-lr {
    padding-left: 20px;
  }
}
.it-header-3-style .it-about-info__text a {
  font-size: 18px;
}
.it-header-3-style .it-header-right-search {
  position: relative;
}
.it-header-3-style .it-header-right-search::after {
  position: absolute;
  top: -8px;
  left: 0;
  width: 1px;
  height: 50px;
  content: "";
  background-color: var(--it-theme-1);
}
.it-header-3-style .it-header-top-right {
  background-color: var(--it-theme-1);
  padding: 13px 20px;
}
.it-header-3-style .it-header-top {
  padding-top: 0px;
  padding-bottom: 0px;
}
@media (max-width: 767px) {
  .it-header-3-style .it-header-top {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-3-style .it-header-top {
    display: block;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-3-style .it-about-info-content {
    display: none !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-3-style .it-header-right-box {
    padding-right: 0;
  }
}

/*----------------------------------------*/
/*  14. menu area start
/*----------------------------------------*/
.it-main-menu nav ul li {
  display: inline-block;
  margin-right: 30px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-main-menu nav ul li {
    margin-right: 20px;
  }
}
.it-main-menu nav ul li:hover > a {
  color: var(--it-theme-1);
}
.it-main-menu nav ul li a {
  display: inline-block;
  font-size: 18px;
  font-weight: 500;
  padding: 30px 0;
  transition: 0.3s;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-main-menu nav ul li.has-dropdown::after {
  content: "\f107";
  font-family: var(--it-ff-fontawesome);
  display: inline-block;
  font-size: 16px;
  margin-left: 5px;
  font-weight: 400;
  transition: 0.3s;
  transform: translateY(1px);
  color: var(--it-common-black);
}
.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-black);
  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: 5px;
}
.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;
  font-weight: 700;
  color: var(--it-common-white);
  transition: 0.3s;
  position: relative;
}
.it-main-menu nav ul li > .submenu > li > a::before {
  position: absolute;
  top: 13px;
  left: 0;
  content: "";
  height: 1px;
  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);
  color: var(--it-theme-1);
}
.it-main-menu nav ul li:hover > a {
  color: var(--it-theme-1);
}
.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-2 nav ul li.has-dropdown::after {
  color: var(--it-common-white);
}
.it-main-menu-2 nav ul li a {
  color: var(--it-common-white);
}
.it-main-menu-2 nav ul li:hover.has-dropdown::after {
  color: var(--it-theme-2);
}
.it-main-menu-2 nav ul li:hover a {
  color: var(--it-theme-2);
}
.it-main-menu-2 nav ul li .submenu {
  border-color: var(--it-theme-2);
}
.it-main-menu-2 nav ul li .submenu li > a::before {
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-3-style .it-main-menu nav ul li {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-3-style .it-main-menu nav ul li {
    margin-right: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-3-style .it-main-menu nav ul li {
    margin-right: 18px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-3-style .it-main-menu nav ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-3-style .it-main-menu nav ul li a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-3-style .it-header-right-box {
    padding-right: 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-header-3-style .it-header-right-box {
    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-3-style .it-header-right-btn {
    margin-right: 0;
  }
}

.it-header-style-4 .it-main-menu-2 nav ul li {
  margin-right: 0;
  margin: 0 19px;
}
.it-header-style-4 .it-main-menu-2 nav ul li.has-dropdown::after {
  color: var(--it-common-black);
}
.it-header-style-4 .it-main-menu-2 nav ul li a {
  font-weight: 700;
  color: var(--it-common-black);
}

.it-menu-mobile .it-submenu {
  display: none;
}
.it-menu-mobile .it-menu-content {
  margin-bottom: 70px;
}
.it-menu-mobile .home-img {
  margin-bottom: 40px;
}
.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.12);
}
.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: #7F8387;
  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(255, 255, 255, 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;
}
.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;
  margin-top: 15px;
  margin-bottom: 25px;
}
.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;
}

/*----------------------------------------*/
/*  13. Hero area start
/*----------------------------------------*/
.it-hero-area {
  padding-top: 124px;
  padding-bottom: 130px;
}

.it-hero-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.it-hero-shape-1 {
  position: absolute;
  top: 120px;
  left: 169px;
  animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-shape-1 {
    top: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-1 {
    top: 50px;
  }
}
.it-hero-shape-1 span {
  color: var(--it-theme-1);
}
.it-hero-shape-2 {
  position: absolute;
  top: 25px;
  right: 0;
  left: 50px;
  text-align: center;
  z-index: -1;
  animation: rotate2 15s linear infinite;
}
.it-hero-shape-3 {
  height: 100%;
}
.it-hero-shape-3 span {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.it-hero-shape-3 span::before {
  position: absolute;
  width: 668px;
  height: 100%;
  top: 0;
  right: 0;
  background: var(--it-theme-1);
  content: "";
  clip-path: polygon(45% 0, 100% 0%, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-shape-3 span::before {
    width: 500px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-3 span::before {
    width: 400px;
  }
}
.it-hero-shape-4 {
  position: absolute;
  bottom: 213px;
  left: 605px;
}
.it-hero-shape-4 span {
  color: var(--it-common-white);
}
.it-hero-subtitle {
  font-size: 18px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-theme-1);
  margin-bottom: 15px;
  text-transform: capitalize;
}
.it-hero-subtitle.subtitle-yellow {
  color: var(--it-theme-2);
  text-transform: uppercase;
  margin-bottom: 25px;
}
.it-hero-title {
  font-size: 80px;
  color: var(--it-common-black);
  text-transform: capitalize;
  margin-bottom: 25px;
}
.it-hero-title.text-white {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 70px;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 44px;
  }
}
.it-hero-title.hero-big-title {
  font-size: 100px;
  font-weight: 700;
  margin-bottom: 10px;
}
.it-hero-title.hero-big-title span {
  display: inline-block;
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title.hero-big-title {
    font-size: 79px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title.hero-big-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title.hero-big-title {
    font-size: 63px;
  }
}
@media (max-width: 767px) {
  .it-hero-title.hero-big-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title.hero-big-title {
    font-size: 59px;
  }
}
.it-hero-content p {
  font-size: 18px;
  margin-bottom: 45px;
  margin-right: 20px;
}
.it-hero-video a {
  font-size: 17px;
  font-weight: 500;
  color: var(--it-theme-1);
}
.it-hero-video a i {
  height: 56px;
  width: 56px;
  line-height: 56px;
  text-align: center;
  color: var(--it-theme-1);
  background: var(--it-common-white);
  border-radius: 50%;
  margin-right: 14px;
  transition: 0.3s;
  padding-left: 4px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  animation: it-pulse-3 1.5s infinite;
}
.it-hero-video a i:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-hero-thumb {
  position: relative;
}
.it-hero-thumb img {
  max-width: inherit;
}
@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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-button {
    margin-bottom: 50px;
  }
}

.it-hero-2-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.it-hero-2-area::before {
  position: absolute;
  width: 100%;
  height: 100%;
  background: var(--it-grey-1);
  content: "";
  opacity: 0.9;
  top: 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-2-title-wrap {
    padding-bottom: 0;
  }
}
.it-hero-2-shape {
  position: absolute;
  right: 50px;
  top: 30px;
  animation: itswing 1s forwards infinite alternate;
}
.it-hero-2-title {
  font-size: 72px;
  display: inline-block;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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: 45px;
  }
}
.it-hero-2-title span {
  color: var(--it-theme-1);
}
.it-hero-2-content p {
  font-size: 18px;
  margin-right: 70px;
  line-height: 1.7;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  .it-hero-2-content p {
    margin-right: 0;
  }
}
.it-hero-2-thumb {
  left: -180px;
  bottom: 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-hero-2-thumb {
    left: 0;
    bottom: 0px;
    right: 0;
    text-align: center;
  }
}
.it-hero-2-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-thumb img {
    max-width: 100%;
  }
}

.it-slider-3-big-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -156px;
  z-index: 6;
}
@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), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-3-big-text {
    display: none;
  }
}
.it-slider-3-big-title {
  font-size: 122px;
  font-weight: 800;
  text-transform: uppercase;
  rotate: 90deg;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  position: relative;
}
.it-slider-3-big-title::after {
  content: attr(data-text);
  position: absolute;
  bottom: 0;
  left: 0;
  color: var(--it-theme-1);
  overflow: hidden;
  width: 100%;
  transition: all 2s ease-out 0s;
  animation: about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
  opacity: 0.2;
}
.it-slider-3-overlay::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #021609 0%, rgba(2, 22, 9, 0.6) 45.5%, rgba(2, 22, 9, 0.3) 69%, rgba(2, 22, 9, 0) 100%);
  z-index: 2;
}
.it-slider-3-bg {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: opacity 2500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 2500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 7000ms ease, opacity 2500ms ease-in;
  transition: transform 7000ms ease, opacity 2500ms ease-in, -webkit-transform 7000ms ease;
}
.it-slider-3-content-box {
  transform: translateY(-200px);
  opacity: 0;
  visibility: hidden;
}
.it-slider-3-button {
  transform: translateY(200px);
  opacity: 0;
  visibility: hidden;
}
.it-slider-3-height {
  height: 800px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-3-height {
    height: 750px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-3-height {
    height: 650px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-3-height {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-3-height {
    height: 690px;
  }
}
@media (max-width: 767px) {
  .it-slider-3-height {
    height: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-3-height {
    height: 650px;
  }
}
.it-slider-3-dsc p {
  font-size: 18px;
  color: var(--it-common-white);
  margin-right: 170px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .it-slider-3-dsc p {
    margin-right: 0;
  }
}
.it-slider-3-shape-1 {
  position: absolute;
  right: 20%;
  z-index: 3;
}
.it-slider-3-shape-2 {
  position: absolute;
  right: 2.8%;
  z-index: 3;
}
.it-slider-3-arrow-box {
  position: absolute;
  bottom: 89px;
  right: 140px;
  z-index: 6;
}
@media (max-width: 767px) {
  .it-slider-3-arrow-box {
    right: auto;
    left: 15px;
    bottom: 40px;
  }
}
.it-slider-3-arrow-box button i {
  font-size: 16px;
  width: 62px;
  height: 62px;
  text-align: center;
  line-height: 62px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  border-radius: 50%;
  transition: 0.3s;
}
.it-slider-3-arrow-box button.slider-3-prev::after {
  width: 2px;
  height: 20px;
  content: "";
  display: inline-block;
  background-color: var(--it-common-white);
  margin: 0 13px;
}
.it-slider-3-arrow-box button.slider-3-prev i:hover {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-slider-3-arrow-box button.slider-3-next i {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-slider-3-arrow-box button.slider-3-next i:hover {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-slider-3-active .swiper-slide-active .it-slider-3-bg {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.it-slider-3-active .swiper-slide-active .it-slider-3-button {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: all 3000ms ease;
}
.it-slider-3-active .swiper-slide-active .it-slider-3-content-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: all 3000ms ease;
}

.it-hero-4-shape-1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 14%;
  text-align: center;
  z-index: -1;
  animation: ittranslateX2 4s infinite alternate;
}
.it-hero-4-shape-1 span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-shape-1 {
    right: 0;
    text-align: end;
  }
}
.it-hero-4-tb {
  padding-top: 245px;
  padding-bottom: 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-tb {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-tb {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-tb {
    padding-top: 160px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-tb {
    padding-top: 160px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-tb {
    padding-top: 100px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-tb {
    padding-top: 145px;
    padding-bottom: 90px;
  }
}
.it-hero-4-content p {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-content p {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-content p {
    font-size: 20px;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-content p {
    font-size: 22px;
  }
}
.it-hero-4-clients-review {
  position: absolute;
  top: -28%;
  right: 26%;
  padding: 25px 50px;
  background-color: #009961;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-clients-review {
    top: -28%;
    right: 19%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-clients-review {
    right: -3%;
  }
}
.it-hero-4-clients-review::after {
  position: absolute;
  width: 91px;
  height: 91px;
  top: 14px;
  right: 70px;
  content: "";
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
.it-hero-4-clients-review .clients-review-number, .it-hero-4-clients-review .it-count-text {
  font-size: 70px;
  font-weight: 700;
  color: var(--it-common-white);
  margin-bottom: 0;
}
.it-hero-4-clients-review span {
  font-size: 24px;
  font-weight: 700;
  color: var(--it-common-white);
}
.it-hero-4-thumb-box {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-thumb-box {
    right: -6%;
    bottom: -7%;
    scale: 0.8;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    right: -11%;
    bottom: -10%;
    scale: 0.7;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    right: -12%;
    bottom: -12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-box {
    position: static;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-thumb-box {
    position: static;
    scale: 0.9;
    margin-bottom: -30px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-thumb-box {
    display: none;
  }
}
.it-hero-4-thumb img {
  max-width: inherit;
}
.it-hero-4-thumb-shape-1 {
  position: absolute;
  top: -44%;
  right: 22%;
  z-index: -2;
  animation: rotate2 15s linear infinite;
}
.it-hero-4-thumb-shape-1 span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-thumb-shape-1 {
    z-index: -2;
  }
}

.swiper-slide.swiper-slide-active .it-hero-subtitle {
  animation-delay: 0.6s;
  animation-duration: 0.8s;
}

/*----------------------------------------*/
/*  03. About area start
/*----------------------------------------*/
.it-about-shape-1 {
  position: absolute;
  top: 6%;
  left: -5%;
  right: 0;
  text-align: center;
  animation: rotate2 15s linear infinite;
  z-index: -1;
}
.it-about-shape-2 {
  position: absolute;
  bottom: 160px;
  right: 30px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb-box {
    margin-bottom: 50px;
  }
}
.it-about-thumb-text {
  position: absolute;
  left: -180px;
  rotate: 270deg;
  top: 250px;
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-thumb-text {
    left: -200px;
  }
}
.it-about-thumb-text h3 {
  position: relative;
  font-size: 45px;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-stroke: 1px var(--it-theme-2);
}
.it-about-thumb-text h3::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-theme-2);
  overflow: hidden;
  width: 100%;
  transition: all 2s ease-out 0s;
  animation: about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
}
.it-about-thumb-1 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-about-thumb-1 img {
    width: 100%;
  }
}
.it-about-thumb-2 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-about-thumb-2 img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.it-about-thumb-3 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-about-thumb-3 img {
    width: 100%;
  }
}
.it-about-thumb-4 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-about-thumb-4 img {
    width: 100%;
  }
}
.it-about-item-icon {
  margin-right: 30px;
}
.it-about-item-icon i {
  font-size: 35px;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 70px;
  border-radius: 10px;
  display: inline-block;
  color: var(--it-common-white);
  background: var(--it-theme-1);
}
.it-about-item-title {
  font-size: 24px;
  font-weight: 700;
}
.it-about-item-text p {
  margin-right: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-item-text p {
    margin-right: 0;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-about-info {
    flex-wrap: wrap;
  }
  .it-about-info .it-about-btn {
    margin-bottom: 20px;
  }
}
.it-about-info__title {
  display: block;
  font-size: 14px;
  color: var(--it-theme-1);
  margin-bottom: 5px;
}
.it-about-info__icon {
  line-height: 0;
}
.it-about-info__icon i {
  color: var(--it-theme-1);
  font-size: 60px;
  line-height: 0;
}
.it-about-info__text a {
  font-size: 20px;
  font-weight: 500;
  color: var(--it-theme-2);
}
.it-about-content-shape {
  position: absolute;
  bottom: -15px;
  left: 273px;
  z-index: -1;
}

.it-about-style-2 .it-about-item-text p {
  margin-right: 50px;
}
@media (max-width: 767px) {
  .it-about-style-2 .it-about-item-text p {
    margin-right: 0;
  }
}
.it-about-style-2 .it-about-content-wrapp {
  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-about-style-2 .it-about-dsc p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-info {
    margin-bottom: 50px;
  }
}
.it-about-2-banner img {
  border-radius: 10px;
}
.it-about-2-shape-1 {
  position: absolute;
  z-index: -1;
  left: 10%;
  top: 25px;
}
.it-about-2-shape-2 {
  position: absolute;
  right: 3%;
  bottom: 10%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-2-shape-2 {
    bottom: 5%;
  }
}
.it-about-2-thumb-box {
  top: -14px;
}
@media (max-width: 767px) {
  .it-about-2-thumb-item {
    margin-bottom: 20px;
  }
}
.it-about-2-thumb-item img {
  max-width: inherit;
  border-radius: 15px;
}
@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-about-2-thumb-item img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-item img {
    max-width: 100%;
    width: 100%;
  }
}
.it-about-2-thumb-shape {
  margin-bottom: 25px;
  animation: itswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-thumb-shape {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-thumb-shape {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-shape {
    display: none;
  }
}
.it-about-2-exp {
  height: 154px;
  padding: 21px 23px;
  border-radius: 15px;
}
.it-about-2-exp-number {
  font-size: 54px;
  font-weight: 700;
  display: block;
  color: var(--it-common-white);
  margin-bottom: 5px;
}
.it-about-2-exp-icon i {
  top: 25px;
  right: 31px;
  position: absolute;
  color: var(--it-common-white);
  font-size: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-exp-icon i {
    top: 15px;
    right: 15px;
  }
}
.it-about-2-exp-title i {
  font-size: 12px;
  font-weight: 500;
  color: var(--it-common-white);
  text-transform: capitalize;
  text-decoration: underline;
}
.it-about-style-3 .it-about-2-thumb-box {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-2-thumb-box {
    margin-right: 0;
    margin-bottom: 60px;
    padding-right: 0;
  }
}
.it-about-style-3 .it-about-2-thumb-item img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-thumb {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-thumb-box {
    margin-bottom: 80px;
  }
}
.it-about-style-4 .it-about-shape-1 {
  position: absolute;
  left: auto;
  right: 24px;
  top: 90px;
  animation: ittranslateY2 2s forwards infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-shape-1 {
    right: 0;
  }
}
.it-about-style-4 .it-about-shape-2 {
  position: absolute;
  bottom: -17px;
  left: -86px;
  animation: ittranslateY2 2s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-style-4 .it-about-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-shape-2 {
    left: 0;
  }
}
.it-about-style-4 .it-about-shape-3 {
  position: absolute;
  top: 109px;
  left: -148px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-style-4 .it-about-shape-3 {
    top: 70px;
    left: -35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-style-4 .it-about-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-shape-3 {
    left: 0;
  }
}
.it-about-style-4 .it-about-shape-4 {
  position: absolute;
  bottom: 70px;
  right: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-style-4 .it-about-shape-4 {
    right: -15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-style-4 .it-about-shape-4 {
    right: -30px;
  }
}
@media (max-width: 767px) {
  .it-about-style-4 .it-about-shape-4 {
    bottom: 30px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-style-4 .it-about-shape-4 {
    right: 0;
    left: 0;
    text-align: center;
  }
}
.it-about-style-4 .it-about-experience-item {
  width: 279px;
  height: 180px;
  display: inline-block;
  padding: 25px 8px;
  z-index: 5;
}
.it-about-style-4 .it-about-experience-item::before {
  position: absolute;
  width: 148px;
  height: 68px;
  content: "";
  bottom: -67px;
  left: 0;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-4 .it-about-experience-item::before {
    display: none;
  }
}
.it-about-style-4 .it-about-experience-item::after {
  position: absolute;
  width: 121px;
  height: 121px;
  content: "";
  top: 5px;
  left: 0;
  right: 0;
  border-radius: 50%;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
  margin: auto;
  z-index: -1;
}
.it-about-style-4 .it-about-experience-item span {
  font-size: 24px;
  font-weight: 700;
  color: var(--it-common-white);
}
.it-about-style-4 .it-about-experience-title {
  font-size: 80px;
  font-weight: 700;
  color: var(--it-common-white);
}
.it-about-style-4 .it-about-video-thumb img {
  border-radius: 5px;
}
.it-about-style-4 .it-about-video-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  text-align: center;
}
.it-about-style-4 .it-about-video-icon a {
  width: 43px;
  height: 43px;
  font-size: 8px;
  line-height: 43px;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 50%;
  animation: it-pulse-3 1.5s infinite;
}
.it-about-style-4 .it-about-top-shape {
  position: absolute;
  right: 3%;
  top: 10%;
}
.it-about-style-4 .it-about-top-shape span {
  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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-style-4 .it-about-top-shape {
    display: none;
  }
}
.it-about-style-4 .it-about-item-text p {
  margin-right: 10px;
}
.it-about-style-4 .it-about-content-wrapp {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .it-about-style-4 .it-about-content-wrapp {
    margin-left: 0;
  }
}
.it-about-style-4 .it-about-list ul li {
  position: relative;
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  list-style: none;
  text-transform: capitalize;
  padding-left: 50px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-style-4 .it-about-list ul li {
    font-size: 19px;
    padding-left: 35px;
  }
}
.it-about-style-4 .it-about-list ul li i {
  position: absolute;
  font-size: 30px;
  top: 0;
  left: 0;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-style-4 .it-about-list ul li i {
    font-size: 20px;
  }
}
.it-about-style-4 .it-about-2-thumb-shape {
  position: absolute;
  top: 15%;
  left: -50px;
  animation: rotate2 15s linear infinite;
}

/*----------------------------------------*/
/*  21. Service area start
/*----------------------------------------*/
.it-service-shape-1 {
  position: absolute;
  left: 15%;
  top: 6%;
  animation: rotate2 15s linear infinite;
}
@media (max-width: 767px) {
  .it-service-shape-1 {
    display: none;
  }
}
.it-service-item {
  padding: 40px 30px;
  background: var(--it-common-white);
  box-shadow: 0 4px 30px 0 rgba(2, 22, 9, 0.1);
  border-radius: 10px;
  margin-bottom: 63px;
  transition: 0.3s;
}
.it-service-item p {
  transition: 0.3s;
}
.it-service-item:hover {
  background-color: var(--it-theme-1);
}
.it-service-item:hover p {
  color: var(--it-common-white);
}
.it-service-item:hover .it-section-title-sm {
  color: var(--it-common-white);
}
.it-service-item:hover .it-service-icon i {
  color: var(--it-common-white);
}
.it-service-item:hover .it-service-action i {
  background-color: var(--it-theme-2);
}
.it-service-item-thumb img {
  border-radius: 10px;
  width: 100%;
}
.it-service-icon i {
  font-size: 40px;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-service-action i {
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 55px;
  text-align: center;
  rotate: -40deg;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border-radius: 50%;
  transition: 0.3s;
}

.it-service-2-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
}
.it-service-2-area::before {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--it-common-black);
  opacity: 0.6;
  z-index: -1;
}
.it-service-2-area.service-style-5::before {
  background: #f3faf6;
  opacity: 0.9;
}
.it-service-2-area.service-style-5 .it-service-5-shape {
  position: absolute;
  left: 46px;
  top: 52px;
  z-index: -1;
  animation: rotate2 15s linear infinite;
}
.it-service-2-area.inner-service-1::before {
  background-color: var(--it-common-white);
}
.it-service-2-item {
  padding: 33px 25px;
  border-radius: 10px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  transition: 0.3s;
}
.it-service-2-item:hover {
  background-color: var(--it-theme-1);
}
.it-service-2-item:hover .it-service-2-thumb-shape span {
  color: var(--it-theme-2);
}
.it-service-2-item:hover .it-section-title-sm {
  color: var(--it-common-white);
}
.it-service-2-item:hover p {
  color: var(--it-common-white);
}
.it-service-2-item:hover .it-service-2-icon a i {
  background-color: var(--it-theme-2);
}
.it-service-2-item:hover .it-service-2-content-shape {
  opacity: 1;
  visibility: visible;
}
.it-service-2-item:hover .it-service-4-thumb img {
  border: 4px solid var(--it-theme-2);
}
.it-service-2-item:hover .it-service-4-thumb-box::before {
  bottom: 0;
  left: -47px;
  opacity: 0.5;
  visibility: visible;
}
.it-service-2-item .it-section-title-sm:hover {
  color: var(--it-theme-2);
}
.it-service-2-item p {
  transition: 0.3s;
}
.it-service-2-content-shape {
  position: absolute;
  bottom: -14px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: -1;
}
.it-service-2-thumb {
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  text-align: center;
}
.it-service-2-thumb-shape span {
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-service-2-icon a i {
  width: 62px;
  height: 62px;
  line-height: 67px;
  text-align: center;
  display: inline-block;
  font-size: 17px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border-radius: 50%;
  transition: 0.3s;
}

.it-service-3-area.service-style-3 .it-service-6-shape {
  position: absolute;
  right: 11%;
  top: 21%;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-service-3-area.service-style-3 .it-service-6-shape {
    display: none;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-service-3-area.service-style-3 .it-service-6-shape {
    right: 6%;
  }
}
.it-service-3-area.portfolio-inner .it-service-3-item {
  margin-bottom: 20px;
}
.it-service-3-item {
  border-radius: 10px;
}
.it-service-3-item-title {
  position: relative;
  font-size: 18px;
  left: -280px;
  padding: 10px 53px 10px 20px;
  color: var(--it-common-white);
  text-transform: uppercase;
  transition: 0.4s;
  display: block;
}
.it-service-3-item-title::before {
  position: absolute;
  width: 100%;
  height: 50px;
  top: -5px;
  left: 0;
  content: "";
  background-color: var(--it-theme-1);
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  z-index: -1;
}
.it-service-3-item:hover .it-service-3-thumb img {
  transform: scale(1.2);
}
.it-service-3-item:hover .it-service-3-item-title {
  left: 0;
}
.it-service-3-item:hover .it-service-3-categories {
  left: 0;
}
.it-service-3-content {
  position: absolute;
  bottom: 40px;
  z-index: 5;
}
.it-service-3-thumb img {
  transform: scale(1);
  transition: 0.5s;
  border-radius: 10px;
  width: 100%;
}
.it-service-3-categories {
  position: relative;
  font-size: 14px;
  padding: 10px 53px 10px 20px;
  color: var(--it-common-white);
  display: inline-block;
  left: -140px;
  transition: 0.3s;
}
.it-service-3-categories::before {
  position: absolute;
  width: 100%;
  height: 30px;
  top: 4px;
  left: 0;
  content: "";
  background-color: var(--it-theme-2);
  clip-path: polygon(0 0, 100% 0%, 90% 100%, 0% 100%);
  z-index: -1;
}
.it-service-3-arrow-box .service-prev {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  left: -118px;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  z-index: 22;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-3-arrow-box .service-prev {
    left: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-3-arrow-box .service-prev {
    left: -20px;
  }
}
.it-service-3-arrow-box .service-prev:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-service-3-arrow-box .service-next {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  text-align: center;
  border-radius: 50%;
  right: -118px;
  transition: 0.3;
  z-index: 22;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-3-arrow-box .service-next {
    right: -30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-3-arrow-box .service-next {
    right: -20px;
  }
}
.it-service-3-arrow-box .service-next:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-service-3-dots {
  text-align: center;
  margin-top: 20px;
  position: relative;
  z-index: 2;
}
.it-service-3-dots .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  opacity: 1;
  transition: 0.3s;
  position: relative;
  margin: 0 7px;
}
.it-service-3-dots .swiper-pagination-bullet::after {
  content: "";
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-service-3-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
}
.it-service-3-dots .swiper-pagination-bullet-active.swiper-pagination-bullet::after {
  opacity: 1;
  visibility: visible;
}

.it-service-4-area {
  padding-bottom: 380px;
}
.it-service-4-area.it-inner-service-3 {
  padding-bottom: 100px;
}
.it-service-4-thumb img {
  width: 193px;
  height: 193px;
  border: 4px solid var(--it-theme-1);
  border-radius: 50%;
}
.it-service-4-thumb-box::before {
  position: absolute;
  width: 287px;
  height: 287px;
  content: "";
  border-radius: 50%;
  bottom: 102%;
  left: -100%;
  background: var(--it-common-white);
  opacity: 0;
  visibility: 0;
  z-index: -1;
  transition: 0.3s;
}
.it-service-4-shape {
  position: absolute;
  right: 6%;
}

@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__wrapp {
    margin-left: 0;
  }
}
.it-sv-details__wrapp p {
  margin-bottom: 23px;
}
.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: #021609;
  opacity: 0.8;
  content: "";
  border-radius: 5px;
  z-index: -1;
}
.it-sv-details__contact-text h3 {
  font-size: 24px;
  font-weight: 700;
  color: var(--it-theme-2);
}
.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__main-thumb img {
  border-radius: 10px;
}
.it-sv-details__title {
  font-size: 45px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-sv-details__title {
    font-size: 35px;
  }
}
.it-sv-details__notes-content {
  padding: 20px 50px;
  margin: 0 45px;
  border-left: 10px solid var(--it-theme-1);
  border-radius: 10px;
}
@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-size: 18px;
  font-weight: 600;
  line-height: 1.6;
  text-transform: uppercase;
  color: var(--it-common-black);
  margin: 0;
}
.it-sv-details__setup-icon i {
  font-size: 100px;
  color: var(--it-theme-1);
  margin-right: 30px;
}
.it-sv-details__setup-title {
  font-size: 18px;
  line-height: 1.3;
  display: inline-block;
  margin-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-details__setup-title {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__setup-title {
    margin-right: 55px;
  }
}
@media (max-width: 767px) {
  .it-sv-details__setup-title {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-sv-details__banner {
    margin-bottom: 35px;
  }
}
.it-sv-details__banner img {
  border-radius: 10px;
}
@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;
}
@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;
  }
}
.it-sv-details__banner-title {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 15px;
}
@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-size: 18px;
  font-weight: 600;
  list-style: none;
  padding-left: 25px;
  color: var(--it-common-black);
  text-transform: uppercase;
  margin-bottom: 15px;
}
.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), 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;
  }
}
.it-sv-details__content-title {
  font-size: 40px;
}
@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__video-thumb img {
  border-radius: 10px;
}
.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);
}

/*----------------------------------------*/
/*  11. Funfact area start
/*----------------------------------------*/
.it-funfact-wrapp .row [class*=col-]:last-child .it-funfact-content {
  border-right: 0;
}
.it-funfact-wrapp.funfact-wrapp-2 .it-funfact-content {
  border: 0;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-wrapp.funfact-wrapp-2 .it-funfact-content {
    display: block;
  }
}
.it-funfact-content {
  border-right: 1px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-content {
    text-align: center;
    display: block;
  }
}
@media (max-width: 767px) {
  .it-funfact-content {
    border-right: 0;
    text-align: center;
    display: block;
  }
}
.it-funfact-number {
  font-size: 45px;
  margin-bottom: 15px;
  font-weight: 700;
  color: var(--it-common-white);
}
.it-funfact-number b {
  font-weight: 700;
}
.it-funfact-title {
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--it-common-white);
}
.it-funfact-title.funfact-green {
  color: var(--it-theme-1);
}
.it-funfact-big-text {
  position: absolute;
  font-size: 100px;
  left: -5%;
  color: var(--it-common-white);
  text-align: center;
  opacity: 0.2;
  z-index: -1;
  top: -8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-big-text {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-big-text {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-big-text {
    display: none;
  }
}
.it-funfact-col-2 {
  padding-left: 22px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-col-2 {
    padding-left: 0;
  }
}
.it-funfact-col-2 .it-funfact-big-text {
  left: -43%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-col-2 .it-funfact-big-text {
    left: -20%;
  }
}
.it-funfact-col-3 {
  padding-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-col-3 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-col-3 .it-funfact-big-text {
    left: 10%;
  }
}
.it-funfact-col-4 {
  padding-left: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-col-4 {
    padding-left: 0;
  }
}
.it-funfact-col-4 .it-funfact-big-text {
  left: 13%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-col-4 .it-funfact-big-text {
    left: 35%;
  }
}

/*----------------------------------------*/
/*  26. Working area start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-work-title-box .it-section-title {
    font-size: 29px;
  }
}
.it-work-wrapper::before {
  position: absolute;
  width: 100%;
  top: 32px;
  content: "";
  border: 1px dashed var(--it-common-black);
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-work-wrapper::before {
    display: none;
  }
}
.it-work-wrapper.work-border-2::before {
  z-index: 2;
}
.it-work-item {
  transition: 0.3s;
}
.it-work-item:hover .it-work-main-number {
  color: var(--it-common-white);
  border: 1px solid transparent;
  background-color: var(--it-theme-1);
}
.it-work-item:hover .it-work-sub-icon span {
  color: var(--it-theme-2);
}
.it-work-item:hover .it-work-content {
  background-color: var(--it-theme-1);
}
.it-work-item:hover .it-work-content p {
  color: var(--it-common-white);
}
.it-work-item:hover .it-section-title-sm {
  color: var(--it-common-white);
}
.it-work-main-number {
  width: 60px;
  height: 60px;
  font-size: 18px;
  line-height: 60px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
  transition: 0.3s;
}
.it-work-main-number.work-number-2 {
  font-size: 24px;
  font-weight: 700;
  width: 150px;
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
}
.it-work-sub-icon span {
  color: var(--it-theme-1);
  display: inline-block;
  margin: 9px 0;
  transition: 0.3s;
}
.it-work-content {
  padding: 50px 40px 30px 40px;
  border-radius: 10px;
  margin-top: 5px;
  background-color: #F3FAF6;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-work-content {
    padding: 50px 35px 30px 35px;
  }
}
@media (max-width: 767px) {
  .it-work-content {
    padding: 50px 10px 30px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-work-content {
    padding: 27px 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-work-content .it-section-title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-work-content .it-section-title-sm {
    font-size: 20px;
  }
}

.it-work-2-thumb {
  margin-bottom: 28px;
}
.it-work-2-thumb img {
  border-radius: 10px;
}
.it-work-2-title {
  font-size: 24px;
  display: inline-block;
  margin-bottom: 18px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-work-2-title {
    font-size: 18px;
  }
}
.it-work-2-title:hover {
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  19. Project area start
/*----------------------------------------*/
.it-project-arrow-box {
  margin-top: 40px;
}
.it-project-arrow-box button {
  color: var(--it-common-white);
  width: 62px;
  height: 62px;
  line-height: 62px;
  display: inline-block;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  margin-left: 36px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-arrow-box button {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-project-arrow-box button {
    margin-left: 0;
    margin-right: 20px;
  }
}
.it-project-arrow-box button:hover {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-project-arrow-box.it-testi-3-arrow {
  position: absolute;
  top: 35%;
  transform: translateY(-35%);
}
.it-project-arrow-box.it-testi-3-arrow button {
  display: block;
  margin-bottom: 20px;
}
.it-project-active {
  margin-right: -400px;
}
@media (max-width: 767px) {
  .it-project-active {
    margin-right: 0;
  }
}
.it-project-thumb img {
  border-radius: 10px;
  width: 100%;
}
.it-project-item:hover .it-project-dsc-box {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.it-project-dsc-box {
  background: var(--it-common-white);
  padding: 11px 20px;
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(50px);
  transition: 0.3s;
}
.it-project-dsc-name {
  margin-bottom: 5px;
}
.it-project-dsc-name a {
  font-size: 24px;
  transition: 0.3s;
}
.it-project-dsc-name a:hover {
  color: var(--it-theme-1);
}
.it-project-dsc-subname {
  color: var(--it-theme-1);
}
.it-project-dsc-btn a {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 39px;
  rotate: -45deg;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border-radius: 50%;
  transition: 0.3s;
}
.it-project-dsc-btn a:hover {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  08. cta area start
/*----------------------------------------*/
.it-cta-title {
  font-weight: 700;
  font-size: 45px;
  line-height: 122%;
  text-transform: capitalize;
  text-align: center;
  margin-right: 10px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-cta-title {
    font-size: 35px;
  }
}
.it-cta-img-1 {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-img-1 {
    left: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-img-1 {
    left: -14%;
  }
}
.it-cta-img-1 img {
  border-radius: 0 250px 0 0;
}
.it-cta-img-2 {
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-img-2 {
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-img-2 {
    right: -14%;
  }
}
.it-cta-img-2 img {
  border-radius: 0 0 0 250px;
}
.it-cta-shape {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.it-cta-shape img {
  animation: rotate2 15s linear infinite;
}

.it-cta-2-area {
  margin-right: 300px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-cta-2-area {
    margin-right: 200px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-area {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-2-area {
    margin-right: 0px;
    padding: 40px;
  }
}
.it-cta-2-title {
  font-weight: 700;
  font-size: 35px;
  line-height: 1.3;
  text-transform: capitalize;
  color: var(--it-common-white);
  padding-left: 88px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-title {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    font-size: 30px;
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.it-cta-2-shape {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.it-cta-2-shape img {
  height: 100%;
}

/*----------------------------------------*/
/*  09. faq area start
/*----------------------------------------*/
.it-faq-title-box {
  margin-bottom: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-title-box {
    margin-bottom: 40px;
  }
}
.it-faq-thumb {
  border-radius: 10px;
  position: relative;
}
.it-faq-thumb-1 {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.it-faq-thumb-1::after {
  position: absolute;
  top: 0;
  left: -80%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
  z-index: 1;
}
.it-faq-thumb:hover .it-faq-thumb-1::after {
  -webkit-animation: shine 1s;
  animation: shine 1s;
}
.it-faq-thumb:hover img {
  transform: scale(1.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-faq-thumb {
    left: 0;
    right: 0;
    text-align: center;
  }
}
.it-faq-thumb-box {
  top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-thumb-box {
    margin-bottom: 50px;
  }
}
.it-faq-thumb > span {
  position: absolute;
  width: 597px;
  height: 667px;
  background-color: var(--it-theme-1);
  content: "";
  top: -30px;
  right: -10px;
  border-radius: 10px;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-thumb > span {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-thumb > span {
    width: 300px;
    height: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-thumb > span {
    left: 15%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-faq-thumb > span {
    left: 20px;
    bottom: -8px;
  }
}
@media (max-width: 767px) {
  .it-faq-thumb > span {
    display: none;
  }
}
.it-faq-thumb img {
  border-radius: 10px;
  transition: 1.2s;
}

/*----------------------------------------*/
/*  25. Video area start
/*----------------------------------------*/
.it-video-shape {
  position: relative;
}
.it-video-shape::before, .it-video-shape::after {
  position: absolute;
  top: -190px;
  left: -135px;
  width: 514px;
  height: 514px;
  opacity: 0.2;
  content: "";
  border-radius: 50%;
  background: #00A69C;
  z-index: 1;
}
.it-video-shape::after {
  top: 79px;
  left: auto;
  right: -40px;
}
.it-video-wrapp {
  border-radius: 10px;
}
.it-video-content {
  padding: 45px 76px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-content {
    padding: 40px 45px;
  }
}
@media (max-width: 767px) {
  .it-video-content {
    padding: 55px 30px;
  }
}
.it-video-text p {
  color: var(--it-common-white);
  margin-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-video-text p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-thumb {
    margin-top: 40px;
  }
}
.it-video-thumb-box {
  width: 372px;
  height: 271px;
  left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-thumb-box {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-thumb-box {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-video-thumb-box {
    width: 100%;
    height: 100%;
    left: 0;
  }
}
.it-video-play {
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 0;
  right: 0;
  color: var(--it-theme-1);
  transform: translateY(-50%);
  text-align: center;
  margin: auto;
}
.it-video-play i {
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-common-white);
  animation: it-pulse-3 1.5s infinite;
}

.it-video-2-area {
  margin-top: -280px;
}
.it-video-2-area.video-style-2 {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0;
}
.it-video-2-area.video-style-2::before {
  position: absolute;
  width: 100%;
  top: 0;
  height: 100%;
  content: "";
  background: #021609;
  opacity: 0.8;
}
.it-video-2-wrapp {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
  padding: 152px 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-2-wrapp {
    padding: 152px 60px;
  }
}
@media (max-width: 767px) {
  .it-video-2-wrapp {
    padding: 90px 20px;
  }
}
.it-video-2-wrapp::after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.6;
  border-radius: 10px;
  background-color: var(--it-common-black);
  z-index: -2;
}
.it-video-2-big-title {
  font-size: 120px;
  font-weight: 800;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-2-big-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-2-big-title {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-video-2-big-title {
    margin-bottom: 50px;
    font-size: 80px;
  }
}
.it-video-2-big-title span {
  margin-left: 215px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-2-big-title span {
    margin-left: 0;
  }
}
.it-video-2-icon-box a {
  position: relative;
  width: 104px;
  height: 104px;
  background-color: var(--it-common-white);
  display: inline-block;
  line-height: 104px;
  text-align: center;
  border-radius: 50%;
  font-size: 17px;
  color: var(--it-common-black);
}
.it-video-2-icon-box a::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid var(--it-common-white);
  opacity: 0.5;
  content: "";
  border-radius: 50%;
  transform: scale(1.5);
}
.it-video-2-icon-box a::before {
  position: absolute;
  top: 50px;
  left: -150%;
  width: 448px;
  height: 448px;
  content: "";
  border-radius: 45% 45% 80% 66%/62% 47% 82% 35%;
  background-color: var(--it-theme-1);
  opacity: 0.5;
  z-index: -1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-2-icon-box a::before {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .video-style-2 .it-section-title {
    font-size: 33px;
  }
}
@media (max-width: 767px) {
  .video-style-2 .it-section-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .video-style-2 .it-video-action a {
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  24. Testimonial area start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-testimonial-area {
    padding-top: 80px;
  }
}
.it-testimonial-shape-1 {
  position: absolute;
  right: 110px;
  top: -100px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media (max-width: 767px) {
  .it-testimonial-shape-1 {
    display: none;
  }
}
.it-testimonial-content {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-content {
    margin-left: 0;
  }
}
.it-testimonial-thumb {
  left: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-thumb {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-thumb {
    left: 0;
    right: 0;
    text-align: center;
    margin-bottom: 40px;
  }
}
.it-testimonial-thumb img {
  rotate: -10deg;
  border-radius: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-thumb img {
    rotate: 0deg;
  }
}
.it-testimonial-thumb .thumb-shape-1 {
  position: absolute;
  width: 430px;
  height: 440px;
  left: -20px;
  top: -10px;
  rotate: 3deg;
  border-radius: 20px;
  transform: scale(0.9);
  border: 3px solid var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-thumb .thumb-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-thumb .thumb-shape-1 {
    display: block;
  }
}
.it-testimonial-thumb .thumb-shape-2 {
  width: 430px;
  height: 440px;
  position: absolute;
  top: -10px;
  rotate: -3deg;
  left: -20px;
  border-radius: 20px;
  transform: scale(0.9);
  border: 3px solid #1B75E8;
}
@media (max-width: 767px) {
  .it-testimonial-thumb .thumb-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-thumb .thumb-shape-2 {
    display: block;
  }
}
.it-testimonial-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
}
.it-testimonial-dsc {
  left: 30px;
  margin-bottom: 35px;
}
.it-testimonial-dsc::before {
  position: absolute;
  width: 3px;
  height: 152px;
  background: var(--it-common-white);
  content: "";
  bottom: 8px;
  left: -18px;
}
.it-testimonial-dsc p {
  font-size: 18px;
  color: var(--it-common-white);
  line-height: 1.9;
  margin-right: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-dsc p {
    font-size: 16px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-dsc p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-dsc p {
    margin-right: 0;
    font-size: 16px;
  }
}
.it-testimonial-dsc .qoute-1 {
  top: 7px;
  left: -30px;
  font-size: 23px;
  position: absolute;
  display: inline-block;
  transform: rotateY(180deg);
  color: var(--it-common-white);
}
.it-testimonial-avater-thumb {
  margin-right: 20px;
}
.it-testimonial-avater-thumb img {
  width: 70px;
  height: 70px;
  border: 1px solid var(--it-common-white);
  display: inline-block;
  border-radius: 50px;
}
.it-testimonial-avater-title {
  font-size: 24px;
  color: var(--it-common-white);
}
.it-testimonial-avater-designation {
  font-size: 18px;
  font-weight: 500;
  color: var(--it-theme-2);
  text-transform: uppercase;
}
.it-testimonial-arrow-box {
  position: absolute;
  bottom: 20px;
  right: 185px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-arrow-box {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-arrow-box {
    position: absolute;
    bottom: -63px;
    right: 0;
    left: 0;
    text-align: center;
    margin: auto;
  }
}
.it-testimonial-arrow-box .testimonial-prev {
  position: relative;
  color: var(--it-theme-2);
  left: -10px;
  z-index: 2;
}
.it-testimonial-arrow-box .testimonial-prev::before {
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  bottom: -10px;
  left: -16px;
  border-radius: 50px;
  background-color: var(--it-common-white);
  z-index: -1;
  transition: 0.3s;
}
.it-testimonial-arrow-box .testimonial-prev:hover {
  color: var(--it-theme-1);
}
.it-testimonial-arrow-box .testimonial-prev:hover::before {
  background-color: var(--it-theme-2);
}
.it-testimonial-arrow-box .testimonial-next {
  position: relative;
  color: var(--it-theme-2);
  right: -10px;
  z-index: 2;
}
.it-testimonial-arrow-box .testimonial-next::before {
  position: absolute;
  width: 40px;
  height: 40px;
  content: "";
  bottom: -10px;
  right: -16px;
  border-radius: 50px;
  background-color: var(--it-common-white);
  z-index: -1;
  transition: 0.3s;
}
.it-testimonial-arrow-box .testimonial-next:hover {
  color: var(--it-theme-1);
}
.it-testimonial-arrow-box .testimonial-next:hover::before {
  background-color: var(--it-theme-2);
}

.it-testimonial-2-title-box p {
  color: var(--it-common-white);
  margin-bottom: 37px;
}
.it-testimonial-2-review-box {
  padding: 14px 20px;
  border-radius: 5px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-review-box {
    flex-wrap: wrap;
  }
}
.it-testimonial-2-review-icon span {
  font-size: 18px;
  height: 56px;
  width: 56px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  border-radius: 50%;
  background-color: var(--it-common-black);
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-review-icon span {
    margin-bottom: 20px;
  }
}
.it-testimonial-2-review-icon span img {
  transform: translateY(-5px);
}
.it-testimonial-2-review-content span {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--it-common-black);
  display: inline-block;
  margin-bottom: 10px;
}
.it-testimonial-2-ratting span {
  color: var(--it-theme-2);
}
.it-testimonial-2-wrapper {
  padding: 32px 40px;
  background-color: var(--it-common-white);
  margin-left: 60px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-wrapper {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-wrapper {
    padding: 20px;
    margin-left: 0;
  }
}
.it-testimonial-2-item-shape {
  position: absolute;
  left: 0;
  right: 0;
  z-index: -1;
  text-align: center;
  top: 0;
  opacity: 0.1;
}
.it-testimonial-2-item-shape span {
  font-size: 217px;
}
.it-testimonial-2-item p {
  font-size: 20px;
  margin-bottom: 25px;
}
@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-testimonial-2-item p {
    font-size: 16px;
  }
}
.it-testimonial-2-avater {
  margin-right: 20px;
}
.it-testimonial-2-avater img {
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: 1px solid var(--it-theme-1);
}
.it-testimonial-2-avater-info span {
  color: var(--it-theme-2);
}
.it-testimonial-2-avater-title {
  font-size: 24px;
}
.it-testimonial-2-active .it-service-3-dots {
  position: absolute;
  bottom: 40px;
  left: auto;
  right: 40px;
  z-index: 66;
}

.it-testimonial-3-shape {
  position: absolute;
  top: -30px;
  left: 50px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-testimonial-3-thumb {
  position: relative;
}
.it-testimonial-3-thumb::before {
  position: absolute;
  width: 262px;
  height: 368px;
  border: 3px solid var(--it-theme-2);
  content: "";
  top: -24px;
  border-radius: 170px 10px 10px 10px;
  left: 22px;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb::before {
    display: none;
  }
}
.it-testimonial-3-thumb img {
  border-radius: 170px 10px 10px 10px;
}
.it-testimonial-3-content {
  padding: 73px 73px 33px;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-testimonial-3-content {
    padding: 30px;
  }
}
.it-testimonial-3-dsc i {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration: underline;
  display: inline-block;
}
.it-testimonial-3-avater-title {
  font-size: 24px;
}
.it-testimonial-3-avater-info span {
  color: var(--it-theme-2);
}
.it-testimonial-3-avater-quote i {
  font-size: 128px;
  opacity: 0.1;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testi-4 .it-section-title {
    font-size: 30px;
  }
}
.it-testi-4-active {
  margin-right: -460px;
}
@media (max-width: 767px) {
  .it-testi-4-active {
    margin: 0;
  }
}
.it-testi-4 .it-project-arrow-box {
  text-align: end;
}
@media (max-width: 767px) {
  .it-testi-4 .it-project-arrow-box {
    text-align: start;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testi-4 .it-project-arrow-box {
    text-align: end;
  }
}
.it-testi-4-content {
  padding: 34px 30px;
  border-radius: 10px;
  background-color: var(--it-common-white);
  position: relative;
}
.it-testi-4-content::before {
  position: absolute;
  width: 20px;
  height: 20px;
  left: -20px;
  content: "";
  clip-path: polygon(100% 0, 0 58%, 100% 100%);
  background-color: var(--it-common-white);
}
.it-testi-4-thumb {
  flex: 0 0 auto;
  margin-top: 25px;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .it-testi-4-thumb {
    display: none;
  }
}
.it-testi-4-thumb img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}
.it-testi-4-review-box a {
  color: var(--it-theme-2);
  margin-right: 8px;
}
.it-testi-4-avater-title {
  font-size: 18px;
  text-transform: uppercase;
}
.it-testi-4-avater span {
  color: var(--it-theme-2);
}
.it-testi-4-quote {
  margin-top: -20px;
  opacity: 0.1;
}
.it-testi-4-quote i {
  font-size: 62px;
}

/*----------------------------------------*/
/*  18. Progress area start
/*----------------------------------------*/
.it-progress-shape {
  position: absolute;
  right: 6%;
  bottom: 16%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-progress-thumb {
    margin-bottom: 60px;
  }
}
.it-progress-thumb img {
  border-radius: 10px;
  width: 100%;
}

.it-progress__wrap {
  margin-left: 70px;
}
@media (max-width: 767px) {
  .it-progress__wrap {
    margin-left: 0;
  }
}
.it-progress__canva {
  height: 250px;
  width: 250px;
  line-height: 200px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 20px;
  box-shadow: 0 0 38px 0 rgba(2, 22, 9, 0.1);
}
.it-progress__canva input {
  font-weight: 700 !important;
  font-size: 45px !important;
  text-transform: capitalize !important;
  color: var(--it-common-black) !important;
  transform: translateX(-50px);
}
.it-progress__title {
  font-weight: 700;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
}

.it-progress-bar-item {
  padding: 20px 0;
  overflow: hidden;
  padding-bottom: 5px;
}
.it-progress-bar-item label {
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
  display: inline-block;
  color: var(--it-common-black);
}
.it-progress-bar .progress {
  overflow: visible;
  border-radius: 10px;
  background: rgba(137, 186, 180, 0.3);
  height: 10px;
}
.it-progress-bar .progress-bar {
  position: relative;
  top: 0;
  height: 100%;
  overflow: visible;
  background-color: var(--it-theme-1);
  border-radius: 30px;
}
.it-progress-bar .progress-bar span {
  position: absolute;
  right: -20px;
  top: -30px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 5px 7px;
}
.it-progress-bar .progress-bar span::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  height: 10px;
  width: 10px;
  background-color: var(--it-theme-1);
  content: "";
  transform: translateX(-50%) rotate(-45deg);
}
.it-progress-bar-shape {
  position: absolute;
  bottom: 0;
  left: 50px;
  animation: itleftright 1s infinite alternate;
}
@media (max-width: 767px) {
  .it-progress-bar-shape {
    bottom: -15px;
    transform: scale(0.7);
    left: -20px;
  }
}
.it-progress-bar-button {
  position: absolute;
  bottom: 40px;
  right: 88px;
}

/*----------------------------------------*/
/*  07. Coverage area start
/*----------------------------------------*/
.it-coverage-shape-1 {
  position: absolute;
  left: 13%;
  bottom: 5%;
  animation: rotate2 15s linear infinite;
}
.it-coverage-shape-2 {
  position: absolute;
  right: 4%;
  top: 11%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-coverage-shape-2 {
    top: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-coverage-title-wrap {
    margin-bottom: 60px;
  }
}

/*----------------------------------------*/
/*  23. Team area start
/*----------------------------------------*/
.it-team-item {
  border-radius: 5px;
}
.it-team-item:hover .it-team-content {
  bottom: -35%;
  opacity: 1;
  visibility: visible;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-item:hover .it-team-content {
    bottom: -25%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-item:hover .it-team-content {
    bottom: -22%;
  }
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}
.it-team-thumb img {
  width: 100%;
  transform: scale(1);
  transition: 0.5s;
}
.it-team-content {
  position: absolute;
  width: 100%;
  height: 300px;
  bottom: -60%;
  padding: 35px 37px;
  background-color: var(--it-theme-1);
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-team-social a {
  font-size: 15px;
  padding-left: 10px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-team-social a:hover {
  color: var(--it-theme-2);
}
.it-team-text .it-secttion-title-sm {
  color: var(--it-common-white);
}
.it-team-text .it-secttion-title-sm:hover {
  color: var(--it-theme-2);
}
.it-team-text span {
  color: var(--it-common-white);
}

.it-team-2-area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.it-team-2-item-box {
  padding: 110px 100px;
}
@media (max-width: 767px) {
  .it-team-2-item-box {
    padding: 70px 40px;
  }
}
.it-team-2-item-title {
  font-size: 24px;
  color: var(--it-common-white);
  display: inline-block;
  transition: 0.3s;
}
.it-team-2-item-title:hover {
  color: var(--it-theme-1);
}
.it-team-2-item-thumb img {
  border-radius: 10px;
  width: 100%;
}
.it-team-2-item span {
  font-size: 14px;
  color: var(--it-theme-2);
  display: block;
}
.it-team-2-content {
  padding: 100px 80px;
  height: 100%;
  position: relative;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-team-2-content {
    padding: 80px 28px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-2-content {
    padding: 80px 30px;
  }
}
@media (max-width: 767px) {
  .it-team-2-content {
    padding: 80px 20px;
  }
}
.it-team-2-text {
  margin-right: 166px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-2-text {
    margin-right: 0;
  }
}
.it-team-2-text p {
  color: var(--it-common-white);
  margin-right: 30px;
  margin-bottom: 0;
}
.it-team-2-title {
  font-size: 38px;
  font-weight: 700;
  color: var(--it-common-white);
  text-transform: uppercase;
  line-height: 1.2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-team-2-title {
    font-size: 30px;
  }
}
.it-team-2-thumb {
  position: absolute;
  top: 0;
  right: -80px;
}
@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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-team-2-thumb {
    display: none;
  }
}
.it-team-2-shape {
  position: absolute;
  top: 0;
  right: 15px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-team-3-area {
  background: linear-gradient(180deg, #f3faf6 0%, rgba(243, 250, 246, 0) 100%);
}
.it-team-3-item {
  padding: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 15px 0 rgba(2, 22, 9, 0.08);
  border-radius: 10px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.it-team-3-item:hover {
  background-color: var(--it-theme-1);
}
.it-team-3-item:hover .it-team-3-social {
  opacity: 1;
  visibility: visible;
  transform: translateY(-50%);
}
.it-team-3-item:hover .it-team-3-title {
  color: var(--it-common-white);
}
.it-team-3-item:hover .it-team-3-content span {
  color: var(--it-theme-2);
}
.it-team-3-item:hover .it-team-3-thumb-box::before {
  opacity: 0.5;
  visibility: visible;
  transform: scale(1);
}
.it-team-3-thumb {
  margin-bottom: 30px;
}
.it-team-3-thumb img {
  width: 100%;
  border-radius: 10px;
}
.it-team-3-thumb-box::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  background: #021609;
  content: "";
  border-radius: 10px;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-team-3-social {
  position: absolute;
  right: 0;
  left: 0;
  top: 50%;
  transform: translateY(-10%);
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-team-3-social a {
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
  margin-right: 5px;
}
.it-team-3-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-team-3-title {
  font-size: 24px;
  font-weight: 700;
  color: var(--it-common-black);
  transition: 0.3s;
}
.it-team-3-content span {
  color: var(--it-theme-1);
  transition: 0.3s;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-tm-details-head {
    padding-bottom: 30px;
  }
}
.it-tm-details-wrapp {
  padding: 50px 50px 40px 50px;
  background: var(--it-grey-1);
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-tm-details-wrapp {
    padding: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-tm-details-wrapp {
    padding: 30px;
  }
}
.it-tm-details-thumb img {
  border-radius: 10px;
}
@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-tm-details-thumb img {
    width: 100%;
  }
}
.it-tm-details-thumb-box {
  flex: 0 0 auto;
  padding: 40px 40px 0 40px;
  height: 367px;
  margin-right: 62px;
  border-radius: 10px;
  background: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tm-details-thumb-box {
    height: 658px;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-tm-details-thumb-box {
    padding: 20px;
    height: 368px;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-tm-details-thumb-box {
    height: 538px;
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-tm-details-avater-social {
  margin-top: 40px;
  padding: 6px 20px;
  border-radius: 10px 10px 0 0;
  background-color: var(--it-grey-1);
}
.it-tm-details-avater-social a:hover i {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-tm-details-avater-social a i {
  font-size: 15px;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  transition: 0.3s;
}
.it-tm-details-avater-title {
  font-size: 26px;
  margin-bottom: 10px;
}
.it-tm-details-avater-info span {
  color: var(--it-theme-2);
  display: inline-block;
  margin-bottom: 30px;
}
.it-tm-details-avater-text {
  margin-right: 30px;
  margin-bottom: 25px;
}
.it-tm-details-title {
  font-size: 26px;
  margin-bottom: 18px;
}
.it-tm-details-elaborate-wrapp {
  margin-right: 50px;
}
.it-tm-details-progress-wrapp {
  margin-top: -15px;
}
.it-tm-details-progress-wrapp .it-progress-bar-item label {
  margin-bottom: 8px;
}

/*----------------------------------------*/
/*  17. Product area start
/*----------------------------------------*/
.it-product-item {
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 25px 0 rgba(2, 22, 9, 0.1);
}
.it-product-item:hover .it-product-thumb img {
  transform: scale(1.3);
}
.it-product-item:hover .it-product-text span {
  color: var(--it-theme-1);
}
.it-product-thumb {
  padding: 86px;
  border-radius: 5px;
}
.it-product-thumb img {
  transform: scale(1);
  transition: 0.5s;
}
.it-product-icon {
  position: absolute;
  top: 20px;
  right: 20px;
}
.it-product-icon i {
  font-size: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-theme-2);
  border: 1px solid var(--it-theme-2);
  transition: 0.3s;
}
.it-product-icon i:hover {
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-product-title {
  font-size: 18px;
  margin-bottom: 10px;
  text-transform: uppercase;
  transition: 0.3s;
}
.it-product-title:hover {
  color: var(--it-theme-1);
}
.it-product-text span {
  display: inline-block;
  color: var(--it-theme-2);
  margin-bottom: 15px;
  transition: 0.3s;
}
.it-product-action a i {
  font-size: 30px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  transition: 0.3s;
}
.it-product-action a i:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__thumb-box {
    margin-bottom: 50px;
  }
}
.it-shop-details__thumb-box img {
  width: 100%;
}
.it-shop-details-contact-wrap .it-contact-wrap {
  padding: 0;
}
.it-shop-details__top-wrap {
  margin-bottom: 60px;
}
.it-shop-details__title-sm {
  font-size: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__title-sm {
    font-size: 31px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__title-sm {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__title-sm {
    font-size: 19px;
  }
}
.it-shop-details__right-wrap {
  margin-left: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-left: 0;
  }
}
.it-shop-details__right-wrap span {
  font-size: 28px;
  font-weight: 700;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
  display: inline-block;
  padding-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-shop-details__right-wrap span {
    font-size: 24px;
  }
}
.it-shop-details__ratting span {
  color: var(--it-theme-2);
}
.it-shop-details__ratting span.review-text {
  font-size: 14px;
  color: #757a7b;
  margin-left: 10px;
}
.it-shop-details__quantity {
  border: 1px solid #e6e9e9;
  border-right: 0;
  width: 70px;
  height: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 0px;
  }
}
@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;
  color: var(--it-theme-1);
  font-weight: 700;
  font-size: 16px;
  padding: 0 10px;
  color: var(--it-theme-1);
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: -1px;
  right: -29px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--it-theme-1);
  border: 1px solid #e6e9e9;
  border-bottom: none;
  font-weight: 600;
  font-size: 12px;
  color: var(--it-theme-1);
}
.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  bottom: -1px;
  right: -29px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  color: var(--it-theme-1);
  font-weight: 600;
  font-size: 12px;
  color: var(--it-theme-1);
  border: 1px solid #e6e9e9;
}
.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}
.it-shop-details__quantity-box {
  padding-bottom: 35px;
}
@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: nowrap;
  }
}
.it-shop-details__quantity-box span {
  margin-right: 20px;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 700;
}
@media 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__text span {
  font-size: 18px;
  padding-bottom: 5px;
}
.it-shop-details__text-2 span {
  font-size: 16px;
  font-weight: 400;
  display: block;
  color: #757a7b;
}
.it-shop-details__text-2 span strong {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-shop-details__social span {
  font-weight: 700;
  font-size: 16px;
  display: inline-block;
  padding-right: 10px;
}
.it-shop-details__social a {
  height: 40px;
  width: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  margin: 0 2px;
}
.it-shop-details__social a:hover {
  color: var(--it-theme-1);
}
.it-shop-details__text-box {
  padding: 55px 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__text-box {
    padding: 55px 50px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__text-box {
    padding: 55px 20px;
  }
}
.it-shop-details__text-box p {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__text-box p {
    font-size: 14px;
  }
}
.it-shop-details__review-thumb {
  flex: 0 0 auto;
  margin-right: 30px;
}
@media (max-width: 767px) {
  .it-shop-details__review-thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__review {
    flex-wrap: wrap;
  }
}
.it-shop-details__star {
  padding-bottom: 5px;
}
.it-shop-details__star i {
  color: var(--it-theme-2);
  display: inline-block;
  margin-right: 2px;
}
.it-shop-details__author-info span {
  font-size: 16px;
  font-weight: 500;
  font-family: var(--it-ff-heading);
  display: block;
  padding-bottom: 10px;
}
.it-shop-details__author-info span strong {
  color: var(--it-common-black);
}
.it-shop-details__author-info p {
  padding-right: 40px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__author-info p {
    font-size: 14px;
    padding-right: 0;
  }
}
.it-shop-details__btn {
  margin-left: 50px;
}
@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;
  }
}

/*----------------------------------------*/
/*  05. Brand area start
/*----------------------------------------*/
.it-brand-item a span {
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-brand-item a span:hover {
  color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  04. blog area start
/*----------------------------------------*/
.it-blog-item {
  border-radius: 5px;
  background-color: #F3FAF6;
}
.it-blog-item:hover .it-blog-thumb img {
  scale: 1.2;
}
.it-blog-thumb {
  position: relative;
  border-radius: 5px 5px 0 0;
}
.it-blog-thumb img {
  scale: 1;
  transition: 0.7s;
  width: 100%;
}
.it-blog-thumb-date {
  position: absolute;
  font-size: 12px;
  padding: 10px 30px;
  left: 30px;
  bottom: 10px;
  border-radius: 5px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  transition: 0.3s;
}
.it-blog-thumb-date:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-blog-content {
  padding: 32px 30px;
}
.it-blog-content .it-section-title-sm {
  text-transform: capitalize;
  transition: 0.3s;
}
.it-blog-content .it-section-title-sm:hover {
  color: var(--it-theme-1);
}
.it-blog-user {
  margin-right: 37px;
}
.it-blog-user-icon i {
  font-size: 14px;
  color: var(--it-theme-1);
  margin-right: 9px;
}
.it-blog-user-name {
  font-size: 14px;
}
.it-blog-comment-icon i {
  font-size: 14px;
  color: var(--it-theme-1);
  margin-right: 9px;
}
.it-blog-comment-title {
  font-size: 14px;
}

.it-blog-2-area {
  background: linear-gradient(180deg, #f3faf6 0%, rgba(243, 250, 246, 0) 100%);
}
.it-blog-2-shape {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  animation: ittranslateX2 4s infinite alternate;
}
.it-blog-2-shape span {
  color: var(--it-theme-2);
}
.it-blog-2-shape.blog-shape-3 {
  right: auto;
  left: 53%;
}
.it-blog-2-item {
  border-radius: 10px;
}
.it-blog-2-item:hover .it-blog-2-content {
  background-color: var(--it-theme-1);
}
.it-blog-2-item:hover .it-blog-2-date {
  background-color: var(--it-theme-1);
}
.it-blog-2-item:hover .it-blog-2-date-text {
  color: var(--it-common-white);
}
.it-blog-2-item:hover .it-blog-2-date span {
  color: var(--it-common-white);
}
.it-blog-2-item:hover .it-blog-2-thumb img {
  transform: scale(1.3);
}
.it-blog-2-item:hover .it-blog-2-tag-title {
  color: var(--it-common-white);
}
.it-blog-2-item:hover .it-section-title-sm {
  color: var(--it-common-white);
}
.it-blog-2-item:hover .it-blog-2-content-shape {
  bottom: -70px;
  right: -45px;
  background: var(--it-common-white);
  opacity: 0.1;
}
.it-blog-2-item:hover .it-blog-2-button a {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-blog-2-thumb img {
  transform: scale(1);
  transition: 1s;
  width: 100%;
}
.it-blog-2-date {
  position: absolute;
  top: 23px;
  padding: 8px 17px;
  background-color: var(--it-theme-2);
  transition: 0.3s;
}
.it-blog-2-date-text {
  font-size: 45px;
  margin-bottom: 0;
  transition: 0.3s;
}
.it-blog-2-date span {
  color: var(--it-common-black);
  transition: 0.3s;
}
.it-blog-2-content {
  padding: 30px 30px 40px 30px;
  transition: 0.3s;
}
.it-blog-2-content-shape {
  position: absolute;
  width: 246px;
  height: 246px;
  background: var(--it-theme-1);
  bottom: -60%;
  border-radius: 50%;
  right: -20%;
  z-index: -1;
  transition: 0.3s;
}
.it-blog-2-tag-icon i {
  font-size: 15px;
  color: var(--it-theme-2);
  margin-right: 5px;
  transition: 0.3s;
}
.it-blog-2-tag-title {
  font-size: 14px;
  transition: 0.3s;
}
.it-blog-2-button {
  transition: 0.3s;
}

.it-blog-3-item {
  padding: 18px 0;
  border-bottom: 1px solid rgba(2, 22, 9, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-3-item {
    margin-bottom: 60px;
  }
}
.it-blog-3-item:hover .it-blog-3-thumb {
  overflow: hidden;
}
.it-blog-3-item:hover .it-blog-3-thumb img {
  transform: scale(1.1);
}
.it-blog-3-item:hover .it-blog-3-date {
  background-color: var(--it-theme-1);
}
.it-blog-3-item:hover .it-blog-3-date h4 {
  color: var(--it-common-white);
}
.it-blog-3-item:hover .it-blog-3-date span {
  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-blog-3-thumb-content {
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}
.it-blog-3-thumb {
  overflow: hidden;
  border-radius: 10px;
  flex: 0 0 auto;
}
.it-blog-3-thumb img {
  border-radius: 10px;
  transition: 0.9s;
}
.it-blog-3-date {
  padding: 40px 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-left: 67px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-3-date {
    margin-left: 35px;
    padding: 40px 43px;
  }
}
@media (max-width: 767px) {
  .it-blog-3-date {
    padding: 40px 50px;
    margin-left: 0;
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-3-date {
    padding: 40px 50px;
    margin-left: 20px;
    margin-top: 30px;
  }
}
.it-blog-3-date h4 {
  font-size: 45px;
  font-weight: 700;
}
.it-blog-3-date span {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--it-common-black);
}
.it-blog-3-title {
  font-size: 24px;
  margin-bottom: 15px;
  transition: 0.3s;
}
.it-blog-3-title:hover {
  color: var(--it-theme-1);
}
.it-blog-3-content p {
  margin-right: 125px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .it-blog-3-content p {
    margin-right: 30px;
  }
}

.it-btn-style-3 {
  width: 62px;
  height: 62px;
  background-color: var(--it-theme-1);
  display: inline-block;
  line-height: 68px;
  text-align: center;
  font-size: 24px;
  color: var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
}
.it-btn-style-3:hover {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  06. Contact area start
/*----------------------------------------*/
.it-contact-wrapp {
  padding: 64px 70px;
}
@media (max-width: 767px) {
  .it-contact-wrapp {
    padding: 30px;
  }
}
.it-contact-title-box {
  border-bottom: 1px solid rgba(90, 90, 90, 0.2);
}
.it-contact-input input {
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid rgba(90, 90, 90, 0.2);
}
.it-contact-input textarea {
  padding: 0px 30px;
  height: 58px;
  line-height: 58px;
  resize: none;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(90, 90, 90, 0.2);
}
.it-contact-input.it-shop-input textarea {
  height: 150px;
}
.it-contact-link-item a {
  position: relative;
  display: block;
  padding-left: 33px;
  margin-bottom: 5px;
}
.it-contact-link-item a i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  color: var(--it-theme-1);
}

.it-contact-3-form-box {
  padding: 109px 77px;
  padding-right: 410px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-3-form-box {
    padding-right: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-3-form-box {
    padding-right: 200px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-form-box {
    padding-right: 77px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-form-box {
    padding: 30px;
  }
}
.it-contact-3-input input {
  height: 58px;
  line-height: 58px;
  border-radius: 5px;
  margin-bottom: 20px;
  text-transform: capitalize;
}
.it-contact-3-input textarea {
  height: 150px;
  border-radius: 5px;
  resize: none;
  padding: 20px;
  text-transform: capitalize;
}
.it-contact-3-thumb img {
  max-width: inherit;
  border-radius: 10px;
  margin-left: -360px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-3-thumb img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-3-thumb img {
    transform: scale(0.7);
    margin-left: -250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-thumb img {
    max-width: 100%;
    border-radius: 10px;
    margin-left: 0;
    width: 100%;
    margin-top: 40px;
  }
}
.it-contact-3-thumb-shape {
  position: absolute;
  top: -44px;
  right: -25px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-contact-3-thumb-shape span {
  color: var(--it-theme-2);
}

.it-contact-map-wrapp iframe {
  height: 800px;
  width: 100%;
}

/*----------------------------------------*/
/*  16. Price area start
/*----------------------------------------*/
.it-price-area.it-inner-price {
  padding-bottom: 370px;
}
.it-price-item {
  padding: 70px 12px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(2, 22, 9, 0.12);
  border-radius: 10px;
  margin-bottom: 30px;
}
.it-price-item.active {
  background-color: var(--it-theme-1);
}
.it-price-item.active .it-price-content b {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-content b span {
  color: var(--it-theme-2);
}
.it-price-item.active .it-price-categories-title {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-list ul li {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-list ul li i {
  color: var(--it-common-white);
}
.it-price-title {
  font-size: 30px;
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-title {
    font-size: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-price-title {
    font-size: 24px;
  }
}
.it-price-content b {
  font-size: 24px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-price-content b span {
  font-size: 14px;
  color: var(--it-theme-1);
  font-weight: normal;
}
.it-price-categories-title {
  font-size: 18px;
}
.it-price-list {
  padding: 0 40px;
}
.it-price-list ul li {
  list-style: none;
  position: relative;
  font-size: 18px;
  padding-left: 30px;
  margin-bottom: 10px;
}
.it-price-list ul li i {
  position: absolute;
  top: 4px;
  left: 0;
  font-size: 18px;
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  02 Error area start
/*----------------------------------------*/
.it-error-content {
  padding: 50px 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .it-error-content {
    padding: 15px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-content {
    padding: 50px 0px;
  }
}
.it-error-content-wrapp {
  border-top: 1px dashed;
  border-bottom: 1px dashed;
}
.it-error-content .it-section-title {
  font-weight: 800;
}
.it-error-content .it-section-title span {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-content .it-section-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content .it-section-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-content .it-section-title {
    font-size: 26px;
  }
}
@media (max-width: 767px) {
  .it-error-button {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-button {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  20. Recent Post css start
/*----------------------------------------*/
.rc-post {
  padding: 20px 0px;
  border: 1px solid;
  border-right: 0;
  border-left: 0;
}
.rc-post:last-child {
  margin-bottom: 0;
}
.rc-post-thumb img {
  max-width: inherit;
}
.rc-post-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
  text-transform: uppercase;
  transition: 0.3s;
}
.rc-post-title:hover {
  color: var(--it-theme-1);
}

.rc-meta i {
  margin-right: 10px;
}
.rc-meta span {
  font-size: 14px;
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  22. Sidebar area start
/*----------------------------------------*/
.sidebar-wrapp p {
  margin-bottom: 23px;
}
.sidebar-search-box input {
  padding: 0 55px 0 20px;
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
}
.sidebar-search-button i {
  font-size: 30px;
  color: var(--it-common-black);
}
.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-widget-title {
  font-size: 26px;
}
.sidebar-widget-list a {
  position: relative;
  display: block;
  padding: 20px 31px 20px 20px;
  color: var(--it-common-black);
  margin-bottom: 10px;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.sidebar-widget-list a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.sidebar-widget-list a:hover i {
  right: 15px;
}
.sidebar-widget-list a i {
  position: absolute;
  top: 23px;
  right: 20px;
  transition: 0.3s;
}
.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;
}

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

/*----------------------------------------*/
/*  15. postbox 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), only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-wrapp {
    padding-right: 0;
    margin-bottom: 50px;
  }
}
.postbox-details-wrapper {
  padding-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper {
    padding-right: 0;
  }
}
.postbox-meta span {
  margin-right: 35px;
}
.postbox-meta span i {
  color: var(--it-theme-1);
  margin-right: 10px;
}
.postbox-title {
  font-size: 36px;
}
@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-blookquote {
  padding: 25px 39px;
  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-size: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
  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), only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-blookquote span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-box {
  padding: 20px;
}
.postbox-tag-title {
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
  margin-right: 18px;
}
.postbox-tag-content a {
  padding: 13px 23px;
  font-size: 14px;
  display: inline-block;
  background-color: var(--it-common-white);
  margin-right: 5px;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    margin-bottom: 10px;
  }
}
@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-share-content a {
  width: 41px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  text-align: center;
  margin-right: 10px;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .postbox-share-content a {
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-share-content a {
    margin-bottom: 0;
  }
}
.postbox-share-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox-comment-user {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-user {
    margin-bottom: auto;
  }
}
.postbox-comment-title {
  font-size: 30px;
  text-transform: capitalize;
}
.postbox-comment-item {
  padding: 30px;
  border: 1px solid #E2E1E1;
  border-radius: 10px;
  margin-bottom: 30px;
}
.postbox-comment-item:last-child {
  margin-bottom: 0;
}
.postbox-user-thumb img {
  width: 80px;
  height: 80px;
  margin-right: 25px;
  border: 2px solid var(--it-theme-1);
  border-radius: 50%;
}
.postbox-user-info .user-title {
  font-size: 18px;
  font-weight: 600;
}
.postbox-rating-title {
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.postbox-rating span {
  color: var(--it-theme-2);
}
.postbox-rating .rating-text {
  color: #5A5A5A;
}
.postbox-review-title {
  font-size: 30px;
  text-transform: capitalize;
}
.postbox-review-input input {
  padding: 23px 20px;
  border: 1px solid rgba(90, 90, 90, 0.2);
  border-radius: 5px;
  margin-bottom: 20px;
}
.postbox-review-message textarea {
  padding: 23px 20px;
  border: 1px solid rgba(90, 90, 90, 0.2);
  border-radius: 5px;
  height: 170px;
  resize: none;
}
.postbox-play-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.postbox-play-icon a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 50%;
}
@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;
}

.tagcloud.space a {
  padding: 18px 25px;
}
.tagcloud a {
  color: var(--it-common-black);
  background-color: #F3FAF6;
  display: inline-block;
  line-height: 1;
  padding: 10px 20px;
  height: 48px;
  line-height: 30px;
  margin-bottom: 15px;
  margin-right: 10px;
  transition: 0.3s;
  font-weight: 500;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
.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;
}

.it-pagination ul li {
  padding-top: 30px;
  display: inline-block;
}
.it-pagination ul li:not(:last-child) {
  margin-right: 10px;
}
.it-pagination ul li a, .it-pagination ul li span {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  transition: 0.3s;
  background: var(--it-theme-1);
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
  border-radius: 4px;
  box-shadow: 2px 3.464px 20px 0px rgba(4, 23, 26, 0.08);
}
.it-pagination ul li a.current i, .it-pagination ul li span.current i {
  display: inline-block;
  transform: translateY(2px);
}
.it-pagination ul li a:hover, .it-pagination ul li a.current {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-pagination ul li a {
  display: inline-block;
}
.it-pagination ul li a.color {
  background-color: var(--it-theme-2);
  color: var(--it-common-black);
  font-size: 18px;
}

/*----------------------------------------*/
/*  27. Cart area 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: 58px;
  border: 2px solid #eaedff;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.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;
    margin-top: 15px;
  }
}
.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: var(--it-common-black);
  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: 125px;
}

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  border: 1px solid #e7e7e7;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}

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

.form-row > label {
  margin-top: 15px;
  margin-left: 15px;
  color: #6f7172;
}

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

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

p.checkout-coupon input[type=text] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  -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-common-black);
}

.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: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}

.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;
  height: 45px;
  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;
}
.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-common-black);
}

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

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

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

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

/*----------------------------------------*/
/*  28. Checkout area start
/*----------------------------------------*/
.checkout__wrapper span {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding-bottom: 35px;
  display: inline-block;
}
.checkout__input input {
  height: 55px;
  line-height: 55px;
  border: 2px solid #ebebeb;
  outline: none;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  padding-left: 40px;
  padding-right: 20px;
  margin-bottom: 30px;
}
.checkout__input input:focus {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout__input input {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .checkout__input input {
    font-size: 13px;
    padding-left: 20px;
  }
}
.checkout__summary-wrapper {
  margin-top: 57px;
  padding: 30px 0;
  background-color: #f1f2f9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__summary-wrapper {
    margin-bottom: 30px;
  }
}
.checkout__list-item {
  padding: 0 50px;
  padding-bottom: 11px;
  border-bottom: 1px solid #c9c9c9;
}
@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__list-item {
    padding: 0 28px;
  }
}
.checkout__list-item b {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #333333;
  padding-bottom: 20px;
  display: inline-block;
}
.checkout__summary-list span {
  color: #4a4c59;
  display: inline-block;
  padding-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__summary-list span {
    font-size: 14px;
  }
}
.checkout__bottom {
  padding: 0 50px;
  padding-top: 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) {
  .checkout__bottom {
    padding: 0 30px;
    padding-top: 28px;
  }
}
.checkout__bottom span {
  font-weight: 700;
  color: #333333;
}
@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__bottom span {
    font-size: 14px;
  }
}

.checkout-form-list input {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: 1px;
  width: 19px;
  height: 19px;
  border-color: rgb(221, 221, 221);
}
.checkout-form-list label {
  font-size: 16px;
  color: #636363;
}

/*----------------------------------------*/
/*  10. Footer area start
/*----------------------------------------*/
.it-footer-shape-1 {
  position: absolute;
  top: 0;
  left: -6%;
  animation: tptranslateX2 4s infinite alternate;
}
.it-footer-shape-2 {
  position: absolute;
  right: 74px;
  top: 50%;
  transform: translateY(-50%);
}
.it-footer-shape-2 img {
  animation: rotate2 15s linear infinite;
}
.it-footer-content p {
  margin-right: 5px;
  color: var(--it-common-white);
  margin-bottom: 25px;
}
.it-footer-social {
  position: relative;
}
.it-footer-social a i {
  width: 41px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  margin-right: 16px;
  color: var(--it-theme-2);
  background-color: RGB(250, 169, 25, 0.1);
  transition: 0.3s;
}
.it-footer-social a i:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.it-footer-social.footer-social-2 a i {
  color: var(--it-common-white);
}
.it-footer-social.footer-social-2 a i:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-footer-list ul li {
  list-style: none;
}
.it-footer-list ul li a {
  padding-left: 0;
  position: relative;
  font-weight: 500;
  margin-bottom: 15px;
  display: block;
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-footer-list ul li a:hover {
  padding-left: 17px;
  color: var(--it-common-white);
}
.it-footer-list ul li a:hover::before {
  left: 0;
  opacity: 1;
  visibility: visible;
  background-color: var(--it-common-white);
}
.it-footer-list ul li a::before {
  position: absolute;
  width: 10px;
  height: 2px;
  left: -20px;
  bottom: 9px;
  content: "";
  background-color: var(--it-common-black);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-footer-widget-title {
  font-size: 24px;
  color: var(--it-common-white);
}
.it-footer-info {
  margin-bottom: 18px;
}
.it-footer-info:last-child {
  margin-bottom: 0;
}
.it-footer-info i {
  display: inline-block;
  width: 35px;
  height: 35px;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  margin-right: 8px;
  color: var(--it-theme-2);
  background-color: RGB(250, 169, 25, 0.1);
  transition: 0.3s;
  flex: 0 0 auto;
}
.it-footer-info i:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.it-footer-info a {
  color: var(--it-common-white);
  margin-right: 10px;
  transition: 0.3s;
}
.it-footer-info a:hover {
  color: var(--it-theme-2);
}

.it-footer-2-area {
  z-index: 1;
}
.it-footer-2-area::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  content: "";
  opacity: 0.9;
  z-index: -1;
  background: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-2-top-wrap {
    flex-wrap: wrap;
  }
}
.it-footer-2-top-item {
  padding: 49px 0 28px 0;
  height: 100%;
  width: 33.33%;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-2-top-item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .it-footer-2-top-item {
    width: 100%;
  }
}
.it-footer-2-top-item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  content: "";
  background-color: var(--it-common-white);
  opacity: 0.3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-2-top-item::after {
    display: none;
  }
}
.it-footer-2-top-icon {
  padding-right: 30px;
}
.it-footer-2-top-icon i {
  font-size: 24px;
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
}
.it-footer-2-top-icon i:hover {
  color: var(--it-theme-2);
  border: 1px solid var(--it-theme-2);
}
.it-footer-2-top-text span {
  display: block;
  color: var(--it-theme-2);
  margin-bottom: 20px;
}
.it-footer-2-top-text .it-section-title-sm {
  line-height: 1.3;
  color: var(--it-common-white);
  margin-right: 35px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-2-top-text .it-section-title-sm {
    font-size: 16px;
    margin-right: 0;
  }
}
.it-footer-2-top-text .it-section-title-sm:hover a {
  color: var(--it-theme-2);
}
.it-footer-2-input input {
  border-radius: 5px;
}
.it-footer-2-input input::placeholder {
  color: var(--it-common-black);
}
.it-footer-2-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.footer-col-2 {
  padding-left: 155px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-2 {
    padding-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-col-2 {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-2 {
    padding-left: 45px;
  }
}
@media (max-width: 767px) {
  .footer-col-2 {
    padding-left: 0px;
  }
}
.footer-col-3 {
  padding-left: 104px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer-col-3 {
    padding-left: 25px;
  }
}
@media (max-width: 767px) {
  .footer-col-3 {
    padding-left: 0;
  }
}
.footer-col-4 {
  padding-left: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .footer-col-4 {
    padding-left: 0px;
  }
}

.footer-2-col-2 {
  padding-left: 125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2-col-2 {
    padding-left: 100px;
  }
}
@media (max-width: 767px) {
  .footer-2-col-2 {
    padding-left: 0px;
  }
}
.footer-2-col-3 {
  padding-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2-col-3 {
    padding-left: 0;
  }
}

.it-copyright-content p {
  color: var(--it-common-white);
  margin: 0;
}
.it-copyright-content p span {
  color: var(--it-theme-2);
}
.it-copyright-privacy a {
  color: var(--it-common-white);
}
.it-copyright-2-area {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

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