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

    Theme Name: edustray -- Online Education & Courses Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: edustray -- 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. Instagram css start
    27. language css start
    28. menu css start
    29. newsletter css start
    30. policy css start
    31. price css start
    32. shop css start
    33. sign-in css start
    34. slider css start
    35. subscribe css start
    36. team css start
    37. testimonial css start
    38. video css start
    39. zoom-metting css start


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Poppins', sans-serif;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #1A2327;
  --it-heading-primary: #057E6C;
  --it-gray-1: #F4F8FF;
  --it-gray-2: #FFFAFA;
  --it-text-body: #6A747C;
  --it-theme-1: #102C26;
  --it-theme-2: #057E6C;
  --it-theme-3: #EFF4F5;
  --it-theme-4: #FDC306;
  --it-theme-5: #618269;
  --it-theme-6: #FE8235;
}

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 18px;
  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-body);
}

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 {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  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: 18px;
  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(--it-common-white);
  text-shadow: none;
}

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

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

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

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

/*---------------------------------
    common classes css start 
---------------------------------*/
.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-60 {
  --bs-gutter-x: 60px;
}

.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% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  transition: background-size 0.3s linear;
  background-image: linear-gradient(currentcolor, currentcolor), linear-gradient(currentcolor, currentcolor);
}
.border-line:hover {
  background-size: 0% 2px, 100% 2px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .border-line br {
    display: none;
  }
}

.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;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}

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

.it-nav-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  border-radius: 999px;
  color: var(--it-theme-1);
  border: 1px solid rgba(18, 16, 24, 0.1);
  background: #fff;
  gap: 4px;
  flex-wrap: nowrap;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 60px;
}
.it-nav-tabs button {
  appearance: none;
  border: 0;
  outline: 0;
  background: transparent;
  padding: 9px 24px;
  border-radius: 999px;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--it-theme-1);
  cursor: pointer;
  width: auto;
}
.it-nav-tabs button.active {
  background: var(--it-theme-2);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  color: #fff;
}

.pricing-toggle-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-bottom: 30px;
}

.it-nav-tabs .nav-link {
  color: var(--it-theme-1);
}

.it-nav-tabs .nav-link:hover,
.it-nav-tabs .nav-link:focus {
  color: none !important;
  box-shadow: none !important;
}

.it-section-title {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--it-common-black);
}
.it-section-title span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 37px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 40px;
  }
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 30px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 40px;
  }
}
.it-section-title-2 {
  font-size: 45px;
  line-height: 1.2;
  text-transform: uppercase;
}
@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%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
.it-section-title-3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
}
@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%;
  right: 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.2;
  margin-bottom: 0;
}
@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;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-6 {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .it-section-title-6 {
    font-size: 18px;
  }
}
.it-section-subtitle {
  line-height: 1.2;
  display: inline-block;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--it-heading-primary);
  font-weight: 600;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle {
    font-size: 15px;
    padding-bottom: 6px;
  }
}
.it-section-subtitle svg, .it-section-subtitle i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-3px);
  margin-bottom: 2px;
}
.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: 16px;
  }
}
.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);
}
.it-section-subtitle-2 svg, .it-section-subtitle-2 i {
  display: inline-block;
  transform: translateY(-3px);
}
.it-section-subtitle-3 {
  display: block;
  margin-bottom: 25px;
  color: var(--it-theme-1);
}
.it-section-subtitle-3 svg, .it-section-subtitle-3 i {
  display: inline-block;
  transform: translateY(-3px);
}
.it-section-subtitle-4 {
  display: block;
  color: var(--it-theme-1);
  font-size: 16px;
}
.it-section-subtitle-4 svg, .it-section-subtitle-4 i {
  display: inline-block;
  transform: translateY(-3px);
}

.it-title-yellow {
  color: #FEE90B;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-section-title-wraper p span {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-section-title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-section-title-box p span {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-section-title-wrap p span {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-about-section-title-box p br {
    display: none;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-section-title-box p span {
    display: none;
  }
}

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

.search-popup {
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/*--- 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;
  left: 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-right: 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;
  width: 300px;
}
@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: "";
  left: 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;
  left: -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% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes educom-anim {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 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% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
@keyframes object {
  0% {
    left: 100px;
    top: 0;
  }
  80% {
    left: 0;
    top: 0;
  }
  85% {
    left: 0;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  90% {
    width: 40px;
    height: 15px;
  }
  95% {
    left: 100px;
    top: -20px;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 100px;
    top: 0;
  }
}
/*--- end of preloader ---*/
.scroll-top {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 18px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-2);
  transition: 1s ease;
  border: none;
}

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

.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(24, 24, 24, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
}
.body-overlay.apply {
  opacity: 1;
  visibility: visible;
}
.body-overlay:hover {
  cursor: url(../img/cross-out.png), pointer;
}

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

.itoffcanvas {
  position: fixed;
  top: 0;
  bottom: 0;
  right: -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 0 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 {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.itoffcanvas__logo {
  margin-bottom: 60px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  position: absolute;
  right: 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;
    right: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 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: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  border-bottom: 1px solid 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-2);
  color: var(--it-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
@media (max-width: 767px) {
  .itoffcanvas__info-icon a {
    height: 40px;
    width: 40px;
    font-size: 16px;
    line-height: 41px;
  }
}
.itoffcanvas__info-address span {
  display: block;
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .itoffcanvas__info-address span {
    font-size: 13px;
  }
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 15px;
  }
}
.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-left: 0px;
  font-weight: 400;
}
.itoffcanvas .it-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.itoffcanvas .it-menu-mobile ul li > a, .itoffcanvas .it-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itoffcanvas .it-megamenu-title {
  font-size: 15px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 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;
  right: 0;
  width: 100%;
  z-index: -1;
}
.it-offcanva-bottom-shape img {
  width: 100%;
}

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

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

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

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

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

.modal-body {
  padding: 0;
}

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

.it-shop-modal .modal-dialog {
  width: 1200px;
}
.it-shop-modal .modal-content {
  padding: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 75%;
  }
}
@media (max-width: 767px) {
  .it-shop-modal .modal-content {
    padding: 80px 20px;
    width: 100%;
  }
}
.it-shop-modal-close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-shop-modal-close-btn:hover {
  background-color: 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: 18px;
  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-right: 12px;
}
.it-shop-details-stock span {
  display: inline-block;
  font-size: 15px;
  line-height: 1;
  padding: 4px 12px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  background-color: var(--it-gray-1);
}
.it-shop-details-rating {
  margin-right: 11px;
  align-items: center;
}
.it-shop-details-rating span {
  font-size: 12px;
  color: #FFB21D;
}
.it-shop-details-rating span:not(:last-child) {
  margin-right: 3px;
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.new-price {
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 18px;
  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: 18px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-action-title {
  font-size: 18px;
  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: 18px;
  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-right: 10px;
}
.it-shop-details-action-sm-btn i, .it-shop-details-action-sm-btn svg {
  margin-right: 2px;
}
.it-shop-details-action-sm-btn:hover {
  color: 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-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-thumb-wrapper {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-shop-details-thumb-wrapper .nav-tab {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details-action-item-wrapper {
    flex-wrap: nowrap;
  }
}

.it-btn-yellow {
  font-size: 16px;
  padding: 14px 20px;
  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);
  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: 15px;
    padding: 11px 20px;
  }
}
.it-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-white);
}
.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: 16px;
  height: 16px;
  transition: 0.3s;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  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-btn-yellow svg {
    height: 13px;
    width: 13px;
  }
}
.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-left: 0;
  margin-right: 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-2);
}
.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-bg-2 {
  background: var(--it-theme-2);
  padding: 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
@media (max-width: 767px) {
  .it-btn-yellow.theme-bg-2 {
    padding: 16px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-btn-yellow.theme-bg-2 {
    padding: 16px 20px !important;
  }
}
.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);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 span {
    font-size: 16px;
  }
}
.it-btn-yellow.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-yellow-2 {
  padding: 13px 17px;
}
.it-btn-yellow-3 {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow-3 {
    font-size: 15px;
  }
}
.it-btn-yellow-3-bg {
  border-radius: 6px;
  background: var(--it-theme-4);
}
.it-btn-yellow-3-bg span {
  color: var(--it-common-black);
}
.it-btn-yellow-4 {
  border-radius: 0;
}
.it-btn-yellow-5 {
  border-radius: 30px;
  background: #F9D520;
  margin-bottom: 10px;
  margin-right: 10px;
}
.it-btn-yellow-5 span {
  color: var(--it-common-black);
  font-size: 16px;
  font-weight: 600;
  line-height: 26px;
}
.it-btn-yellow-6 {
  border-radius: 30px;
  background: #128F7C;
}
.it-btn-yellow-6 span {
  color: var(--it-common-white);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
@media 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-6 span {
    font-size: 15px;
  }
}
.it-btn-yellow-7 {
  border-radius: 24px;
  border: 1px solid var(--it-theme-2);
  background-color: var(--it-common-white);
}
.it-btn-yellow-7 span {
  color: var(--it-theme-2);
  letter-spacing: 0.16px;
}
.it-btn-yellow-7 i svg {
  color: var(--it-theme-2);
}
.it-btn-yellow-7:hover {
  background-color: var(--it-theme-2);
}
.it-btn-yellow-7:hover span {
  color: var(--it-common-white);
}
.it-btn-yellow-7:hover i svg {
  color: var(--it-common-white);
}
.it-btn-border {
  font-size: 18px;
  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-2);
  background-color: transparent;
  border: 1px solid 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-border {
    font-size: 16px;
    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-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  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;
  border: 1px solid rgba(108, 117, 125, 0.15);
}
.it-btn-border.style-3 span,
.it-btn-border.style-3 svg {
  color: var(--it-common-white);
}
.it-btn-sm {
  font-size: 18px;
  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-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-btn-sm {
    font-size: 16px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-sm span span {
  color: var(--it-common-white);
}
.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-left: 10px;
}
.it-btn-sm i svg {
  transform: translateY(-1px);
  position: absolute;
  bottom: -1px;
  left: 1px;
  transition: all 0.2s ease-out;
}
.it-btn-sm i svg:last-child {
  left: -12px;
  bottom: -12px;
  transform: translate(0, 0);
  opacity: 0;
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-sm:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-sm:hover i svg:first-child {
  transform: translate(16px, -16px);
}
.it-btn-sm:hover i svg:last-child {
  opacity: 1;
  visibility: visible;
  transform: translate(13px, -12px);
}
.it-btn-theme {
  font-size: 18px;
  font-weight: 600;
  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-common-black);
  background-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-theme {
    font-size: 16px;
  }
}
.it-btn-theme span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-theme span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-theme span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-theme span span:hover {
  color: var(--it-theme-2);
}
.it-btn-theme svg {
  width: 14px;
  height: 14px;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-text-body);
}
.it-btn-theme:hover {
  color: var(--it-text-body);
}
.it-btn-theme:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-theme:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-theme.style-2 {
  border-radius: 1000px;
  padding: 14px 40px;
  border: 1px solid var(--it-theme-6);
}
.it-btn-theme.style-2 span,
.it-btn-theme.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-theme.style-3 {
  padding: 14.5px 29px;
}
.it-btn-theme-3 {
  font-size: 18px;
}

