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

    Theme Name: NDISEE - NDIS Disability & Elderly Special Care HTML Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: NDISEE - NDIS Disability & Elderly Special Care HTML Template
    Version: 1.0.0

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

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

    01. THEME DEFAULT CSS
	02. about css start
	03. blog css start
	04. brand css start
	05. choose css start
	06. contact css start
	07. cta css start
	08. error css start
	09. event css start
	10. feature css start
	11. footer css start
	12. funfact css start
	13. header css start
	14. hero css start
	15. map css start
	16. menu css start
	17. newsletter css start
	18. portfolio css start
	19. service css start
	20. slider css start
	21. step css start
	22. team css start
	23. testimonial css start
	24. text slider css start
	25. value css start
	26. video css start

    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&display=swap" rel="stylesheet');
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Inter', sans-serif;
  --it-ff-heading: 'Anek Bangla', sans-serif;
  --it-ff-space-grotesk: 'Space Grotesk', sans-serif;
  --it-ff-plus-jakarta: 'Plus Jakarta Sans', sans-serif;
  --it-ff-sora: 'Sora', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1F0723;
  --it-common-red: #DC1D1C;
  --it-heading-primary: #1F0723;
  --it-gray-1: #F2EBE9;
  --it-gray-2: #F3F3F3;
  --it-gray-3: #F2F6F9;
  --it-text-body: #5E5F62;
  --it-theme-1: #011D4E;
}

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

body,
html {
  overflow-x: hidden;
}

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

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

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--
    - Spacing
-----------------------------------------*/
.it-btn-red {
  font-size: 15px;
  font-weight: 500;
  display: inline-block;
  border-radius: 5px;
  padding: 21px 40px;
  text-align: center;
  transition: 0.4s;
  text-transform: capitalize;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-btn-red.black-btn {
  background-color: var(--it-theme-1);
}
.it-btn-red.black-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-btn-red.white-btn {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-btn-red.white-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-red {
    font-size: 14px;
    padding: 15px 25px;
  }
}
.it-btn-red:hover {
  color: var(--it-common-red);
  background-color: var(--it-common-white);
}
.it-btn-red.hover-2:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-btn-sm {
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  border-radius: 5px;
  padding: 10.5px 30px;
  text-align: center;
  transition: 0.3s;
  background-color: #F2EBE9;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-sm {
    font-size: 14px;
    padding: 10px 20px;
  }
}
.it-btn-sm:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-btn-sm.theme-bg {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-btn-sm.theme-bg:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes ripple-red {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(220, 28, 28, 0.2), 0 0 0 10px rgba(220, 28, 28, 0.2), 0 0 0 20px rgba(220, 28, 28, 0.2);
    box-shadow: 0 0 0 0 rgba(220, 28, 28, 0.2), 0 0 0 10px rgba(220, 28, 28, 0.2), 0 0 0 20px rgba(220, 28, 28, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(220, 28, 28, 0.2), 0 0 0 20px rgba(220, 28, 28, 0.2), 0 0 0 30px rgba(220, 28, 28, 0);
    box-shadow: 0 0 0 10px rgba(220, 28, 28, 0.2), 0 0 0 20px rgba(220, 28, 28, 0.2), 0 0 0 30px rgba(220, 28, 28, 0);
  }
}
.ripple-white {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
}

.ripple-red {
  -webkit-animation: ripple-red 1s linear infinite;
  animation: ripple-red 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@-webkit-keyframes spin {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes ittranslateY {
  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 ittranslateX {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes 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 rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-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 movingleftright2 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50px) translateY(200px);
    transform: translateX(-50px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes movingleftright2 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50px) translateY(200px);
    transform: translateX(-50px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes img-anim-left {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}
.img-custom-anim-top {
  animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
  opacity: 0;
}

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

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

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

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

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

/*--- preloader ---*/
.dark #preloader {
  background-color: var(--it-theme-1);
}

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

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

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

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

@keyframes preloader {
  0% {
    transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}
@-webkit-keyframes preloader {
  0% {
    -webkit-transform: scale(0, 0);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1, 1);
    opacity: 0;
  }
}
/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;
  border: none;
}

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

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

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

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

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

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

.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: #000;
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
.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-common-red);
  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-common-red);
  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-common-red);
  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-common-red);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 215px;
}
.itoffcanvas .it-menu-mobile .home-img-title, .itoffcanvas .it-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.itoffcanvas .it-megamenu-thumb {
  display: none;
}
.itoffcanvas .it-megamenu-text {
  display: none;
}
.itoffcanvas .it-megamenu-list li a::before {
  display: none;
}
.itoffcanvas .it-megamenu-list li:hover > a {
  padding-left: 0px;
  font-weight: 400;
}
.itoffcanvas .it-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.itoffcanvas .it-menu-mobile ul li > a, .itoffcanvas .it-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itoffcanvas .it-megamenu-title {
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  margin-top: 30px;
}

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

.it-breadcrumb-ptb {
  padding: 171px 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-breadcrumb-ptb {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-ptb {
    padding: 140px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-ptb {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-ptb {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 90px 0;
  }
}
.it-breadcrumb-overlay {
  position: relative;
}
.it-breadcrumb-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: rgba(1, 29, 78, 0.8);
}
.it-breadcrumb-overlay::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
  background: linear-gradient(268deg, rgba(1, 29, 78, 0.6) 0%, rgba(1, 29, 78, 0.6) 100%);
}
.it-breadcrumb-title {
  font-weight: 600;
  font-size: 45px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 21px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 34px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 37px;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 30px;
}
.it-breadcrumb-list span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #fff;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 15px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 21px;
  color: var(--it-common-white);
}
.it-breadcrumb-list i {
  font-weight: 600;
  font-size: 18px;
  font-weight: 500;
  color: var(--it-common-red);
  font-style: normal;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list i {
    font-size: 15px;
  }
}
.it-breadcrumb-shape-1 {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-shape-1 {
    transform: translateY(-50%) scale(0.7);
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    right: -20%;
    transform: translateY(-50%) scale(0.5);
  }
}

.it-custom-accordion {
  margin: 0 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion {
    margin: 0;
  }
}
.it-custom-accordion .accordion-items {
  margin-bottom: 30px;
  background: #fff;
  border-radius: 10px;
  transition: 0.3s;
}
.it-custom-accordion .accordion-items.active {
  background-color: var(--it-theme-1);
}
.it-custom-accordion .accordion-items.active .accordion-buttons {
  color: var(--it-common-white);
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  font-weight: 600;
  font-size: 28px;
  width: 100%;
  text-align: start;
  padding: 43px 60px;
  padding-right: 100px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 22px;
    padding: 43px 30px;
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 18px;
    padding: 43px 30px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 20px;
  }
}
.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 12px;
}
.it-custom-accordion .accordion-buttons i {
  position: absolute;
  left: 20px;
  top: 24%;
  font-style: normal;
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  right: 60px;
  transform: translateY(-50%);
  font-size: 22px;
  text-align: center;
  font-weight: 300;
  height: 46px;
  line-height: 46px;
  width: 46px;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
  margin: auto;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons::after {
    height: 32px;
    line-height: 32px;
    width: 32px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-buttons::after {
    height: 32px;
    line-height: 32px;
    width: 32px;
    right: 30px;
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "+";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 27px;
}
.it-custom-accordion.collapsed {
  position: relative;
  z-index: 99;
}
.it-custom-accordion .accordion-body {
  position: relative;
  z-index: 1;
  padding: 0px 60px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0px 30px;
    padding-bottom: 40px;
  }
}
.it-custom-accordion .accordion-body p {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
  margin-right: 210px;
  transition: 0.3s;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 48%;
  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-section-title {
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 0;
  text-transform: capitalize;
}
.it-section-title span {
  color: var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 40px;
  }
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 30px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 36px;
  }
}
.it-section-title-3 {
  font-weight: 600;
  font-size: 45px;
  margin-bottom: 0;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-3 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-3 {
    font-size: 37px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 {
    font-size: 40px;
  }
  .it-section-title-3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-3 {
    font-size: 30px;
  }
  .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-3 {
    font-size: 36px;
  }
}
.it-section-title-grotesk {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.2;
  font-family: var(--it-ff-space-grotesk);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-section-title-grotesk {
    font-size: 45px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-section-title-grotesk {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-grotesk {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-grotesk {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-grotesk {
    font-size: 40px;
  }
  .it-section-title-grotesk br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-grotesk {
    font-size: 30px;
  }
  .it-section-title-grotesk br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-grotesk {
    font-size: 36px;
  }
}
.it-section-subtitle {
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  margin-bottom: 20px;
  color: var(--it-common-red);
  font-family: var(--it-ff-plus-jakarta);
}
@media (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
  }
}
.it-section-subtitle::before {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  transform: translateY(-3px);
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-section-subtitle::before {
    width: 5px;
    height: 5px;
  }
}
.it-section-subtitle::after {
  display: inline-block;
  content: "";
  width: 8px;
  height: 8px;
  margin-left: 10px;
  transform: translateY(-3px);
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-section-subtitle::after {
    width: 5px;
    height: 5px;
  }
}
.it-section-subtitle.white-subtitle {
  color: var(--it-common-white);
}
.it-section-subtitle.white-subtitle::before {
  background-color: var(--it-common-white);
}
.it-section-subtitle.white-subtitle::after {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title-box p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  03. MEANMENU CSS START
/*----------------------------------------*/
/*----------------------------------------*/
/*  03. blog css start
/*----------------------------------------*/
.it-blog-item {
  padding: 30px 30px 40px 30px;
  border-radius: 10px;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-item {
    padding: 20px 20px 30px 20px;
  }
}
.it-blog-item .it-btn-sm {
  padding: 10px 20px;
}
.it-blog-thumb {
  border-radius: 8px;
}
.it-blog-thumb img {
  border-radius: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta {
    margin-bottom: 20px;
  }
}
.it-blog-meta span {
  position: relative;
  padding-left: 25px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 13px;
  }
}
.it-blog-meta span:not(:last-child) {
  margin-right: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span:not(:last-child) {
    margin-right: 15px;
  }
}
.it-blog-meta span svg, .it-blog-meta span i {
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--it-common-red);
}
.it-blog-title {
  font-weight: 600;
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-title {
    font-size: 21px;
    margin-bottom: 30px;
  }
}
.it-blog-content {
  padding-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-content {
    padding-left: 0;
  }
}
.it-blog-content p {
  padding-right: 250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-content p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-content p {
    padding-right: 200px;
    position: relative;
    z-index: 9;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-blog-content p {
    font-size: 14px;
    padding-right: 0;
    padding-bottom: 10px;
  }
  .it-blog-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-top-right {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-top-right p br {
    display: none;
  }
}
.it-blog-shape-1 {
  position: absolute;
  top: 40%;
  left: 53%;
  animation: itswing 0.9s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-1 {
    left: 46%;
  }
}

.it-blog-2-content {
  margin-left: 25px;
  padding: 40px 33px;
  border-radius: 0 0 10px 10px;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-2-content {
    padding: 40px 20px;
  }
}
.it-blog-2-content p {
  padding-right: 0;
}
.it-blog-2-date {
  position: absolute;
  top: -20%;
  left: -25px;
  display: inline-block;
  padding: 6px 12px;
  text-align: center;
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-blog-2-date {
    top: 0;
  }
}
.it-blog-2-date span {
  font-weight: 700;
  font-size: 15px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}
.it-blog-2-date::after {
  position: absolute;
  content: "";
  bottom: -17px;
  left: 0;
  width: 27px;
  height: 17px;
  background-color: var(--it-theme-1);
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.it-pagination ul li a {
  width: 54px;
  height: 54px;
  line-height: 57px;
  font-weight: 600;
  font-size: 15px;
  transition: 0.3s;
  display: inline-block;
  background-color: #F2EBE9;
  text-align: center;
  color: var(--it-common-black);
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-pagination ul li a i {
  font-size: 20px;
}
.it-pagination ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}

/*--- details css start ---*/
.postbox-main-thumb img {
  border-radius: 10px;
}
.postbox-thumb img {
  border-radius: 10px;
}
.postbox-banner img {
  border-radius: 10px;
}
.postbox-dsc p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 10px;
  margin-right: 25px;
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 14px;
    margin-right: 0;
  }
}
.postbox-title {
  font-weight: 600;
  font-size: 40px;
  text-transform: capitalize;
  margin-bottom: 18px;
  line-height: 1.3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-title {
    font-size: 29px;
  }
  .postbox-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 30px;
  }
  .postbox-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-title {
    font-size: 24px;
  }
  .postbox-title br {
    display: none;
  }
}
.postbox-list ul {
  margin-left: -60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-list ul {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul {
    margin-left: 0;
  }
}
.postbox-list ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.postbox-list ul li span {
  font-weight: 500;
  font-size: 20px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-list ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul li span {
    font-size: 16px;
  }
  .postbox-list ul li span br {
    display: none;
  }
}
.postbox-list ul li span svg, .postbox-list ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-common-red);
}
.postbox-list.style-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list.style-2 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-weight: 600;
  font-size: 15px;
  color: var(--it-common-black);
  margin: 0;
  margin-right: 18px;
}
.postbox-tag-content a {
  padding: 0 13px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  font-weight: 400;
  font-size: 16px;
  color: var(--it-theme-1);
  transition: 0.3s;
  border-radius: 2px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-tag-content a {
    padding: 0 7px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-share-content a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-align: center;
  border: 1px solid rgba(1, 29, 78, 0.1);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share-content a {
    height: 35px;
    width: 35px;
    line-height: 35px;
  }
}
.postbox-share-content a:not(:last-child) {
  margin-right: 15px;
}
.postbox-share-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.postbox-blockquote {
  border-radius: 10px;
  padding: 25px 35px;
  padding-right: 50px;
  background-color: #F2EBE9;
  border-left: 6px solid var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-blockquote {
    padding: 35px 40px 35px 40px;
  }
}
.postbox-blockquote span {
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: underline;
  display: block;
  line-height: 1.8;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-blockquote span {
    font-size: 16px;
  }
}
.postbox-blockquote .quote {
  position: absolute;
  top: 50%;
  right: 9%;
  z-index: -1;
  transform: translateY(-50%);
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 80px;
  width: 80px;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    height: 70px;
    width: 70px;
  }
}
.postbox-user-info .user-title {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
  margin-bottom: 10px;
}
.postbox-user-info span {
  font-weight: 400;
  font-size: 13px;
  display: block;
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-user-info p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  line-height: 1.6;
  margin-right: 10px;
  color: #5E5F62;
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-user-info p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
}
.postbox-comment-title {
  font-weight: 700;
  font-size: 30px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-title {
    font-size: 26px;
  }
}
.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
  display: inline-block;
}
.postbox-comment-content ul li.children {
  margin-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-comment-content ul li.children {
    margin-left: 0;
  }
}
.postbox-comment-user {
  padding: 30px;
  border: 1px solid #e2e1e1;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-user {
    padding: 35px 25px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-user {
    padding: 35px 25px;
    flex-wrap: wrap;
  }
}
.postbox-comment-user .Rating {
  position: absolute;
  bottom: 8%;
  right: 25px;
}
@media (max-width: 767px) {
  .postbox-comment-user .Rating {
    margin-top: 25px;
    position: static;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-user .Rating {
    margin-top: 0;
    position: absolute;
  }
}
.postbox-comment-user .Rating span {
  font-weight: 600;
  font-size: 18px;
  transition: 0.3s;
  display: block;
  margin-bottom: 3px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-comment-user .Rating i {
  font-size: 12px;
  color: #f95805;
}
.postbox-comment-user .Rating b {
  font-weight: 400;
  font-size: 13px;
  font-family: var(--it-ff-plus-jakarta);
}
.postbox-review-input input {
  font-weight: 500;
  font-size: 15px;
  padding: 0px 20px;
  border-radius: 5px;
  height: 58px;
  line-height: 58px;
  background-color: transparent;
  color: var(--it-common-black);
  border: 1px solid #F2EBE9;
}
@media (max-width: 767px) {
  .postbox-review-input input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.postbox-review-input input:focus {
  border: 1px solid var(--it-common-red);
}
.postbox-review-input input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #5E5F62;
}
@media (max-width: 767px) {
  .postbox-review-input input::placeholder {
    font-size: 14px;
  }
}
.postbox-review-textarea textarea {
  border-radius: 5px;
  height: 170px;
  padding: 20px 20px;
  font-weight: 600;
  font-size: 15px;
  background-color: transparent;
  border: 1px solid #F2EBE9;
}
@media (max-width: 767px) {
  .postbox-review-textarea textarea {
    height: 170px;
  }
}
.postbox-review-textarea textarea:focus {
  border: 1px solid var(--it-common-red);
}
.postbox-review-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #5E5F62;
}
@media (max-width: 767px) {
  .postbox-review-textarea textarea::placeholder {
    font-size: 14px;
  }
}
.postbox-details-wrapper {
  margin-right: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-wrapper {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-details-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-bottom: 5px;
  display: inline-block;
}
.postbox-left-style .postbox-details-wrapper {
  margin-right: 0;
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.postbox-left-style .sidebar-right {
  margin-left: 0;
  margin-right: -33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-left-style .sidebar-right {
    margin-right: 0;
  }
}
.postbox-style-2 .postbox-title {
  margin-bottom: 15px;
}
.postbox-style-2 .postbox-title a:hover {
  color: var(--it-common-red);
}
.postbox-style-2 .it-btn-sm {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.postbox-video-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-left: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}

.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(24, 24, 24, 0.7);
  content: "";
  border-radius: 5px;
  z-index: -1;
}
.sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--it-theme-1);
  margin-bottom: 10px;
}
.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar__main-thumb img {
  border-radius: 10px;
}
.sidebar__title {
  font-size: 45px;
  margin-bottom: 20px;
}
.sidebar__banner img {
  border-radius: 10px;
}
.sidebar__banner-right {
  padding: 46px 51px 50px 30px;
  background: var(--it-grey-1);
  border-radius: 10px;
}
.sidebar__banner-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.sidebar__banner-list ul li {
  position: relative;
  list-style: none;
  padding-left: 25px;
  color: var(--it-common-black);
  margin-bottom: 10px;
}
.sidebar__banner-list ul li i {
  position: absolute;
  color: var(--it-theme-1);
  top: 3px;
  left: 0;
}
.sidebar__content-title {
  font-size: 40px;
}
.sidebar__button a {
  text-transform: uppercase;
  border-radius: 50px;
}
.sidebar-widget-title {
  font-weight: 600;
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.sidebar-widget-list {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  color: #5E5F62;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
  transition: 0.3s;
}
.sidebar-widget-list span {
  transition: 0.3s;
  color: var(--it-common-black);
}
.sidebar-widget-list.active {
  background-color: var(--it-common-red);
  border-color: var(--it-common-red);
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-common-red);
  border-color: var(--it-common-red);
  color: var(--it-common-white);
}
.sidebar-widget-list:hover span {
  color: var(--it-common-white);
}
.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.sidebar-widget-social a {
  height: 52px;
  width: 52px;
  line-height: 52px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #F2EBE9;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-social a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }
}
.sidebar-widget-social a:not(:last-child) {
  margin-right: 10px;
}
.sidebar-widget-social a:hover {
  border: 1px solid var(--it-common-red);
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.sidebar-right {
  margin-left: -33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-right {
    margin-left: 0;
  }
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  padding-right: 60px;
  color: var(--it-common-black);
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  outline: none;
}
.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #5E5F62;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-common-red);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  font-size: 18px;
}

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

