@charset "UTF-8";

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

    Theme Name: Educeet -- Online Education & Courses Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Educeet -- Online Education & Courses Template
    Version: 1.0.0

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

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

    01. Theme default css 
    02. about css start
    03. activities css start
    04. banner css start
    05. blog-sidebar css start
    06. blog css start
    07. brand css start
    08. campus css start
    09. career css start
    10. cart css start
    11. categories css start
    12. Checkout css start
    13. choose css start
    14. contact css start
    15. course css start
    16. cta css start
    17. error css start
    18. event css start
    19. faq css start
    20. feature css start
    21. footer css start
    22. funfact css start
    23. gallery css start
    24. header css start
    25. hero css start
    26. language css start
    27. menu css start
    28. newsletter css start
    29. policy css start
    30. portfolio css start
    31. price css start
    32. shop css start
    33. contact css start
    34. slider css start
    35. social css start
    36. stats css start
    37. team css start
    38. testimonial css start
    39. text slider css start
    40. tuition css start
    41. video css start
    42. zoom-metting css start


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@font-face {
  font-family: "Peyda-Bold";
  src: url("../fonts/PeydaWebFaNum-Bold.woff2") format("woff2"), url("../fonts/PeydaWebFaNum-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda-SemiBold";
  src: url("../fonts/PeydaWebFaNum-SemiBold.woff2") format("woff2"), url("../fonts/PeydaWebFaNum-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda-Medium";
  src: url("../fonts/PeydaWebFaNum-Medium.woff2") format("woff2"), url("../fonts/PeydaWebFaNum-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Peyda-Regular";
  src: url("../fonts/PeydaWebFaNum-Regular.woff2") format("woff2"), url("../fonts/PeydaWebFaNum-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abar-Regular";
  src: url("../fonts/AbarHighFaNum-Regular.woff2") format("woff2"), url("../fonts/AbarHighFaNum-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Abar-Semibold";
  src: url("../fonts/AbarHighFaNum-SemiBold.woff2") format("woff2"), url("../fonts/AbarHighFaNum-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "ModamPro";
  src: url("../fonts/ModamFaNumWeb-MediumCondensed.woff2") format("woff2"), url("../fonts/ModamFaNumWeb-MediumCondensed.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Spartan-Regular', sans-serif;
  --it-ff-heading: 'Spartan-Bold', sans-serif;
  --it-ff-jost: "Peyda-Medium", sans-serif;
  --it-ff-newyork: 'Abar-Regular', serif;
  --it-ff-schoolbell: 'ModamPro', scursive;
  --it-ff-cinzel-decorative: 'Abar-Regular', scursive;
  --it-ff-oxanium: 'ModamPro', sans-serif;
  --it-ff-spartan-semibold: 'Spartan-SemiBold', sans-serif;
  --it-ff-spartan-medium: 'Spartan-Medium', sans-serif;
  --it-ff-spartan-regular: 'Spartan-Regular', sans-serif;
  --it-ff-edensor-regular: 'Abar-Regular', sans-serif;
  --it-ff-edensor-semibold: 'Abar-Semibold', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1F2432;
  --it-common-black-2: #313537;
  --it-common-brown: #272422;
  --it-heading-primary: #0C121D;
  --it-gray-1: #F0F4F5;
  --it-gray-2: #D9D9D9;
  --it-gray-3: #F5F7F9;
  --it-gray-4: #FFF8F4;
  --it-text-body: #6C757D;
  --it-theme-1: #1F2533;
  --it-theme-2: #ECBA05;
  --it-theme-3: #1AB69D;
  --it-theme-4: #618269;
  --it-theme-5: #FE8235;
  --it-theme-6: #CD935A;
}

@media (min-width: 1400px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

img {
  max-width: 100%;
}

h4 {
  font-size: 34px;
}

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

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

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

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

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

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

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

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

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

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

.layer {
  position: relative !important;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

input::placeholder {
  color: var(--it-text-body);
  text-transform: capitalize;
}

input:focus {
  border-color: var(--it-theme-1);
}

textarea {
  outline: none;
  width: 100%;
  padding: 20px 25px;
  border: none;
  height: 200px;
  resize: none;
  color: var(--it-common-black);
  background-color: #F6F7F9;
  text-transform: capitalize;
}

textarea::-webkit-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}

textarea:-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}

textarea::-moz-placeholder {
  color: #797979;
  text-transform: capitalize;
}

textarea:-ms-input-placeholder {
  color: #797979;
  text-transform: capitalize;
}

textarea:focus {
  border-color: var(--it-theme-1);
}

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

@media (max-width: 767px) {
  .gx-35 {
    --bs-gutter-x: 30px;
  }
}

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

@media (max-width: 767px) {
  .gx-40 {
    --bs-gutter-x: 30px;
  }
}

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

@media (max-width: 767px) {
  .gx-50 {
    --bs-gutter-x: 30px;
  }
}

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

@media (max-width: 767px) {
  .gx-70 {
    --bs-gutter-x: 30px;
  }
}

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

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

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

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

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

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

.border-radius-100 {
  border-radius: 100px !important;
}

.border-radius-0 {
  border-radius: 0 !important;
}

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

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

.title-hover {
  transition: all 0.3s;
}

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

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

.thumb-overlay {
  position: relative;
}

.thumb-overlay img {
  width: 100%;
}

.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}

.zoom-effect {
  overflow: hidden;
}

.zoom-effect img {
  transition: 1.3s all ease;
}

.zoom-effect:hover img {
  transform: scale(1.2);
}

.sky {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 20px;
  background: linear-gradient(to bottom, #b3e5fc, #e1f5fe);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  overflow: hidden;
}

/*--
    - Spacing
-----------------------------------------*/
.it-btn-yellow {
  font-size: 16px;
  padding: 15.5px 29px;
  line-height: 1.1;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--it-common-white);
  font-family: var(--it-ff-jost);
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-btn-yellow {
    font-size: 14px;
    padding: 13px 25px;
  }
}

.it-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}

.it-btn-yellow span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}

.it-btn-yellow span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-btn-yellow svg {
  width: 14px;
  height: 14px;
  transition: 0.3s;
  margin-right: 10px;
  display: inline-block;
  transform: translateY(-1px) rotate(180deg);
  color: var(--it-common-black);
}

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

.it-btn-yellow:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.it-btn-yellow:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.it-btn-yellow.error-btn i {
  margin-right: 0;
  margin-left: 10px;
}

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

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

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

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

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

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

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

.it-btn-yellow.theme-4-bg {
  background-color: var(--it-theme-4);
}

.it-btn-yellow.theme-4-bg span {
  color: var(--it-common-white);
}

.it-btn-yellow.theme-4-bg svg {
  color: var(--it-common-white);
}

.it-btn-yellow.theme-5-bg {
  border-radius: 0;
  background-color: var(--it-theme-5);
}

.it-btn-yellow.theme-5-bg span {
  color: var(--it-common-white);
}

.it-btn-yellow.theme-5-bg svg {
  color: var(--it-common-white);
}

.it-btn-yellow.style-2 {
  padding: 11.5px 47px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--it-theme-6);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-btn-yellow.style-2 {
    padding: 9px 30px;
  }
}

.it-btn-yellow.style-2 span {
  font-size: 20px;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-btn-yellow.style-2 span {
    font-size: 14px;
  }
}

.it-btn-yellow.style-2 svg {
  transform: rotate(270deg) !important;
  color: var(--it-theme-6);
}

.it-btn-border {
  font-size: 16px;
  padding: 15.5px 29px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1.1;
  justify-content: center;
  color: var(--it-theme-1);
  font-family: var(--it-ff-jost);
  background-color: transparent;
  border: 1px solid var(--it-theme-1);
}

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

.it-btn-border span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}

.it-btn-border span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}

.it-btn-border span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-btn-border svg {
  width: 14px;
  height: 14px;
  margin-right: 10px;
  display: inline-block;
  transform: translateY(-1px) rotate(180deg);
  color: var(--it-common-black);
}

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

.it-btn-border:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.it-btn-border:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.it-btn-border.style-2 {
  border-radius: 1000px;
  padding: 14px 40px;
  border: 1px solid var(--it-theme-6);
}

.it-btn-border.style-2 span,
.it-btn-border.style-2 svg {
  color: var(--it-theme-6);
}

.it-btn-border.style-3 {
  padding: 14.5px 29px;
  font-family: var(--it-ff-spartan-semibold);
}

.it-btn-sm {
  font-size: 16px;
  padding: 10.5px 5px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

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

.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}

.it-btn-sm span span {
  color: var(--it-common-white);
}

.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}

.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-right: 10px;
}

.it-btn-sm i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  right: 1px;
  transition: all 0.2s ease-out;
}

.it-btn-sm i svg:last-child {
  right: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}

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

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

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

.it-btn-sm:hover i svg:first-child {
  transform: translate(-16px, -16px);
}

.it-btn-sm:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(-13px, -12px);
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }

  100% {
    margin-top: 0;
  }
}

@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }

  100% {
    margin-top: 0;
  }
}

@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }

  100% {
    margin-top: 0;
  }
}

@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }

  100% {
    margin-top: 0;
  }
}

@keyframes itswing {
  0% {
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
  }

  100% {
    -webkit-transform: rotate(4deg);
    -moz-transform: rotate(4deg);
    -ms-transform: rotate(4deg);
    -o-transform: rotate(4deg);
    transform: rotate(4deg);
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes img-anim-right {
  0% {
    transform: translateX(-5%);
    clip-path: inset(0 0 0 100%);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-left {
  0% {
    transform: translateX(5%);
    clip-path: inset(0 100% 0 0);
    opacity: 0;
  }

  100% {
    transform: translateX(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-top {
  0% {
    transform: translateY(-5%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

@keyframes img-anim-bottom {
  0% {
    transform: translateY(25%);
    clip-path: inset(0 0 100% 0);
    opacity: 0;
  }

  100% {
    transform: translateY(0);
    clip-path: inset(0 0 0 0);
    opacity: 1;
  }
}

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

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

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

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

@keyframes animate-pulse2 {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}

.pulse2 {
  animation: animate-puls2 3s linear infinite;
}

@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0.7), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }

  40% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 0 rgba(var(--pulse-color), 0.7);
  }

  80% {
    box-shadow: 0 0 0 28px rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(var(--pulse-color), 0), 0 0 0 15px rgba(var(--pulse-color), 0);
  }
}

.pulse {
  animation: animate-pulse 3s linear infinite;
}

@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}

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

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

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

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

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

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

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.85, 0.85, 0.85);
    transform: scale3d(0.85, 0.85, 0.85);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@keyframes animate-pulse-theme {
  0% {
    box-shadow: 0 0 0 0 rgba(45, 196, 88, 0.8), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 0 rgba(45, 196, 88, 0.8);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(9, 18, 22, 0), 0 0 0 30px rgba(45, 196, 88, 0);
  }
}

@keyframes animate-pulse-white {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 0 rgba(255, 255, 255, 0.8);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(255, 255, 255, 0), 0 0 0 30px rgba(255, 255, 255, 0);
  }

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

@keyframes animate-pulse-orange {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0.8), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }

  40% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 0 rgba(255, 135, 3, 0.8);
  }

  80% {
    box-shadow: 0 0 0 50px rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 135, 3, 0), 0 0 0 30px rgba(255, 135, 3, 0);
  }
}

.pulse-theme {
  animation: animate-pulse-theme 3s linear infinite;
}

.pulse-orange {
  animation: animate-pulse-orange 3s linear infinite;
}

.pulse-white {
  animation: animate-pulse-white 3s linear infinite;
}

@keyframes title-animation {
  0% {
    width: 0;
  }

  15% {
    width: 100%;
  }

  85% {
    opacity: 1;
  }

  90% {
    width: 100%;
    opacity: 0;
  }

  to {
    width: 0;
    opacity: 0;
  }
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(-360deg);
  }
}

@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 ittranslateX2 {
  0% {
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(30px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    transform: translateX(30px);
  }

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

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

  to {
    transform: rotate(-1turn);
  }
}

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

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

@keyframes flyRight {
  0% {
    right: 41%;
    top: 17%;
    transform: scale(1) rotateY(0deg);
  }

  50% {
    top: 50px;
    /* একটু উপরে উঠবে */
  }

  100% {
    right: 100vw;
    /* ডানদিকে পুরো যাবে */
    top: 0;
    transform: scale(1) rotateY(0deg);
  }
}

@keyframes flap {
  0% {
    transform: rotate(10deg) scaleY(0.95);
  }

  25% {
    transform: rotate(5deg) scaleY(1);
  }

  50% {
    transform: rotate(0deg) scaleY(1.05);
  }

  75% {
    transform: rotate(-5deg) scaleY(1);
  }

  100% {
    transform: rotate(-10deg) scaleY(0.95);
  }
}

@keyframes moveDots {
  0% {
    background-position: 100% 0;
  }

  100% {
    background-position: right 20px top 20px;
  }
}

@keyframes zoom {
  0% {
    transform: scale(0.85);
  }

  50% {
    transform: scale(1);
  }

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

@keyframes itswing-2 {
  0% {
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }

  100% {
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    transform: rotate(2deg);
  }
}

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

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

/*--- preloader ---*/
#it-loading {
  background-color: #e4e3e3;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  margin-top: 0px;
  top: 0px;
}

#it-loading-center {
  width: 100%;
  height: 100%;
  position: relative;
}

#it-loading-absolute {
  position: absolute;
  right: 50%;
  top: 50%;
  width: 30%;
  transform: translate(50%, -50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  #it-loading-absolute {
    width: 40%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  #it-loading-absolute {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  #it-loading-absolute {
    width: 45%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  #it-loading-absolute {
    width: 50%;
  }
}

@media (max-width: 575px) {
  #it-loading-absolute {
    width: 60%;
  }
}

.object {
  width: 20px;
  height: 20px;
  background-color: #674DF0;
  -moz-border-radius: 50% 50% 50% 50%;
  -webkit-border-radius: 50% 50% 50% 50%;
  border-radius: 50% 50% 50% 50%;
  margin-left: 20px;
  margin-bottom: 20px;
  position: absolute;
}

.it-loading-content {
  text-align: center;
}

.it-loading-content span {
  margin-top: 12px;
  display: inline-block;
  color: var(--it-common-black);
  font-weight: 700;
  font-size: 20px;
}

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

.it-loading-logo {
  padding-bottom: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-loading-logo {
    font-size: 14px;
    width: 220px;
  }
}

@media (max-width: 767px) {
  .it-loading-logo {
    font-size: 14px;
    width: 140px;
  }
}

.it-loading-stroke {
  position: relative;
  width: 100%;
  background: #0077C6;
  height: 3px;
  margin-top: 10px;
}

.it-loading-stroke::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 100%;
  height: 3px;
  background-color: #e4e3e3;
  animation: educom-anim 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}

.it-loading-icon {
  position: absolute;
  top: -86px;
  right: -10px;
  width: 90px;
  height: 90px;
  animation: educom-anim 5s linear infinite;
  animation-timing-function: cubic-bezier(0.75, 0.04, 0, 0.86);
}

@media (max-width: 767px) {
  .it-loading-icon {
    width: 50px;
    height: 50px;
    top: -50px;
  }
}

.it-loading--text {
  padding-bottom: 10px;
}

@keyframes educom-loading-term {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(75deg);
  }

  50% {
    transform: rotate(0deg);
  }

  75% {
    transform: rotate(75deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes educom-anim {
  0% {
    right: 0;
  }

  50% {
    right: 100%;
  }

  100% {
    right: 0;
  }
}

@-webkit-keyframes educom-anim {
  0% {
    right: 0;
  }

  50% {
    right: 100%;
  }

  100% {
    right: 0;
  }
}

#object_one {
  -webkit-animation: object 2s linear infinite;
  animation: object 2s linear infinite;
}

#object_two {
  -webkit-animation: object 2s linear infinite -0.4s;
  animation: object 2s linear infinite -0.4s;
}

#object_three {
  -webkit-animation: object 2s linear infinite -0.8s;
  animation: object 2s linear infinite -0.8s;
}

#object_four {
  -webkit-animation: object 2s linear infinite -1.2s;
  animation: object 2s linear infinite -1.2s;
}

#object_five {
  -webkit-animation: object 2s linear infinite -1.6s;
  animation: object 2s linear infinite -1.6s;
}

@-webkit-keyframes object {
  0% {
    right: 100px;
    top: 0;
  }

  80% {
    right: 0;
    top: 0;
  }

  85% {
    right: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  90% {
    width: 40px;
    height: 15px;
  }

  95% {
    right: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 100px;
    top: 0;
  }
}

@keyframes object {
  0% {
    right: 100px;
    top: 0;
  }

  80% {
    right: 0;
    top: 0;
  }

  85% {
    right: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  90% {
    width: 40px;
    height: 15px;
  }

  95% {
    right: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }

  100% {
    right: 100px;
    top: 0;
  }
}

/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  left: 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);
}

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

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

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

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

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

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

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

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

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

.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}

.body-overlay:hover {
  cursor: url(../img/cross-out.html), pointer;
}

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

.itoffcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 450px;
  z-index: 9999;
  padding: 50px;
  opacity: 0;
  z-index: 1000;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  transition: 0.3s linear;
  overscroll-behavior-y: contain;
  background: var(--it-common-white) none repeat scroll 100% 0;
}

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

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

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

.itoffcanvas.opened {
  left: 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;
  position: absolute;
  left: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.6;
  color: var(--it-common-black);
  -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;
    left: 48px;
    top: 52px;
  }
}

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

.itoffcanvas__close-btn button:hover {
  opacity: 1;
  color: var(--it-common-black);
}

.itoffcanvas__content {
  margin-bottom: 30px;
}

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

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

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

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

.itoffcanvas__social {
  margin-top: 50px;
}

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

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

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

.itoffcanvas__text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  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 {
  font-size: 16px;
  color: #414144;
}

.itoffcanvas__info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 20px;
}

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

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

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

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

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

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

.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}

.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 135px;
}

.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-right: 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: 16px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-left: 65px;
  margin-top: 30px;
  font-weight: 500;
  color: var(--it-common-black);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.itoffcanvas .home-img:hover .home-img-title a {
  color: var(--it-common-white);
}

.itoffcanvas .home-img:hover .home-img-title {
  background-size: 0% 1px, 100% 1px;
}

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

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

.it-breadcrumb-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: var(--it-gray-3);
}

@media (max-width: 767px) {
  .it-breadcrumb-area {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}

.it-breadcrumb-title {
  font-size: 45px;
  line-height: 1.56;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-breadcrumb-title .title-shape {
  transform: rotate(180deg);
  position: absolute;
  bottom: 0;
  right: -0.5%;
  z-index: -1;
}

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

.it-breadcrumb-title.style-2 .title-shape {
  right: 0;
  left: 0;
  text-align: center;
  margin: 0 auto;
}

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

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

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

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

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

.it-breadcrumb-thumb {
  padding-left: 137px;
}

.it-breadcrumb-thumb img {
  border-radius: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-thumb {
    padding-left: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-thumb {
    padding-left: 40px;
  }
}

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

@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    padding-left: 0;
    margin-top: 50px;
    width: 100%;
  }
}

.it-breadcrumb-list {
  display: inline-block;
  border-radius: 8px;
  padding: 12px 30px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-list {
    padding: 8px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-list {
    padding: 8px 22px;
  }
}

.it-breadcrumb-list span {
  display: inline-block;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media 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: 14px;
  }
}

.it-breadcrumb-list span.dvdr {
  margin: 0 12px;
  transform: translateY(-1px) rotate(180deg);
  color: var(--it-common-white);
}

.it-breadcrumb-list i {
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media 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: 14px;
  }
}

.it-breadcrumb-list-2 {
  margin-bottom: 60px;
}

.it-breadcrumb-list-2 span {
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

.it-breadcrumb-list-2 span.dvdr {
  margin: 0 20px;
}

.it-breadcrumb-subtitle {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.3);
}

.it-breadcrumb-author {
  flex: 0 0 auto;
}

.it-breadcrumb-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-left: 15px;
}

.it-breadcrumb-author-info span {
  display: block;
  font-size: 14px;
  color: var(--it-theme-2);
}

.it-breadcrumb-author-info span:last-child {
  margin-top: 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--it-ff-spartan-medium);
}

.it-breadcrumb-author-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: flex;
    justify-content: space-between;
  }
}

.it-breadcrumb-author-wrapper .border-style {
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
}

@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style.d-flex.align-items-center.mb-20 {
    flex-wrap: nowrap !important;
    text-align: start;
    justify-content: center;
  }
}

.it-breadcrumb-course-details-style {
  padding-top: 65px;
  padding-bottom: 40px;
}

.it-breadcrumb-course-details-style .it-breadcrumb-thumb {
  padding-left: 0;
  border-radius: 10px;
  display: inline-block;
  border: 5px solid var(--it-common-white);
}

.it-breadcrumb-course-details-style.team-details-style {
  padding-bottom: 92px;
}

.it-breadcrumb-course-details-style .it-breadcrumb-author-wrapper {
  justify-content: start;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span.dvdr {
    margin: 0 10px;
  }
}

.it-breadcrumb-course-details-3-style {
  padding-top: 90px;
  padding-bottom: 290px;
}

@media (max-width: 767px) {
  .it-breadcrumb-course-details-3-style {
    padding-bottom: 75px;
  }
}

.it-breadcrumb-course-details-4-style {
  padding-top: 150px;
  padding-bottom: 155px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list {
    padding: 8px 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list span {
    font-size: 13px;
  }
}

.it-breadcrumb-event-details-style {
  padding-top: 110px;
  padding-bottom: 410px;
}

.it-breadcrumb-event-details-style .it-breadcrumb-title {
  margin-bottom: 20px;
}

.it-breadcrumb-style-2 {
  padding-top: 150px;
  padding-bottom: 155px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-style-2 {
    padding-top: 100px;
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-shape-3 {
    display: none;
  }
}

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

@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-list span {
    font-size: 12px;
  }
}

.it-breadcrumb-style-2 .it-breadcrumb-list span.dvdr svg {
  height: 12px;
}

.it-breadcrumb-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 255px;
  padding-bottom: 140px;
  background-color: transparent;
}

.it-breadcrumb-style-3 .it-hero-4-shape-1 {
  top: 31%;
}

.it-breadcrumb-style-3 .it-hero-4-shape-1 img {
  animation: unset;
}

.it-breadcrumb-style-3 .it-hero-4-shape-3 {
  top: 34%;
  left: 7%;
}

.it-breadcrumb-style-3 .it-hero-4-shape-3 img {
  animation: unset;
}

.it-breadcrumb-style-4 {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-style-4 {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}

.it-breadcrumb-style-4 .it-breadcrumb-title {
  font-weight: 400;
  font-size: 60px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}

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

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

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

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

.it-breadcrumb-style-4 .it-breadcrumb-list {
  padding: 16px 30px;
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}

.it-breadcrumb-style-4 .it-breadcrumb-list span {
  color: var(--it-common-black);
}

.it-breadcrumb-style-4 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-black);
}

.it-breadcrumb-style-4 .it-breadcrumb-list i {
  color: var(--it-common-black);
}

.it-breadcrumb-style-4 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}

.it-breadcrumb-style-4 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.it-breadcrumb-style-5 {
  padding-top: 165px;
  padding-bottom: 170px;
}

@media 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-style-5 {
    padding: 100px 0;
  }
}

.it-breadcrumb-style-5::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(13, 13, 13, 0.8);
}

.it-breadcrumb-style-5 .it-breadcrumb-title {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 0.01em;
  line-height: 1;
  margin-bottom: 36px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}

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

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

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

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

.it-breadcrumb-style-5 .it-breadcrumb-list {
  padding: 16px 30px;
  border-radius: 0;
  background-color: var(--it-theme-5);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}

.it-breadcrumb-style-5 .it-breadcrumb-list span {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}

.it-breadcrumb-style-5 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-white);
}

.it-breadcrumb-style-5 .it-breadcrumb-list i {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}

.it-breadcrumb-style-5 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    width: 52%;
  }
}

@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}

.it-breadcrumb-style-5 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media 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-ptb {
    padding: 100px 0;
  }
}

.it-breadcrumb-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-1 {
    top: -7%;
    right: -5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}

.it-breadcrumb-shape-2 {
  position: absolute;
  z-index: -1;
  top: -21%;
  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-breadcrumb-shape-2 {
    display: none;
  }
}

.it-breadcrumb-shape-3 {
  position: absolute;
  z-index: -1;
  top: 4%;
  left: 15.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-3 {
    left: 3.5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-breadcrumb-shape-3 {
    display: none;
  }
}

.it-breadcrumb-shape-4 {
  position: absolute;
  bottom: 0;
  left: 41%;
}

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

.it-custom-accordion .accordion-items {
  border-radius: 20px;
  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-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}

.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: right;
  padding: 25px 30px;
  padding-left: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-left: 65px;
  }
}

@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    padding: 20px 25px;
    padding-left: 65px;
  }
}

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

.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-left: 5px;
}

.it-custom-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}

@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons span svg {
    width: 25px;
  }
}

.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  left: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

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

.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}

.it-custom-accordion .accordion-body p {
  line-height: 1.7;
  font-size: 14px;
  margin-bottom: 4px;
}

@media 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 br {
    display: none;
  }
}

.it-custom-accordion-2 {
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

.it-custom-accordion-2 .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}

.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons.collapsed {
  border-radius: 20px 20px 0 0;
}

.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons:not(.collapsed) {
  border-radius: 20px 20px 0 0;
}

.it-custom-accordion-2 .accordion-items:last-child .accordion-buttons.collapsed {
  border-radius: 0 0 20px 20px;
}

.it-custom-accordion-2 .accordion-buttons {
  position: relative;
  text-align: right;
  padding: 21px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  font-family: var(--it-ff-spartan-semibold);
  border-bottom: 1px solid rgba(108, 117, 125, 0.2);
}

@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons {
    font-size: 12px;
    padding-right: 40px;
  }
}

.it-custom-accordion-2 .accordion-buttons span {
  line-height: 1;
}

.it-custom-accordion-2 .accordion-buttons span:last-child {
  font-family: var(--it-ff-spartan-medium);
}

.it-custom-accordion-2 .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons::after {
    right: 8px;
  }
}

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

.it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}

.it-custom-accordion-2 .accordion-body {
  padding: 30px;
}

.it-custom-accordion-2 .accordion-body .accordion-content ul li {
  padding-right: 27px;
  position: relative;
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    flex-wrap: nowrap;
  }
}

.it-custom-accordion-2 .accordion-body .accordion-content ul li:not(:last-child) {
  margin-bottom: 20px;
}

.it-custom-accordion-2 .accordion-body .accordion-content ul li:last-child .preview-box a {
  width: 77px;
}

.it-custom-accordion-2 .accordion-body .accordion-content ul li>span {
  position: absolute;
  top: -1px;
  right: 0;
}

.it-custom-accordion-2 .accordion-body .preview-box {
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .preview-box {
    margin-top: 15px;
  }
}

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

.it-custom-accordion-2 .accordion-body .preview-box a {
  width: 115px;
  display: inline-block;
  text-decoration: underline;
  color: var(--it-theme-1);
}

.it-custom-accordion-2 .accordion-body .preview-box a svg {
  display: inline-block;
  margin-left: 10px;
  margin-top: -2px;
}

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

.search-popup {
  width: 100%;
}

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

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

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

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

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

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

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

.search-popup .form-group input[type=text]:focus,
.search-popup .form-group input[type=search]:focus {
  border: 1px solid var(--it-theme-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-close:hover {
  border-color: var(--it-common-black) !important;
  transform: rotate(-180deg);
}

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

.modal-body {
  padding: 0;
}

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

.it-shop-modal .modal-dialog {
  width: 1200px;
}

.it-shop-modal .modal-content {
  padding: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}

@media (max-width: 767px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}

.it-shop-modal-close-btn {
  position: absolute;
  left: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  transition: 0.3s;
}

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

.it-shop-modal-content .tab-content {
  background-color: var(--it-gray-1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.it-shop-details-content {
  position: relative;
  padding: 50px 25px 40px;
}

.it-shop-details-category span {
  font-size: 16px;
  line-height: 1;
  font-family: var(--it-ff-heading);
}

.it-shop-details-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}

.it-shop-details-stock {
  margin-left: 12px;
}

.it-shop-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  background-color: var(--it-gray-1);
}

.it-shop-details-rating {
  margin-left: 11px;
  align-items: center;
}

.it-shop-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}

.it-shop-details-rating span:not(:last-child) {
  margin-left: 3px;
}

.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}

.it-shop-details-price.new-price {
  color: var(--it-common-black);
}

.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}

.it-shop-details-wrapper>p {
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--it-ff-heading);
}

.it-shop-details-wrapper>p span {
  font-weight: 500;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}

.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}

.it-shop-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  font-family: var(--it-ff-heading);
}

.it-shop-details-action-wrapper {
  margin-bottom: 17px;
}

.it-shop-details-action-wrapper .it-btn {
  padding: 15.9px 40px;
  border-radius: 100px;
}

.it-shop-details-action-wrapper .it-btn.orange-2-btn:hover {
  color: var(--it-theme-1);
  border: 2px solid var(--it-theme-1);
}

.it-shop-details-action-wrapper .it-btn.black-bg:hover {
  color: var(--it-common-black);
  border: 2px solid var(--it-common-black);
}

.it-shop-details-action-wrapper .it-btn.black-bg:hover i,
.it-shop-details-action-wrapper .it-btn.black-bg:hover svg {
  color: var(--it-common-black);
}

.it-shop-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-shop-details-action-sm-btn {
    font-size: 12px;
  }
}

.it-shop-details-action-sm-btn:not(:last-child) {
  margin-left: 10px;
}

.it-shop-details-action-sm-btn i,
.it-shop-details-action-sm-btn svg {
  margin-left: 2px;
}

.it-shop-details-action-sm-btn:hover {
  color: var(--it-theme-1);
}

.it-shop-details-thumb-wrapper .nav-tab .nav-link {
  width: 100px;
  height: 107px;
  position: relative;
  margin: 0px 4px;
  margin-bottom: 10px;
  border-radius: 0;
  background-color: var(--it-gray-1);
  border: 1px solid transparent;
}

.it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .it-shop-details-thumb-wrapper .nav-tab .nav-link:last-child {
    margin-bottom: 10px;
  }
}

.it-shop-details-thumb-wrapper .nav-tab .nav-link.active {
  border: 1px solid var(--it-theme-1);
}

.it-shop-details-thumb-wrapper {
  margin-left: 50px;
}

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

.it-shop-details-thumb-wrapper .nav-tab {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

.it-section-title {
  font-size: 36px;
  margin-bottom: 0;
  line-height: 1.4;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-section-title span svg {
  animation: title-animation 4s infinite;
}

.it-section-title span.it-title-shape {
  position: absolute;
  bottom: 0;
  right: -3%;
  z-index: -1;
  line-height: 0;
}

.it-section-title span.it-title-shape-2 {
  position: absolute;
  bottom: 19%;
  left: 3%;
  z-index: -1;
  line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-section-title span.it-title-shape-2 {
    display: none;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title br {
    display: none;
  }
}

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

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

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

.it-section-title-2 {
  font-size: 45px;
  line-height: 1.22;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-2 br {
    display: none;
  }
}

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

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

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

.it-section-title-2 span svg {
  animation: title-animation 4s infinite;
}

.it-section-title-2 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  left: 14%;
  z-index: -1;
  line-height: 0;
}

.it-section-title-3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.39;
  font-family: var(--it-ff-cinzel-decorative);
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 br {
    display: none;
  }
}

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

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

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

.it-section-title-3 span svg {
  animation: title-animation 4s infinite;
}

.it-section-title-3 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  left: 14%;
  z-index: -1;
  line-height: 0;
}

@media (max-width: 767px) {
  .it-section-title-3 span.it-title-shape {
    display: none;
  }
}

.it-section-title-4 {
  font-weight: 700;
  font-size: 45px;
  line-height: 1.11;
  margin-bottom: 0;
  font-family: var(--it-ff-oxanium);
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-4 br {
    display: none;
  }
}

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

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

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

.it-section-title-4 span svg {
  animation: title-animation 4s infinite;
}

.it-section-title-4 span.it-title-shape {
  position: absolute;
  bottom: 19%;
  left: 22%;
  z-index: -1;
  line-height: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-section-title-4 span.it-title-shape {
    display: none;
  }
}

.it-section-subtitle {
  line-height: 1;
  border-radius: 100px;
  padding: 9px 20px;
  padding-bottom: 6px;
  display: inline-block;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: #1F2533;
  font-family: var(--it-ff-spartan-medium);
  border: 1px;
  border-color: rgba(248, 198, 47, 0.3);
  background-color: rgba(248, 198, 47, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
    padding: 9px 15px;
    padding-bottom: 6px;
  }
}

.it-section-subtitle svg,
.it-section-subtitle i {
  margin-left: 5px;
  display: inline-block;
  transform: translateY(-2px);
}

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

  .it-section-subtitle svg,
  .it-section-subtitle i {
    height: 12px;
  }
}

.it-section-subtitle.yellow-style {
  border-color: rgba(248, 198, 47, 0.3);
  background-color: rgba(248, 198, 47, 0.1);
}

.it-section-subtitle.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}

.it-section-subtitle.style-2 {
  border-radius: 5px;
  margin-bottom: 25px;
  border-color: rgba(3, 89, 78, 0.3);
  background-color: rgba(26, 182, 157, 0.1);
}

.it-section-subtitle.style-3 {
  margin-bottom: 27px;
  color: var(--it-theme-4);
  border-color: rgba(97, 130, 105, 0.3);
  background-color: rgba(97, 130, 105, 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-section-subtitle.style-3 {
    font-size: 14px;
  }
}

.it-section-subtitle.style-3.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}

.it-section-subtitle-2 {
  display: block;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--it-theme-2);
  font-family: var(--it-ff-schoolbell);
}

.it-section-subtitle-3 {
  display: block;
  margin-bottom: 25px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-medium);
}

.it-section-subtitle-3 svg,
.it-section-subtitle-3 i {
  margin-left: 5px;
  display: inline-block;
  transform: translateY(-2px);
}

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

  .it-section-subtitle-3 svg,
  .it-section-subtitle-3 i {
    height: 12px;
  }
}

.it-section-subtitle-4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 41px;
  color: var(--it-theme-5);
  text-transform: uppercase;
  font-family: var(--it-ff-oxanium);
}

.it-section-subtitle-4::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%) rotate(180deg);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}

.it-section-subtitle-4::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%) rotate(180deg);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*----------------------------------------*/
/*  06. blog css start
/*----------------------------------------*/
.it-blog-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 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-blog-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}

.it-blog-item .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}

.it-blog-item .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}

.it-blog-item .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}

.it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}

.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-blog-item:hover .it-btn-yellow span,
.it-blog-item:hover .it-btn-yellow i {
  color: var(--it-theme-1);
}

.it-blog-thumb {
  overflow: hidden;
}

.it-blog-thumb img {
  transition: 1.3s all ease;
}

@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: 18px;
  }
}

.it-blog-tag {
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}

.it-blog-meta span {
  position: relative;
  padding-right: 28px;
}

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

.it-blog-meta span svg {
  position: absolute;
  top: 0;
  right: 0;
  color: var(--it-theme-1);
}

.it-blog-meta span:not(:last-child) {
  padding-left: 20px;
  margin-left: 20px;
  border-left: 1px solid var(--it-theme-1);
}

.it-blog-shape-1 {
  position: absolute;
  top: -7%;
  right: 0;
  z-index: -1;
}

.it-blog-shape-2 {
  position: absolute;
  top: 9%;
  left: 16%;
  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-blog-shape-2 {
    left: 1%;
    transform: scale(0.4);
  }
}

.it-blog-shape-3 {
  position: absolute;
  top: 46%;
  left: 0;
  z-index: -1;
}

.it-blog-shape-4 {
  position: absolute;
  z-index: -1;
  top: 35%;
  right: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

.it-blog-shape-5 {
  position: absolute;
  z-index: -1;
  left: 41%;
  top: 17%;
  animation: ittranslateX2 2s forwards infinite alternate;
}

@media 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-shape-5 {
    top: 5%;
    transform: scale(0.6);
  }
}

.it-blog-shape-6 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 39%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media (max-width: 767px) {
  .it-blog-shape-6 {
    display: none;
  }
}

.it-blog-shape-7 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  left: 6.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-7 {
    left: 4%;
  }
}

@media (max-width: 767px) {
  .it-blog-shape-7 {
    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) {
  .it-blog-shape-7 img {
    transform: scale(0.7);
  }
}

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

.it-blog-shape-9 {
  position: absolute;
  z-index: -1;
  top: -10%;
  left: 0;
  animation: flap 0.4s infinite alternate ease-in-out;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-9 {
    left: -18%;
    transform: scale(0.8);
  }
}

.it-blog-shape-10 {
  position: absolute;
  bottom: -20%;
  left: -5%;
  z-index: -1;
}

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

.it-blog-style-2 .it-blog-shape-2 {
  top: -8%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-style-2 .it-blog-btn {
    margin-top: 40px;
  }
}

.it-blog-style-3 .it-blog-shape-2 {
  top: -10%;
  left: 7%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-style-3 .it-blog-shape-2 {
    top: 1%;
    transform: scale(0.6);
  }
}

.it-blog-style-3 .it-blog-tag {
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

.it-blog-style-3 .it-blog-item:hover {
  border-color: rgba(3, 89, 78, 0.5);
}

.it-blog-style-4 .it-blog-shape-2 {
  top: -10%;
  left: 7%;
}

.it-blog-style-4 .it-blog-tag {
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}

.it-blog-style-4 .it-blog-title {
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

@media (max-width: 767px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 19px;
  }
}

.it-blog-style-4 .it-blog-item:hover {
  border-color: rgba(97, 130, 105, 0.5);
}

.it-blog-style-4 .it-blog-item:hover .it-btn-yellow span,
.it-blog-style-4 .it-blog-item:hover .it-btn-yellow i,
.it-blog-style-4 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-4);
}

.it-blog-style-4 .it-blog-meta span svg {
  color: var(--it-theme-4);
}

.it-blog-style-5 .it-blog-tag {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-blog-style-5 .it-blog-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  font-family: var(--it-ff-cinzel-decorative);
}

@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-style-5 .it-blog-title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
(max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 15px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 30px;
    padding-bottom: 30px;
  }
}

.it-blog-style-5 .it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}

.it-blog-style-5 .it-blog-item:hover .it-btn-yellow span,
.it-blog-style-5 .it-blog-item:hover .it-btn-yellow i,
.it-blog-style-5 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}

.it-blog-style-5 .it-blog-meta span svg {
  color: var(--it-theme-1);
}

.it-blog-style-5 .it-blog-shape-7 {
  top: 14.5%;
  left: 7.5%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-inner-style .it-blog-title {
    font-size: 17px;
  }
}

.it-blog-2-area .it-blog-thumb {
  border-radius: 20px 20px 0 0;
}

.it-blog-2-area .it-blog-thumb img {
  border-radius: 20px 20px 0 0;
}

.it-blog-2-area .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}

.it-blog-2-area .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}

.it-blog-2-area .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}

.it-blog-2-area .it-blog-meta span svg {
  color: var(--it-theme-1);
}

.it-blog-2-area .it-blog-tag {
  position: absolute;
  right: 30px;
  top: -20px;
  z-index: 3;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-area .it-blog-shape-2 {
    transform: scale(0.5);
  }
}

.it-blog-2-content {
  padding: 40px 30px;
  padding-bottom: 36px;
  margin-top: -15px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

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

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

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}

.it-pagination ul li a {
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-weight: 400;
  font-size: 18px;
  transition: 0.3s;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

@media (max-width: 767px) {
  .it-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.it-pagination ul li a i {
  font-size: 20px;
}

.it-pagination ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

.it-pagination.theme-4-style ul li a {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.it-pagination.theme-4-style ul li.current a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}

.it-pagination.theme-4-style ul li:hover a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}

.it-pagination.theme-5-style ul li.current a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

.it-pagination.theme-5-style ul li:hover a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

/*  blog-details css here  */
@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-blog-details-area.blog-details-left-sidebar .it-shop-sidebar {
    margin-top: 0;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-details-area.blog-sidebar-style .it-section-title {
    font-size: 28px;
  }
}

.postbox-details-wrapper .it-blog-meta span svg {
  top: 3px;
}

.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-left: 35px;
  padding-left: 0;
  border: none;
}

@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: inline-block;
  }
}

.postbox-details-wrapper .it-blog-meta-wrap {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(98, 94, 88, 0.15);
}

@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta-wrap {
    flex-wrap: wrap;
  }
}

.postbox-details-wrapper .it-section-title {
  margin-bottom: 12px;
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-section-title {
    font-size: 28px;
  }
}

.postbox-video-btn {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}

@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}

.postbox-video-btn i,
.postbox-video-btn svg {
  padding-right: 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%);
  right: 20px;
  z-index: 9;
}

.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}

.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}

@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}

.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-right: -20px;
  }
}

.postbox-share span {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-share span {
    font-size: 14px;
  }
}

.postbox-share-social a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .postbox-share-social a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}

@media (max-width: 767px) {
  .postbox-share-social a svg {
    width: 12px;
  }
}

.postbox-share-social a:not(:last-child) {
  margin-left: 5px;
}

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

@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}

.postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-left: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-tag-title {
    font-size: 14px;
  }
}

.postbox-tag-content a {
  padding: 0 14px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.postbox-tag-content a:not(:last-child) {
  margin-left: 7px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}

.postbox-banner img {
  max-width: inherit;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-banner img {
    width: 100%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-banner img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}

.postbox-list ul li {
  padding-right: 27px;
  list-style-type: none;
  position: relative;
  font-size: 17px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-list ul li {
    font-size: 14px;
  }
}

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

.postbox-list ul li svg {
  position: absolute;
  top: 2px;
  right: 0;
}

.postbox-list ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.postbox-list-wrap {
  margin-right: 30px;
}

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

.postbox-list-wrap .postbox-list ul li {
  font-size: 15px;
}

.postbox-list-wrap .postbox-list ul li:not(:last-child) {
  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) {
  .postbox-list-wrap .postbox-list ul li {
    font-size: 14px;
  }
}

.postbox-list-wrap-2 .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}

.postbox-list.style-2 {
  margin-left: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-list.style-2 {
    margin-left: 0;
  }
}

.postbox-dsc {
  margin-left: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .postbox-dsc {
    margin-left: 0;
  }
}

.postbox-dsc p {
  line-height: 1.75;
}

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

.postbox-dsc.dsc-style-2 {
  margin-left: 0;
}

.postbox-user-thumb {
  flex: 0 0 auto;
}

.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-left: 28px;
}

@media (max-width: 767px) {
  .postbox-user-thumb img {
    margin-bottom: 30px;
  }
}

.postbox-user-info .user-title {
  font-size: 20px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}

.postbox-user-info span {
  font-size: 16px;
  display: flex;
  align-items: center;
}

.postbox-user-info span svg {
  margin-left: 10px;
  display: inline-block;
}

.postbox-user-info p {
  margin-bottom: 0;
  line-height: 1.75;
  margin-left: 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) {
  .postbox-user-info p {
    font-size: 14px;
  }

  .postbox-user-info p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-left: 0;
  }

  .postbox-user-info p br {
    display: none;
  }
}

.postbox-user-meta span {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}

@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-user-meta span {
    margin-bottom: 10px;
  }
}

.postbox-user-meta span svg {
  margin-left: 10px;
  display: inline-block;
}

.postbox-user-meta span:not(:last-child) {
  padding-left: 20px;
  margin-left: 17px;
  border-left: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .postbox-user-meta span:not(:last-child) {
    border: none;
  }
}

.postbox-comment-title {
  font-size: 34px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

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

.postbox-comment-content ul li:not(:last-child) {
  margin-bottom: 40px;
}

.postbox-comment-content ul li:nth-child(even) {
  margin-right: 60px;
}

@media (max-width: 767px) {
  .postbox-comment-content ul li:nth-child(even) {
    margin-right: 0;
  }
}

.postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: var(--it-theme-1);
}

.postbox-comment .reply span {
  margin-left: 2px;
  display: inline;
}

@media (max-width: 767px) {
  .postbox-comment-user {
    flex-wrap: wrap;
  }
}

.postbox-comment-item.course-style .postbox-user-thumb img {
  height: 173px;
  width: 173px;
  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) {
  .postbox-comment-item.course-style .postbox-user-thumb img {
    height: 120px;
    width: 120px;
    margin-left: 20px;
  }
}

.postbox-comment-item.course-style .postbox-user-info .user-title {
  font-size: 24px;
}

.postbox-comment-item.course-style .postbox-user-info span {
  font-family: var(--it-ff-spartan-semibold);
}

.postbox-comment-item.course-style .postbox-user-info p {
  font-size: 16px;
  line-height: 1.75;
  margin-top: 33px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-comment-item.course-style .postbox-user-info 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) {
  .postbox-comment-item.course-style .postbox-user-info p {
    font-size: 14px;
    margin-left: 0;
  }

  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}

.postbox-social a {
  display: inline-block;
  border-radius: 5px;
  width: 41px;
  height: 41px;
  line-height: 38px;
  text-align: center;
  color: var(--it-text-body);
  transition: 0.3s;
  border: 1px solid rgba(31, 36, 50, 0.2);
  background-color: rgba(31, 36, 50, 0.05);
}

.postbox-social a svg {
  height: 17px;
}

.postbox-social a:not(:only-child) {
  margin-left: 13px;
}

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

.postbox-contact-box {
  padding: 70px 75px;
  padding-top: 65px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}

@media (max-width: 767px) {
  .postbox-contact-box {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}

.postbox-contact-box .it-btn-yellow.theme-bg span {
  font-weight: 600;
}

.postbox-input-box input {
  height: 50px;
  line-height: 50px;
  padding-right: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}

.postbox-input-box textarea {
  height: 120px;
  padding-right: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}

/*----------------------------------------*/
/*  05. blog-sidebar css start
/*----------------------------------------*/
.sidebar-button button {
  position: absolute;
  left: 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;
  right: 0;
  content: "";
  border-radius: 5px;
  z-index: -1;
  background: rgba(24, 24, 24, 0.7);
}

.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-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}

.sidebar-widget.tagcloud-widget {
  padding-bottom: 35px;
}

.sidebar-widget-title {
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 10px;
  text-transform: capitalize;
  justify-content: space-between;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}

.sidebar-widget-list span {
  transition: 0.3s;
}

.sidebar-widget-list.active {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.sidebar-widget-list.active span {
  color: var(--it-common-white);
}

.sidebar-widget-list:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.sidebar-widget-list:hover span {
  color: var(--it-common-white);
}

.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}

.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}

.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}

.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  left: 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-left: 10px;
}

.sidebar-widget-social a:hover {
  border: 1px solid var(--it-theme-1);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.sidebar-widget-post ul li {
  list-style-type: none;
}

.sidebar-widget-post ul li:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-right: 25px;
  text-transform: capitalize;
  padding-left: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 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) {
  .sidebar-search-box input {
    height: 50px;
    line-height: 50px;
  }
}

.sidebar-search-box input::placeholder {
  font-weight: 400;
  font-size: 16px;
}

.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}

.sidebar-search-button button {
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .sidebar-right {
    margin-top: 70px;
  }
}

.sidebar-contact-2 {
  padding: 0 20px 40px 20px;
}

.sidebar-contact-2>span {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.78;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-white);
}

.sidebar-contact-2>a {
  display: inline-block;
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 30px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .sidebar-contact-2>a {
    font-size: 20px;
  }
}

.sidebar-contact .it-btn-yellow {
  font-weight: 600;
}

.sidebar-contact-btn {
  margin: 0 45px;
}

.sidebar-contact-circle {
  position: absolute;
  bottom: 0;
  left: 35px;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: var(--it-theme-2);
  border: 3px solid var(--it-common-white);
}

.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--it-common-black);
}

.sidebar-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}

.sidebar-contact-wrap .thumb img {
  width: 100%;
  border-radius: 0 0 50% 50%;
}

.sidebar-contact-wrap .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.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 {
  left: -5px;
}

.categories a i {
  position: absolute;
  left: 0;
  transition: 0.3s;
}

.tagcloud a {
  line-height: 1;
  font-size: 14px;
  text-align: center;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.1);
}

.tagcloud a:not(:last-child) {
  margin-left: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    margin-left: 5px;
    padding: 13px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    margin-left: 5px;
  }
}

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

.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-left: 8px;
}

.rc-post-thumb img {
  height: 150px;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.rc-post-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.56;
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rc-post-title {
    font-size: 16px;
  }

  .rc-post-title br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .rc-post-title {
    font-size: 14px;
  }

  .rc-post-title br {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rc-post-title {
    font-size: 18px;
  }
}

.rc-meta i {
  margin-left: 5px;
}

/*----------------------------------------*/
/*  07. brand css start
/*----------------------------------------*/
.it-brand-item {
  height: 120px;
  line-height: 120px;
  position: relative;
}

@media (max-width: 767px) {
  .it-brand-item {
    text-align: center;
  }
}

.it-brand-wrap {
  padding: 30px 80px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.5);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-wrap {
    padding: 30px;
  }
}

.it-brand-wrap .row:first-child [class*=col] {
  border-bottom: 1px solid rgba(3, 89, 78, 0.1);
}

@media (max-width: 767px) {
  .it-brand-wrap .row:first-child [class*=col] {
    border-bottom: none;
  }
}

.it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
  position: absolute;
  top: 0;
  left: 17%;
  content: "";
  height: 100%;
  width: 1px;
  background-color: rgba(3, 89, 78, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
    display: none;
  }
}

.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
  transform: translateX(10px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
    transform: translateX(0);
  }
}

.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item::after {
  left: -17%;
}

.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
  transform: translateX(-60px);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
    transform: translateX(0);
  }
}

.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item::after {
  left: -5%;
}

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

.it-brand-active .swiper-slide {
  width: auto;
}

.it-brand-2-shape-1 {
  position: absolute;
  top: 0;
  right: 1%;
}

.it-brand-2-shape-2 {
  position: absolute;
  bottom: 0;
  left: 5%;
}

.it-brand-2-shape-3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-3-area {
    padding-bottom: 130px;
  }
}

.it-brand-3-item {
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-brand-3-item img {
    height: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-item img {
    height: 60px;
  }
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}

.it-brand-3-wrap {
  padding: 40px 50px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(61, 151, 254, 0.5);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 30px 20px;
    margin-top: 50px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 40px;
  }
}

.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}

.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item.style-2::after {
  left: -16%;
}

.it-brand-3-wrap .row:first-child [class*=col] .it-brand-3-item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}

.it-brand-3-wrap .row:last-child [class*=col] .it-brand-3-item {
  padding-top: 20px;
}

.it-brand-3-shape-1 {
  position: absolute;
  bottom: 14%;
  left: 12%;
  z-index: -1;
  animation: rotate 40s linear infinite;
}

.it-brand-4-ptb {
  padding: 51px 0;
}

.it-brand-4-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.it-brand-4-active .swiper-slide {
  width: auto;
}

.it-brand-4-top-text {
  line-height: 0;
  position: relative;
}

.it-brand-4-top-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 100%;
  height: 1px;
  z-index: -3;
  transform: translateY(-50%);
  background-color: #A3C8C3;
}

@media (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: block;
  }
}

.it-brand-4-top-text h5 {
  padding: 8px 20px;
  border-radius: 100px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-4-top-text h5 {
    font-size: 14px;
    padding: 4px 25px;
  }
}

@media (max-width: 767px) {
  .it-brand-4-top-text h5 {
    font-size: 12px;
    line-height: 1.4;
    padding: 4px 15px;
  }
}

.it-brand-4-top-text h5::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: rgba(26, 182, 157, 0.1);
}

.it-brand-4-top-text h5::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-common-white);
}

.it-brand-5-item {
  padding: 15px 15px;
  padding-left: 50px;
  border-radius: 10px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767px) {
  .it-brand-5-item {
    padding: 13px 15px;
    padding-left: 25px;
  }
}

.it-brand-5-item img {
  margin-left: 15px;
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .it-brand-5-item img {
    height: 30px;
    width: 30px;
  }
}

.it-brand-5-item span {
  font-size: 24px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media (max-width: 767px) {
  .it-brand-5-item span {
    font-size: 16px;
  }
}

.it-brand-5-area {
  margin-top: -40px;
}

@media (max-width: 767px) {
  .it-brand-5-area {
    margin-top: -28px;
  }
}

.it-brand-5-area .it-brand-6-active {
  padding-bottom: 30px;
}

/*----------------------------------------*/
/*  10. cart css start
/*----------------------------------------*/
.table-content .table> :not(:first-child) {
  border-top: 0;
}

.table-content table {
  background: #ffffff;
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 1px 0 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table> :not(:last-child)> :last-child>* {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--it-theme-1);
}

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

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

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

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

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

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

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

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

.coupon {
  float: right;
}

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}

#coupon_code {
  height: 51px;
  padding: 0 30px;
  margin-left: 10px;
  width: auto;
  border-radius: 5px;
  border: 2px solid rgba(121, 121, 121, 0.2);
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  #coupon_code {
    height: 48px;
  }
}

@media (max-width: 767px) {
  #coupon_code {
    height: 48px;
  }
}

#coupon_code:focus {
  border: 2px solid var(--it-theme-1);
}

.coupon2 {
  text-align: end;
}

@media (max-width: 767px) {
  .coupon2 {
    text-align: start;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

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

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

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

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    padding-left: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  color: #6f7172;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

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

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

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

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

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

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

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

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

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

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  left: 0;
  top: 50%;
  font-size: 16px;
  font-weight: 400;
  margin-right: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}

.payment-method .accordion-collapse {
  border: none;
}

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

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

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

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

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

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

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

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

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

.cart-thumb {
  padding-left: 15px;
}

.cart-title {
  font-size: 15px;
  font-family: var(--it-ff-body);
}

.cart-title a {
  display: inline-block;
  position: relative;
}

.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  right: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-1);
  transition: 0.7s;
  display: inline-block;
}

.cart-title a:hover::after {
  width: 100%;
  left: auto;
  right: 0;
  background-color: var(--it-common-black);
}

.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}

.cart-del-icon span {
  transition: 0.3s;
  color: red;
  cursor: pointer;
}

.cart-content {
  text-align: start;
}

.cart-content span {
  font-size: 14px;
  color: #707279;
}

.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}

.cart-content-wrap {
  padding-bottom: 7px;
}

.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}

.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}

.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  12. Checkout css start
/*----------------------------------------*/
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 3.5em 1em 2em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  right: 15px;
  top: 13px;
  position: absolute;
  color: var(--it-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

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

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

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

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

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

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

.coupon-info p.form-row-first label span.required,
.coupon-info p.form-row-last label span.required {
  color: var(--it-theme-1);
  font-weight: 700;
}

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

.coupon-info p.form-row-first input:focus,
.coupon-info p.form-row-last input:focus {
  border-color: var(--it-theme-1);
}

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

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

.form-row>label {
  margin-top: 15px;
  margin-right: 15px;
}

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .form-row>label {
    margin-right: 15px;
  }
}

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

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

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

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

p.checkout-coupon input[type=text]:focus {
  border-color: var(--it-theme-1);
}

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

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

.checkout-area .nice-select::after {
  margin-top: 0;
  top: 63%;
  right: inherit;
  left: 31px;
}

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

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

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

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

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

.nice-select .option {
  text-align: right;
  padding-right: 18px;
  padding-left: 29px;
}

.country-select .nice-select.open {
  border-color: var(--it-theme-1);
}

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

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

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

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

.checkout-form-list input[type=text]:focus,
.checkout-form-list input[type=password]:focus,
.checkout-form-list input[type=email]:focus {
  border-color: var(--it-theme-1);
}

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

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

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

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

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

.create-account {
  display: none;
}

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

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

.order-notes textarea:focus {
  border-color: var(--it-theme-1);
}

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

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

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

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

@media (max-width: 767px) {
  .your-order {
    padding: 15px;
  }
}

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

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

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

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    font-size: 13px;
  }
}

@media (max-width: 767px) {

  .your-order-table table th,
  .your-order-table table td {
    padding-left: 10px;
  }
}

.your-order-table table th {
  border-top: medium none;
  font-weight: normal;
  text-align: right;
  vertical-align: middle;
  white-space: nowrap;
  width: 250px;
}

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

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

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

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

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

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

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

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

.payment-method {
  margin-top: 40px;
}

.payment-method .accordion-item:last-of-type {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.payment-method .accordion-item {
  background-color: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}

.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}

.payment-method .accordion-button:focus {
  box-shadow: none;
}

.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  margin-right: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}

.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}

.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}

.payment-method .accordion-collapse {
  border: none;
}

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

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

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

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

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

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

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

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

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

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

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

.coupon-area button.it-btn-orange {
  line-height: 1.4;
}

/*----------------------------------------*/
/*  14. contact css start
/*----------------------------------------*/
.it-contact-wrap {
  padding: 95px 50px;
  padding-bottom: 65px;
  border-radius: 50px;
  background-color: var(--it-theme-1);
}

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

.it-contact-wrap .postbox__select .nice-select {
  position: relative;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-right: 30px;
  padding-left: 70px;
  background-color: var(--it-common-white);
}

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

.it-contact-wrap .postbox__select .nice-select::after {
  content: "";
  display: block;
  height: 9px;
  pointer-events: none;
  position: absolute;
  left: 30px;
  top: 55%;
  width: 15px;
  border-bottom: 0;
  border-radius: 3px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  border-top: 9px solid var(--it-text-body);
  -webkit-transform: rotate(0deg) translateY(-50%);
  -ms-transform: rotate(0deg translateY(-50%));
  transform: rotate(0deg) translateY(-50%);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-wrap .postbox__select .nice-select::after {
    top: 60%;
  }
}

.it-contact-input-box {
  position: relative;
}

.it-contact-input-box input {
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-right: 30px;
  padding-left: 70px;
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-input-box input {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
  }
}

.it-contact-btn .it-btn-yellow {
  padding: 24.5px 29px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-btn .it-btn-yellow {
    height: 50px;
    line-height: 50px;
  }
}

.it-contact-info-box span {
  display: block;
  font-size: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@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-info-box span {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-contact-info-box span {
    font-size: 16px;
  }
}

.it-contact-info-box span:not(:last-child) {
  margin-bottom: 15px;
}

.it-contact-info-box span a {
  font-family: var(--it-ff-spartan-regular);
}

.it-contact-info-box span i {
  font-style: normal;
  width: 130px;
  display: inline-block;
}

@media (max-width: 767px) {
  .it-contact-info-box span i {
    width: 100px;
  }
}

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

.it-contact-3-left {
  padding: 20px;
  padding-bottom: 55px;
  margin-left: 75px;
  border-radius: 20px;
  height: 100%;
  background-color: var(--it-gray-1);
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-left {
    margin-left: 0;
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .it-contact-3-left {
    height: auto;
    margin-left: 0;
    margin-top: 70px;
  }
}

@media (max-width: 767px) {
  .it-contact-3-left .it-details-title {
    font-size: 22px;
  }
}

.it-contact-3-right {
  margin-right: -30px;
  position: relative;
  padding-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-3-right {
    margin-right: 0;
  }
}

.it-contact-3-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -10px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
  background-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-contact-3-right::after {
    left: -5px;
    bottom: 5px;
  }
}

.it-contact-3-form-box {
  padding: 55px 50px;
  padding-bottom: 60px;
  border-radius: 20px;
  border: 1px solid #e9ebf1;
  background-color: var(--it-common-white);
  box-shadow: 0 16px 32px -2px rgba(32, 33, 36, 0.1), 0 8px 16px -2px rgba(32, 33, 36, 0.06);
}

.it-contact-3-form-box .it-section-title {
  margin-bottom: 45px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-contact-3-form-box {
    padding: 35px 20px;
    padding-bottom: 40px;
  }
}

.it-contact-3-area .it-contact-list ul li {
  list-style-type: none;
  padding-right: 45px;
  position: relative;
}

@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li {
    padding-right: 30px;
  }
}

.it-contact-3-area .it-contact-list ul li:not(:last-child) {
  margin-bottom: 28px;
}

.it-contact-3-area .it-contact-list ul li a {
  font-size: 20px;
  list-style-type: none;
  display: inline-block;
  font-family: var(--it-ff-spartan-semibold);
}

@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 17px;
  }
}

.it-contact-3-area .it-contact-list ul li a:hover {
  color: var(--it-theme-1);
}

.it-contact-3-area .it-contact-list ul li span {
  position: absolute;
  top: -2px;
  right: 0;
}

@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li span svg {
    height: 20px;
    width: 20px;
  }
}

@media (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 20px;
    width: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-social a svg {
    height: 30px;
    width: 30px;
  }
}

.it-contact-3-area .it-contact-social a:not(:last-child) {
  margin-left: 35px;
}

.it-contact-3-area .it-contact-social a:hover {
  color: var(--it-theme-1);
}

.it-contact-3-area .it-contact-2-form-title {
  color: var(--it-common-black);
}

.it-contact-3-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

.nice-select:after {
  right: inherit;
  left: 31px;
}

.it-contact-3-area .it-signup-input textarea {
  border-radius: 5px;
  height: 290px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

@media (max-width: 767px) {
  .it-contact-3-area .it-signup-input textarea {
    height: 150px;
  }
}

.it-contact-3-area .it-signup-input textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.it-contact-3-style-2 .it-contact-3-left {
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-3-style-2 .it-contact-3-left {
    padding: 0;
  }
}

.it-contact-3-style-2 .it-contact-3-left span {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-contact-3-style-2 .it-contact-list ul li {
  padding-right: 0;
  display: flex;
  align-items: center;
}

.it-contact-3-style-2 .it-contact-list ul li a {
  padding-right: 0;
}

.it-contact-3-style-2 .it-contact-list ul li span {
  border-radius: 20px;
  width: 68px;
  height: 68px;
  line-height: 65px;
  text-align: center;
  z-index: 1;
  position: relative;
  margin-left: 20px;
  display: inline-block;
  margin-bottom: 0;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}

@media (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-list ul li span {
    width: 60px;
    height: 60px;
    line-height: 58px;
  }
}

.it-contact-3-style-2 .it-contact-list ul li span::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}

.it-contact-3-style-2 .it-contact-list ul li span::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -2px;
  height: 100%;
  width: 100%;
  z-index: -2;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-contact-2-area .it-section-title br {
    display: none;
  }
}

.it-contact-2-area .it-contact-thumb {
  margin-left: 84px;
}

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

.it-contact-2-form-box {
  padding: 40px 30px;
  padding-top: 36px;
  border-radius: 10px;
  background-color: #06786A;
}

.it-contact-2-form-box .it-btn-yellow {
  border-radius: 5px;
}

.it-contact-2-form-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-contact-2-form-title {
    font-size: 24px;
  }
}

.it-contact-2-input-wrap {
  margin-bottom: 27px;
}

.it-contact-2-input-wrap label {
  font-weight: 600;
  margin-bottom: 11px;
  color: var(--it-common-white);
}

.it-contact-2-input-box {
  position: relative;
}

.it-contact-2-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding-right: 20px;
  padding-left: 50px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}

.it-contact-2-input-box input::placeholder {
  font-size: 14px;
}

.it-contact-2-input-box textarea {
  height: 150px;
  border-radius: 5px;
  font-size: 14px;
  padding-right: 20px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}

.it-contact-2-input-box textarea::placeholder {
  font-size: 14px;
}

.it-contact-2-input-box .icon {
  position: absolute;
  top: 48%;
  left: 23px;
  transform: translateY(-50%);
}

.it-contact-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  21. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-left: 40px;
  }
}

.it-footer-col-1-2 {
  margin-right: 105px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-2 {
    margin-right: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-right: 30px;
  }
}

.it-footer-col-1-3 {
  margin-right: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-3 {
    margin-right: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-right: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-1-3 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-right: 40px;
  }
}

@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-right: 0px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-right: 30px;
  }
}

.it-footer-col-6-2 {
  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-footer-col-6-2 {
    padding-right: 0;
  }
}

.it-footer-col-6-3 {
  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-footer-col-6-3 {
    padding-right: 0;
  }
}

.it-footer-col-7-2 {
  padding-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-2 {
    padding-right: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-7-2 {
    padding-right: 0;
  }
}

.it-footer-col-7-3 {
  padding-right: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-7-3 {
    padding-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-3 {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-7-3 {
    padding-right: 0;
  }
}

.it-footer-col-7-4 {
  padding-right: 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-footer-col-7-4 {
    padding-right: 0;
  }
}

.it-footer-col-8-2 {
  transform: translateX(-50px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-2 {
    transform: translateX(-60px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-8-2 {
    transform: translateX(0);
  }
}

.it-footer-col-8-3 {
  transform: translateX(-90px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-3 {
    transform: translateX(-60px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-8-3 {
    transform: translateX(0);
  }
}

.it-footer-col-8-4 {
  transform: translateX(-80px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}

.it-footer-col-14-2 {
  padding-right: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-2 {
    padding-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-col-14-2 {
    padding-right: 0;
  }
}

.it-footer-col-14-3 {
  padding-right: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-3 {
    padding-right: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-14-3 {
    padding-right: 60px;
  }
}

@media (max-width: 767px) {
  .it-footer-col-14-3 {
    padding-right: 0;
  }
}

.it-footer-widget-title {
  font-size: 24px;
  line-height: 1.28;
  margin-top: 6px;
  margin-bottom: 30px;
  text-transform: capitalize;
  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-title {
    font-size: 19px;
  }
}

.it-footer-widget-text p {
  line-height: 1.75;
  margin-bottom: 32px;
  margin-left: 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-left: 0;
  }

  .it-footer-widget-text p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-left: -15px;
  }

  .it-footer-widget-text p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-widget-text p {
    font-size: 14px;
    margin-left: 0;
  }

  .it-footer-widget-text p br {
    display: none;
  }
}

.it-footer-widget-menu ul li {
  list-style-type: none;
}

.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 20px;
}

@media 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:not(:last-child) {
    margin-bottom: 16px;
  }
}

.it-footer-widget-menu ul li a {
  position: relative;
}

.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}

.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 10px;
  margin-left: 10px;
  background-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-footer-widget-menu-2 {
    margin-top: 30px;
  }
}

.it-footer-widget-menu-2 a {
  font-size: 24px;
  display: inline-block;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

.it-footer-widget-menu-2 a:not(:last-child) {
  margin-left: 65px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-left: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-widget-menu-2 a {
    font-size: 23px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-menu-2 a {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a {
    font-size: 17px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
    margin-bottom: 10px;
  }
}

.it-footer-widget-menu-2 a:hover {
  color: var(--it-theme-2);
}

.it-footer-widget-contact ul li {
  list-style-type: none;
}

.it-footer-widget-contact ul li:not(:last-child) {
  margin-bottom: 18px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-widget-contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}

.it-footer-widget-contact ul li span {
  font-weight: 600;
  margin-left: 5px;
  display: inline-block;
  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-footer-widget-contact ul li span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-widget-contact ul li a {
    font-size: 15px;
  }
}

.it-footer-widget-contact ul li a:hover {
  color: var(--it-common-black);
}

.it-footer-widget-contact-2 ul li {
  list-style-type: none;
}

.it-footer-widget-contact-2 ul li:not(:last-child) {
  margin-bottom: 20px;
}

.it-footer-widget-contact-2 ul li span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}

.it-footer-widget-contact-2 ul li span i {
  font-style: normal;
  display: inline-block;
  font-weight: 600;
  margin-left: 4px;
  color: var(--it-common-white);
}

.it-footer-widget-contact-3 a {
  font-size: 18px;
  line-height: 1.56;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-footer-widget-contact-3 a {
    font-size: 14px;
  }
}

.it-footer-widget-contact-3 a:last-child {
  margin-top: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--it-common-white);
}

.it-footer-widget-contact-4 ul li {
  list-style-type: none;
  padding-right: 30px;
  position: relative;
}

.it-footer-widget-contact-4 ul li:not(:last-child) {
  margin-bottom: 22px;
}

.it-footer-widget-contact-4 ul li a {
  font-size: 15px;
  color: var(--it-common-white);
}

.it-footer-widget-contact-4 ul li a svg {
  position: absolute;
  top: 2px;
  right: 0;
}

.it-footer-widget-social a {
  color: var(--it-common-black);
}

.it-footer-widget-social a:not(:last-child) {
  margin-left: 18px;
}

.it-footer-widget-social a svg {
  width: 20px;
  height: 19px;
}

.it-footer-widget-social a:hover {
  color: var(--it-theme-1);
}

.it-footer-widget-post-item {
  display: flex;
  align-items: center;
}

.it-footer-widget-post-thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin-left: 15px;
}

.it-footer-widget-post-content span {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: var(--it-common-white);
}

.it-footer-widget-post-content span svg {
  margin-left: 5px;
  display: inline-block;
}

.it-footer-widget-post-content .title {
  font-weight: 600;
  line-height: 1.5;
  color: #bebfc3;
  font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-footer-widget-post-content .title {
    font-size: 12px;
  }
}

.it-footer-widget-gallery-wrap {
  display: grid;
  gap: 5px;
  height: auto;
  grid-template-columns: repeat(3, 1fr);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-gallery-wrap {
    width: auto;
  }
}

.it-footer-widget-gallery-wrap img {
  border-radius: 3px;
}

.it-footer-area {
  background-repeat: no-repeat;
  background-size: cover;
}

.it-footer-border {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.it-footer-border::before {
  content: "";
  position: absolute;
  top: 0;
  right: 34.5%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::before {
    right: 31%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::before {
    right: 28.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-border::before {
    display: none;
  }
}

.it-footer-border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50.6%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::after {
    right: 49.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-border::after {
    display: none;
  }
}

.it-footer-border span {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}

.it-footer-border span::after {
  content: "";
  position: absolute;
  top: 0;
  left: 31%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border span::after {
    left: 27.5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border span::after {
    left: 24.5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-border span::after {
    display: none;
  }
}

.it-footer-shape-1 {
  position: absolute;
  top: 13%;
  left: 3.5%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}

.it-footer-shape-2 {
  position: absolute;
  bottom: 17%;
  right: 3.5%;
  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-footer-shape-2 {
    display: none;
  }
}

.it-footer-shape-3 {
  position: absolute;
  bottom: 3%;
  left: 4%;
  z-index: -1;
  opacity: 0.5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-shape-3 {
    transform: scale(0.5);
  }
}

.it-footer-shape-4 {
  position: absolute;
  bottom: 2%;
  right: 2%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-shape-4 {
    display: none;
  }
}

.it-footer-shape-5 {
  position: absolute;
  top: 18%;
  right: 0;
  z-index: -1;
}

.it-footer-style-2 {
  margin-top: -100px;
}

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

.it-footer-style-2 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-2 .it-copyright-left p a {
  color: var(--it-theme-2);
}

.it-footer-style-2 .it-copyright-bg::after {
  display: none;
}

.it-footer-style-3 {
  margin-top: -210px;
}

.it-footer-style-3 .it-footer-area {
  padding-top: 350px;
}

.it-footer-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-3 .it-copyright-left p a {
  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-footer-style-3 .it-footer-shape-2 {
    display: none;
  }
}

.it-footer-style-4 {
  margin-top: -195px;
}

.it-footer-style-4 .it-footer-area {
  padding-top: 300px;
}

.it-footer-style-4 .it-footer-col-1-2 {
  margin-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-right: 30px;
  }
}

.it-footer-style-4 .it-footer-col-1-3 {
  margin-right: 0;
  transform: translateX(-90px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(-40px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
  }
}

.it-footer-style-4 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-4 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-style-4 .it-footer-shape-2 {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-footer-style-5 {
    background-color: var(--it-theme-1);
  }
}

.it-footer-style-5 .it-footer-widget-title {
  margin-top: 0;
  color: var(--it-common-white);
}

.it-footer-style-5 .it-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}

.it-footer-style-5 .it-footer-widget-menu ul li a::before {
  background: rgba(255, 255, 255, 0.7);
}

.it-footer-style-5 .it-footer-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  object-fit: cover;
}

@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-bg {
    display: none;
  }
}

.it-footer-style-6 .it-footer-widget-text p {
  color: var(--it-common-white);
}

.it-footer-style-6 .it-btn-yellow span {
  color: var(--it-theme-4);
}

.it-footer-style-6 .it-btn-yellow svg {
  color: var(--it-theme-4);
}

.it-footer-style-6 .it-footer-widget-title {
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-regular);
}

.it-footer-style-6 .it-footer-widget-menu ul li a {
  color: var(--it-common-white);
}

.it-footer-style-6 .it-footer-widget-menu ul li a::before {
  background-color: var(--it-common-white);
}

.it-footer-style-6 .it-footer-widget-contact ul li span,
.it-footer-style-6 .it-footer-widget-contact ul li a {
  color: var(--it-common-white);
}

.it-footer-style-6 .it-footer-widget-social a svg {
  transition: 0.3s;
  color: var(--it-common-white);
}

.it-footer-style-6 .it-footer-widget-social a svg:hover {
  color: var(--it-theme-2);
}

.it-footer-style-6 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-6 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-6 .it-footer-border span::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-6 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-6 .it-footer-col-1-2 {
  margin-right: 115px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-right: 80px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-right: 30px;
  }
}

.it-footer-style-6 .it-footer-col-1-3 {
  margin-right: 90px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-right: 0;
  }
}

.it-footer-style-6 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-6 .it-copyright-left p a {
  color: var(--it-theme-2);
}

.it-footer-style-6 .it-copyright-bg::after {
  background-color: var(--it-common-white);
}

.it-footer-style-6 .it-copyright-menu a {
  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-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}

.it-footer-style-6 .it-copyright-menu span {
  color: var(--it-common-white);
}

.it-footer-style-7 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-7 .it-copyright-left p a {
  color: var(--it-theme-5);
}

.it-footer-style-7.it-footer-style-5 .it-footer-widget-title {
  font-family: var(--it-ff-oxanium);
}

.it-footer-style-8 {
  margin-top: -100px;
}

.it-footer-style-8 .it-footer-widget-social a {
  color: var(--it-common-white);
}

.it-footer-style-8 .it-footer-widget-social a:hover {
  color: var(--it-theme-2);
}

.it-footer-style-8 .it-footer-widget-text p {
  color: rgba(255, 255, 255, 0.8);
}

.it-footer-style-8 .it-footer-widget-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}

.it-footer-style-8 .it-copyright-area {
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.it-footer-style-8 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-footer-style-8 .it-copyright-left p a {
  color: var(--it-theme-2);
}

.it-footer-style-8 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-8 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-8 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}

.it-footer-style-9 {
  margin-top: 0;
}

.it-footer-shop-style .it-copyright-border {
  border-top: 1px solid #D9D9D9;
}

.it-footer-shop-style .it-copyright-logo {
  margin-right: 170px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-right: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-right: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-footer-shop-style .it-copyright-logo {
    display: none;
  }
}

.it-footer-shop-style .it-copyright-ptb {
  padding: 23.5px 0;
}

.it-copyright-ptb {
  padding: 12px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-copyright-ptb {
    padding: 17px 0;
  }
}

.it-copyright-bg::after {
  transform: rotate(180deg);
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 51.5%;
  z-index: -1;
  background-color: var(--it-theme-1);
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-bg::after {
    width: 55%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-bg::after {
    width: 59%;
  }
}

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

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

.it-copyright-left p {
  color: var(--it-common-black);
}

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

.it-copyright-left p a {
  color: var(--it-theme-1);
}

.it-copyright-left.style-2 {
  margin-bottom: 0;
}

.it-copyright-menu a {
  color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-menu a {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-copyright-menu a {
    font-size: 14px;
    color: var(--it-common-black);
  }
}

.it-copyright-menu span {
  color: var(--it-common-white);
  margin: 0 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-copyright-menu span {
    color: var(--it-common-black);
  }
}

@media (max-width: 767px) {
  .it-copyright-social {
    margin-top: 15px;
  }
}

.it-copyright-social a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.it-copyright-social a:hover {
  border: 1px solid white;
}

.it-copyright-social a:not(:last-child) {
  margin-left: 10px;
}

.it-copyright-social a svg {
  height: 14px;
  width: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-style-3 .it-copyright-left {
    margin-bottom: 0;
  }
}

.it-copyright-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}

.it-copyright-style-3 .it-copyright-left p a {
  color: var(--it-theme-2);
}

.it-copyright-style-3 .it-copyright-menu span,
.it-copyright-style-3 .it-copyright-menu a {
  color: var(--it-common-white);
}

.it-copyright-2-area {
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.it-copyright-2-text p,
.it-copyright-2-text a {
  font-size: 14px;
  color: var(--it-theme-6);
}

/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-left: 17px;
  padding-right: 12px;
}

.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  right: 0;
  display: inline-block;
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.15);
}

.it-funfact-icon span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.it-funfact-content {
  text-align: start;
}

.it-funfact-content span {
  color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}

.it-funfact-number {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--it-common-white);
}

.it-funfact-number i {
  font-style: normal;
}

.it-funfact-item {
  padding: 71px 0;
  position: relative;
}

@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-item {
    text-align: center;
    padding: 0;
    padding-bottom: 50px;
  }
}

.it-funfact-item::before {
  position: absolute;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-item::before {
    display: none;
  }
}

.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-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-funfact-area {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}

.it-funfact-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}

.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-right: 0;
  }
}

.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  right: -13.5%;
}

.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-right: 25px;
}

@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-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-right: 0;
  }
}

.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  right: -13.5%;
}

.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}

.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  right: -4%;
}

.it-funfact-wrap {
  margin-top: -185px;
  padding: 0 80px;
  border-radius: 100px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap {
    padding: 0 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap {
    padding: 60px 35px;
  }
}

@media (max-width: 767px) {
  .it-funfact-wrap {
    padding: 60px 25px;
    border-radius: 30px;
  }
}

.it-funfact-wrap::after {
  position: absolute;
  content: "";
  bottom: -7px;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-theme-2);
}

@media (max-width: 767px) {
  .it-funfact-wrap::after {
    border-radius: 30px;
  }
}

.it-funfact-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-funfact-wrap::before {
    border-radius: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap .it-funfact-item {
    padding: 71px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}

.it-funfact-wrap .it-funfact-item::before {
  display: none;
}

.it-funfact-wrap .it-funfact-icon svg {
  color: var(--it-theme-2);
}

.it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-right: 20px;
}

@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-right: 0;
  }
}

.it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-right: 15px;
}

@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-right: 0;
  }
}

.it-funfact-wrap .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-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-funfact-wrap .row [class*=col-]:not(:last-child) .it-funfact-item {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}

.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  right: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}

@media 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-shape-1 {
    display: none;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}

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

.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}

@media 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-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}

.it-funfact-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.it-funfact-shape-4 {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.it-funfact-style-2 {
  background-color: var(--it-common-black);
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}

@media 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-style-2 {
    clip-path: none;
    padding: 70px 0;
  }
}

.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}

.it-funfact-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-funfact-style-3 .it-funfact-item {
  padding: 75px 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-funfact-style-3 .it-funfact-item {
    padding: 0 0 50px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 70px 0;
  }
}

@media (max-width: 767px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 100px 0;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-4.it-funfact-area {
    padding: 90px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-content span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-number {
    font-size: 24px;
  }
}

.it-funfact-style-5 .it-funfact-number {
  font-family: var(--it-ff-cinzel-decorative);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-5.it-funfact-area .row [class*=col-] .it-funfact-item {
    padding-bottom: 50px;
  }
}

.it-funfact-style-6 {
  margin-top: -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-funfact-style-6 {
    margin-top: -30px;
  }
}

@media (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: 0;
    padding-bottom: 71px;
    background-color: var(--it-common-black);
  }
}

.it-funfact-style-6 .it-funfact-icon span::after {
  background-color: var(--it-theme-5);
}

.it-funfact-style-6 .it-funfact-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

@media (max-width: 767px) {
  .it-funfact-style-6 .it-funfact-bg {
    display: none;
  }
}

.it-funfact-style-6 .it-funfact-item::before {
  top: auto;
  bottom: 0;
  width: 2px;
  height: 94%;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-6 .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}

.it-funfact-style-7 {
  margin-top: -20px;
}

.it-funfact-style-7 .it-funfact-icon span::after {
  background-color: rgba(255, 255, 255, 0.15);
}

.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}

.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-right: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-right: 0;
  }
}

.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  right: -13.5%;
}

.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-right: 25px;
}

@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-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}

.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  right: -13.5%;
}

.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}

.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  right: -4%;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

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

.it-header-top-ptb {
  padding: 10px 0;
  position: relative;
}

.it-header-top-ptb::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(-90deg, #1ab69d 0%, #ffd500 100%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-ptb {
    padding: 12px 0;
  }
}

.it-header-top-contact {
  position: relative;
  padding-right: 28px;
}

.it-header-top-contact span {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -2px;
  right: 0;
}

.it-header-top-contact span svg,
.it-header-top-contact span i {
  position: relative;
  z-index: 1;
  transition: 0.3s;
  color: var(--it-theme-2);
}

.it-header-top-contact a {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}

.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}

.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-left: 27px;
  margin-left: 27px;
  border-left: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-left: 30px;
    margin-left: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-left: 0px;
    margin-left: 0px;
    border-left: none;
  }
}

.it-header-top-social-box a:not(:last-child) {
  margin-left: 18px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box a {
    width: 35px;
    height: 35px;
    line-height: 31px;
  }
}

.it-header-top-social-box a svg,
.it-header-top-social-box a i {
  z-index: 1;
  transition: 0.3s;
  position: relative;
  color: var(--it-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .it-header-top-social-box a svg,
  .it-header-top-social-box a i {
    width: 14px;
    height: 14px;
  }
}

.it-header-top-social-box a:hover svg,
.it-header-top-social-box a:hover i {
  color: var(--it-theme-2);
}

.it-header-top-social-box span {
  font-size: 14px;
  display: inline;
  margin-left: 30px;
  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) {
  .it-header-top-social-box span {
    font-size: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}

@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}

.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-right: 30px;
  position: relative;
}

@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
}

.it-header-top-list-box ul li:not(:last-child) {
  padding-left: 48px;
  margin-left: 44px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-left: 30px;
    margin-left: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-left: 0px;
    margin-left: 0px;
    border-left: none;
  }
}

.it-header-top-list-box ul li span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}

.it-header-top-list-box ul li span svg,
.it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  right: 0;
  font-size: 20px;
  color: var(--it-theme-1);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .it-header-top-list-box ul li span svg,
  .it-header-top-list-box ul li span i {
    font-size: 16px;
    top: 3px;
  }
}

.it-header-top-list-text {
  margin-right: 10px;
}

.it-header-top-list-text span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}

.it-header-top-list-text a {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}

.it-header-top-list-icon span {
  display: inline-block;
  height: 53px;
  width: 53px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.1);
  position: relative;
  overflow: hidden;
}

.it-header-top-list-icon span svg,
.it-header-top-list-icon span i {
  position: relative;
  z-index: 1;
  color: var(--it-theme-1);
  transition: 0.3s;
}

.it-header-top-list-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  right: 50%;
  height: 100px;
  width: 100px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}

.it-header-top-list-wrap ul li {
  list-style-type: none;
  display: inline-block;
}

.it-header-top-list-wrap ul li:not(:last-child) {
  margin-left: 55px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-wrap ul li:not(:last-child) {
    margin-left: 0;
  }
}

.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span::after {
  top: 50%;
  right: 50%;
  transform: scale(1) translate(50%, -50%);
}

.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span svg,
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span i {
  color: var(--it-common-white);
}

.it-header-top-login-box {
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-login-box {
    padding-left: 0;
    margin-left: 0;
    border-left: none;
  }
}

.it-header-top-login-box a {
  font-size: 14px;
  color: var(--it-common-white);
}

.it-header-top-login-box a:hover {
  color: var(--it-theme-2);
}

.it-header-top-login-box span {
  margin: 0 8px;
  color: var(--it-common-white);
}

.it-header-top-style-2 .it-header-top-contact span svg,
.it-header-top-style-2 i {
  color: var(--it-theme-1);
}

.it-header-top-style-2 .it-header-top-ptb::after {
  background: linear-gradient(-90deg, #1ab69d 0%, #ff4d4f 100%);
}

.it-header-top-area.it-header-style-6 .it-header-top-contact span i,
.it-header-top-area.it-header-style-6 .it-header-top-contact span svg {
  color: var(--it-theme-5);
}

.it-header-top-area.it-header-style-6 .it-header-top-social-box a svg:hover,
.it-header-top-area.it-header-style-6 .it-header-top-social-box a i:hover {
  color: var(--it-theme-5);
}

.it-header-top-2-area {
  padding: 14px 0;
  background-color: var(--it-theme-2);
}

.it-header-top-2-area .it-header-top-social-box {
  margin-right: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-top-2-area .it-header-top-social-box {
    margin-right: 0;
  }
}

.it-header-top-2-area .it-header-top-social-box a {
  height: auto;
  width: auto;
  line-height: 1;
}

.it-header-top-2-area .it-header-top-social-box a:not(:last-child) {
  margin-left: 22px;
}

.it-header-top-2-area .it-header-top-social-box a:hover svg,
.it-header-top-2-area .it-header-top-social-box a:hover i {
  color: var(--it-theme-3);
}

.it-header-top-2-area .it-header-top-social-box svg {
  color: var(--it-common-black);
}

.it-header-top-2-text span {
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-2-text span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-ptb {
    padding: 15px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-ptb .it-btn-yellow {
    padding: 16px 25px;
  }
}

.it-header-menu>nav>ul {
  padding-right: 20px;
}

.it-header-menu>nav>ul>li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 10px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu>nav>ul>li {
    margin: 0px 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu>nav>ul>li {
    margin: 0px 10px;
  }
}

.it-header-menu>nav>ul>li:first-child {
  margin-right: 0;
}

.it-header-menu>nav>ul>li:last-child {
  margin-left: 0;
}

.it-header-menu>nav>ul>li>a {
  line-height: 1;
  font-weight: 500;
  padding: 32px 0;
  position: relative;
  display: inline-block;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu>nav>ul>li>a {
    font-size: 15px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu>nav>ul>li>a::after {
    font-size: 10px;
  }
}

.it-header-menu>nav>ul>li:hover>a {
  color: var(--it-theme-1);
}

.it-header-menu>nav>ul>li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
}

.it-header-search-wrap {
  border-radius: 10px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-search-wrap {
    margin-left: 25px;
  }
}

.it-header-search {
  position: relative;
  max-width: 175px;
  border-right: 1px solid rgba(108, 117, 125, 0.2);
}

.it-header-search input {
  height: 100%;
  height: 43px;
  line-height: 43px;
  padding-right: 20px;
  padding-left: 40px;
  background-color: transparent;
  font-size: 14px;
}

.it-header-search input::placeholder {
  font-size: 14px;
}

.it-header-search .icon {
  position: absolute;
  left: 20px;
  top: 46%;
  transform: translateY(-50%);
}

.it-header-search-2 svg {
  height: 20px;
}

.it-header-search-3 button {
  height: 50px;
  width: 50px;
  line-height: 1;
  border-radius: 50%;
  padding: 0;
  text-align: center;
  margin-left: 30px;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-search-3 button {
    margin-left: 0;
  }
}

.it-header-user a {
  height: 50px;
  width: 50px;
  line-height: 43px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-left: 30px;
  background-color: var(--it-gray-1);
}

.it-header-categorie {
  font-size: 14px;
  padding: 0 15px 0 20px;
  color: var(--it-common-black);
}

.it-header-categorie span {
  display: inline-block;
  margin-left: 10px;
}

.it-header-categorie i {
  display: inline-block;
  margin-right: 4px;
}

.it-header-categorie .nice-select::after {
  top: 52%;
  left: 16px;
  right: inherit;
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
}

.it-header-ml {
  margin-right: 380px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-ml {
    margin-right: 350px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-ml {
    margin-right: 310px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-header-ml {
    margin-right: 0;
  }
}

.it-header-login button {
  padding: 0;
  font-weight: 500;
  margin-left: 40px;
  color: var(--it-common-black);
}

.it-header-bar span {
  margin-right: 20px;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 43px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  font-size: 18px;
}

.it-header-cart {
  position: relative;
  display: inline-block;
  margin-right: 30px;
  margin-left: 42px;
}

.it-header-cart span {
  position: absolute;
  top: -11px;
  left: -15px;
  height: 24px;
  width: 24px;
  line-height: 25px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-family: var(--it-ff-jost);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-header-right-action {
  margin-right: -50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-right-action {
    margin-right: -80px;
  }
}

.it-header-area .it-header-style-2 {
  padding: 0 30px;
  margin-top: 25px;
  border-radius: 10px;
  background: var(--it-common-white);
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 30px;
  }
}

@media (max-width: 767px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 15px;
  }
}

.it-header-area .it-header-style-2::after {
  position: absolute;
  content: "";
  bottom: -7px;
  right: 0;
  width: 69%;
  height: 80%;
  z-index: -2;
  border-radius: 10px;
  background-color: var(--it-theme-1);
  left: 0;
  text-align: center;
  margin: 0 auto;
}

.it-header-area .it-header-style-2 .it-header-menu>nav>ul {
  padding-right: 95px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu>nav>ul {
    padding-right: 40px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu>nav>ul>li {
    margin: 0px 17px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-menu>nav>ul>li>a {
    font-size: 16px;
  }
}

.it-header-area .it-header-style-2 .it-header-menu>nav>ul>li:hover>a {
  color: var(--it-theme-3);
}

.it-header-area .it-header-style-2 .it-header-menu>nav>ul>li:hover.has-dropdown a::after {
  color: var(--it-theme-3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 {
    margin-left: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 svg {
    height: 25px;
  }
}

.it-header-area.it-header-style-3 {
  border-bottom: 1px solid rgba(31, 36, 50, 0.1);
}

.it-header-area.it-header-style-3 .it-header-menu>nav>ul>li>a {
  padding: 36px 0;
}

.it-header-area.it-header-style-5 .it-header-menu>nav>ul {
  padding-right: 225px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.it-header-style-5 .it-header-menu>nav>ul {
    padding-right: 180px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu>nav>ul {
    padding-right: 120px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.it-header-style-5 .it-header-menu>nav>ul>li {
    margin: 0 15px;
  }
}

.it-header-area.it-header-style-5 .it-header-menu>nav>ul>li>a {
  padding: 42px 0;
}

.it-header-area.it-header-style-5 .it-header-cart {
  margin-right: 0px;
  margin-left: 70px;
}

.it-header-style-6 .it-header-menu>nav>ul {
  padding-right: 0;
}

.it-header-style-6 .it-header-menu>nav>ul>li:hover>a {
  color: var(--it-theme-5);
}

.it-header-style-6 .it-header-menu>nav>ul>li:hover.has-dropdown a::after {
  color: var(--it-theme-5);
}

.it-header-style-6 .it-header-2-contact span {
  flex: 0 0 auto;
  margin-left: 10px;
  line-height: 40px;
  background-color: #F8F9FB;
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.it-header-style-6 .it-header-2-contact i {
  display: block;
  font-size: 14px;
  font-style: normal;
  margin-bottom: 10px;
}

.it-header-style-6 .it-header-2-contact a {
  display: block;
  margin-right: 0;
}

.it-header-style-6 .it-header-bar button span {
  border-radius: 0;
  background-color: var(--it-theme-5);
}

.it-header-login {
  margin-left: 30px;
  margin-right: 26px;
}

.it-header-login a {
  color: var(--it-common-black);
}

.it-header-login a:hover {
  color: var(--it-theme-3);
}

.it-header-login span {
  color: var(--it-common-black);
  display: inline-block;
  margin: 0 8px;
}

.it-header-area.header-fashion-style {
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  border-bottom: 1px solid rgba(205, 147, 90, 0.2);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul {
  margin-right: 75px;
  padding-right: 0;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.header-fashion-style .it-header-menu>nav>ul {
    margin-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu>nav>ul {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu>nav>ul>li {
    margin: 0px 19px;
  }
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li>a {
  padding: 37px 0;
  color: var(--it-common-white);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li>a::after {
  font-weight: 400;
  color: var(--it-common-white);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li>a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: auto;
  left: 0;
  width: 0;
  height: 1px;
  transition: 0.3s;
  background-color: var(--it-theme-6);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li:hover>a {
  color: var(--it-theme-6);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li:hover>a::after {
  color: var(--it-theme-6);
}

.it-header-area.header-fashion-style .it-header-menu>nav>ul>li:hover>a::before {
  right: 0;
  left: auto;
  width: 100%;
}

.it-header-area.header-shop-style .it-header-menu>nav>ul>li {
  margin: 0px 19px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-shop-style .it-header-menu>nav>ul>li {
    margin: 0px 12px;
  }
}

.it-header-area.header-shop-style .it-header-search {
  max-width: 254px;
}

.it-header-logo-2 {
  background-color: var(--it-theme-5);
  position: absolute;
  top: 0;
  left: 15.2%;
  right: auto;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-logo-2 {
    right: 11%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-logo-2 {
    right: 5%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-logo-2 {
    right: 3%;
  }
}

.it-header-logo-3 {
  display: none;
}

.it-header-2-area .it-header-menu>nav>ul {
  padding-right: 0;
  margin-right: -15px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-area .it-header-menu>nav>ul {
    margin-right: 30px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu>nav>ul {
    margin-right: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu>nav>ul>li {
    margin: 0px 15px;
  }
}

.it-header-2-area .it-header-search-2 {
  margin-right: 28px;
}

.it-header-2-area .it-header-search-2 button {
  padding: 0;
  display: inline-block;
  height: 39px;
  width: 39px;
  line-height: 0;
  text-align: center;
  border-radius: 50%;
  background-color: #F0F4F5;
}

.it-header-2-contact {
  margin-left: 40px;
}

.it-header-2-contact span {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.2);
}

.it-header-2-contact span::after {
  position: absolute;
  content: "";
  top: 0;
  right: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}

.it-header-2-contact span svg,
.it-header-2-contact span i {
  position: relative;
  z-index: 1;
}

.it-header-2-contact a {
  margin-right: 10px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}

.it-header-2-contact:hover span {
  color: var(--it-common-white);
}

.it-header-2-contact:hover span::after {
  top: 50%;
  right: 50%;
  transform: scale(1) translate(50%, -50%);
}

.it-header-2-style-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul {
  margin-right: 110px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul {
    margin-right: 90px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul>li {
    margin: 0px 19px;
  }
}

.it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul>li>a {
  padding: 42px 0;
  color: var(--it-common-white);
}

.it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul>li>a::after {
  color: var(--it-common-white);
}

.it-header-2-style-2.it-header-2-area .it-header-menu>nav>ul>li>a:hover::after {
  color: var(--it-common-white);
}

.it-header-2-style-2.it-header-2-area .it-header-2-contact span {
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.2);
}

.it-header-2-style-2.it-header-2-area .it-header-2-contact a {
  color: var(--it-common-white);
}

.it-header-2-style-2 .it-header-bar button span {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-style-2 .it-header-2-contact {
    margin-left: 0;
  }
}

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

.header-sticky .it-header-menu>nav>ul>li>a {
  padding: 27px 0;
}

.header-sticky .it-header-style-2 {
  box-shadow: none;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

.header-sticky .it-header-style-2::after {
  display: none;
}

.header-sticky.it-header-style-3 .it-header-menu>nav>ul>li>a,
.header-sticky.it-header-style-5 .it-header-menu>nav>ul>li>a {
  padding: 27px 0;
}

.header-sticky.header-fashion-style {
  background-color: #2f2925;
}

.header-sticky.header-fashion-style .it-header-menu>nav>ul>li>a {
  padding: 27px 0;
}

.header-sticky.it-header-2-style-3 .it-header-menu>nav>ul>li>a {
  padding: 30px 0;
  color: var(--it-common-black);
}

.header-sticky.it-header-2-style-3 .it-header-menu>nav>ul>li.has-dropdown a::after {
  color: var(--it-theme-1);
}

.header-sticky.it-header-2-style-3 .it-header-logo {
  display: none;
}

.header-sticky.it-header-2-style-3 .it-header-logo-3 {
  display: block;
}

.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg {
  background-color: var(--it-theme-4);
}

.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg span,
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg svg {
  color: var(--it-common-white);
}

.header-sticky.it-header-2-style-3 .it-header-2-contact a {
  color: var(--it-common-black);
}

.header-sticky.it-header-2-style-3 .it-header-2-contact span {
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.5);
}

.header-sticky.it-header-2-style-3 .it-header-2-contact span svg {
  color: var(--it-common-white);
}

.header-sticky.it-header-style-6 .it-header-top-area {
  display: none;
}

.it-onepage-menu li>a.active {
  color: var(--it-theme-1) !important;
}

.it-onepage-menu li>a.active::before {
  width: 100%;
  opacity: 1;
}

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

/*----------------------------------------*/
/*  27. menu css start
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}

.it-header-menu nav ul li.has-dropdown>a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-black);
  margin-right: 5px;
}

.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  right: 0;
  width: 270px;
  text-align: right;
  padding: 30px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  border-radius: 0px 0px 8px 8px;
  -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);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
  z-index: 9999;
}

.it-header-menu nav ul li .submenu li {
  list-style: none;
  display: block;
  padding: 0 30px;
}

.it-header-menu nav ul li .submenu li:not(:last-child) {
  margin-bottom: 13px;
}

.it-header-menu nav ul li .submenu li a {
  font-weight: 600;
  font-size: 14px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--it-common-black);
}

.it-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 10px;
  right: 0;
  content: "";
  height: 1px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-theme-1);
}

.it-header-menu nav ul li .submenu li:hover>a {
  padding-right: 20px;
  color: var(--it-theme-1);
}

.it-header-menu nav ul li .submenu li:hover>a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}

.it-header-menu nav ul li .submenu .submenu {
  right: 100%;
  top: 0;
}

.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
  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-header-menu nav ul li .has-home-img {
  position: absolute;
  right: 0;
  left: 0;
  width: 90%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  text-align: center;
  padding: 55px 70px 20px 70px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img {
    width: 100%;
    padding: 55px 60px 20px 60px;
  }
}

.it-header-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
}

.it-header-menu nav ul li .has-home-img .home-img-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img .home-img-title {
    font-size: 14px;
  }
}

.it-header-menu nav ul li .it-megamenu-wrap {
  position: absolute;
  right: 0;
  left: 0;
  width: 60%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  padding: 40px 40px 40px 35px;
  border-radius: 0px 0px 8px 8px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(48, 48, 47, 0.1);
  box-shadow: 0px 1px 2px 1px rgba(3, 11, 30, 0.06), 0px 1px 1px 0px rgba(3, 11, 30, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .it-megamenu-wrap {
    width: 75%;
  }
}

.it-header-menu nav ul li .it-megamenu-wrap li {
  padding: 0;
}

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

.home-img:hover .home-img-thumb.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}

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

.home-img-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E3E4E9;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.14);
}

.home-img-thumb img {
  transition: 0.9s;
  width: 100%;
  height: 170px;
  object-fit: cover;
}

.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}

.home-img-thumb.coming-soon {
  position: relative;
}

.home-img-thumb.coming-soon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(6px);
}

.home-img-thumb.coming-soon::after {
  display: none;
}

.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:hover .home-img-title a,
.it-category-mobile-menu .home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}

.it-menu-mobile .home-img-title,
.it-category-mobile-menu .home-img-title {
  font-weight: 500;
  font-size: 15px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}

.it-menu-mobile .home-img-title:hover a,
.it-category-mobile-menu .home-img-title:hover a {
  color: var(--it-theme-1);
}

.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(0, 0, 0, 0.1);
}

.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;
  left: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  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-right: 2px;
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown>a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(-90deg);
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown>a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown>a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a.expanded,
.it-category-mobile-menu ul li.has-dropdown>a.expanded {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown>a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown:hover>a::after,
.it-category-mobile-menu ul li.has-dropdown:hover>a::after {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown-2>a .dropdown-toggle-btn {
  position: absolute;
  left: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  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(0, 0, 0, 0.1);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.it-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown-2>a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-right: 2px;
}

.it-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2>a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(-90deg);
}

.it-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown-2>a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown-2>a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown-2>a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}

.it-menu-mobile ul li.has-dropdown-2>a.expanded,
.it-category-mobile-menu ul li.has-dropdown-2>a.expanded {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li.has-dropdown-2>a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown-2>a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-black);
}

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

.it-menu-mobile ul li.has-dropdown-2:hover>a::after,
.it-category-mobile-menu ul li.has-dropdown-2:hover>a::after {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:last-child a span,
.it-category-mobile-menu ul li:last-child a span {
  border-bottom: 0;
}

.it-menu-mobile ul li>a,
.it-category-mobile-menu ul li>a {
  display: block;
  font-size: 16px;
  position: relative;
  padding: 10px 0;
  font-weight: 500;
  padding-left: 20px;
  text-transform: capitalize;
  color: var(--it-common-black);
}

.it-menu-mobile ul li>a:hover,
.it-category-mobile-menu ul li>a:hover {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li>a svg,
.it-category-mobile-menu ul li>a svg {
  transform: translateY(-2px);
}

.it-menu-mobile ul li>a>i,
.it-category-mobile-menu ul li>a>i {
  display: inline-block;
  width: 11%;
  margin-left: 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-right: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-right: 0;
  padding-left: 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-right: 0;
  padding-left: 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-right: 0;
  padding-left: 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-right: 0;
  padding-left: 20px;
}

.it-menu-mobile ul li:hover>a::after,
.it-category-mobile-menu ul li:hover>a::after {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:hover>a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li:hover>a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}

.it-menu-mobile ul li:hover .mega-menu,
.it-category-mobile-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}

.it-menu-mobile ul li .mega-menu,
.it-menu-mobile ul li .submenu,
.it-category-mobile-menu ul li .mega-menu,
.it-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}

.it-menu-mobile ul li .mega-menu li,
.it-menu-mobile ul li .submenu li,
.it-category-mobile-menu ul li .mega-menu li,
.it-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}

.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}

.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
.it-category-mobile-menu .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}

.it-menu-mobile * ul,
.it-menu-mobile * li,
.it-category-mobile-menu * ul,
.it-category-mobile-menu * li {
  transition: none !important;
}

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

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

.it-megamenu-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  border-bottom: 1px solid #EDEDED;
}

/*----------------------------------------*/
/*  25. hero css start
/*----------------------------------------*/
.it-hero-title {
  font-size: 36px !important;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}

.it-hero-title {
  font-size: 36px !important;
  line-height: 1.25 !important;
}

@media (max-width: 1199px) {
  .it-hero-title br {
    display: none;
  }
}

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

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

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

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

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

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

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 26px !important;
    line-height: 1.3 !important;
  }

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

@media (max-width: 575px) {
  .it-hero-title {
    font-size: 32px;
    line-height: 1.2;
  }

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

.it-hero-title span svg {
  animation: title-animation 4s infinite;
}

.it-hero-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  right: -2%;
  z-index: -1;
  display: block;
}

.it-hero-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  left: 13%;
  z-index: -1;
  display: block;
}

.it-hero-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 14px;
  }

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

.it-hero-content {
  margin-top: 60px;
  margin-bottom: 150px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 180px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 50px;
  }
}

@media (max-width: 767px) {
  .it-hero-content {
    margin-top: 90px;
    margin-bottom: 50px;
  }
}

.it-hero-thumb {
  transform: translateX(-80px);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb {
    transform: translateX(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-hero-thumb {
    transform: translateX(0);
  }
}

.it-hero-thumb img {
  width: auto;
  height: clamp(300px, 35vw, 480px);
  max-width: 100%;
  object-fit: contain;
  display: block;
  margin-left: auto;
  transform: translateY(-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-hero-thumb img {
    max-width: 100%;
  }
}

.it-hero-experience-box {
  position: absolute;
  bottom: 20%;
  right: -31%;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box {
    transform: scale(0.65);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box {
    right: 0;
    transform: scale(0.75);
  }
}

@media (max-width: 767px) {
  .it-hero-experience-box {
    right: -6%;
    bottom: 5%;
    transform: scale(0.45);
  }
}

.it-hero-experience-box>div {
  border-radius: 20px;
  padding: 18px 20px;
  padding-left: 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  animation: translateX2 2s infinite alternate;
}

.it-hero-experience-box.experience-box-style-2 {
  bottom: 42%;
  right: auto;
  left: -18%;
}

.it-hero-experience-box.experience-box-style-2>div {
  animation: translateX 2s infinite alternate;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-experience-box.experience-box-style-2 {
    left: -4%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box.experience-box-style-2 {
    left: -4%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box.experience-box-style-2 {
    left: -6%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box.experience-box-style-2 {
    left: 0%;
  }
}

@media (max-width: 767px) {
  .it-hero-experience-box.experience-box-style-2 {
    bottom: 45%;
    left: -20%;
  }
}

.it-hero-experience-box.experience-box-style-2 .it-hero-experience-text b i {
  color: var(--it-theme-2);
}

.it-hero-experience-box.experience-box-style-2 .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}

.it-hero-experience-text span {
  display: block;
  margin-bottom: 14px;
}

.it-hero-experience-text b {
  font-weight: 700;
  font-size: 28px;
  display: block;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}

.it-hero-experience-text b>i {
  font-style: normal;
  color: var(--it-theme-1);
}

.it-hero-experience-icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-left: 15px;
  background-color: var(--it-theme-2);
}

.it-hero-experience-icon svg {
  color: var(--it-theme-1);
}

.it-hero-shape-1 {
  position: absolute;
  top: 2.5%;
  right: -9%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-shape-1 {
    right: 0;
  }
}

@media (max-width: 767px) {
  .it-hero-shape-1 {
    display: none;
  }
}

.it-hero-shape-2 {
  position: absolute;
  top: -7%;
  right: -5%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-2 {
    right: -10%;
    top: -10%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-2 {
    right: -15%;
    top: -15%;
  }
}

@media (max-width: 767px) {
  .it-hero-shape-2 {
    display: none;
  }
}

.it-hero-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  right: 2.5%;
  animation: zoomIn 3s infinite;
}

.it-hero-shape-4 {
  position: absolute;
  z-index: -1;
  left: 3.5%;
  top: 5%;
}

.it-hero-shape-4 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-shape-4 {
    display: none;
  }
}

.it-hero-shape-5 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-hero-shape-6 {
  position: absolute;
  top: 12%;
  left: 6%;
  z-index: -1;
}

.it-hero-shape-7 {
  position: absolute;
  bottom: 12%;
  left: 45.5%;
  z-index: -1;
}

.it-hero-shape-8 {
  position: absolute;
  top: 7%;
  left: 10%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}

@media (max-width: 767px) {
  .it-hero-shape-8 {
    display: none;
  }
}

.it-hero-shape-8 img {
  animation: rotate 55s linear infinite;
}

.it-hero-shape-9 {
  position: absolute;
  top: 9%;
  right: 15%;
  z-index: -1;
  opacity: 0.4;
  animation: rotate 45s linear infinite;
}

.it-hero-style-2 {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-hero-style-2 .it-hero-thumb {
  transform: translateX(-20px);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-thumb {
    transform: translateX(40px);
    margin-bottom: -90px;
  }
}

.it-hero-style-2 .it-hero-text p {
  margin-left: 60px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 29px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 35px;
  }
}

.it-hero-ratting-box {
  margin-right: 25px;
}

.it-hero-ratting-box img {
  margin-left: 15px;
}

.it-hero-ratting-content span {
  display: block;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

.it-hero-ratting-content i {
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.it-hero-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-hero-2-area .it-hero-text p {
  margin: 0 130px;
  margin-bottom: 35px;
  line-height: 1.87;
  color: var(--it-text-body);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-2-area .it-hero-text p {
    margin: 0;
    margin-bottom: 35px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-area .it-hero-title {
    font-size: 55px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-area .it-hero-title {
    font-size: 50px;
  }
}

.it-hero-2-area .it-hero-title span .it-title-shape {
  bottom: -16%;
}

.it-hero-2-content {
  padding-top: 275px;
  padding-bottom: 350px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-content {
    padding-bottom: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-content {
    padding-bottom: 270px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content {
    padding-top: 240px;
    padding-bottom: 250px;
  }
}

@media (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 220px;
    padding-bottom: 240px;
  }
}

@media (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-left: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-left: 25px;
    margin-bottom: 0;
  }
}

.it-hero-2-shape-1 {
  position: absolute;
  bottom: 12%;
  left: 20%;
  z-index: -1;
}

.it-hero-2-shape-2 {
  position: absolute;
  bottom: 28%;
  right: 25%;
  z-index: -1;
}

.it-hero-2-avatar-1 {
  position: absolute;
  z-index: -1;
  top: 21%;
  right: 9%;
}

@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-hero-2-avatar-1 {
    transform: scale(0.7);
    right: 7%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.5);
    right: 7%;
  }
}

.it-hero-2-avatar-2 {
  position: absolute;
  z-index: -1;
  top: 40%;
  right: 18%;
}

@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-hero-2-avatar-2 {
    transform: scale(0.7);
    right: 12%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.5);
    right: 12%;
  }
}

.it-hero-2-avatar-3 {
  position: absolute;
  z-index: -1;
  bottom: 29%;
  right: 10%;
}

@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-hero-2-avatar-3 {
    transform: scale(0.7);
    right: 5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.5);
    right: 6%;
  }
}

.it-hero-2-avatar-4 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 13.5%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.7);
    left: 10%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.5);
    left: 5%;
  }
}

.it-hero-2-avatar-5 {
  position: absolute;
  z-index: -1;
  bottom: 48%;
  left: 19%;
}

@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-hero-2-avatar-5 {
    transform: scale(0.7);
    left: 14%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.5);
    left: 11%;
  }
}

.it-hero-2-avatar-6 {
  position: absolute;
  z-index: -1;
  bottom: 31%;
  left: 10%;
}

@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-hero-2-avatar-6 {
    transform: scale(0.7);
    left: 5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.5);
    left: 6%;
  }
}

.it-hero-3-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.it-hero-3-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 27px;
  letter-spacing: 0.01em;
  font-family: var(--it-ff-heading);
}

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

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

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

  .it-hero-3-title br {
    display: none;
  }
}

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

  .it-hero-3-title br {
    display: none;
  }
}

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

.it-hero-3-title span svg {
  animation: title-animation 4s infinite;
}

.it-hero-3-title span .it-title-shape {
  position: absolute;
  bottom: -20%;
  left: 8%;
  z-index: -1;
  display: block;
}

.it-hero-3-text p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 35px;
  color: var(--it-common-black-2);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-text p {
    font-size: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-text p {
    padding: 0 50px;
    font-size: 14px;
  }

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-text p {
    font-size: 15px;
    padding: 0 100px;
  }

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

@media (max-width: 767px) {
  .it-hero-3-text p {
    font-size: 14px;
  }

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

.it-hero-3-thumb {
  position: relative;
}

.it-hero-3-thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 1px;
  width: 322px;
  height: 265px;
  border-radius: 10px 10px 262px 10px;
  z-index: -1;
  background-color: var(--it-theme-2);
}

.it-hero-3-thumb img {
  border-radius: 0 0 262px 0;
}

.it-hero-3-thumb-box.style-1 {
  position: absolute;
  bottom: 13%;
  right: 8.5%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-1 {
    right: 1.5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-1 {
    right: 2%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-1 {
    right: 0;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-1 {
    right: -2%;
    bottom: 7%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-1 {
    right: -2%;
    bottom: -3%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-1 {
    display: none;
  }
}

.it-hero-3-thumb-box.style-2 {
  text-align: end;
  position: absolute;
  left: 9.5%;
  top: 18%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-2 {
    left: 2.5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-2 {
    left: 1%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-2 {
    left: 0;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-2 {
    left: -3%;
    top: 10%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-2 {
    left: -2%;
    top: auto;
    bottom: -11%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-2 {
    display: none;
  }
}

.it-hero-3-thumb-box.style-2 .it-hero-3-thumb::after {
  right: -9%;
  bottom: 1px;
  border-radius: 10px 10px 10px 268px;
  background-color: var(--it-theme-3);
}

.it-hero-3-thumb-box.style-2 img {
  border-radius: 0 0 0 268px;
}

.it-hero-3-content {
  padding-top: 305px;
  padding-bottom: 290px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content {
    padding-top: 250px;
    padding-bottom: 220px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 220px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 240px;
  }
}

@media (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 200px;
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 220px;
    padding-bottom: 160px;
  }
}

.it-hero-3-shape-1 {
  position: absolute;
  top: 1%;
  left: -16%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 80%;
}

.it-hero-3-shape-2 {
  position: absolute;
  top: 6%;
  right: -19%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 120%;
}

.it-hero-3-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  right: 3%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-3 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}

.it-hero-3-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 13%;
  right: 33%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}

@media (max-width: 767px) {
  .it-hero-3-shape-4 {
    bottom: 1%;
    right: 5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.4);
  }
}

.it-hero-3-shape-5 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 3%;
  animation: zoomIn 3s infinite;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px),
only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-5 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-5 {
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-5 {
    top: 14%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-hero-3-shape-5 {
    top: 10%;
    transform: scale(0.4);
  }
}

.it-hero-3-shape-6 {
  position: absolute;
  z-index: -1;
  bottom: 18%;
  left: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 {
    bottom: 10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 {
    bottom: 15%;
    left: 10%;
  }
}

@media (max-width: 767px) {
  .it-hero-3-shape-6 {
    bottom: 6%;
    left: 5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}

.it-hero-4-ptb {
  padding-top: 375px;
  padding-bottom: 340px;
  background-color: #F4F8FF;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 300px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb {
    padding-top: 300px;
    padding-bottom: 250px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb {
    padding-top: 250px;
    padding-bottom: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb {
    padding-top: 240px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}

@media (max-width: 767px) {
  .it-hero-4-ptb {
    padding-top: 220px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}

.it-hero-4-ptb::after {
  content: "";
  position: absolute;
  top: 0;
  left: 13.5%;
  width: 520px;
  height: 100%;
  z-index: -3;
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb::after {
    width: 450px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb::after {
    width: 350px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb::after {
    left: 9%;
    width: 300px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-ptb::after {
    display: none;
  }
}

.it-hero-4-ptb .it-hero-text p {
  line-height: 1.85;
  margin-left: 50px;
  margin-bottom: 33px;
  color: var(--it-text-body);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 37px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 48px;
  }
}

@media (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}

.it-hero-4-input-box {
  margin-left: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-input-box {
    margin-left: 100px;
  }
}

@media (max-width: 767px) {
  .it-hero-4-input-box {
    margin-left: 0;
  }
}

.it-hero-4-input-box form input {
  height: 65px;
  line-height: 65px;
  border-radius: 100px;
  padding-left: 210px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 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-hero-4-input-box form input {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-input-box form input::placeholder {
    font-size: 14px;
  }
}

.it-hero-4-input-box .it-btn-yellow {
  position: absolute;
  top: 50%;
  left: 6px;
  transform: translateY(-50%);
}

.it-hero-4-thumb-box {
  position: absolute;
  bottom: 0;
  left: 6%;
  z-index: -1;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-thumb-box {
    left: -5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-thumb-box {
    left: -5%;
    bottom: -10%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    left: 0;
    bottom: 0;
    width: 51%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-box {
    left: 0;
    bottom: 0;
    width: 51%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-thumb-box {
    margin-top: 30px;
    position: static;
  }
}

.it-hero-4-thumb img {
  max-width: inherit;
}

@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-hero-4-thumb img {
    width: 100%;
  }
}

.it-hero-4-ratting-wrap {
  position: absolute;
  right: -14%;
  bottom: 14%;
  animation: translateX 3s infinite alternate;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-wrap {
    bottom: 25%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-ratting-wrap {
    display: none;
  }
}

.it-hero-4-ratting-box {
  border-radius: 20px;
  padding: 22px 25px;
  background-color: var(--it-common-white);
  border: 1px solid var(--it-theme-2);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-box {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}

.it-hero-4-ratting-box img {
  width: 80px;
}

.it-hero-4-ratting-box i {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  margin-right: 20px;
  color: var(--it-common-black);
}

.it-hero-4-ratting-box span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-left: 30px;
  color: var(--it-common-black-2);
}

.it-hero-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 16%;
  right: 3%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-1 {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-1 {
    top: 20%;
    transform: scale(0.5);
  }
}

.it-hero-4-shape-1 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

.it-hero-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 43%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-2 {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}

.it-hero-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: 16%;
  left: 37%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-3 {
    top: 15%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-3 {
    top: 25%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-3 {
    top: 20%;
    transform: scale(0.4);
  }
}

.it-hero-4-shape-3 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-hero-4-shape-4 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 6%;
  animation: zoomIn 5s infinite;
}

.it-hero-4-shape-5 {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -2;
}

.it-hero-4-shape-6 {
  position: absolute;
  z-index: -3;
  top: 0;
  left: 0;
}

.it-hero-4-shape-7 {
  position: absolute;
  bottom: -4%;
  right: 0;
  width: 100%;
  z-index: 9;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-7 {
    bottom: -3%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-7 {
    bottom: -7%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-7 {
    bottom: -9%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-7 {
    bottom: -10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-4-shape-7 {
    display: none;
  }
}

.it-hero-4-shape-7 svg {
  width: 100%;
}

.it-hero-4-shape-8 {
  position: absolute;
  bottom: 5%;
  right: 3%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-8 {
    bottom: 7%;
  }
}

.it-hero-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 85px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-area {
    padding-bottom: 110px;
  }
}

@media (max-width: 767px) {
  .it-hero-5-area {
    padding-top: 170px;
    padding-bottom: 110px;
  }
}

.it-hero-5-thumb img {
  max-width: inherit;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-thumb img {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 60px;
  }
}

@media (max-width: 767px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb-sm img {
    width: 100%;
    object-fit: cover;
  }
}

@media (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 0;
  }
}

.it-hero-5-title {
  font-size: 60px;
  line-height: 1.17;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-semibold);
}

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

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

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

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

.it-hero-5-text p {
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 30px;
  margin-left: 110px;
  color: rgba(255, 255, 255, 0.8);
}

.it-hero-5-content {
  margin-right: 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-content {
    margin-right: 120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-content {
    margin-right: 30px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-content p {
    margin-left: 0;
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-hero-5-content p {
    margin-left: 0;
    font-size: 14px;
  }
}

.it-hero-5-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

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

.it-hero-5-shape-2 {
  position: absolute;
  bottom: 10%;
  left: 34%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 {
    left: 25%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.6);
  }
}

.it-hero-6-area {
  padding-top: 85px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media 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-6-area {
    padding-top: 100px;
  }
}

.it-hero-6-title {
  font-size: 55px;
  font-weight: 700;
  line-height: 1.36;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}

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

  .it-hero-6-title br {
    display: none;
  }
}

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

  .it-hero-6-title br {
    display: none;
  }
}

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

  .it-hero-6-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-6-title {
    font-size: 28px;
  }

  .it-hero-6-title br {
    display: none;
  }
}

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

  .it-hero-6-title br {
    display: none;
  }
}

.it-hero-6-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-text p {
    margin-left: 50px;
  }

  .it-hero-6-text p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-text p {
    font-size: 14px;
    margin-left: 50px;
  }

  .it-hero-6-text p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-6-text p {
    font-size: 14px;
  }

  .it-hero-6-text p br {
    display: none;
  }
}

.it-hero-6-thumb {
  margin-left: -30px;
  transform: translateX(15px);
  position: relative;
}

@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-hero-6-thumb {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-hero-6-thumb {
    margin-left: 10px;
    transform: translateX(0);
  }
}

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

.it-hero-6-thumb::after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 30px;
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-6-content {
    margin-bottom: 70px;
  }
}

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

.it-hero-6-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-hero-6-shape-3 {
  position: absolute;
  bottom: 9%;
  left: 42%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-hero-7-area {
  padding-top: 215px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area {
    padding-top: 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}

@media (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 130px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 150px;
  }
}

.it-hero-7-area .it-hero-title {
  line-height: 1.33;
  margin-bottom: 10px;
  color: var(--it-common-black);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-area .it-hero-title {
    font-size: 50px;
  }

  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area .it-hero-title {
    font-size: 45px;
  }

  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }

  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 28px;
  }
}

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

@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title .it-title-shape {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-left: 0;
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 0;
    margin-left: 25px;
  }
}

.it-hero-7-thumb-wrap {
  gap: 36px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-thumb-wrap {
    gap: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 10px;
    flex-wrap: nowrap;
  }
}

@media (max-width: 767px) {
  .it-hero-7-thumb {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .it-hero-7-thumb img {
    width: 100%;
  }
}

.it-hero-7-text p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 26px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-text p {
    font-size: 18px;
  }
}

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

@media (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}

.it-hero-7-ratting i {
  color: var(--it-theme-2);
}

.it-hero-7-ratting span {
  font-size: 20px;
  margin-right: 4px;
  display: inline-block;
  color: var(--it-common-black);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
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-7-ratting span {
    font-size: 18px;
  }
}

.it-hero-7-stats-box {
  padding: 50px 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  width: 357px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box {
    padding-right: 20px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 25px 20px;
    background-color: var(--it-theme-1);
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 20px 10px;
  }
}

.it-hero-7-stats-box::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  -webkit-mask-image: url(../img/hero/mask.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-7-stats-box::after {
    display: none;
  }
}

.it-hero-7-stats-box .stats-number {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 54px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 15px;
  }
}

.it-hero-7-stats-box .stats-number i {
  font-style: normal;
}

.it-hero-7-stats-box span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: end;
  margin-bottom: 45px;
  letter-spacing: 0.2em;
  color: var(--it-theme-2);
  text-transform: uppercase;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 8px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}

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

.it-hero-7-shape-2 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.it-hero-8-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-8-area {
    padding-top: 120px;
  }
}

.it-hero-8-title {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-title {
    font-size: 54px;
  }
}

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

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

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

@media (max-width: 767px) {
  .it-hero-8-title {
    font-size: 30px;
  }
}

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

.it-hero-8-title span {
  color: var(--it-theme-5);
}

.it-hero-8-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-left: 95px;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-text p {
    margin-left: 130px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-8-text p {
    margin-left: 0;
  }
}

.it-hero-8-thumb img {
  max-width: inherit;
  margin-right: -230px;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-8-thumb img {
    margin-right: -270px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-thumb img {
    margin-right: -320px;
    margin-bottom: -70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-thumb img {
    margin-right: -340px;
    margin-bottom: -120px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-thumb img {
    margin-right: -300px;
    margin-bottom: -150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-8-thumb img {
    margin-right: 0;
    width: 100%;
    margin-top: 30px;
  }
}

.it-hero-8-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 11%;
  right: 2%;
  animation: zoomIn 3s infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-8-shape-1 {
    display: none;
  }
}

.it-hero-9-area {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid var(--it-theme-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-area {
    padding: 70px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-9-area {
    padding-top: 100px;
  }
}

@media (max-width: 767px) {
  .it-hero-9-area {
    padding-top: 120px;
  }
}

.it-hero-9-area .it-hero-title {
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-area .it-hero-title {
    font-size: 50px;
  }

  .it-hero-9-area .it-hero-title br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 48px;
  }
}

.it-hero-9-area .it-hero-text p {
  margin-bottom: 32px;
  color: rgba(31, 36, 50, 0.8);
}

@media (max-width: 767px) {
  .it-hero-9-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-content {
    margin-bottom: 70px;
  }
}

.it-hero-9-thumb {
  mask-image: url(../img/hero/mask-11.png);
  -webkit-mask-image: url(../img/hero/mask-11.png);
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 648px;
  margin-right: 42px;
  transform: translateX(-15px);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-thumb {
    height: 550px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-thumb {
    height: 450px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-thumb {
    height: 100%;
    margin-right: 0;
    text-align: center;
    transform: translateX(0);
  }
}

.it-hero-9-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.it-hero-9-ratting-box {
  position: absolute;
  z-index: 1;
  bottom: 12%;
  right: -10%;
  animation: translateX 3s infinite alternate;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-ratting-box {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-ratting-box {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-ratting-box {
    display: none;
  }
}

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

.it-hero-9-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  right: 1.5%;
  animation: zoomIn 5s infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-2 {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-2 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-shape-2 {
    display: none;
  }
}

.it-hero-9-shape-3 {
  position: absolute;
  z-index: -1;
  top: 7%;
  left: 5.5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-3 {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-3 {
    top: 3%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-shape-3 {
    display: none;
  }
}

.it-hero-9-shape-4 {
  position: absolute;
  z-index: -1;
  top: 9%;
  left: 12%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-9-shape-4 {
    left: 6%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-9-shape-4 {
    left: 1%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-4 {
    left: 1%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-9-shape-4 {
    display: none;
  }
}

.it-hero-10-area {
  padding-top: 335px;
  padding-bottom: 270px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area {
    padding-bottom: 220px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area {
    padding-top: 260px;
    padding-bottom: 180px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-area {
    padding-top: 270px;
    padding-bottom: 180px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-area {
    padding-top: 180px;
    padding-bottom: 0;
  }
}

@media (max-width: 767px) {
  .it-hero-10-area {
    padding-top: 150px;
    padding-bottom: 0;
  }
}

.it-hero-10-area .it-hero-9-ratting-box {
  bottom: 15%;
  right: -41%;
  left: auto;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    right: -32%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    right: -32%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    display: none !important;
  }
}

.it-hero-10-area .it-hero-experience-box {
  bottom: 51%;
  right: auto;
  left: -35%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-experience-box {
    left: -20%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-10-area .it-hero-experience-box {
    display: none !important;
  }
}

.it-hero-10-area .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}

.it-hero-10-area .it-hero-experience-icon svg {
  color: var(--it-common-white);
}

.it-hero-10-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 15px;
  font-family: var(--it-ff-heading);
}

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

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

@media (max-width: 767px) {
  .it-hero-10-title {
    font-size: 33px;
  }
}

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

.it-hero-10-title span {
  background: linear-gradient(-199deg, #ECBA05 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.it-hero-10-subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 19px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}

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

.it-hero-10-text p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 32px;
  margin-left: 70px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-text p {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-hero-10-text p {
    margin-left: 0;
    font-size: 14px;
  }
}

.it-hero-10-thumb img {
  max-width: inherit;
}

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

.it-hero-10-thumb-wrap {
  position: absolute;
  bottom: 0;
  left: 14.2%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-thumb-wrap {
    left: 9.2%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-thumb-wrap {
    left: 3.2%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-thumb-wrap {
    left: -4.2%;
    bottom: -15%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-10-thumb-wrap {
    margin-top: 70px;
    position: static;
    text-align: center;
  }
}

.it-hero-10-social {
  position: absolute;
  top: 50%;
  right: -6%;
  transform: translateY(-50%) rotate(90deg);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-social {
    right: -9%;
  }
}

@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-hero-10-social {
    display: none;
  }
}

.it-hero-10-social a {
  font-weight: 400;
  font-size: 16px;
  margin: 0 10px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}

.it-hero-10-social a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  right: 0;
  width: 0;
  height: 2px;
  transition: 0.4s;
  background: linear-gradient(-90deg, #1F2533 0%, rgba(3, 89, 78, 0) 100%);
}

.it-hero-10-social a:hover::after {
  width: 100%;
}

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

.it-hero-10-shape-2 {
  position: absolute;
  z-index: -2;
  bottom: 0;
  left: -0.5%;
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-shape-2 {
    left: -9.5%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-shape-2 {
    left: -17.5%;
  }
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-10-shape-2 {
    display: none;
  }
}

.it-hero-10-shape-3 {
  position: absolute;
  z-index: -1;
  top: 17%;
  left: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 {
    top: 10%;
  }
}

@media 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-10-shape-3 {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 img {
    transform: scale(0.5);
  }
}

.it-hero-10-shape-4 {
  position: absolute;
  z-index: -1;
}

.it-hero-11-area {
  padding-top: 115px;
}

@media (max-width: 767px) {
  .it-hero-11-area {
    padding-top: 80px;
  }
}

.it-hero-11-area .it-btn-yellow.style-2 {
  padding: 0;
  border: none;
}

.it-hero-11-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-title {
    font-size: 75px;
    margin-bottom: 25px;
  }
}

@media (max-width: 767px) {
  .it-hero-11-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}

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

.it-hero-11-title span svg {
  animation: title-animation 4s infinite;
}

.it-hero-11-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  right: 10%;
  z-index: -1;
  display: block;
}

.it-hero-11-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  left: 13%;
  z-index: -1;
  display: block;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-11-thumb {
    margin-top: 70px;
  }
}

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

.it-hero-11-content p {
  color: #999;
  line-height: 1.75;
  margin-left: 40px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-left: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-content p {
    margin-left: 20px;
  }
}

@media (max-width: 767px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-left: 0;
  }
}

.it-hero-11-content-wrap {
  margin-top: -95px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-11-content-wrap {
    margin-top: 0;
  }
}

.it-hero-11-play-btn {
  margin-right: 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-play-btn {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-11-play-btn {
    display: none;
  }
}

.it-hero-11-play-btn a {
  display: inline-block;
  height: 149px;
  width: 149px;
  margin-bottom: 45px;
  line-height: 149px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-6);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-11-play-btn a {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
}

.it-hero-11-play-btn a svg {
  padding-right: 5px;
}

.it-hero-11-play-btn span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #999;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-11-play-btn span {
    font-size: 17px;
  }
}

.it-hero-11-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 15%;
  right: 26%;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-11-shape-1 {
    right: 18%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-shape-1 {
    right: 18%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-shape-1 {
    right: 18%;
    transform: scale(0.5);
  }
}

.it-hero-11-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  right: 4.5%;
}

.it-hero-12-area {
  padding-top: 60px;
  padding-bottom: 40px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area {
    padding: 100px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-12-area {
    padding: 80px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 120px;
    background-position: left;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-12-area {
    padding-top: 100px;
    padding-bottom: 120px;
    background-position: left;
  }
}

@media (max-width: 767px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 90px;
    background-position: left;
  }
}

.it-hero-12-area .it-hero-title {
  margin-bottom: 27px;
}

.it-hero-12-area .it-hero-thumb {
  transform: translateX(20px);
}

@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(50px);
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(30px);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(0);
  }
}

@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-hero-12-area .it-hero-thumb img {
    width: 100%;
  }
}

.it-hero-12-area .it-hero-shape-1 {
  top: 0;
  right: 1%;
  opacity: 0.4;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
    transform: scale(1);
  }
}

.it-hero-12-area .it-hero-shape-3 {
  bottom: 8%;
  right: 35%;
}

.it-hero-12-subtitle {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  display: block;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-active .it-slider-arrow-wrap {
    display: none;
  }
}

.it-hero-12-active .swiper-slide-active .it-hero-12-subtitle,
.it-hero-12-active .swiper-slide-active .it-hero-title,
.it-hero-12-active .swiper-slide-active .it-hero-bnt {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-12-subtitle {
  animation: img-anim-bottom 1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1s;
}

.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-title {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.3s;
}

.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-bnt {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}

/*----------------------------------------*/
/*  11. categories css start
/*----------------------------------------*/
.it-categories-item {
  padding: 40px 20px;
  padding-bottom: 35px;
  border-radius: 20px;
  margin-bottom: 35px;
  transition: transform 0.5s ease;
  background-color: #F0F4F5;
  border: 1px solid var(--it-theme-1);
}

.it-categories-item:hover span {
  animation: icon-bounce 0.8s 1;
}

.it-categories-item span {
  display: inline-block;
  margin-bottom: 26px;
  transition: transform 0.5s ease;
}

.it-categories-item span svg {
  height: 80px;
  transition: 0.3s;
  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-categories-item span svg {
    height: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-categories-item h6 {
    font-size: 17px;
  }
}

.it-categories-item.item-style-2 {
  border-color: #2F57EF;
  background-color: #ECBA05;
}

.it-categories-item.item-style-2 span svg {
  color: #2F57EF;
}

.it-categories-item.item-style-3 {
  border-color: #FF4D4F;
  background-color: #FFEBEC;
}

.it-categories-item.item-style-3 span svg {
  color: #FF4D4F;
}

.it-categories-item.item-style-4 {
  border-color: #3D97FE;
  background-color: #E9F3FE;
}

.it-categories-item.item-style-4 span svg {
  color: #3D97FE;
}

.it-categories-item.item-style-5 {
  border-color: #2F57EF;
  background-color: #EFF2FF;
}

.it-categories-item.item-style-5 span svg {
  color: #2F57EF;
}

.it-categories-item.item-style-6 {
  border-color: #39B410;
  background-color: #F6FFF3;
}

.it-categories-item.item-style-6 span svg {
  color: #39B410;
}

.it-categories-item.item-style-7 {
  border-color: #8E56FF;
  background-color: #F7F3FF;
}

.it-categories-item.item-style-7 span svg {
  color: #8E56FF;
}

.it-categories-item.item-style-8 {
  border-color: #F92596;
  background-color: #FFF9FC;
}

.it-categories-item.item-style-8 span svg {
  color: #F92596;
}

.it-categories-style-2 .it-categories-item {
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 auto -1px -1px;
  transition: 0.3s;
  border: 1px solid rgba(108, 117, 125, 0.15);
}

.it-categories-style-2 .it-categories-item.item-style-1 {
  border-radius: 0 20px 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-1 {
    border-radius: 0;
  }
}

.it-categories-style-2 .it-categories-item.item-style-4 {
  border-radius: 20px 0 0 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-categories-style-2 .it-categories-item.item-style-4 {
    border-radius: 0;
  }
}

.it-categories-style-2 .it-categories-item.item-style-5 {
  border-radius: 0 0 20px 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-categories-style-2 .it-categories-item.item-style-5 {
    border-radius: 0;
  }
}

.it-categories-style-2 .it-categories-item.item-style-8 {
  border-radius: 0 0 0 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-categories-style-2 .it-categories-item.item-style-8 {
    border-radius: 0;
  }
}

.it-categories-style-2 .it-categories-item:hover {
  background-color: var(--it-theme-1);
}

.it-categories-style-2 .it-categories-item:hover span svg {
  color: var(--it-common-white);
}

.it-categories-style-2 .it-categories-item:hover h6 {
  color: var(--it-common-white);
}

.it-categories-style-2 .it-categories-wrap {
  border-radius: 20px;
  background-color: var(--it-common-white);
}

.it-categories-shape-1 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}

.it-categories-shape-2 {
  position: absolute;
  top: 30%;
  left: 9.5%;
  z-index: -1;
}

.it-categories-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-categories-2-item {
  text-align: center;
  border: 1px solid rgba(248, 198, 47, 0.5);
  background: rgba(255, 255, 255, 0.5);
}

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

.it-categories-2-title {
  margin: 25px 15px;
  margin-bottom: 22px;
}

@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-categories-2-title {
    font-size: 16px;
  }
}

.it-categories-2-thumb {
  overflow: hidden;
}

.it-categories-2-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}

.it-categories-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 4%;
  right: 2.5%;
}

@media (max-width: 767px) {
  .it-categories-2-shape-1 {
    display: none;
  }
}

.it-categories-2-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 6.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-2-shape-2 {
    bottom: 5%;
    transform: scale(0.6);
  }
}

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

.it-categories-2-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-categories-2-style-2 .it-categories-2-item {
  transition: 0.3s;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(254, 130, 53, 0.2);
}

.it-categories-2-style-2 .it-categories-2-item:hover {
  border: 1px solid var(--it-theme-5);
}

.it-categories-2-style-2 .it-categories-2-thumb {
  border: 1px solid var(--it-theme-5);
}

.it-categories-2-style-2 .it-categories-2-thumb img {
  width: 100%;
}

.it-categories-3-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.it-categories-3-item {
  padding: 32px 30px;
  padding-top: 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: #BC9FFD;
}

.it-categories-3-item .shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-categories-3-item.style-2 {
  background-color: var(--it-theme-1);
}

.it-categories-3-item.style-3 {
  background-color: #2F57EF;
}

.it-categories-3-item.style-4 {
  background-color: var(--it-theme-2);
}

.it-categories-3-item.style-5 {
  background-color: var(--it-theme-3);
}

.it-categories-3-title {
  font-size: 24px;
  line-height: 1.42;
  margin-bottom: 0;
  color: var(--it-common-white);
  margin-left: 50px;
}

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

.it-categories-3-icon {
  position: absolute;
  left: 30px;
  top: 30px;
}

.it-categories-3-shape-1 {
  position: absolute;
  z-index: -1;
  top: -18%;
  right: 0;
}

.it-category-4-thumb {
  border-radius: 50%;
  overflow: hidden;
}

.it-category-4-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(3, 89, 78, 0.15);
}

.it-category-4-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 17px;
}

@media (max-width: 767px) {
  .it-category-4-title {
    font-size: 17px;
  }
}

.it-category-4-arrow-wrap {
  display: flex;
  gap: 20px;
  z-index: 2;
  justify-content: end;
}

@media (max-width: 767px) {
  .it-category-4-arrow-wrap {
    margin-top: 30px;
    justify-content: start;
  }
}

.it-category-4-arrow-wrap button {
  transform: rotate(180deg);
  padding: 0;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-category-4-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}

@media (max-width: 767px) {
  .it-category-4-arrow-wrap button svg {
    height: 15px;
  }
}

.it-category-4-item {
  text-align: center;
}

.it-category-4-item:hover .it-category-4-thumb img {
  transform: scale(1.1);
}

.it-categories-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}

.it-categories-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-about-thumb {
    padding-right: 0;
    margin-bottom: 30px;
  }
}

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

.it-about-thumb.thumb-overlay img {
  width: 100%;
}

.it-about-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}

.it-about-thumb-icon {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}

.it-about-thumb-icon svg {
  display: inline-block;
  padding-right: 2px;
}

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

.it-about-right {
  margin-right: 78px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-right {
    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-about-right {
    margin-right: 0;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}

.it-about-shape-1 {
  position: absolute;
  top: -10%;
  right: -5%;
  z-index: -1;
}

@media (max-width: 767px) {
  .it-about-shape-1 {
    display: none;
  }
}

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

.it-about-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: -30px;
}

.it-about-shape-4 {
  position: absolute;
  z-index: -1;
  top: 2.5%;
  right: 7%;
  animation: zoomIn 5s infinite;
}

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

.it-about-shape-5 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 9%;
  animation: zoom 7s infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-shape-5 {
    transform: scale(0.6);
    bottom: 6%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-shape-5 {
    display: none;
  }
}

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

.it-about-shape-7 {
  position: absolute;
  z-index: -1;
  top: -12%;
  left: 17%;
}

@media (max-width: 767px) {
  .it-about-shape-7 {
    display: none;
  }
}

.it-about-shape-8 {
  position: absolute;
  z-index: -1;
  top: 9.5%;
  left: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-8 {
    transform: scale(0.5);
  }
}

.it-about-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.it-about-experience-box {
  padding: 31px 53px;
  border-radius: 20px;
  background-color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-experience-box {
    padding: 25px 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-experience-box {
    padding: 25px 15px;
  }
}

.it-about-experience-box span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  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),
(max-width: 767px) {
  .it-about-experience-box span {
    font-size: 14px;
  }
}

.it-about-experience-box h5 {
  font-size: 40px;
  margin-bottom: 0;
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}

.it-about-experience-box h5 i {
  font-style: normal;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-experience-box h5 {
    font-size: 30px;
  }
}

.it-about-experience-box h5::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 1px;
  height: 31px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
}

.it-about-list-box {
  margin-bottom: 45px;
}

.it-about-list-box ul li {
  list-style-type: none;
}

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

.it-about-list-box ul li span {
  display: block;
  padding-right: 47px;
  position: relative;
  font-size: 24px;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@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-list-box ul li span {
    font-size: 16px;
    padding-right: 40px;
  }
}

.it-about-list-box ul li span svg,
.it-about-list-box ul li span i {
  position: absolute;
  top: -2px;
  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),
(max-width: 767px) {

  .it-about-list-box ul li span svg,
  .it-about-list-box ul li span i {
    height: 18px;
  }
}

.it-about-style-2 .it-about-left {
  margin-left: 15px;
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-style-2 .it-about-left .row.gx-0 {
    --bs-gutter-x: 25px !important;
  }
}

.it-about-style-2 .it-about-list-box {
  margin-bottom: 40px;
}

.it-about-style-2 .it-about-right {
  margin-right: 25px;
}

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

.it-about-style-2 .it-about-right p {
  margin-left: 20px;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-style-3 {
    padding-top: 130px;
  }
}

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

.it-about-style-3 .it-about-left {
  padding-left: 10px;
  padding-right: 35px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-style-3 .it-about-left {
    padding-right: 0;
    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-style-3 .it-about-text p {
    font-size: 14px;
  }
}

.it-about-style-3 .it-about-thumb {
  border-radius: 1000px;
}

.it-about-style-3 .it-about-thumb img {
  border-radius: 1000px;
}

.it-about-style-3 .it-about-thumb.thumb-overlay::after {
  border-radius: 1000px;
}

.it-about-style-3 .it-about-thumb.style-1 {
  margin-left: -8px;
}

.it-about-style-3 .it-about-thumb.style-2 {
  margin-top: 85px;
}

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

.it-about-style-3 .it-about-thumb.style-2 img {
  outline: 10px solid var(--it-gray-1);
}

.it-about-style-3 .it-about-experience-box {
  margin-top: -30px;
  padding: 31px 37px;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
  margin-right: 10px;
  background-color: var(--it-theme-2);
  animation: translateX 3s infinite alternate;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-3 .it-about-experience-box {
    margin: 30px;
    padding: 16px 37px;
  }
}

@media (max-width: 767px) {
  .it-about-style-3 .it-about-experience-box {
    display: none !important;
  }
}

.it-about-style-3 .it-about-experience-box h5,
.it-about-style-3 .it-about-experience-box span {
  color: var(--it-common-black);
}

.it-about-style-3 .it-about-experience-box h5::after {
  background-color: rgba(31, 36, 50, 0.2);
}

.it-about-2-more-wrap {
  margin-left: 30px;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-more-wrap {
    margin-left: 120px;
  }
}

@media (max-width: 767px) {
  .it-about-2-more-wrap {
    margin-left: 0;
  }
}

.it-about-2-more-icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-left: 12px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  flex: 0 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-2-more-icon {
    height: 50px;
    width: 50px;
    line-height: 43px;
  }
}

.it-about-2-more-icon svg,
.it-about-2-more-icon i {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

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

  .it-about-2-more-icon svg,
  .it-about-2-more-icon i {
    height: 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-about-2-more-info {
    align-items: center;
  }
}

.it-about-2-more-info h6 {
  margin-bottom: 0;
  line-height: 1.65;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-about-2-more-info h6 {
    font-size: 13px;
  }
}

.it-about-2-more-info:hover .it-about-2-more-icon svg,
.it-about-2-more-info:hover i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

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

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-right {
    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-about-2-right p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-right .it-section-title br {
    display: none;
  }
}

.it-about-2-left {
  padding-right: 83px;
}

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

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

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

.it-about-2-left .it-about-experience-box {
  position: absolute;
  top: 12%;
  right: 0;
  padding: 17px 20px;
  padding-left: 30px;
  background-color: var(--it-theme-1);
  animation: ittranslateX2 4s forwards infinite alternate;
}

@media (max-width: 767px) {
  .it-about-2-left .it-about-experience-box {
    position: static;
    margin-top: 30px;
    animation: unset;
  }
}

.it-about-2-left .it-about-experience-box h5 {
  font-size: 28px;
  margin-left: 0;
  padding-left: 0;
  border-left: 0;
  margin-bottom: 0;
  line-height: 1;
}

.it-about-2-left .it-about-experience-box h5::after {
  display: none;
}

.it-about-2-thumb-sm {
  position: absolute;
  bottom: 0;
  left: -36px;
  border-radius: 30px;
  border-right: 12px solid var(--it-common-white);
  border-top: 10px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-thumb-sm {
    left: 0;
  }
}

@media (max-width: 767px) {
  .it-about-2-thumb-sm {
    position: relative;
    left: 0;
    margin-top: 30px;
    border-right: none;
    border-top: none;
    animation: unset;
  }
}

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

.it-about-2-thumb-sm.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}

.it-about-2-shape-1 {
  position: absolute;
  bottom: -14%;
  right: -16%;
  z-index: -1;
}

.it-about-2-shape-2 {
  position: absolute;
  bottom: -15px;
  right: 0;
  z-index: -1;
  animation: zoom 5s infinite;
}

.it-about-2-shape-3 {
  position: absolute;
  top: 5.5%;
  left: 5%;
  z-index: -1;
  animation: zoomIn 5s infinite;
}

.it-about-2-shape-4 {
  position: absolute;
  bottom: -51%;
  left: 0;
  z-index: -1;
}

.it-about-2-shape-5 {
  position: absolute;
  top: -18%;
  left: 0;
  z-index: -1;
}

.it-about-2-shape-6 {
  position: absolute;
  bottom: 6.5%;
  left: 11%;
  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-about-2-shape-6 {
    bottom: 4%;
    left: 5%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-shape-6 {
    display: none;
  }
}

.it-about-2-shape-6 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

.it-about-2-shape-7 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: -12%;
}

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

.it-about-2-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: -35%;
  left: 0;
}

.it-about-2-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

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

.it-about-2-shape-12 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}

@media 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-shape-12 {
    display: none;
  }
}

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

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

.it-about-2-style-2 .it-about-2-left .it-about-experience-box {
  background-color: var(--it-theme-2);
}

.it-about-2-style-2 .it-about-2-left .it-about-experience-box h5,
.it-about-2-style-2 .it-about-2-left .it-about-experience-box span,
.it-about-2-style-2 .it-about-2-left .it-about-experience-box svg {
  color: var(--it-common-black);
}

.it-about-2-style-2 .it-about-2-left {
  padding-bottom: 70px;
}

.it-about-2-style-2 .it-about-right {
  margin-right: 85px;
}

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

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

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

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

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

.it-about-2-style-3 .it-about-2-left {
  padding-right: 0;
  padding-left: 83px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-left: 40px;
  }
}

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

.it-about-2-style-3 .it-about-2-right {
  margin-right: 0;
}

.it-about-2-style-3 .it-about-2-thumb-sm {
  left: 38px;
}

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

@media (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    position: relative;
    left: 0;
  }
}

.it-about-2-style-3 .it-about-list-box ul li span {
  font-size: 20px;
  font-weight: 700;
  padding-right: 42px;
  font-family: var(--it-ff-cinzel-decorative);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}

.it-about-2-style-3 .it-about-list-wrap {
  margin-left: -65px;
}

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

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-style-3 .it-section-title-3 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-about-2-style-3 .it-about-text p {
    font-size: 14px;
  }

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

.it-about-2-style-4 .it-about-list-box ul li span {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}

.it-about-2-style-4 .it-about-list-box ul li span svg,
.it-about-2-style-4 .it-about-list-box ul li span i {
  color: var(--it-theme-5);
}

.it-about-2-style-4 .it-about-2-left {
  margin-left: 83px;
  padding-right: 0;
}

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

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

.it-about-2-style-4 .it-about-2-right {
  margin-right: 0;
}

.it-about-2-style-4 .it-about-2-shape-7 {
  bottom: 13%;
  right: -14%;
  animation: zoomIn 5s infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-style-4 .it-about-list-wrap .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 28px;
  }
}

.it-about-2-style-4 .it-about-text p {
  line-height: 1.75;
  margin-bottom: 35px;
}

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

.it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
  margin-left: 38px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-left: 20px;
  }
}

.it-about-2-style-4 .it-about-2-tab-box ul li button {
  font-weight: 600;
  font-size: 20px;
  border-radius: 100px;
  padding: 11px 30px;
  line-height: 1;
  transition: 0.4s;
  color: var(--it-text-body);
  font-family: var(--it-ff-oxanium);
  border: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 30px;
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}

.it-about-2-style-4 .it-about-2-tab-box ul li button:hover {
  color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

.it-about-2-style-5 .it-about-list-box ul li span {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}

@media 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-style-5 .it-about-list-box ul li span {
    font-size: 17px;
  }
}

.it-about-2-style-5 .it-about-list-box ul li span svg,
.it-about-2-style-5 .it-about-list-box ul li span i {
  color: var(--it-theme-2);
}

.it-about-2-style-5 .it-about-text p {
  margin-left: 40px;
  line-height: 1.75;
  margin-bottom: 35px;
}

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

  .it-about-2-style-5 .it-section-title br {
    display: none;
  }
}

.it-about-2-style-5 .it-about-list-box {
  margin-bottom: 35px;
}

.it-about-3-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.it-about-3-area .it-about-list-box ul li span svg,
.it-about-3-area i {
  color: var(--it-theme-2);
}

.it-about-3-area .it-about-experience-box {
  position: absolute;
  bottom: 26%;
  left: 3%;
  z-index: 2;
  padding: 35px 20px;
  width: 200px;
  padding-bottom: 50px;
  background-color: var(--it-theme-1);
  clip-path: path("M0.894531 65.5048C0.894531 21.7461 43.8841 -9.06705 85.3237 4.98955L90.4344 6.72315C102.369 10.7715 115.391 10.1738 126.905 5.04922C158.426 -8.98044 194.364 12.3019 197.214 46.6863L198.593 63.3162C198.866 66.6078 198.875 69.916 198.621 73.209L198.396 76.1119C194.439 127.312 151.738 166.84 100.385 166.84H80.4249C36.5015 166.84 0.894531 131.233 0.894531 87.3092V65.5048Z");
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-area .it-about-experience-box {
    padding: 50px 20px;
  }
}

@media (max-width: 767px) {
  .it-about-3-area .it-about-experience-box {
    display: none;
  }
}

.it-about-3-area .it-about-experience-box h5 {
  padding-left: 0;
  margin-left: 0;
  font-family: var(--it-ff-heading);
}

.it-about-3-area .it-about-experience-box h5::after {
  display: none;
}

.it-about-3-area .it-about-experience-box span {
  font-size: 14px;
  text-transform: capitalize;
}

.it-about-3-area .it-about-experience-box .border-img {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}

.it-about-3-area .it-about-right {
  margin-right: 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-about-3-area .it-about-right {
    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-about-3-area .it-about-right p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-about-3-area .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-3-area .it-section-title br {
    display: none;
  }
}

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

.it-about-3-thumb.style-1 {
  padding-right: 115px;
  position: relative;
  z-index: 1;
  transform: rotate(8deg);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb.style-1 {
    padding-right: 95px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-1 {
    padding-right: 0;
  }
}

@media (max-width: 767px) {
  .it-about-3-thumb.style-1 {
    padding-right: 0;
    transform: rotate(0);
    margin-bottom: 40px;
  }
}

.it-about-3-thumb.style-1 img {
  border: 3px solid var(--it-common-white);
}

.it-about-3-thumb.style-2 {
  padding-right: 40px;
  margin-top: -40px;
  transform: rotate(-19deg);
}

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

@media (max-width: 767px) {
  .it-about-3-thumb.style-2 {
    padding-right: 0px;
    margin-top: 0;
    transform: rotate(0);
  }
}

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

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

.it-about-3-shape-1 {
  position: absolute;
  top: 4%;
  right: 1%;
  z-index: -1;
}

.it-about-3-shape-2 {
  position: absolute;
  top: 42%;
  right: 4%;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-3-shape-2 {
    display: none;
  }
}

.it-about-3-shape-3 {
  position: absolute;
  top: 25%;
  left: 6%;
  z-index: -1;
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 40%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-shape-3 {
    top: 9%;
  }
}

@media 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-shape-3 {
    top: 3%;
  }
}

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

.it-about-4-logo img {
  animation: rotate 15s linear infinite;
}

.it-about-4-thumb {
  overflow: hidden;
  border-radius: 1000px;
  border: 5px solid var(--it-theme-4);
}

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

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

.it-about-4-thumb.style-1 {
  margin-left: 26px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb.style-1 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb.style-1 {
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-left: 0;
  }
}

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

.it-about-4-thumb.style-2 {
  border: 2px solid var(--it-theme-4);
}

.it-about-4-thumb:hover img {
  border-radius: 1000px;
  transform: scale(1.2);
}

.it-about-4-content {
  margin-right: 20px;
}

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

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

.it-about-4-content p {
  margin-bottom: 35px;
  margin-left: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-left: 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-about-4-content p {
    font-size: 14px;
    margin-left: 0;
  }
}

.it-about-4-content .it-about-list-box {
  margin-bottom: 35px;
}

.it-about-4-content .it-about-list-box ul li span {
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

.it-about-4-content .it-about-list-box ul li span svg {
  color: var(--it-theme-4);
}

.it-about-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  animation: itswing-2 1s forwards infinite alternate;
  transform-origin: bottom right;
}

.it-about-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-about-4-shape-2 {
    display: none;
  }
}

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

.it-about-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -15%;
  left: 3%;
}

.it-about-5-area {
  padding-top: 320px;
  padding-bottom: 215px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-area {
    padding-top: 220px;
    padding-bottom: 170px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-area {
    padding-top: 200px;
    padding-bottom: 170px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-area {
    padding-top: 180px;
    padding-bottom: 170px;
  }
}

@media (max-width: 767px) {
  .it-about-5-area {
    padding: 100px 0;
  }
}

.it-about-5-content {
  text-align: center;
}

.it-about-5-content p {
  font-size: 55px;
  line-height: 1.27;
  margin-bottom: 52px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-content p {
    font-size: 47px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-content p {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .it-about-5-content p {
    font-size: 25px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}

.it-about-5-content p img {
  padding: 0 4px;
  margin-top: -15px;
  border-radius: 1000px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p img {
    height: 30px;
    margin-top: -10px;
  }
}

@media (max-width: 767px) {
  .it-about-5-content p img {
    height: 20px;
    margin-top: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p img {
    height: 30px;
  }
}

.it-about-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  right: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-1 {
    right: -3%;
    bottom: 9%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 {
    right: -4%;
    bottom: 9%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-1 {
    right: -4%;
    bottom: 9%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-about-5-shape-1 {
    display: none;
  }
}

.it-about-5-shape-2 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 16.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-about-5-shape-2 {
    display: none;
  }
}

.it-about-5-shape-3 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 15%;
  opacity: 0.5;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-shape-3 {
    top: 10%;
    left: 7%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-3 {
    top: 9%;
    left: 10%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-3 {
    top: 5%;
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-3 {
    top: 2%;
    left: 8%;
    transform: scale(0.5);
  }
}

@media (max-width: 767px) {
  .it-about-5-shape-3 {
    display: none;
  }
}

.it-about-5-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  left: 0;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-4 {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-about-5-shape-4 {
    display: none;
  }
}

.it-about-5-shape-5 {
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 17%;
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-5 {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-about-5-shape-5 {
    display: none;
  }
}

.it-mission-item .icon {
  display: inline-block;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin-left: 20px;
  flex: 0 0 auto;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-mission-item .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    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-mission-item .icon svg {
    height: 20px;
  }
}

.it-mission-item .icon.style-2 {
  background-color: var(--it-theme-2);
}

.it-mission-item span {
  font-size: 28px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}

@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-mission-item span {
    font-size: 22px;
  }
}

.it-mission-item.style-2 {
  margin-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-mission-item.style-2 {
    margin-right: 0;
  }
}

.it-mission-item.style-2 .it-mission-text p {
  margin-left: 0;
}

.it-mission-text {
  margin-top: 25px;
}

.it-mission-text p {
  font-size: 18px;
  line-height: 1.5;
  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-mission-text p {
    font-size: 15px;
  }
}

.about-style-2 .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}

.about-style-2 .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}

.about-style-2 .it-choose-5-thumb::after {
  background-color: var(--it-theme-2);
}

.about-style-2 .it-choose-5-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-right: 25px;
  z-index: 1;
}

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

/*----------------------------------------*/
/*  15. course css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-course-section-title-box {
    margin-bottom: 30px !important;
  }
}

.it-course-author img {
  height: 40px;
  width: 40px;
  margin-left: 11px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
  outline: 1px solid rgba(255, 255, 255, 0.2);
}

.it-course-thumb {
  overflow: hidden;
}

.it-course-thumb img {
  transition: 1.3s all ease;
}

.it-course-thumb .wishlist-btn {
  position: absolute;
  top: 20px;
  left: 30px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}

.it-course-thumb .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}

.it-course-price-box del {
  font-weight: 600;
  font-size: 16px;
  margin-left: 11px;
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-price-box del {
    font-size: 14px;
  }
}

.it-course-price-box span {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-price-box span {
    font-size: 17px;
  }
}

.it-course-title {
  line-height: 1.5;
  margin-left: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-title {
    margin-left: 0;
    font-size: 19px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-title {
    margin-left: 0;
    font-size: 17px;
  }
}

.it-course-rating {
  padding-bottom: 27px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-rating {
    font-size: 13px;
  }
}

.it-course-rating i {
  color: var(--it-theme-2);
}

.it-course-meta span svg,
.it-course-meta span i {
  margin-top: -4px;
  margin-left: 6px;
}

.it-course-meta span:first-child {
  padding-left: 60px;
  border-left: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-left: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-meta span:first-child {
    padding-left: 0;
    border-left: none;
  }
}

.it-course-content {
  padding: 40px 30px;
  padding-top: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-content {
    padding: 30px 20px;
  }
}

.it-course-btn .it-btn-yellow {
  background-color: var(--it-text-body);
}

.it-course-btn .it-btn-yellow span {
  color: var(--it-common-white);
}

.it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-course-tab-btn ul li button {
  padding: 0;
  margin: 0 20px;
  font-weight: 600;
  font-size: 20px;
  position: relative;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}

@media (max-width: 767px) {
  .it-course-tab-btn ul li button {
    font-size: 19px;
    margin-bottom: 30px;
  }
}

.it-course-tab-btn ul li button span {
  position: absolute;
  bottom: -12px;
  right: 0;
  left: 0;
  z-index: -1;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s;
}

.it-course-tab-btn ul li button span svg {
  width: 0;
  transition: 0.3s;
}

.it-course-tab-btn ul li button.active {
  color: var(--it-common-black);
}

.it-course-tab-btn ul li button.active span {
  opacity: 1;
}

.it-course-tab-btn ul li button.active span svg {
  width: 100%;
}

.it-course-tab-btn ul li button:hover {
  color: var(--it-common-black);
}

.it-course-item {
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.1);
}

.it-course-item .course-category {
  position: absolute;
  right: 30px;
  top: 20px;
  border-radius: 5px;
  padding: 7.5px 20px;
  color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
  background-color: var(--it-theme-1);
}

.it-course-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-course-item:hover .it-course-thumb img {
  transform: scale(1.15);
}

.it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}

.it-course-style-2 .it-course-item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-style-2 .it-course-item:hover {
  border-color: var(--it-theme-1);
}

.it-course-style-2 .it-course-content {
  padding: 0 20px 0 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-2 .it-course-content {
    padding: 0 20px 0 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 0 0 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 0 0 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 20px 20px 0 0;
  }
}

.it-course-style-2 .it-course-thumb {
  height: 100%;
}

.it-course-style-2 .it-course-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(31, 36, 50, 0.2);
}

.it-course-style-2 .it-course-thumb img {
  height: 100%;
  object-fit: cover;
}

.it-course-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: 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-course-style-2 .it-course-meta span {
    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-course-style-2 .it-course-meta span svg,
  .it-course-style-2 .it-course-meta span i {
    height: 15px;
  }
}

.it-course-style-2 .it-course-meta span:first-child {
  padding-left: 30px;
}

.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-2);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .it-course-style-2 .it-course-price-box del,
  .it-course-style-2 .it-course-price-box span {
    font-size: 12px;
  }
}

.it-course-style-2 .it-course-thumb .wishlist-btn {
  height: 30px;
  width: 30px;
  top: 15px;
  left: 15px;
  z-index: 1;
}

.it-course-style-2 .it-course-thumb .wishlist-btn svg {
  height: 12px;
}

.it-course-style-2 .it-course-thumb .course-category {
  top: 15px;
  right: 15px;
  font-size: 14px;
  padding: 5.5px 11px;
  z-index: 1;
}

.it-course-style-2 .it-course-title {
  margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-2 .it-course-title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}

.it-course-style-3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.it-course-style-3 .it-course-tab-btn ul li button.active span svg {
  color: var(--it-theme-2);
}

.it-course-style-3 .it-course-price-box span {
  color: var(--it-theme-2);
}

.it-course-style-3 .it-course-content {
  border-radius: 20px;
  margin-top: -15px;
  z-index: 1;
  background-color: var(--it-common-white);
}

.it-course-style-3 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}

.it-course-style-3 .it-course-thumb img {
  border-radius: 20px 20px 0 0;
}

.it-course-style-4 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-course-style-4 .it-course-thumb {
  transition: 0.3s;
  border: 1px solid transparent;
}

.it-course-style-4 .it-course-content {
  padding: 0 10px;
  padding-top: 27px;
}

@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-course-style-4 .it-course-content {
    padding: 0;
    padding-top: 27px;
  }
}

.it-course-style-4 .it-course-text {
  padding-bottom: 25px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}

.it-course-style-4 .it-course-text p {
  margin-bottom: 0;
}

.it-course-style-4 .it-course-meta span {
  padding-left: 0;
  display: block;
  margin-bottom: 15px;
  border: none;
}

.it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
  margin-left: 30px;
  border-left: 1px solid rgba(108, 117, 125, 0.5);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    border-left: none;
  }
}

@media (max-width: 767px) {
  .it-course-style-4 .it-course-section-title-box {
    margin-bottom: 60px !important;
  }
}

.it-course-style-4 .it-course-item {
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-course-style-4 .it-course-item:hover .it-course-thumb {
  border: 1px solid var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-5.it-course-style-4 {
    padding-bottom: 95px;
  }
}

.it-course-style-5 .it-course-item {
  box-shadow: none;
  border: 1px solid rgba(3, 89, 78, 0.12);
}

.it-course-style-5 .it-course-item .flag {
  position: absolute;
  right: 0;
  left: 0;
  top: -29px;
  height: 59px;
  width: 59px;
  z-index: 1;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 500ms ease;
}

.it-course-style-5 .it-course-item:hover .flag {
  transform: rotate(-360deg);
}

.it-course-style-5 .it-course-item:hover .it-course-thumb {
  border: none;
}

.it-course-style-5.it-course-style-4 .it-course-thumb {
  border: none;
}

.it-course-style-5.it-course-style-4 .it-course-content {
  padding-top: 50px;
}

.it-course-style-5.it-course-style-4 .it-course-meta span {
  display: inline-block;
  margin-bottom: 27px;
}

@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span {
    font-size: 15px;
  }
}

.it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
  padding-left: 40px;
  margin-left: 36px;
  border-left: 1px solid var(--it-text-body);
}

@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
    padding-left: 30px;
    margin-left: 25px;
  }
}

.it-course-style-5.it-course-style-4 .it-course-title {
  margin-left: 0;
}

.it-course-style-6 {
  padding-top: 140px;
  padding-bottom: 230px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-6 {
    padding: 130px 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}

.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-2);
}

.it-course-style-6 .it-course-item:hover .it-btn-yellow {
  background-color: var(--it-theme-2);
}

.it-course-style-6 .it-course-item:hover .it-btn-yellow span,
.it-course-style-6 .it-course-item:hover .it-btn-yellow i,
.it-course-style-6 .it-course-item:hover .it-btn-yellow svg {
  color: var(--it-common-black);
}

.it-course-style-6 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}

.it-course-style-6 .it-course-rating span {
  display: inline-block;
  margin-right: 3px;
  color: var(--it-common-black);
}

.it-course-style-6 .it-course-content {
  padding: 40px 30px;
}

@media (max-width: 767px) {
  .it-course-style-6 .it-course-content {
    padding: 40px 20px;
  }
}

.it-course-style-6 .it-course-title {
  margin-bottom: 31px;
  margin-left: 0;
}

.it-course-style-6 .it-course-meta {
  margin-bottom: 38px;
}

.it-course-style-7.it-course-style-6 {
  padding-top: 130px;
  padding-bottom: 130px;
}

.it-course-style-7.it-course-style-6 .it-course-title {
  margin-bottom: 23px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-title {
    font-size: 19px;
  }
}

.it-course-style-7.it-course-style-6 .it-course-item {
  border-radius: 20px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}

.it-course-style-7.it-course-style-6 .it-course-rating {
  margin-bottom: 28px;
}

.it-course-style-7.it-course-style-6 .it-course-meta {
  margin-bottom: 0;
}

.it-course-style-7.it-course-style-6 .it-course-meta span:first-child {
  padding-left: 30px;
  margin-left: 0;
  border-left: none;
}

.it-course-style-7.it-course-style-6 .it-course-meta svg,
.it-course-style-7.it-course-style-6 .it-course-meta i {
  color: var(--it-theme-1);
}

.it-course-style-7.it-course-style-6 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}

.it-course-style-7.it-course-style-6 .it-course-thumb img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}

.it-course-style-7.it-course-style-6 .it-course-content {
  padding: 37px 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-content {
    padding: 37px 20px;
  }
}

.it-course-style-7.it-course-style-6 .it-course-price {
  position: absolute;
  left: 40px;
  top: -33px;
  z-index: 1;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
  font-family: var(--it-ff-spartan-semibold);
}

.it-course-style-8 .it-course-item {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
}

.it-course-style-8 .it-course-item p {
  margin-bottom: 25px;
}

@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-course-style-8 .it-course-item p {
    font-size: 14px;
  }
}

.it-course-style-8 .it-course-item:hover {
  box-shadow: none;
}

.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}

.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow span,
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-course-style-8 .it-course-price-box del,
.it-course-style-8 .it-course-price-box span {
  font-family: var(--it-ff-cinzel-decorative);
}

.it-course-style-8.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}

@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 {
    background-color: var(--it-common-white);
  }
}

.it-course-style-8.it-course-style-6 .it-course-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 20px;
  }
}

.it-course-style-8.it-course-style-6 .it-course-content {
  padding: 40px 30px;
  padding-top: 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-course-style-8.it-course-style-6 .it-course-content {
    padding: 40px 20px;
    padding-top: 24px;
  }
}

.it-course-style-9 .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-heading);
}

.it-course-style-9 .it-btn-yellow span,
.it-course-style-9 .it-btn-yellow svg {
  color: var(--it-text-body);
}

.it-course-style-9.it-course-style-2 .it-course-thumb::after {
  display: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-9.it-course-style-2 .it-course-title {
    font-size: 22px;
  }
}

.it-course-style-9.it-course-style-2 .it-course-rating {
  margin-bottom: 0;
}

.it-course-style-9.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-1);
}

.it-course-style-9.it-course-style-2 .it-course-rating span {
  color: var(--it-common-black);
}

.it-course-style-9.it-course-style-2 .it-course-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-right: 30px;
  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-course-style-9.it-course-style-2 .it-course-content {
    padding-right: 0;
    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-course-style-9.it-course-style-2 .it-course-content {
    padding-right: 0;
    padding-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-right: 20px;
  }
}

.it-course-style-10 .it-course-item {
  background-color: var(--it-gray-4);
  border: 1px solid rgba(254, 130, 53, 0.1);
}

.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-common-black);
}

.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow span,
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-course-style-10.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}

.it-course-style-10.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-5);
}

.it-course-style-10.it-course-style-6 .it-course-title {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--it-ff-oxanium);
}

@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-course-style-10.it-course-style-6 .it-course-title {
    font-size: 21px;
  }
}

.it-course-style-10.it-course-style-6 .it-course-meta {
  margin-bottom: 33px;
}

.it-course-style-10 .it-course-rating i {
  color: var(--it-theme-5);
}

.it-course-style-10 .it-course-meta span:first-child {
  padding-left: 20px;
  margin-left: 17px;
}

.it-course-style-10 .it-course-btn .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}

.it-course-style-11 .circle {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  bottom: -7%;
  height: 891px;
  width: 891px;
  border-radius: 50%;
  background-color: rgba(3, 89, 78, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-style-11 .circle {
    display: none;
  }
}

.it-course-style-11 .course-category {
  top: -20px;
  right: auto;
  left: 40px;
  z-index: 2;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-11 .it-course-meta span:first-child {
    padding-left: 33px;
  }
}

.it-course-inner-style .it-course-content {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: -23%;
  background-color: var(--it-common-white);
  transition: 0.6s all ease;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -18%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -26%;
  }
}

@media (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -27%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -15%;
  }
}

.it-course-inner-style .it-course-item {
  overflow: hidden;
}

.it-course-inner-style .it-course-item:hover .it-course-content {
  margin-top: -23%;
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -18%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -26%;
  }
}

@media (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -27%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -15%;
  }
}

.it-course-inner-style-2 .it-course-meta span svg,
.it-course-inner-style-2 .it-course-meta span i {
  color: var(--it-theme-1);
}

.it-course-inner-style-2 .it-course-rating {
  margin-bottom: 0;
}

.it-course-inner-style-2 .it-course-title {
  margin-bottom: 30px;
}

.it-course-inner-style-2 .it-course-meta {
  margin-bottom: 20px;
}

.it-course-shape-1 {
  position: absolute;
  top: -6.5%;
  left: 20%;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 {
    top: -4%;
  }
}

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

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-1 img {
    transform: scale(0.8);
  }
}

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

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

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

.it-course-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 9%;
}

.it-course-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 8%;
  right: 12.5%;
}

.it-course-shape-5 {
  position: absolute;
  top: 20%;
  left: 0;
  z-index: -1;
}

.it-course-shape-6 {
  position: absolute;
  top: 16%;
  right: 7.5%;
  z-index: -1;
  animation: translateY 4s infinite alternate;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-shape-6 {
    display: none;
  }
}

.it-course-shape-7 {
  position: absolute;
  top: 10.5%;
  right: 8.5%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-shape-7 {
    display: none;
  }
}

.it-course-shape-8 {
  position: absolute;
  z-index: -1;
  top: -20%;
  right: 0;
}

.it-course-shape-9 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 10%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

.it-course-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 10%;
}

@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-course-shape-10 {
    display: none;
  }
}

.it-course-shape-11 {
  position: absolute;
  bottom: 12%;
  left: 11%;
  animation: rotate 25s linear infinite;
}

@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-course-shape-11 {
    display: none;
  }
}

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

.it-course-shape-13 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

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

.it-course-shape-15 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .it-course-filter-top-right {
    flex-wrap: wrap;
  }
}

.it-course-filter-tab ul {
  padding: 5px;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 1000px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-filter-tab ul li {
  display: inline-block;
}

.it-course-filter-tab ul li button {
  display: flex;
  transition: 0.3s;
  padding: 8px 20px;
  align-items: center;
  border-radius: 1000px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-filter-tab ul li button {
    font-size: 14px;
  }
}

.it-course-filter-tab ul li button span {
  display: inline-block;
  margin-top: -4px;
  margin-left: 9px;
}

.it-course-filter-tab ul li button span svg {
  transition: 0.3s;
  color: var(--it-common-black);
}

.it-course-filter-tab ul li button.active {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}

.it-course-filter-tab ul li button.active span svg {
  color: var(--it-theme-1);
}

.it-course-filter-tab ul li button:hover {
  color: var(--it-theme-1);
}

.it-course-filter-search {
  max-width: 305px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-search {
    max-width: 220px;
  }
}

.it-course-filter-search input {
  height: 43px;
  line-height: 43px;
  padding-left: 50px;
  border-radius: 1000px;
  background-color: transparent;
  border: 1px solid rgba(3, 89, 78, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-filter-search input {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-filter-search input::placeholder {
    font-size: 14px;
  }
}

.it-course-filter-search input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-course-filter-search button {
  position: absolute;
  top: 48%;
  left: 20px;
  transform: translateY(-50%);
}

.it-course-filter-result {
  margin-right: 25px;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .it-course-filter-result {
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-result {
    margin-right: 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-course-filter-result span {
    font-size: 14px;
  }
}

.it-course-filter-result span b {
  font-weight: 600;
  color: var(--it-common-black);
}

.it-course-filter-button {
  height: 43px;
  line-height: 43px;
  padding: 0 19px;
  margin-right: 38px;
  margin-bottom: 30px;
  border-radius: 1000px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-button {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-course-filter-button {
    font-size: 14px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-button {
    margin-right: 25px;
  }
}

.it-course-filter-button span {
  margin-left: 10px;
  display: inline-block;
}

.it-course-filter-dropdown-area {
  padding: 75px;
  border-radius: 20px;
  background: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area {
    padding: 65px 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area {
    padding: 45px 40px;
  }
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-area {
    padding: 35px 20px;
  }
}

.it-course-filter-dropdown-area .filter-group {
  padding: 20px 15px;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

.it-course-filter-dropdown-area .filter-group label span {
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  transition: 0.1s;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group label span {
    height: 25px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}

.it-course-filter-dropdown-area .filter-group label span i {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
}

.it-course-filter-dropdown-area .filter-group label:not(:last-child) {
  margin-left: 5px;
}

.it-course-filter-dropdown-area .filter-group label input[type=checkbox] {
  display: none;
}

.it-course-filter-dropdown-area .filter-group.sort-group {
  width: 100%;
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.sort-group {
    margin-bottom: 20px;
  }
}

.it-course-filter-dropdown-area .filter-group.language-group {
  width: 506px;
  flex: 0 0 auto;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 465px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 480px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 43%;
  }
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 100%;
  }
}

.it-course-filter-dropdown-area .filter-group.price-group {
  width: 277px;
  flex: 0 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 250px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 30%;
    flex: auto;
  }
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    flex: auto;
    width: 100%;
  }
}

.it-course-filter-dropdown-area .filter-group.price-group label i {
  margin-right: 2px;
}

.it-course-filter-dropdown-area .filter-group.instructors-group {
  width: 100%;
  margin-right: 20px;
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group {
    margin-right: 0;
    margin-top: 20px;
  }
}

.it-course-filter-dropdown-area .filter-group.instructors-group label i {
  margin-right: 17px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-right: 14px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-right: 12px;
  }
}

.it-course-filter-dropdown-area .filter-group.categories-group label i {
  margin-right: 7px;
}

.it-course-filter-dropdown-area .filter-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
  color: var(--it-common-black);
}

.it-course-filter-dropdown-wrapper {
  position: absolute;
  top: 120%;
  right: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
  transform-origin: top;
  transform: perspective(300px) rotateX(-18deg);
}

@media (max-width: 767px) {
  .it-course-filter-dropdown-wrapper {
    top: 95%;
  }
}

.it-course-filter-dropdown-wrapper.it-filter-dropdown-opened {
  visibility: visible;
  opacity: 1;
  transform: perspective(300px) rotateX(0deg);
}

.it-course-filter-open-style .it-course-filter-dropdown-style-2 {
  visibility: visible;
  opacity: 1;
  position: initial;
  transition: initial;
  margin-bottom: 60px;
  transform: perspective(0) rotateX(0);
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 40px 0 20px;
}

@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 25px 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 0 30px 0 20px;
  }
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 24px;
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
  margin-left: -7px;
}

@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
    margin-left: 0;
  }
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb::after {
  display: none;
}

.it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
}

@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
    display: none;
  }
}

.it-course-grid-sidebar-style .it-course-style-2 .course-category {
  position: static;
  margin-left: 40px;
  border-radius: 1000px;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.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-course-grid-sidebar-style .it-course-style-2 .course-category {
    font-size: 14px;
    padding: 5.5px 16px;
  }
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
  padding-left: 30px;
  margin-left: 30px;
  border-left: 1px solid var(--it-text-body);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
(max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
    padding-left: 15px;
    margin-left: 15px;
  }
}

.it-course-grid-sidebar-style .it-course-style-2 .it-course-item {
  border: 1px solid var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-grid-sidebar-style .it-course-meta span:first-child {
    padding-left: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .it-course-grid-sidebar-style .it-course-price-box del,
  .it-course-grid-sidebar-style .it-course-price-box span {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author img {
    height: 30px;
    width: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-title {
    font-size: 17px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-meta span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-open-style .it-course-meta span:first-child {
    padding-left: 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-inner-v1-style .it-course-meta span:first-child {
    padding-left: 35px;
  }
}

.it-course-faq-top-text span {
  font-family: var(--it-ff-spartan-medium);
}

.it-course-faq-top-text a {
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}

.it-course-area .it-course-details-active .it-course-item:hover {
  box-shadow: 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-course-area .it-course-details-wrapper .it-testimonial-arrow-wrap {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text span {
    display: block;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text {
    flex-wrap: wrap !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-style-3 .it-course-faq-top-text span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .price-section {
    flex-wrap: wrap !important;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 0;
  }
}

.it-course-details-area.it-course-details-v1-style .it-btn-yellow {
  padding: 18px 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .coupon-input.d-flex {
    flex-wrap: wrap !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-btn-yellow.theme-bg.ml-10 {
    margin-right: 0;
    margin-top: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .course-info ul li {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}

@media (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-details-list.course-list-style-2 {
    margin-top: 15px;
  }
}

/* Hover & Checked Style */
.sort-options label span:hover,
.sort-options label input[type=checkbox]:checked+span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-course-sidebar {
  background-color: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-course-sidebar .it-btn-yellow span {
  font-family: var(--it-ff-spartan-semibold);
}

.it-course-sidebar .price-section .price {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}

.it-course-sidebar .price-section .old-price {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}

.it-course-sidebar .price-section .discount {
  font-weight: 400;
  font-size: 14px;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}

.it-course-sidebar .price-section .time-left {
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-sidebar .price-section .time-left svg {
  margin-inline-end: 2px;
  margin-top: -3px;
  display: inline-block;
}

.it-course-sidebar .price-section-box {
  padding: 30px 30px 0 30px;
}

.it-course-sidebar .coupon-section {
  padding: 0 30px 40px 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-sidebar .coupon-section .it-btn-yellow {
  padding: 14.5px 29px;
}

.it-course-sidebar .coupon-section .applied {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 25px;
  border-radius: 5px;
  border: 1px dashed rgba(108, 117, 125, 0.6);
}

.it-course-sidebar .coupon-section .applied span {
  font-size: 14px;
  font-weight: 400;
}

.it-course-sidebar .coupon-section .coupon-input input {
  height: 50px;
  line-height: 50%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid rgba(108, 117, 125, 0.5);
}

.it-course-sidebar .course-info {
  padding: 0 30px;
}

.it-course-sidebar .course-info ul li {
  list-style-type: none;
  position: relative;
  padding: 18px 0;
  padding-right: 30px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}

.it-course-sidebar .course-info ul li:not(:last-child) {
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}

.it-course-sidebar .course-info ul li span {
  font-family: var(--it-ff-spartan-medium);
}

.it-course-sidebar .course-info ul li svg {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.it-course-sidebar .social-section {
  margin-bottom: 30px;
  text-align: center;
  padding: 30px 30px 40px 30px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-sidebar .social-section a {
  height: 53px;
  width: 53px;
  line-height: 50px;
}

.it-course-sidebar .social-section a svg {
  height: 21px;
  width: 21px;
}

.it-course-sidebar .contact-section {
  padding: 0 30px 60px 30px;
}

.it-course-sidebar .contact-section .call-box {
  border-radius: 8px;
  padding: 16px 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  border: 1px solid var(--it-common-white);
}

.it-course-sidebar .contact-section .call-box svg {
  margin-top: -3px;
  margin-left: 3px;
  display: inline-block;
}

.it-course-sidebar .contact-section-wrap {
  border-radius: 0 0 20px 20px;
}

.it-course-sidebar p {
  font-size: 14px;
  text-align: center;
  color: var(--it-theme-1);
}

.it-course-sidebar p svg {
  display: inline-block;
  margin-top: -3px;
  margin-left: 4px;
}

.it-course-sidebar-thumb {
  margin: 15px;
  margin-bottom: 40px;
  border-radius: 10px;
}

.it-course-sidebar-thumb img {
  border-radius: 10px;
}

.it-course-sidebar-thumb.thumb-overlay::after {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}

.it-course-details-ratting-wrap .ratting-left {
  width: 100%;
  padding: 40px 15px;
  border-radius: 20px;
  margin-left: 5px;
  background-color: var(--it-gray-1);
}

@media (max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-left {
    margin-bottom: 30px;
  }
}

.it-course-details-ratting-wrap .ratting-left .title {
  font-size: 50px;
  line-height: 1;
  margin-bottom: 8px;
  color: var(--it-common-black);
  font-weight: var(--it-ff-spartan-semibold);
}

.it-course-details-ratting-wrap .ratting-left .ratting svg {
  display: inline-block;
  margin: 0 1px;
}

.it-course-details-ratting-wrap .ratting-left span {
  color: var(--it-common-black);
}

.it-course-details-ratting-wrap .ratting-right {
  padding: 30px;
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-ratting-wrap .ratting-right {
    padding: 30px 20px;
  }
}

.it-course-details-section-title-box span {
  font-size: 20px;
  font-family: var(--it-ff-spartan-semibold);
}

.it-course-details-border {
  border-top: 1px solid rgba(108, 117, 125, 0.5);
}

.it-course-details-border .it-testimonial-arrow-wrap button.arrow-prev {
  right: -6%;
}

.it-course-details-border .it-testimonial-arrow-wrap button.arrow-next {
  left: -6%;
}

.it-course-details-style-2 .it-course-sidebar {
  margin-top: -325px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-style-2 .it-course-sidebar {
    margin-top: 70px;
  }
}

.it-course-details-style-2 .it-course-sidebar-wrap {
  position: sticky;
  z-index: 9;
  top: 120px;
}

.it-course-details-nav-box {
  padding: 3px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: sticky;
  z-index: 3;
  top: 120px;
}

.it-course-details-nav-box nav ul li {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}

.it-course-details-nav-box nav ul li.current {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-course-details-style-3 .it-course-sidebar-thumb {
  border: 5px solid #fff;
  margin: 0 0 95px 0;
  margin-top: -220px;
}

@media (max-width: 767px) {
  .it-course-details-style-3 .it-course-sidebar-thumb {
    margin-top: 100px;
  }
}

.it-course-details-style-3 .it-course-sidebar {
  position: sticky;
  top: 120px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-style-3 .it-course-details-left {
    margin-top: 70px;
  }
}

.it-course-details-style-3 .it-course-faq-top-text {
  padding: 0 30px;
}

.it-course-details-style-3 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 120px;
    width: 120px;
    line-height: 120px;
  }
}

@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}

.it-course-details-style-3 .it-about-thumb-icon svg {
  padding-right: 6px;
  display: inline-block;
}

@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon svg {
    height: 15px;
    width: 15px;
    padding-right: 2px;
  }
}

.it-course-details-style-3 .course-details-border {
  padding: 20px 30px;
  padding-bottom: 25px;
  margin-bottom: 40px;
  border-radius: 20px 20px 30px 30px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

@media (max-width: 767px) {
  .it-course-details-style-3 .course-details-border {
    padding: 20px;
  }
}

.it-course-details-style-3 .course-details-border.faq-style {
  padding: 0;
  padding-top: 20px;
}

.it-course-details-style-3 .course-details-border.faq-style .it-custom-accordion-2 {
  border-bottom: none;
}

.it-course-details-style-3 .it-custom-accordion-2 {
  margin-top: 0;
}

.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p {
  margin-left: 0;
}

.it-course-details-style-3 .postbox-comment-item.course-style .postbox-user-info p br {
  display: none;
}

.it-course-details-style-3 .course-style .postbox-comment-content ul li {
  margin-bottom: 0;
  padding-bottom: 0;
}

.it-course-details-style-3 .postbox-comment-content ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.it-course-details-style-4 .postbox-user-info p {
  margin-left: 0;
}

.it-course-details-style-4 .postbox-user-info p br {
  display: none;
}

.it-course-details-style-4 .it-breadcrumb-author-info span:last-child {
  color: var(--it-text-body);
  font-size: 18px;
}

.it-course-details-style-4 .it-breadcrumb-author-wrapper .border-style {
  border-left: 1px solid rgba(108, 117, 125, 0.5);
}

.it-course-details-style-4 .it-breadcrumb-subtitle {
  margin-bottom: 32px;
}

.it-course-details-style-4 .it-course-sidebar-thumb {
  margin-top: 0;
  margin-bottom: 80px;
}

.it-course-details-style-4 .course-info {
  padding-top: 35px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}

.it-course-details-style-4 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon svg {
    padding-right: 4px;
    height: 18px;
    width: 18px;
  }
}

.it-course-details-style-4 .it-course-details-left {
  margin-top: 0;
}

.it-course-left {
  overflow: visible;
}

.it-details-title {
  font-size: 30px;
  margin-bottom: 15px;
  font-family: var(--it-ff-spartan-semibold);
}

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

.it-details-title-sm {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}

.it-details-list.style-2 {
  margin-right: -11px;
}

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

.it-details-list ul li {
  list-style-type: none;
}

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

.it-details-list ul li span {
  position: relative;
  padding-right: 30px;
  display: inline-block;
  color: var(--it-common-black);
}

.it-details-list ul li span svg {
  position: absolute;
  top: 2px;
  right: 0;
  color: var(--it-theme-2);
}

.it-progress-bar-item {
  position: relative;
  padding: 0 60px;
}

.it-progress-bar-item span {
  position: absolute;
  top: 0;
  left: 0;
}

.it-progress-bar-item label {
  position: absolute;
  top: 0;
  right: 0;
}

.it-progress-bar-item .progress {
  height: 5px;
  border-radius: 0;
  background: #EAEDEE;
}

.it-progress-bar-item .progress-bar {
  background-color: var(--it-theme-2);
}

.it-progress-bar-item .it-progress-bar {
  padding-top: 10px;
}

/*----------------------------------------*/
/*  37. team css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-team-section-title-box {
    margin-bottom: 30px;
  }
}

.it-team-content {
  padding: 20px;
  padding-top: 46px;
}

.it-team-title {
  font-size: 24px;
  margin-bottom: 7px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-title {
    font-size: 20px;
  }
}

.it-team-thumb {
  overflow: hidden;
}

.it-team-thumb img {
  transition: 1.3s all ease;
  width: 100%;
}

.it-team-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}

.it-team-social {
  position: absolute;
  bottom: 40px;
  right: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.8s;
  transition-property: all;
}

.it-team-social a {
  width: 42px;
  height: 42px;
  line-height: 35px;
  margin: 0 5px;
  border-radius: 5px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.15);
}

.it-team-social a:hover {
  color: var(--it-theme-2);
}

@media (max-width: 767px) {
  .it-team-social a {
    width: 35px;
    height: 35px;
    line-height: 29px;
  }
}

.it-team-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}

.it-team-item:hover .it-team-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}

.it-team-item:hover .it-team-social {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}

.it-team-item .it-course-meta {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
}

.it-team-item .it-course-meta span {
  font-size: 14px;
}

.it-team-item .it-course-meta span:first-child {
  padding-left: 0;
  width: 49%;
  text-align: start;
}

.it-team-shape-1 {
  position: absolute;
  bottom: 28%;
  right: 54%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}

@media 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-shape-1 {
    display: none;
  }
}

.it-team-shape-2 {
  position: absolute;
  top: -8%;
  left: 0%;
  z-index: -1;
}

.it-team-shape-3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
}

.it-team-shape-4 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  right: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 {
    right: 3%;
    top: 0;
  }
}

@media (max-width: 767px) {
  .it-team-shape-4 {
    display: none;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 img {
    transform: scale(0.6);
  }
}

.it-team-shape-5 {
  position: absolute;
  z-index: -1;
  top: 3%;
  right: 1.5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-shape-5 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-5 {
    top: 1%;
    right: -3%;
    transform: scale(0.6);
  }
}

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

.it-team-shape-6 {
  position: absolute;
  z-index: -1;
  top: 5%;
  left: 5%;
}

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

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

.it-team-shape-7 {
  position: absolute;
  top: 20%;
  right: 6%;
  opacity: 0.4;
}

.it-team-shape-8 {
  position: absolute;
  z-index: -1;
  left: 0;
  top: 0;
}

.it-team-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  right: 0;
}

.it-team-shape-10 {
  position: absolute;
  z-index: -1;
  top: 8%;
  right: 6%;
}

.it-team-style-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media 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-style-2 {
    background-color: var(--it-gray-1);
    background-image: none !important;
  }
}

.it-team-style-2 .it-team-content {
  padding: 24px 25px;
  padding-top: 25px;
}

@media (max-width: 767px) {
  .it-team-style-2 .it-team-section-title-box {
    margin-bottom: 65px;
  }
}

.it-team-style-3 .it-team-thumb img {
  width: 100%;
}

.it-team-style-3 .it-team-thumb::after {
  display: none;
}

.it-team-style-3 .it-team-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

.it-team-style-3 .it-team-content {
  padding: 0;
  padding-top: 25px;
}

.it-team-style-3 .it-team-content span {
  color: var(--it-theme-4);
}

.it-team-style-3 .it-course-meta {
  margin-top: 15px;
  padding: 19px 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-style-3 .it-course-meta {
    padding: 19px 20px;
  }
}

.it-team-style-3 .it-course-meta svg,
.it-team-style-3 .it-course-meta i {
  color: var(--it-theme-4);
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-style-3 .it-team-item .it-course-meta span:first-child {
    width: auto;
    text-align: center;
  }
}

.it-team-style-4 .it-team-title {
  font-weight: 700;
  transition: 0.4s;
  font-family: var(--it-ff-cinzel-decorative);
}

.it-team-style-4 .it-team-content span {
  transition: 0.4s;
}

.it-team-style-4 .it-team-item {
  transition: 0.4s;
}

.it-team-style-4 .it-team-item .it-course-meta {
  transition: 0.4s;
}

.it-team-style-4 .it-team-item .it-course-meta span,
.it-team-style-4 .it-team-item .it-course-meta svg {
  transition: 0.4s;
}

.it-team-style-4 .it-team-item:hover {
  background-color: var(--it-theme-1);
}

.it-team-style-4 .it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}

.it-team-style-4 .it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}

.it-team-style-4 .it-team-item:hover .it-course--meta {
  background: rgba(255, 255, 255, 0.1);
}

.it-team-2-content {
  position: absolute;
  z-index: 3;
  bottom: 35px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.it-team-2-content span {
  transition: 0.3s;
  color: var(--it-theme-5);
}

.it-team-2-title {
  font-weight: 600;
  font-size: 24px;
  transition: 0.3s;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}

.it-team-2-social {
  position: absolute;
  top: -40%;
  left: 20px;
  z-index: 3;
  transition: 0.5s;
}

.it-team-2-social a {
  width: 25px;
  height: 25px;
  display: block;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid #dbe0e2;
  color: var(--it-common-black);
}

.it-team-2-social a:not(:last-child) {
  margin-bottom: 7px;
}

.it-team-2-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}

.it-team-2-thumb img {
  transition: 1.3s all ease;
}

.it-team-2-item {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.it-team-2-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 60%;
  border-radius: 20px;
  transition: 0.3s;
  z-index: 1;
  background: linear-gradient(-180deg, rgba(240, 244, 245, 0) 0%, #1F2432 100%);
}

.it-team-2-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  width: 100%;
  height: 50%;
  border-radius: 20px;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
  background: linear-gradient(-180deg, rgba(254, 130, 53, 0) 0%, #fe8235 100%);
}

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

.it-team-2-item:hover .it-team-2-title {
  color: var(--it-common-white);
}

.it-team-2-item:hover .it-team-2-social {
  top: 20px;
}

.it-team-2-item:hover .it-team-2-content span {
  color: var(--it-common-white);
}

.it-team-2-item:hover::after {
  opacity: 1;
}

.it-team-3-thumb {
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 25px;
  display: inline-block;
}

.it-team-3-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(108, 117, 125, 0.2);
}

.it-team-3-title {
  font-size: 24px;
  color: #000;
  margin-bottom: 7px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-3-title {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .it-team-3-btn {
    margin-top: 30px;
  }
}

.it-team-3-item {
  padding: 50px 20px;
  padding-bottom: 46px;
  background-color: var(--it-common-white);
}

.it-team-3-item:hover .it-team-3-thumb img {
  transform: scale(1.2);
}

.it-team-details-left {
  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-details-left {
    margin-left: 0;
  }
}

.it-team-details-area .it-course-sidebar .social-section {
  margin-bottom: 0;
  padding: 0 15px 60px 15px;
  border-bottom: none;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a svg {
    height: 15px;
  }
}

.it-team-details-area .it-course-sidebar-wrap {
  margin-top: -185px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-team-details-area .it-course-sidebar-wrap {
    margin-top: 35px;
  }
}

/*----------------------------------------*/
/*  16. cta css start
/*----------------------------------------*/
.it-cta-bg {
  position: relative;
}

.it-cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 50%;
  width: 100%;
  z-index: -1;
  background-color: var(--it-gray-1);
}

.it-cta-wrap {
  padding: 70px 75px;
  border-radius: 20px;
  margin: 0 116px;
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 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-cta-wrap {
    margin: 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-cta-wrap {
    margin: 0;
    padding: 60px 30px;
  }
}

.it-cta-wrap .separator {
  position: absolute;
  top: 50%;
  right: 53%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap .separator {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .it-cta-wrap .separator {
    display: none;
  }
}

.it-cta-wrap .separator::before {
  content: "";
  top: -45px;
  right: 0;
  left: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-wrap .separator::before {
    width: 1px;
  }
}

.it-cta-wrap .separator::after {
  content: "";
  bottom: -45px;
  right: 0;
  left: 0;
  height: 40px;
  width: 3px;
  margin: 0 auto;
  position: absolute;
  background-color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-wrap .separator::after {
    width: 1px;
  }
}

@media (max-width: 767px) {
  .it-cta-area .row [class*=col-]:first-child .it-cta-content {
    margin-bottom: 45px;
  }
}

.it-cta-content span {
  display: block;
  font-size: 24px;
  margin-bottom: 20px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content span {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-content span {
    font-size: 16px;
  }
}

.it-cta-content span svg {
  margin-top: -9px;
  margin-left: 10px;
  display: inline-block;
}

.it-cta-content a {
  font-size: 28px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content a {
    font-size: 24px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-content a {
    font-size: 18px;
  }
}

.it-cta-2-area {
  background-size: cover;
  background-repeat: no-repeat;
}

.it-cta-2-title {
  font-size: 60px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-2-title {
    font-size: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-title {
    font-size: 48px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-title {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 50px;
    font-size: 27px;
  }
}

@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 70px;
    font-size: 28px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-2-title {
    font-size: 38px;
  }
}

.it-cta-2-right>img {
  animation: translateX 3s infinite alternate;
}

@media (max-width: 767px) {
  .it-cta-2-right>img {
    animation: unset;
  }
}

.it-cta-2-left {
  margin-bottom: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-left {
    margin-bottom: 140px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-left {
    margin-bottom: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-left {
    margin-bottom: 80px;
  }
}

@media (max-width: 767px) {
  .it-cta-2-left {
    margin-bottom: 50px;
  }
}

.it-cta-2-left .it-btn-yellow.white-bg i,
.it-cta-2-left .it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}

.it-cta-2-shape-1 {
  position: absolute;
  top: 3%;
  right: 1%;
  z-index: -1;
  animation: zoomIn 5s infinite !important;
}

@media (max-width: 767px) {
  .it-cta-3-btn {
    margin-top: 35px;
  }
}

.it-cta-3-area::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-color: var(--it-gray-1);
}

.it-cta-3-wrap {
  padding: 36px 75px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-3-wrap {
    padding: 36px 30px;
  }
}

.it-cta-3-wrap img {
  margin-left: 15px;
}

.it-cta-3-title {
  font-size: 28px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-3-title {
    font-size: 25px;
  }
}

.it-cta-4-area {
  padding-top: 210px;
}

@media 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-area {
    overflow: hidden;
    padding-top: 0px;
  }
}

.it-cta-4-wrap {
  padding: 75px;
  padding-top: 70px;
  border-radius: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-wrap {
    padding: 75px 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap {
    padding: 75px 80px;
    text-align: center;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-4-wrap {
    text-align: center;
    padding: 45px 20px;
  }
}

.it-cta-4-wrap p {
  margin-top: 17px;
  margin-bottom: 28px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}

@media (max-width: 767px) {
  .it-cta-4-wrap p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap .it-section-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-4-wrap .it-section-title br {
    display: none;
  }
}

.it-cta-4-thumb {
  position: absolute;
  bottom: 0;
  left: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-thumb {
    left: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-4-thumb {
    display: none;
  }
}

.it-cta-4-shape-1 {
  position: absolute;
  bottom: 0;
  right: 15%;
  z-index: -1;
}

.it-cta-4-shape-2 {
  position: absolute;
  z-index: -1;
  top: -6%;
  right: 4.5%;
  animation: rotate 30s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-shape-2 {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-cta-4-shape-2 {
    display: none;
  }
}

.it-cta-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -67%;
  right: 0;
}

.it-cta-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-cta-5-content p {
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 1.75;
  color: rgba(31, 36, 50, 0.7);
}

.it-cta-5-thumb {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-thumb {
    left: -10%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-thumb {
    left: -17%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-thumb {
    left: -27%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-5-thumb {
    display: none;
  }
}

.it-cta-5-thumb img {
  max-width: inherit;
}

.it-cta-5-shape-1 {
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 3%;
}

.it-cta-5-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  left: 42%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-shape-2 {
    transform: scale(0.7);
    left: 49%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-shape-2 {
    transform: scale(0.6);
    left: 24%;
  }
}

@media (max-width: 767px) {
  .it-cta-5-shape-2 {
    transform: scale(0.5);
    left: 6%;
  }
}

.it-cta-5-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-cta-6-title {
  font-size: 150px;
  line-height: 1.07;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-6-title {
    font-size: 140px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-6-title {
    font-size: 130px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-6-title {
    font-size: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title {
    font-size: 75px;
  }
}

@media (max-width: 767px) {
  .it-cta-6-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title {
    font-size: 60px;
  }
}

.it-cta-6-title img {
  margin-top: -30px;
  border-radius: 100px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title img {
    height: 55px;
  }
}

@media (max-width: 767px) {
  .it-cta-6-title img {
    margin-top: -20px;
    height: 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title img {
    height: 50px;
  }
}

@media (max-width: 767px) {
  .it-cta-6-area {
    padding-bottom: 50px !important;
  }
}

.it-cta-7-wrap {
  padding: 20px 150px;
  padding-left: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-wrap {
    padding: 20px 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-7-wrap {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 50px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 30px 20px;
  }
}

@media (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 0;
  }
}

.it-cta-7-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 21px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-cta-7-title {
    font-size: 20px;
  }
}

.it-cta-7-title span {
  text-transform: uppercase;
}

.it-cta-7-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
}

/*----------------------------------------*/
/*  38. testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-testimonial-area {
    overflow: hidden;
  }
}

.it-testimonial-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-testimonial-shape-2 {
  position: absolute;
  top: -8%;
  right: 1%;
  z-index: -1;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 {
    right: -2%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 {
    right: -4%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 {
    right: -9%;
    top: -10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.8);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.6);
  }
}

.it-testimonial-shape-3 {
  position: absolute;
  top: -15%;
  left: 0;
  z-index: -1;
}

.it-testimonial-shape-4 {
  position: absolute;
  top: -21.5%;
  right: 0;
  z-index: -1;
}

.it-testimonial-shape-5 {
  position: absolute;
  top: -18%;
  left: 0;
  z-index: -1;
}

.it-testimonial-shape-6 {
  position: absolute;
  bottom: -20%;
  right: 0;
  z-index: -1;
}

.it-testimonial-shape-7 {
  position: absolute;
  top: -9%;
  right: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

@media 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-shape-7 {
    display: none;
  }
}

.it-testimonial-item {
  padding: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(108, 117, 125, 0.2);
}

@media (max-width: 767px) {
  .it-testimonial-item {
    padding: 15px;
    padding-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-item {
    padding: 30px;
  }
}

.it-testimonial-text h5 {
  line-height: 1.5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-text h5 {
    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-testimonial-quote {
    margin-bottom: 15px !important;
  }
}

@media 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-quote svg {
    height: 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-testimonial-bottom img {
    display: none;
  }
}

.it-testimonial-avatar-name {
  font-size: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-avatar-name {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-avatar-name {
    font-size: 17px;
  }
}

.it-testimonial-thumb {
  margin-left: 20px;
}

@media (max-width: 767px) {
  .it-testimonial-thumb {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-thumb img {
    width: 100%;
  }
}

.it-testimonial-content {
  margin-left: 30px;
  transform: translateX(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) {
  .it-testimonial-content {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-content {
    margin-left: 0;
    margin-top: 40px;
    transform: translateX(0);
  }
}

@media (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: none;
  }
}

.it-testimonial-arrow-wrap button {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
}

.it-testimonial-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  transform: translateY(-50%) rotate(180deg);
}

.it-testimonial-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  left: -25px;
  z-index: 1;
  transform: translateY(-50%) rotate(180deg);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-2 {
    overflow: hidden;
  }
}

.it-testimonial-style-2 .it-testimonial-thumb {
  margin-left: 0;
}

.it-testimonial-style-2 .it-testimonial-thumb img {
  max-width: inherit;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-thumb img {
    width: 100%;
  }
}

.it-testimonial-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 0;
  }
}

.it-testimonial-style-2 .it-course-author .title {
  display: block;
  font-weight: 600;
  color: var(--it-common-black);
}

.it-testimonial-style-2 .it-btn-yellow {
  background-color: var(--it-theme-1);
}

.it-testimonial-style-2 .it-course-title {
  font-size: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 22px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 18px;
  }
}

.it-testimonial-style-2 .it-testimonial-content {
  margin-left: 0;
  margin-right: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-right: 30px;
  }
}

@media (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-right: 0;
  }
}

.it-testimonial-style-2 .it-testimonial-content .categories {
  border-radius: 5px;
  line-height: 1;
  padding: 8px 20px;
  margin-bottom: 30px;
  display: inline-block;
  background-color: #FDF1DB;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(248, 198, 47, 0.3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content .categories {
    font-size: 12px;
  }
}

.it-testimonial-style-2 .it-course-meta {
  padding-top: 30px;
  border-top: 1px solid #D9D9D9;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span {
    font-size: 14px;
  }
}

.it-testimonial-style-2 .it-course-meta span:first-child {
  margin-left: 50px;
  padding-left: 50px;
}

@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span:first-child {
    padding-left: 0;
  }
}

.it-testimonial-style-2 .it-testimonial-icon {
  position: absolute;
  right: 40px;
  top: 30px;
  border-radius: 5px;
  padding: 0 15px;
  height: 35px;
  line-height: 31px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  background: rgba(31, 36, 50, 0.5);
}

.it-testimonial-2-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
}

@media (max-width: 767px) {
  .it-testimonial-2-item {
    padding: 20px;
  }
}

.it-testimonial-2-item:hover .it-testimonial-2-thumb img {
  transform: scale(1.2);
}

.it-testimonial-2-thumb {
  height: 100%;
  margin-left: 41px;
  overflow: hidden;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-thumb {
    margin-left: 30px;
  }
}

@media (max-width: 767px) {
  .it-testimonial-2-thumb {
    margin-left: 0;
  }
}

.it-testimonial-2-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}

.it-testimonial-2-thumb .it-about-thumb-icon {
  width: 56px;
  height: 56px;
  line-height: 54px;
}

.it-testimonial-2-thumb .it-about-thumb-icon svg,
.it-testimonial-2-thumb .it-about-thumb-icon i {
  color: var(--it-common-black);
}

.it-testimonial-2-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.4);
}

.it-testimonial-2-avatar-name {
  font-size: 20px;
  margin-bottom: 0;
}

.it-testimonial-2-avatar-info {
  margin-bottom: 18px;
}

.it-testimonial-2-avatar-info span {
  font-size: 14px;
}

.it-testimonial-2-text p {
  line-height: 1.75;
  margin-bottom: 20px;
  margin-left: 10px;
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-text p {
    font-size: 13px;
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-text p {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-testimonial-2-text p {
    font-size: 14px;
    margin-left: 0;
  }
}

.it-testimonial-2-date {
  font-size: 20px;
  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-testimonial-2-date {
    font-size: 14px;
  }
}

.it-testimonial-2-content {
  padding: 20px 40px;
  padding-right: 0;
}

@media (max-width: 767px) {
  .it-testimonial-2-content {
    padding-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-content {
    padding-right: 20px;
  }
}

.it-testimonial-2-content-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.it-testimonial-2-active {
  margin: -2px;
  padding: 2px;
}

@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-quote svg {
    height: 20px;
  }
}

.it-testimonial-2-shape-1 {
  position: absolute;
  top: -10%;
  left: 0;
  z-index: -1;
}

.it-testimonial-2-shape-2 {
  position: absolute;
  top: 12%;
  right: 5%;
  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-testimonial-2-shape-2 {
    transform: scale(0.6);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-2-shape-2 {
    display: none;
  }
}

.it-testimonial-2-shape-2 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

.it-testimonial-2-shape-3 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.it-testimonial-2-shape-4 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 59%;
  z-index: -1;
  object-fit: cover;
}

@media (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 40%;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 59%;
  }
}

.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}

.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}

.it-testimonial-2-style-2 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  padding-right: 4px;
  color: var(--it-theme-1);
}

.it-testimonial-2-style-2 .it-testimonial-2-avatar-name {
  font-size: 24px;
  font-family: var(--it-ff-edensor-regular);
}

.it-testimonial-2-style-2 .it-testimonial-2-text p {
  color: rgba(31, 36, 50, 0.8);
}

.it-testimonial-2-style-3 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  color: var(--it-theme-1);
}

.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}

.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet::after {
  display: none;
}

.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}

.it-testimonial-2-style-4 .it-testimonial-2-item {
  border-radius: 0;
}

.it-testimonial-2-style-4 .it-testimonial-2-thumb {
  border-radius: 0;
}

.it-testimonial-2-style-4 .it-testimonial-2-thumb::after {
  border-radius: 0;
}

.it-testimonial-2-style-4 .it-testimonial-2-thumb img {
  border-radius: 0;
}

.it-testimonial-3-right .it-testimonial-2-content-wrap {
  padding: 27px 40px;
  padding-bottom: 25px;
  border-radius: 30px;
  background-color: var(--it-gray-1);
}

@media (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content-wrap {
    padding: 25px 20px;
  }
}

.it-testimonial-3-right .it-testimonial-2-ratting {
  margin-bottom: 20px;
}

.it-testimonial-3-right .it-testimonial-2-ratting i {
  display: inline-block;
  padding-left: 2px;
  color: var(--it-theme-2);
}

.it-testimonial-3-right .it-testimonial-2-avatar-info {
  margin-bottom: 0;
}

.it-testimonial-3-right .it-testimonial-2-content {
  padding: 0;
}

.it-testimonial-3-right .it-testimonial-2-content p {
  margin-bottom: 18px;
  margin-left: 45px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content p {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-avatar-name {
    font-size: 16px;
  }
}

.it-testimonial-3-right .slick-vertical .slick-slide {
  display: block;
  margin-bottom: 30px;
}

.it-testimonial-3-right .slick-vertical .slick-slide:last-child {
  margin-bottom: 0;
}

.it-testimonial-3-play-icon {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 0 30px 30px;
  border-radius: 0 0 0 100px;
  background-color: var(--it-common-white);
}

.it-testimonial-3-play-icon::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -65px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(-180deg);
  transform: scale(-1) rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

.it-testimonial-3-play-icon::after {
  content: "";
  position: absolute;
  bottom: -64px;
  right: 0px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(-180deg);
  transform: scale(-1) rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

.it-testimonial-3-play-icon a {
  display: inline-block;
  height: 152px;
  width: 152px;
  line-height: 152px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 125px;
    width: 125px;
    line-height: 123px;
  }
}

.it-testimonial-3-play-icon a svg {
  padding-right: 4px;
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}

.it-testimonial-3-thumb {
  height: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-3-thumb {
    height: auto;
    margin-bottom: 70px;
  }
}

.it-testimonial-3-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-3-thumb img {
    width: 100%;
  }
}

.it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
  background-color: var(--it-theme-5);
  height: 152px;
  width: 152px;
  line-height: 152px;
}

@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 115px;
    width: 115px;
    line-height: 113px;
  }
}

.it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
  height: 45px;
}

@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}

.it-testimonial-3-style-2 .it-testimonial-2-avatar-info span {
  color: var(--it-theme-5);
}

.it-testimonial-3-style-2 .it-testimonial-2-avatar-name {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}

.it-testimonial-3-inner-style .it-testimonial-3-play-icon {
  background-color: var(--it-gray-1);
}

.it-testimonial-3-inner-style .it-testimonial-3-play-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}

.it-testimonial-3-inner-style .it-testimonial-3-play-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}

.it-testimonial-3-inner-style .it-testimonial-3-right .it-testimonial-2-content-wrap {
  background-color: var(--it-common-white);
}

.it-testimonial-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #CD935A;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-testimonial-4-area {
    padding: 100px 0;
  }
}

.it-testimonial-4-item {
  text-align: center;
}

.it-testimonial-4-text p {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 55px;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-4-text p {
    font-size: 30px;
  }
}

@media (max-width: 767px) {
  .it-testimonial-4-text p {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .it-testimonial-4-quote {
    margin-bottom: 30px !important;
  }
}

@media (max-width: 767px) {
  .it-testimonial-4-quote svg {
    height: 20px;
  }
}

.it-testimonial-4-avatar-thumb {
  margin-left: 15px;
  flex: 0 0 auto;
}

.it-testimonial-4-avatar-thumb img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .it-testimonial-4-avatar-thumb img {
    height: 42px;
    width: 42px;
  }
}

.it-testimonial-4-avatar-title {
  font-size: 24px;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}

@media (max-width: 767px) {
  .it-testimonial-4-avatar-title {
    font-size: 18px;
  }
}

.it-testimonial-4-avatar-info span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .it-testimonial-4-avatar-info span {
    font-size: 14px;
  }
}

.it-testimonial-dots .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0 6px !important;
  z-index: 2;
  opacity: 1;
  background-color: var(--it-text-body);
}

.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transform: translate(50%, -50%) scale(1.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.it-testimonial-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
}

.it-testimonial-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  18. event css start
/*----------------------------------------*/
.it-event-shape-1 {
  position: absolute;
  top: -10%;
  right: 54%;
  z-index: -1;
  animation: translateX 4s infinite alternate;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-btn {
    margin-top: 40px;
  }
}

.it-event-thumb {
  overflow: hidden;
}

.it-event-thumb img {
  transition: 1.3s all ease;
}

.it-event-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: rgba(26, 182, 157, 0.1);
  border: 1px solid rgba(26, 182, 157, 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-event-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}

.it-event-item .it-btn-yellow {
  background-color: var(--it-text-body);
}

.it-event-item .it-btn-yellow span span {
  color: var(--it-common-white);
}

.it-event-item .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-event-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.5);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-event-item:hover .it-btn-yellow {
  background-color: var(--it-theme-1);
}

.it-event-item:hover .it-event-thumb img {
  transform: scale(1.2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-title {
    font-size: 18px;
  }
}

.it-event-date {
  position: absolute;
  right: 20px;
  bottom: 30px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(26, 182, 157, 0.3);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-date {
    right: 20px;
    bottom: 20px;
    border-radius: 5px;
    padding: 3.5px 15px;
    font-size: 12px;
  }
}

.it-event-meta span {
  position: relative;
  padding-right: 28px;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-meta span {
    font-size: 14px;
  }
}

.it-event-meta span svg {
  position: absolute;
  top: 0;
  right: 0;
}

.it-event-meta span:not(:last-child) {
  margin-bottom: 17px;
}

.it-event-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}

.it-event-inner-style-2 .it-event-item {
  display: flex;
  padding: 20px;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-inner-style-2 .it-event-item {
    display: block;
  }
}

.it-event-inner-style-2 .it-event-item .it-btn-yellow.theme-bg {
  border-radius: 8px;
  padding: 13px 48px;
}

.it-event-inner-style-2 .it-event-thumb {
  border-radius: 14px;
  height: 100%;
}

.it-event-inner-style-2 .it-event-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 14px;
  max-width: inherit;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-inner-style-2 .it-event-thumb img {
    width: 100%;
  }
}

.it-event-inner-style-2 .it-event-meta {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-event-inner-style-2 .it-event-meta {
    flex-wrap: wrap;
  }
}

.it-event-inner-style-2 .it-event-meta span {
  font-size: 14px;
  margin-bottom: 0;
  padding-right: 24px;
  display: inline-block;
}

.it-event-inner-style-2 .it-event-meta span:first-child {
  margin-left: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-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-event-inner-style-2 .it-event-meta span:first-child {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-inner-style-2 .it-event-btn {
    margin-top: 0;
  }
}

.it-event-inner-style-2 .it-event-content {
  height: 100%;
  display: flex;
  margin-right: -10px;
  flex-direction: column;
  justify-content: center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-inner-style-2 .it-event-content {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-right: 0;
    margin-top: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-right: 0;
    margin-top: 0;
  }
}

.it-event-inner-style-3 .it-title-shape {
  right: 0 !important;
}

.it-event-area.blog-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-area .it-section-title {
    font-size: 32px;
  }
}

.it-event-2-thumb {
  transition: 1.3s all ease;
}

.it-event-2-tag {
  position: absolute;
  right: 30px;
  top: -18px;
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

.it-event-2-content {
  padding: 30px;
  padding-top: 48px;
}

@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-2-content {
    padding: 30px 20px;
    padding-top: 48px;
  }
}

.it-event-2-title {
  font-size: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-2-title {
    font-size: 17px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-2-meta span {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-2-meta span {
    font-size: 16px;
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span {
    display: inline-block;
  }
}

.it-event-2-meta span:first-child {
  margin-left: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 0;
  }
}

.it-event-2-meta span svg {
  margin-left: 3px;
  margin-top: -2px;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-2-meta span svg {
    height: 15px;
  }
}

.it-event-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  left: 37%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media 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-2-shape-1 {
    display: none;
  }
}

.it-event-2-item {
  border-radius: 20px;
  transition: 0.3s;
  border: 1px solid rgba(3, 89, 78, 0.1);
}

.it-event-2-item .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}

.it-event-2-item .it-btn-yellow span,
.it-event-2-item .it-btn-yellow svg {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}

@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-2-item .it-btn-yellow span,
  .it-event-2-item .it-btn-yellow svg {
    font-size: 14px;
  }
}

.it-event-2-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-event-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-event-2-item:hover .it-btn-yellow span,
.it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-2);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-2-top-btn {
    margin-top: 40px;
  }
}

.it-event-2-style-2 .it-event-2-content {
  padding-top: 30px;
}

.it-event-2-style-2 .it-event-2-meta span svg {
  color: var(--it-theme-1);
}

.it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow span,
.it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}

.it-event-countdown-time>div>div {
  font-size: 14px;
  list-style-type: none;
  display: inline-block;
  margin: 0 20px;
  border-radius: 5px;
  width: 70px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #6C757D;
}

@media (max-width: 767px) {
  .it-event-countdown-time>div>div {
    font-size: 12px;
    margin: 0 9px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-countdown-time>div>div {
    font-size: 14px;
    margin: 0 9px;
  }
}

.it-event-countdown-time>div>div span {
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-event-countdown-time>div>div span.countdown-heading {
  font-size: 14px;
  font-weight: 400;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}

.it-event-countdown-time .count-box {
  position: relative;
}

.it-event-countdown-time .count-box i {
  position: absolute;
  left: 0;
  top: 0;
}

.it-event-details-thumb {
  margin-top: -285px;
  margin-bottom: 60px;
  border: 5px solid var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-details-thumb {
    margin-top: 100px;
    margin-bottom: 0;
  }
}

.it-event-details-meetup {
  position: relative;
}

.it-event-details-meetup.style-1 {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-bottom: 50px;
    padding-left: 0;
    margin-left: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-left: 20px;
    margin-bottom: 0;
  }
}

.it-event-details-meetup.style-2 {
  padding-left: 50px;
}

.it-event-details-meetup.style-2::after {
  background-color: #E3E3E3;
}

.it-event-details-meetup::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: var(--it-theme-1);
}

.it-event-details-meetup .date {
  font-size: 24px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}

.it-event-details-meetup span {
  display: block;
  margin-bottom: 9px;
}

@media (max-width: 767px) {
  .it-event-details-meetup span {
    padding-bottom: 8px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-details-time-box {
    margin-bottom: 30px;
  }
}

.it-event-details-time-box .time {
  border-radius: 8px;
  padding: 0 30px;
  margin-bottom: 25px;
  display: inline-block;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  font-family: var(--it-ff-spartan-semibold);
  height: 56px;
  line-height: 60px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-details-time-box .time {
    font-size: 14px;
    padding: 0 20px;
    height: 46px;
    line-height: 50px;
  }
}

.it-event-details-time-box span {
  display: block;
  font-size: 14px;
}

.it-event-details-time-box span svg {
  margin-left: 3px;
  display: inline-block;
}

.it-event-details-content img {
  width: 60px;
  height: 60px;
  border-radius: 10px;
}

.it-event-details-area.it-course-details-style-3 .course-details-border {
  margin-bottom: 60px;
}

@media 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-details-area.it-course-details-style-3 .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}

.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
  padding: 0 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-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
    padding: 0 20px;
  }
}

.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info.btn-box {
  margin-top: 18px;
  padding: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}

@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-details-area .postbox-dsc {
    margin-left: 0;
  }
}

.it-event-details-area .postbox-dsc p {
  margin-left: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-event-details-area .postbox-dsc p {
    margin-left: 0;
  }
}

.it-event-details-area .it-team-content {
  padding: 20px 80px;
  padding-top: 46px;
}

@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-details-area .it-team-content {
    padding: 20px 25px;
    padding-top: 46px;
  }
}

/*----------------------------------------*/
/*  28. newsletter css start
/*----------------------------------------*/
.it-newsletter-wrap {
  padding: 49px 78px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-wrap {
    padding: 50px 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-wrap {
    padding: 50px 40px;
  }
}

@media (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 45px;
  }
}

.it-newsletter-wrap .it-newsletter-input-box button {
  background-color: var(--it-theme-1);
}

.it-newsletter-wrap .it-newsletter-input-box button svg,
.it-newsletter-wrap .it-newsletter-input-box button i {
  height: 17px;
  transition: 0.3s;
  color: var(--it-common-white);
}

.it-newsletter-wrap .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}

.it-newsletter-wrap .it-newsletter-input-box button:hover svg,
.it-newsletter-wrap .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}

.it-newsletter-input-box {
  text-align: end;
  margin-right: 85px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-box {
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .it-newsletter-input-box {
    margin-top: 30px;
    margin-right: 0;
  }
}

.it-newsletter-input-box input {
  line-height: 69px;
  height: 69px;
  padding-right: 35px;
  padding-left: 90px;
  border-radius: 10px;
  background: #F0F4F5;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box input {
    height: 56px;
    line-height: 56px;
    padding-right: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-input-box input {
    height: 50px;
    line-height: 50px;
    padding-right: 25px;
    font-size: 14px;
    padding-left: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}

.it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 10px;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}

.it-newsletter-input-box button svg,
.it-newsletter-input-box button i {
  transition: 0.3s;
  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-newsletter-input-box button svg,
  .it-newsletter-input-box button i {
    height: 20px;
  }
}

.it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}

.it-newsletter-input-box button:hover svg,
.it-newsletter-input-box button:hover i {
  color: var(--it-common-white);
}

.it-newsletter-input-box .it-btn-orange {
  padding: 19px 40px;
}

.it-newsletter-title {
  font-size: 36px;
  line-height: 1.29;
  margin-bottom: 0;
  color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-title {
    font-size: 32px;
  }
}

@media (max-width: 767px) {
  .it-newsletter-title {
    font-size: 25px;
  }
}

.it-newsletter-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}

.it-newsletter-style-2 .it-newsletter-wrap {
  border-radius: 1000px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-wrap {
    border-radius: 20px;
  }
}

.it-newsletter-style-2 .it-newsletter-input-box input {
  border-radius: 1000px;
}

.it-newsletter-style-2 .it-newsletter-input-box button {
  position: absolute;
  top: 49%;
  left: 5px;
  width: 63px;
  height: 63px;
  padding: 0;
  border-radius: 50%;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}

.it-newsletter-style-2 .it-newsletter-input-box button svg,
.it-newsletter-style-2 .it-newsletter-input-box button i {
  transition: 0.3s;
  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-style-2 .it-newsletter-input-box button svg,
  .it-newsletter-style-2 .it-newsletter-input-box button i {
    height: 20px;
  }
}

.it-newsletter-style-2 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}

.it-newsletter-style-2 .it-newsletter-input-box button:hover svg,
.it-newsletter-style-2 .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}

.it-newsletter-style-3 {
  padding: 27px 55px;
  padding-left: 35px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
}

@media (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px;
  }
}

.it-newsletter-style-3 .it-newsletter-2-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}

@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input {
    padding-right: 15px;
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input::placeholder {
    font-size: 12px;
  }
}

.it-newsletter-style-3 .it-newsletter-input-box button {
  width: auto;
  height: auto;
  left: 8px;
  padding: 13px 30px;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button {
    padding: 13px 15px;
  }
}

.it-newsletter-style-3 .it-newsletter-input-box button span span {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button span span {
    font-size: 12px;
  }
}

.it-newsletter-style-3 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}

.it-newsletter-style-4 {
  padding: 46px 78px;
  background-color: var(--it-theme-2);
}

@media (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px;
  }
}

.it-newsletter-style-4 .shape {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-area {
    padding-top: 0;
  }
}

.it-newsletter-2-area .it-newsletter-input-box {
  margin-right: 0;
  text-align: center;
  max-width: 575px;
  margin: 0 auto;
}

.it-newsletter-2-area .it-newsletter-input-box input {
  height: 65px;
  line-height: 65px;
  padding-left: 170px;
}

.it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
  left: 5px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
    left: 15px;
  }
}

.it-newsletter-2-shape-1 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}

.it-newsletter-2-shape-2 {
  position: absolute;
  bottom: 0;
  right: -2%;
}

.it-newsletter-2-shape-3 {
  position: absolute;
  top: -10%;
  right: -10%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom right;
}

.it-newsletter-2-shape-4 {
  position: absolute;
  top: -35%;
  right: 15%;
  animation: ittranslateX2 5s forwards infinite alternate;
}

.it-newsletter-2-shape-5 {
  position: absolute;
  top: -29%;
  left: 11%;
  z-index: -1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-newsletter-2-shape-6 {
  position: absolute;
  top: -27%;
  left: 26%;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom right;
}

.it-newsletter-2-shape-7 {
  position: absolute;
  bottom: 0;
  left: -1%;
  animation: ittranslateX2 5s forwards infinite alternate;
}

.it-newsletter-2-title {
  font-size: 36px;
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-title {
    font-size: 32px;
  }

  .it-newsletter-2-title br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-title {
    font-size: 25px;
  }

  .it-newsletter-2-title br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-title {
    padding: 17px 0;
  }
}

@media (max-width: 767px) {
  .it-newsletter-2-title {
    padding: 17px 0;
    font-size: 22px;
  }

  .it-newsletter-2-title br {
    display: none;
  }
}

.it-newsletter-2-content {
  padding: 115px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-content {
    padding-top: 0;
  }
}

.it-newsletter-2-content p {
  line-height: 1.75;
  margin-bottom: 30px;
  color: rgba(31, 36, 50, 0.7);
}

@media (max-width: 767px) {
  .it-newsletter-2-content p {
    font-size: 14px;
  }

  .it-newsletter-2-content p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-wrap {
    padding-top: 60px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}

@media (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 60px 20px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-title {
    color: var(--it-common-white);
  }
}

@media (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content {
    padding: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content p {
    color: var(--it-common-white);
  }
}

.it-newsletter-3-wrap {
  padding: 40px;
  border-radius: 10px;
  background: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

@media (max-width: 767px) {
  .it-newsletter-3-wrap {
    padding: 40px 20px;
  }
}

.it-newsletter-3-wrap p {
  line-height: 1.75;
  margin-bottom: 22px;
  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-newsletter-3-wrap p {
    font-size: 14px;
  }
}

.it-newsletter-3-wrap .it-newsletter-input-box {
  margin-right: 0;
}

.it-newsletter-3-wrap .it-newsletter-input-box input {
  height: 69px;
  line-height: 69px;
  padding-left: 170px;
  border-radius: 1000px;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    font-size: 14px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    height: 60px;
    line-height: 60px;
  }
}

.it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}

.it-newsletter-3-wrap .it-newsletter-input-box .it-btn-yellow {
  left: 8px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-2-title.mb-25 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-3-right div {
    width: 100%;
    margin-top: 0;
  }
}

.it-newsletter-3-right span {
  color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-right span {
    font-size: 14px;
  }
}

.it-newsletter-3-right span i {
  font-style: normal;
  text-decoration: underline;
}

.it-newsletter-3-social a {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-social a {
    height: 35px;
    width: 35px;
    line-height: 29px;
  }
}

@media 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-3-social a svg {
    height: 14px;
  }
}

.it-newsletter-3-social a:not(:last-child) {
  margin-left: 11px;
}

.it-newsletter-3-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-newsletter-3-shape-1 {
  position: absolute;
  top: -26%;
  left: 11.5%;
  animation: rotate 15s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-newsletter-3-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  08. campus css start
/*----------------------------------------*/
.it-campus-title {
  font-size: 24px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-title {
    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-campus-title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-title {
    font-size: 22px;
  }
}

.it-campus-thumb {
  mask-image: url(../img/campus/mask-2.svg);
  -webkit-mask-image: url(../img/campus/mask-2.svg);
  width: 100%;
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 293px;
  border-radius: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-thumb {
    height: 240px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-thumb {
    height: 100%;
    mask-image: unset;
    -webkit-mask-image: uunset;
  }
}

.it-campus-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-campus-text p br {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-text p {
    font-size: 15px;
  }

  .it-campus-text p br {
    display: none;
  }
}

.it-campus-item {
  padding: 25px;
  padding-top: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-item {
    padding: 20px;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-item {
    padding: 30px;
  }
}

.it-campus-item:hover .it-campus-thumb img {
  transform: scale(1.1);
}

.it-campus-item:hover .it-campus-arrow a {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

.it-campus-arrow {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 20px 20px 0;
  border-radius: 0 0 70% 0;
  background-color: var(--it-common-white);
}

.it-campus-arrow::before {
  transform: rotate(-90deg);
  content: "";
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-arrow::before {
    right: -40px;
    width: 40px;
    height: 40px;
  }
}

.it-campus-arrow::after {
  content: "";
  position: absolute;
  transform: rotate(-90deg);
  bottom: -50px;
  left: 0;
  width: 50px;
  height: 50px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-arrow::after {
    bottom: -40px;
    width: 40px;
    height: 40px;
  }
}

.it-campus-arrow a {
  transform: rotate(-90deg);
  display: inline-block;
  height: 83px;
  width: 83px;
  line-height: 83px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-arrow a {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-campus-arrow a svg {
    height: 15px;
  }
}

/*----------------------------------------*/
/*  40. tuition css start
/*----------------------------------------*/
.it-tuition-area {
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-tuition-area {
    background-color: var(--it-gray-1);
  }
}

.it-tuition-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.it-tuition-shape-2 {
  position: absolute;
  top: -12%;
  left: 15%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-tuition-shape-2 {
    left: 25%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-shape-2 {
    left: 33%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tuition-shape-2 {
    top: -7%;
    left: 33%;
  }
}

.it-tuition-text p {
  margin-left: 35px;
  margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-text p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-tuition-text p {
    font-size: 14px;
    margin-left: 0;
  }
}

.it-tuition-list-box ul li {
  list-style-type: none;
}

.it-tuition-list-box ul li:not(:last-child) {
  margin-bottom: 13px;
}

.it-tuition-list-box ul li span {
  padding-right: 30px;
  position: relative;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-tuition-list-box ul li span {
    font-size: 14px;
  }
}

.it-tuition-list-box ul li span svg,
.it-tuition-list-box ul li span i {
  position: absolute;
  top: 2px;
  right: 0;
  color: var(--it-theme-1);
}

.it-tuition-list-box>span {
  font-size: 18px;
  line-height: 1.6;
  text-decoration: underline;
  color: var(--it-common-black);
  display: block;
  margin-bottom: 20px;
  font-family: var(--it-ff-spartan-semibold);
}

@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-tuition-list-box>span {
    font-size: 14px;
  }
}

.it-tuition-title-sm {
  margin-bottom: 45px;
}

.it-tuition-item {
  padding: 64px 40px;
  border-radius: 30px;
  border: 1px solid rgba(26, 182, 157, 0.4);
}

@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-tuition-item {
    padding: 40px 25px;
  }
}

.it-tuition-item.active {
  background-color: var(--it-theme-1);
}

.it-tuition-item.active .it-tuition-title-sm {
  color: var(--it-common-white);
}

.it-tuition-item.active .it-tuition-list-box span {
  color: var(--it-common-white);
}

.it-tuition-item.active .it-tuition-list-box svg,
.it-tuition-item.active .it-tuition-list-box i {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  34. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}

.it-slider-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}

.it-slider-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(-90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.it-slider-content {
  padding-top: 190px;
  padding-bottom: 290px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-content {
    padding-top: 140px;
    padding-bottom: 240px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-content {
    padding-top: 130px;
    padding-bottom: 220px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 230px;
  }
}

@media (max-width: 767px) {
  .it-slider-content {
    padding-top: 100px;
    padding-bottom: 200px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-content {
    padding-top: 120px;
    padding-bottom: 210px;
  }
}

.it-slider-content p {
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.8);
}

@media (max-width: 767px) {
  .it-slider-content p {
    font-size: 14px;
    line-height: 1.7;
  }

  .it-slider-content p br {
    display: none;
  }
}

.it-slider-title {
  font-size: 72px;
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin-bottom: 23px;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 48px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 45px;
  }
}

@media (max-width: 767px) {
  .it-slider-title {
    font-size: 28px;
    line-height: 1.25;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 46px;
  }
}

.it-slider-title span svg {
  animation: title-animation 4s infinite;
}

.it-slider-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  right: -2%;
  z-index: -1;
  display: block;
}

.it-slider-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-1 {
    top: -15%;
    right: -15%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-slider-shape-1 {
    display: none;
  }
}

.it-slider-shape-2 {
  position: absolute;
  bottom: 18%;
  right: 38%;
  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-slider-shape-2 {
    display: none;
  }
}

.it-slider-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-3 {
    bottom: -11%;
    left: -3%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-3 {
    bottom: -15%;
    left: -10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-slider-shape-3 {
    display: none;
  }
}

.it-slider-active .swiper-slide-active .it-slider-content-text p,
.it-slider-active .swiper-slide-active .it-slider-title,
.it-slider-active .swiper-slide-active .it-slider-btn {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-bg img {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-title {
  animation: img-anim-bottom 1.5s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.5s;
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-content-text p {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}

.it-slider-wrap .swiper-slide.swiper-slide-active .it-slider-btn {
  animation: img-anim-bottom 1.9s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.9s;
}

.it-slider-arrow-wrap {
  position: absolute;
  top: 32%;
  left: 9%;
  z-index: 2;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-slider-arrow-wrap {
    display: none;
  }
}

.it-slider-arrow-wrap button {
  width: 80px;
  height: 60px;
  padding: 0;
  display: block;
  border-radius: 30px;
  border: 1px solid var(--it-common-white);
  color: var(--it-common-white);
}

.it-slider-arrow-wrap button.arrow-next {
  margin-right: 50px;
  margin-bottom: 8px;
}

.it-slider-arrow-wrap button:hover {
  color: var(--it-common-black);
  border: 1px solid var(--it-theme-2);
  background-color: var(--it-theme-2);
}

/*----------------------------------------*/
/*  20. feature css start
/*----------------------------------------*/
.it-feature-icon span {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-left: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(26, 182, 157, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-icon span {
    height: 50px;
    width: 50px;
    line-height: 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-feature-icon span svg,
  .it-feature-icon span i {
    height: 20px;
  }
}

.it-feature-item {
  padding: 40px;
  padding-left: 60px;
  transition: 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-item {
    padding: 40px 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-feature-item {
    padding: 30px 20px;
  }
}

.it-feature-item:hover {
  background-color: var(--it-gray-1);
}

.it-feature-item:hover a {
  color: var(--it-theme-1);
}

.it-feature-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-content p {
    font-size: 12px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-content p {
    font-size: 14px;
  }
}

.it-feature-content a {
  font-size: 14px;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-semibold);
}

@media 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 a {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {

  .it-feature-content a svg,
  .it-feature-content a i {
    height: 10px;
  }
}

.it-feature-title {
  margin-bottom: 7px;
}

@media 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-title {
    font-size: 17px;
  }
}

.it-feature-wrap {
  margin-top: -100px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-wrap {
    border-radius: 0;
  }
}

.it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
  border-radius: 0 20px 20px 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
    border-radius: 0;
  }
}

.it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
  border-radius: 20px 0 0 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-wrap .row [class*=col-]:last-child .it-feature-item {
    border-radius: 0;
  }
}

.it-feature-2-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px;
  padding-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-2-wrap {
    border-radius: 20px;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}

.it-feature-2-wrap p {
  margin: 0 35px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}

@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-2-wrap p {
    margin: 0;
    font-size: 14px;
  }
}

.it-feature-2-title {
  font-size: 24px;
  margin-bottom: 12px;
  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-feature-2-title {
    font-size: 22px;
  }
}

.it-feature-2-icon {
  margin-bottom: 25px;
}

@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-2-icon svg {
    height: 55px;
  }
}

.it-feature-2-shape-1 {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}

.it-feature-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}

.it-feature-3-item {
  padding: 50px 30px;
  padding-top: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-item {
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    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-feature-3-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}

.it-feature-3-item .shape {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-50%);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-3-item .shape {
    display: none;
  }
}

.it-feature-3-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: var(--it-ff-cinzel-decorative);
}

.it-feature-3-icon {
  margin-bottom: 30px;
}

.it-feature-3-shape-1 {
  position: absolute;
  top: -25%;
  right: 0;
  z-index: -1;
}

.it-feature-3-shape-2 {
  position: absolute;
  top: 13%;
  left: 7%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-features-4-area {
    background-color: var(--it-common-black);
  }
}

.it-features-4-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-features-4-bg {
    display: none;
  }
}

.it-features-4-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 18px;
  font-family: var(--it-ff-oxanium);
}

@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-features-4-title {
    font-size: 21px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-features-4-title br {
    display: none;
  }
}

.it-features-4-icon {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  height: 84px;
  width: 84px;
  line-height: 84px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-5);
  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-features-4-icon {
    display: none;
  }
}

.it-features-4-item {
  padding: 45px 40px;
  padding-left: 55px;
  position: relative;
  border-radius: 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-features-4-item {
    padding: 35px 20px;
    background-color: var(--it-common-white);
  }
}

.it-features-4-item p {
  margin-bottom: 23px;
}

@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-features-4-item p {
    font-size: 14px;
  }
}

.it-features-4-item::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-common-white);
  -webkit-mask-image: url(../img/shape/feature-mask-10.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-features-4-item::after {
    display: none;
  }
}

.it-features-4-item .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-oxanium);
}

.it-features-4-item:hover .it-btn-yellow span,
.it-features-4-item:hover svg {
  color: var(--it-theme-5);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-features-4-style-2 {
    background-color: var(--it-common-white);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-features-4-style-2 .it-features-4-item {
    background-color: var(--it-gray-1);
  }
}

.it-features-4-style-2 .it-features-4-item::after {
  background: rgba(240, 244, 245, 0.6);
}

.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon {
  background-color: var(--it-theme-1);
}

.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon svg {
  color: var(--it-theme-2);
}

.it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow svg,
.it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow span {
  color: var(--it-theme-1);
}

.it-features-4-style-2 .it-features-4-icon {
  transition: 0.4s;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon {
    height: 75px;
    width: 75px;
    line-height: 75px;
  }
}

.it-features-4-style-2 .it-features-4-icon svg {
  transition: 0.4s;
  color: var(--it-theme-1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon svg {
    height: 35px;
  }
}

.it-features-4-inner-style {
  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-features-4-inner-style .it-features-4-item {
    background: rgba(248, 198, 47, 0.1);
  }
}

.it-features-4-inner-style .it-features-4-item::after {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  background: rgba(248, 198, 47, 0.1);
}

.it-features-4-inner-style .it-features-4-icon {
  background-color: var(--it-theme-5);
}

.it-features-4-inner-style .it-features-4-icon svg {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-feature-5-area {
    padding: 100px 0;
  }
}

@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .it-feature-5-thumb.style-3 {
    margin-bottom: 0;
    margin-top: 30px;
  }
}

.it-feature-5-title {
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 5px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-title {
    font-size: 48px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}

@media (max-width: 767px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-5-title {
    font-size: 25px;
  }
}

.it-feature-5-title::before {
  content: "";
  margin-left: 45px;
}

.it-feature-5-content {
  margin-right: 140px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-5-content {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-content {
    margin-right: 0;
    margin-top: 50px;
  }
}

@media (max-width: 767px) {
  .it-feature-5-content {
    margin-right: 0;
  }
}

.it-feature-5-content span {
  font-size: 20px;
  display: block;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}

.it-feature-5-content p {
  line-height: 1.75;
  color: #999;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-content p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-5-content p {
    font-size: 14px;
  }

  .it-feature-5-content p br {
    display: none;
  }
}

.it-feature-5-content a {
  margin-top: 30px;
  display: block;
  padding: 4px 10px;
  text-align: center;
  margin-left: 88px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  border-top: 1px solid rgba(205, 147, 90, 0.3);
  border-bottom: 1px solid rgba(205, 147, 90, 0.3);
}

.it-feature-5-thumb {
  margin-right: 67px;
}

@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-right: 0;
  }
}

.it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
  margin-right: 0;
  margin-left: 67px;
}

@media (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
    margin-left: 0;
  }
}

.it-feature-5-area .row:nth-child(even) .it-feature-5-content {
  margin-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content {
    margin-right: 0;
  }
}

.it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
  margin-left: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
    margin-left: 0;
  }
}

.it-feature-6-content {
  padding-right: 20px;
}

.it-feature-6-content span {
  font-size: 14px;
}

.it-feature-6-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 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) {
  .it-feature-6-title {
    font-size: 17px;
  }
}

.it-feature-6-item.col-1-2 {
  margin-right: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-feature-6-item.col-1-2 {
    margin-right: 0;
  }
}

.it-feature-6-item.col-1-3 {
  margin-right: 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-feature-6-item.col-1-3 {
    margin-right: 0;
  }
}

.it-feature-6-wrap {
  padding-top: 100px;
  padding-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}

/*----------------------------------------*/
/*  23. gallery css start
/*----------------------------------------*/
.it-gallery-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-gallery-area {
    padding: 100px 0;
  }
}

.it-gallery-thumb {
  flex: 0 0 auto;
}

.it-gallery-thumb {
  overflow: hidden;
}

.it-gallery-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}

@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-gallery-thumb img {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .it-gallery-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}

.it-gallery-thumb.style-1 {
  margin-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 15px;
  }
}

.it-gallery-thumb:hover img {
  transform: scale(1.2);
}

.it-gallery-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-gallery-thumb-wrap {
    gap: 35px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb-wrap {
    gap: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb-wrap {
    gap: 15px;
  }
}

@media (max-width: 767px) {
  .it-gallery-thumb-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .it-gallery-thumb-box {
    width: 100%;
  }
}

.it-gallery-thumb-box.box-style-4 {
  margin-bottom: 105px;
}

@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-4 {
    margin-bottom: 0;
  }
}

.it-gallery-thumb-box.box-style-5 {
  margin-top: 50px;
}

@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-5 {
    margin-top: 0;
  }
}

.it-gallery-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  right: 12.5%;
  animation: zoomIn 5s infinite;
}

@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-gallery-shape-1 {
    display: none;
  }
}

.it-gallery-shape-2 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 6%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-2 {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-gallery-shape-2 {
    display: none;
  }
}

.it-gallery-shape-3 {
  position: absolute;
  z-index: -1;
  top: 9%;
  left: 7%;
  animation: rotate 15s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-3 {
    transform: scale(0.6);
  }
}

@media (max-width: 767px) {
  .it-gallery-shape-3 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-gallery-item img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  26. language css start
/*----------------------------------------*/
.it-language-wrap {
  padding: 80px 75px;
  padding-top: 70px;
  padding-left: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-language-wrap {
    padding: 55px 35px;
  }
}

@media (max-width: 767px) {
  .it-language-wrap {
    padding: 40px 20px;
  }
}

.it-language-wrap .it-about-text p {
  color: rgba(255, 255, 255, 0.8);
}

.it-language-wrap .it-about-list-box ul li span {
  color: var(--it-common-white);
}

.it-language-wrap .it-section-title {
  margin-bottom: 15px;
}

.it-language-wrap .it-about-list-box {
  margin-bottom: 37px;
}

.it-language-thumb {
  overflow: hidden;
  transform: translateX(13px);
  outline: 5px solid var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-language-thumb {
    margin-top: 50px;
    transform: translateX(0);
  }
}

.it-language-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}

@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-language-thumb img {
    width: 100%;
  }
}

.it-language-thumb:hover img {
  transform: scale(1.1);
}

.it-language-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.it-language-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  right: 0;
}

.it-language-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 10%;
  animation: rotate 30s linear infinite;
}

@media (max-width: 767px) {
  .it-language-shape-3 {
    display: none;
  }
}

.it-language-shape-4 {
  position: absolute;
  z-index: 1;
  top: -6%;
  right: 1%;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-language-shape-4 {
    display: none;
  }
}

/*----------------------------------------*/
/*  13. choose css start
/*----------------------------------------*/
.it-choose-area .it-about-list-box ul li span svg,
.it-choose-area i {
  color: var(--it-theme-2);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-area.it-choose-area.pt-185 {
    padding-top: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-left {
    margin-bottom: 120px;
  }
}

@media (max-width: 767px) {
  .it-choose-left .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 30px;
  }
}

.it-choose-left p {
  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-choose-left p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
  }
}

.it-choose-thumb.style-1 {
  margin-left: 125px;
  transform: rotate(-168deg);
}

@media (max-width: 767px) {
  .it-choose-thumb.style-1 {
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 60px;
    transform: rotate(-180deg);
  }
}

.it-choose-thumb.style-1 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-1);
}

.it-choose-thumb.style-2 {
  margin-top: -45px;
  margin-right: 160px;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .it-choose-thumb.style-2 {
    margin-top: 0;
    margin-right: 0;
  }
}

.it-choose-thumb.style-2 img {
  border: 10px solid var(--it-common-white);
  outline: 10px solid var(--it-theme-2);
}

.it-choose-shape-1 {
  position: absolute;
  top: -60%;
  right: 0;
  z-index: -1;
}

.it-choose-shape-2 {
  position: absolute;
  top: -7%;
  right: 1%;
  z-index: -1;
}

.it-choose-shape-3 {
  position: absolute;
  z-index: -1;
  top: 14%;
  left: -13%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@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-choose-shape-3 {
    display: none;
  }
}

.it-choose-shape-4 {
  position: absolute;
  z-index: -1;
  top: 10%;
  left: -6%;
  animation: rotate 2s linear infinite;
}

.it-choose-2-item {
  padding: 50px 40px;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  border: 1px solid rgba(26, 182, 157, 0.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-choose-2-item {
    padding: 40px 20px;
  }
}

.it-choose-2-item p {
  margin-bottom: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-2-item p {
    font-size: 14px;
  }
}

.it-choose-2-item:hover .it-choose-2-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.it-choose-2-title {
  font-size: 28px;
  margin-bottom: 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) {
  .it-choose-2-title {
    font-size: 22px;
  }
}

.it-choose-2-icon {
  margin-bottom: 22px;
}

.it-choose-2-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-2-icon svg {
    height: 55px;
  }
}

.it-choose-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: -1;
}

.it-choose-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-shape-2 {
    top: 10%;
    transform: scale(0.6);
  }
}

.it-choose-2-style-2 .it-choose-2-title {
  font-size: 24px;
}

.it-choose-2-style-2 .it-choose-2-item {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(248, 198, 47, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}

.it-choose-2-style-2 .it-choose-2-item:hover .shape-1 {
  opacity: 0;
}

.it-choose-2-style-2 .it-choose-2-item:hover .shape-2 {
  opacity: 1;
}

.it-choose-2-style-2 .it-choose-2-item .shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
}

.it-choose-2-style-2 .it-choose-2-item .shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
  opacity: 0;
}

.it-choose-2-style-2 .it-choose-2-icon {
  margin-bottom: 18px;
}

.it-choose-3-item {
  position: relative;
  z-index: 1;
  padding: 40px 30px;
  padding-top: 45px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  border: 1px solid rgba(248, 198, 47, 0.1);
}

.it-choose-3-item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-3-item p {
    padding: 0 20px;
  }
}

.it-choose-3-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

.it-choose-3-item:hover .it-choose-3-shape-1 {
  opacity: 1;
  right: 0;
}

.it-choose-3-item:hover .it-choose-3-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.it-choose-3-title {
  font-size: 24px;
  margin-bottom: 13px;
}

.it-choose-3-icon {
  margin-bottom: 25px;
}

.it-choose-3-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.it-choose-3-shape-1 {
  position: absolute;
  top: 50%;
  right: -25%;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease;
  transform: translateY(-50%);
}

.it-choose-3-shape-2 {
  position: absolute;
  top: -25%;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-3-shape-2 {
    display: none;
  }
}

.it-choose-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-choose-4-thumb {
  border-radius: 18px;
  overflow: hidden;
}

.it-choose-4-thumb img {
  width: 100%;
  border-radius: 18px;
  transition: 1.3s all ease;
}

.it-choose-4-title {
  font-size: 26px;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}

@media 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-4-title {
    font-size: 20px;
  }
}

.it-choose-4-number {
  position: absolute;
  z-index: 1;
  top: -30px;
  right: 0;
  left: 0;
  margin: 0 auto;
  display: inline-block;
  height: 88px;
  width: 88px;
  line-height: 93px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  outline: 5px solid #536f5a;
  background-color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-choose-4-number::before {
  content: "";
  position: absolute;
  top: 30px;
  right: -35px;
  width: 34px;
  height: 30px;
  -webkit-transform: scaleX(-1) rotate(0deg);
  transform: scaleX(-1) rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.it-choose-4-number::after {
  content: "";
  position: absolute;
  top: 29px;
  left: -37px;
  width: 34px;
  height: 30px;
  transform: rotate(0deg) scaleX(-1);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}

.it-choose-4-number i {
  line-height: 1;
  font-style: normal;
}

.it-choose-4-item {
  border-radius: 20px;
  padding: 30px 23px;
  padding-top: 100px;
  margin-top: 30px;
  background-color: var(--it-common-white);
}

.it-choose-4-item:hover .it-choose-4-thumb img {
  transform: scale(1.2);
}

.it-choose-4-shape-1 {
  position: absolute;
  top: 10%;
  right: 1.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-4-shape-1 {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-1 img {
    transform: scale(0.7);
  }
}

.it-choose-4-shape-2 {
  position: absolute;
  top: 10%;
  left: 5%;
  animation: rotate 15s linear infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-4-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-area .it-choose-section-title-box.mb-45 {
    margin-bottom: 30px !important;
  }
}

.it-choose-5-wrap {
  padding: 20px;
  padding-left: 140px;
  border-radius: 50px;
  background-color: var(--it-gray-1);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-wrap {
    padding-left: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-wrap {
    padding-left: 20px;
    padding-bottom: 40px;
  }
}

.it-choose-5-list-box ul li {
  padding-top: 35px;
  list-style-type: none;
  border-top: 1px solid rgba(98, 98, 99, 0.3);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-list-box ul li {
    padding-top: 25px;
  }
}

.it-choose-5-list-box ul li:last-child .it-choose-5-list-content p {
  margin-bottom: 0;
}

.it-choose-5-list-content .title {
  font-size: 24px;
  position: relative;
  padding-right: 52px;
  margin-bottom: 11px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-5-list-content .title {
    font-size: 21px;
  }
}

@media (max-width: 767px) {
  .it-choose-5-list-content .title {
    font-size: 18px;
    padding-right: 35px;
  }
}

.it-choose-5-list-content .title span {
  position: absolute;
  top: 0;
  right: 0;
}

.it-choose-5-list-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #61616a;
  margin-bottom: 33px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-list-content p {
    font-size: 17px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-list-content p {
    font-size: 15px;
    margin-bottom: 23px;
  }
}

.it-choose-5-right {
  padding-right: 105px;
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-right {
    padding-right: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-right {
    padding-right: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-right {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-right {
    padding-right: 0;
    margin-top: 50px;
  }
}

.it-choose-5-thumb {
  position: relative;
  z-index: 1;
}

.it-choose-5-thumb img {
  max-width: inherit;
}

@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-choose-5-thumb img {
    width: 100%;
  }
}

.it-choose-5-thumb::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -7%;
  z-index: -1;
  width: 100%;
  height: 74.5%;
  border-radius: 30px;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-choose-5-thumb::after {
    display: none;
  }
}

.it-choose-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: -15%;
  left: 0;
}

/*----------------------------------------*/
/*  36. stats css start
/*----------------------------------------*/
.it-stats-wrap {
  padding: 50px 60px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-stats-wrap {
    padding: 40px 30px;
  }
}

.it-stats-wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-stats-wrap span {
    font-size: 14px;
  }
}

.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
  position: relative;
  padding-right: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
    padding-right: 0;
  }
}

.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -19%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    right: -24%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    display: none;
  }
}

.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -27%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:not(:last-child) .it-stats-item {
    margin-bottom: 40px;
  }
}

@media (max-width: 767px) {
  .it-stats-item {
    text-align: center;
    justify-content: center !important;
  }
}

.it-stats-title {
  font-size: 60px;
  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-stats-title {
    font-size: 38px;
  }
}

/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.it-activities-item {
  padding: 70px 20px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
  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-activities-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }

  .it-activities-item:hover {
    border: 5px solid var(--it-theme-2);
  }
}

.it-activities-item::before {
  position: absolute;
  content: url(../img/shape/activities-4-1.png);
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  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-activities-item::before {
    display: none;
  }
}

.it-activities-item::after {
  position: absolute;
  content: url(../img/shape/activities-4-2.png);
  top: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: -1;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}

@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-activities-item::after {
    display: none;
  }
}

.it-activities-item p {
  font-size: 14px;
  margin: 0 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-activities-item p {
    margin: 0;
  }
}

.it-activities-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}

.it-activities-item:hover .it-activities-icon svg,
.it-activities-item:hover .it-activities-icon i {
  color: var(--it-theme-2);
}

.it-activities-icon {
  margin-bottom: 28px;
}

.it-activities-icon svg,
.it-activities-icon i {
  transition: 0.3s;
  color: var(--it-theme-1);
}

.it-activities-title {
  margin-bottom: 15px;
}

.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  right: 5%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-1 {
    top: 10%;
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-activities-shape-1 {
    display: none;
  }
}

.it-activities-shape-2 {
  position: absolute;
  z-index: -1;
  left: 7%;
  animation: rotate 15s linear infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-2 {
    top: 10%;
    transform: scale(0.5);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-activities-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  41. video css start
/*----------------------------------------*/
.it-video-right {
  margin-right: 45px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-video-right {
    margin-right: 0;
  }
}

.it-video-right.it-about-4-content .it-about-list-box ul li span {
  font-size: 22px;
}

@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-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 16px;
  }
}

.it-video-right .it-about-4-content p {
  margin-left: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-thumb {
    margin-left: 25px;
  }
}

.it-video-thumb.thumb-overlay::after {
  border-radius: 30px;
  background-color: rgba(31, 36, 50, 0.5);
}

.it-video-thumb .it-about-thumb-icon {
  height: 100px;
  width: 100px;
  line-height: 100px;
}

.it-video-thumb .it-about-thumb-icon svg {
  width: 24px;
  height: 20px;
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  19. faq css start
/*----------------------------------------*/
.it-faq-area .it-about-2-left {
  padding-right: 35px;
  padding-bottom: 55px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-area .it-about-2-left {
    margin: 0 70px;
  }
}

@media (max-width: 767px) {
  .it-faq-area .it-about-2-left {
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.it-faq-area .it-about-2-thumb-sm {
  left: auto;
  right: -1.5%;
  bottom: 2%;
  border-right: none;
  border-top: 10px solid var(--it-common-white);
  border-left: 12px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}

@media (max-width: 767px) {
  .it-faq-area .it-about-2-thumb-sm {
    right: 0;
    animation: unset;
  }
}

.it-faq-area .it-about-2-shape-7 {
  right: auto;
  left: -12%;
  animation: zoom 3s infinite;
}

.it-faq-left {
  margin-left: 83px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-left {
    margin-left: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-faq-left {
    margin-left: 0;
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left .it-section-title-3 br {
    display: none;
  }
}

.it-faq-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.it-faq-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-faq-shape-2 {
    display: none;
  }
}

.it-faq-style-2 .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}

.it-faq-style-3 .it-custom-accordion .accordion-items {
  background-color: var(--it-gray-1);
}

@media (max-width: 767px) {
  .it-faq-style-3 .it-about-2-thumb img {
    width: 100%;
  }
}

.it-faq-tab-box ul {
  padding: 16px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}

.it-faq-tab-box ul li button {
  padding: 0;
  font-size: 20px;
  margin: 0 20px;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}

.it-faq-tab-box ul li button.active {
  color: var(--it-theme-1);
}

.it-faq-tab-box ul li button:hover {
  color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-faq-tab-content {
    margin-bottom: 50px;
  }
}

.it-faq-tab-content .it-details-title-sm {
  font-family: var(--it-ff-heading);
}

.it-faq-tab-content ul li {
  list-style-type: none;
}

.it-faq-tab-content ul li:not(:last-child) {
  margin-bottom: 14px;
}

.it-faq-inner-style .it-custom-accordion .accordion-items {
  border-radius: 10px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(14, 32, 81, 0.1);
}

.it-faq-inner-style .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}

.it-faq-inner-style .it-custom-accordion .accordion-body p {
  margin-left: 15px;
  font-size: 16px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-body p {
    margin-left: 0;
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  31. price css start
/*----------------------------------------*/
.it-price-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-price-section-title-box {
    margin-bottom: 30px;
  }
}

.it-price-item {
  padding: 60px 40px;
  padding-top: 57px;
  border-radius: 20px;
  position: relative;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-price-item {
    padding: 45px 25px;
  }
}

.it-price-item .price-amount {
  font-weight: 700;
  font-size: 45px;
  line-height: 1;
  color: var(--it-theme-5);
  font-family: var(--it-ff-oxanium);
}

.it-price-item .price-amount span {
  font-size: 16px;
  font-weight: 400;
  color: var(--it-text-body);
}

.it-price-item .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}

.it-price-item .it-btn-yellow span,
.it-price-item .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-price-item .tag {
  position: absolute;
  top: 45px;
  left: 25px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 5px 22px;
  border-radius: 1000px;
  display: inline-block;
  transform: rotate(-14deg);
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-item .tag {
    left: 0;
    transform: rotate(-14deg) scale(0.7);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-price-item .tag {
    display: none;
  }
}

.it-price-item .tag svg {
  margin-top: -3px;
}

.it-price-item.active {
  background-color: var(--it-common-black);
}

.it-price-item.active .it-price-title {
  color: var(--it-common-white);
}

.it-price-item.active .it-price-features {
  color: var(--it-common-white);
}

.it-price-item.active .it-price-features ul li {
  color: var(--it-common-white);
}

.it-price-item.active .it-price-features ul li span svg {
  color: var(--it-common-white);
}

.it-price-item.active .it-price-features ul li.inactive {
  color: var(--it-text-body);
}

.it-price-item.active .it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}

.it-price-item.active .it-btn-yellow {
  background-color: var(--it-theme-5);
}

.it-price-item.active .it-btn-yellow span,
.it-price-item.active .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-price-head {
  margin-bottom: 20px;
}

.it-price-value {
  padding-bottom: 31px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.5);
}

.it-price-title {
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: var(--it-ff-oxanium);
}

.it-price-features {
  margin-bottom: 45px;
}

.it-price-features ul li {
  position: relative;
  padding-right: 30px;
  list-style-type: none;
}

.it-price-features ul li:not(:last-child) {
  margin-bottom: 19px;
}

.it-price-features ul li span {
  position: absolute;
  top: -2px;
  right: 0;
}

.it-price-features ul li span svg {
  color: var(--it-common-black);
}

.it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}

.it-price-tab-wrap {
  border-radius: 30px;
  padding: 5px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(254, 130, 53, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}

.it-price-tab-wrap .it-price-tab ul li {
  display: inline-block;
}

.it-price-tab-wrap .it-price-tab ul li button {
  transition: 0.4s;
  font-size: 14px;
  padding: 9px 25px;
}

.it-price-tab-wrap .it-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--it-common-white);
}

.it-price-tab-wrap .it-price-tab #lineMarker {
  position: absolute;
  top: 0;
  right: 5px;
  left: 5px;
  z-index: 0;
  height: 100%;
  transition: 0.4s;
  border-radius: 1000px;
  background: var(--it-theme-5);
}

.it-price-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  left: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-price-inner-style .it-price-item {
  background-color: rgba(9, 31, 46, 0.1);
}

.it-price-inner-style .it-price-item.active {
  background-color: var(--it-common-black);
}

.it-price-inner-style .it-price-item.active .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}

.it-price-inner-style .it-price-item.active .price-amount {
  color: var(--it-common-white);
}

.it-price-inner-style .it-price-item.active .tag {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.it-price-inner-style .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}

.it-price-inner-style .it-price-item .price-amount {
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

/*----------------------------------------*/
/*  39. text slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 25px 0;
  background-color: var(--it-theme-6);
}

.it-text-slider-item {
  display: flex;
  align-items: center;
}

.it-text-slider-item span {
  font-size: 50px;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  display: inline-block;
}

.it-text-slider-item img {
  margin: 0 20px;
}

.it-text-slider-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.it-text-slider-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  30. portfolio css start
/*----------------------------------------*/
.it-portfolio-area {
  background-color: rgb(47, 42, 37);
}

@media (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 0;
  }
}

.it-portfolio-section-title {
  font-weight: 400;
  font-size: 100px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-section-title {
    font-size: 70px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-section-title {
    font-size: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-section-title {
    font-size: 58px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-section-title {
    font-size: 50px;
  }
}

@media (max-width: 767px) {
  .it-portfolio-section-title {
    font-size: 40px;
  }
}

.it-portfolio-title {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-title {
    font-size: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-portfolio-title {
    font-size: 30px;
  }
}

.it-portfolio-big-thumb {
  margin-bottom: 36px;
}

@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-big-thumb img {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .it-portfolio-small-thumb {
    margin-top: 50px;
  }
}

.it-portfolio-content span {
  display: block;
  margin-bottom: 15px;
  color: var(--it-theme-6);
}

.it-portfolio-right {
  margin-right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-portfolio-right {
    margin-right: 0;
  }
}

.it-portfolio-arrow-wrap {
  display: flex;
  gap: 10px;
  justify-content: end;
}

.it-portfolio-active {
  padding-bottom: 5px;
}

/*----------------------------------------*/
/*  35. social css start
/*----------------------------------------*/
.it-social-text a {
  font-size: 60px;
  margin-bottom: 35px;
  display: inline-block;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-social-text a {
    font-size: 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-text a {
    font-size: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-text a {
    font-size: 40px;
  }
}

@media (max-width: 767px) {
  .it-social-text a {
    font-size: 30px;
  }
}

.it-social-box {
  margin-top: 50px;
  justify-content: space-evenly;
}

@media (max-width: 767px) {
  .it-social-box {
    flex-wrap: wrap !important;
  }
}

.it-social-area {
  border-top: 1px solid rgba(108, 117, 125, 0.3);
}

.it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
  border-left: 1px solid rgba(108, 117, 125, 0.3);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
    border-left: none;
  }
}

.it-social-item {
  padding: 52px 100px;
  border-left: 1px solid rgba(108, 117, 125, 0.3);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-social-item {
    padding: 52px 50px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item {
    padding: 35px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-item {
    padding: 35px 20px;
    border: none;
  }
}

@media (max-width: 767px) {
  .it-social-item {
    padding: 25px 20px;
    border: none;
  }
}

.it-social-item a {
  display: flex;
  align-items: end;
}

.it-social-item a span {
  font-size: 24px;
  line-height: 0.9;
  display: inline-block;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-medium);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a span {
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-social-item a span {
    font-size: 17px;
  }
}

.it-social-item a:hover {
  color: var(--it-theme-5);
}

.it-social-item a svg {
  height: 26px;
  display: inline-block;
  margin-left: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a svg {
    height: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-social-item a svg {
    height: 17px;
    margin-left: 5px;
  }
}

.it-social-item.style-2 a {
  justify-content: center;
}

.it-social-item.style-3 a {
  justify-content: center;
}

.it-social-item.style-4 {
  border-left: none;
}

.it-social-item.style-4 a {
  justify-content: end;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}

@media (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: end;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}

.it-social-style-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
    border: none;
  }
}

.it-social-style-2 .it-social-item {
  transition: 0.3s;
}

.it-social-style-2 .it-social-item a span {
  color: var(--it-common-white);
}

.it-social-style-2 .it-social-item a svg {
  color: var(--it-common-white);
}

.it-social-style-2 .it-social-item:hover {
  background-color: rgba(248, 198, 47, 0.3);
}

/*----------------------------------------*/
/*  04. banner css start
/*----------------------------------------*/
.it-banner-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  padding-top: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-banner-item {
    padding: 30px 20px;
  }
}

.it-banner-item>span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 22px;
}

.it-banner-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 161px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-banner-title {
    font-size: 22px;
    margin-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  32. shop css start
/*----------------------------------------*/
.it-shop-badge {
  position: absolute;
  top: 9px;
  right: 9px;
  font-size: 12px;
  padding: 2px 10px;
  z-index: 1;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}

.it-shop-action-2 {
  position: absolute;
  right: 30px;
  left: 30px;
  top: 30%;
  z-index: 1;
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
  text-align: center;
  transform: translateY(-50%);
}

.it-shop-action-btn-2 {
  position: relative;
  display: block;
  padding: 8px 20px;
  line-height: 1;
  text-align: center;
  font-size: 14px;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-theme-1);
}

.it-shop-action-btn-2 span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-white);
}

.it-shop-action-btn-2 span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}

.it-shop-action-btn-2 span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}

.it-shop-action-btn-2:hover {
  background-color: var(--it-common-white);
}

.it-shop-action-btn-2:hover span {
  color: var(--it-common-black);
}

.it-shop-action-btn-2:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}

.it-shop-action-btn-2:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.it-shop-title {
  font-size: 20px;
  line-height: 1.4;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-title {
    font-size: 17px;
  }
}

.it-shop-price {
  margin-bottom: 8px;
}

.it-shop-price span {
  font-size: 16px;
  color: var(--it-theme-1);
}

.it-shop-price del {
  font-size: 14px;
  padding-right: 4px;
}

.it-shop-rating svg {
  margin: 0 1px;
}

.it-shop-thumb {
  position: relative;
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.it-shop-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}

.it-shop-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(31, 36, 50, 0.6);
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}

.it-shop-item {
  padding: 20px;
  padding-bottom: 40px;
  text-align: center;
  overflow: hidden;
  border: 1px solid rgba(121, 121, 121, 0.3);
}

.it-shop-item:hover .it-shop-thumb img {
  transform: scale(1.15) rotate(-2deg);
}

.it-shop-item:hover .it-shop-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}

.it-shop-item:hover .it-shop-action-2 {
  visibility: visible;
  opacity: 1;
  top: 50%;
}

@media (max-width: 767px) {
  .it-shop-tab-box ul li {
    margin-bottom: 10px;
  }
}

.it-shop-tab-box ul li button {
  padding: 0;
  font-size: 36px;
  line-height: 1;
  transition: 0.3s;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li button {
    font-size: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li button {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .it-shop-tab-box ul li button {
    font-size: 18px;
  }
}

.it-shop-tab-box ul li button:hover {
  color: var(--it-common-black);
}

.it-shop-tab-box ul li button.active {
  color: var(--it-common-black);
}

.it-shop-tab-box ul li.divider {
  font-size: 36px;
  line-height: 1;
  margin: 0 15px;
  display: inline-block;
  color: var(--it-text-body);
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-tab-box ul li.divider {
    font-size: 32px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-tab-box ul li.divider {
    font-size: 24px;
  }
}

@media (max-width: 767px) {
  .it-shop-tab-box ul li.divider {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-shop-btn {
    margin-top: 30px;
  }
}

.it-shop-widget-filter .ui-widget.ui-widget-content {
  height: 5px;
  background-color: rgba(45, 196, 87, 0.2);
  border: 0;
  position: relative;
}

.it-shop-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: var(--it-theme-1);
}

.it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-theme-1);
}

.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--it-text-body);
}

.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-shop-widget-checkbox ul li {
  list-style: none;
}

.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}

.it-shop-widget-checkbox ul li input {
  display: none;
}

.it-shop-widget-checkbox ul li input .single-widget-category input:checked+label::after {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-checkbox ul li input:checked~label::after {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
}

.it-shop-widget-checkbox ul li input:checked~label::before {
  visibility: visible;
  opacity: 1;
}

.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-right: 26px;
}

.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  right: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}

.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  right: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--it-common-white);
  transition: 0.2s;
}

.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}

.it-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.it-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}

.it-shop-widget-rating-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}

.it-shop-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}

.it-shop-widget-thumb {
  margin-left: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.it-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}

.it-shop-widget-content h5 {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.4;
  margin-left: 40px;
  color: var(--it-common-black);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-content h5 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-left: 0;
    font-size: 15px;
  }
}

@media (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-sidebar {
    margin-top: 70px;
  }
}

.it-shop-text span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-text span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 0;
  }
}

.it-shop-text p {
  line-height: 1.75;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-text p {
    font-size: 14px;
  }
}

@media (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-right: 0;
    margin-top: 20px;
    display: block;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-top: 0;
    margin-right: 25px;
  }
}

@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}

.it-shop-filter-box>span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-filter-box>span {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .it-shop-filter-box>span {
    width: 100%;
    font-size: 16px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box>span {
    width: auto;
  }
}

.it-shop-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-right: 20px;
  padding-left: 45px;
  line-height: 50px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  border: 1px solid var(--it-theme-1);
}

.it-shop-filter .nice-select::after {
  border-right: 0;
  border-bottom: 1px solid var(--it-common-black);
  border-left: 1px solid var(--it-common-black);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  left: 31px;
  top: 50%;
  margin-right: 10px;
  -webkit-transform-origin: 34% 66%;
  -ms-transform-origin: 34% 66%;
  transform-origin: 34% 66%;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.it-shop-filter .nice-select.open::after {
  transform: rotate(136deg);
}

.it-shop-inner-style .it-shop-thumb {
  border: none;
  height: 100%;
  margin-left: 40px;
  border-radius: 5px;
}

@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-thumb {
    margin-left: 0;
    height: auto;
  }
}

.it-shop-inner-style .it-shop-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.it-shop-inner-style .it-shop-thumb::after {
  display: none;
}

.it-shop-inner-style .it-shop-content {
  position: relative;
  display: flex;
  height: 100%;
  align-items: start;
  text-align: start;
  flex-direction: column;
  justify-content: center;
  margin-right: -45px;
}

@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    margin-right: 0;
    padding-top: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    padding-top: 0;
  }
}

.it-shop-inner-style .it-shop-item {
  padding: 20px;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.3);
}

.it-shop-inner-style .it-shop-action-btn-2 {
  border-radius: 5px;
  background-color: var(--it-theme-1);
}

.it-shop-inner-style .it-shop-action-btn-2 span {
  color: var(--it-common-white);
}

.it-shop-inner-style .it-shop-price {
  margin-bottom: 10px;
}

.it-shop-inner-style .it-shop-badge {
  right: auto;
  left: 0;
  top: 0;
}

@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-badge {
    display: none;
  }
}

.it-shop-inner-style-2 .it-shop-item {
  border-radius: 10px;
}

.it-shop-inner-style-2 .it-shop-thumb {
  height: 255px;
  margin-bottom: 28px;
  border-radius: 10px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb {
    height: 200px;
  }
}

.it-shop-inner-style-2 .it-shop-thumb img {
  border-radius: 10px;
  height: 255px;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-thumb img {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .it-shop-inner-style-2 .it-shop-text span {
    margin-bottom: 0;
  }
}

/* details css here */
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--it-theme-1);
}

.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  left: 20px;
  color: var(--it-common-black);
  font-size: 18px;
  transform: translateY(-50%);
}

.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  color: var(--it-common-black);
  font-size: 18px;
}

.it-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 45px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-theme-1);
}

.it-shop-details__area .contact__select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__area .it-sv-details-list {
    margin-left: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__area .it-sv-details-list {
    margin-bottom: 20px;
  }
}

.it-shop-details__area .it-sv-details-list p {
  font-weight: 400;
  font-size: 16px;
  padding-left: 0;
}

.it-shop-details__area .it-sv-details-list p b {
  font-weight: 600;
  color: var(--it-common-black);
}

.it-shop-details__area .it-sv-details-content>p {
  padding-left: 0;
  margin-left: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__area .it-sv-details-content>p {
    font-size: 15px;
  }
}

.it-shop-details__area .it-service-3-item {
  padding: 30px;
  padding-bottom: 25px;
}

.it-shop-details__area .it-contact-2-input-box input {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}

.it-shop-details__area .it-contact-2-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}

.it-shop-details__area .it-contact-2-input-box textarea {
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}

@media (max-width: 767px) {
  .it-shop-details__area .it-contact-2-input-box textarea {
    font-size: 14px;
  }
}

.it-shop-details__area .it-contact-2-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}

.it-shop-details__area .contact__select .nice-select {
  border-radius: 5px;
  background-color: var(--it-gray-1);
}

@media (max-width: 767px) {
  .it-shop-details__area .contact__select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}

.it-shop-details__area .contact__select .nice-select:focus {
  border-color: var(--it-theme-1);
}

.it-shop-details__right-wrap {
  margin-top: 46px;
  margin-right: 75px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__right-wrap {
    margin-right: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-right: 0;
  }
}

.it-shop-details__title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--it-ff-heading);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__title-sm {
    font-size: 30px;
  }

  .it-shop-details__title-sm br {
    display: none;
  }
}

.it-shop-details__social>span {
  font-weight: 600;
  font-size: 16px;
  margin-left: 10px;
  color: var(--it-common-black);
}

@media (max-width: 767px) {
  .it-shop-details__social>span {
    font-size: 15px;
  }
}

.it-shop-details__social a {
  margin: 0 8px;
  display: inline-block;
}

.it-shop-details__social a:hover {
  color: var(--it-theme-1);
}

.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  margin-left: 8px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
}

.it-shop-details__icon a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-shop-details__Category span {
  font-size: 16px;
  display: block;
  font-weight: 400;
}

@media (max-width: 767px) {
  .it-shop-details__Category span {
    font-size: 15px;
  }
}

.it-shop-details__Category span:not(:last-child) {
  margin-left: 28px;
  margin-bottom: 20px;
}

.it-shop-details__Category span i {
  font-style: normal;
  font-weight: 600;
  margin-left: 10px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}

.it-shop-details__text p {
  font-size: 16px;
  line-height: 1.65;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__text p {
    font-size: 14px;
  }

  .it-shop-details__text p br {
    display: none;
  }
}

.it-shop-details__btn {
  margin-right: 30px;
}

@media (max-width: 767px) {
  .it-shop-details__btn {
    margin-right: 0;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__btn {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__btn {
    margin-right: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__btn .it-btn-theme {
    padding: 20px 40px;
  }
}

.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--it-theme-1);
}

@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
    margin-left: 60px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-left: 0;
    margin-bottom: 0;
  }
}

@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__quantity {
    margin-bottom: 0;
  }
}

.it-shop-details__quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-common-black);
  background-color: transparent;
}

.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}

.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}

.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}

.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}

@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}

.it-shop-details__tab-content-box {
  text-align: center;
  border-radius: 30px;
  background: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}

.it-shop-details__tab-content-box img {
  border-radius: 30px;
}

.it-shop-details__tab-btn-box nav div button {
  transition: 0.3s;
  width: max-content;
  padding: 0;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
  border-radius: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    margin-bottom: 20px;
  }
}

.it-shop-details__tab-btn-box nav div button img {
  width: 125px;
  height: 130px;
  border-radius: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 100px;
    height: 100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}

@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 85px;
    height: 85px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}

.it-shop-details__tab-btn-box nav div button.active {
  border: 1px solid var(--it-theme-1);
}

.it-shop-details__tab-btn-box nav div button:hover {
  border: 1px solid var(--it-theme-1);
}

.it-shop-details__tab-btn-box nav div button:not(:last-child) {
  margin-left: 10px;
}

.it-shop-details__wrapper {
  margin-left: -32px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__wrapper {
    margin-left: 0;
  }
}

.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__price {
    margin-left: 0;
  }
}

@media (max-width: 767px) {
  .it-shop-details__price {
    margin-left: 0;
    flex-wrap: wrap;
  }
}

.it-shop-details__price>span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: inline-block;
  margin-right: 20px;
  margin-left: 47px;
  font-family: var(--it-ff-spartan-semibold);
}

.it-shop-details__price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}

@media (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 15px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 0;
  }
}

.it-shop-details__ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details__top-wrap {
    margin-bottom: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-shop-details-action-wrapper .it-btn-theme {
    font-size: 14px;
    padding: 20px 25px;
  }
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}

@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}

.pro-details-nav-btn li:not(:last-child) button {
  margin-left: 50px;
}

.pro-details-nav-btn li button.active span {
  color: var(--it-common-black);
}

.pro-details-nav-btn li button span {
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn li button span {
    font-size: 17px;
  }
}

/* comment css here */
.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}

@media (max-width: 767px) {

  .comments-text span br,
  .comments-text p br {
    display: none;
  }
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-left: 5px;
}

.comment-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comment-input textarea {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--it-common-black);
  padding: 20px;
  resize: none;
  background-color: var(--it-gray-1);
}

.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}

.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-theme-1);
}

.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--it-gray-1);
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}

.comment-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}

.comment-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}

.comments-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

@media (max-width: 767px) {
  .table .add-info {
    font-size: 14px;
  }
}

.table td {
  padding: 18px;
}

@media (max-width: 767px) {
  .table td {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px),
only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .shop-left-right {
    margin-right: 0;
    margin-left: 0;
  }
}

.it-comments-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}

@media (max-width: 767px) {
  .it-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  text-transform: capitalize;
}

.comment-title h3 {
  margin-bottom: 15px;
}

.it-product-slider-title {
  color: var(--it-common-black);
  font-size: 30px;
  font-weight: 500;
}

.it-shop-widget-categories-item input:checked~label::before {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-categories-item input:checked~label::after {
  background-color: var(--it-common-purple);
  border-color: var(--it-common-purple);
}

.it-product-sidebar {
  margin-left: 28px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-sidebar {
    margin-left: 0;
  }
}

.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}

.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}

.it-product-widget-filter {
  position: relative;
}

.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--it-theme-1);
}

.it-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}

.it-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-common-black);
  position: absolute;
  display: inline-block;
}

.it-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  left: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-white);
  transform: translateY(-50%);
}

.it-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-left: 10px;
}

.it-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--it-common-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}

.it-product-widget-filter-info .it-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 10px 15px;
  margin-left: 15px;
}

.it-product-widget-filter-info .it-product-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}

.it-product-widget-category ul li {
  list-style: none;
  width: 100%;
}

.it-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}

.it-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}

.it-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}

.it-product-widget-category ul li a:hover {
  color: var(--it-theme-1);
}

.it-product-widget-category ul li a i {
  color: var(--it-theme-1);
}

.it-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-left: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-product-widget-color span {
    margin-bottom: 0;
  }
}

.it-product-widget-color span.red {
  background-color: #FE5B00;
}

.it-product-widget-color span.tia {
  background-color: var(--it-theme-1);
}

.it-product-widget-color span.yellow {
  background-color: #FED000;
}

.it-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}

.it-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}

.it-product-widget-color span.black {
  background-color: var(--it-common-black);
}

.it-product-widget-color span.ass {
  background-color: #505050;
}

.it-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.it-order-info-list-highlight-item span {
  display: block;
}

.it-order-info-list-highlight-item span input {
  display: none;
}

.it-order-info-list-highlight-item span input:checked~label::before {
  opacity: 1;
  visibility: visible;
}

.it-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-right: 27px;
  position: relative;
}

.it-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}

.it-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}

.it-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-product-widget-rating span {
  display: block;
}

.it-product-widget-rating span input {
  display: none;
}

.it-product-widget-rating span input:checked~label::before {
  opacity: 1;
  visibility: visible;
}

.it-product-widget-rating span label {
  position: relative;
  padding-right: 27px;
}

.it-product-widget-rating span label>i {
  color: #FED000;
}

.it-product-widget-rating span label>i.color {
  color: rgba(254, 207, 0, 0.4);
}

.it-product-widget-rating span label:hover {
  cursor: pointer;
}

.it-product-widget-rating span label::after {
  position: absolute;
  content: "";
  right: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}

.it-product-widget-rating span label::before {
  position: absolute;
  content: "";
  right: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .comments-box {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    flex-wrap: nowrap;
  }
}

.comment-input textarea {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  17. error css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb {
    margin-bottom: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}

.it-error-title {
  font-size: 60px;
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-title {
    font-size: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-title {
    font-size: 44px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 45px;
  }
}

@media (max-width: 767px) {
  .it-error-title {
    font-size: 26px;
    margin-bottom: 20px !important;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-title {
    font-size: 37px;
  }
}

.it-error-content p {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}

@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-error-content p {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .it-error-content p {
    font-size: 16px;
  }
}

.it-error-content .it-btn-yellow.theme-bg i {
  margin-right: 0;
  margin-left: 9px;
}

.it-error-shape-1 {
  position: absolute;
  z-index: -1;
  top: 33%;
  right: 8%;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-shape-1 {
    transform: scale(0.6);
    right: 2%;
  }
}

@media (max-width: 767px) {
  .it-error-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  33. contact css start
/*----------------------------------------*/
.it-signup-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

.it-signup-title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 55px;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 29px;
  }
}

@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}

@media (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}

.it-signup-continue-item {
  padding: 12px 30px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 15px;
  }
}

@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}

.it-signup-continue-item span {
  display: inline-block;
  padding-right: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
(max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 13px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}

.it-signup-text span a {
  color: var(--it-theme-1);
  text-decoration: underline;
}

.it-signup-border {
  margin-bottom: 35px;
  position: relative;
}

.it-signup-border span {
  display: block;
  position: relative;
  padding: 0 10px;
  z-index: 1;
  display: inline-block;
  background-color: var(--it-common-white);
}

.it-signup-border::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  transform: translateY(-50%);
  background-color: rgba(108, 117, 125, 0.4);
}

.it-signup-input {
  text-align: start;
}

.it-signup-input label {
  margin-bottom: 10px;
  font-size: 18px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-signup-input label {
    font-size: 15px;
  }
}

.it-signup-input input {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}

.it-signup-input input:focus {
  border-color: var(--it-theme-1);
}

.it-signup-input-icon {
  position: absolute;
  top: 50%;
  right: 28px;
  transform: translateY(-50%);
}

@media (max-width: 767px) {
  .it-signup-input-icon {
    right: 19px;
  }
}

@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}

.it-signup-wrap {
  padding: 60px 50px;
  border-radius: 20px;
  text-align: center;
  margin: 0 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}

@media (max-width: 767px) {
  .it-signup-wrap {
    margin: 0;
    padding: 60px 20px;
  }
}

.it-signup-wrap .form-check {
  padding-left: 0;
  padding-right: 1.5rem;
  display: flex;
  text-align: start;
}

.it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  width: 20px;
  height: 20px;
  padding: 0;
  margin-top: 2px;
  border-radius: 5px;
  box-shadow: none;
  flex: 0 0 auto;
  border: 1px solid #797979;
  margin-right: -1.5rem;
  margin-left: 1rem;
}

.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}

.it-signup-text span a {
  display: inline-block;
  margin-right: 20px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}

.it-signup-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 45px;
  padding: 90px 20px;
  border-radius: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-logo {
    margin-left: 20px;
    padding: 90px 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-signup-logo {
    margin-left: 0;
    padding: 50px 40px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-logo {
    padding: 80px 40px;
  }
}

.it-signup-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-signup-area .form-check label span {
  color: var(--it-theme-1);
}

.it-signup-forget a {
  font-weight: 600;
  font-size: 14px;
  line-height: 171%;
  letter-spacing: 0.01em;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

.it-signup-agree label {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}

.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}

.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}

.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}

@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  42. zoom-metting css start
/*----------------------------------------*/
.it-metting-area .it-event-countdown-time ul li {
  margin: 0 6px;
  border: 2px solid var(--it-theme-1);
  list-style: none;
  padding: 8px;
  border-radius: 5px;
  font-weight: 500;
}

.it-metting-area .it-event-countdown-time ul li span {
  margin-left: 3px;
}

.it-metting-area .section-border {
  margin-bottom: 35px;
  padding-bottom: 40px;
  text-align: center;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px) {
  .it-metting-area .it-details-title {
    font-size: 27px;
  }
}

@media (max-width: 767px) {
  .it-metting-area .it-details-title {
    font-size: 24px;
  }
}

.it-metting-area .it-course-sidebar .course-info ul li {
  padding-right: 0;
  font-family: var(--it-ff-spartan-medium);
}

.it-metting-area .it-course-sidebar .course-info ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}

.it-metting-area .it-course-sidebar .course-info ul li:last-child {
  font-size: 16px;
  display: inline-block;
  line-height: 1.5;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li:last-child {
    font-size: 14px;
  }
}

.it-metting-area .it-course-sidebar .course-info ul li:last-child span {
  margin-left: 5px;
}

.it-metting-area .it-course-sidebar .btn-border {
  margin-top: 15px;
  padding-top: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}

.it-metting-area .it-course-sidebar .contact-section {
  padding-bottom: 40px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-metting-right {
    margin-top: 70px;
  }
}

/*----------------------------------------*/
/*  09. career css start
/*----------------------------------------*/
.it-career-details-area .postbox-dsc p {
  margin-left: 0;
}

.it-career-details-area .postbox-dsc p span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-career-details-area .it-details-list ul li svg {
  color: rgba(31, 36, 50, 0.8);
}

.it-career-details-area .it-details-list ul li b {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-career-details-area.it-course-details-style-3 .it-course-sidebar-thumb {
  margin-bottom: 50px;
}

.it-career-details-area .it-career-details-area .it-details-list ul li svg {
  height: 17px;
  width: 17px;
}

.it-career-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #F8F9FB;
  border: 1px solid rgba(3, 89, 78, 0.1);
}

@media (max-width: 767px) {
  .it-career-item {
    padding: 25px 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-item {
    padding: 40px;
  }
}

.it-career-item>span {
  display: block;
  margin-bottom: 30px;
}

.it-career-item .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}

.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
  font-family: var(--it-ff-spartan-semibold);
}

.it-career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 11px 20px;
  display: inline-block;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-text-body);
  border: 1px solid rgba(26, 182, 157, 0.3);
}

@media (max-width: 767px) {
  .it-career-price {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-price {
    margin-bottom: 0;
  }
}

.it-career-meta {
  margin-bottom: 75px;
}

.it-career-meta span {
  line-height: 1;
  display: inline-block;
}

.it-career-meta span:not(:last-child) {
  padding-left: 15px;
  margin-left: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-left: 1px solid rgba(108, 117, 125, 0.5);
}

/*----------------------------------------*/
/*  29. policy css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
(max-width: 767px) {
  .it-policy-area .postbox-dsc p br {
    display: none;
  }
}


/* English LTR conversion — layout structure preserved */
html[dir="ltr"],
html[dir="ltr"] body {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] input,
html[dir="ltr"] textarea,
html[dir="ltr"] select {
  direction: ltr;
  text-align: left;
}

html[dir="ltr"] .nice-select {
  text-align: left !important;
}

html[dir="ltr"] .nice-select:after {
  right: 18px;
  left: auto;
}

html[dir="ltr"] .nice-select .list {
  left: 0;
  right: auto;
  text-align: left;
}

html[dir="ltr"] .it-main-menu ul,
html[dir="ltr"] .it-menu-mobile ul {
  direction: ltr;
}

html[dir="ltr"] .it-header-menu nav ul li .submenu {
  text-align: left;
}

html[dir="ltr"] .text-end {
  text-align: right !important;
}

html[dir="ltr"] .text-start {
  text-align: left !important;
}

.it-header-logo {
  width: fit-content !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  align-items: center;
}

.it-header-logo>a {
  height: 56px !important;
  display: flex;
  align-items: center;
}

.it-header-logo img.header-main-logo {
  width: auto !important;
  height: 46px !important;
  max-width: 160px !important;
  max-height: 46px !important;
  object-fit: contain !important;
  display: block;
}

@media (max-width: 991px) {

  .it-header-logo,
  .it-header-logo>a {
    height: 48px !important;
    min-height: 48px !important;
  }

  .it-header-logo img.header-main-logo {
    height: 38px !important;
    max-height: 38px !important;
    max-width: 135px !important;
  }
}

/* ارتفاع کلی سکشن Hero */
.it-hero-area {
  height: auto !important;
  min-height: unset !important;
  padding-top: 40px !important;
  padding-bottom: 0 !important;
  overflow: hidden;
}

/* حذف فضای خالی اضافی اطراف متن */
.it-hero-content {
  margin-top: 30px !important;
  margin-bottom: 60px !important;
}

/* اندازه تصویر ثابت بماند */
.it-hero-thumb {
  margin-bottom: 0 !important;
}

/* ==================================================
   Course Categories
================================================== */

.course-categories {
  --course-navy: #1f2533;
  --course-yellow: #ecba05;
  --course-yellow-dark: #d7aa04;
  --course-text: #646b78;
  --course-border: rgba(31, 37, 51, 0.16);

  position: relative;
  z-index: 5;
  padding: 125px 0 135px;
  overflow: visible;
  background:
    radial-gradient(circle at 8% 15%,
      rgba(236, 186, 5, 0.1),
      transparent 20%),
    radial-gradient(circle at 94% 85%,
      rgba(31, 37, 51, 0.05),
      transparent 23%),
    #ffffff;
}

.course-categories *,
.course-categories *::before,
.course-categories *::after {
  box-sizing: border-box;
}

/* Header */

.course-categories__header {
  max-width: 720px;
  margin: 0 auto 58px;
  text-align: center;
}

.course-categories__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 16px;
  padding: 8px 15px;
  border-radius: 999px;
  background-color: rgba(236, 186, 5, 0.14);
  color: var(--course-navy);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}

.course-categories__eyebrow::before {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: var(--course-yellow);
  content: "";
}

.course-categories__title {
  margin: 0 0 15px;
  color: var(--course-navy);
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 750;
  line-height: 1.18;
}

.course-categories__description {
  max-width: 610px;
  margin: 0 auto;
  color: var(--course-text);
  font-size: 15px;
  line-height: 1.8;
}

/* Grid */

.course-categories__grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  max-width: 1440px;
  margin: 0 auto;
  align-items: stretch;
}

/* Card */

.course-card {
  position: relative;
  display: block;
  min-width: 0;
  margin: 0;
  border: 2px solid var(--course-border);
  border-radius: 28px;
  background-color: #ffffff;
  box-shadow: 0 12px 35px rgba(31, 37, 51, 0.055);
  color: var(--course-navy);
  text-decoration: none;
  transition:
    transform 0.32s ease,
    border-color 0.32s ease,
    background-color 0.32s ease,
    box-shadow 0.32s ease;
}

/* Yellow line below card */

.course-card::after {
  position: absolute;
  right: 28px;
  bottom: -10px;
  left: 28px;
  z-index: -1;
  height: 13px;
  border-radius: 0 0 18px 18px;
  background-color: var(--course-yellow);
  content: "";
  transition:
    right 0.32s ease,
    left 0.32s ease,
    height 0.32s ease;
}

.course-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 370px;
  padding: 46px 29px 30px;
  color: inherit;
  text-align: center;
  text-decoration: none;
}

details.course-card>summary {
  cursor: pointer;
  list-style: none;
}

details.course-card>summary::-webkit-details-marker {
  display: none;
}

/* Icon */

.course-card__icon {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 82px;
  height: 82px;
  margin-bottom: 28px;
  border-radius: 22px;
  background-color: rgba(236, 186, 5, 0.15);
  color: var(--course-navy);
  transition:
    background-color 0.32s ease,
    color 0.32s ease,
    transform 0.32s ease;
}

.course-card__icon svg {
  display: block;
  width: 39px;
  height: 39px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Content */

.course-card__content {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.course-card__content strong {
  display: block;
  margin-bottom: 18px;
  color: var(--course-navy);
  font-size: clamp(27px, 2.1vw, 38px);
  font-weight: 750;
  line-height: 1.15;
  transition: color 0.32s ease;
}

.course-card__content small {
  display: block;
  max-width: 250px;
  color: var(--course-text);
  font-size: 14px;
  font-weight: 400;
  line-height: 1.85;
  white-space: normal;
  transition: color 0.32s ease;
}

/* Bottom action */

.course-card__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin-top: 26px;
  color: var(--course-navy);
  font-size: 13px;
  font-weight: 700;
  transition:
    color 0.32s ease,
    gap 0.32s ease;
}

.course-card__action svg {
  display: block;
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Hover for white cards */

.course-card:not(.course-card--featured):hover {
  border-color: var(--course-navy);
  background-color: var(--course-navy);
  box-shadow: 0 24px 55px rgba(31, 37, 51, 0.2);
  color: #ffffff;
  transform: translateY(-10px);
}

.course-card:not(.course-card--featured):hover::after {
  right: 12px;
  left: 12px;
  height: 17px;
}

.course-card:not(.course-card--featured):hover .course-card__icon {
  background-color: var(--course-yellow);
  color: var(--course-navy);
  transform: translateY(-4px) rotate(-4deg) scale(1.06);
}

.course-card:not(.course-card--featured):hover .course-card__content strong {
  color: #ffffff;
}

.course-card:not(.course-card--featured):hover .course-card__content small {
  color: rgba(255, 255, 255, 0.72);
}

.course-card:not(.course-card--featured):hover .course-card__action {
  gap: 13px;
  color: var(--course-yellow);
}

/* Featured TEFL card */

.course-card--featured {
  border-color: var(--course-navy);
  background-color: var(--course-navy);
  color: #ffffff;
  box-shadow: 0 19px 45px rgba(31, 37, 51, 0.18);
}

.course-card--featured .course-card__icon {
  background-color: var(--course-yellow);
  color: var(--course-navy);
}

.course-card--featured .course-card__content strong {
  color: #ffffff;
}

.course-card--featured .course-card__content small {
  color: rgba(255, 255, 255, 0.72);
}

.course-card--featured .course-card__action {
  color: var(--course-yellow);
}

.course-card--featured:hover {
  border-color: var(--course-yellow);
  background-color: var(--course-yellow);
  box-shadow: 0 24px 55px rgba(236, 186, 5, 0.25);
  color: var(--course-navy);
  transform: translateY(-10px);
}

.course-card--featured:hover::after {
  right: 12px;
  left: 12px;
  height: 17px;
  background-color: var(--course-navy);
}

.course-card--featured:hover .course-card__icon {
  background-color: var(--course-navy);
  color: var(--course-yellow);
  transform: translateY(-4px) rotate(4deg) scale(1.06);
}

.course-card--featured:hover .course-card__content strong,
.course-card--featured:hover .course-card__content small,
.course-card--featured:hover .course-card__action {
  color: var(--course-navy);
}

/* TEFL dropdown arrow */

.course-card__dropdown-icon {
  position: absolute;
  top: 20px;
  right: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 50%;
  color: #ffffff;
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease;
}

.course-card__dropdown-icon svg {
  width: 16px;
  height: 16px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.course-card--featured:hover .course-card__dropdown-icon {
  border-color: rgba(31, 37, 51, 0.18);
  background-color: var(--course-navy);
  color: var(--course-yellow);
}

.course-card[open] .course-card__dropdown-icon {
  transform: rotate(180deg);
}

/* Dropdown */

.course-card__dropdown {
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  left: 0;
  z-index: 30;
  display: grid;
  gap: 5px;
  padding: 10px;
  border: 1px solid rgba(31, 37, 51, 0.12);
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0 25px 60px rgba(31, 37, 51, 0.2);
  animation: courseDropdown 0.22s ease;
}

.course-card__dropdown a {
  display: block;
  padding: 13px 15px;
  border-radius: 11px;
  color: var(--course-navy);
  font-size: 13px;
  font-weight: 650;
  text-align: left;
  text-decoration: none;
  transition:
    padding-left 0.22s ease,
    background-color 0.22s ease;
}

.course-card__dropdown a:hover {
  padding-left: 20px;
  background-color: rgba(236, 186, 5, 0.17);
}

@keyframes courseDropdown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Tablet */

@media only screen and (max-width: 1199px) {
  .course-categories {
    padding: 105px 0 115px;
  }

  .course-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 760px;
    gap: 24px;
  }

  .course-card__body {
    min-height: 340px;
  }

  .course-card__content strong {
    font-size: 32px;
  }
}

/* Mobile */

@media only screen and (max-width: 767px) {
  .course-categories {
    padding: 80px 0 92px;
  }

  .course-categories__header {
    margin-bottom: 38px;
    padding: 0 8px;
  }

  .course-categories__title {
    font-size: 30px;
  }

  .course-categories__description {
    font-size: 13px;
    line-height: 1.75;
  }

  .course-categories__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  .course-card {
    border-radius: 21px;
  }

  .course-card__body {
    min-height: 245px;
    padding: 27px 13px 20px;
  }

  .course-card__icon {
    width: 57px;
    height: 57px;
    margin-bottom: 16px;
    border-radius: 15px;
  }

  .course-card__icon svg {
    width: 27px;
    height: 27px;
  }

  .course-card__content strong {
    margin-bottom: 10px;
    font-size: 21px;
  }

  .course-card__content small {
    display: -webkit-box;
    overflow: hidden;
    max-width: 100%;
    font-size: 11px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }

  .course-card__action {
    gap: 5px;
    margin-top: 16px;
    font-size: 11px;
  }

  .course-card__action svg {
    width: 14px;
    height: 14px;
  }

  .course-card__dropdown-icon {
    top: 11px;
    right: 11px;
    width: 27px;
    height: 27px;
  }

  .course-card::after {
    right: 17px;
    bottom: -7px;
    left: 17px;
    height: 9px;
  }

  .course-card:hover {
    transform: translateY(-5px) !important;
  }

  .course-card__dropdown {
    position: relative;
    top: auto;
    margin: 0 8px 9px;
    border-radius: 13px;
  }
}

/* Very small mobile */

@media only screen and (max-width: 390px) {
  .course-categories__grid {
    gap: 10px;
  }

  .course-card__body {
    min-height: 220px;
    padding-right: 10px;
    padding-left: 10px;
  }

  .course-card__content strong {
    font-size: 18px;
  }

  .course-card__content small {
    font-size: 10px;
  }

  .course-card__action {
    font-size: 10px;
  }
}

.course-card__dropdown {
  position: absolute;
  top: calc(100% + 16px);
  right: 0;
  left: 0;
  z-index: 30;

  display: grid;
  gap: 7px;

  padding: 10px;
  border: 1px solid rgba(31, 37, 51, 0.12);
  border-radius: 18px;
  background-color: #ffffff;
  box-shadow: 0 25px 60px rgba(31, 37, 51, 0.2);

  animation: courseDropdown 0.22s ease;
}

.course-card__dropdown a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;

  padding: 14px;
  border-radius: 12px;

  color: #1f2533;
  text-align: left;
  text-decoration: none;

  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}

.course-card__dropdown a span {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
}

.course-card__dropdown a strong {
  color: #1f2533;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.course-card__dropdown a small {
  color: #737b89;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
}

.course-card__dropdown a svg {
  flex: 0 0 auto;
  width: 17px;
  height: 17px;

  fill: none;
  stroke: #1f2533;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  transition: transform 0.25s ease;
}

.course-card__dropdown a:hover {
  background-color: rgba(236, 186, 5, 0.17);
  transform: translateX(3px);
}

.course-card__dropdown a:hover svg {
  transform: translateX(4px);
}

/* ==================================================
   About Accreditations
================================================== */

.it-about-accreditations {
  margin: 30px 0 34px;
  padding-top: 24px;
  border-top: 1px solid rgba(31, 37, 51, 0.1);
}

.it-about-accreditations__label {
  display: block;
  margin-bottom: 13px;
  color: #68707d;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.it-about-accreditations__items {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.it-about-accreditation {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 82px;
  padding: 13px 14px;
  border: 1px solid rgba(31, 37, 51, 0.12);
  border-radius: 12px;
  background-color: #ffffff;
  transition:
    border-color 0.25s ease,
    background-color 0.25s ease,
    transform 0.25s ease,
    box-shadow 0.25s ease;
}

.it-about-accreditation strong {
  margin-bottom: 4px;
  color: #1f2533;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.35;
}

.it-about-accreditation small {
  color: #7a818d;
  font-size: 10px;
  line-height: 1.45;
}

.it-about-accreditation:hover {
  border-color: #ecba05;
  background-color: rgba(236, 186, 5, 0.09);
  box-shadow: 0 10px 24px rgba(31, 37, 51, 0.08);
  transform: translateY(-4px);
}

@media only screen and (max-width: 767px) {
  .it-about-accreditations {
    margin-top: 24px;
  }

  .it-about-accreditations__items {
    grid-template-columns: 1fr;
  }

  .it-about-accreditation {
    min-height: 70px;
  }
}

/* =========================================
   TEFL intro - course section only
========================================= */

.wcl-tefl-lead {
  max-width: 850px;
  margin: 22px auto 10px;
  color: #1F2533;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75;
}

.wcl-tefl-lead strong {
  color: #1F2533;
  font-weight: 750;
}

.wcl-tefl-description {
  max-width: 900px;
  margin: 0 auto 28px;
  color: #68707D;
  font-size: 15px;
  line-height: 1.85;
}

.wcl-tefl-options {
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.wcl-tefl-option {
  display: flex;
  align-items: center;
  gap: 12px;

  min-width: 265px;
  padding: 12px 18px;

  border: 1px solid rgba(31, 37, 51, 0.11);
  border-radius: 12px;

  background: #fff;
  text-align: left;
}

.wcl-tefl-option-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex: 0 0 42px;
  width: 42px;
  height: 42px;

  border-radius: 10px;
  background: #ECBA05;
  color: #1F2533;

  font-size: 17px;
}

.wcl-tefl-option>span:last-child {
  display: flex;
  flex-direction: column;
}

.wcl-tefl-option strong {
  color: #1F2533;
  font-size: 14px;
  font-weight: 700;
}

.wcl-tefl-option small {
  margin-top: 2px;
  color: #777E89;
  font-size: 11px;
}

.wcl-tefl-highlight {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 10px 24px;
  max-width: 1000px;

  margin: 0 auto;
  padding-top: 18px;

  border-top: 1px solid rgba(31, 37, 51, 0.08);
}

.wcl-tefl-highlight span {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: #1F2533;
  font-size: 12px;
  font-weight: 600;
}

.wcl-tefl-highlight i {
  color: #ECBA05;
  font-size: 13px;
}


/* Tablet */

@media (max-width: 991px) {

  .wcl-tefl-lead {
    font-size: 16px;
  }

  .wcl-tefl-description {
    font-size: 14px;
  }

}


/* Mobile */

@media (max-width: 767px) {

  .wcl-tefl-lead {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.7;
  }

  .wcl-tefl-description {
    margin-bottom: 22px;
    font-size: 13px;
    line-height: 1.75;
  }

  .wcl-tefl-options {
    gap: 9px;
  }

  .wcl-tefl-option {
    width: 100%;
    min-width: 0;
    max-width: 420px;
    padding: 10px 13px;
  }

  .wcl-tefl-option-icon {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .wcl-tefl-highlight {
    align-items: flex-start;
    flex-direction: column;
    max-width: 420px;
    gap: 8px;
    padding-top: 15px;
    text-align: left;
  }

  .wcl-tefl-highlight span {
    font-size: 11px;
  }

}

.it-partner-cta {
  padding: 50px 55px;
  overflow: hidden;
}

/* subtle decorative light */
.it-partner-cta::before {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.07);
  right: -90px;
  top: -120px;
  pointer-events: none;
}

.it-partner-cta::after {
  content: "";
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.12);
  right: 120px;
  bottom: -90px;
  pointer-events: none;
}


/* Left Content */

.it-partner-content {
  max-width: 720px;
  position: relative;
  z-index: 2;
}

.it-partner-label {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 12px;
}

.it-partner-title {
  color: #fff;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 700;
  margin-bottom: 14px;
}

.it-partner-title span {
  display: block;
}

.it-partner-text {
  color: rgba(255, 255, 255, 0.82);
  font-size: 16px;
  line-height: 1.7;
  max-width: 650px;
  margin-bottom: 22px;
}


/* Features */

.it-partner-features {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 22px;
}

.it-partner-features span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

.it-partner-features i {
  font-size: 11px;
  width: 21px;
  height: 21px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 50%;
}


/* Right CTA */

.it-partner-action {
  position: relative;
  z-index: 2;
  padding-left: 35px;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.it-partner-action-label {
  display: block;
  color: rgba(255, 255, 255, 0.75);
  font-size: 14px;
  margin-bottom: 12px;
}

.it-partner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;

  background: #fff;
  color: #1F2533;

  padding: 15px 24px;
  border-radius: 8px;

  font-size: 15px;
  font-weight: 600;

  transition: all 0.3s ease;
}

.it-partner-btn svg {
  transition: transform 0.3s ease;
}

.it-partner-btn:hover {
  color: #1F2533;
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.it-partner-btn:hover svg {
  transform: translateX(4px);
}

.it-partner-action small {
  display: block;
  margin-top: 12px;
  max-width: 250px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 12px;
  line-height: 1.5;
}


/* Tablet */

@media (max-width: 991px) {

  .it-partner-cta {
    padding: 42px 35px;
  }

  .it-partner-title {
    font-size: 28px;
  }

  .it-partner-action {
    padding-left: 25px;
  }
}


/* Mobile */

@media (max-width: 767px) {

  .it-partner-cta {
    padding: 38px 24px;
  }

  .it-partner-title {
    font-size: 25px;
  }

  .it-partner-text {
    font-size: 14px;
  }

  .it-partner-features {
    gap: 10px 16px;
    margin-bottom: 28px;
  }

  .it-partner-action {
    padding-left: 0;
    padding-top: 25px;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
  }

  .it-partner-btn {
    width: 100%;
  }

  .it-partner-action small {
    max-width: 100%;
  }
}

/* ==========================================
   WHY CHOOSE US
========================================== */

.it-why-choose-wrap {
  position: relative;

  /* فاصله بیشتر از عنوان */
  margin-top: 75px;

  /* کارت‌ها کل عرض صفحه را نگیرند */
  max-width: 1120px;
  width: calc(100% - 100px);

  margin-left: auto;
  margin-right: auto;
}


/* فاصله بین کارت‌ها */
.it-why-choose-wrap .row {
  --bs-gutter-x: 22px;
  --bs-gutter-y: 22px;
}


/* CARD */
.it-why-choose-card {
  position: relative;

  height: 100%;
  min-height: 295px;

  /* قبلاً بزرگ‌تر بود */
  padding: 30px 24px 27px;

  background: #fff;

  border: 1px solid #eeeeee;
  border-radius: 14px;

  box-shadow: 0 7px 24px rgba(31, 37, 51, 0.055);

  overflow: hidden;

  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease,
    border-color 0.3s ease;
}


/* Yellow top accent */
.it-why-choose-card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 4px;

  background: #ECBA05;

  transform: scaleX(0);
  transform-origin: left;

  transition: transform 0.35s ease;
}


.it-why-choose-card:hover {
  transform: translateY(-6px);

  border-color: rgba(236, 186, 5, 0.35);

  box-shadow: 0 16px 38px rgba(31, 37, 51, 0.1);
}


.it-why-choose-card:hover::before {
  transform: scaleX(1);
}


/* ICON */
.it-why-icon {
  width: 54px;
  height: 54px;

  display: flex;
  align-items: center;
  justify-content: center;

  margin-bottom: 22px;

  border-radius: 13px;

  background: rgba(236, 186, 5, 0.12);

  color: #ECBA05;

  transition: all 0.3s ease;
}


.it-why-icon svg {
  width: 27px;
  height: 27px;
}


.it-why-choose-card:hover .it-why-icon {
  background: #ECBA05;
  color: #fff;
}


/* NUMBER */
.it-why-number {
  position: absolute;

  top: 25px;
  right: 21px;

  font-size: 38px;
  line-height: 1;

  font-weight: 700;

  color: rgba(31, 37, 51, 0.05);
}


/* TITLE */
.it-why-choose-card h4 {
  font-size: 19px;
  line-height: 1.4;

  font-weight: 700;

  color: #1F2533;

  margin-bottom: 11px;
}


/* DESCRIPTION */
.it-why-choose-card>p {
  font-size: 13.5px;
  line-height: 1.7;

  color: #6b6f78;

  margin-bottom: 18px;
}


/* BOTTOM FEATURE */
.it-why-feature {
  display: flex;
  align-items: flex-start;

  gap: 8px;

  padding-top: 15px;

  border-top: 1px solid #eeeeee;

  color: #1F2533;

  font-size: 12.5px;
  line-height: 1.55;

  font-weight: 500;
}


.it-why-feature .check {
  flex: 0 0 20px;

  width: 20px;
  height: 20px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;

  background: rgba(236, 186, 5, 0.15);

  color: #ECBA05;

  font-size: 10px;
  font-weight: 700;
}


/* ==========================
   LAPTOP
========================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .it-why-choose-wrap {
    max-width: 900px;
    width: calc(100% - 80px);

    margin-top: 65px;
  }

  .it-why-choose-card {
    min-height: 280px;
  }

}


/* ==========================
   TABLET
========================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .it-why-choose-wrap {
    max-width: 700px;
    width: calc(100% - 60px);

    margin-top: 55px;
  }

  .it-why-choose-card {
    min-height: 275px;
  }

}


/* ==========================
   MOBILE
========================== */

@media only screen and (max-width: 767px) {

  .it-why-choose-wrap {
    width: calc(100% - 36px);

    margin-top: 45px;
  }

  .it-why-choose-card {
    min-height: auto;

    padding: 27px 22px 24px;
  }

  .it-why-icon {
    width: 50px;
    height: 50px;

    margin-bottom: 20px;
  }

  .it-why-icon svg {
    width: 25px;
    height: 25px;
  }

  .it-why-number {
    top: 23px;
    right: 20px;

    font-size: 35px;
  }

  .it-why-choose-card h4 {
    font-size: 18px;
  }

}

/* ================================
   WHY CHOOSE - SECTION
================================ */

.it-why-area {
  padding: 130px 0;
}


/* TITLE AREA */
.it-why-section-title {
  max-width: 720px;
  margin: 0 auto;
}


.it-why-section-title .it-section-subtitle {
  display: inline-block;
  margin-bottom: 14px;
}


.it-why-main-title {
  font-size: 44px;
  line-height: 1.2;
  font-weight: 700;
  color: #1F2533;

  margin-bottom: 17px;
}


.it-why-main-title span {
  color: #1F2533;
}


.it-why-main-description {
  max-width: 610px;

  margin: 0 auto;

  font-size: 15px;
  line-height: 1.8;

  color: #6b6f78;
}


/* فاصله عنوان تا کارت‌ها */
.it-why-choose-wrap {
  position: relative;

  max-width: 1120px;
  width: calc(100% - 80px);

  margin: 60px auto 0;
}


/* TABLET */
@media only screen and (max-width: 991px) {

  .it-why-area {
    padding: 100px 0;
  }

  .it-why-main-title {
    font-size: 36px;
  }

  .it-why-choose-wrap {
    width: calc(100% - 50px);
    margin-top: 50px;
  }

}


/* MOBILE */
@media only screen and (max-width: 767px) {

  .it-why-area {
    padding: 80px 0;
  }

  .it-why-main-title {
    font-size: 28px;
  }

  .it-why-main-description {
    font-size: 14px;
  }

  .it-why-choose-wrap {
    width: calc(100% - 30px);
    margin-top: 40px;
  }

}

/* ========================================
   ACCREDITATIONS
======================================== */

.it-accreditation-area {
  --wcl-gold: #ECBA05;
}


/* Subtitle */
.it-accreditation-subtitle {
  color: #ECBA05 !important;
}


/* highlighted heading */
.it-accreditation-highlight {
  color: #ECBA05;
}


/* Main accreditation items */
.it-accreditation-list {
  margin-bottom: 35px;
}


.it-accreditation-item {
  display: flex;
  align-items: flex-start;

  gap: 18px;

  padding: 20px 0;

  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
}


.it-accreditation-item:first-child {
  padding-top: 0;
}


.it-accreditation-item:last-child {
  border-bottom: 0;
}


/* Number */
.it-accreditation-number {
  flex: 0 0 45px;

  width: 45px;
  height: 45px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: #ECBA05;

  border-radius: 10px;

  color: #1F2533;

  font-size: 13px;
  font-weight: 700;
}


/* Content */
.it-accreditation-content {
  flex: 1;
}


.it-accreditation-content h5 {
  margin-bottom: 4px;

  color: #fff;

  font-size: 19px;
  font-weight: 700;
}


.it-accreditation-label {
  display: block;

  margin-bottom: 8px;

  color: #ECBA05;

  font-size: 12px;
  line-height: 1.5;

  font-weight: 600;
}


.it-accreditation-content p {
  margin: 0;

  color: rgba(255, 255, 255, 0.75);

  font-size: 14px;
  line-height: 1.7;
}


/* Button */
.it-accreditation-btn {
  background: #ECBA05 !important;
}


/* Mobile */
@media (max-width: 767px) {

  .it-accreditation-item {
    gap: 13px;
    padding: 17px 0;
  }

  .it-accreditation-number {
    flex: 0 0 40px;

    width: 40px;
    height: 40px;
  }

  .it-accreditation-content h5 {
    font-size: 17px;
  }

  .it-accreditation-content p {
    font-size: 13px;
  }

}

/* ==========================================================
   WCL HOME HERO
   Uses the existing template classes
========================================================== */

.wcl-home-hero {
  position: relative;

  background: #1F2533 !important;

  /* Hero closer to header */
  padding-top: 42px;
  padding-bottom: 58px;

  min-height: auto;
}


/* Remove old template vertical spacing ONLY in this hero */
.wcl-home-hero .it-hero-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;

  position: relative;
  z-index: 5;
}


/* Background shapes */
.wcl-home-hero>.it-hero-shape-2,
.wcl-home-hero>.it-hero-shape-3 {
  opacity: 0.12;
}


/* ==============================
   LEFT SIDE
============================== */

.wcl-hero-label {
  display: inline-flex;
  align-items: center;

  padding: 7px 13px;
  margin-bottom: 18px;

  border: 1px solid rgba(236, 186, 5, 0.22);
  border-radius: 50px;

  background: rgba(236, 186, 5, 0.09);

  color: #ECBA05;

  font-size: 13px;
  line-height: 1;
  font-weight: 600;
}


.wcl-home-hero .it-hero-title {
  max-width: 620px;

  margin-bottom: 19px;

  color: #fff;

  font-size: 58px;
  line-height: 1.04;
  font-weight: 700;

  letter-spacing: -1.2px;
}


.wcl-title-highlight {
  display: inline-block;
  position: relative;

  color: #ECBA05;
}


.wcl-title-highlight::after {
  content: "";

  position: absolute;
  left: 0;
  bottom: -4px;

  width: 100%;
  height: 3px;

  border-radius: 50px;

  background: #ECBA05;

  opacity: 0.7;

  transform: rotate(-1deg);
}


.wcl-home-hero .it-hero-text {
  max-width: 560px;

  margin-bottom: 27px;
}


.wcl-home-hero .it-hero-text p {
  margin-bottom: 8px;

  color: rgba(255, 255, 255, 0.74);

  font-size: 15px;
  line-height: 1.68;
}


.wcl-home-hero .it-hero-text p:last-child {
  margin-bottom: 0;
}


/* ==============================
   BUTTONS
============================== */

.wcl-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 12px;

  margin-bottom: 27px;
}


.wcl-home-hero .it-btn-yellow {
  background: #ECBA05;
  color: #1F2533;
}


.wcl-secondary-btn {
  min-height: 50px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  padding: 12px 22px;

  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 8px;

  background: rgba(255, 255, 255, 0.025);

  color: #fff;

  font-size: 14px;
  font-weight: 600;

  transition: 0.3s ease;
}


.wcl-secondary-btn svg {
  transition: transform 0.3s ease;
}


.wcl-secondary-btn:hover {
  color: #fff;

  border-color: #ECBA05;

  background: rgba(236, 186, 5, 0.08);
}


.wcl-secondary-btn:hover svg {
  transform: translateX(4px);
}


/* ==============================
   SMALL INFO
============================== */

.wcl-hero-info {
  display: flex;
  align-items: center;

  gap: 13px;
}


.wcl-hero-info-icons {
  display: flex;
  align-items: center;
}


.wcl-hero-info-icons span {
  width: 38px;
  height: 38px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-left: -7px;

  border: 3px solid #1F2533;
  border-radius: 50%;

  background: #ECBA05;

  color: #1F2533;

  font-size: 9px;
  font-weight: 700;
}


.wcl-hero-info-icons span:first-child {
  margin-left: 0;
}


.wcl-hero-info-text strong,
.wcl-hero-info-text small {
  display: block;
}


.wcl-hero-info-text strong {
  color: #fff;

  font-size: 13px;
  line-height: 1.4;
}


.wcl-hero-info-text small {
  margin-top: 2px;

  color: rgba(255, 255, 255, 0.55);

  font-size: 11px;
}


/* ==============================
   RIGHT IMAGE
============================== */

.wcl-home-hero .wcl-hero-thumb {
  position: relative;

  width: 100%;
  max-width: 570px;

  margin-left: auto;
}


/* override max-width: inherit from old CSS */
.wcl-home-hero .wcl-hero-thumb .main-img img {
  width: 100% !important;
  max-width: 100% !important;

  height: 535px;

  display: block;

  object-fit: cover;
  object-position: center top;

  border-radius: 22px;
}


/* Image wrapper */
.wcl-home-hero .wcl-hero-thumb .main-img {
  position: relative;

  overflow: hidden;

  border-radius: 22px;

  box-shadow: 0 22px 55px rgba(0, 0, 0, 0.25);
}


.wcl-home-hero .wcl-hero-thumb .main-img::after {
  content: "";

  position: absolute;
  inset: 0;

  background: linear-gradient(180deg,
      rgba(31, 37, 51, 0.02) 35%,
      rgba(31, 37, 51, 0.28) 100%);

  pointer-events: none;
}


/* Existing template decorations */
.wcl-home-hero .it-hero-shape-1,
.wcl-home-hero .it-hero-shape-8 {
  opacity: 0.35;
}


/* ==============================
   FLOATING CARDS
============================== */

.wcl-home-hero .it-hero-experience-box {
  background: rgba(31, 37, 51, 0.94);

  border: 1px solid rgba(255, 255, 255, 0.08);

  border-radius: 14px;

  box-shadow: 0 14px 35px rgba(0, 0, 0, 0.22);
}


.wcl-home-hero .it-hero-experience-icon i {
  background: rgba(236, 186, 5, 0.13);

  color: #ECBA05;

  border-radius: 10px;
}


.wcl-home-hero .it-hero-experience-text span {
  color: rgba(255, 255, 255, 0.6);

  font-size: 11px;
  line-height: 1.3;
}


.wcl-home-hero .it-hero-experience-text b {
  display: block;

  margin-top: 3px;

  color: #fff;

  font-size: 13px;
  line-height: 1.35;
}



.wcl-course-card {
  position: absolute !important;

  left: -28px !important;
  bottom: 25px !important;
  top: auto !important;
  right: auto !important;

  width: 260px;

  padding: 16px !important;
}


.wcl-card-caption {
  display: block;

  margin-bottom: 12px;

  color: rgba(255, 255, 255, 0.5);

  font-size: 10px;
}


/* Progress */
.wcl-progress {
  margin-top: 13px;
}


.wcl-progress-head {
  display: flex;
  justify-content: space-between;
  align-items: center;

  margin-bottom: 7px;
}


.wcl-progress-head span {
  color: rgba(255, 255, 255, 0.55);

  font-size: 9px;
}


.wcl-progress-head strong {
  color: #ECBA05;

  font-size: 9px;
}


.wcl-progress-line {
  width: 100%;
  height: 5px;

  overflow: hidden;

  border-radius: 20px;

  background: rgba(255, 255, 255, 0.1);
}


.wcl-progress-line span {
  display: block;

  width: 78%;
  height: 100%;

  border-radius: inherit;

  background: #ECBA05;
}


/* ==========================================================
   LARGE DESKTOP
   1400+
========================================================== */

@media only screen and (min-width: 1400px) {

  .wcl-home-hero {
    padding-top: 42px;
    padding-bottom: 58px;
  }

  .wcl-home-hero .it-hero-title {
    font-size: 58px;
  }

}


/* ==========================================================
   DESKTOP / LAPTOP
   1200 - 1399
========================================================== */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .wcl-home-hero {
    padding-top: 38px;
    padding-bottom: 52px;
  }

  .wcl-home-hero .it-hero-title {
    font-size: 51px;
  }

  .wcl-home-hero .it-hero-text {
    max-width: 520px;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 520px;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 500px;
  }

  .wcl-training-card {
    right: 0 !important;
  }

  .wcl-course-card {
    left: -12px !important;
  }

}


/* ==========================================================
   SMALL LAPTOP
   992 - 1199
========================================================== */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .wcl-home-hero {
    padding-top: 35px;
    padding-bottom: 48px;
  }

  .wcl-home-hero .it-hero-title {
    font-size: 43px;
    line-height: 1.08;
  }

  .wcl-home-hero .it-hero-text p {
    font-size: 13.5px;
    line-height: 1.62;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 455px;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 465px;
  }

  .wcl-training-card {
    width: 205px;

    top: 18px !important;
    right: -2px !important;
  }

  .wcl-course-card {
    width: 225px;

    left: -5px !important;
    bottom: 18px !important;
  }

  .wcl-home-hero .it-hero-experience-text b {
    font-size: 12px;
  }

}


/* ==========================================================
   TABLET
   768 - 991
========================================================== */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wcl-home-hero {
    padding-top: 30px;
    padding-bottom: 55px;
  }

  .wcl-home-hero .it-hero-content {
    max-width: 680px;

    margin: 0 auto 38px !important;

    text-align: center;
  }

  .wcl-home-hero .it-hero-title {
    max-width: 620px;

    margin-left: auto;
    margin-right: auto;

    font-size: 46px;
  }

  .wcl-home-hero .it-hero-text {
    max-width: 640px;

    margin-left: auto;
    margin-right: auto;
  }

  .wcl-hero-actions,
  .wcl-hero-info {
    justify-content: center;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 620px;

    margin: 0 auto;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 520px;
  }

  .wcl-training-card {
    right: 18px !important;
  }

  .wcl-course-card {
    left: 18px !important;
  }

}


/* ==========================================================
   LARGE MOBILE
   576 - 767
========================================================== */

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .wcl-home-hero {
    padding-top: 26px;
    padding-bottom: 45px;
  }

  .wcl-home-hero .it-hero-content {
    margin-bottom: 32px !important;

    text-align: center;
  }

  .wcl-hero-label {
    margin-bottom: 15px;
  }

  .wcl-home-hero .it-hero-title {
    max-width: 520px;

    margin-left: auto;
    margin-right: auto;

    font-size: 39px;
    line-height: 1.08;
  }

  .wcl-home-hero .it-hero-text {
    margin-left: auto;
    margin-right: auto;
  }

  .wcl-home-hero .it-hero-text p {
    font-size: 13.5px;
  }

  .wcl-hero-actions,
  .wcl-hero-info {
    justify-content: center;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 520px;

    margin: 0 auto;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 455px;
  }

  .wcl-training-card {
    width: 205px;

    top: 15px !important;
    right: 12px !important;
  }

  .wcl-course-card {
    width: 230px;

    left: 12px !important;
    bottom: 14px !important;
  }

}


/* ==========================================================
   MOBILE
   up to 575
========================================================== */

@media only screen and (max-width: 575px) {

  .wcl-home-hero {
    padding-top: 20px;
    padding-bottom: 38px;
  }

  .wcl-home-hero>.it-hero-shape-2,
  .wcl-home-hero>.it-hero-shape-3 {
    display: none;
  }

  .wcl-home-hero .it-hero-content {
    margin: 0 0 28px !important;

    text-align: left;
  }

  .wcl-hero-label {
    padding: 6px 11px;

    margin-bottom: 13px;

    font-size: 11px;
  }

  .wcl-home-hero .it-hero-title {
    margin-bottom: 16px;

    font-size: 34px;
    line-height: 1.08;

    letter-spacing: -0.5px;
  }

  .wcl-home-hero .it-hero-text {
    margin-bottom: 22px;
  }

  .wcl-home-hero .it-hero-text p {
    margin-bottom: 6px;

    font-size: 13px;
    line-height: 1.6;
  }

  .wcl-hero-actions {
    gap: 9px;

    margin-bottom: 22px;
  }

  .wcl-hero-actions .it-btn-yellow,
  .wcl-secondary-btn {
    width: 100%;

    min-height: 47px;
  }

  .wcl-hero-info {
    gap: 10px;
  }

  .wcl-hero-info-icons span {
    width: 34px;
    height: 34px;

    font-size: 8px;
  }

  .wcl-hero-info-text strong {
    font-size: 12px;
  }

  .wcl-hero-info-text small {
    font-size: 10px;
  }


  /* Image */
  .wcl-home-hero .wcl-hero-thumb {
    width: 100%;
    max-width: none;

    margin: 0;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img,
  .wcl-home-hero .wcl-hero-thumb .main-img img {
    border-radius: 17px;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    width: 100% !important;

    height: 410px;

    object-position: center top;
  }


  /* Don't let old decorative shapes break mobile */
  .wcl-home-hero .it-hero-shape-1,
  .wcl-home-hero .it-hero-shape-8 {
    display: none;
  }


  /* Cards stay inside image boundaries */
  .wcl-training-card {
    width: 180px;

    top: 12px !important;
    right: 10px !important;

    padding: 11px !important;
  }

  .wcl-course-card {
    width: calc(100% - 20px);

    left: 10px !important;
    right: 10px !important;
    bottom: 10px !important;

    padding: 12px !important;
  }

  .wcl-home-hero .it-hero-experience-icon {
    margin-right: 9px;
  }

  .wcl-home-hero .it-hero-experience-icon i {
    width: 37px;
    height: 37px;
  }

  .wcl-home-hero .it-hero-experience-icon svg {
    width: 22px;
    height: 22px;
  }

  .wcl-home-hero .it-hero-experience-text span {
    font-size: 9px;
  }

  .wcl-home-hero .it-hero-experience-text b {
    font-size: 11px;
  }

  .wcl-card-caption {
    margin-bottom: 8px;

    font-size: 9px;
  }

  .wcl-progress {
    margin-top: 8px;
  }

}


/* ==========================================================
   SMALL MOBILE
   up to 390
========================================================== */

@media only screen and (max-width: 390px) {

  .wcl-home-hero {
    padding-top: 16px;
  }

  .wcl-home-hero .it-hero-title {
    font-size: 30px;
  }

  .wcl-home-hero .it-hero-text p {
    font-size: 12.5px;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 370px;
  }

  .wcl-training-card {
    width: 165px;

    top: 9px !important;
    right: 8px !important;
  }

  .wcl-course-card {
    width: calc(100% - 16px);

    left: 8px !important;
    right: 8px !important;
    bottom: 8px !important;
  }

}

/* =========================================================
   WCL HERO - FINAL POSITION & FLOATING CARDS FIX
========================================================= */


/* ---------------------------------------------------------
   MOVE WHOLE HERO UP
--------------------------------------------------------- */

.wcl-home-hero {
  background: #1F2533 !important;

  /* کل سکشن بالاتر */
  margin-top: -5px !important;

  padding-top: 42px !important;
  padding-bottom: 48px !important;

  min-height: auto !important;
}


/* حذف تمام فاصله‌های قدیمی قالب */
.wcl-home-hero .it-hero-content {
  margin-top: 0 !important;
  margin-bottom: 0 !important;

  padding-top: 0 !important;
  padding-bottom: 0 !important;
}


/* ردیف هم از بالا فاصله اضافه نگیرد */
.wcl-home-hero .container,
.wcl-home-hero .row {
  position: relative;
}


/* ---------------------------------------------------------
   RIGHT IMAGE
--------------------------------------------------------- */

.wcl-home-hero .wcl-hero-thumb {
  position: relative !important;

  width: 100% !important;
  max-width: 560px !important;

  margin-left: auto !important;
  margin-right: 0 !important;

  padding: 0 !important;
}


/* تصویر */
.wcl-home-hero .wcl-hero-thumb .main-img {
  position: relative !important;

  overflow: hidden;

  width: 100% !important;

  border-radius: 20px;

  box-shadow:
    0 20px 55px rgba(0, 0, 0, 0.22);
}


.wcl-home-hero .wcl-hero-thumb .main-img img {
  display: block !important;

  width: 100% !important;
  max-width: 100% !important;

  height: 520px !important;

  object-fit: cover !important;
  object-position: center top !important;

  border-radius: 20px !important;
}


/* ---------------------------------------------------------
   RESET ORIGINAL EXPERIENCE BOX STYLES
--------------------------------------------------------- */

.wcl-home-hero .it-hero-experience-box {
  position: absolute !important;

  transform: none !important;

  margin: 0 !important;

  min-width: 0 !important;
  max-width: none !important;

  height: auto !important;

  background: rgba(31, 37, 51, 0.96) !important;

  border: 1px solid rgba(255, 255, 255, 0.10) !important;

  border-radius: 14px !important;

  box-shadow:
    0 12px 30px rgba(0, 0, 0, 0.24) !important;

  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);

  z-index: 10 !important;
}


/* هرگونه before/after قالب */
.wcl-home-hero .it-hero-experience-box::before,
.wcl-home-hero .it-hero-experience-box::after {
  display: none !important;
}


/* ---------------------------------------------------------
   TOP FLOATING CARD
--------------------------------------------------------- */

.wcl-home-hero .wcl-training-card {
  top: 24px !important;
  right: 18px !important;
  left: auto !important;
  bottom: auto !important;

  width: 225px !important;

  padding: 15px !important;
}


/* ---------------------------------------------------------
   BOTTOM FLOATING CARD
--------------------------------------------------------- */

.wcl-home-hero .wcl-course-card {
  top: auto !important;
  right: auto !important;

  left: 18px !important;
  bottom: 18px !important;

  width: 245px !important;

  padding: 15px !important;
}


/* ---------------------------------------------------------
   CARD FLEX
--------------------------------------------------------- */

.wcl-home-hero .it-hero-experience-box .d-flex {
  display: flex !important;

  align-items: center !important;

  gap: 11px !important;
}


/* ---------------------------------------------------------
   ICON
--------------------------------------------------------- */

.wcl-home-hero .it-hero-experience-icon {
  flex: 0 0 42px !important;

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
}


.wcl-home-hero .it-hero-experience-icon i {
  width: 42px !important;
  height: 42px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;

  border-radius: 10px !important;

  background: rgba(236, 186, 5, 0.13) !important;

  color: #ECBA05 !important;
}


.wcl-home-hero .it-hero-experience-icon svg {
  width: 23px !important;
  height: 23px !important;
}


/* ---------------------------------------------------------
   FLOATING TEXT
--------------------------------------------------------- */

.wcl-home-hero .it-hero-experience-text {
  flex: 1 !important;

  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


.wcl-home-hero .it-hero-experience-text span {
  display: block !important;

  margin: 0 0 3px 0 !important;

  color: rgba(255, 255, 255, 0.58) !important;

  font-size: 10px !important;
  line-height: 1.3 !important;

  font-weight: 500 !important;

  white-space: normal !important;
}


.wcl-home-hero .it-hero-experience-text b {
  display: block !important;

  margin: 0 !important;

  color: #fff !important;

  font-size: 13px !important;
  line-height: 1.35 !important;

  font-weight: 600 !important;

  white-space: normal !important;
}


/* اگر CSS قالب i داخل b را جابه‌جا می‌کند */
.wcl-home-hero .it-hero-experience-text b i {
  display: none !important;
}


/* ---------------------------------------------------------
   CARD CAPTION
--------------------------------------------------------- */

.wcl-home-hero .wcl-card-caption {
  display: block !important;

  margin: 0 0 11px 0 !important;

  padding: 0 !important;

  color: rgba(255, 255, 255, 0.52) !important;

  font-size: 10px !important;
  line-height: 1.3 !important;

  font-weight: 500 !important;
}


/* ---------------------------------------------------------
   PROGRESS
--------------------------------------------------------- */

.wcl-home-hero .wcl-progress {
  display: block !important;

  width: 100% !important;

  margin-top: 12px !important;
}


.wcl-home-hero .wcl-progress-head {
  display: flex !important;

  align-items: center !important;
  justify-content: space-between !important;

  gap: 10px !important;

  margin-bottom: 7px !important;
}


.wcl-home-hero .wcl-progress-head span {
  color: rgba(255, 255, 255, 0.52) !important;

  font-size: 9px !important;

  margin: 0 !important;
}


.wcl-home-hero .wcl-progress-head strong {
  color: #ECBA05 !important;

  font-size: 9px !important;

  font-weight: 600 !important;
}


.wcl-home-hero .wcl-progress-line {
  display: block !important;

  width: 100% !important;
  height: 5px !important;

  margin: 0 !important;

  overflow: hidden;

  background: rgba(255, 255, 255, 0.10) !important;

  border-radius: 20px !important;
}


.wcl-home-hero .wcl-progress-line span {
  display: block !important;

  width: 78% !important;
  height: 100% !important;

  margin: 0 !important;

  background: #ECBA05 !important;

  border-radius: inherit !important;
}


/* =========================================================
   1200 - 1399
========================================================= */

@media only screen and (min-width: 1200px) and (max-width: 1399px) {

  .wcl-home-hero {
    margin-top: -30px !important;

    padding-top: 38px !important;
    padding-bottom: 45px !important;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 515px !important;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 490px !important;
  }

}


/* =========================================================
   LAPTOP 992 - 1199
========================================================= */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

  .wcl-home-hero {
    margin-top: -25px !important;

    padding-top: 34px !important;
    padding-bottom: 42px !important;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 450px !important;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 450px !important;
  }

  .wcl-home-hero .wcl-training-card {
    width: 195px !important;

    top: 15px !important;
    right: 12px !important;

    padding: 12px !important;
  }

  .wcl-home-hero .wcl-course-card {
    width: 215px !important;

    left: 12px !important;
    bottom: 14px !important;

    padding: 12px !important;
  }

}


/* =========================================================
   TABLET 768 - 991
========================================================= */

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .wcl-home-hero {
    margin-top: -20px !important;

    padding-top: 30px !important;
    padding-bottom: 45px !important;
  }

  .wcl-home-hero .it-hero-content {
    margin-bottom: 34px !important;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 600px !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 500px !important;
  }

  .wcl-home-hero .wcl-training-card {
    right: 16px !important;
  }

  .wcl-home-hero .wcl-course-card {
    left: 16px !important;
  }

}


/* =========================================================
   MOBILE 576 - 767
========================================================= */

@media only screen and (min-width: 576px) and (max-width: 767px) {

  .wcl-home-hero {
    margin-top: -15px !important;

    padding-top: 25px !important;
    padding-bottom: 38px !important;
  }

  .wcl-home-hero .it-hero-content {
    margin-bottom: 28px !important;
  }

  .wcl-home-hero .wcl-hero-thumb {
    max-width: 520px !important;

    margin: 0 auto !important;
  }

  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 440px !important;
  }

  .wcl-home-hero .wcl-training-card {
    width: 190px !important;

    top: 12px !important;
    right: 12px !important;
  }

  .wcl-home-hero .wcl-course-card {
    width: 220px !important;

    left: 12px !important;
    bottom: 12px !important;
  }

}


/* =========================================================
   MOBILE <= 575
========================================================= */

@media only screen and (max-width: 575px) {

  .wcl-home-hero {
    margin-top: -10px !important;

    padding-top: 20px !important;
    padding-bottom: 32px !important;
  }


  .wcl-home-hero .it-hero-content {
    margin-bottom: 25px !important;
  }


  .wcl-home-hero .wcl-hero-thumb {
    width: 100% !important;

    max-width: none !important;

    margin: 0 !important;
  }


  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 405px !important;

    border-radius: 16px !important;
  }


  /*
       روی موبایل کارت بالا کوچک و جمع‌وجور
    */
  .wcl-home-hero .wcl-training-card {
    width: 175px !important;

    top: 10px !important;
    right: 10px !important;

    padding: 10px !important;

    border-radius: 11px !important;
  }


  /*
       کارت پایین تقریباً عرض عکس
    */
  .wcl-home-hero .wcl-course-card {
    width: calc(100% - 20px) !important;

    left: 10px !important;
    right: 10px !important;

    bottom: 10px !important;

    padding: 11px !important;

    border-radius: 11px !important;
  }


  .wcl-home-hero .it-hero-experience-icon {
    flex: 0 0 34px !important;

    width: 34px !important;
    height: 34px !important;
  }


  .wcl-home-hero .it-hero-experience-icon i {
    width: 34px !important;
    height: 34px !important;

    border-radius: 8px !important;
  }


  .wcl-home-hero .it-hero-experience-icon svg {
    width: 19px !important;
    height: 19px !important;
  }


  .wcl-home-hero .it-hero-experience-text span {
    font-size: 8px !important;
  }


  .wcl-home-hero .it-hero-experience-text b {
    font-size: 10.5px !important;
  }


  .wcl-home-hero .wcl-card-caption {
    margin-bottom: 7px !important;

    font-size: 8px !important;
  }


  .wcl-home-hero .wcl-progress {
    margin-top: 7px !important;
  }


  .wcl-home-hero .wcl-progress-head {
    margin-bottom: 5px !important;
  }

}


/* =========================================================
   SMALL PHONE <= 390
========================================================= */

@media only screen and (max-width: 390px) {

  .wcl-home-hero {
    margin-top: -8px !important;

    padding-top: 17px !important;
  }


  .wcl-home-hero .wcl-hero-thumb .main-img img {
    height: 365px !important;
  }


  .wcl-home-hero .wcl-training-card {
    width: 160px !important;

    top: 8px !important;
    right: 8px !important;
  }


  .wcl-home-hero .wcl-course-card {
    width: calc(100% - 16px) !important;

    left: 8px !important;
    right: 8px !important;

    bottom: 8px !important;
  }

}

/* =========================================================
   WCL HERO FLOATING CARDS
========================================================= */

.wcl-home-hero .wcl-hero-thumb {
  position: relative !important;
}


/* shared card */

.wcl-floating-card {
  position: absolute;

  z-index: 20;

  background: rgba(31, 37, 51, 0.96);

  border: 1px solid rgba(255, 255, 255, 0.10);

  border-radius: 14px;

  box-shadow:
    0 16px 38px rgba(0, 0, 0, 0.24);

  color: #fff;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}


/* =========================================================
   TOP CARD
========================================================= */

.wcl-floating-top {
  top: 26px;
  right: 18px;

  width: 215px;

  padding: 15px 16px;
}


.wcl-floating-top-head {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 10px;

  margin-bottom: 10px;
}


.wcl-floating-top-head span {
  color: #fff;

  font-size: 12px;
  font-weight: 600;
}


.wcl-floating-top-head strong {
  color: #ECBA05;

  font-size: 11px;
  font-weight: 700;
}


.wcl-floating-progress {
  width: 100%;
  height: 5px;

  overflow: hidden;

  margin-bottom: 9px;

  border-radius: 30px;

  background: rgba(255, 255, 255, 0.12);
}


.wcl-floating-progress span {
  display: block;

  width: 78%;
  height: 100%;

  background: #ECBA05;

  border-radius: inherit;
}


.wcl-floating-top p {
  margin: 0;

  color: rgba(255, 255, 255, 0.65);

  font-size: 10.5px;
  line-height: 1.5;
}


/* =========================================================
   BOTTOM CARD
========================================================= */

.wcl-floating-bottom {
  left: 18px;
  bottom: 18px;

  width: 270px;

  padding: 16px;
}


.wcl-floating-small-title {
  display: block;

  margin-bottom: 13px;

  color: rgba(255, 255, 255, 0.48);

  font-size: 10px;
  font-weight: 500;
}


.wcl-floating-course {
  display: flex;
  align-items: center;

  gap: 10px;
}


.wcl-floating-course+.wcl-floating-course {
  margin-top: 12px;

  padding-top: 12px;

  border-top: 1px solid rgba(255, 255, 255, 0.08);
}


.wcl-floating-icon {
  flex: 0 0 39px;

  width: 39px;
  height: 39px;

  display: flex;
  align-items: center;
  justify-content: center;

  background: rgba(236, 186, 5, 0.13);

  border-radius: 10px;

  color: #ECBA05;
}


.wcl-floating-course-text {
  min-width: 0;
}


.wcl-floating-course-text strong {
  display: block;

  margin-bottom: 2px;

  color: #fff;

  font-size: 12px;
  line-height: 1.35;

  font-weight: 600;
}


.wcl-floating-course-text span {
  display: block;

  color: rgba(255, 255, 255, 0.58);

  font-size: 9.5px;
  line-height: 1.45;
}

/* =========================================================
   WCL PARTNER / FRANCHISE PAGE
========================================================= */

.wcl-partner-page {
  --wcl-navy: #1F2533;
  --wcl-yellow: #ECBA05;
  --wcl-yellow-dark: #D6A900;
  --wcl-text: #69707D;
  --wcl-light: #F7F8FA;
  --wcl-border: rgba(31, 37, 51, 0.11);

  color: var(--wcl-navy);
  background: #fff;
}

.wcl-partner-page *,
.wcl-partner-page *::before,
.wcl-partner-page *::after {
  box-sizing: border-box;
}


/* ------------------------------------------
   Common
------------------------------------------ */

.wcl-partner-section {
  padding: 110px 0;
}

.wcl-partner-light {
  background: var(--wcl-light);
}

.wcl-partner-eyebrow,
.wcl-partner-section-head>span {
  display: inline-flex;
  align-items: center;
  gap: 8px;

  margin-bottom: 16px;

  padding: 7px 13px;

  border-radius: 50px;

  background: rgba(236, 186, 5, 0.15);

  color: var(--wcl-navy);

  font-size: 12px;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.wcl-partner-eyebrow::before,
.wcl-partner-section-head>span::before {
  content: "";

  width: 7px;
  height: 7px;

  border-radius: 50%;

  background: var(--wcl-yellow);
}

.wcl-partner-section-head {
  max-width: 760px;
  margin: 0 auto 55px;
  text-align: center;
}

.wcl-partner-section-head h2 {
  margin: 0 0 16px;

  color: var(--wcl-navy);

  font-size: clamp(30px, 4vw, 46px);
  font-weight: 750;
  line-height: 1.2;
}

.wcl-partner-section-head p {
  max-width: 650px;
  margin: 0 auto;

  color: var(--wcl-text);

  font-size: 15px;
  line-height: 1.85;
}


/* ------------------------------------------
   Hero
------------------------------------------ */

.wcl-partner-hero {
  position: relative;
  overflow: hidden;

  padding: 135px 0 125px;

  background:
    radial-gradient(circle at 90% 10%,
      rgba(236, 186, 5, .16),
      transparent 27%),
    linear-gradient(135deg,
      #FFFFFF 0%,
      #F6F7F9 100%);
}

.wcl-partner-hero::before {
  content: "";

  position: absolute;
  top: -180px;
  right: -180px;

  width: 450px;
  height: 450px;

  border: 70px solid rgba(31, 37, 51, .025);
  border-radius: 50%;
}

.wcl-partner-hero-content {
  position: relative;
  z-index: 2;
}

.wcl-partner-hero h1 {
  max-width: 830px;

  margin: 0 0 24px;

  color: var(--wcl-navy);

  font-size: clamp(40px, 5.4vw, 70px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -1.5px;
}

.wcl-partner-hero h1 span {
  display: block;
  color: var(--wcl-yellow-dark);
}

.wcl-partner-hero-lead {
  max-width: 700px;

  margin: 0 0 32px;

  color: var(--wcl-text);

  font-size: 17px;
  line-height: 1.85;
}

.wcl-partner-hero-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 12px;

  margin-bottom: 35px;
}

.wcl-partner-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 52px;

  padding: 0 23px;

  border-radius: 10px;

  font-size: 14px;
  font-weight: 700;

  text-decoration: none;

  transition:
    transform .25s ease,
    background-color .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.wcl-partner-btn-primary {
  background: var(--wcl-yellow);
  color: var(--wcl-navy);
  border: 1px solid var(--wcl-yellow);
}

.wcl-partner-btn-primary:hover {
  background: var(--wcl-navy);
  border-color: var(--wcl-navy);
  color: #fff;
  transform: translateY(-3px);
}

.wcl-partner-btn-outline {
  border: 1px solid rgba(31, 37, 51, .2);
  color: var(--wcl-navy);
  background: #fff;
}

.wcl-partner-btn-outline:hover {
  border-color: var(--wcl-navy);
  background: var(--wcl-navy);
  color: #fff;
}

.wcl-partner-hero-points {
  display: flex;
  flex-wrap: wrap;
  gap: 11px 24px;
}

.wcl-partner-hero-points span {
  display: inline-flex;
  align-items: center;
  gap: 7px;

  color: var(--wcl-navy);

  font-size: 12px;
  font-weight: 600;
}

.wcl-partner-hero-points i {
  color: var(--wcl-yellow-dark);
}


/* Hero card */

.wcl-partner-hero-card {
  position: relative;

  padding: 42px;

  border-radius: 24px;

  background: var(--wcl-navy);

  color: #fff;

  box-shadow: 0 30px 80px rgba(31, 37, 51, .18);
}

.wcl-partner-hero-card::after {
  content: "";

  position: absolute;

  right: 28px;
  bottom: -11px;
  left: 28px;

  height: 12px;

  border-radius: 0 0 14px 14px;

  background: var(--wcl-yellow);
}

.wcl-partner-hero-card-badge {
  display: inline-block;

  margin-bottom: 24px;

  padding: 7px 12px;

  border-radius: 6px;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);

  font-size: 11px;
  font-weight: 750;
}

.wcl-partner-hero-card h3 {
  margin-bottom: 17px;

  color: #fff;

  font-size: 28px;
  line-height: 1.35;
}

.wcl-partner-hero-card>p {
  margin-bottom: 30px;

  color: rgba(255, 255, 255, .7);

  font-size: 14px;
  line-height: 1.8;
}

.wcl-partner-stat {
  display: flex;
  align-items: center;
  gap: 16px;

  padding: 17px 0;

  border-top: 1px solid rgba(255, 255, 255, .12);
}

.wcl-partner-stat strong {
  min-width: 75px;

  color: var(--wcl-yellow);

  font-size: 25px;
}

.wcl-partner-stat span {
  color: rgba(255, 255, 255, .75);

  font-size: 12px;
}


/* ------------------------------------------
   Opportunity
------------------------------------------ */

.wcl-partner-intro-box {
  display: flex;
  align-items: flex-start;
  gap: 28px;

  max-width: 1000px;

  margin: 0 auto;

  padding: 38px;

  border: 1px solid var(--wcl-border);
  border-radius: 20px;

  background: #fff;

  box-shadow: 0 15px 45px rgba(31, 37, 51, .06);
}

.wcl-partner-intro-icon {
  flex: 0 0 72px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 72px;
  height: 72px;

  border-radius: 18px;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);

  font-size: 25px;
}

.wcl-partner-intro-box h3 {
  margin-bottom: 11px;

  font-size: 23px;
  color: var(--wcl-navy);
}

.wcl-partner-intro-box p {
  margin: 0;

  color: var(--wcl-text);

  font-size: 14px;
  line-height: 1.85;
}


/* ------------------------------------------
   Partner types
------------------------------------------ */

.wcl-partner-types {
  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 14px;
}

.wcl-partner-type {
  display: flex;
  align-items: center;

  gap: 14px;

  min-height: 100px;

  padding: 20px;

  border: 1px solid var(--wcl-border);
  border-radius: 15px;

  background: #fff;

  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.wcl-partner-type:hover {
  border-color: var(--wcl-yellow);

  box-shadow: 0 15px 35px rgba(31, 37, 51, .08);

  transform: translateY(-5px);
}

.wcl-partner-type i {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  border-radius: 12px;

  background: rgba(236, 186, 5, .14);

  color: var(--wcl-navy);

  font-size: 18px;
}

.wcl-partner-type strong {
  color: var(--wcl-navy);
  font-size: 14px;
}


/* ------------------------------------------
   Features
------------------------------------------ */

.wcl-partner-feature {
  position: relative;

  height: 100%;

  padding: 34px 30px;

  border: 1px solid var(--wcl-border);
  border-radius: 18px;

  background: #fff;

  transition:
    transform .3s ease,
    background-color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease;
}

.wcl-partner-feature>span {
  position: absolute;
  top: 20px;
  right: 22px;

  color: rgba(31, 37, 51, .12);

  font-size: 30px;
  font-weight: 800;
}

.wcl-partner-feature>i {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 58px;
  height: 58px;

  margin-bottom: 25px;

  border-radius: 14px;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);

  font-size: 20px;
}

.wcl-partner-feature h3 {
  margin-bottom: 10px;

  color: var(--wcl-navy);

  font-size: 20px;
}

.wcl-partner-feature p {
  margin: 0;

  color: var(--wcl-text);

  font-size: 13px;
  line-height: 1.8;
}

.wcl-partner-feature:hover {
  background: var(--wcl-navy);

  border-color: var(--wcl-navy);

  box-shadow: 0 24px 55px rgba(31, 37, 51, .17);

  transform: translateY(-8px);
}

.wcl-partner-feature:hover h3 {
  color: #fff;
}

.wcl-partner-feature:hover p {
  color: rgba(255, 255, 255, .68);
}

.wcl-partner-feature:hover>span {
  color: rgba(255, 255, 255, .13);
}


/* ------------------------------------------
   Benefits dark section
------------------------------------------ */

.wcl-partner-benefits {
  padding: 115px 0;

  background: var(--wcl-navy);
}

.wcl-partner-benefits-heading {
  position: sticky;
  top: 100px;
}

.wcl-partner-benefits-heading h2 {
  margin: 0 0 20px;

  color: #fff;

  font-size: clamp(30px, 4vw, 47px);
  line-height: 1.2;
}

.wcl-partner-benefits-heading p {
  margin-bottom: 28px;

  color: rgba(255, 255, 255, .65);

  font-size: 14px;
  line-height: 1.85;
}

.wcl-partner-benefit-list {
  display: grid;
  gap: 12px;
}

.wcl-partner-benefit-item {
  display: flex;
  align-items: flex-start;

  gap: 17px;

  padding: 23px;

  border: 1px solid rgba(255, 255, 255, .1);
  border-radius: 14px;

  background: rgba(255, 255, 255, .04);

  transition:
    background-color .25s ease,
    border-color .25s ease,
    transform .25s ease;
}

.wcl-partner-benefit-item>i {
  flex: 0 0 35px;

  display: flex;
  align-items: center;
  justify-content: center;

  width: 35px;
  height: 35px;

  border-radius: 50%;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);
}

.wcl-partner-benefit-item h3 {
  margin: 0 0 6px;

  color: #fff;

  font-size: 16px;
}

.wcl-partner-benefit-item p {
  margin: 0;

  color: rgba(255, 255, 255, .62);

  font-size: 12px;
  line-height: 1.75;
}

.wcl-partner-benefit-item:hover {
  border-color: rgba(236, 186, 5, .45);

  background: rgba(236, 186, 5, .07);

  transform: translateX(5px);
}


/* ------------------------------------------
   Roles
------------------------------------------ */

.wcl-partner-role-card {
  height: 100%;

  padding: 34px;

  border: 1px solid var(--wcl-border);
  border-radius: 20px;

  background: #fff;

  box-shadow: 0 15px 45px rgba(31, 37, 51, .05);
}

.wcl-partner-role-card-yellow {
  background:
    linear-gradient(135deg,
      rgba(236, 186, 5, .18),
      #fff 60%);
}

.wcl-partner-role-title {
  display: flex;
  align-items: center;

  gap: 14px;

  margin-bottom: 28px;

  padding-bottom: 22px;

  border-bottom: 1px solid var(--wcl-border);
}

.wcl-partner-role-title>div {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 53px;
  height: 53px;

  border-radius: 13px;

  background: var(--wcl-navy);

  color: var(--wcl-yellow);

  font-size: 20px;
}

.wcl-partner-role-title span {
  display: flex;
  flex-direction: column;
}

.wcl-partner-role-title small {
  color: var(--wcl-text);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: .07em;
}

.wcl-partner-role-title strong {
  color: var(--wcl-navy);
  font-size: 21px;
}

.wcl-partner-role-card ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

.wcl-partner-role-card li {
  position: relative;

  padding: 10px 0 10px 27px;

  border-bottom: 1px solid rgba(31, 37, 51, .06);

  color: var(--wcl-text);

  font-size: 13px;
  line-height: 1.55;
}

.wcl-partner-role-card li::before {
  content: "✓";

  position: absolute;
  left: 0;

  color: var(--wcl-yellow-dark);

  font-weight: 800;
}


/* ------------------------------------------
   Pricing
------------------------------------------ */

.wcl-partner-price-card {
  height: 100%;

  padding: 38px;

  border: 1px solid var(--wcl-border);
  border-radius: 20px;

  background: #fff;

  text-align: center;

  box-shadow: 0 15px 45px rgba(31, 37, 51, .05);

  transition:
    transform .25s ease,
    border-color .25s ease;
}

.wcl-partner-price-card:hover {
  border-color: var(--wcl-yellow);
  transform: translateY(-7px);
}

.wcl-partner-price-label {
  display: block;

  margin-bottom: 20px;

  color: var(--wcl-text);

  font-size: 13px;
  font-weight: 600;
}

.wcl-partner-price {
  color: var(--wcl-navy);

  font-size: 42px;
  font-weight: 800;
}

.wcl-partner-price small {
  font-size: 20px;
}

.wcl-partner-price-card p {
  margin: 10px 0 0;

  color: var(--wcl-text);

  font-size: 12px;
}

.wcl-partner-fee-note {
  max-width: 850px;

  margin: 30px auto 0;

  padding: 14px 17px;

  border-radius: 10px;

  background: rgba(236, 186, 5, .14);

  color: var(--wcl-navy);

  font-size: 12px;
  text-align: center;
}

.wcl-partner-fee-note i {
  margin-right: 6px;
}


/* ------------------------------------------
   Fees table
------------------------------------------ */

.wcl-partner-table-wrap {
  overflow: hidden;

  max-width: 950px;

  margin: 0 auto;

  border: 1px solid var(--wcl-border);
  border-radius: 18px;

  box-shadow: 0 15px 45px rgba(31, 37, 51, .05);
}

.wcl-partner-table {
  width: 100%;

  border-collapse: collapse;

  background: #fff;
}

.wcl-partner-table tr {
  border-bottom: 1px solid rgba(31, 37, 51, .08);
}

.wcl-partner-table tr:last-child {
  border-bottom: 0;
}

.wcl-partner-table td {
  padding: 18px 23px;

  color: var(--wcl-navy);

  font-size: 13px;
}

.wcl-partner-table td:last-child {
  width: 125px;

  background: rgba(236, 186, 5, .09);

  color: var(--wcl-navy);

  font-weight: 800;
  text-align: center;
}

.wcl-partner-table tr:hover {
  background: #FAFAFB;
}


/* ------------------------------------------
   Process
------------------------------------------ */

.wcl-partner-process {
  padding: 110px 0;

  background: var(--wcl-light);
}

.wcl-partner-process-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));

  gap: 14px;
}

.wcl-partner-process-item {
  position: relative;

  padding: 31px 25px;

  border: 1px solid var(--wcl-border);
  border-radius: 16px;

  background: #fff;
}

.wcl-partner-process-item span {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  width: 42px;
  height: 42px;

  margin-bottom: 24px;

  border-radius: 10px;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);

  font-size: 12px;
  font-weight: 800;
}

.wcl-partner-process-item h3 {
  margin-bottom: 9px;

  color: var(--wcl-navy);

  font-size: 17px;
}

.wcl-partner-process-item p {
  margin: 0;

  color: var(--wcl-text);

  font-size: 12px;
  line-height: 1.75;
}


/* ------------------------------------------
   Final CTA
------------------------------------------ */

.wcl-partner-final-cta {
  padding: 100px 0;
  background: #fff;
}

.wcl-partner-final-box {
  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 40px;

  padding: 48px 55px;

  border-radius: 24px;

  background: var(--wcl-navy);

  box-shadow: 0 25px 70px rgba(31, 37, 51, .16);
}

.wcl-partner-final-box span {
  display: block;

  margin-bottom: 10px;

  color: var(--wcl-yellow);

  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.wcl-partner-final-box h2 {
  max-width: 700px;

  margin: 0 0 10px;

  color: #fff;

  font-size: clamp(27px, 3vw, 39px);
  line-height: 1.25;
}

.wcl-partner-final-box p {
  margin: 0;

  color: rgba(255, 255, 255, .65);

  font-size: 13px;
}

.wcl-partner-final-btn {
  flex: 0 0 auto;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  gap: 10px;

  min-height: 58px;

  padding: 0 26px;

  border-radius: 11px;

  background: var(--wcl-yellow);

  color: var(--wcl-navy);

  font-size: 13px;
  font-weight: 750;

  text-decoration: none;

  transition:
    background-color .25s ease,
    color .25s ease,
    transform .25s ease;
}

.wcl-partner-final-btn:hover {
  background: #fff;
  color: var(--wcl-navy);
  transform: translateY(-4px);
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1199px) {

  .wcl-partner-section,
  .wcl-partner-process {
    padding: 90px 0;
  }

  .wcl-partner-hero {
    padding: 105px 0;
  }

  .wcl-partner-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}


@media (max-width: 991px) {

  .wcl-partner-hero {
    padding: 90px 0;
  }

  .wcl-partner-hero h1 {
    font-size: 48px;
  }

  .wcl-partner-hero-card {
    padding: 35px;
  }

  .wcl-partner-benefits-heading {
    position: static;
    margin-bottom: 40px;
  }

  .wcl-partner-final-box {
    align-items: flex-start;
    flex-direction: column;
  }

}


@media (max-width: 767px) {

  .wcl-partner-section,
  .wcl-partner-process {
    padding: 70px 0;
  }

  .wcl-partner-hero {
    padding: 75px 0 85px;
  }

  .wcl-partner-hero h1 {
    font-size: 38px;
    line-height: 1.13;
    letter-spacing: -.6px;
  }

  .wcl-partner-hero-lead {
    font-size: 14px;
  }

  .wcl-partner-hero-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wcl-partner-btn {
    width: 100%;
  }

  .wcl-partner-hero-points {
    align-items: flex-start;
    flex-direction: column;
  }

  .wcl-partner-hero-card {
    padding: 28px 23px;
    border-radius: 19px;
  }

  .wcl-partner-hero-card h3 {
    font-size: 23px;
  }

  .wcl-partner-section-head {
    margin-bottom: 38px;
  }

  .wcl-partner-section-head h2 {
    font-size: 30px;
  }

  .wcl-partner-section-head p {
    font-size: 13px;
  }

  .wcl-partner-intro-box {
    flex-direction: column;
    padding: 25px 21px;
  }

  .wcl-partner-intro-icon {
    width: 55px;
    height: 55px;
    flex-basis: 55px;
  }

  .wcl-partner-types {
    grid-template-columns: 1fr;
  }

  .wcl-partner-benefits {
    padding: 75px 0;
  }

  .wcl-partner-role-card {
    padding: 25px 21px;
  }

  .wcl-partner-price-card {
    padding: 30px 20px;
  }

  .wcl-partner-table td {
    padding: 15px 13px;
    font-size: 11px;
  }

  .wcl-partner-table td:last-child {
    width: 80px;
  }

  .wcl-partner-process-grid {
    grid-template-columns: 1fr;
  }

  .wcl-partner-final-cta {
    padding: 70px 0;
  }

  .wcl-partner-final-box {
    padding: 30px 23px;
    border-radius: 18px;
  }

  .wcl-partner-final-btn {
    width: 100%;
  }

}

:root {
  --wcl-dark: #1F2533;
  --wcl-yellow: #ECBA05;
  --wcl-text: #5f6673;
  --wcl-light: #f7f8fa;
  --wcl-border: #e7e9ee;
}

.wcl-accr-page {
  background: #fff;
  color: var(--wcl-dark);
}

.wcl-accr-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 82px;
  background:
    radial-gradient(circle at 88% 12%, rgba(236, 186, 5, .18), transparent 28%),
    linear-gradient(135deg, #1F2533 0%, #252c3b 100%);
}

.wcl-accr-hero::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(255, 255, 255, .12);
  border-radius: 50%;
  right: -70px;
  bottom: -120px;
}

.wcl-accr-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 840px;
}

.wcl-accr-kicker {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--wcl-yellow);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
}

.wcl-accr-hero h1 {
  margin: 0;
  color: #fff;
  font-size: clamp(42px, 6vw, 72px);
  line-height: 1.05;
  font-weight: 800;
}

.wcl-accr-section {
  padding: 88px 0;
}

.wcl-accr-card {
  height: 100%;
  padding: 34px;
  background: #fff;
  border: 1px solid var(--wcl-border);
  border-radius: 24px;
  box-shadow: 0 12px 34px rgba(31, 37, 51, .06);
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.wcl-accr-card:hover {
  transform: translateY(-4px);
  border-color: rgba(236, 186, 5, .55);
  box-shadow: 0 18px 44px rgba(31, 37, 51, .10);
}

.wcl-accr-card-featured {
  margin-bottom: 30px;
  border-top: 5px solid var(--wcl-yellow);
}

.wcl-accr-card-top {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 24px;
  margin-bottom: 25px;
  border-bottom: 1px solid var(--wcl-border);
}

.wcl-accr-number {
  flex: 0 0 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  color: var(--wcl-dark);
  background: var(--wcl-yellow);
  font-weight: 800;
  font-size: 14px;
}

.wcl-accr-card-heading {
  flex: 1;
  min-width: 0;
}

.wcl-accr-type {
  display: block;
  margin-bottom: 5px;
  color: #8a909b;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.1px;
  text-transform: uppercase;
}

.wcl-accr-card-heading h2 {
  margin: 0;
  color: var(--wcl-dark);
  font-size: 25px;
  line-height: 1.28;
  font-weight: 800;
}

.wcl-accr-card-heading h2 small {
  display: block;
  margin-top: 6px;
  color: #707784;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 600;
}

.wcl-accr-icon {
  flex: 0 0 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #f5f6f8;
  color: var(--wcl-dark);
  font-size: 21px;
}

.wcl-accr-card-body p {
  margin: 0 0 20px;
  color: var(--wcl-text);
  font-size: 16px;
  line-height: 1.85;
}

.wcl-accr-card-body p a {
  color: var(--wcl-dark);
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: var(--wcl-yellow);
  text-underline-offset: 4px;
}

.wcl-accr-qualifications {
  margin: 28px 0;
  padding: 28px;
  border-radius: 20px;
  background: var(--wcl-light);
}

.wcl-accr-qualifications h3 {
  margin: 0 0 18px;
  color: var(--wcl-dark);
  font-size: 18px;
  font-weight: 800;
}

.wcl-accr-qualifications ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 22px;
}

.wcl-accr-qualifications li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #4f5662;
  line-height: 1.55;
}

.wcl-accr-qualifications li i {
  margin-top: 5px;
  color: var(--wcl-yellow);
  font-size: 12px;
}

.wcl-accr-actions {
  margin-top: 28px;
}

.wcl-accr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 13px 20px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.35;
  font-weight: 800;
  transition: all .2s ease;
}

.wcl-accr-btn-primary {
  color: var(--wcl-dark);
  background: var(--wcl-yellow);
}

.wcl-accr-btn-primary:hover {
  color: var(--wcl-dark);
  transform: translateY(-2px);
}

.wcl-accr-btn-outline {
  color: var(--wcl-dark);
  border: 1px solid #d7dbe2;
  background: #fff;
}

.wcl-accr-btn-outline:hover {
  color: var(--wcl-dark);
  border-color: var(--wcl-yellow);
  background: #fffdf4;
}

.wcl-memberships-section {
  padding: 88px 0 100px;
  background: var(--wcl-light);
}

.wcl-memberships-head {
  margin-bottom: 34px;
}

.wcl-memberships-head h2 {
  margin: 0;
  color: var(--wcl-dark);
  font-size: 42px;
  font-weight: 800;
}

.wcl-membership-card {
  display: flex;
  gap: 24px;
  padding: 32px;
  background: #fff;
  border: 1px solid var(--wcl-border);
  border-radius: 24px;
  box-shadow: 0 10px 30px rgba(31, 37, 51, .05);
}

.wcl-membership-icon {
  flex: 0 0 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 17px;
  color: var(--wcl-dark);
  background: var(--wcl-yellow);
  font-size: 21px;
}

.wcl-membership-content {
  flex: 1;
  min-width: 0;
}

.wcl-membership-number {
  display: block;
  margin-bottom: 6px;
  color: #8b919c;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 1.2px;
}

.wcl-membership-content h3 {
  margin: 0 0 16px;
  color: var(--wcl-dark);
  font-size: 24px;
  line-height: 1.3;
  font-weight: 800;
}

.wcl-membership-content h3 small {
  display: block;
  margin-top: 5px;
  color: #767d88;
  font-size: 14px;
  line-height: 1.45;
  font-weight: 600;
}

.wcl-membership-content p {
  margin: 0 0 18px;
  color: var(--wcl-text);
  font-size: 15.5px;
  line-height: 1.8;
}

.wcl-membership-ref {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-top: 22px;
  padding: 15px 18px;
  border-radius: 14px;
  background: #f7f8fa;
  border: 1px solid #eceef2;
}

.wcl-membership-ref span {
  color: #747b86;
  font-size: 13px;
  font-weight: 700;
}

.wcl-membership-ref strong {
  color: var(--wcl-dark);
  font-size: 16px;
  font-weight: 900;
}

.wcl-membership-site-label {
  margin-top: 18px !important;
  color: var(--wcl-dark) !important;
  font-weight: 800;
}

@media (max-width: 991px) {
  .wcl-accr-hero {
    padding: 72px 0 64px;
  }

  .wcl-accr-section,
  .wcl-memberships-section {
    padding: 68px 0;
  }

  .wcl-accr-qualifications ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .wcl-accr-hero {
    padding: 58px 0 52px;
  }

  .wcl-accr-card {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .wcl-accr-card-top {
    gap: 12px;
    flex-wrap: wrap;
  }

  .wcl-accr-number {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    border-radius: 12px;
  }

  .wcl-accr-card-heading {
    flex: 1 1 calc(100% - 60px);
  }

  .wcl-accr-icon {
    display: none;
  }

  .wcl-accr-card-heading h2 {
    font-size: 21px;
  }

  .wcl-accr-qualifications {
    padding: 20px;
    border-radius: 16px;
  }

  .wcl-accr-btn {
    width: 100%;
  }

  .wcl-memberships-head h2 {
    font-size: 34px;
  }

  .wcl-membership-card {
    display: block;
    padding: 24px 20px;
    border-radius: 18px;
  }

  .wcl-membership-icon {
    margin-bottom: 18px;
  }

  .wcl-membership-content h3 {
    font-size: 21px;
  }

  .wcl-membership-ref {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}



:root {
  --wcl-dark: #1F2533;
  --wcl-yellow: #ECBA05;
  --wcl-text: #626a77;
  --wcl-light: #F6F7F9;
  --wcl-border: #E7E9EE;
  --wcl-white: #FFFFFF;
}

.wcl-about-page {
  background: #fff;
  color: var(--wcl-dark);
}

.wcl-about-page img {
  max-width: 100%;
  display: block;
}

.wcl-about-hero {
  position: relative;
  overflow: hidden;
  padding: 92px 0 96px;
  background:
    radial-gradient(circle at 88% 10%, rgba(236, 186, 5, .18), transparent 30%),
    linear-gradient(135deg, #1F2533 0%, #252c3b 100%);
}

.wcl-about-hero:after {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 50%;
  right: -150px;
  bottom: -240px;
}

.wcl-about-hero-copy {
  position: relative;
  z-index: 2;
  max-width: 650px;
}

.wcl-about-eyebrow,
.wcl-about-kicker {
  display: inline-block;
  color: var(--wcl-yellow);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  margin-bottom: 15px;
}

.wcl-about-hero h1 {
  color: #fff;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.08;
  font-weight: 800;
  margin: 0 0 24px;
}

.wcl-about-hero-copy>p {
  color: rgba(255, 255, 255, .78);
  font-size: 18px;
  line-height: 1.8;
  margin: 0 0 28px;
}

.wcl-about-breadcrumb {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 14px;
  font-weight: 700;
}

.wcl-about-breadcrumb a {
  color: #fff;
}

.wcl-about-breadcrumb i {
  color: var(--wcl-yellow);
  font-size: 11px;
}

.wcl-about-breadcrumb span {
  color: rgba(255, 255, 255, .62);
}

.wcl-about-hero-visual {
  position: relative;
  z-index: 2;
  min-height: 500px;
  max-width: 560px;
  margin-left: auto;
}

.wcl-about-image {
  overflow: hidden;
  border-radius: 26px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .22);
}

.wcl-about-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wcl-about-image-main {
  position: absolute;
  right: 0;
  top: 0;
  width: 76%;
  height: 420px;
}

.wcl-about-image-small {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 49%;
  height: 245px;
  border: 8px solid var(--wcl-dark);
}

.wcl-about-hero-badge {
  position: absolute;
  right: 20px;
  bottom: 16px;
  width: 185px;
  padding: 22px;
  background: var(--wcl-yellow);
  border-radius: 20px;
  color: var(--wcl-dark);
  box-shadow: 0 16px 36px rgba(0, 0, 0, .18);
}

.wcl-about-hero-badge strong {
  display: block;
  font-size: 30px;
  line-height: 1;
  margin-bottom: 8px;
}

.wcl-about-hero-badge span {
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

.wcl-about-section {
  padding: 96px 0;
}

.wcl-about-light {
  background: var(--wcl-light);
}

.wcl-about-section-heading h2,
.wcl-about-centered-heading h2,
.wcl-about-global h2 {
  margin: 0 0 20px;
  color: var(--wcl-dark);
  font-size: clamp(34px, 4vw, 50px);
  line-height: 1.18;
  font-weight: 800;
}

.wcl-about-section-heading p,
.wcl-about-centered-heading p,
.wcl-about-global-copy p {
  color: var(--wcl-text);
  font-size: 16.5px;
  line-height: 1.85;
  margin: 0 0 18px;
}

.wcl-about-section-heading-wide {
  max-width: 850px;
  margin-bottom: 44px;
}

.wcl-about-centered-heading {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 48px;
}

.wcl-about-copy-card {
  padding: 34px 36px;
  background: #fff;
  border: 1px solid var(--wcl-border);
  border-radius: 24px;
  box-shadow: 0 16px 44px rgba(31, 37, 51, .07);
}

.wcl-about-copy-card p {
  color: var(--wcl-text);
  font-size: 17px;
  line-height: 1.9;
  margin: 0 0 20px;
}

.wcl-about-copy-card p:last-child {
  margin-bottom: 0;
}

.wcl-about-feature-card {
  height: 100%;
  padding: 30px 26px;
  background: #fff;
  border: 1px solid var(--wcl-border);
  border-radius: 22px;
  transition: .25s ease;
}

.wcl-about-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 42px rgba(31, 37, 51, .08);
  border-color: rgba(236, 186, 5, .55);
}

.wcl-about-feature-icon {
  width: 56px;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
  font-size: 21px;
  margin-bottom: 22px;
}

.wcl-about-feature-card h3,
.wcl-about-accreditation-card h3,
.wcl-about-support-card h3 {
  color: var(--wcl-dark);
  font-size: 21px;
  line-height: 1.3;
  font-weight: 800;
  margin: 0 0 12px;
}

.wcl-about-feature-card p,
.wcl-about-accreditation-card p,
.wcl-about-support-card p {
  color: var(--wcl-text);
  font-size: 15px;
  line-height: 1.75;
  margin: 0;
}

.wcl-about-global {
  padding: 96px 0;
  background: var(--wcl-dark);
  overflow: hidden;
}

.wcl-about-global h2 {
  color: #fff;
}

.wcl-about-kicker-light {
  color: var(--wcl-yellow);
}

.wcl-about-global-copy p {
  color: rgba(255, 255, 255, .7);
}

.wcl-about-global-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
}

.wcl-about-global-tile {
  min-height: 190px;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, .12);
  background: rgba(255, 255, 255, .055);
  border-radius: 20px;
  color: #fff;
}

.wcl-about-global-tile i {
  display: block;
  color: var(--wcl-yellow);
  font-size: 25px;
  margin-bottom: 34px;
}

.wcl-about-global-tile strong {
  display: block;
  font-size: 18px;
  margin-bottom: 8px;
}

.wcl-about-global-tile span {
  color: rgba(255, 255, 255, .6);
  font-size: 14px;
  line-height: 1.55;
}

.wcl-about-accreditation-card {
  position: relative;
  height: 100%;
  padding: 34px 28px;
  border-radius: 22px;
  background: #fff;
  border: 1px solid var(--wcl-border);
  overflow: hidden;
}

.wcl-about-accreditation-card:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 5px;
  background: var(--wcl-yellow);
}

.wcl-about-accreditation-card>span {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--wcl-light);
  color: var(--wcl-dark);
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 22px;
}

.wcl-about-teacher-gallery {
  position: relative;
  min-height: 490px;
  max-width: 580px;
}

.wcl-about-teacher-photo {
  position: absolute;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: 0 18px 45px rgba(31, 37, 51, .12);
}

.wcl-about-teacher-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wcl-about-teacher-photo-a {
  left: 0;
  top: 36px;
  width: 58%;
  height: 390px;
}

.wcl-about-teacher-photo-b {
  right: 0;
  top: 0;
  width: 39%;
  height: 235px;
}

.wcl-about-teacher-photo-c {
  right: 0;
  bottom: 0;
  width: 39%;
  height: 235px;
}

.wcl-about-btn {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  margin-top: 12px;
  padding: 15px 22px;
  border-radius: 12px;
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
  font-size: 14px;
  font-weight: 800;
}

.wcl-about-btn:hover {
  color: var(--wcl-dark);
  transform: translateY(-2px);
}

.wcl-about-progress {
  padding: 96px 0;
  background: #fff;
}

.wcl-about-progress-card {
  padding: 32px;
  border-radius: 24px;
  background: var(--wcl-dark);
  box-shadow: 0 20px 48px rgba(31, 37, 51, .16);
}

.wcl-about-progress-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 24px;
  margin-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.wcl-about-progress-top span {
  display: block;
  color: var(--wcl-yellow);
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  margin-bottom: 5px;
}

.wcl-about-progress-top strong {
  color: #fff;
  font-size: 20px;
  line-height: 1.35;
}

.wcl-about-progress-top i {
  color: var(--wcl-yellow);
  font-size: 34px;
}

.wcl-about-progress-step {
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding: 20px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .09);
}

.wcl-about-progress-step:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

.wcl-about-progress-step>span {
  flex: 0 0 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
  font-size: 12px;
  font-weight: 900;
}

.wcl-about-progress-step strong {
  display: block;
  color: #fff;
  font-size: 16px;
  margin-bottom: 4px;
}

.wcl-about-progress-step small {
  display: block;
  color: rgba(255, 255, 255, .6);
  font-size: 13.5px;
  line-height: 1.55;
}

.wcl-about-support {
  padding: 96px 0 110px;
  background: var(--wcl-light);
}

.wcl-about-support-card {
  height: 100%;
  padding: 30px 28px;
  background: #fff;
  border-radius: 22px;
  border: 1px solid var(--wcl-border);
}

.wcl-about-support-number {
  display: flex;
  width: 48px;
  height: 48px;
  align-items: center;
  justify-content: center;
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
  border-radius: 14px;
  font-size: 12px;
  font-weight: 900;
  margin-bottom: 22px;
}

@media(max-width:1199px) {
  .wcl-about-hero-visual {
    min-height: 450px;
  }

  .wcl-about-image-main {
    height: 375px;
  }

  .wcl-about-image-small {
    height: 215px;
  }
}

@media(max-width:991px) {
  .wcl-about-hero {
    padding: 72px 0 78px;
  }

  .wcl-about-section,
  .wcl-about-global,
  .wcl-about-progress,
  .wcl-about-support {
    padding: 72px 0;
  }

  .wcl-about-hero-visual {
    margin: 0 auto;
    min-height: 470px;
  }

  .wcl-about-global-grid {
    margin-top: 10px;
  }

  .wcl-about-teacher-gallery {
    margin: 0 auto 25px;
  }
}

@media(max-width:767px) {
  .wcl-about-hero {
    padding: 56px 0 62px;
  }

  .wcl-about-hero-copy>p {
    font-size: 16px;
  }

  .wcl-about-hero-visual {
    min-height: 390px;
  }

  .wcl-about-image-main {
    width: 82%;
    height: 315px;
  }

  .wcl-about-image-small {
    width: 48%;
    height: 180px;
    border-width: 5px;
  }

  .wcl-about-hero-badge {
    right: 10px;
    bottom: 5px;
    width: 155px;
    padding: 17px;
    border-radius: 16px;
  }

  .wcl-about-copy-card {
    padding: 26px 22px;
    border-radius: 18px;
  }

  .wcl-about-global-grid {
    grid-template-columns: 1fr;
  }

  .wcl-about-global-tile {
    min-height: auto;
  }

  .wcl-about-teacher-gallery {
    min-height: 390px;
  }

  .wcl-about-teacher-photo-a {
    width: 62%;
    height: 310px;
  }

  .wcl-about-teacher-photo-b,
  .wcl-about-teacher-photo-c {
    width: 36%;
    height: 185px;
  }

  .wcl-about-progress-card {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .wcl-about-progress-top {
    align-items: flex-start;
  }

  .wcl-about-progress-top i {
    font-size: 28px;
  }
}

@media(max-width:575px) {
  .wcl-about-hero-visual {
    min-height: 340px;
  }

  .wcl-about-image-main {
    height: 270px;
  }

  .wcl-about-image-small {
    height: 145px;
  }

  .wcl-about-hero-badge {
    width: 140px;
    padding: 14px;
  }

  .wcl-about-teacher-gallery {
    min-height: 320px;
  }

  .wcl-about-teacher-photo-a {
    height: 250px;
  }

  .wcl-about-teacher-photo-b,
  .wcl-about-teacher-photo-c {
    height: 150px;
  }

  .wcl-about-centered-heading {
    text-align: left;
  }
}

:root {
  --wcl-dark: #1F2533;
  --wcl-yellow: #ECBA05;
  --wcl-text: #626A77;
  --wcl-light: #F6F7F9;
  --wcl-border: #E5E8EE;
  --wcl-white: #FFFFFF;
}

.wcl-location-page {
  background: #fff;
}

.wcl-location-hero-copy {
  max-width: 720px;
  margin-top: 18px;
  color: rgba(255, 255, 255, .78);
  font-size: 16px;
  line-height: 1.75;
}

.wcl-location-section {
  background: #F8F9FB;
}

.wcl-location-overview-card,
.wcl-location-filter-card,
.wcl-location-detail-card,
.wcl-location-gallery-card {
  background: #fff;
  border: 1px solid var(--wcl-border);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 14px 40px rgba(31, 37, 51, .06);
}

.wcl-location-main-image {
  min-height: 565px;
  background: #E8EBF0;
}

.wcl-location-main-image img {
  width: 100%;
  height: 100%;
  min-height: 565px;
  object-fit: cover;
}

.wcl-location-overview-content {
  padding: 36px 34px;
}

.wcl-location-info-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 22px;
}

.wcl-location-info-icon {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 13px;
  background: rgba(236, 186, 5, .13);
  color: var(--wcl-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
}

.wcl-location-info-row strong {
  display: block;
  color: var(--wcl-dark);
  font-size: 17px;
  line-height: 1.45;
  font-weight: 800;
}

.wcl-location-label {
  display: block;
  color: #8C929C;
  text-transform: uppercase;
  letter-spacing: .7px;
  font-size: 10px;
  font-weight: 800;
  margin-bottom: 3px;
}

.wcl-location-divider {
  height: 1px;
  background: var(--wcl-border);
  margin: 26px 0;
}

.wcl-location-course-title {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--wcl-dark);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .5px;
  margin-bottom: 14px;
}

.wcl-location-course-title i {
  color: var(--wcl-yellow);
  font-size: 18px;
}

.wcl-location-course-block ul {
  margin: 0;
  padding-left: 22px;
}

.wcl-location-course-block li {
  color: var(--wcl-text);
  margin-bottom: 8px;
  font-size: 15px;
}

.wcl-location-course-block li::marker {
  color: var(--wcl-yellow);
}

.wcl-location-quick-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 26px;
}

.wcl-location-small-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 9px 12px;
  border: 1px solid var(--wcl-border);
  border-radius: 10px;
  color: var(--wcl-dark);
  background: #fff;
  font-size: 12px;
  font-weight: 700;
  transition: .2s ease;
}

.wcl-location-small-btn:hover {
  background: var(--wcl-dark);
  border-color: var(--wcl-dark);
  color: #fff;
}

.wcl-location-small-btn i {
  color: var(--wcl-yellow);
}

.wcl-location-filter-card,
.wcl-location-detail-card,
.wcl-location-gallery-card {
  padding: 30px;
}

.wcl-location-card-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 28px;
}

.wcl-location-card-title-icon {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  border-radius: 14px;
  background: rgba(236, 186, 5, .13);
  color: var(--wcl-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

.wcl-location-eyebrow {
  display: block;
  color: #8C929C;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 2px;
}

.wcl-location-card-title h4 {
  margin: 0;
  color: var(--wcl-dark);
  font-size: 24px;
  line-height: 1.25;
  font-weight: 800;
}

.wcl-location-form-group {
  margin-bottom: 20px;
}

.wcl-location-form-group label {
  display: block;
  color: var(--wcl-dark);
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 8px;
}

.wcl-location-form-group .form-select {
  height: 50px;
  border-radius: 10px;
  border: 1px solid var(--wcl-border);
  color: #6A707A;
  font-size: 14px;
  box-shadow: none;
  padding-left: 15px;
}

.wcl-location-form-group .form-select:focus {
  border-color: var(--wcl-yellow);
}

.wcl-location-filter-btn {
  width: 100%;
  margin-top: 24px;
  min-height: 52px;
  border: 0;
  border-radius: 11px;
  background: var(--wcl-dark);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  transition: .2s ease;
}

.wcl-location-filter-btn:hover {
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
}

.wcl-location-filter-btn i {
  color: var(--wcl-yellow);
}

.wcl-location-filter-btn:hover i {
  color: var(--wcl-dark);
}

.wcl-location-detail-list {
  border-top: 1px solid var(--wcl-border);
}

.wcl-location-detail-item {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  gap: 24px;
  padding: 18px 0;
  border-bottom: 1px solid var(--wcl-border);
}

.wcl-location-detail-item>span {
  color: #717781;
  font-size: 13px;
  font-weight: 700;
}

.wcl-location-detail-item>strong {
  color: var(--wcl-dark);
  font-size: 14px;
  line-height: 1.65;
  font-weight: 600;
}

.wcl-location-detail-cta {
  align-items: center;
}

.wcl-location-gallery-main {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
  min-height: 300px;
}

.wcl-location-gallery-main img {
  width: 100%;
  height: 300px;
  object-fit: cover;
}

.wcl-location-play {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: var(--wcl-dark);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
}

.wcl-location-play:hover {
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
}

.wcl-location-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 10px;
}

.wcl-location-gallery-grid a {
  display: block;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 1.4/1;
}

.wcl-location-gallery-grid img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .25s ease;
}

.wcl-location-gallery-grid a:hover img {
  transform: scale(1.05);
}

.wcl-location-bottom-cta {
  position: relative;
  overflow: hidden;
  border-radius: 24px;
  padding: 34px 38px;
  background:
    radial-gradient(circle at 85% 50%, rgba(236, 186, 5, .12), transparent 28%),
    var(--wcl-dark);
}

.wcl-location-bottom-cta::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 260px;
  border: 1px solid rgba(236, 186, 5, .32);
  border-radius: 50%;
  right: -140px;
  bottom: -160px;
}

.wcl-location-bottom-content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 20px;
}

.wcl-location-bottom-icon {
  flex: 0 0 58px;
  width: 58px;
  height: 58px;
  border: 2px solid var(--wcl-yellow);
  border-radius: 50%;
  color: var(--wcl-yellow);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.wcl-location-bottom-content h3 {
  margin: 0 0 7px;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
}

.wcl-location-bottom-content p {
  margin: 0;
  max-width: 720px;
  color: rgba(255, 255, 255, .7);
  line-height: 1.7;
  font-size: 14px;
}

.wcl-location-contact-btn {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 14px 22px;
  border-radius: 11px;
  background: var(--wcl-yellow);
  color: var(--wcl-dark);
  font-size: 14px;
  font-weight: 800;
}

.wcl-location-contact-btn:hover {
  color: var(--wcl-dark);
  transform: translateY(-2px);
}

@media(max-width:1199px) {

  .wcl-location-main-image,
  .wcl-location-main-image img {
    min-height: 520px;
  }

  .wcl-location-detail-item {
    grid-template-columns: 150px minmax(0, 1fr);
  }
}

@media(max-width:991px) {

  .wcl-location-main-image,
  .wcl-location-main-image img {
    min-height: 430px;
  }

  .wcl-location-overview-content {
    padding: 28px;
  }

  .wcl-location-bottom-cta {
    padding: 30px;
  }
}

@media(max-width:767px) {
  .wcl-location-section {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
  }

  .wcl-location-main-image,
  .wcl-location-main-image img {
    min-height: 320px;
    height: 320px;
  }

  .wcl-location-filter-card,
  .wcl-location-detail-card,
  .wcl-location-gallery-card {
    padding: 22px;
    border-radius: 18px;
  }

  .wcl-location-overview-card {
    border-radius: 18px;
  }

  .wcl-location-detail-item {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .wcl-location-gallery-main,
  .wcl-location-gallery-main img {
    min-height: 230px;
    height: 230px;
  }

  .wcl-location-gallery-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .wcl-location-bottom-content {
    flex-direction: column;
  }
}

@media(max-width:575px) {
  .wcl-location-overview-content {
    padding: 22px;
  }

  .wcl-location-card-title {
    align-items: flex-start;
  }

  .wcl-location-card-title h4 {
    font-size: 21px;
  }

  .wcl-location-gallery-grid {
    grid-template-columns: 1fr 1fr;
  }

  .wcl-location-bottom-cta {
    padding: 24px 20px;
    border-radius: 18px;
  }

  .wcl-location-contact-btn {
    width: 100%;
  }
}