.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: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-area {
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-area {
    padding-top: 110px;
    padding-bottom: 6px;
  }
}
.it-breadcrumb-title {
  color: #000;
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}
@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: 32px;
    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: 35px;
  }
}
.it-breadcrumb-title-2 {
  color: var(--White, #FFF);
  margin-bottom: 30px;
}
.it-breadcrumb-thumb {
  padding-right: 137px;
}
.it-breadcrumb-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-thumb img {
    padding-left: 12%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-thumb {
    padding-right: 70px;
    padding-top: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-thumb {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-thumb {
    padding-left: 24%;
    padding-top: 7%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
    margin-top: 50px;
    width: 100%;
  }
}
.it-breadcrumb-shape-1 {
  position: absolute;
  left: 2%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    left: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-shape-1 {
    top: 15%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-1 {
    top: 19%;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-desc br {
    display: none;
  }
}
.it-breadcrumb-list {
  color: var(--Primary-main, #0B8270);
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-list {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-list {
    font-size: 17px;
    margin-bottom: 30px;
  }
}
.it-breadcrumb-list-2 {
  color: #fff;
}

.it-breadcrumb-2-area {
  padding-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-breadcrumb-2-area {
    padding-bottom: 0px;
  }
}

.it-breadcrumb-3-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
.it-breadcrumb-3-title {
  color: var(--White, #FFF);
  font-size: 60px;
  font-weight: 700;
  line-height: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-3-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-3-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-3-title {
    font-size: 32px;
    margin-bottom: 20px;
  }
  .it-breadcrumb-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-3-title {
    font-size: 35px;
  }
}
.it-breadcrumb-3-title-1 {
  color: var(--it-common-black);
}
.it-breadcrumb-3-thumb {
  border-radius: 20px;
}
.it-breadcrumb-3-thumb img {
  border-radius: 20px;
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-4-content {
    padding-bottom: 100px;
  }
}
.it-breadcrumb-4-list-2 {
  margin-bottom: 60px;
}
.it-breadcrumb-4-list-2 span {
  color: #FFF;
  text-align: center;
  font-family: "Josefin Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.16px;
}
.it-breadcrumb-4-list-2 span.dvdr {
  margin: 0px 20px;
}
.it-breadcrumb-4-subtitle {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
.it-breadcrumb-4-desc {
  color: var(--Dark-dark_5, #E3E7EB);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.it-breadcrumb-4-author-wrapper {
  display: flex;
  align-items: center;
}
.it-breadcrumb-4-author-wrapper .it-breadcrumb-4-author-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 130px;
}
.it-breadcrumb-4-author-wrapper .it-breadcrumb-4-author-info span:first-child {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 22px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
  white-space: nowrap;
}
.it-breadcrumb-4-author-wrapper .it-breadcrumb-4-author-info span:last-child {
  margin-top: 4px;
  font-size: 14px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.75);
  line-height: 1.4;
  white-space: nowrap;
}
.it-breadcrumb-4-author-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.it-breadcrumb-4-author-name {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
  margin-bottom: 10px;
}
.it-breadcrumb-4-author-role {
  font-size: 14px;
  color: #b0b0b0;
}

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

.it-breadcrumb-list-2 {
  display: inline-block;
  border-radius: 8px;
  padding: 12px 30px;
  background-color: var(--it-theme-2);
}
.it-breadcrumb-list-2 span {
  display: inline-block;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
}

.it-breadcrumb-6-area {
  padding-bottom: 20px;
}

/*---------------------------------------*/
/*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-2-bg {
  background: var(--it-theme-3);
}

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

@-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% {
    left: 41%;
    top: 17%;
    transform: scale(1) rotateY(0deg);
  }
  50% {
    top: 50px; /* একটু উপরে উঠবে */
  }
  100% {
    left: 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: 0 0;
  }
  100% {
    background-position: 20px 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);
  }
}
.it-custom-accordion .accordion-items {
  border-radius: 16px;
  background-color: var(--it-common-white);
  box-shadow: 0 2px 30px 0 rgba(14, 43, 38, 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-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 25px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 14px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons span {
  display: inline-block;
  margin-right: 5px;
}
.it-custom-accordion .accordion-buttons span svg {
  width: 39px;
  height: 40px;
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons span svg {
    width: 25px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f106";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 400;
  font-size: 18px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: #4D575F;
  background-color: #F7F7F7;
}
.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: 16px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 1200px) and (max-width: 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-custom-accordion .accordion-body p {
    font-size: 14px;
  }
  .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: left;
  padding: 21px 30px;
  padding-left: 65px;
  width: 100%;
  font-size: 18px;
  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-left: 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%;
  left: 30px;
  font-weight: 400;
  font-size: 18px;
  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 {
    left: 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-left: 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: 16px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 16px;
    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;
  left: 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-right: 10px;
  margin-top: -2px;
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-area {
    padding-bottom: 90px;
    padding-top: 90px;
  }
}
@media (max-width: 767px) {
  .it-about-thumb {
    padding-left: 0;
    margin-top: 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%;
  height: 100%;
}
.it-about-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-about-thumb-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  line-height: 80px;
  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;
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.it-about-thumb-icon-5 {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-thumb-icon-2 {
    left: 72%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-thumb-icon-2 {
    left: 100%;
  }
}
.it-about-left {
  margin-right: -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-right: 0;
  }
}
.it-about-right {
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right {
    margin-left: 0;
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right-7 {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-right-7 {
    margin-top: 60px;
  }
}
.it-about-bg-shape-2 {
  height: 300px;
  width: 300px;
  background-color: var(--it-theme-2);
  opacity: 0.2;
  filter: blur(250px);
  top: 25%;
  right: 20%;
  border-radius: 300px;
}
.it-about-shape-1 {
  position: absolute;
  bottom: -17%;
  left: -45%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-about-shape-1 {
    display: none;
  }
}
.it-about-shape-style-2 {
  position: absolute;
  bottom: 11%;
  left: 12%;
  z-index: -1;
}
.it-about-experience-box {
  padding: 31px 53px;
  border-radius: 20px;
  background-color: #093B33;
}
@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: 18px;
  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: 16px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-experience-box span br {
    display: none;
  }
}
.it-about-experience-box h2 {
  font-size: 40px;
  margin-bottom: 0;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
.it-about-experience-box h2 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 h2 {
    font-size: 30px;
  }
}
.it-about-experience-box h2::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 31px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
}
.it-about-experience-box-style-2 {
  padding: 31px 53px;
  border-radius: 0 40px;
  background: #03594E;
}
.it-about-list-box {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .it-about-list-box {
    margin-bottom: 30px;
  }
}
.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-left: 40px;
  position: relative;
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span {
    padding-left: 38px;
    line-height: 20px;
  }
}
.it-about-list-box ul li span svg, .it-about-list-box ul li span i {
  position: absolute;
  transform: translateY(-3px);
  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-list-box ul li span svg, .it-about-list-box ul li span i {
    height: 18px;
  }
}
.it-about-list-box-border ul li {
  background: var(--it-common-white);
  padding: 10px 15px;
  border-radius: 10px;
}
.it-about-list-box-border ul li span {
  display: block;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-list-box-border ul li span {
    font-size: 18px;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-text br {
    display: none;
  }
}

.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);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-3-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-about-3-area .it-about-experience-box {
  position: absolute;
  bottom: 30%;
  right: 0;
  z-index: 2;
  padding: 35px 20px;
  width: 200px;
  padding-bottom: 50px;
  background-color: var(--it-theme-2);
  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 {
    bottom: 40%;
    padding: 50px 20px;
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .it-about-3-area .it-about-experience-box {
    display: none;
  }
}
.it-about-3-area .it-about-experience-box h2 {
  padding-right: 0;
  margin-right: 0;
  font-family: var(--it-ff-heading);
}
.it-about-3-area .it-about-experience-box h2::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: 44%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  z-index: -1;
}
.it-about-3-area .it-about-right {
  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-3-area .it-about-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-about-right p {
    font-size: 16px;
  }
}
@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-left: 115px;
  position: relative;
  z-index: 1;
  transform: rotate(-7deg);
}
@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-left: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
    transform: rotate(0);
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-1 {
    padding-left: 0;
    transform: rotate(0);
    margin-bottom: 40px;
  }
}
.it-about-3-thumb.style-1 img {
  border: 3px solid var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-thumb.style-1 img {
    width: 100%;
    object-fit: cover;
    margin-bottom: 20px;
  }
}
.it-about-3-thumb.style-2 {
  padding-left: 0;
  margin-top: -40px;
  transform: rotate(19deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-thumb.style-2 {
    transform: rotate(19deg) scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb.style-2 {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-2 {
    transform: rotate(0);
    margin-top: 0;
  }
  .it-about-3-thumb.style-2 img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-2 {
    padding-left: 0px;
    margin-top: 0;
    transform: rotate(0);
  }
  .it-about-3-thumb.style-2 img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-left {
    margin-right: 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%;
  left: 1%;
  z-index: -1;
}
.it-about-3-shape-2 {
  position: absolute;
  top: 55%;
  left: 6%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-3-shape-2 {
    display: none;
  }
}
.it-about-3-shape-3 {
  position: absolute;
  top: 13%;
  right: 7%;
  z-index: -1;
  animation: flap 0.9s 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: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-4-area {
    padding-top: 0;
    padding-bottom: 90px;
  }
}
.it-about-4-right {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-right {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-right {
    margin-left: 0;
    margin-top: 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-about-4-right 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) {
  .it-about-4-right .it-section-title br {
    display: none;
  }
}
.it-about-4-left {
  padding-left: 83px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-left {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-left {
    padding-left: 30px;
    margin-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-about-4-left {
    padding-left: 0;
    margin-bottom: 70px;
  }
}
.it-about-4-left .it-about-experience-box {
  position: absolute;
  top: 12%;
  left: 0;
  padding: 17px 20px;
  padding-right: 30px;
  border-radius: 15px;
  background: var(--it-theme-3);
  animation: ittranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-left .it-about-experience-box {
    top: 40%;
  }
}
@media (max-width: 767px) {
  .it-about-4-left .it-about-experience-box {
    position: static;
    margin-top: 30px;
    animation: unset;
  }
}
.it-about-4-left .it-about-experience-box h2 {
  color: var(--it-common-black);
  font-size: 28px;
  font-weight: 600;
  line-height: 36px;
}
.it-about-4-left .it-about-experience-box h2::after {
  display: none;
}
.it-about-4-left .it-about-experience-box span {
  color: var(--it-common-black);
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
}
.it-about-4-bg-shape-1 {
  top: 30%;
  right: 10%;
  width: 204px;
  height: 204px;
  background: var(--it-theme-2);
  opacity: 0.5;
  filter: blur(150px);
}
.it-about-4-thumb-sm {
  position: absolute;
  bottom: 10%;
  left: 0;
  border-radius: 30px;
  border: 10px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-thumb-sm {
    bottom: -20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-sm {
    bottom: -20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb-sm {
    width: 347px;
    height: 254px;
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm {
    position: relative;
    right: 0;
    margin-top: 30px;
    border-left: none;
    border-top: none;
    animation: unset;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb-sm img {
    width: 100%;
  }
}
.it-about-4-thumb-sm.thumb-overlay::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}
.it-about-4-style-2 .it-about-4-left .it-about-experience-box {
  background-color: var(--it-theme-4);
}
@media 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-style-2 .it-about-4-left .it-about-experience-box {
    display: none !important;
  }
}
.it-about-4-style-2 .it-about-4-left .it-about-experience-box h2,
.it-about-4-style-2 .it-about-4-left .it-about-experience-box span,
.it-about-4-style-2 .it-about-4-left .it-about-experience-box svg {
  color: var(--it-common-black);
  margin-right: 10px;
}
.it-about-4-style-2 .it-about-4-right {
  margin-left: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-style-2 .it-about-4-right {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-style-2 .it-about-4-right p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-style-2 .it-about-4-right .it-section-title {
    font-size: 28px;
  }
}
.it-about-4-list-box {
  margin-bottom: 45px;
}
.it-about-4-list-box ul li {
  list-style: none;
}
.it-about-4-list-box ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-about-4-list-box ul li span {
  position: relative;
  display: block;
  padding-left: 40px;
  color: #4D575F;
  font-family: var(--it-ff-body);
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-list-box ul li span {
    font-size: 18px;
  }
}
.it-about-4-list-box ul li span svg, .it-about-4-list-box ul li span i {
  position: absolute;
  top: 2px;
  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-4-list-box ul li span svg, .it-about-4-list-box ul li span i {
    height: 18px;
  }
}
.it-about-4-shape-2 {
  position: absolute;
  right: 10%;
  bottom: 5%;
  animation: rotate 15s linear infinite;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 {
    display: none;
  }
}

.it-about-6 {
  position: relative;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-6-area {
    padding-top: 60px;
  }
}
.it-about-6 img {
  border-radius: 20px 100px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-about-6-small-img img {
  border-radius: 20px 100px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-about-6-small-img.mb-4 {
  margin-bottom: 30px !important;
}
.it-about-6-thumb {
  margin-top: 35%;
}
.it-about-6-title {
  color: var(--it-common-black);
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}
@media (max-width: 767px) {
  .it-about-6-title {
    font-size: 25px;
  }
}
.it-about-6-desc {
  color: var(--it-text-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-6-desc br {
    display: none;
  }
}
.it-about-6-list ul li span {
  color: #4D575F;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-6-list ul li span {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-7-style-4 {
    padding-top: 45px;
    padding-bottom: 90px;
  }
}
.it-about-7-style-4 .it-about-list-box ul li span {
  font-weight: 600;
}
.it-about-7-style-4 .it-about-list-box ul li span svg, .it-about-7-style-4 .it-about-list-box ul li span i {
  color: var(--it-theme-2);
}
.it-about-7-style-4 .it-about-2-left {
  margin-right: 83px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-7-style-4 .it-about-2-left {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-7-style-4 .it-about-2-left {
    margin-right: 0;
  }
}
.it-about-7-style-4 .it-about-2-right {
  margin-left: 0;
}
.it-about-7-style-4 .it-about-2-shape-7 {
  bottom: 13%;
  left: -14%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-7-style-4 .it-about-list-wrap .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 28px;
  }
}
.it-about-7-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-7-style-4 .it-about-text p {
    font-size: 16px;
  }
}
.it-about-7-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-about-7-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-right: 2px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-7-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-right: 17px;
  }
}
.it-about-7-style-4 .it-about-2-tab-box ul li button {
  font-weight: 600;
  font-size: 18px;
  border-radius: 10px;
  padding: 11px 30px;
  line-height: 1;
  transition: 0.4s;
  color: var(--it-theme-2);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-7-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 30px;
    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-about-7-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-7-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.it-about-7-style-4 .it-about-2-tab-box ul li button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border-color: var(--it-theme-2);
}
.it-about-7-style-4 .it-about-4-thumb {
  padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-7-style-4 .it-about-4-thumb {
    padding-right: 0;
  }
}
.it-about-7-style-4 .it-about-4-thumb-sm {
  position: absolute;
  bottom: 15%;
  left: 0;
  border-radius: 30px;
  border: 10px solid var(--it-common-white);
  animation: updown 1s 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-about-7-style-4 .it-about-4-thumb-sm {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-7-style-4 .it-about-4-thumb-1 {
    padding-right: 0px;
  }
}
.it-about-7-style-4-bg-shape {
  width: 674px;
  height: 674px;
  border-radius: 674px;
  opacity: 0.16;
  background: #03594E;
  filter: blur(125px);
  left: 25%;
  top: 20%;
  z-index: -1;
}

.nav-link.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border-color: var(--it-theme-2);
}

.it-about-7-style-4 ul li button.active {
  border: 1px solid var(--it-theme-2);
  color: var(--it-common-white);
}

.it-about-contact-box {
  margin-left: 25px;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 700;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-contact-box {
    margin-left: 15px;
  }
}
.it-about-contact-box a {
  margin-left: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-about-contact-box a {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-about-contact-box a {
    margin-left: 55px;
  }
}
.it-about-contact-box span {
  background: #01201B;
  border-radius: 50%;
  height: 51px;
  width: 51px;
  position: absolute;
  line-height: 51px;
  text-align: center;
  transform: translateY(-14px);
}

@media (max-width: 767px) {
  .it-about-thumb-icon-8.popup-video svg {
    width: 68px;
    height: 68px;
    line-height: 68px;
    transform: translateY(17%);
  }
}

@media (max-width: 767px) {
  .it-about-8-area {
    padding-top: 20px;
    padding-bottom: 90px;
  }
}
.it-about-8-shape-1 {
  position: absolute;
  right: 8%;
  bottom: 47%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-8-shape-1 {
    right: 0%;
    bottom: 35%;
  }
}
.it-about-8-shape-2 {
  position: absolute;
  bottom: 9%;
  left: 12%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-8-shape-2 {
    bottom: 6%;
    left: 4%;
  }
}

.it-about-shape-1-2 {
  bottom: 18%;
  left: 9%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-about-shape-1-2 {
    display: none;
  }
}

.it-about-thumb-icon-8 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-thumb img {
    width: 100%;
    margin-top: 50%;
  }
}

.it-about-inner-3-area {
  background-color: #EAF4FA;
}
.it-about-inner-3-thumb {
  margin-bottom: 20px;
}
.it-about-inner-3-shape-1 {
  position: absolute;
  top: 16%;
  left: 5%;
  animation: rotate 15s linear infinite;
}
.it-about-inner-3-shape-2 {
  position: absolute;
  bottom: 13%;
  right: 5%;
  animation: rotate 15s linear infinite;
}

/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  margin-top: 100px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-activities-area {
    margin-top: 0;
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.it-activities-item {
  padding: 60px 20px;
  padding-bottom: 75px;
  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-thumb {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 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-thumb {
    display: none;
  }
}
.it-activities-item::after {
  position: absolute;
  content: "";
  background-image: url("/assets/img/Activities/activities-2-1.png");
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  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;
  background-repeat: no-repeat;
  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: 16px;
  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-item-2 {
  padding: 55px 20px;
  padding-bottom: 70px;
  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-2 {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item-2:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item-2-thumb {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 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-2-thumb {
    display: none;
  }
}
.it-activities-item-2::after {
  position: absolute;
  content: "";
  background-image: url("/assets/img/Activities/activities-2-2.png");
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  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;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 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-2::after {
    display: none;
  }
}
.it-activities-item-2 p {
  font-size: 16px;
  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-2 p {
    margin: 0;
  }
}
.it-activities-item-2: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-2:hover .it-activities-icon svg, .it-activities-item-2:hover .it-activities-icon i {
  color: var(--it-theme-2);
}
.it-activities-item-3 {
  padding: 60px 20px;
  padding-bottom: 75px;
  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-3 {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item-3:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item-3-thumb {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 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-3-thumb {
    display: none;
  }
}
.it-activities-item-3::after {
  position: absolute;
  content: "";
  background-image: url("/assets/img/Activities/activities-2-3.png");
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  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;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 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-3::after {
    display: none;
  }
}
.it-activities-item-3 p {
  font-size: 16px;
  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-3 p {
    margin: 0;
  }
}
.it-activities-item-3: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-3:hover .it-activities-icon svg, .it-activities-item-3:hover .it-activities-icon i {
  color: var(--it-theme-2);
}
.it-activities-item-4 {
  padding: 60px 20px;
  padding-bottom: 75px;
  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-4 {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item-4:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item-4-thumb {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 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-4-thumb {
    display: none;
  }
}
.it-activities-item-4::after {
  position: absolute;
  content: "";
  background-image: url("/assets/img/Activities/activities-2-4.png");
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  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;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 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-4::after {
    display: none;
  }
}
.it-activities-item-4 p {
  font-size: 16px;
  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-4 p {
    margin: 0;
  }
}
.it-activities-item-4: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-4:hover .it-activities-icon svg, .it-activities-item-4: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;
  font-size: 20px;
  font-weight: 700;
}
.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 13%;
  left: 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;
  top: 12%;
  right: 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;
  }
}
.it-activities-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 6%;
  animation: zoomIn 0.5s ease-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-activities-shape-3 {
    top: 10%;
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-shape-3 {
    display: none;
  }
}

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

/*----------------------------------------*/
/*  05. blog-sidebar css start
/*----------------------------------------*/
.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  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: 16px;
  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);
}
.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 18px;
  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: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 16px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: var(--it-theme-2);
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-theme-2);
  border-color: var(--it-theme-2);
  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 h2 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 18px;
  text-transform: capitalize;
  color: var(--it-common-white);
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.sidebar-widget-social a {
  height: 52px;
  width: 52px;
  line-height: 52px;
  display: inline-block;
  border-radius: 5px;
  text-align: center;
  font-size: 18px;
  border: 1px solid #F2EBE9;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-social a {
    height: 44px;
    width: 44px;
    line-height: 44px;
  }
}
.sidebar-widget-social a:not(:last-child) {
  margin-right: 10px;
}
.sidebar-widget-social a:hover {
  border: 1px solid var(--it-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-left: 25px;
  text-transform: capitalize;
  padding-right: 60px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 10px;
  border: 1px solid rgba(98, 94, 88, 0.1);
}
@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: 18px;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-right {
    margin-top: 70px;
  }
}
.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;
  right: 35px;
  display: block;
  height: 90px;
  width: 90px;
  text-align: center;
  border-radius: 50%;
  margin-top: -50px;
  background-color: var(--it-theme-4);
  border: 3px solid var(--it-common-white);
}
.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 16px;
  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;
  right: 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 {
  right: -5px;
}
.categories a i {
  position: absolute;
  right: 0;
  transition: 0.3s;
}

.tagcloud a {
  line-height: 1;
  font-size: 16px;
  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-right: 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-right: 5px;
    padding: 13px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 18px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

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

/*----------------------------------------*/
/*  06. blog css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-blog-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-blog-title {
    font-size: 20px;
  }
}
.it-blog-tag {
  position: absolute;
  right: 20px;
  top: 20px;
  border-radius: 20px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
.it-blog-tag-2 {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 3px;
  font-size: 16px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media (max-width: 767px) {
  .it-blog-tag-2 {
    font-size: 13px;
    padding: 6.5px 20px;
    padding-bottom: 6px;
  }
}
.it-blog-tag-2-1 {
  right: 20px;
  position: absolute;
  top: 20px;
  border-radius: 20px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
.it-blog-meta span {
  position: relative;
  padding-left: 28px;
  padding-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-meta span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 16px;
  }
}
.it-blog-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-theme-2);
}
.it-blog-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid var(--it-theme-2);
}
.it-blog-meta span.it-blog-4-meta-oc {
  padding-top: 1px;
}
.it-blog-meta span.it-blog-4-meta-u {
  padding-top: 2px;
}
.it-blog-meta span.it-blog-meta-4-by {
  padding-top: 0px;
}
.it-blog-meta span.it-blog-meta-4-yi {
  padding-top: 4px;
}
.it-blog-meta span.it-blog-meta-4-ic {
  padding-top: 0px;
}
.it-blog-shape-1 {
  position: absolute;
  bottom: 11.5%;
  left: 7%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-section-title-box p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-2-area {
    padding-top: 90px;
    padding-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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-2-area-ds {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.it-blog-2-area .it-blog-text {
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-2-area .it-blog-text {
    font-size: 16px;
  }
}
.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: 18px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow span:hover {
  color: var(--it-theme-2);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow i svg {
  color: var(--it-text-body);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow i svg:hover {
  color: var(--it-theme-2);
}
.it-blog-2-area .it-blog-meta span svg {
  color: var(--it-theme-2);
}
@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: 25px 25px;
  padding-bottom: 25px;
  margin-top: -15px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 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 {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-item:hover {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-item:hover .it-blog-thumb {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-item:hover .it-blog-thumb img {
  transform: scale(1.1);
}
.it-blog-2-item:hover .it-blog-2-content {
  border: 1px solid var(--it-theme-2);
  box-shadow: 0 20px 30px 0 rgba(2, 23, 20, 0.1);
}

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

.it-blog-3-area .it-blog-tag {
  left: 20px;
  right: auto;
}
.it-blog-3-area .it-blog-meta {
  margin-right: none;
  display: flex;
  align-items: center;
}
.it-blog-3-area .it-blog-thumb {
  overflow: hidden;
  transition: all 0.3s ease;
}
.it-blog-3-area .it-blog-thumb:hover img {
  transform: scale(1.1);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-blog-item.d-flex {
    flex-direction: column;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-4-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-blog-4-item {
  padding: 20px;
  background-color: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.1);
  transition: all 0.35s ease;
}
.it-blog-4-item:hover {
  border-color: var(--it-theme-2);
  transform: translateY(-5px);
  box-shadow: 10px rgba(2, 23, 20, 0.1);
}
.it-blog-4-item:hover .it-blog-4-thumb {
  border-radius: 12px;
}
.it-blog-4-item:hover .it-blog-4-thumb img {
  transform: scale(1.1);
}
.it-blog-4-thumb {
  overflow: hidden;
  border-radius: 12px;
}
.it-blog-4-thumb img {
  border-radius: 12px;
  transition: transform 1.35s ease;
}
.it-blog-4-content {
  padding: 30px 0 20px 15px;
}
.it-blog-4-content p {
  font-size: 16px;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .it-blog-4-content p {
    font-size: 14px;
  }
}
.it-blog-4 .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-4 .it-blog-btn .it-btn-yellow span {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
}
.it-blog-4 .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-4-bg-shape-1 {
  height: 320px;
  width: 320px;
  background-color: var(--it-theme-2);
  filter: blur(250px);
  bottom: 20%;
  left: 27%;
  z-index: -1;
  opacity: 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-4-bg-shape-1 {
    opacity: 0.3;
  }
}
.it-blog-4-bg-shape-2 {
  height: 320px;
  width: 320px;
  border-radius: 300px;
  opacity: 0.3;
  background: #F3BA0F;
  filter: blur(250px);
  bottom: 18%;
  right: 12%;
  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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-4-bg-shape-2 {
    opacity: 0.3;
  }
}

.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-2);
  border: 1px solid var(--it-theme-2);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  border: 1px solid var(--it-theme-2);
}

.postbox-video-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 1;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.postbox-video-btn svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 0;
  background: transparent;
}
.postbox-main-thumb a:hover svg {
  color: var(--it-common-white);
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 18px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-left: -20px;
  }
}
.postbox-share span {
  display: inline-block;
  margin-right: 10px;
  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) {
  .postbox-share span {
    font-size: 18px;
  }
}
.postbox-share-social a {
  font-size: 18px;
  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-right: 5px;
}
.postbox-share-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-title {
    font-size: 18px;
  }
}
.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-right: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-tag-content a {
    padding: 0 15px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
  }
}
@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-2);
}
.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-list ul li {
  padding-left: 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: 18px;
  }
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 23px;
}
.postbox-list ul li svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.postbox-list ul li span {
  color: var(--it-common-black);
}
.postbox-list-wrap {
  margin-left: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list-wrap {
    margin-left: 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: 18px;
  }
}
.postbox-list-wrap-2 .postbox-list ul li:not(:last-child) {
  margin-bottom: 12px;
}
.postbox-list.style-2 {
  margin-right: 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-right: 0;
  }
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
.postbox-user-thumb img {
  height: 120px;
  width: 120px;
  border-radius: 50%;
  margin-right: 28px;
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    margin-bottom: 30px;
  }
}
.postbox-user-info .user-title {
  font-size: 20px;
  margin-bottom: 0;
}
.postbox-user-info span {
  font-size: 18px;
  display: flex;
  align-items: center;
}
.postbox-user-info span svg {
  margin-right: 10px;
  display: inline-block;
}
.postbox-user-info p {
  margin-bottom: 0;
  line-height: 1.75;
  margin-right: 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: 18px;
  }
  .postbox-user-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 18px;
    margin-right: 0;
  }
  .postbox-user-info p br {
    display: none;
  }
}
.postbox-user-meta span {
  font-size: 18px;
  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-right: 10px;
  display: inline-block;
}
.postbox-user-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 17px;
  border-right: 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-left: 60px;
}
@media (max-width: 767px) {
  .postbox-comment-content ul li:nth-child(even) {
    margin-left: 0;
  }
}
.postbox-comment .reply {
  transition: 0.3s;
  line-height: 1;
  display: inline-block;
  color: var(--it-theme-1);
}
.postbox-comment .reply span {
  margin-right: 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-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) {
  .postbox-comment-item.course-style .postbox-user-thumb img {
    height: 120px;
    width: 120px;
    margin-right: 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: 18px;
  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: 18px;
    margin-right: 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-right: 13px;
}
.postbox-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.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-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}
.postbox-input-box textarea {
  height: 120px;
  padding-left: 0;
  background-color: transparent;
  border-bottom: 1px solid var(--it-text-body);
}

.it-blog-content-ds {
  padding-top: 20px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-content-ds {
    padding-top: 0px;
  }
}

.it-blog-title-2 {
  font-size: 20px;
}

.it-blog-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-blog-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-2);
  transform: translate(-50%, -50%) scale(1.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-blog-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-2);
}
.it-blog-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}
.it-blog-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-2);
}
.it-blog-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

.it-blog-slider-active {
  overflow: visible !important; /* FIX */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-6-title {
    font-size: 21px !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-6-title {
    font-size: 30px;
  }
}
.it-blog-6-item {
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(--it-common-white);
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}
.it-blog-6-shape-1 {
  position: absolute;
  bottom: 11%;
  right: 11%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-6-shape-1 {
    display: none;
  }
}
.it-blog-6-shape-2 {
  position: absolute;
  top: 50%;
  left: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-6-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-7-area {
    padding-top: 20px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-7-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-7-title {
    font-size: 25px;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-p br {
    display: none;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), 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: 1200px) and (max-width: 1399px) {
  .it-blog-5-area {
    background-image: none !important;
    background-color: var(--it-theme-2);
  }
}

.it-blog-3-inner-shape {
  position: absolute;
  bottom: 22%;
  right: 5%;
  animation: rotate 15s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-8-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-8-title-box {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-8-top-btn {
    margin-bottom: 30px;
  }
}
.it-blog-8-shape-3 {
  position: absolute;
  bottom: 5%;
  left: 11%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-8-shape-3 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-blog-details-left-sidebar {
    padding-top: 60px;
  }
}

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

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

/*----------------------------------------*/
/*  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;
  right: 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;
  }
}
@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 {
  right: -17%;
}
@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 {
  right: -5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(4) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(4) .it-brand-item::after {
  right: -5%;
}
.it-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-active .swiper-slide {
  width: auto;
}

.itbrand-slider-active .swiper-wrapper {
  transition-timing-function: linear !important;
  pointer-events: none;
}

.itbrand-slider-active .swiper-slide img {
  user-select: none;
  -webkit-user-drag: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-2-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.it-brand-3-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 60px 0;
  border-bottom: 1px solid rgba(11, 130, 112, 0.08);
}
.it-brand-3-item:last-child {
  border-bottom: none;
}
.it-brand-3-thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-brand-3-thumb:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -90px;
  transform: translateY(-50%);
  width: 1px;
  height: 80%;
  background: rgba(11, 130, 112, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-thumb:not(:last-child)::after {
    right: -50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-thumb:not(:last-child)::after {
    right: -44px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-brand-3-thumb:not(:last-child)::after {
    right: -135px;
  }
}
.it-brand-3-thumb img {
  opacity: 0.7;
  transition: all 0.3s ease;
  transform: translateY(0);
}
.it-brand-3-thumb:hover img {
  opacity: 1;
  transform: translateY(-10px);
}
@media (max-width: 767px) {
  .it-brand-3-thumb-1, .it-brand-3-thumb-2, .it-brand-3-thumb-3 {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-thumb-1 {
    display: none;
  }
}

.it-brand-4-top-text {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .it-brand-4-top-text {
    gap: 15px;
  }
}
.it-brand-4-top-text::before, .it-brand-4-top-text::after {
  content: "";
  height: 1px;
  width: 100%;
  background: rgba(108, 117, 125, 0.2);
}
.it-brand-4-top-text h2 {
  position: relative;
  padding: 8px 22px;
  margin: 0;
  font-size: 18px;
  line-height: 1;
  color: var(--it-theme-1);
  white-space: nowrap;
  border-radius: 100px;
  border: 1px solid rgba(11, 130, 112, 0.3);
  background: rgba(11, 130, 112, 0.1);
}
.it-brand-4-top-text h2::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 100px;
  background-color: rgba(26, 182, 157, 0.1);
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-4-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

.it-brand-5-area .it-brand-wrap {
  background-color: #0B4E44;
}
.it-brand-5-area .it-brand-wrap .it-brand-item {
  position: relative;
  padding: 5px 20px;
  text-align: center;
}
.it-brand-5-area .it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
.it-brand-5-area .it-brand-wrap > .row:first-of-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-5-area .it-brand-wrap > .row:first-of-type {
    border-bottom: none;
  }
}
.it-brand-5-area .it-section-subtitle {
  padding: 4px 20px;
}
.it-brand-5-area .it-section-subtitle.yellow-style {
  border-radius: 100px;
  border: 1px solid rgba(18, 143, 124, 0.4);
  background: rgba(18, 143, 124, 0.1);
}

.it-brand-6-item {
  padding: 15px 15px;
  padding-right: 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-6-item {
    padding: 13px 15px;
    padding-right: 25px;
  }
}
.it-brand-6-item img {
  margin-right: 15px;
  flex: 0 0 auto;
  height: 50px;
  width: 50px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-brand-6-item img {
    height: 30px;
    width: 30px;
  }
}
.it-brand-6-item span {
  font-size: 24px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-brand-6-item span {
    font-size: 18px;
  }
}
.it-brand-6-area {
  margin-top: -40px;
}
@media (max-width: 767px) {
  .it-brand-6-area {
    margin-top: -28px;
  }
}
.it-brand-6-area .it-brand-6-active {
  padding-bottom: 30px;
}

.it-brand-slider {
  display: flex;
  gap: 60px;
  align-items: center;
}

/*----------------------------------------*/
/*  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;
}
.it-campus-shape-1 {
  position: absolute;
  left: 40%;
  top: 18%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-shape-1 {
    display: none;
  }
}
.it-campus-shape-2 {
  position: absolute;
  right: 10%;
  bottom: 18%;
  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), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-campus-shape-2 {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .it-campus-shape-2 {
    display: none;
  }
}
@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;
  right: 0;
  padding: 0 0 20px 20px;
  border-radius: 0 0 0 70%;
  background-color: var(--it-common-white);
}
.it-campus-arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: -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 {
    left: -40px;
    width: 40px;
    height: 40px;
  }
}
.it-campus-arrow::after {
  content: "";
  position: absolute;
  bottom: -50px;
  right: 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 {
  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;
  }
}

.it-campus-2-experience-box {
  width: 235px;
  height: 89px;
  border-radius: 15px;
  background: var(--it-theme-2);
}
.it-campus-2-experience-box svg {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
  color: var(--it-common-white);
}
.it-campus-2-experience-box-title-number {
  color: var(--it-common-white);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}
.it-campus-2-experience-box-title span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-8-area {
    padding-top: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-8-area {
    padding-bottom: 150px;
  }
}
.it-campus-8-thumb {
  position: relative;
  overflow: hidden;
  width: 402px;
  height: 440px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.3s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-8-thumb {
    width: 100%;
    height: auto;
    margin-top: 70px;
  }
}
.it-campus-8-thumb img {
  object-fit: cover;
  transition: 0.3s all ease;
  width: 100%;
}
.it-campus-8-thumb img:hover {
  transform: scale(1.1);
}
.it-campus-8-thumb.thumb {
  position: absolute;
  right: 49%;
  top: 35%;
  border-radius: 20px;
  overflow: hidden;
  border: 10px solid var(--it-common-white);
}
.it-campus-8-experience-box {
  width: 225px;
  height: 89px;
  border-radius: 15px;
  background: var(--it-theme-2);
  margin-top: 30px;
  margin-left: 20px;
}
.it-campus-8-experience-box svg {
  display: block;
  margin-left: 20px;
  margin-right: 20px;
}
.it-campus-8-experience-box-title-number {
  color: var(--it-common-white);
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 50px;
}
.it-campus-8-experience-box-title span {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  display: block;
}
.it-campus-8-shape-1 {
  position: absolute;
  top: 15%;
  left: 40%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-campus-8-shape-1 {
    top: 42%;
    left: auto;
    right: 20%;
  }
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-campus-8-shape-1 {
    display: none;
  }
}
.it-campus-8-shape-2 {
  position: absolute;
  left: 5%;
  top: 22%;
  animation: 2s ease 0s infinite alternate none running translateX2;
}
.it-campus-8-shape-3 {
  position: absolute;
  bottom: 0%;
  right: 24%;
}

.it-campus-7-style-4-bg-shape {
  width: 60%;
  height: 60%;
  border-radius: 674px;
  opacity: 0.16;
  background: #03594E;
  filter: blur(125px);
  left: 25%;
  top: 10%;
  z-index: -1;
}

/*----------------------------------------*/
/*  09. career css start
/*----------------------------------------*/
.it-career-details-area .postbox-dsc p {
  margin-right: 0;
}
.it-career-details-area .postbox-dsc p span {
  color: var(--it-common-black);
}
.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);
}
.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);
}
.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
}
.it-career-price {
  font-size: 16px;
  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-right: 15px;
  margin-right: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}

/*----------------------------------------*/
/*  10. cart css start
/*----------------------------------------*/
.table-content .table > :not(:first-child) {
  border-top: 0;
}
.table-content table {
  background: var(--it-common-white);
  border-color: #eaedff;
  border-radius: 0;
  border-style: solid;
  border-width: 1px 0 0 1px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}

.table-content .table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eaedff;
}

.table-content .product-quantity {
  float: none;
}

.table-content table td.product-name {
  font-size: 18px;
  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: 18px;
}

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

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

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

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

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

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

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

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 51px;
  padding: 0 30px;
  margin-right: 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: right;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.payment-method .card {
  background-color: var(--it-common-white);
  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: var(--it-common-white);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

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

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

.cart-thumb {
  padding-right: 15px;
}
.cart-title {
  font-size: 15px;
  font-family: var(--it-ff-body);
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-1);
  transition: 0.7s;
  display: inline-block;
}
.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--it-common-black);
}
.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}
.cart-del-icon span {
  transition: 0.3s;
  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: 18px;
}
.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  11. categories css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-categories-area {
    padding-top: 90px;
    padding-bottom: 45px;
  }
}
.it-categories-item {
  padding: 40px 20px;
  padding-bottom: 35px;
  border-radius: 20px;
  margin-bottom: 35px;
  transition: transform 0.5s ease;
  border-radius: 20px;
  border: 1px solid #eff1f3;
  background: var(--it-common-white);
  box-shadow: 0 4px 30px 0 rgba(1, 6, 20, 0.05);
}
.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 {
  width: 80px;
  height: 80px;
  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-categories-item span svg {
    width: 50px;
    height: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-item p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-categories-item p br {
    display: none;
  }
}
.it-categories-item.item-style-1 {
  color: #1ab69d;
  transform: 0.3s;
}
.it-categories-item.item-style-2 {
  color: #f92596;
  transform: 0.3s;
}
.it-categories-item.item-style-3 {
  color: #ff8e0a;
  transform: 0.3s;
}
.it-categories-item.item-style-4 {
  color: #29cc81;
  transform: 0.3s;
}
.it-categories-item.item-style-5 {
  color: #ff4e3e;
  transform: 0.3s;
}
.it-categories-item.item-style-6 {
  color: #2779f0;
  transform: 0.3s;
}
.it-categories-item.item-style-7 {
  color: #f95052;
  transform: 0.3s;
}
.it-categories-item.item-style-8 {
  color: #8e56ff;
  transform: 0.3s;
}
.it-categories-title {
  font-size: 18px;
}
.it-categories-title-2 {
  font-size: 24px;
  margin-bottom: 15px;
}
.it-categories-style-2 .it-categories-item {
  height: 100%;
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 -1px -1px auto;
  transition: 0.3s;
  border: 1px solid rgba(108, 117, 125, 0.1);
}
.it-categories-style-2 .it-categories-item.item-style-1 {
  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-1 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-4 {
  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-4 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-5 {
  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-5 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item.item-style-8 {
  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-8 {
    border-radius: 0;
  }
}
.it-categories-style-2 .it-categories-item:hover {
  background-color: var(--it-theme-2);
}
.it-categories-style-2 .it-categories-item:hover span svg {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-item:hover h3 {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-wrap {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-categories-3-shape-1 {
  position: absolute;
  bottom: 26%;
  left: 8%;
  z-index: -1;
}
.it-categories-3-shape-2 {
  position: absolute;
  top: 27%;
  right: 10.5%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-3-shape-2 {
    top: 4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-categories-section-title-box {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-categories-section-title-box p br {
    display: none;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-categories-item.item-style-1 h3, .it-categories-item.item-style-2 h3, .it-categories-item.item-style-3 h3, .it-categories-item.item-style-5 h3, .it-categories-item.item-style-6 h3, .it-categories-item.item-style-7 h3, .it-categories-item.item-style-8 h3 {
    font-size: 21px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-categories-item.item-style-4 h3 {
    font-size: 20px;
  }
}

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

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-categories-desc br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-categories-desc span {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-2-area {
    padding-top: 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-categories-2-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-categories-2-area {
    padding-top: 90px;
    padding-bottom: 90px;
    background-image: none !important;
    background-color: #edf2f1;
  }
}
.it-categories-2-item {
  background-color: var(--it-common-white);
  padding: 12px;
  border-radius: 20px;
  border: 1px solid transparent;
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.it-categories-2-item:hover {
  border-color: var(--it-theme-2);
}
.it-categories-2-item:hover .it-categories-2-thumb img {
  transform: scale(1.1);
}
.it-categories-2-thumb {
  margin-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
}
.it-categories-2-thumb img {
  transition: transform 0.5s ease;
  width: 100%;
}
.it-categories-2-content {
  padding-top: 10px;
  padding-left: 10px;
}
.it-categories-2-shape-1 {
  bottom: 12%;
  left: 8%;
}
.it-categories-2-shape-2 {
  top: 12%;
  right: 8%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-shape-2 {
    top: auto;
    bottom: 5%;
    right: 0%;
  }
}
.it-categories-2-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--it-common-black);
}

.it-catagories-3-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--it-common-black);
}

.it-categories-5-top-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 6px 18px;
  border-radius: 100px;
  border: 1px solid rgba(18, 143, 124, 0.4);
  background: rgba(18, 143, 124, 0.1);
  font-size: 16px;
}
.it-categories-5-shape-1 {
  position: absolute;
  left: 11%;
  bottom: 10%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.it-categories-5-shape-2 {
  position: absolute;
  right: 11%;
  bottom: 10%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}

.it-categories-8-shape-1 {
  position: absolute;
  left: 7%;
  top: 26%;
}
.it-categories-8-shape-2 {
  position: absolute;
  bottom: -14px;
  left: 10%;
  z-index: -1;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-categories-desc span {
    display: none;
  }
}

/*----------------------------------------*/
/*  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 2em 1em 3.5em;
  position: relative;
  width: auto;
}

.coupon-accordion h3::before {
  content: "\f07b";
  left: 15px;
  top: 13px;
  position: absolute;
  color: var(--it-theme-1);
  font-family: "Font Awesome 5 Pro";
  font-weight: 700;
}

.coupon-accordion > span {
  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: 18px;
  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 0 0;
}

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

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

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

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

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

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

.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: 18px;
  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;
}
.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: 18px;
  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-right: 10px;
  position: relative;
  top: -1px;
  height: 15px;
  width: 15px;
}

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

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

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

.order-notes textarea {
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
  border-radius: 5px;
}

.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-right: medium none;
  border-left: medium none;
  font-size: 14px;
  padding: 15px 0;
  text-align: left;
}
@media (max-width: 767px) {
  .your-order-table table th, .your-order-table table td {
    font-size: 13px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.payment-method .card {
  background-color: var(--it-common-white);
  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: var(--it-common-white);
  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: 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) {
  .coupon-area p {
    font-size: 18px;
  }
}
.coupon-area button.it-btn-orange {
  line-height: 1.4;
}

/*----------------------------------------*/
/*  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: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-choose-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@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-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-choose-left p {
    font-size: 16px;
  }
}
.it-choose-thumb-overly {
  position: absolute;
  top: 50%;
  left: 0;
  right: 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);
}
@media (max-width: 767px) {
  .it-choose-thumb img {
    width: 100%;
  }
}
.it-choose-thumb.style-1 {
  margin-right: 125px;
  transform: rotate(168deg);
}
@media (max-width: 767px) {
  .it-choose-thumb.style-1 {
    margin-right: 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-left: 160px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .it-choose-thumb.style-2 {
    margin-top: 0;
    margin-left: 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%;
  left: 0;
  z-index: -1;
}
.it-choose-shape-2 {
  position: absolute;
  top: -7%;
  left: 1%;
  z-index: -1;
}
.it-choose-shape-3 {
  position: absolute;
  z-index: -1;
  top: 14%;
  right: -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%;
  right: -6%;
  animation: rotate 2s linear infinite;
}
.it-choose-shape-3-1 {
  position: absolute;
  top: 10%;
  right: 20%;
  animation: translateX2 2s infinite alternate;
}
.it-choose-experience-box {
  margin-top: 35px;
  border-radius: 16px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  padding: 30px;
  width: 214px;
  height: 92px;
}
.it-choose-experience-box h2 {
  color: var(--it-theme-2);
  font-size: 40px;
  font-weight: 700;
  line-height: 50px;
}
.it-choose-experience-box span {
  color: var(--it-theme-2);
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}
.it-choose-3-thumb img {
  right: 15%;
  top: 25%;
  position: absolute;
  border-radius: 20px;
  border-radius: 20px;
  border: 8px solid #FDC306;
  background: lightgray 50%/cover no-repeat;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-3-thumb img {
    top: 20%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-3-thumb img {
    right: 3%;
    top: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-3-thumb img {
    right: 7%;
    top: 21%;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-choose-2-area {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.it-choose-2-icon {
  background: var(--it-theme-2);
  height: 80px;
  display: inline-block;
  width: 80px;
  border-radius: 100%;
}
.it-choose-2-icon svg {
  transform: translateY(50%);
}
.it-choose-2-item {
  border-radius: 20px;
  border: 1px solid #EFF1F3;
  background: var(--it-common-white);
  box-shadow: 0 4px 30px 0 rgba(1, 6, 20, 0.05);
  padding: 30px 26px;
  transition: 0.3s;
}
.it-choose-2-item:hover {
  border: 1px solid var(--it-theme-2);
  box-shadow: 0 20px 30px 0 rgba(2, 23, 20, 0.1);
}
.it-choose-2-title {
  font-size: 22px;
  font-weight: 600;
}

.it-choose-3-inner-icon span {
  width: 84px;
  height: 84px;
  background-color: var(--it-theme-2);
  border-radius: 100px;
  display: inline-block;
  line-height: 84px;
}

/*----------------------------------------*/
/*  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-left: 30px;
  padding-right: 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: 16px;
  }
}
.it-contact-wrap .postbox__select .nice-select::after {
  content: "";
  display: block;
  height: 9px;
  pointer-events: none;
  position: absolute;
  right: 30px;
  top: 55%;
  width: 15px;
  border-bottom: 0;
  border-radius: 3px;
  border-left: 9px solid transparent;
  border-right: 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-left: 30px;
  padding-right: 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: 16px;
  }
}
.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);
}
@media only screen and (min-width: 1200px) 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: 18px;
  }
}
.it-contact-info-box span:not(:last-child) {
  margin-bottom: 15px;
}
.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-right: 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-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-3-left {
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left {
    height: auto;
    margin-right: 0;
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-3-left .it-details-title {
    font-size: 22px;
  }
}
.it-contact-3-right {
  margin-left: -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-left: 0;
  }
}
.it-contact-3-right::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -10px;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  z-index: -1;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-contact-3-right::after {
    right: -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-left: 45px;
  position: relative;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li {
    padding-left: 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;
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 16px;
  }
}
@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;
  left: 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-right: 35px;
}
.it-contact-3-area .it-contact-social a:hover {
  color: var(--it-theme-2);
}
.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: 18px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.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);
}
.it-contact-3-style-2 .it-contact-list ul li {
  padding-left: 0;
  display: flex;
  align-items: center;
}
.it-contact-3-style-2 .it-contact-list ul li a {
  padding-left: 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-right: 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;
  left: 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;
  right: -2px;
  height: 100%;
  width: 100%;
  z-index: -2;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}

.it-map-wrapper iframe {
  width: 100%;
  height: 500px;
}

/*----------------------------------------*/
/*  15. course css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-section-title-box {
    margin-bottom: 30px !important;
  }
}
.it-course-content {
  padding: 0px 30px 20px 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: 10px 20px 30px 20px;
  }
}
.it-course-content-3 {
  padding: 45px 30px 45px 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-course-content-3 {
    padding: 30px 20px 30px 15px;
  }
}
.it-course-thumb-2 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 12px 25px 12px 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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-thumb-2 {
    margin: 12px 12px 12px 12px;
  }
}
.it-course-thumb-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
  border-radius: 20px;
}
.it-course-thumb-2 .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb-2 .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-thumb-2 .wishlist-btn-2 {
  position: absolute;
}
@media only screen and (min-width: 1200px) 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-course-thumb-2 .wishlist-btn-2 {
    margin-top: 0;
  }
}
.it-course-thumb-2 .wishlist-btn-3 {
  position: absolute;
  margin-top: 50px;
}
.it-course-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 12px 12px 12px 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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-thumb {
    margin: 12px 12px 12px 12px;
  }
}
.it-course-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
.it-course-thumb .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  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-thumb .wishlist-btn-2 {
  position: absolute;
}
@media only screen and (min-width: 1200px) 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-course-thumb .wishlist-btn-2 {
    margin-top: 0;
  }
}
.it-course-thumb .wishlist-btn-3 {
  position: absolute;
  margin-top: 50px;
}
.it-course-thumb-3 {
  position: relative;
  overflow: hidden;
  margin: 20px;
  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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-thumb-3 {
    margin: 20px;
  }
}
.it-course-thumb-3 img {
  width: 100%;
  height: 210px;
  border-radius: 10px;
  object-fit: cover;
  transition: 1.3s all ease;
}
.it-course-thumb-3 .wishlist-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 35px;
  width: 35px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb-3 .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-thumb-3 .wishlist-btn-2 {
  position: absolute;
}
@media only screen and (min-width: 1200px) 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-course-thumb-3 .wishlist-btn-2 {
    margin-top: 0;
  }
}
.it-course-thumb-3 .wishlist-btn-3 {
  position: absolute;
  margin-top: 50px;
}
.it-course-thumb-8 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  margin: 12px 12px 30px 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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-thumb-8 {
    margin: 20px;
  }
}
.it-course-thumb-8 img {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  object-fit: cover;
  transition: 1.3s all ease;
}
.it-course-thumb-8 .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb-8 .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-thumb-8 .wishlist-btn-2 {
  position: absolute;
}
@media only screen and (min-width: 1200px) 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-course-thumb-8 .wishlist-btn-2 {
    margin-top: 0;
  }
}
.it-course-thumb-8 .wishlist-btn-3 {
  position: absolute;
  margin-top: 50px;
}
.it-course-icon span {
  margin: 0 10px;
}
@media (max-width: 767px) {
  .it-course-icon span {
    margin: 0 5px;
  }
}
.it-course-cart {
  margin-top: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 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-cart .it-btn-theme span span {
    font-size: 16px;
  }
}
.it-course-avatar {
  position: absolute;
  bottom: 20px;
  left: 20px;
  right: 20px;
  z-index: 1;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-course-avatar {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-avatar {
    font-size: 11px;
  }
}
.it-course-author img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.it-course-review span {
  color: var(--it-common-white);
  font-weight: 600;
  margin-left: 5px;
}
.it-course-overly {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(0, 16, 14, 0) 0%, rgba(0, 16, 14, 0.3) 68.72%, rgba(0, 16, 14, 0.8) 100%);
}
.it-course-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  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-course-title {
    font-size: 21px;
  }
}
.it-course-title-2 {
  font-size: 21px;
  margin-top: 15px;
}
.it-course-title-3 {
  margin-top: 30px;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
@media (max-width: 767px) {
  .it-course-title-3 {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-course-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-meta {
    margin-bottom: 30px;
    font-size: 16px;
  }
}
.it-course-meta span svg, .it-course-meta span i {
  margin-top: -4px;
  margin-right: 6px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-meta span svg, .it-course-meta span i {
    height: 16px;
    margin-top: -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-course-meta span {
    font-size: 14px;
  }
}
.it-course-meta span:first-child {
  padding-right: 40px;
  border-right: 1px solid #EFF1F3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-right: 0;
    border-right: none;
  }
}
.it-course-meta-2 span svg, .it-course-meta-2 span i {
  margin-top: -4px;
  margin-right: 6px;
}
.it-course-meta-2 span:first-child {
  padding-right: 30px;
  border-right: 1px solid #EFF1F3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta-2 span:first-child {
    padding-right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-meta-2 span:first-child {
    padding-right: 0;
    border-right: none;
  }
}
.it-course-border {
  border: 1px solid rgba(108, 117, 125, 0.1);
}
.it-course-price-box span {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: var(--it-theme-2);
  margin-left: 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-course-price-box span {
    font-size: 16px;
  }
}
.it-course-price-box del {
  font-size: 16px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-price-box del {
    font-size: 14px;
  }
}
.it-course-item {
  position: relative;
  transition: 0.3s;
  border-radius: 10px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.it-course-item .course-category {
  position: absolute;
  left: 10px;
  top: 10px;
  border-radius: 5px;
  padding: 5px 10px;
  color: var(--it-common-white);
  background-color: var(--it-heading-primary);
  font-size: 16px;
}
.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.1);
  border-radius: 20px;
}
.it-course-item:hover .it-course-thumb-2 img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-course-item:hover .it-course-thumb-3 img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-course-item:hover .it-course-thumb-4 img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-course-item:hover .it-course-thumb-8 img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-course-shape-1 {
  position: absolute;
  top: 8%;
  right: 6%;
  z-index: -1;
  animation: itswing-2 1s 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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-shape-1 {
    display: none;
  }
}
.it-course-shape-2 {
  position: absolute;
  top: 6%;
  left: 7%;
  z-index: -1;
  animation: itswing-2 1s 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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-shape-2 {
    display: none;
  }
}
.it-course-shape-3 {
  position: absolute;
  bottom: 7.5%;
  left: 8%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-2 {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}

.it-coures-content-icon svg {
  margin-top: 0px;
}

.it-coures-content-icon-ds svg {
  margin-top: 7px;
}

.it-courses-meta {
  font-size: 16px;
}
.it-courses-meta svg {
  margin-bottom: 4px;
}

@media (max-width: 767px) {
  .it-course-button-oc {
    margin-top: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-content-oc-2 {
    padding: 0px 20px 20px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-content-oc-2 {
    padding: 20px 20px 20px 20px;
  }
}

.it-course-style-2-shape {
  top: 0;
  right: 10%;
  z-index: -1;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-section-title-box p br {
    display: none;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), 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: 1200px) and (max-width: 1399px) {
  .it-course-5-style-5 {
    background-image: none !important;
    background-color: #EDF2F1;
  }
}

.it-course-2.it-course-style-2 .it-course-item {
  display: flex;
  background: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid #eef1f4;
  box-shadow: 0 4px 30px rgba(1, 6, 20, 0.05);
  overflow: hidden;
  transition: 0.3s;
}
.it-course-2.it-course-style-2 .it-course-item:hover {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-2.it-course-style-2 .it-course-item {
    flex-direction: column;
  }
}
.it-course-2.it-course-style-2 .it-course-item-2 {
  display: flex;
  background: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid #eef1f4;
  box-shadow: 0 4px 30px rgba(1, 6, 20, 0.05);
  overflow: hidden;
  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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-2.it-course-style-2 .it-course-item-2 {
    flex-direction: column;
  }
}
.it-course-2.it-course-style-2 .it-course-item-2:hover {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-2.it-course-style-2 .it-course-item-2:hover img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-course-2.it-course-style-2 .it-course-thumb {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
}
.it-course-2.it-course-style-2 .it-course-thumb img {
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.it-course-2.it-course-style-2 .it-course-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.75) 100%);
  z-index: 2;
}
.it-course-2.it-course-style-2 .course-category {
  position: absolute;
  background: var(--it-theme-2);
  color: var(--it-common-white);
  padding: 6px 14px;
  font-size: 16px;
  border-radius: 6px;
  z-index: 3;
}
.it-course-2.it-course-style-2 .it-course-author {
  position: absolute;
  left: 20px;
  bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 3;
}
.it-course-2.it-course-style-2 .it-course-author span {
  color: #EFF1F3;
  font-family: var(--it-ff-body);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}
.it-course-2.it-course-style-2 .it-course-content-2 {
  padding: 30px 30px 30px 0px;
  flex: 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: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-2.it-course-style-2 .it-course-content-2 {
    padding: 30px 30px 30px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-2.it-course-style-2 .it-course-tab-btn {
    margin-top: 20px;
  }
}

.it-course-2-text {
  font-size: 16px;
}
.it-course-2-rating {
  font-size: 16px;
}

.it-sourse-3-bg-shape-1 {
  width: 400px;
  height: 400px;
  border-radius: 400px;
  opacity: 0.5;
  background: #FEE90A;
  filter: blur(250px);
  top: 22%;
  right: 20%;
  z-index: -1;
}
.it-sourse-3-bg-shape-2 {
  width: 400px;
  height: 400px;
  border-radius: 400px;
  opacity: 0.5;
  background: var(--it-theme-2);
  filter: blur(250px);
  bottom: 22%;
  left: 20%;
  z-index: -1;
}

.it-course-4-meta-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.it-course-4-meta-btn .wishlist-btn {
  position: static;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: var(--it-common-white);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease;
}
.it-course-4-meta-btn .wishlist-btn svg {
  width: 14px;
  height: 14px;
}
.it-course-4-meta-btn .wishlist-btn:hover {
  transform: translateY(-2px);
}
.it-course-4-2-shape.p-absolute {
  right: 11%;
  top: 24%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-course-4-title {
  margin: 0 15px;
}
@media (max-width: 767px) {
  .it-course-4-title {
    margin: 0 10px;
    font-size: 16px;
  }
}

.it-course-5-style-5 .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 rgba(1, 6, 20, 0.1);
  transition: 0.3s;
}
.it-course-5-style-5 .it-course-item:hover {
  border-color: var(--it-theme-2);
}
.it-course-5-style-5 .it-course-thumb {
  margin: 0;
  border-radius: 20px;
  border: 1px solid transparent;
  transition: 0.3s;
}
.it-course-5-style-5 .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-5-style-5 .it-course-content {
    padding: 0;
    padding-top: 27px;
  }
}
.it-course-5-style-5 .it-course-title {
  margin-bottom: 15px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-5-style-5 .it-course-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-5-style-5 .it-course-title {
    font-size: 22px;
  }
}
.it-course-5-style-5 .it-course-meta-wrap {
  margin-bottom: 15px;
}
.it-course-5-style-5 .it-course-meta span {
  display: block;
  margin-bottom: 15px;
  border: none;
  padding-right: 0px;
}
.it-course-5-badges {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
}
.it-course-5-badges .it-course-5-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  white-space: nowrap;
  color: var(--it-common-black);
  background: var(--it-common-white);
  border-radius: 30px;
  border: 1px solid #EFF1F3;
  transition: 0.3s;
}
.it-course-5-badges .it-course-5-badge:hover {
  border-radius: 20px;
  background: rgba(65, 145, 120, 0.2);
}
.it-course-5-border {
  border-bottom: 1px solid #EFF1F3;
  margin-bottom: 20px;
}

.it-course-7-top-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 18px;
  border-radius: 100px;
  border: 1px solid rgba(18, 143, 124, 0.4);
  background: rgba(18, 143, 124, 0.1);
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  color: #128f7c;
}
.it-course-7-top-text h2 {
  margin-bottom: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-7-style-7 {
    padding-top: 0;
    padding-bottom: 70px;
  }
}
.it-course-7-style-7 .it-course-tab-btn .nav {
  gap: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-7-style-7 .it-course-tab-btn .nav {
    gap: 25px;
  }
}
.it-course-7-style-7 .it-course-tab-btn .nav-link {
  background: transparent;
  border: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 600;
  color: #6A747C;
  position: relative;
  transition: all 0.3s ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-7-style-7 .it-course-tab-btn .nav-link {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-course-7-style-7 .it-course-tab-btn .nav-link {
    font-size: 16px;
    margin-left: -10px;
  }
}
.it-course-7-style-7 .it-course-tab-btn .nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background: var(--it-common-black);
  transition: 0.3s;
}
.it-course-7-style-7 .it-course-tab-btn .nav-link:hover {
  color: var(--it-common-black);
}
.it-course-7-style-7 .it-course-tab-btn .nav-link.active {
  color: var(--it-common-black);
}
.it-course-7-style-7 .it-course-tab-btn .nav-link.active::after {
  width: 100%;
}
.it-course-7-style-7-desc {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-7-style-7-desc br {
    display: none;
  }
}
.it-course-7-style-7-bg-shape {
  width: 674px;
  height: 674px;
  border-radius: 674px;
  opacity: 0.16;
  background: #03594E;
  filter: blur(125px);
  left: 40%;
  top: 20%;
  z-index: -1;
}
.it-course-7-item .course-category {
  border-radius: 10px;
  padding: 5px 10px;
  font-size: 14px;
}
.it-course-7-item .it-course-content {
  padding: 40px 30px;
}
.it-course-7-item .it-course-thumb {
  border-radius: 20px;
}
.it-course-7-item .it-course-thumb .wishlist-btn {
  height: 30px;
  width: 30px;
}
.it-course-7-item .it-course-thumb a img {
  width: 250px;
  height: 210px;
}
.it-course-7-item .it-course-content {
  padding: 30px 30px 30px 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-7-item .it-course-content {
    padding-right: 30px;
    padding-left: 30px;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .it-course-7-item .it-course-content {
    padding: 20px 30px 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-7-item .it-course-content {
    padding: 30px 30px 40px 10px;
  }
}
.it-course-7-item .it-course-content-1 {
  padding-top: 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-course-7-item .it-course-content-1 {
    padding-top: 30px;
  }
}
.it-course-7-rating {
  font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-7-rating {
    font-size: 16px;
  }
}
@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: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-7-title {
    font-size: 21px;
  }
}

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

.it-course-rating i {
  color: var(--it-theme-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-course-rating i {
    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), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-8-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
.it-course-8-shape-1 {
  position: absolute;
  bottom: 11%;
  left: 12%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-8-shape-1 {
    display: none;
  }
}
.it-course-8-shape-2 {
  position: absolute;
  bottom: 5%;
  right: 11%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-8-shape-2 {
    display: none;
  }
}
.it-course-8-shape-3 {
  position: absolute;
  bottom: 5%;
  left: 11%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-course-8-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-8-title {
    font-size: 22px;
  }
}

@media (max-width: 767px) {
  .it-course-8-title-box {
    margin-bottom: 0px !important;
  }
}

.it-courses-inner-shape-1 {
  position: absolute;
  bottom: 8%;
  left: 11%;
  z-index: -1;
}

.it-course-7-rating {
  margin-top: 20px;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-content-oc {
    padding: 0px 20px 20px 30px;
  }
}

@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: 1200px) and (max-width: 1399px) {
  .it-course-title-oc {
    margin-top: 10px;
  }
}

.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-2);
}
.it-course-details-list ul li {
  margin-bottom: 20px;
}

.it-course-faq-top-text a {
  color: var(--it-theme-2);
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-courses-date-3 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-courses-date-3 svg {
    width: 18px;
    height: 18px;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-courses-3-location {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-courses-3-location svg {
    width: 18px;
    height: 18px;
  }
}

.it-course-sidebar {
  border-radius: 20px;
  background: linear-gradient(180deg, #30193E 0%, #0A4D43 100%);
  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 .price-section .price {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
.it-course-sidebar .price-section .old-price {
  font-size: 18px;
  font-weight: 600;
  text-decoration: line-through;
  color: var(--it-common-white);
}
.it-course-sidebar .price-section .discount {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}
.it-course-sidebar .price-section .time-left {
  font-size: 16px;
  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;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-sidebar .price-section .time-left {
    padding: 12px 10px;
  }
}
.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: 18px;
  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: 16px;
  font-weight: 400;
}
.it-course-sidebar .coupon-section .coupon-input input {
  height: 50px;
  line-height: 50%;
  font-size: 18px;
  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-left: 30px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
  color: var(--it-common-white);
}
.it-course-sidebar .course-info ul li:not(:last-child) {
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
  color: var(--it-common-white);
}
.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%;
  left: 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;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-sidebar .social-section a {
    margin-top: 28px;
    margin-left: 20px;
  }
}
.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: 18px;
  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-right: 3px;
  display: inline-block;
}
.it-course-sidebar .contact-section-wrap {
  border-radius: 0 0 20px 20px;
}
.it-course-sidebar p {
  font-size: 16px;
  text-align: center;
  color: var(--it-common-black);
}
.it-course-sidebar p svg {
  display: inline-block;
  margin-top: -3px;
  margin-right: 4px;
  color: var(--it-common-white);
}
.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-right: 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;
}
.it-course-details-style-2 .it-course-sidebar {
  margin-top: -481px;
}
@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);
}
.it-course-details-nav-box nav ul li.current {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.it-course-details-style-3 .it-course-sidebar-thumb {
  border: 5px solid var(--it-common-white);
  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-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 {
  transform: translateX(2px);
  display: inline-block;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon svg {
    height: 15px;
    width: 15px;
    padding-left: 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-right: 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-right: 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-right: 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: 90px;
  width: 90px;
  line-height: 90px;
}
@media 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-left: 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;
}
@media (max-width: 767px) {
  .it-details-title {
    font-size: 25px;
  }
}
.it-details-title-sm {
  font-size: 24px;
  color: var(--it-common-white);
}
.it-details-list.style-2 {
  margin-left: -11px;
}
@media (max-width: 767px) {
  .it-details-list.style-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-details-list ul li {
  color: var(--it-common-white);
  list-style-type: none;
}
.it-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-details-list ul li span {
  position: relative;
  padding-left: 30px;
  display: inline-block;
  color: var(--it-common-black);
}
.it-details-list ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-2);
}

.it-progress-bar-item {
  position: relative;
  padding: 0 60px;
}
.it-progress-bar-item span {
  position: absolute;
  top: 0;
  right: 0;
}
.it-progress-bar-item label {
  position: absolute;
  top: 0;
  left: 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;
}

.it-course-requirement {
  padding: 0px 30px;
  margin-top: 20px;
}
.it-course-requirement-title {
  color: var(--it-common-white);
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
.it-course-requirement-2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.it-course-requirement ul li {
  color: var(--it-common-white);
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.it-course-certificate {
  padding: 0px 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.it-course-certificate-title {
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}

.it-course-4-title {
  font-size: 14px;
}

/*----------------------------------------*/
/*  16. cta css start
/*----------------------------------------*/
.it-cta-bg {
  position: relative;
}
.it-cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  left: 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%;
  left: 53%;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
  display: inline-block;
  transform: translateY(-50%);
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap .separator {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-cta-wrap .separator {
    display: none;
  }
}
.it-cta-wrap .separator::before {
  content: "";
  top: -45px;
  left: 0;
  right: 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;
  left: 0;
  right: 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);
}
@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: 18px;
  }
}
.it-cta-content span svg {
  margin-top: -9px;
  margin-right: 10px;
  display: inline-block;
}
.it-cta-content a {
  font-size: 28px;
  color: var(--it-common-white);
}
@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-3-area {
  position: relative;
  background: var(--it-theme-2);
  border-radius: 14px;
  padding: 60px 40px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-3-area {
    padding-top: 0px;
    padding-bottom: 90px;
  }
}
.it-cta-3-title {
  color: var(--it-common-white);
  font-size: 28px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .it-cta-3-title br {
    display: none;
  }
}
.it-cta-3-shape-1 {
  position: absolute;
  right: 11%;
  top: 3%;
  animation: rotate 15s linear infinite;
}
.it-cta-3-shape-2 {
  position: absolute;
  top: 15%;
  right: 13%;
}
.it-cta-3-shape-3 {
  position: absolute;
  left: 11%;
  bottom: 6%;
  animation: rotate 15s linear infinite;
}

/*----------------------------------------*/
/*  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;
}
@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;
}
@media only screen and (min-width: 1200px) 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: 18px;
  }
}
.it-error-content .it-btn-yellow.theme-bg i {
  margin-left: 0;
  margin-right: 9px;
}
.it-error-shape-1 {
  position: absolute;
  z-index: -1;
  top: 33%;
  left: 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);
    left: 2%;
  }
}
@media (max-width: 767px) {
  .it-error-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  18. event css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-event-shape-1 {
  position: absolute;
  top: -10%;
  left: 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-btn .theme-bg-2 {
  transition: 1.3s;
}
.it-event-btn .theme-bg-2:hover {
  background-color: var(--it-theme-2);
}
.it-event-btn .theme-bg-2:hover span span {
  color: var(--it-common-white);
}
.it-event-btn .theme-bg-2:hover svg {
  color: var(--it-common-white);
}
.it-event-thumb {
  overflow: hidden;
}
.it-event-thumb img {
  transition: 1.3s all ease;
}
.it-event-item {
  padding: 15px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  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: rgba(11, 130, 112, 0.12);
}
.it-event-item .it-btn-yellow span span {
  color: var(--it-theme-2);
}
.it-event-item .it-btn-yellow svg {
  color: var(--it-theme-2);
}
.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 {
  color: var(--it-theme-2);
}
.it-event-item:hover .it-event-thumb img {
  transform: scale(1.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-title {
    font-size: 18px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-section-title-box p br {
    display: none;
  }
}
.it-event-date {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  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 {
    left: 20px;
    border-radius: 5px;
    padding: 7px 15px;
    font-size: 16px;
  }
}
.it-event-meta span {
  position: relative;
  padding-left: 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: 16px;
  }
}
.it-event-meta span svg {
  position: absolute;
  top: 0;
  left: 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: 16px;
  margin-bottom: 0;
  padding-left: 24px;
  display: inline-block;
}
.it-event-inner-style-2 .it-event-meta span:first-child {
  margin-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-inner-style-2 .it-event-meta span:first-child {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-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-left: -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-left: 0;
  }
}
@media (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-inner-style-2 .it-event-content {
    margin-left: 0;
    margin-top: 0;
  }
}
.it-event-inner-style-3 .it-title-shape {
  left: 0 !important;
}
.it-event-area.blog-inner-style .it-event-item {
  background-color: var(--it-gray-1);
}
.it-event-title {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.2;
  color: var(--it-common-black);
}

a.it-event-btn-2.it-btn-yellow {
  background: none;
}
a.it-event-btn-2.it-btn-yellow:hover {
  color: var(--it-theme-2);
  background: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
@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 {
  border-radius: 12px;
  transition: 1.3s all ease;
}
.it-event-2-thumb:hover {
  border-color: var(--it-theme-2);
}
.it-event-2-thumb:hover .it-event-2-thumb img {
  transform: scale(1.1);
}
.it-event-2-content {
  padding: 0px 10px 0px 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-content p span {
    display: none;
  }
}
.it-event-2-title {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-2-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-title {
    font-size: 24px;
  }
}
@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: 16px;
  }
}
@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 {
  padding-right: 50px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 12px;
    padding-right: 13px;
    border: none;
  }
}
@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-right: 3px;
  margin-top: -5px;
  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-bg-shape-1 {
  width: 200px;
  height: 200px;
  background-color: #F3BA0F;
  opacity: 0.6;
  filter: blur(150px);
  bottom: 38%;
  right: 20%;
}
.it-event-2-bg-shape-2 {
  width: 200px;
  height: 200px;
  background-color: var(--it-theme-2);
  opacity: 0.6;
  filter: blur(150px);
  bottom: 30%;
  left: 20%;
}
.it-event-2-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 9%;
  left: 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-event-2-shape-1 {
    display: none;
  }
}
.it-event-2-item {
  padding: 20px 20px 30px 20px;
  border-radius: 20px;
  transition: 0.3s;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-event-2-item .theme-btn {
  padding: 0;
  background-color: transparent;
}
.it-event-2-item .theme-btn span, .it-event-2-item .theme-btn svg {
  font-size: 18px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-item .theme-btn span, .it-event-2-item .theme-btn svg {
    font-size: 16px;
  }
}
.it-event-2-item .it-btn-even-sm {
  padding: 13px 20px;
}
.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.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-top-btn {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-event-2-top-btn {
    margin-bottom: 40px;
    margin-top: 0;
  }
}
.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-2-meta span:first-child {
  margin-bottom: 0;
  padding-right: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-meta span:first-child {
    padding-right: 12px;
  }
}
@media (max-width: 767px) {
  .it-event-2-meta span:first-child {
    padding-right: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span:first-child {
    padding-right: 20%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-evrnt-area-2 {
    background-image: none !important;
    background-color: #021A16;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-evrnt-area-2 {
    background-image: none !important;
    background-color: #021A16;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-section-title-wraper p br {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-event-btn-e-2 {
    margin-top: 0px;
  }
}

.it-event-item-oc {
  display: flex;
  background: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid #eef1f4;
  box-shadow: 0 4px 30px rgba(1, 6, 20, 0.05);
  overflow: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-item-oc {
    flex-direction: column;
  }
}
.it-event-item-oc:hover {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-item-oc:hover img {
  transform: scale(1.1);
  border-radius: 20px;
}
.it-event-thumb-3 {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
  transition: 0.3s all ease;
  margin: 12px 25px 12px 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-event-thumb-3 {
    margin: 15px;
  }
}
.it-event-thumb-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: 0.3s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-thumb-3 img {
    width: 100%;
    height: 350px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-thumb-3 img {
    width: 100%;
    height: 240px;
  }
}
.it-event-content-oc {
  padding: 32px 30px 32px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-content-oc {
    padding: 32px 30px 32px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-content-oc {
    padding: 20px 30px 32px 30px;
  }
}
@media (max-width: 767px) {
  .it-event-content-oc {
    padding: 22px 20px 32px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-content-oc {
    padding: 20px 10px 20px 10px;
  }
}
.it-event-title-oc {
  margin-top: 20px;
  color: #021A16;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-title-oc {
    margin-top: 16px;
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.it-event-text-oc {
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 30px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-text-oc {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
  }
}
.it-event-meta-3 {
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-meta-3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-meta-3 {
    font-size: 14px;
  }
}
.it-event-meta-3 svg {
  transform: translateY(-3px);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-meta-3 svg {
    height: 18px;
  }
}
.it-event-content-icon {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-content-icon {
    display: block;
    text-align: left;
    justify-content: left;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-8-area {
    padding-top: 90px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-8-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-8-title {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-event-8-title {
    font-size: 23px;
  }
}
.it-event-8-shape-1 {
  position: absolute;
  bottom: 11%;
  left: 12%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-8-shape-1 {
    bottom: 10%;
    left: 1%;
  }
}
.it-event-8-shape-2 {
  position: absolute;
  bottom: 7%;
  right: 12%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-8-shape-2 {
    bottom: 6%;
    right: 3%;
  }
}
.it-event-8-shape-3 {
  position: absolute;
  top: 29%;
  right: 8%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-8-shape-3 {
    top: 17%;
    right: 4%;
  }
}

.it-event-countdown-time > div > div {
  font-size: 16px;
  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: 16px;
    margin: 0 9px;
  }
}
.it-event-countdown-time > div > div span {
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  color: #F8C62F;
}
.it-event-countdown-time > div > div span.countdown-heading {
  font-size: 16px;
  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;
  right: 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-right: 20px;
}
@media (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-bottom: 50px;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-details-meetup.style-1 {
    margin-right: 20px;
    margin-bottom: 0;
  }
}
.it-event-details-meetup.style-2 {
  padding-right: 50px;
}
.it-event-details-meetup.style-2::after {
  background-color: #E3E3E3;
}
.it-event-details-meetup::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--it-theme-2);
}
.it-event-details-meetup .date {
  font-size: 24px;
  margin-bottom: 0;
}
.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-2);
  background: rgba(3, 89, 78, 0.1);
  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: 16px;
    padding: 0 20px;
    height: 46px;
    line-height: 50px;
  }
}
.it-event-details-time-box span {
  display: block;
  font-size: 16px;
}
.it-event-details-time-box span svg {
  margin-right: 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: 16px;
  }
}
.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;
    margin-top: 28px;
    margin-left: 20px;
  }
}
@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: 16px;
  }
}
@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-right: 0;
  }
}
.it-event-details-area .postbox-dsc p {
  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-event-details-area .postbox-dsc p {
    margin-right: 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;
  }
}

/*----------------------------------------*/
/*  19. faq css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-faq-area {
    padding-top: 90px;
    padding-bottom: 100px;
  }
}
.it-faq-thumb-2 {
  position: absolute;
  right: auto;
  left: -2.5%;
  bottom: -10%;
  border-radius: 20px;
  border: 8px solid var(--it-common-white);
  background: url(<path-to-image>) lightgray -69.806px 0px/148.467% 100% no-repeat;
  animation: updown 1s infinite alternate;
}

.it-faq-bg-shape-2 {
  height: 400px;
  width: 400px;
  background-color: var(--it-theme-2);
  filter: blur(250px);
  top: 28%;
  right: 25%;
  border-radius: 400px;
  opacity: 0.5;
}

.it-faq-shape-1 {
  position: absolute;
  right: 11.5%;
  bottom: 13%;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-2-ds {
    padding-bottom: 120px;
  }
}
.it-faq-2-img-1 {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
  border-radius: 0 150px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-faq-2-img-2 {
  width: 100%;
  height: 100%;
  border-radius: 120px 0;
  background: url(<path-to-image>) lightgray -237.147px 0px/183.081% 110.625% no-repeat;
}
.it-faq-2-img-3 {
  width: 100%;
  height: 100%;
  margin-bottom: 30px;
  border-radius: 120px 0;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-faq-2-img-4 {
  width: 100%;
  height: 100%;
  border-radius: 0 150px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-faq-2-img-shape-1 {
  right: 0;
  bottom: -15%;
  z-index: -1;
}
.it-faq-2-shape-1 {
  position: absolute;
  right: 11%;
  top: 15%;
  z-index: -1;
  animation: flap 0.9s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-2-shape-1 {
    right: 1%;
    top: 1%;
  }
}
@media (max-width: 767px) {
  .it-faq-2-shape-1 {
    display: none;
  }
}
.it-faq-2-shape-2 {
  position: absolute;
  right: 6%;
  bottom: 45%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-faq-2-shape-2 {
    display: none;
  }
}
.it-faq-2-style-3-img-1 {
  border-radius: 90px 90px 5px 90px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
  margin-bottom: 35px;
}
.it-faq-2-style-3-img-2 {
  border-radius: 90px 5px 90px 90px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.it-faq-2-style-3-img-3 {
  width: 303px;
  height: 415px;
  top: 30%;
  border-radius: 90px 90px 90px 8px;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-style-3-img-3 {
    width: 45%;
    height: 45%;
    top: 37%;
    border-radius: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-faq-2-style-3-img-3 {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 15px;
  }
}
.it-faq-2-style-3-shape-1 {
  position: absolute;
  right: 51%;
  top: 25%;
  z-index: -1;
  animation: flap 0.9s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-style-3-shape-1 {
    right: 39%;
    top: 21%;
  }
}
.it-faq-2-style-3-shape-2 {
  position: absolute;
  right: 19%;
  bottom: 16%;
  z-index: -1;
  animation: flap 0.9s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-2-style-3-shape-2 {
    right: 10%;
    top: 16%;
  }
}

.it-faq-shape-3 {
  right: 12%;
  bottom: 14%;
  animation: rotate 15s linear infinite;
}

.it-faq-area .it-about-2-left {
  padding-left: 35px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-area .it-about-2-left {
    margin-inline-start: 20px;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-area .it-about-2-left {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-area .it-about-2-left {
    padding: 0;
    margin: 0;
  }
  .it-faq-area .it-about-2-left img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-left {
    padding: 0;
    margin: 0;
  }
  .it-faq-area .it-about-2-left img {
    width: 100%;
  }
}
.it-faq-area .it-about-2-thumb-sm {
  right: auto;
  left: -1.5%;
  bottom: 2%;
  border-left: none;
  border-top: 10px solid var(--it-common-white);
  border-right: 12px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-thumb-sm {
    left: 0;
    animation: unset;
  }
}
.it-faq-area .it-about-2-shape-7 {
  left: auto;
  right: -12%;
  animation: zoom 3s infinite;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-faq-area-2 {
    padding-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-left {
    margin-right: 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;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-faq-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 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);
  border-radius: 4px;
  border: 1px solid var(--it-theme-2);
  padding: 10px;
}
.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: 12px;
  border: 1px solid #EFF1F3;
  background: var(--it-common-white);
  box-shadow: 0 4px 30px 0 rgba(1, 6, 20, 0.05);
}
.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: 18px;
  }
}
.it-faq-inner-style .it-custom-accordion .accordion-body p {
  margin-right: 15px;
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-body p {
    margin-right: 0;
    font-size: 16px;
  }
}

.it-faq-tab-content {
  border-radius: 16px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  box-shadow: 0 2px 30px 0 rgba(14, 43, 38, 0.08);
  padding: 30px;
}
.it-faq-tab-content-title {
  color: #021A16;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
}
.it-faq-tab-content ul li {
  margin-bottom: 14px;
}
.it-faq-tab-content ul li a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0;
  padding-left: 0;
  color: #5F6D6A;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
  transition: all 0.3s ease;
}
.it-faq-tab-content ul li a svg {
  position: absolute;
  left: -26px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: all 0.3s ease;
}
.it-faq-tab-content ul li a:hover {
  color: var(--it-theme-2);
  padding-left: 32px;
}
.it-faq-tab-content ul li a:hover svg {
  left: 0;
  opacity: 1;
}

/*----------------------------------------*/
/*  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-right: 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-right: 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: 16px;
  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: 16px;
  }
}
.it-feature-content a {
  font-size: 16px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-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: 20px 0 0 20px;
}
@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: 0 20px 20px 0;
}
@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;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-feature-6-wrap {
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
.it-feature-6-wrap {
  border-radius: 20px;
}
.it-feature-6-item {
  text-align: center;
  padding-top: 11%;
}
.it-feature-6-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-feature-6-icon-2 {
  background: rgba(253, 155, 7, 0.3);
}
.it-feature-6-icon-3 {
  background: rgba(205, 217, 64, 0.2);
}
.it-feature-6-icon span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-feature-6-content h2 {
  color: #F7F7F7;
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
}
.it-feature-6-content-p {
  color: #F7F7F7;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
}

/*----------------------------------------*/
/*  21. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-right: 40px;
  }
}
.it-footer-col-1-2 {
  margin-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-2 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-col-1-3 {
  margin-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-1-3 {
    margin-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-1-3 {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-1-3 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-1-4 {
    margin-left: 30px;
  }
}
.it-footer-widget-title {
  font-size: 24px;
  line-height: 1.28;
  margin-top: 6px;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 22px;
  }
}
.it-footer-widget-text p {
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-text p {
    font-size: 15px;
    margin-right: 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: 15px;
    margin-right: -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: 15px;
    margin-right: 0;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 15px;
}
.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: 15px;
  }
}
.it-footer-widget-menu ul li a:hover {
  color: var(--it-common-white);
}
.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 15px;
  margin-right: 10px;
  background-color: var(--it-common-white);
}
.it-footer-widget-menu-2 ul li {
  list-style-type: none;
}
.it-footer-widget-menu-2 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-2 ul li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.it-footer-widget-menu-2 ul li a {
  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-footer-widget-menu-2 ul li a {
    font-size: 16px;
  }
}
.it-footer-widget-menu-2 ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
}
.it-footer-widget-menu-2 ul li a:hover {
  color: var(--it-theme-2);
}
.it-footer-widget-menu-2 ul li a:hover::before {
  opacity: 1;
  width: 15px;
  margin-right: 10px;
  background-color: var(--it-theme-2);
}
.it-footer-widget-contact ul li {
  display: flex;
  align-items: start;
  list-style-type: none;
  line-height: 1;
}
.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-right: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-contact ul li a {
    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 br {
    display: none;
  }
}
.it-footer-widget-contact ul li a:hover {
  color: currentColor;
}
.it-footer-widget-contact-style-2 ul li span {
  color: #021A16;
}
.it-footer-widget-social {
  display: flex;
  align-items: center;
  text-align: center;
}
.it-footer-widget-social a {
  padding: 10px 12px;
  transition: 0.3s;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.12);
  z-index: 11;
}
.it-footer-widget-social a:not(:last-child) {
  margin-right: 7px;
}
.it-footer-widget-social a svg {
  margin: 0;
  width: 20px;
  height: 19px;
}
.it-footer-widget-social a:hover {
  background-color: var(--it-theme-2);
}
.it-footer-widget .style-2 a {
  background: #F7F7F7;
  border: 1px solid rgba(108, 117, 125, 0.1);
  transition: 0.3s;
}
.it-footer-widget-post-item {
  display: flex;
  align-items: center;
}
.it-footer-widget-post-thumb {
  margin-right: 12px;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.it-footer-widget-post-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.it-footer-widget-post-content span {
  color: #6A747C;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
.it-footer-widget-post-content .title {
  font-size: 18px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-post-content .title {
    font-size: 14px;
    line-height: 1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-post-content .title {
    font-size: 16px;
    line-height: 1;
  }
}
.it-footer-area {
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-area {
    padding-bottom: 60px;
  }
}
.it-footer-shape-1 {
  position: absolute;
  right: 3%;
  bottom: 18%;
  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), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-shape-1 {
    display: none;
  }
}

.it-footer-style-2 .it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 15px;
  margin-right: 10px;
  background-color: var(--it-theme-2);
}

.it-footer-widget-social a svg:hover {
  color: var(--it-common-white);
}

.it-copyright-area {
  position: relative;
  background: var(--it-theme-4);
  overflow: hidden;
}
.it-copyright-area::after {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 53%;
  height: 102%;
  background: var(--it-theme-2);
  clip-path: polygon(6% 0, 100% 0, 100% 100%, 0% 100%);
  z-index: 0;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-area::after {
    display: none;
  }
}
.it-copyright-area .container {
  position: relative;
  z-index: 2;
}
.it-copyright-area-style-3 {
  background: var(--it-theme-1);
}
.it-copyright-area-style-3 .it-copyright-style-3-left p {
  color: var(--it-common-white);
}
.it-copyright-area-style-3 .it-copyright-style-3-left p a {
  color: var(--it-theme-4);
}
.it-copyright-ptb {
  padding: 14px 0;
}
.it-copyright-left p {
  color: var(--it-common-black);
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: var(--it-common-black);
  font-weight: 600;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-left p a {
    color: var(--it-theme-2);
    font-weight: 800;
  }
}
.it-copyright-menu a {
  color: var(--it-common-white);
  font-size: 16px;
  margin: 0 6px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-menu a {
    color: var(--it-common-black);
  }
}
@media (max-width: 767px) {
  .it-copyright-menu a {
    font-size: 14px;
    color: var(--it-common-black);
  }
}
.it-copyright-menu span {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 4px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-menu span {
    color: var(--it-common-black);
  }
}
.it-copyright-menu-white a {
  color: var(--it-common-white);
  font-size: 16px;
  margin: 0 6px;
  transition: 0.3s;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-menu-white a {
    color: var(--it-common-white);
  }
}
.it-copyright-menu-white span {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 4px;
}
.it-copyright-style-2-text p {
  color: var(--it-common-white);
}
.it-copyright-style-2-text p a {
  color: var(--it-theme-4);
  text-decoration: underline;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-style-3-left p {
    font-size: 16px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-style-3-left p a {
    font-size: 16px;
  }
}

.image-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.image-gallery img {
  width: calc(33.333% - 7px); /* 3 ta kore */
  height: 70px;
  object-fit: cover;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
}

.it-footer-widget-social a:hover {
  color: var(--it-common-white);
  z-index: 11;
  background: var(--it-heading-primary);
}

.it-footer-widget-title-dl {
  margin-bottom: 17px;
}

.it-footer-widget-logo img {
  width: 220px;
}

/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding-left: 12px;
}
.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(254, 233, 11, 0.12);
}
.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), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
.it-funfact-content.style-5 {
  display: flex;
  width: 303px;
  height: 160px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid var(--Dark-dark_6, #EFF1F3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-content.style-5 {
    height: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-funfact-content.style-5 {
    margin-bottom: 19px;
  }
}
@media (max-width: 767px) {
  .it-funfact-content.style-5 {
    width: 100%;
  }
}
.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-number.style-5 {
  color: var(--it-heading-primary);
  text-align: center;
  font-family: var(--it-ff-body);
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}
.it-funfact-item {
  border: 2px solid rgba(255, 255, 255, 0.08);
  border-left: none;
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-funfact-style-2 {
  height: 300.002px;
  background-color: var(--it-common-black);
  clip-path: path("M0 250.002V0.00239918C0 0.00239918 291.534 50.0024 480 50.0024C668.466 50.0024 771.535 0.408102 960 0.00253565C1148.59 -0.403308 1251.94 48.0441 1440.54 48.0024C1628.71 47.9608 1920 0.00239918 1920 0.00239918V250.002C1920 250.002 1628.47 300.002 1440 300.002C1251.53 300.002 1148.47 250.002 960 250.002C771.534 250.002 668.466 300.002 480 300.002C291.534 300.002 0 250.002 0 250.002Z");
}
.it-funfact-style-2 .it-funfact-item {
  padding: 120px 35px;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 120px 10px;
  }
}
.it-funfact-style-2 .it-funfact-item.style-4 {
  border-right: none;
}
.it-funfact-shape-1 {
  position: absolute;
  top: 0%;
  left: 2.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
.it-funfact-shape-2 {
  position: absolute;
  top: -3%;
  right: 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), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}

/* ======================================
   FUNFACT HORIZONTAL BAR (IMAGE 1 STYLE)
====================================== */
.it-funfact-2-area.it-funfact-5-area {
  background-color: #0b5d52;
  padding: 35px 0;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 26px 30px;
  height: 100%;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  border-top: none;
  border-bottom: none;
  /* remove last divider */
  /* ===== icon ===== */
  /* ===== content ===== */
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area.it-funfact-5-area .it-funfact-item {
    border: none;
  }
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .row > div:last-child .it-funfact-item {
  border-right: none;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .it-funfact-icon span {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: rgba(254, 233, 11, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .it-funfact-icon span svg {
  width: 30px;
  height: auto;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .it-funfact-content h2 {
  font-size: 26px;
  font-weight: 700;
  color: var(--it-common-white);
  margin-bottom: 4px;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .it-funfact-content h2 i {
  font-style: normal;
}
.it-funfact-2-area.it-funfact-5-area .it-funfact-item .it-funfact-content span {
  font-size: 16px;
  color: var(--it-common-white);
  opacity: 0.9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-7-item {
    padding: 19px 2px !important;
    gap: 0px !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-item-inner-1 {
    gap: 0px !important;
    padding: 12px 5px !important;
  }
}

.it-funfact-3-inner-style-1 {
  display: flex;
  width: 303px;
  height: 160px;
  padding: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid var(--Dark-dark_6, #0B4E44);
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-3-inner-style-1 {
    margin-bottom: 25px;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .it-funfact-style-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  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 {
  margin-bottom: 30px;
  margin-right: 15px;
}
.it-gallery-thumb.style-1, .it-gallery-thumb.style-2 {
  border-radius: 0 120px;
}
.it-gallery-thumb.style-3, .it-gallery-thumb.style-4, .it-gallery-thumb.style-7, .it-gallery-thumb.style-8 {
  border-radius: 0 150px;
}
.it-gallery-thumb.style-5, .it-gallery-thumb.style-6, .it-gallery-thumb.style-9, .it-gallery-thumb.style-10 {
  border-radius: 0 100px;
}
.it-gallery-thumb {
  overflow: hidden;
}
.it-gallery-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}
.it-gallery-thumb:hover img {
  transform: scale(1.1);
}
.it-gallery-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.it-gallery-bg-shape-1 {
  left: 20%;
  top: 33%;
  height: 400px;
  width: 400px;
  border-radius: 400px;
  opacity: 0.2;
  background: var(--it-theme-2);
  filter: blur(250px);
}
.it-gallery-bg-shape-2 {
  top: 46%;
  right: 15%;
  height: 400px;
  width: 400px;
  border-radius: 400px;
  opacity: 0.2;
  background: #FEE90A;
  filter: blur(250px);
}
.it-gallery-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  left: 10%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-gallery-shape-1 {
    display: none;
  }
}
.it-gallery-shape-2 {
  position: absolute;
  z-index: -1;
  top: 10%;
  left: 15%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-gallery-shape-2 {
    display: none;
  }
}
.it-gallery-shape-3 {
  position: absolute;
  z-index: -1;
  top: 13%;
  right: 13%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-gallery-shape-3 {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-gallery-section-title-box p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-section-title-box p span {
    display: none;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-area {
    padding-top: 100px;
    padding-bottom: 70px;
  }
  .it-gallery-thumb-wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  .it-gallery-thumb {
    width: 100%;
  }
  .it-gallery-thumb img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 6px;
  }
}
/*----------------------------------------*/
/*  24. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

.countdown-text {
  margin-right: 5px;
}

.it-header-logo img {
  width: 195px;
}

.it-header-top-ptb {
  padding: 11px 0;
  position: relative;
  background: linear-gradient(90deg, #0B8270 0%, #FDC306 100%);
}
.it-header-top-ptb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 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-ptb-2 {
  background: var(--it-heading-primary);
}
.it-header-top-ptb-3 {
  background: var(--it-theme-4);
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-ptb-3 {
    padding: 8px 0;
  }
}
.it-header-top-ptb-4 {
  background-color: #F3BA0F;
  padding: 16px 14px;
}
.it-header-top-contact {
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.it-header-top-contact span {
  display: inline-block;
  text-align: center;
}
.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);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-contact span svg, .it-header-top-contact span i {
    height: 18px;
  }
}
.it-header-top-contact a {
  font-weight: 400;
  font-size: 16px;
  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-header-top-contact a {
    font-size: 12px;
  }
}
.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 15px;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-social-box a:not(:last-child) {
  margin-right: 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: 16px;
  display: inline;
  margin-right: 20px;
  padding-top: 3px;
  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: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
@media (max-width: 767px) {
  .it-header-top-list-box ul li {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-list-box ul li:not(:last-child) {
  padding-right: 48px;
  margin-right: 44px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-list-box ul li:not(:last-child) {
    padding-right: 0px;
    margin-right: 0px;
    border-right: none;
  }
}
.it-header-top-list-box ul li span {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  left: 0;
  font-size: 20px;
  color: 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-left: 10px;
}
.it-header-top-list-text span {
  font-weight: 400;
  font-size: 12px;
  display: block;
  margin-bottom: 6px;
}
.it-header-top-list-text a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-theme-2);
}
.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;
  left: 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-right: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-wrap ul li:not(:last-child) {
    margin-right: 0;
  }
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span svg, .it-header-top-list-wrap ul li .it-header-top-list:hover .it-header-top-list-icon span i {
  color: var(--it-common-white);
}
.it-header-top-login-box {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-login-box {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
.it-header-top-login-box a {
  font-size: 16px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-login-box a {
    font-size: 14px;
  }
}
.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-login-box-2 {
  padding-right: 0px;
  margin-right: 0px;
  border-right: 0;
}
.it-header-top-login-box-2 a:hover {
  color: #FEE90A;
}
.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-left: 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-left: 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-right: 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 {
  text-align: right;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  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: 16px;
  }
}
@media (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 12px;
    justify-content: center;
    padding: 5px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 16px;
    justify-content: center;
    padding: 5px 0;
  }
}
@media (max-width: 767px) {
  .it-header-top-2-text-inner span {
    font-size: 16px;
  }
}

.it-header-area {
  background-color: #093B33;
}
.it-header-area-2-ds {
  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-header-ptb {
    padding: 10px 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-button {
  margin-left: 13px;
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 19px;
}
@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 17px;
  }
}
.it-header-menu > nav > ul > li:first-child {
  margin-left: 0;
}
.it-header-menu > nav > ul > li:last-child {
  margin-right: 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-white);
  font-size: 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    font-size: 16px;
  }
}
@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-4);
}
.it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-2);
}
.it-header-menu-2-ds {
  margin-left: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu-2-ds {
    margin-left: 51px;
  }
}
.it-header-menu-2-ds > nav > ul {
  padding-left: 0;
  margin-left: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu-2-ds > nav > ul {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu-2-ds > nav > ul {
    margin-left: 0px;
  }
}
.it-header-menu-2-ds > nav > ul > li {
  margin: 0px 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu-2-ds > nav > ul > li {
    margin: 0px 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-menu-2-ds > nav > ul > li {
    margin: 0px 5px;
  }
}
.it-header-menu-2-ds > nav > ul > li > a {
  padding: 32px 0;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu-2-ds > nav > ul > li > a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu-2-ds > nav > ul > li > a::after {
    font-size: 10px;
  }
}
.it-header-menu-2-ds > nav > ul > li:hover > a {
  color: var(--it-theme-2);
}
.it-header-menu-2-ds > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-2);
}
.it-header-search-wrap {
  border-radius: 10px;
  border: 1px solid rgba(11, 130, 112, 0.2);
}
.it-header-search {
  position: relative;
  max-width: 175px;
}
.it-header-search input {
  height: 100%;
  height: 43px;
  line-height: 43px;
  padding-right: 40px;
  color: var(--it-gray-2);
  background-color: transparent;
  font-size: 16px;
  border-radius: 10px;
}
.it-header-search input::placeholder {
  font-size: 16px;
  border-color: var(--it-common-white);
}
.it-header-search input::placeholder {
  color: rgba(255, 255, 255, 0.7019607843);
}
.it-header-search-2 input::placeholder {
  color: rgba(255, 255, 255, 0.7019607843);
}
.it-header-search-2 input {
  color: var(--it-gray-1);
}
.it-header-search-2-ds input::placeholder {
  color: #4D4D4D;
}
.it-header-search-2-ds input {
  color: var(--it-common-black) !important;
}
.it-header-search .icon {
  position: absolute;
  right: 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-right: 30px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-search-3 button {
    margin-right: 0;
  }
}
.it-header-user {
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.08);
  padding: 10px;
  align-items: center;
}
.it-header-categorie {
  align-items: center;
  font-size: 16px;
  padding: 0 40px;
  color: var(--it-common-white);
  border-left: 1px solid rgba(11, 130, 112, 0.2);
  border-right: 1px solid rgba(11, 130, 112, 0.2);
  height: 65px;
}
.it-header-categorie span {
  display: inline-block;
  margin-right: 10px;
  font-weight: 500;
  font-size: 16px;
  text-transform: capitalize;
}
.it-header-categorie i {
  display: inline-block;
  margin-left: 4px;
}
.it-header-categorie .nice-select::after {
  top: 47%;
  right: 33px;
  border-bottom: 1px solid var(--it-common-white);
  border-right: 1px solid var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-categorie {
    padding: 0 25px;
  }
}
.it-header-ml {
  margin-left: 380px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-ml {
    margin-left: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-ml {
    margin-left: 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-left: 0;
  }
}
.it-header-login button {
  padding: 0;
  font-weight: 500;
  margin-right: 40px;
  color: var(--it-common-black);
}
.it-header-bar span {
  margin-left: 20px;
  height: 44px;
  width: 44px;
  text-align: center;
  line-height: 50px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
  color: var(--it-common-black);
  background-color: var(--it-theme-4);
  font-size: 22px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .it-header-bar span {
    height: 38px;
    width: 38px;
    font-size: 18px;
    line-height: 41px;
  }
}
.it-header-cart {
  position: relative;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  margin-left: 13px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.08);
  align-items: center;
}
.it-header-cart span {
  position: absolute;
  top: -11px;
  right: -11px;
  height: 24px;
  width: 24px;
  line-height: 25px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  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-header-cart span {
    top: 0;
    right: -7px;
    height: 17px;
    width: 17px;
    line-height: 19px;
    font-size: 9px;
  }
}
.it-header-cart span.it-cart-2 {
  top: -15px;
  right: -8px;
}
.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), (max-width: 767px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 30px;
  }
}
.it-header-area .it-header-style-2::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 69%;
  height: 80%;
  z-index: -2;
  border-radius: 10px;
  background-color: var(--it-theme-1);
  right: 0;
  text-align: center;
  margin: 0 auto;
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul {
  padding-left: 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-left: 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-2);
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 {
    margin-right: 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-left: 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-left: 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-left: 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-left: 0px;
  margin-right: 70px;
}
.it-header-style-6 .it-header-menu > nav > ul {
  padding-left: 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-right: 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: 16px;
  font-style: normal;
  margin-bottom: 10px;
}
.it-header-style-6 .it-header-2-contact a {
  display: block;
  margin-left: 0;
}
.it-header-style-6 .it-header-bar button span {
  border-radius: 0;
  background-color: var(--it-theme-2);
}
.it-header-login {
  margin-right: 30px;
  margin-left: 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;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-2-right-side {
    justify-content: flex-end !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-right-side {
    justify-content: flex-end !important;
  }
}
@media (max-width: 767px) {
  .it-header-2-right-side {
    justify-content: flex-end !important;
  }
}

.it-header-button.it-btn-yellow.theme-bg {
  font-size: 16px;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  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-left: 0;
  padding-right: 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-2);
}
.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;
}

.contact__select {
  padding-top: 1px;
}

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

.it-header-top-5-ptb-5 {
  background: #03594E;
}

.it-header-5-area {
  background-color: var(--it-common-white);
}
.it-header-5-area .it-header-menu nav.it-menu-content ul li > a {
  color: #6A747C;
  transition: 0.3s;
}
.it-header-5-area .it-header-menu nav.it-menu-content ul li:hover > a {
  color: var(--it-theme-2);
}
.it-header-5-area .it-header-menu nav.it-menu-content ul li.active > a {
  color: var(--it-theme-2);
}
.it-header-5-area-cart-5 {
  border-radius: 100px;
  background: #EFF1F3;
}
.it-header-5-area-wrap {
  border-radius: 10px;
  border: 1px solid rgba(11, 130, 112, 0.2);
}

.it-header-8-top {
  display: flex;
  justify-content: center;
  color: var(--it-common-black);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .it-header-8-top {
    font-size: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-8-top {
    font-size: 14px;
  }
}
.it-header-8-top span.countdown-text {
  margin-right: 5px;
}
.it-header-8-cart-5 {
  margin-left: 15px;
}
.it-header-8-cart-5-ds {
  border-radius: 100px;
  background: #EFF1F3;
}

.nice-select:after {
  border-bottom: 2px solid #1A2327;
  border-right: 2px solid #1A2327;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  pointer-events: none;
  position: absolute;
  right: 28px;
  top: 49%;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.nice-select.open:after {
  -webkit-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 45%;
}

.it-header-cart-5 {
  margin-right: 15px;
}

.it-header-categorie-2 {
  font-size: 16px;
  padding: 0px 30px 0px 20px;
  color: var(--it-common-black);
  text-transform: capitalize;
  border-right: 1px solid rgba(11, 130, 112, 0.2);
  font-weight: 400;
}
.it-header-categorie-2 span {
  margin-right: 10px;
}
.it-header-categorie-2-ds {
  height: 45px;
  color: var(--it-common-white);
  text-transform: capitalize;
}
.it-header-categorie-2-ds .nice-select:after {
  border-bottom: 2px solid var(--it-common-white);
  border-right: 2px solid var(--it-common-white);
}

.it-header-menu > .it-menu-content {
  text-align: center;
}

/*----------------------------------------*/
/*  25. hero css start
/*----------------------------------------*/
.it-hero-area {
  min-height: 830px;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-area {
    min-height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-area {
    min-height: 630px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-area {
    min-height: 610px;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-area {
    min-height: 620px;
  }
}
.it-hero-area-2 {
  min-height: 830px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-area-2 {
    min-height: 750px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-area-2 {
    min-height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-area-2 {
    min-height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-area-2 {
    min-height: 700px;
  }
}
@media (max-width: 767px) {
  .it-hero-area-2 {
    padding-top: 90px;
    min-height: 550px;
  }
}
.it-hero-subtitle {
  line-height: 1;
  border-radius: 100px;
  padding: 9px 20px;
  display: inline-flex;
  align-items: center;
  font-weight: 500;
  justify-content: center;
  color: var(--it-common-black);
  border: 1px solid rgba(3, 89, 78, 0.3);
  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) {
  .it-hero-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-subtitle {
    font-size: 16px;
  }
}
.it-hero-subtitle svg {
  display: inline-block;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .it-hero-subtitle svg {
    display: none;
  }
}
.it-hero-title {
  font-size: 60px;
  color: var(--it-common-black);
  font-weight: 700;
  line-height: 1.1;
}
.it-hero-title span {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-color: var(--it-theme-2);
  color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 50px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 40px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 55px;
  }
  .it-hero-title br {
    display: none;
  }
  .it-hero-title br.break-1 {
    display: block;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 30px;
  }
  .it-hero-title br {
    display: none;
  }
  .it-hero-title br.break-1 {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 45px;
  }
  .it-hero-title br {
    display: none;
  }
  .it-hero-title br.break-1 {
    display: block;
  }
}
.it-hero-title .shape {
  position: absolute;
  top: -90px;
  right: -21px;
}
.it-hero-title-box p {
  font-weight: 400;
  font-size: 24px;
  line-height: 125%;
  letter-spacing: -0.03em;
  text-align: center;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title-box p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-hero-title-box p {
    font-size: 15px;
  }
}
.it-hero-title-2 {
  color: var(--it-common-white);
}
.it-hero-bg {
  padding-top: 210px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-bg {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-bg {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-bg {
    padding-top: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-bg {
    padding-top: 150px;
  }
}
@media (max-width: 767px) {
  .it-hero-bg {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-bg {
    padding-top: 150px;
  }
}
.it-hero-content-8 {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 1.28px;
  color: var(--it-common-white);
}
.it-hero-content-8 svg {
  transform: translateY(-3px);
}
.it-hero-content-1 {
  text-transform: uppercase;
  font-weight: 600;
  line-height: 26px;
  letter-spacing: 1.28px;
  color: var(--it-theme-2);
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-content-1 {
    font-size: 12px;
  }
}
.it-hero-content-1 svg {
  transform: translateY(-1px);
}
.it-hero-content p {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .it-hero-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-content .it-btn-yellow.theme-bg {
    margin-bottom: 20px;
  }
}
.it-hero-content-2 span {
  color: var(--it-common-white);
}
.it-hero-content-2 p {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content-2 p {
    margin-inline-end: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content-2 p {
    margin-inline-end: 120px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-content-2 p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-hero-content-2 .it-btn-yellow.theme-bg {
    margin-bottom: 20px;
  }
}
.it-hero-thumb-wrap {
  display: flex;
  gap: 20px;
  align-items: end;
}
.it-hero-thumb {
  clear: both;
  padding-left: 71px;
}
@media (max-width: 767px) {
  .it-hero-thumb {
    padding-left: 0px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb .main-img {
    margin-top: 60px;
  }
}
.it-hero-shape-1 {
  position: absolute;
  top: 23%;
  left: 5%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.it-hero-shape-2 {
  position: absolute;
  top: 8%;
  right: 5%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-2 {
    display: none;
  }
}
.it-hero-shape-3 {
  position: absolute;
  top: 8%;
  right: 5%;
  z-index: -1;
}

.it-hero-thumb-2-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  background: #fff;
  border-radius: 16px;
  padding: 12px 16px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.18);
  z-index: 3;
  bottom: 42%;
  right: 22%;
  animation: updown 1s infinite alternate;
}
.it-hero-thumb-2-badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(11, 130, 112, 0.12);
  flex: none;
}
.it-hero-thumb-2-badge-text {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.it-hero-thumb-2-badge-text strong {
  font-size: 20px;
  font-weight: 700;
  color: #0b8270;
}
.it-hero-thumb-2-badge-text em {
  font-size: 16px;
  font-style: normal;
  color: #6a6a6a;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-thumb-2-badge {
    right: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-thumb-2-badge {
    right: 10%;
    bottom: 28%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-thumb-2-badge {
    display: none;
  }
}

@keyframes heroThumbFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@keyframes heroShapeFloat {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(-16px) rotate(4deg);
  }
}
.it-hero-thumb-icon {
  position: absolute;
  bottom: auto;
  top: 50%;
  left: auto;
  right: 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);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb-icon {
    right: -110px;
  }
}

.it-hero-video.p-absolute {
  bottom: 22%;
  right: 21%;
  z-index: 1;
}

.it-hero-area-2 .it-hero-shape-2-1 {
  top: 25%;
  left: 4%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-area-2 .it-hero-shape-2-1 {
    display: none;
  }
}
.it-hero-area-2 .it-hero-shape-2-1 img {
  animation: rotate 25s linear infinite;
}
.it-hero-area-2 .it-hero-shape-2-2 {
  right: 47%;
  top: 8%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-hero-area-2 .it-hero-shape-2-3 {
  position: absolute;
  top: 13%;
  right: 11%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-area-2 .it-hero-shape-2-3 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-area-2 .it-hero-title {
    font-size: 50px;
  }
  .it-hero-area-2 .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-area-2 .it-hero-title {
    font-size: 36px;
    line-height: 1.5;
  }
  .it-hero-area-2 .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-area-2 .it-hero-title {
    font-size: 55px;
    line-height: 1.3;
  }
  .it-hero-area-2 .it-hero-title br {
    display: none;
  }
  .it-hero-area-2 .it-hero-title br.break-1 {
    display: block;
  }
}
@media (max-width: 767px) {
  .it-hero-area-2 .it-hero-title {
    font-size: 25px;
    line-height: 1.3;
  }
  .it-hero-area-2 .it-hero-title br {
    display: none;
  }
  .it-hero-area-2 .it-hero-title br.break-1 {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-area-2 .it-hero-title {
    font-size: 40px;
    line-height: 1.5;
  }
  .it-hero-area-2 .it-hero-title br {
    display: none;
  }
  .it-hero-area-2 .it-hero-title br.break-1 {
    display: block;
  }
}

.it-demo-video {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--it-common-white);
  font-size: 16px;
  font-weight: 500;
}
.it-demo-video-icon {
  width: 56px;
  height: 56px;
  line-height: 56px;
  margin-left: 20px;
  background: var(--it-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  transition: all 0.35s ease;
  margin-top: 10px;
  transform: translateY(4px);
}
@media (max-width: 767px) {
  .it-demo-video-icon {
    margin-left: 0;
  }
}
.it-demo-video-icon svg {
  display: block;
  transform: translateX(2px);
}
.it-demo-video-text {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.36px;
  transform: translateY(10px);
}

.it-hero-3-shape-1 {
  position: absolute;
  width: 560px;
  height: 100px;
  border-radius: 560px;
  background: var(--it-theme-4);
  filter: blur(75px);
  bottom: 2%;
  z-index: -1;
}

.it-hero-3-area .it-hero-content p {
  color: var(--it-common-white);
}
.it-hero-3-area .it-hero-title {
  color: var(--it-common-white);
}
.it-hero-3-area .it-hero-title span {
  background-color: var(--it-theme-4);
  color: transparent;
  font-size: 59px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-area .it-hero-title span {
    font-size: 40px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-title span {
    font-size: 44px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area .it-hero-title {
    font-size: 40px;
    line-height: 1.3;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-area {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-area {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-area .it-hero-content p {
    font-size: 16px;
  }
}
.it-hero-4-main-img {
  z-index: 1;
  bottom: -16%;
  right: -10%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-main-img {
    right: -6%;
    bottom: -22%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-main-img {
    right: -11%;
    bottom: -24%;
  }
}
.it-hero-4-shape-1 {
  position: absolute;
  top: 10%;
  left: 4%;
  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-hero-4-shape-1 {
    display: none !important;
  }
}
.it-hero-4-shape-2 {
  position: absolute;
  top: -20%;
  padding-left: 42px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-2 {
    top: -20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-2 {
    top: -13%;
  }
}
.it-hero-4-wave-grey svg {
  position: absolute;
  bottom: -2px;
  z-index: 2;
}
.it-hero-4-btn {
  z-index: 3;
  position: relative;
  margin-bottom: 30px;
}
.it-hero-4-content {
  padding-top: 30px;
  padding-bottom: 70px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-content {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-area {
    padding-top: 90px;
    padding-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-5-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.it-hero-5-shape-1 {
  position: absolute;
  right: 4%;
  animation: flap 0.9s 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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-5-shape-1 {
    display: none;
  }
}
.it-hero-5-title {
  color: var(--it-common-white);
  text-align: center;
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
}
.it-hero-5-title span {
  color: #f9d520 !important;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
.it-hero-5-text {
  color: #f7f7f7;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-text {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-5-text {
    font-size: 16px;
  }
}
.it-hero-5-main-img-1 {
  position: absolute;
  top: 0;
  left: 5%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-5-main-img-1 {
    transform: scale(0.8);
    left: -5%;
    top: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-main-img-1 {
    transform: scale(0.8);
    left: -5%;
    top: 9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-5-main-img-1 {
    display: none;
  }
}
.it-hero-5-main-img-2 {
  position: absolute;
  top: 0;
  right: 5%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-5-main-img-2 {
    transform: scale(0.8);
    right: -5%;
    top: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-main-img-2 {
    transform: scale(0.8);
    right: -5%;
    top: 9%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-main-img-2 {
    right: -8%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-5-main-img-2 {
    display: none;
  }
}
.it-hero-5-btn {
  z-index: 3;
  position: relative;
}
.it-hero-5-content {
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-content {
    text-align: left;
  }
  .it-hero-5-content p {
    text-align: left;
  }
}
.it-hero-5-content p {
  color: #f7f7f7;
  text-align: center;
  font-family: var(--it-ff-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) 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-5-content p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-content p {
    font-size: 14px;
  }
}

.it-hero-6-area {
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-area {
    min-height: 750px;
    padding-top: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-area {
    padding-top: 20px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-area {
    padding-top: 20px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .it-hero-6-area {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-area {
    min-height: 875px;
    padding-top: 20px;
    padding-bottom: 60px;
  }
}
.it-hero-6-content-1 {
  font-size: 16px;
  border-radius: 20px;
  border: 1px solid rgba(254, 233, 11, 0.3);
  background: rgba(254, 233, 11, 0.1);
  padding: 5px 10px;
  color: #fee90b;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-content-1 {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-hero-6-content-1 {
    font-size: 12px;
  }
}
.it-hero-6-title {
  color: #f7f7f7;
  font-family: var(--it-ff-body);
  font-size: 60px;
  font-style: normal;
  font-weight: 600;
  line-height: 70px;
  letter-spacing: -1.2px;
  margin-bottom: 30px;
  margin-top: 30px;
}
.it-hero-6-title span {
  color: #f0d85f;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-title {
    font-size: 55px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-title {
    font-size: 45px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .it-hero-6-title {
    font-size: 35px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-title {
    font-size: 44px;
    line-height: 1.3;
  }
}
.it-hero-6-text p {
  color: #eff1f3;
  font-family: var(--it-ff-body);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-text p br {
    display: none;
  }
}
.it-hero-6-thumb {
  position: absolute;
  bottom: 0;
}
.it-hero-6-thumb-1 {
  bottom: 3%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-thumb {
    right: -7%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-thumb {
    right: 5%;
    bottom: -7%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-thumb {
    right: 0;
    margin-top: 50px;
  }
}
.it-hero-6-shape-1 {
  position: absolute;
  right: 5%;
  animation: translateX 2s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-6-shape-1 {
    display: none;
  }
}
.it-hero-6-shape-2 {
  position: absolute;
  top: 50%;
  left: 43%;
  animation: translateX 2s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-6-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-4-thumb-c {
    padding-top: 80%;
  }
  .it-hero-4-thumb-c-main-img {
    right: 0px;
  }
}

.it-hero-6-thumb-9 {
  bottom: 0%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-thumb-9 {
    left: 12%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-thumb-9 {
    left: 10%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area {
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area {
    min-height: 900px;
    background-size: cover;
    background-position: center;
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.it-hero-7-shape-1 {
  position: absolute;
  left: 10%;
  top: 15%;
  animation: itswing-2 1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-shape-1 {
    display: none;
  }
}
.it-hero-7-shape-2 {
  position: absolute;
  left: 50%;
  top: 25%;
  animation: itswing-2 1s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-shape-2 {
    display: none;
  }
}
.it-hero-7-shape-3 {
  position: absolute;
  right: 21%;
  bottom: 57%;
  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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-shape-3 {
    display: none;
  }
}
.it-hero-7-shape-4 {
  position: absolute;
  right: 52%;
  top: 67%;
  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), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-shape-4 {
    display: none;
  }
}
.it-hero-7-title {
  color: var(--it-common-black);
  font-size: 54px;
  font-weight: 600;
  letter-spacing: -1.2px;
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-title {
    font-size: 42px;
    line-height: 1.3;
  }
}
@media (max-width: 767px) {
  .it-hero-7-title {
    font-size: 31px;
    line-height: 1.3;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-title {
    font-size: 44px;
    line-height: 1.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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-title br {
    display: none;
  }
}
.it-hero-7-text p {
  color: #6a747c;
  font-family: var(--it-ff-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
}
@media (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-7-text p br {
    display: none;
  }
}
.it-hero-7-thumb {
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-thumb {
    left: 18%;
  }
}

.it-hero-8-area {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 90px;
    padding-bottom: 55px;
  }
}
.it-hero-8-title {
  font-size: 60px;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title {
    font-size: 40px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title span {
    font-size: 40px;
  }
}
.it-hero-8-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}
.it-hero-8-collage > .it-hero-8-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.it-hero-8-collage > .it-hero-8-col:nth-child(2) {
  margin-top: 40px;
}
.it-hero-8-collage-item {
  border-radius: 20px;
  overflow: hidden;
}
.it-hero-8-collage-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.it-hero-8-area {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 90px;
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-area {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.it-hero-8-title {
  color: var(--it-common-white);
  font-size: 56px;
  font-size: 56px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title span {
    font-size: 54px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title {
    font-size: 40px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title span {
    font-size: 40px;
  }
}
.it-hero-8-title span {
  background-color: var(--it-theme-4);
  color: transparent;
  font-size: 56px;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title span {
    font-size: 54px;
  }
}
.it-hero-8-thumb {
  position: relative;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-collage {
    padding-top: 0px;
  }
}
.it-hero-8-collage > .it-hero-8-col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.it-hero-8-collage > .it-hero-8-col:nth-child(2) {
  margin-top: 40px;
}
.it-hero-8-collage-item {
  border-radius: 20px;
  overflow: hidden;
}
.it-hero-8-collage-item img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: 1.1s all ease;
}
.it-hero-8-collage-item img:hover {
  transform: scale(1.1);
  border-radius: 20px;
}

.it-hero-8-thumb {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-thumb {
    transform: scale(0.8);
  }
}
.it-hero-8-collage {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 28px;
  transform: translateX(60px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-collage {
    gap: 55px;
    transform: translateX(50px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-collage {
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-collage {
    padding-top: 0px;
  }
}
.it-hero-8-collage .it-hero-8-col {
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.it-hero-8-collage .left-col {
  margin-top: 10px;
}
.it-hero-8-collage .middle-col {
  margin-top: 60px;
}
.it-hero-8-collage .right-col {
  margin-top: 0;
}
.it-hero-8-collage-item {
  position: relative;
  border-radius: 24px;
  width: 220px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
  box-shadow: 0 20px 45px rgba(12, 113, 100, 0.12);
}
.it-hero-8-collage-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.it-hero-8-collage-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 30px 55px rgba(12, 113, 100, 0.2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-collage-item {
    margin-bottom: 36px;
    margin-left: -40px;
  }
}
.it-hero-8-collage-item.item-1 {
  height: 300px;
  border-radius: 60px 24px;
  margin-top: 85px;
  margin-bottom: 22px;
}
.it-hero-8-collage-item.item-2 {
  border-radius: 24px 60px;
}
.it-hero-8-collage-item.item-4 {
  border-radius: 24px 60px;
}
.it-hero-8-collage-item.item-5 {
  border-radius: 60px 24px;
}
.it-hero-8-collage-item.item-3 {
  border-radius: 60px;
  margin-top: 55%;
}
@media (max-width: 767px) {
  .it-hero-8-collage-item.item-3 {
    border-radius: 20px;
    width: 92%;
    margin-top: 0px;
    height: 60%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-collage-item.item-3 {
    margin-left: -19%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-collage-item.item-3 {
    margin-top: 74%;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-collage-item.item-3 {
    margin-top: 54%;
    margin-left: -57px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-collage-item.item-3 {
    margin-top: 19%;
    width: 85%;
    margin-left: -77px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-collage-item {
    margin-top: 30px;
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-collage-item {
    margin-top: 40px;
    margin-left: 30px;
  }
}
.it-hero-8-badge {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  border-radius: 16px;
  padding: 14px 18px;
  box-shadow: 0 20px 45px rgba(12, 113, 100, 0.18);
  z-index: 3;
}
.it-hero-8-badge-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(12, 113, 100, 0.12), rgba(253, 195, 6, 0.15));
  flex: none;
}
.it-hero-8-badge-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0c7164, #fdc306);
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  flex: none;
}
.it-hero-8-badge-text {
  display: flex;
  flex-direction: column;
}
.it-hero-8-badge-text strong {
  font-size: 16px;
  font-weight: 700;
  color: #0c7164;
  line-height: 1.2;
}
.it-hero-8-badge-text em {
  font-size: 14px;
  font-style: normal;
  color: #6a6a6a;
}
.it-hero-8-badge.badge-1 {
  top: 23%;
  left: -20%;
  animation: updown 10s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-badge.badge-1 {
    left: -2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-badge.badge-1 {
    left: -12%;
    top: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-badge.badge-1 {
    left: 4%;
  }
}
@media (max-width: 767px) {
  .it-hero-8-badge.badge-1 {
    display: none;
  }
}
.it-hero-8-badge.badge-2 {
  bottom: 33%;
  right: -16%;
  animation: updown 10s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-badge.badge-2 {
    right: 5%;
    bottom: 20%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-badge.badge-2 {
    right: 0%;
    bottom: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-badge.badge-2 {
    right: 4%;
  }
}
@media (max-width: 767px) {
  .it-hero-8-badge.badge-2 {
    display: none;
  }
}
.it-hero-8-shape-1 {
  position: absolute;
  right: -7%;
  bottom: -20%;
  z-index: -1;
}
.it-hero-8-shape-2 {
  position: absolute;
  top: -5%;
  left: -20%;
  z-index: -1;
}

.it-hero-shape-1-1 {
  left: 3%;
  bottom: 17%;
  animation: updown 1s infinite alternate;
}
.it-hero-shape-1-2 {
  opacity: 0.1;
}
.it-hero-shape-1-3 {
  opacity: 0.1;
}

.it-hero-thumb-2-1 {
  right: 0;
  bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb-2-1 img {
    width: 90%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-thumb-2-1 img {
    width: 80%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-thumb-2-1 {
    transform: scale(0.9);
    bottom: -40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb-2-1 {
    right: -9%;
    transform: scale(0.9);
    bottom: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-thumb-2-1 {
    right: -14%;
    transform: scale(0.8);
    bottom: -80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-thumb-2-1 {
    right: -39%;
    transform: scale(0.9);
    bottom: -15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-content-md {
    padding-top: 90px;
  }
}

.it-hero-shape-2-4 {
  left: 38%;
  bottom: 12%;
  animation: rotate 25s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-hero-shape-2-4 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-main-img {
    width: 66%;
    right: -12%;
    bottom: -10%;
  }
}

.oit-hero-4-cooking-stats {
  display: flex;
  align-items: center;
  gap: 28px;
  padding-top: 24px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-hero-4-cooking-stats {
    gap: 18px;
    flex-wrap: wrap;
  }
}

.oit-hero-4-cooking-stat {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.oit-hero-4-cooking-stat strong {
  font-size: 22px;
  font-weight: 700;
  color: #021a16;
  display: flex;
  align-items: center;
  gap: 4px;
}
.oit-hero-4-cooking-stat span {
  font-size: 13px;
  color: #6a6a6a;
}
.oit-hero-4-cooking-stat .oit-hero-4-cooking-star {
  font-style: normal;
  color: #fdc306;
  font-size: 16px;
}
.oit-hero-4-cooking-stat:not(:last-child) {
  padding-right: 28px;
  border-right: 1px solid rgba(2, 26, 22, 0.1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .oit-hero-4-cooking-stat:not(:last-child) {
    padding-right: 18px;
  }
}

.oit-hero-4-cooking-card {
  position: absolute;
  left: -15%;
  top: 32%;
  display: flex;
  align-items: center;
  gap: 12px;
  width: 240px;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.6);
  border-radius: 18px;
  padding: 12px;
  box-shadow: 0 25px 50px rgba(2, 26, 22, 0.2);
  z-index: 3;
  animation: cookingCardFloat 5s ease-in-out infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .oit-hero-4-cooking-card {
    top: 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) {
  .oit-hero-4-cooking-card {
    display: none;
  }
}
.oit-hero-4-cooking-card-thumb {
  flex: none;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0b8270, #fdc306);
}
.oit-hero-4-cooking-card-body {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}
.oit-hero-4-cooking-card-tag {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #0b8270;
  font-weight: 700;
  margin-bottom: 2px;
}
.oit-hero-4-cooking-card strong {
  font-size: 15px;
  color: #021a16;
  font-weight: 700;
  margin-bottom: 5px;
}
.oit-hero-4-cooking-card-meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: #6a6a6a;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .oit-hero-4-cooking-card {
    left: -2%;
    width: 210px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .oit-hero-4-cooking-card {
    left: 2%;
    bottom: 4%;
    width: 190px;
    padding: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .oit-hero-4-cooking-card {
    position: static;
    width: 100%;
    margin-top: 20px;
  }
}

@keyframes cookingUnderline {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes cookingSteam {
  0% {
    opacity: 0;
    transform: translateY(0) scale(1);
  }
  30% {
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    transform: translateY(-40px) scale(1.4);
  }
}
@keyframes cookingCardFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-12px);
  }
}
@keyframes cookingOrbit1 {
  from {
    transform: rotate(0deg) translateX(90px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(90px) rotate(-360deg);
  }
}
@keyframes cookingOrbit2 {
  from {
    transform: rotate(0deg) translateX(80px) rotate(0deg);
  }
  to {
    transform: rotate(-360deg) translateX(80px) rotate(360deg);
  }
}
@keyframes cookingOrbit3 {
  from {
    transform: rotate(0deg) translateX(70px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(70px) rotate(-360deg);
  }
}
.oit-hero-5-exchange-path {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 200px;
  transform: translateY(-50%);
  z-index: -1;
  pointer-events: none;
}
.oit-hero-5-exchange-path-line {
  stroke: #0b8270;
  stroke-width: 2;
  stroke-dasharray: 8 10;
  opacity: 0.35;
  animation: exchangeDash 3s linear infinite;
}
.oit-hero-5-exchange-path-dot {
  fill: #fdc306;
  filter: drop-shadow(0 0 6px rgba(253, 195, 6, 0.8));
  offset-path: path("M60,100 C 300,20 450,180 600,100 C 750,20 900,180 1140,100");
  animation: exchangeDotMove 6s linear infinite;
}
.oit-hero-5-exchange-path-dot.dot-1 {
  animation-delay: 0s;
}
.oit-hero-5-exchange-path-dot.dot-2 {
  animation-delay: 3s;
}

.oit-hero-5-exchange-chip {
  position: absolute;
  bottom: 19%;
  left: 22%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 30px;
  padding: 6px 14px;
  font-size: 12px;
  font-weight: 600;
  color: #021a16;
  box-shadow: 0 15px 30px rgba(2, 26, 22, 0.15);
  white-space: nowrap;
  z-index: 3;
  animation: exchangeChipFloat 4s ease-in-out infinite;
}
.oit-hero-5-exchange-chip.clip-2 {
  bottom: 55%;
  left: auto;
  right: 6%;
}

@keyframes exchangeDash {
  to {
    stroke-dashoffset: -100;
  }
}
@keyframes exchangeDotMove {
  0% {
    offset-distance: 0%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    offset-distance: 100%;
    opacity: 0;
  }
}
@keyframes exchangeChipFloat {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  50% {
    transform: translateX(-50%) translateY(-6px);
  }
}
@keyframes exchangeMarquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.it-hero-trust {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 34px;
  flex-wrap: wrap;
}

.it-hero-trust-avatars {
  display: flex;
  align-items: center;
}
.it-hero-trust-avatars img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #0e2a22;
  margin-left: -12px;
}
.it-hero-trust-avatars img:first-child {
  margin-left: 0;
}

.it-hero-trust-more {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffd166;
  color: #0e0e0e;
  font-size: 12px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #0e2a22;
}

.it-hero-trust-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.it-hero-trust-info span {
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  opacity: 0.85;
}

.it-hero-trust-stars {
  display: flex;
  gap: 3px;
}
.it-hero-trust-stars i {
  color: #ffd166;
  font-size: 13px;
}

.it-hero-6-thumb {
  position: relative;
}

.it-hero-float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.35);
  z-index: 5;
  animation: floatCardBob 4s ease-in-out infinite;
}

.it-hero-float-card-top {
  top: 8%;
  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-hero-float-card-top {
    display: none;
  }
}

.it-hero-float-card-bottom {
  bottom: 12%;
  right: -20px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  animation-delay: 0.6s;
}
@media 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-float-card-bottom {
    display: none;
  }
}
.it-hero-float-card-bottom p {
  margin: 0;
  font-size: 12px;
  color: #4a4a4a;
}

.it-hero-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #ffd166;
  color: #0e0e0e;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.it-hero-float-text h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0e0e0e;
}
.it-hero-float-text p {
  margin: 0;
  font-size: 12px;
  color: #6b6b6b;
}

.it-hero-float-rating {
  display: flex;
  align-items: center;
  gap: 8px;
}

.it-hero-float-score {
  font-size: 20px;
  font-weight: 800;
  color: #0e0e0e;
}

.it-hero-float-stars {
  display: flex;
  gap: 2px;
}
.it-hero-float-stars i {
  color: #ffd166;
  font-size: 12px;
}

.it-hero-lang-chip {
  position: absolute;
  top: 42%;
  left: -10px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #0e2a22;
  border: 1px solid rgba(255, 209, 102, 0.4);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  z-index: 5;
  animation: floatCardBob 5s ease-in-out infinite;
  animation-delay: 0.3s;
}
.it-hero-lang-chip i {
  color: #ffd166;
  font-size: 11px;
}

@keyframes floatCardBob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@media (max-width: 991px) {
  .it-hero-float-card-top {
    left: 0;
    top: 4%;
  }
  .it-hero-float-card-bottom {
    right: 0;
    bottom: 6%;
  }
  .it-hero-lang-chip {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-trust {
    gap: 10px;
  }
  .it-hero-float-card {
    padding: 10px 14px;
    gap: 8px;
  }
  .it-hero-float-icon {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .it-hero-float-card,
  .it-hero-lang-chip {
    animation: none !important;
  }
}
.it-hero-7-trust {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.it-hero-7-trust-avatars {
  display: flex;
  align-items: center;
}
.it-hero-7-trust-avatars img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #f0f5f3;
  margin-left: -12px;
}
.it-hero-7-trust-avatars img:first-child {
  margin-left: 0;
}

.it-hero-7-trust-text {
  font-size: 14px;
  color: #4a5a54;
}
.it-hero-7-trust-text strong {
  color: #0e1b16;
  font-weight: 700;
}

.it-hero-7-thumb {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-thumb {
    left: 0;
    margin-top: 50px;
  }
}

.it-hero-7-breath-ring {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 70%;
  height: 70%;
  border-radius: 50%;
  border: 1.5px solid rgba(45, 143, 119, 0.35);
  transform: translate(-50%, -50%) scale(1);
  animation: heroBreath 4.5s ease-in-out infinite;
  z-index: 0;
}

.it-hero-7-breath-ring-2 {
  width: 85%;
  height: 85%;
  animation-delay: 1s;
  border-color: rgba(45, 143, 119, 0.2);
}

@keyframes heroBreath {
  0%, 100% {
    transform: translate(-50%, -50%) scale(0.92);
    opacity: 0.8;
  }
  50% {
    transform: translate(-50%, -50%) scale(1.05);
    opacity: 0.3;
  }
}
.it-hero-7-float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 16px 36px -10px rgba(14, 27, 22, 0.18);
  z-index: 5;
  animation: heroFloatBob 4s ease-in-out infinite;
}

.it-hero-7-float-top {
  top: 6%;
  left: -10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-float-top {
    top: 25%;
  }
}
@media (max-width: 767px) {
  .it-hero-7-float-top {
    display: none;
  }
}

.it-hero-7-float-bottom {
  bottom: 8%;
  right: -10px;
  animation-delay: 0.7s;
}

.it-hero-7-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(45, 143, 119, 0.12);
  color: #2d8f77;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.it-hero-7-float-icon-alt {
  background: rgba(255, 138, 101, 0.14);
  color: #ff8a65;
}

.it-hero-7-float-text h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0e1b16;
}
.it-hero-7-float-text p {
  margin: 0;
  font-size: 12px;
  color: #7a8b85;
}

.it-hero-7-chip {
  position: absolute;
  top: 40%;
  right: -6px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #0e1b16;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 9px 16px;
  border-radius: 999px;
  z-index: 5;
  animation: heroFloatBob 5s ease-in-out infinite;
  animation-delay: 0.4s;
}

.it-hero-7-chip-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
  animation: heroChipPulse 1.6s ease-out infinite;
}

@keyframes heroChipPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}
@keyframes heroFloatBob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@media (max-width: 991px) {
  .it-hero-7-float-bottom {
    right: 0;
    bottom: 4%;
  }
  .it-hero-7-chip {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-7-trust {
    gap: 10px;
  }
  .it-hero-7-float-card {
    padding: 10px 14px;
    gap: 8px;
  }
  .it-hero-7-float-icon {
    width: 34px;
    height: 34px;
    font-size: 14px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .it-hero-7-breath-ring,
  .it-hero-7-float-card,
  .it-hero-7-chip,
  .it-hero-7-chip-dot {
    animation: none !important;
  }
}
.it-hero-3-trust {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 32px;
  flex-wrap: wrap;
}

.it-hero-3-trust-avatars {
  display: flex;
  align-items: center;
}
.it-hero-3-trust-avatars img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #0c231e;
  margin-left: -12px;
}
.it-hero-3-trust-avatars img:first-child {
  margin-left: 0;
}

.it-hero-3-trust-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.it-hero-3-trust-info p {
  margin: 0;
  color: #fff;
  font-size: 13px;
  opacity: 0.8;
}

.it-hero-3-trust-stars {
  display: flex;
  align-items: center;
  gap: 4px;
}
.it-hero-3-trust-stars i {
  color: #fdc306;
  font-size: 13px;
}
.it-hero-3-trust-stars span {
  margin-left: 6px;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
}

.it-hero-thumb {
  position: relative;
}

.it-hero-3-float-card {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 12px;
  background: #ffffff;
  border-radius: 14px;
  padding: 14px 18px;
  box-shadow: 0 18px 40px -12px rgba(0, 0, 0, 0.45);
  z-index: 6;
  animation: hero3FloatBob 4s ease-in-out infinite;
}

.it-hero-3-float-top {
  top: 17%;
  left: 30px;
}

.it-hero-3-float-bottom {
  bottom: 6%;
  right: -10px;
  animation-delay: 0.6s;
}

.it-hero-3-float-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(12, 113, 100, 0.12);
  color: #0c7164;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  flex-shrink: 0;
}

.it-hero-3-float-icon-alt {
  background: rgba(253, 195, 6, 0.16);
  color: #c99700;
}

.it-hero-3-float-text h6 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0e0e0e;
}
.it-hero-3-float-text p {
  margin: 0;
  font-size: 12px;
  color: #6b6b6b;
}

.it-hero-3-chip {
  position: absolute;
  top: 42%;
  left: -14px;
  display: flex;
  align-items: center;
  gap: 8px;
  background: #0c231e;
  border: 1px solid rgba(253, 195, 6, 0.35);
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 14px;
  border-radius: 999px;
  z-index: 6;
  animation: hero3FloatBob 5s ease-in-out infinite;
  animation-delay: 0.3s;
}

.it-hero-3-chip-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #4ade80;
  box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
  animation: hero3ChipPulse 1.6s ease-out infinite;
}

@keyframes hero3ChipPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(74, 222, 128, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
  }
}
@keyframes hero3FloatBob {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-14px);
  }
}
@media (max-width: 991px) {
  .it-hero-3-float-top {
    left: 0;
    top: 4%;
  }
  .it-hero-3-float-bottom {
    right: 0;
    bottom: 4%;
  }
  .it-hero-3-chip {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-3-trust {
    gap: 10px;
  }
  .it-hero-3-float-card {
    display: none;
  }
  .it-hero-3-float-icon {
    display: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  .it-hero-3-float-card,
  .it-hero-3-chip,
  .it-hero-3-chip-dot {
    animation: none !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area.style-3 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-area.style-3 .it-hero-3-float-top {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-area.style-3 .it-hero-3-float-card {
    display: none;
  }
}

/*----------------------------------------*/
/*  26. Instagram css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-Instagram-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-Instagram-shape {
  position: absolute;
}
.it-Instagram-shape-1 {
  bottom: 4%;
  left: 11%;
}
.it-Instagram-shape-2 {
  top: 44%;
  left: 8%;
}
.it-Instagram-shape-3 {
  right: 10%;
  top: 16%;
}
.it-Instagram-shape-4 {
  right: 7%;
  top: 63%;
}
.it-Instagram-wrap {
  display: flex;
  gap: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-Instagram-wrap {
    flex-direction: column;
  }
}
.it-Instagram-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 36px;
}
.it-Instagram-item {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.it-Instagram-item img {
  position: relative;
  width: 100%;
  height: auto;
  display: block;
  inset: 0;
  object-fit: cover;
  transition: 0.5s ease;
}
.it-Instagram-item .it-Instagram-overlay {
  position: absolute;
  inset: 0;
  background: rgba(1, 17, 15, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  opacity: 0;
  transition: 0.5s ease;
}
.it-Instagram-item .it-Instagram-overlay span {
  display: block;
  font-size: 36px;
  color: var(--it-common-white);
  padding: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-Instagram-item .it-Instagram-overlay span {
    font-size: 25px;
  }
}
.it-Instagram-item .it-Instagram-overlay span svg {
  display: block;
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  justify-content: center;
}
.it-Instagram-item:hover .it-Instagram-overlay {
  opacity: 1;
  visibility: visible;
}
.it-Instagram-item:hover img {
  transform: scale(1.08);
}

.it-Instagram-shape-1 {
  bottom: 4%;
  left: 11%;
}
.it-Instagram-shape-2 {
  top: 44%;
  left: 8%;
}
.it-Instagram-shape-3 {
  right: 10%;
  top: 16%;
}
.it-Instagram-shape-4 {
  right: 7%;
  top: 63%;
}
.it-Instagram-shape-bg-1 {
  width: 473px;
  height: 473px;
  background-color: var(--it-theme-2);
  border-radius: 473px;
  opacity: 0.1;
  filter: blur(125px);
  top: 5%;
  left: 10%;
  z-index: -1;
}

/*----------------------------------------*/
/*  27. language css start
/*----------------------------------------*/
.it-language-wrap {
  padding: 80px 75px;
  padding-top: 70px;
  padding-right: 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;
  left: 0;
  z-index: -1;
}
.it-language-shape-2 {
  position: absolute;
  z-index: -1;
  top: -25%;
  left: 0;
}
.it-language-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 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%;
  left: 1%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-language-shape-4 {
    display: none;
  }
}

/*----------------------------------------*/
/*  28. 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: 16px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-white);
  margin-left: 5px;
}
.it-header-menu nav ul li.has-dropdown > a.has-dropdown-2::after {
  color: var(--it-common-black);
}
.it-header-menu nav ul li.has-dropdown-5 > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
  margin-left: 5px;
  color: var(--it-text-body);
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 285px;
  text-align: left;
  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: 16px;
  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;
  left: 0;
  content: "";
  height: 1px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-theme-2);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 20px;
  color: var(--it-theme-2);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: var(--it-theme-4);
  transform: rotate(-180deg);
}
.it-header-menu nav ul li:hover.has-dropdown > a.has-dropdown-2::after {
  color: var(--it-theme-2);
}
.it-header-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}
.it-header-menu-2-ds nav ul li .has-dropdown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-black);
  margin-left: 5px;
}
.it-header-menu-kg {
  margin-left: 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-header-menu-kg {
    margin-left: 0;
  }
}

.it-header-menu nav ul li .has-home-img {
  position: absolute;
  left: 0;
  right: 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: 18px;
  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: 16px;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap {
  position: absolute;
  left: 0;
  right: 0;
  width: 60%;
  opacity: 0;
  margin: 0 auto;
  visibility: hidden;
  padding: 40px 35px 40px 40px;
  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: 90%;
  }
}
.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);
}

.it-menu-content-2 {
  margin-left: 30px;
}

.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: 220px;
  object-fit: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .home-img-thumb img {
    height: 145px;
  }
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
  pointer-events: none;
}
.home-img-thumb.coming-soon {
  position: relative;
}
.home-img-thumb.coming-soon::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 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: 18px;
  display: inline-block;
  font-family: var(--it-ff-body);
  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-menu-mobile .home-img-title,
  .it-category-mobile-menu .home-img-title {
    font-size: 14px;
  }
}
.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;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 16px;
  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-left: 2px;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--it-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;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 16px;
  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-left: 2px;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover {
  background-color: 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-right: 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-right: 13px;
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.it-menu-mobile ul li > a .menu-text,
.it-category-mobile-menu ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.it-menu-mobile ul li img,
.it-category-mobile-menu ul li img {
  width: 100%;
  height: 100%;
}
.it-menu-mobile ul li ul,
.it-category-mobile-menu ul li ul {
  padding: 0;
}
.it-menu-mobile ul li ul li,
.it-category-mobile-menu ul li ul li {
  padding: 0;
}
.it-menu-mobile ul li ul li a,
.it-category-mobile-menu ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li a,
.it-category-mobile-menu ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li a,
.it-category-mobile-menu ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li li a,
.it-category-mobile-menu ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li:hover > a::after,
.it-category-mobile-menu ul li:hover > a::after {
  color: var(--it-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 .has-home-img,
.it-category-mobile-menu ul li .has-home-img {
  margin-top: 15px;
}
.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: 16px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  border-bottom: 1px solid #EDEDED;
}

/*----------------------------------------*/
/*  29. 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-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-input-box {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .it-newsletter-input-box {
    margin-top: 30px;
    margin-left: 0;
  }
}
.it-newsletter-input-box input {
  line-height: 69px;
  height: 69px;
  padding-left: 35px;
  padding-right: 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-left: 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-left: 25px;
    font-size: 16px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-input-box input::placeholder {
    font-size: 16px;
  }
}
.it-newsletter-input-box button {
  position: absolute;
  top: 50%;
  right: 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;
  right: 0;
  z-index: -1;
  height: 100%;
  object-fit: cover;
}

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

/*----------------------------------------*/
/*  31. price css start
/*----------------------------------------*/
.it-price-item {
  border-radius: 22px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  display: flex;
  background: #EFF1F3;
  flex-direction: column;
  transition: 0.4s ease;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-price-item {
    margin-bottom: 60px;
  }
}
.it-price-item .it-price-title {
  font-size: 18px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 30px;
  border-radius: 30px;
  background: var(--it-theme-2);
  color: var(--it-common-white);
  width: fit-content;
  margin: auto;
}
.it-price-item .it-price-title-2 {
  background-color: var(--it-theme-4);
}
.it-price-item .it-price-head {
  margin-bottom: 30px;
}
.it-price-item .it-price-value {
  border-bottom: 1px solid #dbe4e2;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
.it-price-item .price-amount {
  color: var(--it-theme-2);
  font-family: var(--it-ff-body);
  font-size: 40px;
  font-weight: 600;
  line-height: 50px;
}
.it-price-item .it-price-features {
  margin-bottom: 30px;
}
.it-price-item .it-price-features ul {
  padding: 0;
  margin: 0;
}
.it-price-item .it-price-features ul li {
  list-style: none;
  position: relative;
  padding-left: 26px;
  margin-bottom: 15px;
  color: #374151;
}
.it-price-item .it-price-features ul li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #f59e0b;
  font-weight: 700;
}
.it-price-item .it-price-features ul li.inactive {
  opacity: 0.35;
  text-decoration: line-through;
}
.it-price-item .it-price-features-title {
  color: var(--Dark-dark_01, #021A16);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.it-price-item .it-price-features-title-2 {
  color: var(--it-common-white);
}
.it-price-item .it-btn-yellow {
  margin-top: auto;
  border-radius: 8px;
  background: #0f766e;
  padding: 16px;
  text-align: center;
  font-weight: 600;
  color: var(--it-common-white);
}
.it-price-item .it-btn-yellow span, .it-price-item .it-btn-yellow svg {
  color: var(--it-common-white);
}

.it-price-bg-shape-1 {
  position: absolute;
  inset: 0;
  width: 160px;
  height: 160px;
  background-color: var(--it-theme-2);
  opacity: 0.5;
  filter: blur(100px);
}
.it-price-bg-shape-2 {
  bottom: 0;
  right: 0;
  position: absolute;
  inset: 0;
  width: 160px;
  height: 160px;
  background: #F3BA0F;
  opacity: 0.5;
  filter: blur(100px);
  top: auto;
  left: auto;
}

/* ========= MIDDLE (Premium) CARD ========= */
.it-price-item.active {
  background: linear-gradient(145deg, #0b2e2b, #071c1a);
  transform: scale(1.06);
  box-shadow: 0 35px 60px rgba(0, 0, 0, 0.25);
}
.it-price-item.active::after {
  background: radial-gradient(1200px 500px at 0% 100%, rgba(255, 190, 90, 0.22), transparent 60%), radial-gradient(900px 300px at 100% 0%, rgba(16, 185, 129, 0.18), transparent 60%);
}
.it-price-item.active .it-price-title,
.it-price-item.active .it-price-subtitle {
  color: #e6f4f1;
}
.it-price-item.active .price-amount {
  color: #19b6a4;
}
.it-price-item.active .price-amount span {
  color: #cbd5e1;
}
.it-price-item.active .it-price-value {
  border-color: rgba(255, 255, 255, 0.15);
}
.it-price-item.active .it-price-features li {
  color: #e5e7eb;
}
.it-price-item.active .it-price-features li::before {
  color: #fbbf24;
}
.it-price-item.active .it-btn-yellow {
  background: #fbbf24;
  color: #000;
}
.it-price-item.active .it-btn-yellow span, .it-price-item.active .it-btn-yellow svg {
  color: #000;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-price-item.active {
    margin-bottom: 60px;
    box-shadow: none;
  }
}

/*----------------------------------------*/
/*  32. shop css start
/*----------------------------------------*/
.it-shop-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 12px;
  padding: 3px 10px;
  padding-top: 5px;
  z-index: 1;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.it-shop-action-2 {
  position: absolute;
  left: 30px;
  right: 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: 16px;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-theme-2);
}
.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: 18px;
  }
}
@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: 18px;
  color: var(--it-theme-2);
}
.it-shop-price del {
  font-size: 16px;
  padding-left: 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;
  left: 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-2);
}
.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-2);
}
.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 18px;
  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: 18px;
  padding: 7px 40px;
  border-radius: 5px;
  padding-top: 10px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.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-2);
  border-color: var(--it-theme-2);
}
.it-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox ul li label {
  font-size: 18px;
  font-weight: 400;
  position: relative;
  padding-left: 26px;
}
.it-shop-widget-checkbox ul li label::after {
  position: absolute;
  content: "";
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  text-align: center;
  border: 1px solid #797979;
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label::before {
  position: absolute;
  content: url("../img/shop/icon/check.svg");
  top: 3px;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 13px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
  color: var(--it-common-white);
  transition: 0.2s;
}
.it-shop-widget-checkbox ul li label:hover {
  cursor: pointer;
}
.it-shop-widget-rating-list ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.it-shop-widget-rating-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-shop-widget-rating-list ul li:hover .it-shop-widget-checkbox-circle-number {
  border-color: var(--it-common-black);
}
.it-shop-widget-rating-number {
  font-weight: 500;
  font-size: 12px;
  line-height: 1;
  border-radius: 8px;
  padding: 5px 6px 3px;
  transition: 0.3s;
  border: 1px solid #EAEAEA;
}
.it-shop-widget-thumb {
  margin-right: 22px;
  flex: 0 0 auto;
  border-radius: 20px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-shop-widget-thumb img {
  height: 90px;
  width: 90px;
  border-radius: 20px;
}
.it-shop-widget-content h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.4;
  margin-right: 40px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-widget-content h2 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-widget-content h2 {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-content h2 {
    margin-right: 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);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-text span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-shop-text span {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text span {
    font-size: 18px;
    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: 16px;
  }
}
@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-left: 0px;
    margin-top: 30px;
    display: block;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}
.it-shop-filter-box > span {
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-filter-box > span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box > span {
    width: 100%;
    font-size: 18px;
  }
}
@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: 18px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-left: 20px;
  padding-right: 45px;
  line-height: 50px;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  border: 1px solid var(--it-theme-2);
}
.it-shop-filter .nice-select::after {
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
  content: "";
  display: block;
  height: 10px;
  width: 10px;
  margin-top: -4px;
  pointer-events: none;
  position: absolute;
  right: 31px;
  top: 50%;
  margin-left: 10px;
  font-weight: 500;
  -webkit-transform-origin: 66% 66%;
  -ms-transform-origin: 66% 66%;
  transform-origin: 66% 66%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}
.it-shop-filter .nice-select.open::after {
  transform: rotate(-136deg);
}
.it-shop-inner-style .it-shop-thumb {
  border: none;
  height: 100%;
  margin-right: 40px;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-thumb {
    margin-right: 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-left: -45px;
}
@media (max-width: 767px) {
  .it-shop-inner-style .it-shop-content {
    margin-left: 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-2);
}
.it-shop-inner-style .it-shop-action-btn-2 span {
  color: var(--it-common-white);
  padding-top: 2px;
}
.it-shop-inner-style .it-shop-price {
  margin-bottom: 10px;
}
.it-shop-inner-style .it-shop-badge {
  left: auto;
  right: 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;
  }
}

.it-course-filter-tab #myTab {
  margin-right: 15px;
  color: #797979;
}

button#Grid-tab svg {
  transform: translateY(-3px);
}

button#List-tab svg {
  transform: translateY(-2px);
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
  }
}

@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    margin-left: 0 !important;
  }
}

.nice-select .option.selected {
  font-weight: 600;
}

/*----------------------------------------*/
/*  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: 18px;
  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;
}
@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-left: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}
.it-signup-text span a {
  color: 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%;
  right: 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);
}
@media 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: 18px;
  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%;
  left: 28px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-signup-input-icon {
    left: 19px;
  }
}
@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}
.it-signup-wrap {
  padding: 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 {
  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;
}
.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}
.it-signup-text span a {
  display: inline-block;
  margin-left: 20px;
  color: var(--it-theme-1);
}
.it-signup-logo {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 45px;
  padding: 90px 20px;
  border-radius: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-logo {
    margin-right: 20px;
    padding: 90px 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-logo {
    margin-right: 0;
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-logo {
    padding: 80px 40px;
  }
}
.it-signup-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-signup-area .form-check label span {
  color: var(--it-theme-1);
}
.it-signup-forget a {
  font-weight: 600;
  font-size: 16px;
  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: 16px;
  }
}
.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;
  }
}

/*----------------------------------------*/
/*  34. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
}
.it-slider-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
  -webkit-transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: opacity 1500ms ease-in, -webkit-transform 7000ms ease;
  transition: transform 9000ms ease, opacity 1500ms ease-in;
  transition: transform 9000ms ease, opacity 1500ms ease-in, -webkit-transform 9000ms ease;
}
.it-slider-overlay::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background: linear-gradient(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: 16px;
    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%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-slider-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-1 {
    top: -15%;
    left: -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%;
  left: 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;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-shape-3 {
    bottom: -11%;
    right: -3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-shape-3 {
    bottom: -15%;
    right: -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%;
  right: 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-left: 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);
}

.it-brand-slider-wrap {
  padding: 60px 0;
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  35. subscribe css start
/*----------------------------------------*/
.it-subscribe {
  position: relative;
  background: var(--it-theme-2);
  padding: 50px 70px 40px 70px;
  border-radius: 20px;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-subscribe {
    padding: 40px 50px 40px 50px;
  }
}
.it-subscribe-style-2 {
  background: var(--it-theme-4);
  color: var(--it-common-black);
}
.it-subscribe-shape-1 {
  position: absolute;
  right: 0;
  bottom: 0;
  opacity: 0.1;
}
.it-subscribe-shape-2 {
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.1;
}
.it-subscribe input {
  padding: 21px 60px 20px 50px;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #F0F4F5;
  justify-content: center;
  font-size: 16px;
}
.it-subscribe input::placeholder {
  font-size: 16px;
}
.it-subscribe-email-icon {
  left: 20px;
  top: 15px;
}
.it-subscribe-btn {
  padding: 8px 7px;
  background: var(--it-theme-2);
  top: 0;
  right: 0;
  margin: 7px;
  border-radius: 5px;
}
.it-subscribe .it-Subscribe-btn-style-2 {
  background: var(--it-theme-4);
}
.it-subscribe-style-3 {
  padding: 60px 70px;
  border-radius: 16px;
  backdrop-filter: blur(6px);
  border-radius: 10px;
  border: 1.5px solid rgba(11, 130, 112, 0.2);
}
@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-subscribe-style-3 {
    padding: 55px 45px;
  }
}
@media (max-width: 767px) {
  .it-subscribe-style-3 {
    padding: 40px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-subscribe-style-3 {
    padding: 20px 0px 16px 82px;
  }
}
.it-subscribe-style-3-left .it-section-title {
  font-size: 30px;
  letter-spacing: 0.15px;
  font-weight: 700;
  line-height: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-subscribe-style-3-left .it-section-title {
    font-size: 25px;
    padding: 60px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-subscribe-style-3-left .it-section-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-style-3-left .it-section-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-subscribe-style-3-left .it-section-title br {
    display: none;
  }
}
.it-subscribe-style-3-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 767px) {
  .it-subscribe-style-3-right {
    display: block;
  }
}
.it-subscribe-style-3-right .it-subscribe-right {
  margin: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-subscribe-style-3-right .it-subscribe-right {
    margin-right: 20px;
  }
}
.it-subscribe-style-3-right .it-subscribe-right input {
  padding: 20px 60px 14px 50px;
  width: 380px;
  height: 46px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #F0F4F5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-subscribe-style-3-right .it-subscribe-right input {
    width: 320px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-subscribe-style-3-right .it-subscribe-right input {
    width: 260px;
  }
}
@media (max-width: 767px) {
  .it-subscribe-style-3-right .it-subscribe-right input {
    width: 100%;
    padding: 15px 20px;
    padding-inline-start: 35px;
  }
}
.it-subscribe-style-3-right .it-subscribe-email-icon {
  left: 20px;
  top: 11px;
}
@media (max-width: 767px) {
  .it-subscribe-style-3-right .it-subscribe-email-icon {
    left: 10px;
  }
}
@media (max-width: 767px) {
  .it-subscribe-style-3-right .it-btn-yellow {
    padding: 14px 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-subscribe-style-3-right .it-btn-yellow {
    padding: 14px 14px;
  }
}
.it-subscribe-style-3-btn .it-btn-yellow {
  padding: 13px 20px;
  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), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-style-3-btn {
    padding-top: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-style-3 {
    text-align: center;
    flex-direction: column;
  }
}

.it-join-subscribe-area-margin {
  margin-bottom: -90px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .it-join-subscribe-area-margin {
    padding: 0px 15px 0px 15px;
  }
}

.it-subscribe-2 {
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-subscribe-2-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-subscribe-2 input {
  width: 400px;
  height: 50px;
  padding: 0 20px 0 50px;
  margin-right: 20px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  background: #F0F4F5;
  outline: none;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-2 input {
    width: 200px;
    margin-right: 10px;
  }
}
.it-subscribe-2-email-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  display: flex;
  align-items: center;
}
.it-subscribe-2-shape-1 {
  left: 2%;
  top: -36%;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-2-shape-1 {
    display: none;
  }
}
.it-subscribe-2-shape-2 {
  right: 1%;
  top: -20%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-subscribe-2-shape-2 {
    display: none;
  }
}

.it-subscribe {
  align-items: center;
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-subscribe {
    flex-direction: column;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 55px 60px;
    padding-top: 45px;
  }
}
@media (max-width: 767px) {
  .it-subscribe {
    flex-direction: column;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: 45px 20px;
    padding-top: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-subscribe-right {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-subscribe-text {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-subscribe-text br {
    display: none;
  }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-subscribe-2-wrap {
    display: flex !important;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-subscribe-2-btn svg {
    display: none;
  }
}

/*----------------------------------------*/
/*  36. team css start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-area {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px), 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: 1200px) and (max-width: 1399px) {
  .it-team-area {
    background-image: none !important;
    background-color: #EDF2F1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-team-content {
  padding: 20px;
  padding-top: 20px;
  padding-top: 46px;
  font-family: var(--it-ff-heading);
  color: var(--it-text-body);
  margin-top: -30px;
}
.it-team-content span {
  font-size: 14px;
}
.it-team-content-box-1 {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  font-family: var(--it-ff-heading);
  color: var(--it-text-body);
  border-bottom: 1px solid #EFF1F3;
  margin-left: 20px;
  margin-right: 20px;
  padding-bottom: 20px;
  margin-top: 25px;
}
.it-team-content-box-1 svg {
  margin-right: 2px;
  transform: translateY(-2px);
}
.it-team-content-box-1-tp {
  margin-right: 20px;
  text-align: center;
  line-height: 1;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-team-content-box-1-tp-1 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-team-content-box-1-tp {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-content-box-1-tp {
    margin-right: 0;
    border-right: 0;
    padding: 0 10px 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-team-content-box-1 {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-content-box-1 {
    font-size: 13px;
  }
}
.it-team-title {
  font-size: 20px;
  margin-bottom: 0px;
  color: var(--it-common-black);
}
.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;
  left: 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;
  left: 0;
  right: 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: 42px;
  margin: 0px;
  border-radius: 50%;
  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 svg {
  transform: translateY(-1px);
}
.it-team-social a:hover {
  color: var(--it-theme-2);
  background: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-team-social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
.it-team-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
  transition: 0.8s;
}
.it-team-item:hover {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(2, 23, 20, 0.1);
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.1);
}
.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: 16px;
}
.it-team-item .it-course-meta span:first-child {
  padding-right: 0;
  width: 49%;
  text-align: start;
}
.it-team-bg-shape-1 {
  height: 320px;
  width: 320px;
  background-color: var(--it-theme-2);
  opacity: 0.2;
  filter: blur(250px);
  bottom: 26%;
  left: 24%;
}
.it-team-bg-shape-2 {
  height: 320px;
  width: 320px;
  background-color: #FEE90B;
  opacity: 0.5;
  filter: blur(250px);
  top: 45%;
  right: 23%;
  border-radius: 320px;
}
.it-team-shape-x {
  position: absolute;
  top: 15%;
  left: 13%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-team-shape-x {
    display: none;
  }
}
.it-team-shape-1 {
  position: absolute;
  bottom: -12%;
  left: -40%;
  z-index: -1;
  animation: translateX 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: 15%;
  right: 13%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-team-shape-2 {
    display: none;
  }
}

.it-team-2-item {
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  background: var(--it-common-white);
  transition: 0.3s ease;
  border: 1px solid transparent;
}
.it-team-2-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}
.it-team-2-thumb img {
  width: 100%;
  transition: 0.3s ease;
}
.it-team-2-thumb::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
  z-index: 1;
}
.it-team-2-social {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 2;
}
.it-team-2-social a {
  width: 38px;
  height: 38px;
  background: rgba(255, 255, 255, 0.12);
  color: var(--it-common-white);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: rotate(180deg) scale(0);
  transition: 0.3s ease;
}
.it-team-2-social a svg {
  transform: translateY(-1px);
}
.it-team-2-social a:hover {
  color: var(--it-theme-2);
  background: var(--it-common-white);
}
.it-team-2-item:hover {
  border: 1px solid var(--it-theme-2);
  box-shadow: 0 20px 30px 0 rgba(2, 23, 20, 0.1);
  /* Delay effect */
}
.it-team-2-item:hover .it-team-2-meta a {
  color: var(--it-common-black);
  background: var(--it-theme-4);
  transition: 0.4s ease;
}
.it-team-2-item:hover .it-team-2-thumb img {
  transform: scale(1);
}
.it-team-2-item:hover .it-team-2-thumb::after {
  opacity: 1;
  visibility: visible;
}
.it-team-2-item:hover .it-team-2-social a {
  opacity: 1;
  transform: rotate(0deg) scale(1);
}
.it-team-2-item:hover .it-team-2-social a:nth-child(1) {
  transition-delay: 0.1s;
}
.it-team-2-item:hover .it-team-2-social a:nth-child(2) {
  transition-delay: 0.3s;
}
.it-team-2-item:hover .it-team-2-social a:nth-child(3) {
  transition-delay: 0.5s;
}
.it-team-2-item:hover .it-team-2-social a:nth-child(4) {
  transition-delay: 0.7s;
}
.it-team-2-content-box-1 {
  padding: 20px;
  padding-top: 50px;
  color: var(--it-text-body);
  margin-top: -30px;
}
.it-team-2-title {
  font-size: 20px;
  font-weight: 600;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-2-title {
    font-size: 18px;
  }
}
.it-team-2-meta a {
  width: 42px;
  height: 42px;
  background: var(--it-theme-2);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-team-2-meta a svg {
  transition: 0.4s ease;
}

.it-team-1-inner-area {
  background-image: none !important;
  background-color: #EDF2F1;
}

.it-team-details img {
  border-radius: 20px;
}
.it-team-details-meta {
  color: #021A16;
  line-height: 20px;
}
.it-team-details-meta svg {
  transform: translateY(-2px);
}
.it-team-details-sutudents svg {
  transform: translateY(-2px);
}
.it-team-details-designation {
  font-size: 18px;
  line-height: 28px;
}
.it-team-details-7-rating {
  border-left: 1px solid rgba(11, 130, 112, 0.3);
  padding-left: 20px;
}
.it-team-details-contact li {
  margin-bottom: 10px;
}
.it-team-details-contact li label {
  color: var(--Dark-dark_01, #021A16);
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
}
.it-team-details-contact svg {
  transform: translateY(-2px);
}

/*----------------------------------------*/
/*  37. testimonial css start
/*----------------------------------------*/
@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%;
  left: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-shape-1 {
  position: absolute;
  right: 25%;
  top: 1%;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-1 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.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.1);
}
.it-testimonial-2-thumb {
  height: 100%;
  margin-right: 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-right: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-thumb {
    margin-right: 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;
  left: 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: 16px;
}
.it-testimonial-2-text p {
  line-height: 1.75;
  margin-bottom: 20px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-2-text p {
    font-size: 16px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-text p {
    font-size: 13px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-2-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-2-text p {
    font-size: 16px;
    margin-right: 0;
  }
}
.it-testimonial-2-bg-shape-2 {
  width: 236px;
  height: 242px;
  opacity: 1.1;
  background-color: var(--it-theme-2);
  filter: blur(150px);
  top: 43%;
  right: 8%;
  border-radius: 236px;
}
.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: 16px;
  }
}
.it-testimonial-2-content {
  padding: 20px 40px;
  padding-left: 0;
}
@media (max-width: 767px) {
  .it-testimonial-2-content {
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-content {
    padding-left: 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-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-left: 0;
  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);
}
@media (max-width: 767px) {
  .it-testimonial-2-style-2 .it-testimonial-2-text p {
    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%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-2);
  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-2);
}
.it-testimonial-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

.itbrand-slider-active .swiper-wrapper {
  transition-timing-function: linear !important;
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-testimonial-7-title {
    font-size: 28px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-3-area {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-area {
    overflow: hidden;
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
.it-testimonial-3-bg-shape-1 {
  width: 200px;
  height: 200px;
  background-color: #F3BA0F;
  opacity: 0.6;
  filter: blur(150px);
  top: 38%;
  right: 12%;
  z-index: -1;
}
.it-testimonial-3-bg-shape-2 {
  width: 200px;
  height: 200px;
  background-color: var(--it-theme-2);
  opacity: 0.6;
  filter: blur(125px);
  bottom: 32%;
  left: 14%;
  z-index: -1;
}
.it-testimonial-3-shape-1 {
  bottom: 6%;
  left: 12%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-shape-1 {
    display: none;
  }
}
.it-testimonial-3-item {
  padding: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(11, 130, 112, 0.2);
}
@media (max-width: 767px) {
  .it-testimonial-3-item {
    padding: 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-item {
    padding: 30px;
  }
}
.it-testimonial-3 .swiper-slide-active .it-testimonial-3-item {
  border: 1px solid var(--it-theme-2);
}
.it-testimonial-3-text p {
  color: #6A747C;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-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-3-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-3-bottom img {
    display: none;
  }
}
.it-testimonial-3-avatar-name {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-3-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-3-avatar-name {
    font-size: 17px;
  }
}
.it-testimonial-3-thumb {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-testimonial-3-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-thumb img {
    width: 100%;
  }
}
.it-testimonial-3-content {
  margin-right: 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-3-content {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-content {
    margin-right: 0;
    margin-top: 40px;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-arrow-wrap {
    display: none;
  }
}
.it-testimonial-3-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-3-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  left: -25px;
  z-index: 1;
  transform: translateY(-50%);
}
.it-testimonial-3-arrow-wrap button.arrow-next {
  position: absolute;
  top: 50%;
  right: -25px;
  z-index: 1;
  transform: translateY(-50%);
}

@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 767px) {
  .it-testimonial-section-title-box p br {
    display: none;
  }
}

.it-testimonial-6-item {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
}

.swiper-slide-active .it-testimonial-6-item {
  border-radius: 20px;
  border: 1px solid var(--it-theme-2);
  background: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-8-area {
    padding-top: 0;
    padding-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-8-area {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-8-area {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-8-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-8-area {
    padding-top: 0;
    padding-bottom: 90px;
  }
}

.it-testimonial-3-inner-area {
  background: #EAF4FA;
}
.it-testimonial-3-inner-shape-1 {
  position: absolute;
  bottom: 26%;
  left: 10%;
}

/*----------------------------------------*/
/*  38. video css start
/*----------------------------------------*/
.it-video-5-shape-1 {
  position: absolute;
  left: 10%;
  bottom: 7%;
  animation: rotate 15s linear infinite;
}
.it-video-5-shape-2 {
  position: absolute;
  right: 11%;
  bottom: 8%;
  animation: rotate 15s linear infinite;
}

.it-video-thumb.thumb-overlay img {
  border-radius: 20px;
}

@media (max-width: 767px) {
  .it-video-area-7 {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-8-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .it-video-8-area {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.it-video-8-shape-1 {
  position: absolute;
  bottom: 12%;
  left: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-8-shape-1 {
    bottom: 6%;
  }
}
.it-video-8-shape-2 {
  position: absolute;
  bottom: 15%;
  right: 13%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-8-shape-2 {
    bottom: 18% !important;
    right: 5% !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-video-8-shape-2 {
    bottom: 20% !important;
    right: 3% !important;
  }
}
.it-video-8-shape-3 {
  position: absolute;
  right: 8%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-8-shape-3 {
    top: 8%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-8-shape-3 {
    top: 6%;
  }
}
.it-video-8-shape-4 {
  position: absolute;
  left: 8%;
  top: 16%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-8-shape-4 {
    top: 6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-8-shape-4 {
    left: 0%;
    top: 8%;
  }
}
.it-video-8-area .it-video-thumb {
  position: relative;
}
.it-video-8-area .it-video-thumb__contact {
  position: absolute;
  left: 50%;
  bottom: -85px;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1100px;
  background: var(--it-theme-2);
  border-radius: 22px;
  padding: 50px 70px;
  box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
  z-index: 5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-8-area .it-video-thumb__contact {
    padding: 50px 10px;
  }
}
.it-video-8-area .it-video-thumb__contact .row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.it-video-8-area .it-video-thumb__contact .row::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  height: 100%;
  width: 2px;
  background: rgba(255, 255, 255, 0.35);
  transform: translateX(-50%);
}
.it-video-8-area .it-video-thumb__contact .row::after {
  content: "or";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: var(--it-theme-2);
  padding: 8px 16px;
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 18px;
}
.it-video-8-area .it-video-thumb__contact__Us, .it-video-8-area .it-video-thumb__contact__address {
  width: 48%;
}
.it-video-8-area .it-video-thumb__contact__Us span, .it-video-8-area .it-video-thumb__contact__address span {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #F7F7F7;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
  margin-bottom: 12px;
}
.it-video-8-area .it-video-thumb__contact__Us h3, .it-video-8-area .it-video-thumb__contact__address h3 {
  margin: 0;
}
.it-video-8-area .it-video-thumb__contact__Us h3 a, .it-video-8-area .it-video-thumb__contact__address h3 a {
  color: #F7F7F7;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  text-decoration: none;
  white-space: nowrap;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-8-area .it-video-thumb__contact__Us h3 a, .it-video-8-area .it-video-thumb__contact__address h3 a {
    font-size: 24px;
  }
}
.it-video-8-area .it-video-thumb__contact__address {
  text-align: right;
}

.it-video-8-shape-3 {
  position: absolute;
  right: 11%;
  animation: rotate 15s linear infinite;
  top: 7%;
}

@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-video-area {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

/*----------------------------------------*/
/*  39. 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-right: 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-left: 0;
}
.it-metting-area .it-course-sidebar .course-info ul li span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li {
    font-size: 16px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child {
  font-size: 18px;
  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: 16px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child span {
  margin-right: 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;
  }
}
.it-metting-thumb {
  position: relative;
}
.it-metting-thumb img {
  border-radius: 20px;
  width: 100%;
}
.it-metting-thumb-overly {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 20px;
  background: rgba(4, 40, 35, 0.4);
  opacity: 0.6;
}

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