.tagcloud a {
  display: inline-block;
  line-height: 1;
  padding: 15px 37px;
  margin-bottom: 10px;
  margin-right: 5px;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 10px;
  border-radius: 5px;
  color: #5E5F62;
  background-color: #F2EBE9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    padding: 13px 10px;
    margin-right: 5px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: var(--it-common-red);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post {
  padding-bottom: 35px;
  margin-bottom: 30px;
  border-bottom: 1px solid #F2EBE9;
}
.rc-post.border-top {
  padding-top: 30px;
  border-top: 1px solid #F2EBE9;
}
.rc-post:last-child {
  margin-bottom: 0;
}
.rc-post-thumb {
  flex: 0 0 auto;
}
.rc-post-thumb img {
  border-radius: 10px;
  height: 90px;
  width: 90px;
}
.rc-post-title {
  font-weight: 600;
  font-size: 16px;
  transition: 0.3s;
  line-height: 1.4;
  margin-bottom: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title {
    font-size: 15px;
  }
}
.rc-post-title:hover {
  color: var(--it-theme-1);
}
.rc-meta i {
  margin-right: 10px;
  color: var(--it-theme-1);
}
.rc-meta span {
  font-weight: 400;
  font-size: 15px;
  color: #5E5F62;
  display: block;
  margin-bottom: 15px;
}
.rc-meta span svg {
  margin-right: 10px;
  transform: translateY(-2px);
}

/*----------------------------------------*/
/*  06. contact css start
/*----------------------------------------*/
.it-contact-bg {
  position: relative;
}
.it-contact-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 51%;
  z-index: -1;
  background-color: var(--it-theme-1);
}
.it-contact-wrap {
  border-radius: 30px;
  padding: 100px;
  background-color: #F8F8F8;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-wrap {
    padding: 55px 40px;
  }
}
@media (max-width: 767px) {
  .it-contact-wrap {
    padding: 35px 20px;
  }
}
.it-contact-thumb {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-thumb {
    margin-left: 0;
  }
}
.it-contact-thumb img {
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-thumb img {
    width: 100%;
  }
}
.it-contact-form-title {
  font-weight: 600;
  font-size: 50px;
  font-family: var(--it-ff-body);
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-form-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-form-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-form-title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .it-contact-form-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-form-title {
    font-size: 35px;
  }
}
.it-contact-form-box {
  margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-wrap {
    margin-bottom: 70px;
  }
}
.it-contact-input-box label {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 7px;
  letter-spacing: -0.01em;
  font-family: var(--it-ff-plus-jakarta);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box label {
    font-size: 14px;
  }
}
.it-contact-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  padding: 0 30px;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box input {
    height: 45px;
    line-height: 45px;
    padding: 0 25px;
  }
}
.it-contact-input-box input::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #686868;
  text-transform: capitalize;
}
.it-contact-input-box input:focus {
  border-color: var(--it-common-red);
}
.it-contact-input-box textarea {
  border-radius: 5px;
  height: 150px;
  font-weight: 400;
  font-size: 14px;
  padding: 20px 30px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-black);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box textarea {
    height: 120px;
    padding: 15px 25px;
  }
}
.it-contact-input-box textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: #686868;
  text-transform: capitalize;
}
.it-contact-input-box textarea:focus {
  border-color: var(--it-common-red);
}
.it-contact-item-icon {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  font-size: 24px;
  margin-right: 30px;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-item-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 18px;
  }
}
.it-contact-item-content span {
  font-weight: 400;
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
  color: var(--it-common-red);
}
.it-contact-item-content a {
  font-weight: 400;
  font-size: 22px;
  color: var(--it-common-black);
  font-family: var(--it-ff-space-grotesk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-item-content a {
    font-size: 19px;
  }
}
.it-contact-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.2;
}
.it-contact-inner-list > span {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
  text-transform: uppercase;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-contact-inner-list ul li {
  display: block;
  list-style-type: none;
}
.it-contact-inner-list ul li:not(:last-child) {
  margin-bottom: 25px;
}
.it-contact-inner-list ul li span {
  font-weight: 500;
  font-size: 15px;
  position: relative;
  display: inline-block;
  padding-left: 35px;
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-contact-inner-list ul li span i, .it-contact-inner-list ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-common-red);
}
.it-contact-style-2 .it-contact-input-box input {
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(1, 29, 78, 0.1);
}
.it-contact-style-2 .it-contact-input-box input:focus {
  border-color: var(--it-common-red);
}
.it-contact-style-2 .it-contact-input-box textarea {
  height: 211px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(1, 29, 78, 0.1);
  text-transform: capitalize;
}
.it-contact-style-2 .it-contact-input-box textarea::placeholder {
  text-transform: capitalize;
}
.it-contact-style-2 .it-contact-input-box textarea:focus {
  border-color: var(--it-common-red);
}
.it-contact-style-2 .it-contact-form-box {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-style-2 .it-contact-form-box {
    margin-top: 50px;
    margin-left: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-style-2 .it-contact-input-wrap {
    margin-bottom: 0;
  }
}
.it-contact-style-2 .it-contact-form-title {
  font-weight: 700;
  font-size: 35px;
}
.it-contact-style-2 .it-contact-select .nice-select {
  border: 1px solid rgba(1, 29, 78, 0.1);
  background-color: rgba(255, 255, 255, 0.05);
}
.it-contact-innar-style .it-contact-form-box {
  margin: 0;
  padding: 58px 70px;
  background-color: #F2EBE9;
}
@media (max-width: 767px) {
  .it-contact-innar-style .it-contact-form-box {
    padding: 45px 20px;
  }
}
.it-contact-innar-style .it-contact-form-title {
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
  padding-bottom: 25px;
  border-bottom: 1px solid rgba(94, 95, 98, 0.1411764706);
}
.it-contact-innar-style.it-contact-style-2 .it-contact-input-box input {
  height: 58px;
  line-height: 58px;
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-black);
  background-color: #fff;
  border: 1px solid transparent;
}
.it-contact-innar-style.it-contact-style-2 .it-contact-input-box input::placeholder {
  color: var(--it-common-black);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
}
.it-contact-innar-style.it-contact-style-2 .it-contact-input-box input:focus {
  border: 1px solid var(--it-common-red);
}
.it-contact-innar-style .it-btn-red {
  border-radius: 0;
  padding: 19px 40px;
}

.it-map-wrap {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-map-wrap {
    margin-top: 50px;
    height: 500px;
  }
}
@media (max-width: 767px) {
  .it-map-wrap {
    margin-top: 50px;
    height: 250px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-map-wrap {
    margin-top: 50px;
    height: 350px;
  }
}
.it-map-wrap iframe {
  height: 100%;
  width: 100%;
}

/*----------------------------------------*/
/*  08. error css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 30px;
  }
}
.it-error-content .it-section-title {
  font-weight: 800;
  font-size: 45px;
  color: #000;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content .it-section-title {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .it-error-content .it-section-title {
    font-size: 31px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-area {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  11. footer css start
/*----------------------------------------*/
.it-footer-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-footer-wrap {
  padding: 90px 75px;
  padding-bottom: 65px;
  border-radius: 30px 30px 0 0;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-wrap {
    padding: 80px 20px;
    padding-bottom: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-wrap {
    padding: 80px 50px;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .it-footer-wrap {
    padding: 80px 20px;
    padding-bottom: 65px;
  }
}
.it-footer-widget-title {
  font-weight: 700;
  font-size: 30px;
  margin-bottom: 23px;
  margin-top: 10px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 22px;
  }
}
.it-footer-widget-text p {
  font-size: 16px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-text p {
    font-size: 14px;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 11px;
}
.it-footer-widget-menu ul li::before {
  display: inline-block;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  margin-right: 13px;
  transition: 0.3s;
  transform: translateY(-3px);
  background-color: var(--it-theme-1);
}
.it-footer-widget-menu ul li a {
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  font-family: var(--it-ff-plus-jakarta);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li:hover::before {
  background-color: var(--it-common-red);
}
.it-footer-widget-menu ul li:hover a {
  color: var(--it-common-red);
}
.it-footer-widget-tel-icon {
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-tel-icon svg {
    width: 28px;
  }
}
.it-footer-widget-tel-info span, .it-footer-widget-tel-info a {
  font-weight: 400;
  font-size: 18px;
  display: block;
  letter-spacing: -0.04em;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-tel-info span, .it-footer-widget-tel-info a {
    font-size: 16px;
  }
}
.it-footer-widget-tel-info a:hover {
  color: var(--it-common-red);
}
.it-footer-widget-title-sm {
  font-weight: 700;
  font-size: 25px;
  line-height: 1.4;
  color: var(--it-common-white);
  font-family: var(--it-ff-space-grotesk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title-sm {
    font-size: 19px;
  }
  .it-footer-widget-title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-title-sm {
    font-size: 25px;
  }
  .it-footer-widget-title-sm br {
    display: none;
  }
}
.it-footer-widget-left {
  margin-right: 83px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-left {
    margin-right: 0px;
  }
}
.it-footer-widget-left p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-left p br {
    display: none;
  }
}
.it-footer-widget-input-box {
  margin-bottom: 20px;
}
.it-footer-widget-input-box input {
  font-size: 16px;
  padding-left: 0;
  padding-right: 50px;
  background-color: transparent;
  color: var(--it-common-white);
  border: none;
  border-bottom: 1px solid var(--it-common-white);
}
.it-footer-widget-input-box input:focus {
  border-bottom: 1px solid var(--it-common-red);
}
.it-footer-widget-input-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}
.it-footer-widget-input-icon {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.it-footer-col-1-2 {
  margin-left: 95px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-col-1-3 {
  margin-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-1-3 {
    margin-left: 0;
  }
}
.it-footer-col-1-4 {
  margin-left: 104px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-4 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 30px;
  }
}
.it-footer-col-2-2 {
  margin-left: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-2-2 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-2-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2-2 {
    margin-left: 30px;
  }
}
.it-footer-col-2-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-2-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-2-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-2-4 {
    margin-left: -40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2-4 {
    margin-left: 30px;
  }
}
.it-footer-col-3-2 {
  margin-left: 122px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-3-2 {
    margin-left: 50px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-3-2 {
    margin-left: 0px;
  }
}
.it-footer-style-2 .it-footer-wrap {
  background-color: var(--it-gray-3);
}
.it-footer-style-3 .it-footer-3-wrap .it-footer-widget-title {
  margin-top: 0;
  margin-bottom: 35px;
}

.it-footer-3-wrap .it-footer-widget-text p {
  padding-right: 50px;
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-3-wrap .it-footer-widget-text p {
    padding-right: 0;
  }
}
.it-footer-3-wrap .it-footer-widget-tel-info span, .it-footer-3-wrap .it-footer-widget-tel-info a {
  color: var(--it-common-white);
}
.it-footer-3-wrap .it-footer-widget-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
}
.it-footer-3-wrap .it-footer-widget-menu ul li {
  padding-left: 0;
}
.it-footer-3-wrap .it-footer-widget-menu ul li::before {
  display: none;
}
.it-footer-3-wrap .it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-footer-3-wrap .it-footer-widget-menu ul li a {
  font-weight: 400;
  font-size: 16px;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-3-wrap .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-3-wrap .it-footer-widget-menu.contact-list ul li a {
  line-height: 1.5;
}

.it-copyright-ptb {
  padding: 11.5px 0;
}
.it-copyright-content p {
  font-weight: 500;
  font-size: 15px;
  color: var(--it-common-white);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-copyright-content p {
    font-size: 14px;
  }
}
.it-copyright-content p a {
  text-decoration: underline;
}
.it-copyright-border {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-border .it-copyright-content {
    margin-bottom: 15px;
  }
}
.it-copyright-border .it-copyright-content p a {
  text-decoration: none;
  color: var(--it-common-red);
}
.it-copyright-border .it-copyright-ptb {
  padding: 16px 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-copyright-social {
    margin-top: 10px;
  }
}
.it-copyright-social > span {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}
.it-copyright-social a {
  font-size: 16px;
  margin-left: 15px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-copyright-social a {
    font-size: 14px;
  }
}
.it-copyright-social a:hover {
  color: var(--it-common-red);
}
.it-copyright-style-2 {
  position: relative;
  z-index: 1;
}
.it-copyright-style-2::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: calc(100% - 267px);
  z-index: -1;
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-copyright-style-2::after {
    width: calc(100% - 115px);
  }
}
@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-copyright-style-2::after {
    width: 100%;
  }
}
.it-copyright-style-2 .it-copyright-social a:hover {
  color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  12. funfact css start
/*----------------------------------------*/
.it-funfact-icon {
  display: inline-block;
  height: 90px;
  width: 90px;
  line-height: 82px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-icon {
    height: 75px;
    width: 75px;
    line-height: 65px;
  }
}
.it-funfact-title {
  font-weight: 700;
  font-size: 45px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 2px;
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-title {
    font-size: 35px;
  }
}
.it-funfact-title i {
  font-style: normal;
}
.it-funfact-content span {
  font-weight: 500;
  font-size: 25px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-content span {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-2-item {
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-item {
    margin-bottom: 50px;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .it-funfact-2-item {
    margin-bottom: 50px;
    justify-content: center;
    text-align: center;
  }
}
.it-funfact-2-item h4 {
  font-weight: 500;
  font-size: 70px;
  line-height: 0.7;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-2-item h4 {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-2-item h4 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-item h4 {
    font-size: 52px;
  }
}
.it-funfact-2-item h4 i {
  font-style: normal;
}
.it-funfact-2-item span {
  font-weight: 400;
  font-size: 20px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-2-item span {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-item span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-funfact-2-item span {
    font-size: 19px;
  }
}
.it-funfact-2-item.item-style-2 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-2-item.item-style-2 {
    padding-left: 20px;
  }
}
@media (max-width: 767px) {
  .it-funfact-2-item.item-style-2 {
    padding-left: 0;
  }
}
.it-funfact-2-item.item-style-3 {
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-2-item.item-style-3 {
    padding-left: 70px;
  }
}
@media (max-width: 767px) {
  .it-funfact-2-item.item-style-3 {
    padding-left: 0;
  }
}
.it-funfact-2-ptb {
  padding: 50px 280px;
  padding-right: 100px;
  margin-right: 641px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-funfact-2-ptb {
    padding: 50px 130px;
    padding-right: 50px;
    margin-right: 538px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-2-ptb {
    padding: 50px 130px;
    padding-right: 50px;
    margin-right: 472px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-2-ptb {
    padding: 50px 70px;
    padding-right: 20px;
    margin-right: 403px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-ptb {
    padding: 50px 0px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-ptb .it-funfact-2-item {
    margin-bottom: 0;
  }
}

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

.it-header-top-ptb {
  padding: 11px 0;
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
  padding-right: 37px;
  margin-right: 37px;
  border-right: 1px solid rgba(255, 255, 255, 0.21);
}
@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li:last-child {
  border-right: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-top-list-box ul li:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-list-box ul li:nth-child(2) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  display: inline-block;
  font-weight: 500;
  font-size: 15px;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: var(--it-common-red);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
    font-size: 16px;
    top: 3px;
  }
}
.it-header-top-social-box {
  margin-left: -50px;
}
.it-header-top-social-box > span {
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box > span {
    font-size: 13px;
  }
}
.it-header-top-social-box a {
  font-size: 14px;
  text-align: center;
  display: inline-block;
  transition: 0.3s;
  margin: 0 5px;
  color: var(--it-common-white);
}
.it-header-top-social-box a:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a {
    font-size: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-left: 2px;
  }
}
.it-header-top-social-box a:hover {
  color: var(--it-common-red);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb {
    padding: 15px 0;
  }
}
.it-header-menu > nav > ul {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 11px;
  }
}
.it-header-menu > nav > ul > li > a {
  font-weight: 400;
  font-size: 16px;
  padding: 26px 0;
  display: inline-block;
  color: var(--it-common-white);
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    padding: 30px 0;
  }
}
.it-header-wrap {
  padding-left: 40px;
  padding-right: 12px;
  position: relative;
  border-radius: 10px 10px 0 0;
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .it-header-wrap {
    padding: 10px 15px;
  }
}
.it-header-wrap::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 27%;
  border-radius: 0 10px 0 0;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-wrap::after {
    width: 42%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-wrap::after {
    width: 32%;
  }
}
.it-header-bar button span {
  margin-left: 25px;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 47px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
  transition: 0.3s;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-header-bar button span {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media (max-width: 767px) {
  .it-header-bar button span svg {
    width: 18px;
  }
}
.it-header-search {
  margin-right: 40px;
  height: 40px;
  width: 40px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  display: inline-block;
  background-color: #F2EBE9;
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-search {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-header-search {
    display: none;
  }
}
.it-header-right-action {
  margin-left: -50px;
}
.it-header-right-action .it-btn-red {
  padding: 16px 40px;
}
.it-header-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-shape-1 {
    display: none;
  }
}
.it-header-shape-1 img {
  height: 100%;
}
.it-header-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-shape-2 {
    display: none;
  }
}
.it-header-shape-2 img {
  height: 100%;
}
.it-header-style-2 .it-header-menu > nav > ul {
  margin-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-menu > nav > ul {
    margin-left: 58px;
  }
}
.it-header-style-2 .it-header-menu > nav > ul > li {
  margin: 0px 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-style-2 .it-header-menu > nav > ul > li {
    margin: 0px 12px;
  }
}
.it-header-style-2 .it-header-menu > nav > ul > li > a {
  padding: 34px 0;
  color: var(--it-common-black);
}
.it-header-style-2 .it-header-border {
  position: relative;
}
.it-header-style-2 .it-header-border::after {
  position: absolute;
  content: "";
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 2;
  border-radius: 0 0 10px 10px;
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-style-2 .it-header-border::after {
    display: none;
  }
}
.it-header-style-2 .it-header-right-action .it-btn-red {
  padding: 19px 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-style-2 .it-header-right-action .it-btn-red {
    padding: 15px 25px;
  }
}
.it-header-style-2.it-header-border-2 {
  border-bottom: 1px solid rgba(220, 29, 28, 0.3882352941);
}
.it-header-style-3 .it-header-wrap {
  padding-left: 0;
  border-radius: 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .it-header-style-3 .it-header-wrap {
    padding-right: 0;
  }
}
.it-header-style-3 .it-header-wrap::after {
  border-radius: 0;
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-header-style-3 .it-header-wrap::after {
    display: none;
  }
}
@media (min-width: 1200px) {
  .it-header-style-3 .it-header-menu > nav > ul > li.has-dropdown-2 a button {
    display: none;
  }
}
.it-header-style-3 .it-header-menu > nav > ul > li > a {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-style-3 .it-header-right-action .it-btn-red {
    padding: 16px 25px;
  }
}
.it-header-style-3 .it-header-bar span {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-header-style-3 .it-header-bar span {
    color: var(--it-common-white);
    background-color: var(--it-common-red);
  }
}
@media (min-width: 1200px) {
  .it-header-style-4 .it-header-menu > nav > ul > li.has-dropdown-2 a button {
    display: none;
  }
}
.it-header-style-4 .it-header-menu > nav > ul > li > a {
  position: relative;
}
.it-header-style-4 .it-header-menu > nav > ul > li > a::after {
  content: "";
  position: absolute;
  bottom: 34%;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  transition: 0.7s;
  display: inline-block;
  background-color: var(--it-common-white);
}
.it-header-style-4 .it-header-menu > nav > ul > li:hover a::after {
  width: 100%;
  right: auto;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-style-4 .it-header-right-action .it-btn-red {
    padding: 16px 25px;
  }
}
.it-header-style-4.it-header-style-3 .it-header-menu > nav > ul > li > a::after {
  background-color: var(--it-common-black);
}
.it-header-innar-style {
  border-bottom: 2px solid var(--it-common-red);
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.it-header-style-4 {
  background-color: var(--it-common-red);
}
.header-sticky.it-header-style-4 .it-header-wrap::after {
  border-radius: 0;
}
.header-sticky.it-header-style-2 {
  background-color: var(--it-common-white);
}
.header-sticky.it-header-style-2 .it-header-border::after {
  display: none;
}
.header-sticky.it-header-style-2.it-header-border-2 {
  border-bottom: none;
}
.header-sticky.it-header-style-3 {
  background-color: var(--it-common-white);
}
.header-sticky.it-header-innar-style {
  border-bottom: none;
}

.it-header-style-4 .it-onepage-menu li > a::after {
  content: "";
  position: absolute;
  bottom: 34%;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  transition: 0.7s;
  display: inline-block;
  background-color: var(--it-common-white);
}
.it-header-style-4 .it-onepage-menu li > a.active::after {
  width: 100%;
  right: auto;
  left: 0;
}

.it-header-style-2 .it-onepage-menu li > a.active {
  color: var(--it-common-red);
}
.it-header-style-2 .it-onepage-menu li > a button {
  display: none;
}

/*----------------------------------------*/
/*  14. hero css start
/*----------------------------------------*/
.it-hero-3-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #F3F3F3;
}
.it-hero-3-title {
  font-weight: 700;
  font-size: 75px;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-title {
    font-size: 52px;
  }
}
@media (max-width: 767px) {
  .it-hero-3-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-title {
    font-size: 48px;
  }
}
.it-hero-3-title span {
  color: var(--it-common-red);
}
.it-hero-3-content {
  padding: 202px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content {
    padding: 140px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-content {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 100px;
    padding-bottom: 70px;
  }
}
.it-hero-3-content p {
  font-weight: 500;
  font-size: 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content p {
    font-size: 15px;
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-3-content p {
    font-size: 15px;
  }
}
.it-hero-3-thumb {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 42.6%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb {
    width: 47.6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-3-thumb {
    position: static;
    width: 100%;
    height: 100%;
  }
}
.it-hero-3-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-hero-3-thumb-icon {
  position: absolute;
  top: 50%;
  left: -70px;
  display: inline-block;
  display: inline-block;
  height: 140px;
  width: 140px;
  line-height: 140px;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-icon {
    width: 100px;
    height: 100px;
    line-height: 100px;
    left: -49px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-3-thumb-icon {
    display: none;
  }
}
.it-hero-3-thumb-icon svg {
  display: inline-block;
  animation: rotate2 3s linear infinite;
}
.it-hero-3-thumb-icon::after {
  position: absolute;
  content: "";
  height: 80px;
  width: 80px;
  left: 0;
  right: 0;
  top: 50%;
  margin: 0 auto;
  border-radius: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.35);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-icon::after {
    width: 60px;
    height: 60px;
  }
}

.it-hero-2-ptb {
  padding-top: 103px;
  padding-bottom: 120px;
}
.it-hero-2-title {
  font-weight: 600;
  font-size: 70px;
  text-transform: capitalize;
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-title {
    font-size: 61px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-content {
    margin-bottom: 70px;
  }
}
.it-hero-2-content p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-content p {
    font-size: 15px;
    margin-right: 40px;
  }
  .it-hero-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content p {
    font-size: 17px;
    margin-right: 0;
  }
  .it-hero-2-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content p {
    font-size: 14px;
  }
  .it-hero-2-content p br {
    display: none;
  }
}
.it-hero-2-thumb img {
  border-radius: 20px;
}
@media (max-width: 767px) {
  .it-hero-2-thumb img {
    width: 100%;
  }
}
.it-hero-2-thumb.thumb-style-1 {
  margin-bottom: 87px;
}
@media (max-width: 767px) {
  .it-hero-2-thumb.thumb-style-1 {
    font-size: 14px;
    margin-bottom: 25px;
  }
}
.it-hero-2-thumb.thumb-style-3 {
  padding-top: 25px;
  transform: translateX(-145px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-thumb.thumb-style-3 {
    transform: translateX(-80px);
  }
}
@media (max-width: 767px) {
  .it-hero-2-thumb.thumb-style-3 {
    transform: translateX(0px);
  }
}
.it-hero-2-thumb.thumb-style-3 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.thumb-style-3 img {
    max-width: 100%;
  }
}
.it-hero-2-thumb-right {
  padding-top: 43px;
}
@media (max-width: 767px) {
  .it-hero-2-thumb-right {
    padding-top: 0;
  }
}
.it-hero-2-thumb-left {
  padding-left: 10px;
}
@media (max-width: 767px) {
  .it-hero-2-thumb-left {
    padding-left: 0;
  }
}
.it-hero-2-thumb-wrap {
  transform: translateX(98px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-thumb-wrap {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-thumb-wrap {
    transform: translateX(25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-thumb-wrap {
    transform: translateX(0px);
  }
}
.it-hero-2-experience {
  position: relative;
  z-index: 1;
  padding: 13px 22px;
  padding-right: 30px;
  border-radius: 20px;
  margin-left: 10px;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.05);
  background-color: var(--it-common-red);
  animation: ittranslateX 2s infinite alternate;
}
.it-hero-2-experience i {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 1;
  margin-right: 16px;
  color: var(--it-common-white);
}
.it-hero-2-experience span {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}
.it-hero-2-shape-1 {
  position: absolute;
  bottom: -3%;
  left: -2%;
  z-index: -1;
}
.it-hero-2-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}

.it-hero-title {
  font-weight: 700;
  font-size: 65px;
  line-height: 1.1;
  text-transform: capitalize;
  color: var(--it-common-white);
  font-family: var(--it-ff-space-grotesk);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 45px;
  }
}
.it-hero-ptb {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media 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-content {
    margin-bottom: 50px;
  }
}
.it-hero-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 50px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content p {
    margin-right: 95px;
  }
  .it-hero-content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content p {
    font-size: 15px;
    margin-right: 55px;
  }
  .it-hero-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-content p {
    font-size: 14px;
  }
  .it-hero-content p br {
    display: none;
  }
}
.it-hero-red-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 33.7%;
  z-index: -1;
  display: inline-block;
  background-color: rgba(220, 28, 28, 0.95);
}
@media 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-red-bg {
    display: none;
  }
}
.it-hero-thumb img {
  max-width: inherit;
  border-radius: 10px;
}
@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%;
  }
}
.it-hero-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-hero-shape img {
  opacity: 0.4;
}

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

.it-homemenu-wrapper {
  padding: 55px 70px 20px 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-homemenu-wrapper {
    padding: 45px 35px 20px 35px;
  }
}

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

.it-header-menu nav ul li .has-home-img {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 0 auto;
}
.it-header-menu nav ul li .has-home-img.submenu {
  padding: 0;
}
.it-header-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
}
.it-header-menu nav ul li .has-home-img .home-img-title {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-nunito);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img .home-img-title {
    font-size: 14px;
  }
}
.it-header-menu nav ul li .has-home-img .home-img-title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-header-menu nav ul li .has-home-img .home-img-title:hover a {
  background-size: 0% 1px, 100% 1px;
}

.it-megamenu-space-2 {
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-megamenu-space-2 {
    margin-left: 0;
  }
}

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

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

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

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

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

/*----------------------------------------*/
/*  18. portfolio css start
/*----------------------------------------*/
.it-portfolio-bg {
  position: relative;
}
.it-portfolio-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 57%;
  width: 100%;
  z-index: -2;
  background-color: #F2EBE9;
}
.it-portfolio-content {
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 75px;
  border-radius: 0 0 4px 4px;
  background-color: var(--it-common-white);
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-content {
    padding-right: 55px;
  }
}
.it-portfolio-content::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 24%;
  z-index: -1;
  background-color: #F2F3F5;
}
.it-portfolio-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 0%;
  transition: 0.3s;
  background-color: var(--it-common-red);
}
.it-portfolio-thumb {
  border-radius: 4px 4px 0 0;
}
.it-portfolio-thumb img {
  border-radius: 4px 4px 0 0;
}
.it-portfolio-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 5px;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-title {
    font-size: 18px;
  }
}
.it-portfolio-arrow a {
  position: relative;
  z-index: 1;
  border-radius: 4px;
  padding: 11px 17px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-common-red);
}
.it-portfolio-item:hover .it-portfolio-content::before {
  width: 24%;
}
.it-portfolio-item:hover .it-portfolio-arrow a {
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 30px;
  }
}
.it-portfolio-active {
  margin-right: -440px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-active {
    margin-right: -250px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-active {
    margin-right: 0;
  }
}

.it-portfolio-details-wrap {
  background-color: #F2EBE9;
}
.it-portfolio-details-wrap .it-portfolio-details-content {
  padding: 60px 75px;
  padding-right: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-details-wrap .it-portfolio-details-content {
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-details-wrap .it-portfolio-details-content {
    padding: 50px 55px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-details-wrap .it-portfolio-details-content {
    padding: 40px 25px;
  }
}
.it-portfolio-details-wrap .it-portfolio-details-thumb {
  height: 100%;
  margin-right: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-wrap .it-portfolio-details-thumb {
    margin-right: 0;
  }
}
.it-portfolio-details-wrap .it-portfolio-details-thumb img {
  height: 100%;
  object-fit: cover;
}
.it-portfolio-details-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-thumb img {
    width: 100%;
  }
}
.it-portfolio-details-content-info span {
  font-weight: 500;
  font-size: 20px;
  display: block;
  color: var(--it-common-black);
  font-family: var(it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-content-info span {
    font-size: 16px;
  }
}
.it-portfolio-details-content-info span:not(:last-child) {
  margin-bottom: 20px;
}
.it-portfolio-details-content-info span a {
  font-weight: 400;
  font-size: 18px;
  color: #5E5F62;
  display: inline-block;
  margin-left: 3px;
  transition: 0.3s;
}
.it-portfolio-details-content-info span a:hover {
  color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-content-info span a {
    font-size: 15px;
  }
}
.it-portfolio-details-content p {
  font-weight: 400;
  font-size: 16px;
  color: #5E5F62;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-content p {
    font-size: 14px;
  }
}
.it-portfolio-details-content.content-mr {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-content.content-mr {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-portfolio-details-content.content-ml {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-content.content-ml {
    margin-left: 0;
    margin-top: 50px;
  }
}
.it-portfolio-details-title {
  font-weight: 600;
  font-size: 45px;
  text-transform: capitalize;
  color: #1f0723;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-details-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-details-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-details-title {
    font-size: 30px;
  }
}
.it-portfolio-details-list ul li {
  position: relative;
  list-style: none;
  padding-left: 30px;
}
.it-portfolio-details-list ul li:not(:last-child) {
  margin-bottom: 21px;
}
@media (max-width: 767px) {
  .it-portfolio-details-list ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-details-list ul li:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-details-list ul li {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-details-list ul li {
    margin-bottom: 20px;
  }
}
.it-portfolio-details-list ul li span {
  font-weight: 500;
  font-size: 20px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-details-list ul li span {
    font-size: 16px;
  }
}
.it-portfolio-details-list ul li span i {
  position: absolute;
  color: var(--it-common-red);
  top: 2px;
  left: 0;
  font-size: 20px;
}

/*----------------------------------------*/
/*  19. service css start
/*----------------------------------------*/
.it-service-title {
  font-weight: 700;
  font-size: 26px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-title {
    font-size: 21px;
  }
}
.it-service-content p {
  font-size: 16px;
  transition: 0.3s;
  margin-bottom: 25px;
}
.it-service-thumb {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  mask-size: contain;
  mask-repeat: no-repeat;
  z-index: 2;
  display: inline-block;
  width: auto;
  height: auto;
  max-width: 100%;
  overflow: hidden;
}
.it-service-item {
  padding: 50px 38px;
  padding-top: 45px;
  border-radius: 10px;
  transition: 0.4s;
  background: var(--it-common-white);
  box-shadow: 0 16px 40px 0 rgba(15, 2, 17, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-item {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-item {
    padding: 50px 38px;
    padding-top: 45px;
  }
}
.it-service-item:hover {
  background-color: var(--it-common-red);
}
.it-service-item:hover .it-service-title {
  color: var(--it-common-white);
}
.it-service-item:hover .it-service-content p {
  color: var(--it-common-white);
}

.it-service-2-item {
  padding: 5px;
  padding-bottom: 0;
  border-radius: 10px;
  background-color: var(--it-common-white);
  box-shadow: 0 16px 40px 0 rgba(15, 2, 17, 0.1);
}
.it-service-2-item .it-service-content {
  padding: 43px 25px;
  padding-bottom: 40px;
}
.it-service-2-item .it-service-content p {
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-2-item .it-service-content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-2-item .it-service-content {
    padding: 43px 15px;
    padding-bottom: 40px;
  }
}
.it-service-2-item .it-service-title {
  margin-bottom: 16px;
  font-size: 22px;
  font-family: var(--it-ff-space-grotesk);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-service-2-item .it-service-title {
    font-size: 20px;
  }
}
.it-service-2-item:hover .it-service-2-icon {
  transform: scaleX(-1);
}
.it-service-2-thumb {
  border-radius: 10px;
}
.it-service-2-thumb img {
  border-radius: 10px;
}
.it-service-2-icon {
  position: absolute;
  left: 30px;
  top: -40px;
  display: inline-block;
  border-radius: 5px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: var(--it-common-red);
  background-color: #F2EBE9;
  border-bottom: 2px solid var(--it-common-red);
  transition: transform 0.5s ease;
}
.it-service-2-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  opacity: 0.6;
}

.it-service-3-top-text p {
  font-weight: 400;
  font-size: 21px;
  margin-bottom: 0;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-top-text p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-top-text p {
    font-size: 17px;
    margin-top: 25px;
  }
  .it-service-3-top-text p br {
    display: none;
  }
}
.it-service-3-top-wrap {
  padding-bottom: 70px;
  border-bottom: 1px solid rgba(17, 13, 13, 0.1);
}
.it-service-3-item-wrap {
  padding: 50px 0;
  border-bottom: 1px solid rgba(17, 13, 13, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-item-wrap {
    padding: 40px 0;
  }
}
.it-service-3-title {
  font-weight: 700;
  font-size: 28px;
  margin-bottom: 0;
  transition: 0.3s;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-3-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-service-3-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-service-3-title {
    font-size: 18px;
  }
}
.it-service-3-title span {
  display: inline-block;
  margin-right: 15px;
}
.it-service-3-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-text p {
    margin-right: 70px;
  }
  .it-service-3-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-service-3-text p {
    font-size: 14px;
    margin-right: 50px;
  }
  .it-service-3-text p br {
    display: none;
  }
}
.it-service-3-arrow {
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-arrow svg {
    width: 32px;
  }
}
.it-service-3-right {
  padding-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-3-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-3-right {
    padding-left: 0;
    padding-top: 20px;
  }
}

.it-reveal-item {
  position: relative;
}
.it-reveal-item .it-reveal-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 178px;
  height: 223px;
  opacity: 0;
  margin: -120px 0 0 -150px;
  overflow: hidden;
  pointer-events: none;
  z-index: 99;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: rotate(-4deg);
  -webkit-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -moz-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -ms-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -o-transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.it-reveal-item:hover .it-reveal-bg {
  opacity: 1;
  transform: rotate(-4deg);
}
.it-reveal-item:hover .it-service-3-title {
  color: var(--it-common-red);
}
.it-reveal-item:hover .it-service-3-arrow {
  color: var(--it-common-red);
}

.it-service-4-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-service-4-title {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 20px;
  transition: 0.3s;
  font-family: var(--it-ff-body);
}
.it-service-4-thumb {
  border-radius: 10px;
  margin-bottom: 40px;
}
.it-service-4-thumb img {
  border-radius: 10px;
  width: 100%;
}
.it-service-4-arrow {
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  line-height: 60px;
  text-align: center;
  color: var(--it-common-white);
  position: relative;
  background-color: var(--it-common-red);
  transition: 0.3s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-4-arrow {
    height: 48px;
    width: 48px;
    line-height: 43px;
  }
}
.it-service-4-arrow i, .it-service-4-arrow svg {
  position: relative;
  z-index: 2;
}
.it-service-4-arrow::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: 0.3s;
  border-radius: 50%;
  background-color: var(--it-common-black);
}
.it-service-4-arrow:hover i, .it-service-4-arrow:hover svg {
  color: var(--it-common-white);
}
.it-service-4-arrow:hover::after {
  transform: scale(1);
}
.it-service-4-item {
  padding: 10px;
  transition: 0.3s;
  overflow: hidden;
  border-radius: 10px;
  padding-bottom: 40px;
  background-color: #fff;
}
.it-service-4-item p {
  padding: 0 30px;
  font-size: 17px;
  transition: 0.3s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-service-4-item p {
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 25px;
  }
}
.it-service-4-item:hover {
  background-color: var(--it-common-red);
}
.it-service-4-item:hover .it-service-4-title {
  color: var(--it-common-white);
}
.it-service-4-item:hover .it-service-4-arrow {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-service-4-item:hover p {
  color: var(--it-common-white);
}

.it-service-5-bg {
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
  width: 100%;
  mix-blend-mode: luminosity;
  opacity: 0.09;
}
.it-service-5-style .it-service-4-thumb {
  margin-bottom: 25px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50%;
}
.it-service-5-style .it-service-4-thumb img {
  border-radius: 50%;
  height: 167px;
  width: 167px;
  transition: all 0.5s ease-out 0s;
}
.it-service-5-style .it-service-4-item {
  padding: 40px 10px;
}
.it-service-5-style .it-service-4-item:hover .it-service-4-thumb img {
  transform: scale(1.15);
}
.it-service-5-style .it-service-4-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}
.it-service-5-style .it-service-4-item p {
  font-weight: 400;
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-5-style .it-service-4-item p {
    padding: 0;
  }
}
.it-service-5-style .it-service-4-arrow {
  height: 55px;
  width: 55px;
  line-height: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-5-top-right {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-5-top-right p br {
    display: none;
  }
}

.it-service-details-wrap {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-details-wrap {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details-wrap {
    margin-left: 0;
  }
}
.it-service-details-wrap .it-portfolio-details-list ul li span {
  color: var(--it-common-black);
}
.it-service-details-wrap .it-portfolio-details-list.service-style ul li {
  border-radius: 5px;
  padding: 9px 25px;
  padding-left: 55px;
  background-color: #F2EBE9;
}
.it-service-details-wrap .it-portfolio-details-list.service-style ul li span {
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details-wrap .it-portfolio-details-list.service-style ul li span {
    font-size: 15px;
  }
}
.it-service-details-wrap .it-portfolio-details-list.service-style ul li span svg, .it-service-details-wrap .it-portfolio-details-list.service-style ul li span i {
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.it-service-details-box {
  margin-left: -55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details-box {
    margin-left: 0;
  }
}

/*----------------------------------------*/
/*  22. team css start
/*----------------------------------------*/
.it-team-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-team-text p {
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-text p br {
    display: none;
  }
}
.it-team-item {
  padding: 40px;
  padding-bottom: 0;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-item {
    padding: 40px 20px;
    padding-bottom: 0;
  }
}
.it-team-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  transition: 0.4s;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(220, 29, 28, 0) 0%, #dc1d1c 100%);
}
.it-team-item:hover::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.15);
}
.it-team-thumb {
  display: inline-block;
  overflow: hidden;
  border-radius: 10px;
}
.it-team-thumb img {
  border-radius: 10px;
  transition: all 0.5s ease-out 0s;
}
.it-team-title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 5px;
  transition: 0.3s;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-title {
    font-size: 19px;
  }
}
.it-team-title a {
  transition: 0.3s;
}
.it-team-content {
  margin-bottom: 27px;
}
.it-team-content span {
  font-size: 15px;
  transition: 0.3s;
  color: rgba(94, 95, 98, 0.6);
}
.it-team-social {
  padding: 8px 0;
  width: 100%;
  border-radius: 5px 5px 0 0;
  background-color: #F3F3F3;
}
.it-team-social a {
  display: inline-block;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 44px;
  transition: 0.3s;
  position: relative;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-social a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-team-social a:not(:last-child) {
  margin-right: 12px;
}
.it-team-social a i, .it-team-social a svg {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-social a i, .it-team-social a svg {
    font-size: 14px;
  }
}
.it-team-social a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: 0.3s;
  border-radius: 50%;
  background-color: var(--it-common-red);
}
.it-team-social a:hover {
  color: var(--it-common-white);
}
.it-team-social a:hover::after {
  transform: scale(1);
}
.it-team-arrow-box button {
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
  transition: 0.3s;
  padding: 0;
  color: var(--it-common-red);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-arrow-box button {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }
}
.it-team-arrow-box button span {
  display: inline-block;
}
.it-team-arrow-box button span svg {
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-arrow-box button span svg {
    width: 18px;
  }
}
.it-team-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-team-wrap {
  margin-left: -40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-wrap {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-left {
    margin-bottom: 50px;
  }
}
.it-team-active {
  margin-right: -410px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-active {
    margin-right: -200px;
  }
}
@media 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-active {
    margin-right: 0;
  }
}
.it-team-innar-style .it-team-item {
  background-color: #F2EBE9;
}
.it-team-innar-style .it-team-social {
  background-color: #fff;
}
.it-team-innar-style .it-team-social a {
  background-color: #F2EBE9;
}

.it-team-2-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-team-2-item:hover .it-team-2-thumb img {
  transform: scale(1.15) rotate(-2deg);
}
.it-team-2-item:hover .it-team-2-thumb::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.it-team-2-item:hover .it-team-2-content span {
  color: var(--it-common-red);
}
.it-team-2-item:hover .it-team-2-social {
  bottom: 35px;
}
.it-team-2-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border-radius: 10px;
}
.it-team-2-thumb img {
  border-radius: 10px;
  transition: 1.3s all ease;
}
.it-team-2-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(220, 29, 28, 0) 0%, #dc1d1c 100%);
}
.it-team-2-title {
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 7px;
  font-family: var(--it-ff-space-grotesk);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-2-title {
    font-size: 19px;
  }
}
.it-team-2-title a {
  transition: 0.3s;
}
.it-team-2-content span {
  font-size: 18px;
  transition: 0.3s;
}
.it-team-2-social {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20%;
  z-index: 1;
  text-align: center;
  transition: 0.4s;
}
.it-team-2-social > a {
  display: inline-block;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 43px;
  transition: 0.3s;
  position: relative;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-2-social > a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-team-2-social > a:not(:last-child) {
  margin-right: 6px;
}
.it-team-2-social > a i, .it-team-2-social > a svg {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-2-social > a i, .it-team-2-social > a svg {
    font-size: 14px;
  }
}
.it-team-2-social > a::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transform: scale(0);
  transition: 0.3s;
  border-radius: 50%;
  background-color: var(--it-theme-1);
}
.it-team-2-social > a:hover {
  color: var(--it-common-white);
}
.it-team-2-social > a:hover::after {
  transform: scale(1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-2-top-text p br {
    display: none;
  }
}

.it-team-details-wrap {
  padding: 30px;
  border-radius: 10px;
  background-color: #F2EBE9;
}
.it-team-details-thumb img {
  border-radius: 10px;
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-thumb img {
    width: 100%;
    margin-bottom: 50px;
  }
}
.it-team-details-author-name h5 {
  font-weight: 700;
  font-size: 26px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-author-name h5 {
    font-size: 24px;
  }
}
.it-team-details-author-name span {
  font-weight: 400;
  font-size: 15px;
  color: var(--it-common-red);
}
.it-team-details-top-list ul li {
  list-style-type: none;
  margin-bottom: 18px;
}
.it-team-details-top-list ul li span {
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  margin-right: 5px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-top-list ul li span {
    font-size: 16px;
  }
}
.it-team-details-top-list ul li a, .it-team-details-top-list ul li i {
  font-weight: 400;
  font-size: 18px;
  font-style: normal;
  font-family: var(--it-ff-plus-jakarta);
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-top-list ul li a, .it-team-details-top-list ul li i {
    font-size: 14px;
  }
}
.it-team-details-top-list ul li a:hover, .it-team-details-top-list ul li i:hover {
  color: var(--it-common-red);
}
.it-team-details-social > span {
  font-weight: 500;
  font-size: 20px;
  display: block;
  margin-bottom: 24px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-social > span {
    font-size: 18px;
  }
}
.it-team-details-social a {
  display: inline-block;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  line-height: 42px;
  text-align: center;
  margin-right: 10px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  transition: 0.3s;
}
.it-team-details-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-team-details-title-sm {
  font-weight: 600;
  font-size: 30px;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
}
.it-team-details-left-list span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  margin-bottom: 25px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
.it-team-details-left-list ul li {
  list-style-type: none;
  padding-left: 30px;
  font-weight: 500;
  font-size: 18px;
  position: relative;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  margin-bottom: 21px;
}
.it-team-details-left-list ul li svg, .it-team-details-left-list ul li i {
  position: absolute;
  top: 1px;
  left: 0;
  color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left p br {
    display: none;
  }
}
.it-team-details-top-right {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-top-right {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-details-top-right {
    margin-left: 195px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-top-right {
    margin-left: 0;
  }
}
.it-team-details-right {
  margin-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-right {
    margin-left: 0;
    margin-top: 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-team-details-right p br {
    display: none;
  }
}

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

/*----------------------------------------*/
/*  23. testimonial css start
/*----------------------------------------*/
.it-testimonial-item {
  padding: 25px;
  padding-right: 40px;
  border-radius: 50px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-testimonial-item {
    padding: 25px;
    flex-wrap: wrap;
  }
}
.it-testimonial-text p {
  font-style: italic;
  font-weight: 500;
  font-size: 16px;
  margin-right: 55px;
  font-family: var(--it-ff-body);
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-text p {
    margin-right: 0;
  }
}
.it-testimonial-author {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .it-testimonial-author {
    width: 100%;
    margin-right: 0;
    margin-bottom: 40px;
    text-align: center;
  }
}
.it-testimonial-author img {
  border-radius: 40px;
}
.it-testimonial-author-info h5 {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
.it-testimonial-author-info span {
  color: var(--it-common-red);
}
.it-testimonial-active {
  margin: 0 -330px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-active {
    margin: 0 -500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-active {
    margin: 0;
  }
}
.it-testimonial-arrow-box {
  height: 60px;
  line-height: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-arrow-box {
    display: none;
  }
}
.it-testimonial-arrow-box .slider-prev {
  position: absolute;
  left: 0%;
  bottom: 0%;
  z-index: 2;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.102);
  padding-left: 465px;
  transition: 0.3s;
}
.it-testimonial-arrow-box .slider-prev button {
  font-size: 22px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-testimonial-arrow-box .slider-prev:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.it-testimonial-arrow-box .slider-prev:hover button {
  color: var(--it-theme-1);
}
.it-testimonial-arrow-box .slider-next {
  position: absolute;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  width: 50%;
  background-color: rgba(255, 255, 255, 0.102);
  padding-right: 465px;
  text-align: end;
  transition: 0.3s;
}
.it-testimonial-arrow-box .slider-next button {
  font-size: 22px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-testimonial-arrow-box .slider-next:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.it-testimonial-arrow-box .slider-next:hover button {
  color: var(--it-theme-1);
}
.it-testimonial-arrow-box .slider-next.active {
  background-color: rgba(255, 255, 255, 0.2);
}
.it-testimonial-arrow-box .slider-next.active button {
  color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-area .it-section-title-grotesk br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-area .it-section-title-box {
    margin-bottom: 40px;
  }
}
.it-testimonial-2-wrap {
  margin: 0 140px;
  border-radius: 50px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-wrap {
    margin: 0 40px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-wrap {
    margin: 0 40px;
    padding-left: 50px;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-wrap {
    margin: 0 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-wrap {
    margin: 0;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
  }
}
.it-testimonial-2-wrap .it-testimonial-text p {
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-testimonial-2-wrap .it-testimonial-text p {
    font-size: 14px;
  }
}
.it-testimonial-2-wrap .it-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 20px;
  color: var(--it-common-black);
}
.it-testimonial-2-right {
  padding-right: 45px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-2-right {
    padding-right: 0;
    padding-bottom: 40px;
  }
}
.it-testimonial-2-thumb {
  height: 100%;
}
.it-testimonial-2-thumb img {
  height: 100%;
  max-width: inherit;
  object-fit: cover;
  border-radius: 10px 0 0 10px;
}
@media (max-width: 767px) {
  .it-testimonial-2-thumb img {
    width: 100%;
    margin-bottom: 25px;
    border-radius: 10px;
  }
}
.it-testimonial-2-item-box {
  margin-left: 40px;
}
@media (max-width: 767px) {
  .it-testimonial-2-item-box {
    margin: 0 20px;
  }
}
.it-testimonial-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 2%;
  z-index: -1;
}
.it-testimonial-2-shape-2 {
  position: absolute;
  bottom: 35%;
  left: 33%;
  z-index: -1;
  animation: rotate2 5s linear infinite;
}

.it-testimonial-dots .swiper-pagination-bullet {
  width: 22px;
  height: 10px;
  border-radius: 10px;
  display: inline-block;
  opacity: 1;
  margin: 0px 6px;
  transition: 0.3s;
  background-color: var(--it-theme-1);
  position: relative;
}
.it-testimonial-dots .swiper-pagination-bullet-active {
  width: 34px;
  background-color: var(--it-common-red);
}

.it-testimonial-3-area .it-section-title-3 {
  font-weight: 700;
  letter-spacing: 1px;
}
.it-testimonial-3-wrap {
  padding: 40px;
  border-radius: 5px;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
}
@media (max-width: 767px) {
  .it-testimonial-3-wrap {
    padding: 30px 20px;
  }
}
.it-testimonial-3-wrap .it-testimonial-author-info h5 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 5px;
}
.it-testimonial-3-wrap .it-testimonial-author-info span {
  font-size: 14px;
}
.it-testimonial-3-wrap .it-testimonial-author-thumb img {
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
.it-testimonial-3-wrap .it-testimonial-text 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) {
  .it-testimonial-3-wrap .it-testimonial-text p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-wrap .it-testimonial-text p {
    font-size: 15px;
  }
}
.it-testimonial-3-ratting-box {
  display: inline-block;
  padding: 20px;
  padding-right: 30px;
  border-radius: 5px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-3-ratting-box {
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-ratting-box {
    margin-bottom: 20px;
  }
}
.it-testimonial-3-ratting-icon {
  display: inline-block;
  height: 56px;
  width: 56px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-3-ratting-icon {
    height: 46px;
    width: 46px;
    line-height: 44px;
  }
}
.it-testimonial-3-ratting-content span {
  font-weight: 500;
  font-size: 18px;
  color: #fff;
  display: block;
  margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-3-ratting-content span {
    font-size: 16px;
  }
}
.it-testimonial-3-ratting-content i {
  color: #FD7405;
}
@media (max-width: 767px) {
  .it-testimonial-3-ratting-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-ratting-wrap {
    flex-wrap: nowrap;
  }
}
.it-testimonial-3-ratting i {
  font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-left {
    margin-bottom: 50px;
  }
}

.it-testimonial-3-dots {
  position: absolute;
  bottom: 50px;
  right: 40px;
  z-index: 2;
}
@media (max-width: 767px) {
  .it-testimonial-3-dots {
    margin-top: 50px;
    text-align: center;
    position: static;
  }
}
.it-testimonial-3-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  display: inline-block;
  opacity: 1;
  margin: 0px 3px;
  transition: 0.3s;
  background-color: var(--it-theme-1);
  position: relative;
}
.it-testimonial-3-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 9px;
  width: 9px;
  opacity: 0;
  transition: 0.3s;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  background-color: var(--it-common-red);
}
.it-testimonial-3-dots .swiper-pagination-bullet-active {
  background-color: transparent;
  border: 1px solid var(--it-common-red);
}
.it-testimonial-3-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
}

.it-testimonial-4-top-text p {
  font-weight: 400;
  font-size: 17px;
  color: #333931;
}
.it-testimonial-4-top-text p span {
  font-weight: 500;
  text-decoration: underline;
  color: var(--it-common-red);
}
.it-testimonial-4-item {
  padding: 40px;
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-testimonial-4-item {
    padding: 40px 20px;
  }
}
.it-testimonial-4-text p {
  font-weight: 400;
  font-size: 17px;
  margin-right: 70px;
  font-family: var(--it-ff-sora);
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-4-text p {
    font-size: 15px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-text p {
    font-size: 15px;
    margin-right: 0;
  }
}
.it-testimonial-4-author-thumb {
  flex: 0 0 auto;
}
.it-testimonial-4-author-thumb img {
  height: 75px;
  width: 75px;
  border-radius: 50%;
}
.it-testimonial-4-author-info h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 5px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
.it-testimonial-4-author-info span {
  font-size: 16px;
  color: var(--it-common-red);
}
.it-testimonial-4-quote {
  position: absolute;
  z-index: 1;
  top: 45px;
  right: 40px;
}
@media (max-width: 767px) {
  .it-testimonial-4-quote {
    display: none;
  }
}
.it-testimonial-4-quote span {
  height: 57px;
  width: 57px;
  font-size: 30px;
  line-height: 58px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-testimonial-4-quote::after {
  position: absolute;
  bottom: -5px;
  left: -6px;
  content: "";
  border: 1px solid rgba(255, 255, 255, 0.5);
  width: 33px;
  height: 33px;
  z-index: -1;
}
.it-testimonial-4-arrow-box button {
  height: 56px;
  width: 56px;
  transition: 0.3s;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-testimonial-4-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-testimonial-4-arrow-box button.slider-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -11%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-testimonial-4-arrow-box button.slider-prev {
    left: -7%;
  }
}
.it-testimonial-4-arrow-box button.slider-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -11%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-testimonial-4-arrow-box button.slider-next {
    right: -7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-top-text {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-top-text p br {
    display: none;
  }
}

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

/*----------------------------------------*/
/*  10. feature css start
/*----------------------------------------*/
.it-feature-wrap {
  padding: 90px 0;
  padding-left: 25px;
  margin-left: 300px;
  border-left: 18px solid var(--it-common-red);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-feature-wrap {
    margin-left: 140px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-feature-wrap {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-wrap {
    margin-left: 0px;
    border-left: none;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap {
    margin-left: 0px;
    border-left: none;
    padding-left: 0;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-item {
    margin-bottom: 30px;
  }
}
.it-feature-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.it-feature-content p {
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-feature-content p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content p {
    font-size: 14px;
  }
  .it-feature-content p br {
    display: none;
  }
}
.it-feature-icon-box {
  margin-right: 25px;
}
.it-feature-icon-box .icon {
  position: absolute;
  left: 13%;
  right: 0;
  top: 42%;
  text-align: center;
  transform: translateY(-50%);
}

.it-feature-4-title {
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 10px;
  transition: 0.3s;
}
.it-feature-4-icon {
  transition: 0.3s;
  display: inline-block;
  color: var(--it-common-red);
}
.it-feature-4-item {
  padding: 45px 70px 35px 50px;
  border: 1px solid #f2f4fb;
  border-radius: 30px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  background: #fff;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-4-item {
    padding: 45px 20px 35px 20px;
  }
}
.it-feature-4-item p {
  margin-bottom: 0;
  transition: 0.3s;
}
.it-feature-4-item:hover {
  background-color: var(--it-common-red);
}
.it-feature-4-item:hover .it-feature-4-icon {
  color: var(--it-common-white);
}
.it-feature-4-item:hover .it-feature-4-title {
  color: var(--it-common-white);
}
.it-feature-4-item:hover p {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  07. cta css start
/*----------------------------------------*/
.it-cta-ptb {
  padding-top: 125px;
  padding-bottom: 295px;
  position: relative;
  z-index: 1;
}
.it-cta-ptb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background-color: rgba(18, 16, 18, 0.7);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-btn {
    margin-top: 30px;
  }
}
.it-cta-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  opacity: 0.3;
}
.it-cta-shape-1 img {
  height: 100%;
  object-fit: cover;
}
.it-cta-shape-2 {
  position: absolute;
  bottom: 29%;
  right: 4%;
  z-index: -1;
  animation: spin 3000ms forwards infinite alternate;
  transform-origin: bottom left;
}

.it-cta-4-title {
  font-weight: 700;
  font-size: 45px;
  margin-bottom: 0;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-title {
    font-size: 27px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-4-title {
    font-size: 28px;
  }
  .it-cta-4-title br {
    display: none;
  }
}
.it-cta-4-ptb {
  padding: 69px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.it-cta-4-thumb {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 49%;
}
@media (max-width: 767px) {
  .it-cta-4-thumb {
    position: static;
    width: 100%;
    margin-top: 30px;
  }
}
.it-cta-4-thumb img {
  object-fit: cover;
  height: 100%;
  border-left: 15px solid var(--it-common-white);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 12.5% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-thumb img {
    border: none;
  }
}
@media (max-width: 767px) {
  .it-cta-4-thumb img {
    border: none;
    border-left: none;
    clip-path: none;
  }
}
.it-cta-4-icon {
  position: absolute;
  top: 50%;
  left: 2%;
  transform: translateY(-50%);
  display: inline-block;
  height: 86px;
  width: 86px;
  border-radius: 50%;
  line-height: 86px;
  text-align: center;
  z-index: 1;
  transition: 0.3s;
  color: var(--it-common-red);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-icon {
    left: -1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-icon {
    left: -1%;
    height: 65px;
    width: 65px;
    line-height: 64px;
  }
}
@media (max-width: 767px) {
  .it-cta-4-icon {
    display: none;
  }
}
.it-cta-4-icon:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-cta-5-area {
  margin-right: 290px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-cta-5-area {
    margin-right: 100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-area {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-area {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-area {
    margin-right: 0px;
  }
}
.it-cta-5-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 78% 100%, 0% 100%);
}
.it-cta-5-thumb img {
  object-fit: cover;
  height: 100%;
}
.it-cta-5-wrap {
  padding: 33px 75px;
  padding-left: 490px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-wrap {
    padding-left: 420px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-wrap {
    padding-left: 365px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-wrap {
    padding-left: 340px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-wrap {
    padding: 33px 20px;
  }
}
.it-cta-5-title {
  font-weight: 600;
  font-size: 45px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-cta-5-title {
    font-size: 22px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-5-title {
    font-size: 28px;
    margin-bottom: 20px;
  }
}

/*----------------------------------------*/
/*  04. brand css start
/*----------------------------------------*/
.it-brand-wrap {
  margin-top: -190px;
  padding: 110px 70px;
  border-radius: 10px;
  background: var(--it-common-white);
  box-shadow: 0 16px 40px 0 rgba(15, 2, 17, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-wrap {
    padding: 110px 30px;
  }
}
@media (max-width: 767px) {
  .it-brand-wrap {
    padding: 70px 15px;
  }
}
.it-brand-top-box {
  line-height: 0;
}
.it-brand-top-box::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  background-color: #F2EBE9;
  transform: translateY(-20px);
}
@media (max-width: 767px) {
  .it-brand-top-box::after {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-top-box::after {
    display: block;
  }
}
.it-brand-top-box span {
  font-weight: 500;
  font-size: 16px;
  padding: 8px 55px;
  border-radius: 100px;
  line-height: 1;
  z-index: 1;
  position: relative;
  display: inline-block;
  font-family: var(--it-ff-plus-jakarta);
  background-color: #F2EBE9;
  color: var(--it-common-red);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-top-box span {
    font-size: 14px;
    padding: 4px 25px;
  }
}
@media (max-width: 767px) {
  .it-brand-top-box span {
    font-size: 12px;
    line-height: 1.4;
    padding: 4px 15px;
  }
}
.it-brand-active .swiper-slide {
  width: auto;
}
.it-brand-style-2 {
  padding: 107px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-style-2 {
    margin-top: 0;
  }
}
.it-brand-style-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 0%, #fff 50%, rgba(255, 255, 255, 0) 100%);
  opacity: 0.2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-style-2::after {
    display: none;
  }
}

/*----------------------------------------*/
/*  21. step css start
/*----------------------------------------*/
.it-step-ptb {
  margin-top: -175px;
  padding-bottom: 90px;
  padding-top: 300px;
}
.it-step-item {
  padding: 20px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-item {
    padding: 30px 20px;
    flex-wrap: wrap;
    text-align: center;
  }
}
.it-step-item:hover .it-step-thumb img {
  transform: scale(1.1);
}
.it-step-thumb {
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-thumb {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.it-step-thumb img {
  border-radius: 10px;
  transition: 0.6s all ease;
}
.it-step-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
}
.it-step-content span {
  font-weight: 500;
  font-size: 15px;
  border-radius: 5px;
  padding: 8px 20px;
  text-align: center;
  margin-bottom: 20px;
  display: inline-block;
  background-color: #F2EBE9;
  color: var(--it-common-black);
}
.it-step-content p {
  margin-bottom: 0;
}
.it-step-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  margin: 0 auto;
  opacity: 0.05;
}
.it-step-shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  z-index: -1;
  opacity: 0.4;
}
.it-step-shape-2 img {
  height: 100%;
  object-fit: cover;
}

.it-step-3-item {
  padding: 55px 55px;
  padding-bottom: 45px;
  border-radius: 30px;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-step-3-item {
    padding: 45px 30px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-3-item {
    padding: 45px 22px;
    padding-bottom: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-step-3-item {
    padding: 55px 55px;
    padding-bottom: 45px;
  }
}
.it-step-3-item:hover .it-step-4-icon svg {
  animation: icon-bounce 0.8s 1;
}
.it-step-3-content p {
  font-weight: 400;
  font-size: 16px;
  color: #7d7f7b;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-3-content p {
    font-size: 14px;
  }
}

.it-step-4-position {
  font-weight: 400;
  font-size: 14px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 100px;
  padding: 6px 30px;
  text-align: center;
  margin-bottom: 30px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-step-4-icon {
  display: block;
  margin-bottom: 30px;
  color: var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-4-icon {
    margin-bottom: 20px;
  }
}
.it-step-4-icon svg {
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-4-icon svg {
    width: 55px;
  }
}
.it-step-4-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 15px;
  letter-spacing: -0.01em;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-4-title {
    font-size: 20px;
  }
}
.it-step-4-item {
  position: relative;
}
.it-step-4-item:hover .it-step-4-position {
  background-color: var(--it-common-red);
}
.it-step-4-item.item-style-2 {
  margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-step-4-item.item-style-2 {
    margin-left: 20px;
  }
}
@media (max-width: 767px) {
  .it-step-4-item.item-style-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-step-4-item.item-style-2 {
    margin-left: 20px;
  }
}
.it-step-4-item.item-style-2 .it-step-4-item-line {
  right: -20%;
}
.it-step-4-item.item-style-3 {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-step-4-item.item-style-3 {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-step-4-item.item-style-3 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .it-step-4-item.item-style-3 {
    margin-left: 0;
  }
}
.it-step-4-item.item-style-3 .it-step-4-item-line {
  right: -39%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-step-4-item.item-style-4 {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-step-4-item.item-style-4 {
    margin-left: 20px;
  }
}
.it-step-4-item-line {
  position: absolute;
  right: -7%;
  top: 2%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-step-4-item-line {
    display: none;
  }
}

/*----------------------------------------*/
/*  05. choose css start
/*----------------------------------------*/
.it-choose-item-wrap.style-2 {
  transform: translateX(-8px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-item-wrap.style-2 {
    transform: translateX(0);
  }
}
.it-choose-item span {
  display: block;
  margin-bottom: 22px;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-item span {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-item span svg {
    width: 25px;
  }
}
.it-choose-item-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
}
.it-choose-content p {
  margin-right: 20px;
}
.it-choose-thumb img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
  }
}
.it-choose-thumb-1 {
  position: absolute;
  top: 16%;
  right: 6%;
  animation: ittranslateY 4s infinite alternate;
}
.it-choose-thumb-2 {
  position: absolute;
  bottom: 0;
  right: 3%;
  animation: ittranslateX 4s infinite alternate;
}
@media (max-width: 767px) {
  .it-choose-thumb-2 {
    position: static;
    margin-top: 20px;
    animation: none;
  }
}
.it-choose-thumb-sm img {
  border: 5px solid #efe7f0;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-choose-thumb-sm img {
    width: 100%;
  }
}
.it-choose-right {
  margin-left: 45px;
  padding-bottom: 55px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-right {
    margin: 0 80px;
  }
}
@media (max-width: 767px) {
  .it-choose-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 50px;
  }
}
.it-choose-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
.it-choose-shape-2 {
  position: absolute;
  bottom: 0;
  right: -29%;
  z-index: -1;
  animation: itswing 4s forwards infinite alternate;
  transform-origin: bottom left;
  opacity: 0.1;
}
.it-choose-bg {
  background-size: cover;
  background-repeat: no-repeat;
}

.it-choose-2-text p {
  font-weight: 400;
  font-size: 16px;
  padding-right: 50px;
  color: var(--it-common-white);
}
.it-choose-2-wrap .it-choose-item span {
  color: var(--it-common-red);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-wrap .it-choose-item-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-wrap .it-choose-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-choose-2-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-thumb img {
    width: 100%;
  }
}

.it-choose-5-style {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-choose-5-style .it-section-title {
  font-weight: 700;
}
.it-choose-5-style .it-choose-5-text p {
  font-size: 16px;
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-style .it-choose-5-text p {
    font-size: 15px;
    margin-right: 140px;
  }
  .it-choose-5-style .it-choose-5-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-style .it-choose-5-text p {
    font-size: 15px;
  }
  .it-choose-5-style .it-choose-5-text p br {
    display: none;
  }
}
.it-choose-5-style .it-choose-5-item {
  padding: 35px 25px;
  padding-bottom: 30px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-5-style .it-choose-5-item {
    padding: 35px 15px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-choose-5-style .it-choose-5-item {
    margin-bottom: 30px;
  }
}
.it-choose-5-style .it-choose-5-item p {
  font-weight: 400;
  font-size: 16px;
  color: #333931;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-style .it-section-title {
    margin-right: 80px;
  }
  .it-choose-5-style .it-section-title br {
    display: none;
  }
}
.it-choose-5-thumb {
  transform: translateX(-240px);
  position: relative;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-thumb {
    transform: translateX(-335px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-thumb {
    margin-top: 40px;
    max-width: 100%;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb {
    margin-top: 40px;
    width: 100%;
    transform: translateX(0);
  }
}
.it-choose-5-thumb img {
  border-radius: 10px;
  max-width: inherit;
}
@media (max-width: 767px) {
  .it-choose-5-thumb img {
    max-width: 100%;
  }
}
.it-choose-5-text p {
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 0;
  margin-right: 105px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-text p {
    font-size: 14px;
  }
}
.it-choose-5-text p span {
  font-style: italic;
  font-weight: 500;
  text-decoration: underline;
  color: var(--it-common-red);
}
.it-choose-5-item {
  padding: 35px 30px;
  padding-bottom: 30px;
  border-radius: 5px;
  display: inline-block;
  background-color: #F6F7F9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-choose-5-item {
    padding: 25px 15px;
  }
}
.it-choose-5-item p {
  color: #333931;
  margin-bottom: 0;
}
.it-choose-5-item-icon {
  display: block;
  margin-bottom: 30px;
  color: var(--it-common-red);
}
.it-choose-5-item-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 12px;
  letter-spacing: -0.01em;
}
.it-choose-5-item-title-sm {
  margin-bottom: 15px;
}
.it-choose-5-item-title-sm i {
  margin-right: 10px;
  font-size: 20px;
  color: var(--it-common-red);
  transform: translateY(4px);
}
.it-choose-5-item-title-sm span {
  font-weight: 600;
  font-size: 22px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-choose-5-item-wrap {
  margin-left: -75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-item-wrap {
    margin-left: 0px;
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-item-wrap {
    margin-top: 50px;
    margin-left: 0px;
  }
}
.it-choose-5-item p {
  font-weight: 400;
  font-size: 14px;
  color: #7d7f7b;
}
.it-choose-5-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}
@media (max-width: 767px) {
  .it-choose-5-shape-1 {
    display: none;
  }
}
.it-choose-5-shape-1 img {
  height: 100%;
  object-fit: cover;
}

/*----------------------------------------*/
/*  09. event css start
/*----------------------------------------*/
.it-event-item {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 20px 50px 0 rgba(1, 29, 78, 0.15), 0 20px 50px 0 rgba(255, 255, 255, 0.25);
}
.it-event-item:hover .it-event-date {
  animation: icon-bounce 0.8s 1;
}
.it-event-thumb {
  border-radius: 10px 10px 0 0;
}
.it-event-thumb img {
  border-radius: 10px 10px 0 0;
}
.it-event-title {
  font-weight: 700;
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-event-title {
    font-size: 22px;
  }
}
.it-event-meta span {
  display: block;
  position: relative;
  padding-left: 25px;
  margin-bottom: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-meta span {
    margin-bottom: 15px;
  }
}
.it-event-meta span svg, .it-event-meta span i {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-common-red);
}
.it-event-content {
  padding: 40px 25px;
}
.it-event-content p {
  margin-bottom: 0;
  color: var(--it-common-white);
}
.it-event-date {
  position: absolute;
  bottom: 20px;
  right: 20px;
  height: 101px;
  width: 101px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--it-common-white);
  background-color: var(--it-common-red);
  transition: transform 0.5s ease;
}
@media (max-width: 767px) {
  .it-event-date {
    height: 80px;
    width: 80px;
  }
}
.it-event-date span {
  display: inline-block;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-event-date span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-arrow-box {
    margin-top: 30px;
  }
}
.it-event-arrow-box button {
  height: 60px;
  width: 60px;
  line-height: 57px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-event-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-event-arrow-box.team-style button {
  height: 52px;
  width: 52px;
  line-height: 45px;
  color: var(--it-common-red);
  background-color: #F2EBE9;
}
.it-event-arrow-box.team-style button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-red);
}
.it-event-active {
  margin: -20px;
  padding: 20px;
}
.it-event-active .it-event-item {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

/*----------------------------------------*/
/*  17. newsletter css start
/*----------------------------------------*/
.it-newsletter-title {
  font-weight: 600;
  font-size: 35px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-title {
    font-size: 25px;
  }
  .it-newsletter-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-newsletter-title {
    font-size: 25px;
    margin-bottom: 25px;
  }
  .it-newsletter-title br {
    display: none;
  }
}
.it-newsletter-input-box {
  margin-left: 36px;
  position: relative;
}
@media (max-width: 767px) {
  .it-newsletter-input-box {
    margin-left: 0;
  }
}
.it-newsletter-input-box input {
  height: 70px;
  line-height: 70px;
  padding-left: 35px;
  padding-right: 80px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}
.it-newsletter-input-icon {
  position: absolute;
  top: 50%;
  right: 30px;
  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-newsletter-input-icon svg {
    width: 20px;
  }
}
.it-newsletter-input-btn {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
.it-newsletter-input-btn.it-btn-red {
  padding: 16px 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-btn.it-btn-red {
    padding: 11px 15px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-input-btn.it-btn-red {
    padding: 11px 15px;
    position: static;
    top: 0;
    margin-top: 15px;
    transform: translateY(0);
  }
}
.it-newsletter-wrap {
  padding: 58px 75px;
  border-radius: 10px;
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-wrap {
    padding: 58px 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 42px 25px;
  }
}
.it-newsletter-wrap .it-newsletter-title {
  font-size: 35px;
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-wrap .it-newsletter-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-wrap .it-newsletter-title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-wrap .it-newsletter-title {
    font-size: 25px;
  }
}
.it-newsletter-wrap .it-newsletter-input-box {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-wrap .it-newsletter-input-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-wrap .it-newsletter-input-box {
    margin-left: 0;
  }
}
.it-newsletter-wrap .it-newsletter-input-box input {
  padding-left: 25px;
  padding-right: 200px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-wrap .it-newsletter-input-box input {
    padding-right: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-wrap .it-newsletter-input-box input {
    padding-right: 150px;
    padding-left: 15px;
  }
}

@media (max-width: 767px) {
  .it-newsletter-wrap .it-newsletter-input-box input {
    padding-right: 20px;
  }
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
.it-about-left {
  padding-right: 130px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-left {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-left {
    padding-right: 0;
    padding-bottom: 0;
  }
}
.it-about-thumb > img {
  border-radius: 10px;
  width: 100%;
}
.it-about-thumb-sm {
  position: absolute;
  bottom: 0;
  right: 3%;
  border-radius: 10px;
  border: 10px solid #fff;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-thumb-sm {
    bottom: -10%;
    right: -4%;
    transform: scale(0.7);
  }
}
.it-about-right {
  margin-left: 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
.it-about-ratting-wrap {
  margin-right: 8px;
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-ratting-wrap {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-ratting-wrap {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.it-about-ratting-wrap ul li {
  list-style-type: none;
  padding-left: 25px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-ratting-wrap ul li {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-ratting-wrap ul li {
    padding: 0 25px;
  }
}
.it-about-ratting-wrap ul li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.it-about-ratting-item {
  height: 77px;
}
.it-about-ratting-item span {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.6;
  text-transform: capitalize;
  color: var(--it-common-white);
}
.it-about-ratting-item span svg, .it-about-ratting-item span i {
  margin-right: 9px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-ratting-item span svg, .it-about-ratting-item span i {
    width: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-ratting-item span {
    font-size: 13px;
  }
}
.it-about-ratting-item i {
  font-weight: 600;
  font-size: 45px;
  font-style: normal;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-ratting-item i {
    font-size: 30px;
  }
}
.it-about-funfact-wrap {
  margin-left: 30px;
}
.it-about-funfact-icon {
  display: inline-block;
  height: 86px;
  width: 86px;
  line-height: 82px;
  border-radius: 50%;
  text-align: center;
  flex: 0 0 auto;
  background-color: var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 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-funfact-icon {
    height: 70px;
    width: 70px;
    line-height: 68px;
  }
}
.it-about-funfact-title {
  font-weight: 600;
  font-size: 45px;
  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-about-funfact-title {
    font-size: 30px;
  }
}
.it-about-funfact-title i {
  font-style: normal;
}
.it-about-funfact-content span {
  font-weight: 600;
  font-size: 16px;
  color: var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 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-funfact-content span {
    font-size: 13px;
  }
}
.it-about-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  opacity: 0.3;
  text-align: center;
}
.it-about-shape-1 img {
  object-fit: cover;
  height: 100%;
}
.it-about-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.4;
}
.it-about-shape-3 {
  position: absolute;
  top: 4%;
  left: 2%;
  z-index: -1;
  animation: spin 3000ms forwards infinite alternate;
  transform-origin: bottom right;
}

.it-about-2-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #5E5F62;
  margin-bottom: 50px;
  padding-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-content p {
    padding-right: 0;
    font-size: 14px;
  }
}
.it-about-2-more-info {
  border-radius: 5px;
  padding: 35px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-more-info {
    padding: 30px 25px;
  }
}
@media (max-width: 767px) {
  .it-about-2-more-info {
    padding: 20px;
    margin-bottom: 20px;
  }
}
.it-about-2-more-info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7;
  color: #5E5F62;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-about-2-more-info p br {
    display: none;
  }
}
.it-about-2-more-icon {
  height: 57px;
  width: 57px;
  line-height: 57px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 25px;
  display: inline-block;
  background-color: var(--it-common-red);
}
.it-about-2-more-title {
  font-weight: 700;
  font-size: 22px;
  line-height: 1;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-plus-jakarta);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-more-title {
    font-size: 19px;
  }
}
.it-about-2-left {
  margin-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-left {
    margin-right: 0;
  }
}
.it-about-2-left-thumb {
  border-radius: 10px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .it-about-2-left-thumb {
    margin-bottom: 20px;
  }
}
.it-about-2-left-thumb img {
  border-radius: 10px;
  transition: 1.3s all ease;
}
.it-about-2-left-thumb:hover img {
  transform: scale(1.1) rotate(-2deg);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-left-shape {
    display: none;
  }
}
.it-about-2-right-thumb {
  margin-left: 10px;
  border-radius: 10px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-right-thumb {
    margin-left: 0;
  }
}
.it-about-2-right-thumb img {
  border-radius: 10px;
  transition: 1.3s all ease;
}
.it-about-2-right-thumb:hover img {
  transform: scale(1.1) rotate(-2deg);
}
.it-about-2-middle {
  padding-bottom: 60px;
  padding-right: 45px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-middle {
    padding-right: 0;
    margin-left: -40px;
  }
}
@media (max-width: 767px) {
  .it-about-2-middle {
    padding-right: 0;
  }
}

.it-about-3-thumb {
  position: relative;
  margin-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb {
    margin-bottom: 70px;
    display: inline-block;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb {
    margin-bottom: 70px;
    display: inline-block;
    margin-left: 15px;
  }
}
.it-about-3-thumb img {
  max-width: inherit;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-thumb img {
    max-width: 100%;
  }
}
.it-about-3-thumb::after {
  position: absolute;
  content: "";
  top: -30px;
  left: -35px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 5px;
  border: 1px solid var(--it-common-red);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .it-about-3-thumb::after {
    left: -15px;
    top: -15px;
  }
}
.it-about-3-thumb:hover::after {
  top: 0;
  left: 0;
}
.it-about-3-text p {
  font-size: 18px;
  margin-bottom: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-text p {
    font-size: 14px;
  }
}
.it-about-3-right {
  margin-left: 73px;
  margin-right: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-right {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-right {
    margin-left: 20px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-right {
    margin-left: 0;
    margin-right: 80px;
  }
}
@media (max-width: 767px) {
  .it-about-3-right {
    margin-left: 0;
    margin-right: 0;
  }
}
.it-about-3-ratting-item span {
  font-weight: 700;
  font-size: 40px;
  margin-bottom: 6px;
  display: inline-block;
  color: var(--it-common-red);
  font-family: var(--it-ff-body);
}
.it-about-3-ratting-item span i {
  font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-ratting-item span {
    font-size: 28px;
  }
}
.it-about-3-ratting-item p {
  margin-bottom: 0;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.3;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-ratting-item p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-about-3-ratting-item {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-about-3-ratting-item-wrap {
    flex-wrap: wrap;
    margin-bottom: 30px;
  }
}
.it-about-3-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  object-fit: cover;
  z-index: -1;
  opacity: 0.3;
}

@media (max-width: 767px) {
  .it-about-4-area {
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-right {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-right {
    margin: 0 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-left {
    margin-bottom: 50px;
  }
}
.it-about-4-text p {
  font-size: 20px;
  padding-right: 85px;
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-about-4-text p {
    padding-right: 0;
  }
}
.it-about-4-text p span {
  color: var(--it-common-red);
}
.it-about-4-thumb img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
.it-about-4-thumb-sm {
  position: absolute;
  bottom: 35px;
  left: -3%;
  animation: ittranslateX 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-sm {
    left: -11%;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm {
    position: static;
    margin-top: 20px;
    animation: unset;
  }
}
.it-about-4-thumb-sm img {
  border-radius: 10px;
  border: 3px solid #fff;
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm img {
    width: 100%;
  }
}
.it-about-4-experience {
  position: absolute;
  top: 8%;
  left: 6.5%;
  display: inline-block;
  height: 148px;
  width: 148px;
  border-radius: 50%;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-4-experience {
    left: 2%;
  }
}
.it-about-4-experience span {
  font-weight: 600;
  font-size: 40px;
  line-height: 1;
  display: block;
  margin-bottom: 7px;
  font-family: var(--it-ff-body);
}
.it-about-4-experience i {
  font-size: 16px;
  font-style: normal;
  display: block;
  font-family: var(--it-ff-body);
}
.it-about-4-shape-1 {
  position: absolute;
  top: 0%;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}

.it-about-5-area .it-about-4-text p {
  font-weight: 500;
  font-size: 17px;
  color: #373737;
  margin-bottom: 21px;
  padding-right: 0;
  font-family: var(--it-ff-body);
}
.it-about-5-thumb img {
  border-radius: 10px;
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-thumb img {
    width: 100%;
  }
}
.it-about-5-thumb.thumb-style-2 {
  padding-left: 76px;
}
@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) {
  .it-about-5-thumb.thumb-style-2 {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .it-about-5-thumb.thumb-style-2 {
    padding-left: 0;
    padding-bottom: 30px;
  }
}
.it-about-5-text p {
  font-weight: 500;
  font-size: 16px;
  padding-right: 5px;
  font-family: var(--it-ff-body);
}
.it-about-5-item {
  padding: 25px 30px;
  border-radius: 10px;
  display: inline-block;
  background-color: #F2EBE9;
}
@media (max-width: 767px) {
  .it-about-5-item {
    margin-right: 0;
  }
}
.it-about-5-item span {
  font-weight: 700;
  font-size: 18px;
  display: block;
  margin-bottom: 9px;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
.it-about-5-item p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  font-family: var(--it-ff-body);
}
@media (max-width: 767px) {
  .it-about-5-item-wrap {
    flex-wrap: wrap;
  }
}
.it-about-5-content {
  padding-left: 80px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-content {
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-content {
    margin-top: 50px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-content {
    margin-bottom: 50px;
    padding-left: 0;
    padding-bottom: 0;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  top: 14%;
  right: 10%;
  z-index: -1;
  animation: spin 3000ms forwards infinite alternate;
  transform-origin: bottom left;
}

/*----------------------------------------*/
/*  20. slider css start
/*----------------------------------------*/
.it-slider-subtitle {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
  display: inline-block;
  text-transform: uppercase;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-slider-subtitle {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-subtitle {
    font-size: 16px;
  }
}
.it-slider-title {
  font-weight: 600;
  font-size: 85px;
  margin-bottom: 50px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 63px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 52px;
  }
}
.it-slider-title-shape {
  position: absolute;
  left: 34%;
  top: 15%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-slider-title-shape {
    display: none;
  }
}
.it-slider-content {
  padding: 230px 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content {
    padding: 170px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content {
    padding: 150px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content {
    padding: 140px 0;
  }
}
@media (max-width: 767px) {
  .it-slider-content {
    padding: 120px 0;
  }
}
.it-slider-content p {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-slider-content p {
    font-size: 15px;
  }
  .it-slider-content p br {
    display: none;
  }
}
.it-slider-overlay {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  background: rgba(15, 2, 17, 0.6);
}
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-shape-1 {
  position: absolute;
  bottom: -3%;
  left: -2%;
  z-index: -1;
  opacity: 0.6;
}
.it-slider-shape-2 {
  position: absolute;
  bottom: -48%;
  right: 4%;
  opacity: 0;
  transform: translateX(500px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-shape-2 {
    right: -3%;
    bottom: -62%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-2 {
    right: -3%;
    bottom: -62%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-2 {
    right: -19%;
    bottom: -74%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-2 {
    display: none;
  }
}
.it-slider-shape-3 {
  position: absolute;
  bottom: -18%;
  right: 1.5%;
  opacity: 0;
  transform: translateX(500px);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-shape-3 {
    right: -5%;
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-3 {
    right: -5%;
    bottom: -28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-3 {
    right: -22%;
    bottom: -43%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-shape-3 {
    display: none;
  }
}
.it-slider-circle {
  position: absolute;
  top: 12%;
  right: 6.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-circle {
    top: 20%;
    right: 4.5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-slider-circle {
    display: none;
  }
}
.it-slider-circle::after {
  display: inline-block;
  content: "";
  height: 423px;
  width: 423px;
  border-radius: 50%;
  transform: scale(0);
  background-color: rgba(220, 29, 28, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-circle::after {
    height: 360px;
    width: 360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-circle::after {
    height: 280px;
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-circle::after {
    height: 250px;
    width: 250px;
  }
}
.it-slider-circle::before {
  position: absolute;
  top: 28%;
  left: -21%;
  content: "";
  height: 423px;
  width: 423px;
  border-radius: 50%;
  transform: scale(0);
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-circle::before {
    height: 360px;
    width: 360px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-circle::before {
    height: 280px;
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-circle::before {
    height: 250px;
    width: 250px;
  }
}
.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.it-slider-style-2 .it-slider-overlay {
  overflow: hidden;
}
.it-slider-style-2 .it-slider-overlay::after {
  background-color: rgba(1, 29, 78, 0.8);
}
.it-slider-style-2 .it-slider-content p {
  font-family: var(--it-ff-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-style-2 .it-slider-content p {
    padding-right: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-style-2 .it-slider-content p {
    padding-right: 70px;
  }
}
.it-slider-style-2 .it-slider-title {
  line-height: 1.1;
}
.it-slider-active .swiper-slide-active .it-slider-subtitle, .it-slider-active .swiper-slide-active .it-slider-title, .it-slider-active .swiper-slide-active .it-slider-text, .it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-slider-active .swiper-slide-active .it-slider-shape-2 {
  opacity: 1;
  transform: translatey(0px);
  transition: all 3000ms ease;
}
.it-slider-active .swiper-slide-active .it-slider-shape-3 {
  opacity: 1;
  transform: translatey(0px);
  transition: all 5000ms ease;
}

.it-slider-active .swiper-slide-active .it-slider-subtitle {
  animation-delay: 0.3s;
  animation-duration: 0.5s;
}
.it-slider-active .swiper-slide-active .it-slider-title {
  animation-delay: 0.7s;
  animation-duration: 0.5s;
}
.it-slider-active .swiper-slide-active .it-slider-text {
  animation-delay: 0.9s;
  animation-duration: 0.7s;
}
.it-slider-active .swiper-slide-active .it-slider-btn {
  animation-delay: 1.1s;
  animation-duration: 0.9s;
}
.it-slider-active .swiper-slide-active .it-slider-circle::after {
  transform: scale(1);
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 1.5s;
  transition-delay: 1.5s;
}
.it-slider-active .swiper-slide-active .it-slider-circle::before {
  transform: scale(1);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  transition-delay: 0s;
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

.swiper-pagination-bullet {
  width: 50px;
  height: 50px;
  line-height: 51px;
  font-weight: 500;
  font-size: 18px;
  color: var(--it-common-white);
  position: relative;
  text-align: center;
  opacity: 1;
  display: block;
  transition: 0.3s;
  margin-bottom: 15px !important;
  background: transparent;
  backdrop-filter: blur(23px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .swiper-pagination-bullet {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
  }
}
.swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background: rgba(255, 212, 112, 0.1);
}

.swiper-pagination-bullet-active {
  background: var(--it-common-red);
}

.it-swiper-pagination {
  position: absolute;
  left: auto !important;
  bottom: auto !important;
  top: 50% !important;
  right: 15% !important;
  transform: translateY(-50%);
  z-index: 9;
  width: auto !important;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-swiper-pagination {
    display: none;
  }
}

/*----------------------------------------*/
/*  26. video css start
/*----------------------------------------*/
.it-video-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-video-thumb {
  border: 5px solid #fff;
  border-radius: 30px 30px 0 0;
  position: relative;
}
.it-video-thumb img {
  width: 100%;
  border-radius: 30px 30px 0 0;
}
.it-video-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 30px 30px 0 0;
  background-color: rgba(2, 28, 23, 0.6);
}
.it-video-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.it-video-icon a {
  display: inline-block;
  height: 102px;
  width: 102px;
  text-align: center;
  line-height: 102px;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-video-icon a {
    height: 50px;
    width: 50px;
    line-height: 48px;
  }
}
.it-video-icon a svg, .it-video-icon a i {
  display: inline-block;
  padding-left: 4px;
  color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-video-icon a svg, .it-video-icon a i {
    padding-left: 1px;
    width: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-2-area {
    padding-top: 110px;
  }
}
.it-video-2-thumb img {
  border-radius: 5px;
}
.it-video-2-content {
  padding: 20px;
  border-radius: 5px;
  border: 1px dashed var(--it-common-red);
}
@media (max-width: 767px) {
  .it-video-2-content {
    padding: 7px;
  }
}
.it-video-2-content .it-video-icon a {
  height: 107px;
  width: 107px;
  line-height: 107px;
  background-color: var(--it-common-red);
}
@media (max-width: 767px) {
  .it-video-2-content .it-video-icon a {
    height: 58px;
    width: 58px;
    line-height: 55px;
  }
}
.it-video-2-content .it-video-icon a svg, .it-video-2-content .it-video-icon a i {
  color: var(--it-common-white);
}
.it-video-2-big-text {
  font-weight: 700;
  font-size: 100px;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 0.9;
  color: transparent;
  position: relative;
  font-family: var(--it-ff-space-grotesk);
  -webkit-text-stroke: 1px var(--it-common-red);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-2-big-text {
    font-size: 80px;
  }
}
@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-text {
    font-size: 60px;
  }
}
@media (max-width: 767px) {
  .it-video-2-big-text {
    font-size: 42px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-video-2-big-text {
    font-size: 60px;
  }
}
.it-video-2-big-text::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-common-red);
  overflow: hidden;
  width: 100%;
  transition: all 2s ease-out 0s;
  animation: about-text 2s ease-in-out 1s forwards infinite alternate-reverse;
}
.it-video-2-shape-1 {
  position: absolute;
  right: 10%;
  top: 11%;
  z-index: -1;
  -webkit-animation: movingleftright2 infinite 20000ms;
  animation: movingleftright2 infinite 20000ms;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-2-shape-1 {
    transform: scale(0.4);
  }
}

/*----------------------------------------*/
/*  25. value css start
/*----------------------------------------*/
.it-value-title-sm {
  font-weight: 700;
  font-size: 24px;
  color: #fff;
  margin-bottom: 25px;
}
.it-value-item {
  padding: 55px 60px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-value-item {
    padding: 45px 20px;
  }
}
.it-value-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 10px;
  z-index: -1;
  background-color: rgba(1, 29, 78, 0.9);
}
.it-value-item p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-value-item p {
    font-size: 14px;
  }
}
.it-value-border {
  border-top: 1px dashed #5E5F62;
}
.it-value-area .it-section-title {
  margin-bottom: 20px;
}

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