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

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

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

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

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


    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Schoolbell&family=Cinzel+Decorative:wght@400;700;900&family=Oxanium:wght@200..800&display=swap");
@font-face {
  font-family: "Spartan-Bold";
  src: url("../fonts/Spartan-Bold.woff2") format("woff2"), url("../fonts/Spartan-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-SemiBold";
  src: url("../fonts/Spartan-SemiBold.woff2") format("woff2"), url("../fonts/Spartan-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Medium";
  src: url("../fonts/Spartan-Medium.woff2") format("woff2"), url("../fonts/Spartan-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Spartan-Regular";
  src: url("../fonts/Spartan-Regular.woff2") format("woff2"), url("../fonts/Spartan-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Regular";
  src: url("../fonts/Edensor-Regular.woff2") format("woff2"), url("../fonts/Edensor-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Edensor-Semibold";
  src: url("../fonts/Edensor-Semibold.woff2") format("woff2"), url("../fonts/Edensor-Semibold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "NewYork-Regular";
  src: url("../fonts/NewYork.woff2") format("woff2"), url("../fonts/NewYork.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


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

@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1380 {
    max-width: 1380px;
  }
  .container-1200 {
    max-width: 1200px;
  }
  .container-1270 {
    max-width: 1270px;
  }
  .container-1130 {
    max-width: 1130px;
  }
  .container-1370 {
    max-width: 1370px;
  }
  .container-1600 {
    max-width: 1600px;
  }
  .container-1620 {
    max-width: 1620px;
  }
  .container-1750 {
    max-width: 1750px;
  }
  .container-1720 {
    max-width: 1720px;
  }
}

/* Language Modal */

body.rtl{
  direction: rtl;
  text-align: right;
}

.lang-modal{
  position: fixed;
  inset: 0;
  display: none;
  z-index: 99999;
}

.lang-modal.is-open{ display:block; }

.lang-modal__backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.55);
}

.lang-modal__dialog{
  position: relative;
  max-width: 420px;
  width: calc(100% - 32px);
  margin: 12vh auto 0;
  background:#fff;
  border-radius:16px;
  padding:20px 18px 18px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.lang-modal__title{
  margin:0 0 4px;
  font-size:18px;
  font-weight:700;
}

.lang-modal__subtitle{
  margin:0 0 16px;
  opacity:.85;
}

.lang-modal__actions{
  display:flex;
  gap:12px;
}

.lang-modal__btn{
  flex:1;
  padding:12px 10px;
  border-radius:12px;
  border:1px solid #ddd;
  background:#f7f7f7;
  cursor:pointer;
  font-weight:600;
}

.lang-modal__btn:hover{
  background:#eee;
}

.lang-modal__close{
  position:absolute;
  top:10px;
  right:12px;
  width:34px;
  height:34px;
  border-radius:10px;
  border:1px solid #eee;
  background:#fff;
  cursor:pointer;
  font-size:20px;
  line-height:30px;
}
/* Language Modal */

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

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

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

img {
  max-width: 100%;
}

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

h5 {
  font-size: 20px;
}

h6 {
  font-size: 18px;
}

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

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

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

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

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

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

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

.layer {
  position: relative !important;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.border-line {
  display: inline;
  background-repeat: no-repeat;
  background-size: 0% 1px, 0 1px;
  background-position: 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% 1px, 100% 1px;
}

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

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

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

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

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


/* ==========================================================================
   HOVER SPÉCIFIQUE (Uniquement pour le bouton Réserver à Témara)
   ========================================================================== */

.btn-reserver-special {
  transition: all 0.3s ease; 
}

/* Changement du fond et soulèvement au survol */
.btn-reserver-special:hover {
  background-color: #57b5ff !important; 
  transform: translateY(-2px);
}

/* Force la couleur du texte et de l'icône en noir au survol */
.btn-reserver-special:hover .text-1,
.btn-reserver-special:hover .text-2,
.btn-reserver-special:hover i,
.btn-reserver-special:hover svg {
  color: #000000 !important;
}


.btn-reserver-specialT {
  transition: all 0.3s ease; 
}

/* Changement du fond et soulèvement au survol */
.btn-reserver-specialT:hover {
  background-color: #FFEB39 !important; 
  transform: translateY(-2px);
}

/* Force la couleur du texte et de l'icône en noir au survol */
.btn-reserver-specialT:hover .text-1,
.btn-reserver-specialT:hover .text-2,
.btn-reserver-specialT:hover i,
.btn-reserver-specialT:hover svg {
  color: #000000 !important;
}

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

.it-btn-yellow:hover {
  background-color: #FFEB39; 
  color: #000000;            
  transform: translateY(-2px);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-yellow span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-yellow span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-yellow svg {
  width: 20px;
  height: 20px;
  transition: 0.3s;
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
  color: var(--it-common-black);
}
.it-btn-yellow:hover {
  color: var(--it-common-white);
}
.it-btn-yellow:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-btn-yellow:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-btn-yellow.error-btn i {
  margin-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-1);
}
.it-btn-yellow.theme-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg {
  background-color: var(--it-theme-4);
}
.it-btn-yellow.theme-4-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-4-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg {
  border-radius: 0;
  background-color: var(--it-theme-5);
}
.it-btn-yellow.theme-5-bg span {
  color: var(--it-common-white);
}
.it-btn-yellow.theme-5-bg svg {
  color: var(--it-common-white);
}
.it-btn-yellow.style-2 {
  padding: 11.5px 47px;
  border-radius: 100%;
  background-color: transparent;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 {
    padding: 9px 30px;
  }
}
.it-btn-yellow.style-2 span {
  font-size: 20px;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-yellow.style-2 span {
    font-size: 14px;
  }
}
.it-btn-yellow.style-2 svg {
  color: var(--it-theme-6);
}
.it-btn-border {
  font-size: 16px;
  padding: 15.5px 29px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 8px;
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1.1;
  justify-content: center;
  color: var(--it-theme-1);
  font-family: var(--it-ff-jost);
  background-color: transparent;
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-border {
    font-size: 14px;
    padding: 13px 25px;
  }
}
.it-btn-border span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-black);
}
.it-btn-border span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-border span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-border svg {
  width: 14px;
  height: 14px;
  margin-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;
  font-family: var(--it-ff-spartan-semibold);
}
.it-btn-sm {
  font-size: 16px;
  padding: 10.5px 5px;
  font-weight: 500;
  text-align: center;
  transition: 0.4s;
  border-radius: 5px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn-sm {
    font-size: 14px;
  }
}
.it-btn-sm span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
}
.it-btn-sm span span {
  color: var(--it-common-white);
}
.it-btn-sm span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-btn-sm span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-btn-sm i {
  position: relative;
  overflow: hidden;
  width: 14px;
  height: 14px;
  display: inline-flex;
  margin-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);
}

@-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);
  }
}
/*--- 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;
}
@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: 16px;
  z-index: 9;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;
  border: none;
}

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

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

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

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

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

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

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

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

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

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

.body-overlay {
  position: fixed;
  top: 0;
  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.html), 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: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}
.itoffcanvas__text p {
  font-size: 16px;
  color: #414144;
}
.itoffcanvas__info {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.itoffcanvas__info .offcanva-title {
  color: var(--it-common-black);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}
.itoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
.itoffcanvas__info-address span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.6);
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-black);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 16px;
  }
}
.itoffcanvas__info-address a:hover {
  color: var(--it-theme-1);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 135px;
}
.itoffcanvas .it-menu-mobile .home-img-title, .itoffcanvas .it-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.itoffcanvas .it-megamenu-thumb {
  display: none;
}
.itoffcanvas .it-megamenu-text {
  display: none;
}
.itoffcanvas .it-megamenu-list li a::before {
  display: none;
}
.itoffcanvas .it-megamenu-list li:hover > a {
  padding-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: 16px;
  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%;
}

.it-breadcrumb-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 75px;
  padding-bottom: 75px;
  background-color: var(--it-gray-3);
}
@media (max-width: 767px) {
  .it-breadcrumb-area {
    padding-top: 80px;
    padding-bottom: 50px;
  }
}
.it-breadcrumb-title {
  font-size: 45px;
  line-height: 1.56;
  position: relative;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-breadcrumb-title .title-shape {
  position: absolute;
  bottom: 0;
  left: -0.5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-title .title-shape {
    display: none;
  }
}
.it-breadcrumb-title.style-2 .title-shape {
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 36px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 35px;
    margin-bottom: 20px;
  }
  .it-breadcrumb-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 42px;
  }
}
.it-breadcrumb-thumb {
  padding-right: 137px;
}
.it-breadcrumb-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-thumb {
    padding-right: 70px;
  }
}
@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-right: 0;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    padding-right: 0;
    margin-top: 50px;
    width: 100%;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 8px;
  padding: 12px 30px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-list {
    padding: 8px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list {
    padding: 8px 22px;
  }
}
.it-breadcrumb-list span {
  display: inline-block;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 14px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 12px;
  transform: translateY(-1px);
  color: var(--it-common-white);
}
.it-breadcrumb-list i {
  font-style: normal;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list i {
    font-size: 14px;
  }
}
.it-breadcrumb-list-2 {
  margin-bottom: 60px;
}
.it-breadcrumb-list-2 span {
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-breadcrumb-list-2 span.dvdr {
  margin: 0 20px;
}
.it-breadcrumb-subtitle {
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  margin-bottom: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
.it-breadcrumb-author {
  flex: 0 0 auto;
}
.it-breadcrumb-author img {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 15px;
}
.it-breadcrumb-author-info span {
  display: block;
  font-size: 14px;
  color: var(--it-theme-2);
}
.it-breadcrumb-author-info span:last-child {
  margin-top: 8px;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--it-ff-spartan-medium);
}
.it-breadcrumb-author-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-author-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.it-breadcrumb-author-wrapper .border-style {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-author-wrapper .border-style.d-flex.align-items-center.mb-20 {
    flex-wrap: nowrap !important;
    text-align: start;
    justify-content: center;
  }
}
.it-breadcrumb-course-details-style {
  padding-top: 65px;
  padding-bottom: 40px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-thumb {
  padding-right: 0;
  border-radius: 10px;
  display: inline-block;
  border: 5px solid var(--it-common-white);
}
.it-breadcrumb-course-details-style.team-details-style {
  padding-bottom: 92px;
}
.it-breadcrumb-course-details-style .it-breadcrumb-author-wrapper {
  justify-content: start;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-course-details-style .it-breadcrumb-list-2 span.dvdr {
    margin: 0 10px;
  }
}
.it-breadcrumb-course-details-3-style {
  padding-top: 90px;
  padding-bottom: 290px;
}
@media (max-width: 767px) {
  .it-breadcrumb-course-details-3-style {
    padding-bottom: 75px;
  }
}
.it-breadcrumb-course-details-4-style {
  padding-top: 150px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list {
    padding: 8px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-course-details-4-style .it-breadcrumb-list span {
    font-size: 13px;
  }
}
.it-breadcrumb-event-details-style {
  padding-top: 110px;
  padding-bottom: 410px;
}
.it-breadcrumb-event-details-style .it-breadcrumb-title {
  margin-bottom: 20px;
}
.it-breadcrumb-style-2 {
  padding-top: 150px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-2 {
    padding-top: 100px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-shape-3 {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-2 .it-breadcrumb-list span {
    font-size: 12px;
  }
}
.it-breadcrumb-style-2 .it-breadcrumb-list span.dvdr svg {
  height: 12px;
}
.it-breadcrumb-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 255px;
  padding-bottom: 140px;
  background-color: transparent;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 {
  top: 31%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-1 img {
  animation: unset;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 {
  top: 34%;
  right: 7%;
}
.it-breadcrumb-style-3 .it-hero-4-shape-3 img {
  animation: unset;
}
.it-breadcrumb-style-4 {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 {
    padding-top: 70px;
    padding-bottom: 90px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-title {
  font-weight: 400;
  font-size: 60px;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list {
  padding: 16px 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-list span {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-list i {
  color: var(--it-common-black);
}
.it-breadcrumb-style-4 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-4 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-4 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-breadcrumb-style-5 {
  padding-top: 165px;
  padding-bottom: 170px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 {
    padding: 100px 0;
  }
}
.it-breadcrumb-style-5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(13, 13, 13, 0.8);
}
.it-breadcrumb-style-5 .it-breadcrumb-title {
  font-weight: 500;
  font-size: 60px;
  letter-spacing: 0.01em;
  line-height: 1;
  margin-bottom: 36px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-title {
    font-size: 34px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list {
  padding: 16px 30px;
  border-radius: 0;
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-list {
    padding: 10px 30px;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-list span {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list span.dvdr {
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-list i {
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
.it-breadcrumb-style-5 .it-breadcrumb-bg {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 30%;
  width: 44.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    width: 52%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: static;
    width: 100%;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-style-5 .it-breadcrumb-bg {
    position: absolute;
    width: 40%;
    margin-top: 0;
  }
}
.it-breadcrumb-style-5 .it-breadcrumb-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding: 100px 0;
  }
}
.it-breadcrumb-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-1 {
    top: -7%;
    left: -5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}
.it-breadcrumb-shape-2 {
  position: absolute;
  z-index: -1;
  top: -21%;
  right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-2 {
    display: none;
  }
}
.it-breadcrumb-shape-3 {
  position: absolute;
  z-index: -1;
  top: 4%;
  right: 15.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-shape-3 {
    right: 3.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-3 {
    display: none;
  }
}
.it-breadcrumb-shape-4 {
  position: absolute;
  bottom: 0;
  right: 41%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-shape-4 {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-items {
    margin-bottom: 20px;
  }
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 25px 30px;
  padding-right: 65px;
  width: 100%;
  font-size: 20px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
    padding: 20px 25px;
    padding-right: 65px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
    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: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f107";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-buttons:not(.collapsed) {
    padding-bottom: 12px;
  }
}
.it-custom-accordion .accordion-body {
  padding: 0 35px;
  padding-bottom: 25px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    padding: 0 25px;
    padding-bottom: 25px;
  }
}
.it-custom-accordion .accordion-body p {
  line-height: 1.7;
  font-size: 14px;
  margin-bottom: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p br {
    display: none;
  }
}

.it-custom-accordion-2 {
  border-radius: 20px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-custom-accordion-2 .accordion-items {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons.collapsed {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:first-child .accordion-buttons:not(.collapsed) {
  border-radius: 20px 20px 0 0;
}
.it-custom-accordion-2 .accordion-items:last-child .accordion-buttons.collapsed {
  border-radius: 0 0 20px 20px;
}
.it-custom-accordion-2 .accordion-buttons {
  position: relative;
  text-align: left;
  padding: 21px 30px;
  padding-left: 65px;
  width: 100%;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
  font-family: var(--it-ff-spartan-semibold);
  border-bottom: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons {
    font-size: 12px;
    padding-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: 16px;
  height: 25px;
  width: 25px;
  line-height: 25px;
  text-align: center;
  opacity: 1;
  border-radius: 50%;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-buttons::after {
    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: 14px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion-2 .accordion-body .accordion-content ul li {
    flex-wrap: nowrap;
  }
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li:last-child .preview-box a {
  width: 77px;
}
.it-custom-accordion-2 .accordion-body .accordion-content ul li > span {
  position: absolute;
  top: -1px;
  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;
}

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

.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: 16px;
  line-height: 1;
  font-family: var(--it-ff-heading);
}
.it-shop-details-title {
  font-size: 32px;
  line-height: 1;
  margin-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-title {
    font-size: 28px;
    margin-bottom: 25px;
  }
}
.it-shop-details-stock {
  margin-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: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-wrapper > p {
  font-size: 15px;
  line-height: 1.7;
  font-family: var(--it-ff-heading);
}
.it-shop-details-wrapper > p span {
  font-weight: 500;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-shop-details-price {
  font-weight: 500;
  font-size: 24px;
  letter-spacing: -0.02em;
  color: var(--it-common-black);
}
.it-shop-details-price.old-price {
  font-weight: 400;
  font-size: 16px;
  text-decoration-line: line-through;
  color: #767A7D;
}
.it-shop-details-action-title {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 13px;
  font-family: var(--it-ff-heading);
}
.it-shop-details-action-wrapper {
  margin-bottom: 17px;
}
.it-shop-details-action-wrapper .it-btn {
  padding: 15.9px 40px;
  border-radius: 100px;
}
.it-shop-details-action-wrapper .it-btn.orange-2-btn:hover {
  color: var(--it-theme-1);
  border: 2px solid var(--it-theme-1);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover {
  color: var(--it-common-black);
  border: 2px solid var(--it-common-black);
}
.it-shop-details-action-wrapper .it-btn.black-bg:hover i, .it-shop-details-action-wrapper .it-btn.black-bg:hover svg {
  color: var(--it-common-black);
}
.it-shop-details-action-sm-btn {
  font-size: 16px;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details-action-sm-btn {
    font-size: 12px;
  }
}
.it-shop-details-action-sm-btn:not(:last-child) {
  margin-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-section-title {
  font-size: 36px;
  margin-bottom: 0;
  line-height: 1.4;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-section-title span svg {
  animation: title-animation 4s infinite;
}
.it-section-title span.it-title-shape {
  position: absolute;
  bottom: 0;
  left: -3%;
  z-index: -1;
  line-height: 0;
}
.it-section-title span.it-title-shape-2 {
  position: absolute;
  bottom: 19%;
  right: 3%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title span.it-title-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 25px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 32px;
  }
}
.it-section-title-2 {
  font-size: 45px;
  line-height: 1.22;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-2 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-2 {
    font-size: 30px;
  }
  .it-section-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-2 {
    font-size: 32px;
  }
}
.it-section-title-2 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-2 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  right: 14%;
  z-index: -1;
  line-height: 0;
}
.it-section-title-3 {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.39;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-3 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-3 {
    font-size: 29px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-3 {
    font-size: 27px;
  }
  .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-3 {
    font-size: 32px;
  }
}
.it-section-title-3 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-3 span.it-title-shape {
  position: absolute;
  bottom: 17%;
  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.11;
  margin-bottom: 0;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-4 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-4 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-4 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-4 {
    font-size: 30px;
  }
  .it-section-title-4 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-4 {
    font-size: 32px;
  }
}
.it-section-title-4 span svg {
  animation: title-animation 4s infinite;
}
.it-section-title-4 span.it-title-shape {
  position: absolute;
  bottom: 19%;
  right: 22%;
  z-index: -1;
  line-height: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title-4 span.it-title-shape {
    display: none;
  }
}
.it-section-subtitle {
  line-height: 1;
  border-radius: 100px;
  padding: 9px 20px;
  padding-bottom: 6px;
  display: inline-block;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-theme-1);
  background-color: rgba(26, 182, 157, 0.1);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle {
    font-size: 14px;
    padding: 9px 15px;
    padding-bottom: 6px;
  }
}
.it-section-subtitle svg, .it-section-subtitle i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle svg, .it-section-subtitle i {
    height: 12px;
  }
}
.it-section-subtitle.yellow-style {
  border-color: rgba(248, 198, 47, 0.3);
  background-color: rgba(248, 198, 47, 0.1);
}
.it-section-subtitle.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle.style-2 {
  border-radius: 5px;
  margin-bottom: 25px;
  border-color: rgba(3, 89, 78, 0.3);
  background-color: rgba(26, 182, 157, 0.1);
}
.it-section-subtitle.style-3 {
  margin-bottom: 27px;
  color: var(--it-theme-4);
  border-color: rgba(97, 130, 105, 0.3);
  background-color: rgba(97, 130, 105, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle.style-3 {
    font-size: 14px;
  }
}
.it-section-subtitle.style-3.white-style {
  color: var(--it-common-white);
  border-color: rgba(255, 255, 255, 0.3);
  background-color: rgba(255, 255, 255, 0.1);
}
.it-section-subtitle-2 {
  display: block;
  font-weight: 400;
  font-size: 20px;
  margin-bottom: 20px;
  color: var(--it-theme-2);
  font-family: var(--it-ff-schoolbell);
}
.it-section-subtitle-3 {
  display: block;
  margin-bottom: 25px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-medium);
}
.it-section-subtitle-3 svg, .it-section-subtitle-3 i {
  margin-right: 5px;
  display: inline-block;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-subtitle-3 svg, .it-section-subtitle-3 i {
    height: 12px;
  }
}
.it-section-subtitle-4 {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 20px;
  position: relative;
  display: inline-block;
  line-height: 1;
  padding: 0 41px;
  color: var(--it-theme-5);
  text-transform: uppercase;
  font-family: var(--it-ff-oxanium);
}
.it-section-subtitle-4::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.it-section-subtitle-4::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 6px;
  background-color: var(--it-theme-5);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

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

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

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

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

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

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

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

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

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

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  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.html");
}

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

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

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

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

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

.ui-icon-blank {
  background-position: 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;
}

/*----------------------------------------*/
/*  06. blog css start
/*----------------------------------------*/
.it-blog-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-blog-item .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-item .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-item .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-blog-item:hover .it-btn-yellow span, .it-blog-item:hover .it-btn-yellow i {
  color: var(--it-theme-1);
}
.it-blog-thumb {
  overflow: hidden;
}
.it-blog-thumb img {
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-title {
    font-size: 18px;
  }
}
.it-blog-tag {
  position: absolute;
  left: 20px;
  top: 20px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
.it-blog-meta span {
  position: relative;
  padding-left: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 14px;
  }
}
.it-blog-meta span svg {
  position: absolute;
  top: 0;
  left: 0;
  color: var(--it-theme-1);
}
.it-blog-meta span:not(:last-child) {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid var(--it-theme-1);
}
.it-blog-shape-1 {
  position: absolute;
  top: -7%;
  left: 0;
  z-index: -1;
}
.it-blog-shape-2 {
  position: absolute;
  top: 9%;
  right: 16%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-2 {
    right: 1%;
    transform: scale(0.4);
  }
}
.it-blog-shape-3 {
  position: absolute;
  top: 46%;
  right: 0;
  z-index: -1;
}
.it-blog-shape-4 {
  position: absolute;
  z-index: -1;
  top: 35%;
  left: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-blog-shape-5 {
  position: absolute;
  z-index: -1;
  right: 41%;
  top: 17%;
  animation: ittranslateX2 2s forwards infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-shape-5 {
    top: 5%;
    transform: scale(0.6);
  }
}
.it-blog-shape-6 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 39%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media (max-width: 767px) {
  .it-blog-shape-6 {
    display: none;
  }
}
.it-blog-shape-7 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  right: 6.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-7 {
    right: 4%;
  }
}
@media (max-width: 767px) {
  .it-blog-shape-7 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-shape-7 img {
    transform: scale(0.7);
  }
}
.it-blog-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-blog-shape-9 {
  position: absolute;
  z-index: -1;
  top: -10%;
  right: 0;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-shape-9 {
    right: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-shape-9 {
    right: -18%;
    transform: scale(0.8);
  }
}
.it-blog-shape-10 {
  position: absolute;
  bottom: -20%;
  right: -5%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-btn {
    margin-top: 30px;
  }
}
.it-blog-style-2 .it-blog-shape-2 {
  top: -8%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-2 .it-blog-btn {
    margin-top: 40px;
  }
}
.it-blog-style-3 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-3 .it-blog-shape-2 {
    top: 1%;
    transform: scale(0.6);
  }
}
.it-blog-style-3 .it-blog-tag {
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-blog-style-3 .it-blog-item:hover {
  border-color: rgba(3, 89, 78, 0.5);
}
.it-blog-style-4 .it-blog-shape-2 {
  top: -10%;
  right: 7%;
}
.it-blog-style-4 .it-blog-tag {
  border: none;
  border-radius: 5px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-title {
  font-size: 24px;
  line-height: 1.3;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media (max-width: 767px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 19px;
  }
}
.it-blog-style-4 .it-blog-item:hover {
  border-color: rgba(97, 130, 105, 0.5);
}
.it-blog-style-4 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-4 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-blog-style-4 .it-blog-meta span svg {
  color: var(--it-theme-4);
}
.it-blog-style-5 .it-blog-tag {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 1.5;
  text-transform: capitalize;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-style-5 .it-blog-item {
    padding: 25px 30px;
    padding-bottom: 30px;
  }
}
.it-blog-style-5 .it-blog-item:hover {
  border-color: rgba(26, 182, 157, 0.5);
}
.it-blog-style-5 .it-blog-item:hover .it-btn-yellow span, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow i, .it-blog-style-5 .it-blog-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-style-5 .it-blog-shape-7 {
  top: 14.5%;
  right: 7.5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-inner-style .it-blog-title {
    font-size: 17px;
  }
}

.it-blog-2-area .it-blog-thumb {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-blog-2-area .it-blog-btn .it-btn-yellow span {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
.it-blog-2-area .it-blog-btn .it-btn-yellow i {
  color: var(--it-text-body);
}
.it-blog-2-area .it-blog-meta span svg {
  color: var(--it-theme-1);
}
.it-blog-2-area .it-blog-tag {
  position: absolute;
  left: 30px;
  top: -20px;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-2-area .it-blog-shape-2 {
    transform: scale(0.5);
  }
}
.it-blog-2-content {
  padding: 40px 30px;
  padding-bottom: 36px;
  margin-top: -15px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-2-content {
    padding: 35px 20px;
  }
}
.it-blog-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}

.it-pagination ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 4px;
}
.it-pagination ul li a {
  width: 60px;
  height: 60px;
  line-height: 61px;
  font-weight: 400;
  font-size: 18px;
  transition: 0.3s;
  display: inline-block;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-pagination ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media (max-width: 767px) {
  .it-pagination ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
.it-pagination ul li a i {
  font-size: 20px;
}
.it-pagination ul li.current a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination ul li:hover a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
.it-pagination.theme-4-style ul li a {
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.it-pagination.theme-4-style ul li.current a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-4-style ul li:hover a {
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-theme-4);
}
.it-pagination.theme-5-style ul li.current a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-pagination.theme-5-style ul li:hover a {
  background-color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}

/*  blog-details css here  */
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-details-area.blog-details-left-sidebar .it-shop-sidebar {
    margin-top: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-blog-details-area.blog-sidebar-style .it-section-title {
    font-size: 28px;
  }
}

.postbox-details-wrapper .it-blog-meta span svg {
  top: 3px;
}
.postbox-details-wrapper .it-blog-meta span:not(:last-child) {
  margin-right: 35px;
  padding-right: 0;
  border: none;
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span:not(:last-child) {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta span {
    display: inline-block;
  }
}
.postbox-details-wrapper .it-blog-meta-wrap {
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .postbox-details-wrapper .it-blog-meta-wrap {
    flex-wrap: wrap;
  }
}
.postbox-details-wrapper .it-section-title {
  margin-bottom: 12px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-details-wrapper .it-section-title {
    font-size: 28px;
  }
}
.postbox-video-btn {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  display: inline-block;
  height: 120px;
  width: 120px;
  line-height: 120px;
  text-align: center;
  border-radius: 50%;
  font-size: 26px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-video-btn {
    height: 90px;
    width: 90px;
    line-height: 85px;
  }
}
@media (max-width: 767px) {
  .postbox-video-btn {
    height: 60px;
    width: 60px;
    line-height: 55px;
  }
}
.postbox-video-btn i, .postbox-video-btn svg {
  padding-left: 5px;
  display: inline-block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-video-btn i, .postbox-video-btn svg {
    width: 18px;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  padding: 0;
  height: 60px;
  width: 60px;
  line-height: 63px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap button {
    font-size: 14px;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-share {
    margin-left: -20px;
  }
}
.postbox-share span {
  display: inline-block;
  margin-right: 10px;
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-share span {
    font-size: 14px;
  }
}
.postbox-share-social a {
  font-size: 16px;
  display: inline-block;
  transition: 0.3s;
  height: 42px;
  width: 42px;
  line-height: 38px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-share-social a {
    height: 35px;
    width: 35px;
    line-height: 31px;
  }
}
@media (max-width: 767px) {
  .postbox-share-social a svg {
    width: 12px;
  }
}
.postbox-share-social a:not(:last-child) {
  margin-right: 5px;
}
.postbox-share-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-size: 20px;
  display: inline-block;
  margin-right: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-title {
    font-size: 14px;
  }
}
.postbox-tag-content a {
  padding: 0 14px;
  height: 41px;
  line-height: 41px;
  display: inline-block;
  border-radius: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.postbox-tag-content a:not(:last-child) {
  margin-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: 14px;
  }
}
@media (max-width: 767px) {
  .postbox-tag-content a {
    padding: 0 12px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-tag-box {
  padding: 18px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.3);
  border-bottom: 1px solid rgba(121, 121, 121, 0.3);
}
.postbox-banner img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-banner img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .postbox-banner img {
    width: 100%;
    margin-bottom: 40px;
  }
}
.postbox-list ul li {
  padding-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: 14px;
  }
}
.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);
  font-family: var(--it-ff-spartan-semibold);
}
.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: 14px;
  }
}
.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-dsc {
  margin-right: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc {
    margin-right: 0;
  }
}
.postbox-dsc p {
  line-height: 1.75;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 14px;
  }
}
.postbox-dsc.dsc-style-2 {
  margin-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;
  font-family: var(--it-ff-spartan-semibold);
}
.postbox-user-info span {
  font-size: 16px;
  display: flex;
  align-items: center;
}
.postbox-user-info span svg {
  margin-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: 14px;
  }
  .postbox-user-info p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
    margin-right: 0;
  }
  .postbox-user-info p br {
    display: none;
  }
}
.postbox-user-meta span {
  font-size: 16px;
  display: inline-flex;
  align-items: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-user-meta span {
    margin-bottom: 10px;
  }
}
.postbox-user-meta span svg {
  margin-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: 16px;
  line-height: 1.75;
  margin-top: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-comment-item.course-style .postbox-user-info p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-item.course-style .postbox-user-info p {
    font-size: 14px;
    margin-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-1);
}
.postbox-contact-box {
  padding: 70px 75px;
  padding-top: 65px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .postbox-contact-box {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-contact-box {
    padding: 50px 40px;
  }
}
.postbox-contact-box .it-btn-yellow.theme-bg span {
  font-weight: 600;
}
.postbox-input-box input {
  height: 50px;
  line-height: 50px;
  padding-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);
}

/*----------------------------------------*/
/*  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: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar-widget {
  padding: 45px 37px;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar-widget {
    padding: 35px 25px;
  }
}
.sidebar-widget.tagcloud-widget {
  padding-bottom: 35px;
}
.sidebar-widget-title {
  font-size: 24px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.sidebar-widget-list {
  width: 100%;
  padding: 19px 20px;
  display: flex;
  font-size: 16px;
  transition: 0.3s;
  border-radius: 10px;
  text-transform: capitalize;
  justify-content: space-between;
  border: 1px solid rgba(98, 94, 88, 0.1);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget-list {
    padding: 12px 15px;
    font-size: 14px;
  }
}
.sidebar-widget-list span {
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list.active span {
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list:hover span {
  color: var(--it-common-white);
}
.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  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: 16px;
}
.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-2);
  border: 3px solid var(--it-common-white);
}
.sidebar-contact-circle span {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.01em;
  text-align: center;
  color: var(--it-common-black);
}
.sidebar-contact-wrap {
  overflow: hidden;
  border-radius: 20px;
}
.sidebar-contact-wrap .thumb img {
  width: 100%;
  border-radius: 0 0 50% 50%;
}
.sidebar-contact-wrap .shape {
  position: absolute;
  bottom: 0;
  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: 14px;
  text-align: center;
  border-radius: 10px;
  padding: 12px 15px;
  margin-bottom: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.1);
}
.tagcloud a:not(:last-child) {
  margin-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: 16px;
  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: 16px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .rc-post-title {
    font-size: 14px;
  }
  .rc-post-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .rc-post-title {
    font-size: 18px;
  }
}
.rc-meta i {
  margin-right: 5px;
}

/*----------------------------------------*/
/*  07. brand css start
/*----------------------------------------*/
.it-brand-item {
  height: 120px;
  line-height: 120px;
  position: relative;
}
@media (max-width: 767px) {
  .it-brand-item {
    text-align: center;
  }
}
.it-brand-wrap {
  padding: 30px 80px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap {
    padding: 30px;
  }
}
.it-brand-wrap .row:first-child [class*=col] {
  border-bottom: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-brand-wrap .row:first-child [class*=col] {
    border-bottom: none;
  }
}
.it-brand-wrap .row [class*=col]:not(:last-child) .it-brand-item::after {
  position: absolute;
  top: 0;
  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;
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
  transform: translateX(-10px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(2) .it-brand-item::after {
  right: -17%;
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
  transform: translateX(60px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item {
    transform: translateX(0);
  }
}
.it-brand-wrap .row [class*=col]:nth-child(3) .it-brand-item::after {
  right: -5%;
}
.it-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-active .swiper-slide {
  width: auto;
}

.it-brand-2-shape-1 {
  position: absolute;
  top: 0;
  left: 1%;
}
.it-brand-2-shape-2 {
  position: absolute;
  bottom: 0;
  right: 5%;
}
.it-brand-2-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-area {
    padding-bottom: 130px;
  }
}
.it-brand-3-item {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-brand-3-item img {
    height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-item img {
    height: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-left .it-section-title {
    font-size: 31px;
  }
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-brand-3-left .it-section-title br {
    display: none;
  }
}
.it-brand-3-wrap {
  padding: 40px 50px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(61, 151, 254, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-3-wrap {
    padding: 40px 30px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 30px 20px;
    margin-top: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-3-wrap {
    padding: 40px;
  }
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 10%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row [class*=col]:not(:last-child) .it-brand-3-item.style-2::after {
  right: -16%;
}
.it-brand-3-wrap .row:first-child [class*=col] .it-brand-3-item {
  padding-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-brand-3-wrap .row:last-child [class*=col] .it-brand-3-item {
  padding-top: 20px;
}
.it-brand-3-shape-1 {
  position: absolute;
  bottom: 14%;
  right: 12%;
  z-index: -1;
  animation: rotate 40s linear infinite;
}

.it-brand-4-ptb {
  padding: 51px 0;
}
.it-brand-4-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-brand-4-active .swiper-slide {
  width: auto;
}
.it-brand-4-top-text {
  line-height: 0;
  position: relative;
}
.it-brand-4-top-text::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1px;
  z-index: -3;
  transform: translateY(-50%);
  background-color: #A3C8C3;
}
@media (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-brand-4-top-text::after {
    display: block;
  }
}
.it-brand-4-top-text h5 {
  padding: 8px 20px;
  border-radius: 100px;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-brand-4-top-text h5 {
    font-size: 14px;
    padding: 4px 25px;
  }
}
@media (max-width: 767px) {
  .it-brand-4-top-text h5 {
    font-size: 12px;
    line-height: 1.4;
    padding: 4px 15px;
  }
}
.it-brand-4-top-text h5::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: rgba(26, 182, 157, 0.1);
}
.it-brand-4-top-text h5::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-common-white);
}

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

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

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

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

.table-content table td.product-name {
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.table-content table td.product-name a:hover {
  color: var(--it-theme-1);
}

.table-content table td {
  border-top: medium none;
  padding: 20px 10px;
  vertical-align: middle;
  font-size: 16px;
}

.table-content table th, .table-content table td {
  border-bottom: 1px solid 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: 16px;
}

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

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

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 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: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

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

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

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

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

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

.minicart {
  background: #fff;
  padding: 25px;
  position: absolute;
  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;
  color: red;
  cursor: pointer;
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #707279;
}
.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}
.cart-btn .it-btn-theme {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  12. Checkout css start
/*----------------------------------------*/
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 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: 16px;
  color: var(--it-common-black);
  margin-bottom: 6px;
}

.coupon-info p.form-row-first label span.required, .coupon-info p.form-row-last label span.required {
  color: var(--it-theme-1);
  font-weight: 700;
}

.coupon-info p.form-row-first input, .coupon-info p.form-row-last input {
  border-radius: 5px;
  height: 50px;
  line-height: 50px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  background-color: transparent;
  border: 1px solid rgba(121, 121, 121, 0.2);
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--it-theme-1);
}

.coupon-info p.form-row input[type=submit]:hover, p.checkout-coupon input[type=submit]:hover {
  background: #3e976c none repeat scroll 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: #fff;
  display: inline-block;
  float: left;
  font-size: 12px;
  font-weight: 700;
  height: 40px;
  line-height: 40px;
  margin-right: 15px;
  padding: 0 15px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}

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

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

p.checkout-coupon input[type=text] {
  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: 16px;
  display: block;
  margin: 0 0 5px;
  color: var(--it-common-black);
}

.country-select label span.required, .checkout-form-list label span.required {
  color: var(--it-theme-1);
}

.country-select .nice-select {
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
  height: 50px;
  padding: 0 20px;
  line-height: 50px;
  width: 100%;
  margin-bottom: 20px;
}
.country-select .nice-select.open {
  border-color: var(--it-theme-1);
}

.country-select .nice-select .list {
  width: 100%;
}

.checkout-form-list {
  margin-bottom: 30px;
}

.checkout-form-list label {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  height: 50px;
  line-height: 50px;
  line-height: 50px;
  padding: 0 20px;
  width: 100%;
  outline: none;
  box-shadow: none;
  border: 1px solid rgba(121, 121, 121, 0.2);
  background-color: transparent;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--it-theme-1);
}

.checkout-form-list input[type=text]::-moz-placeholder,
.checkout-form-list input[type=password]::-moz-placeholder,
.checkout-form-list input[type=email]::-moz-placeholder {
  opacity: 1;
}

.checkout-form-list input[type=text]::placeholder,
.checkout-form-list input[type=password]::placeholder,
.checkout-form-list input[type=email]::placeholder {
  opacity: 1;
}

input[type=checkbox] {
  display: inline-block;
  margin-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;
}

.create-account {
  display: none;
}

.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;
  background-color: var(--it-gray-3);
  border: 1px solid var(--it-gray-3);
}

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

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

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

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

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

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

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

.your-order-table table th, .your-order-table table td {
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
  border-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: #fff;
  border: 0;
  border-bottom: 1px solid #e7e7e7;
}
.payment-method .accordion-button {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-common-black);
  padding: 23px 0;
  border: none;
}
.payment-method .accordion-button:focus {
  box-shadow: none;
}
.payment-method .accordion-button::after {
  position: absolute;
  content: "\f067";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: 400;
  margin-left: 0;
  background-image: none;
  color: var(--it-common-black);
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-button:not(.collapsed) {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: none;
}
.payment-method .accordion-button:not(.collapsed)::after {
  content: "\f068";
  font-family: "Font awesome 5 pro";
}
.payment-method .accordion-body {
  padding: 8px 0;
  padding-bottom: 40px;
}
.payment-method .accordion-collapse {
  border: none;
}

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

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

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

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

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid rgba(121, 121, 121, 0.2);
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid rgba(121, 121, 121, 0.2);
}

.card-header:first-child {
  border-radius: 0;
}

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}

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

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout-form-list p {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .coupon-area p {
    font-size: 16px;
  }
}
.coupon-area button.it-btn-orange {
  line-height: 1.4;
}

/*----------------------------------------*/
/*  14. contact css start
/*----------------------------------------*/
.it-contact-wrap {
  padding: 95px 50px;
  padding-bottom: 65px;
  border-radius: 50px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-contact-wrap {
    padding: 45px 20px;
  }
}
.it-contact-wrap .postbox__select .nice-select {
  position: relative;
  height: 70px;
  line-height: 70px;
  border-radius: 10px;
  padding-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: 14px;
  }
}
.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: 14px;
  }
}
.it-contact-btn .it-btn-yellow {
  padding: 24.5px 29px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-btn .it-btn-yellow {
    height: 50px;
    line-height: 50px;
  }
}
.it-contact-info-box span {
  display: block;
  font-size: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-info-box span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-contact-info-box span {
    font-size: 16px;
  }
}
.it-contact-info-box span:not(:last-child) {
  margin-bottom: 15px;
}
.it-contact-info-box span a {
  font-family: var(--it-ff-spartan-regular);
}
.it-contact-info-box span i {
  font-style: normal;
  width: 130px;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-contact-info-box span i {
    width: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-thumb {
    margin-bottom: 70px;
  }
}
.it-contact-3-left {
  padding: 20px;
  padding-bottom: 55px;
  margin-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-1);
}
@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;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-3-area .it-contact-list ul li a {
    font-size: 17px;
  }
}
.it-contact-3-area .it-contact-list ul li a:hover {
  color: var(--it-theme-1);
}
.it-contact-3-area .it-contact-list ul li span {
  position: absolute;
  top: -2px;
  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-1);
}
.it-contact-3-area .it-contact-2-form-title {
  color: var(--it-common-black);
}
.it-contact-3-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-contact-3-area .it-signup-input textarea {
  border-radius: 5px;
  height: 290px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media (max-width: 767px) {
  .it-contact-3-area .it-signup-input textarea {
    height: 150px;
  }
}
.it-contact-3-area .it-signup-input textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-3-style-2 .it-contact-3-left {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-3-style-2 .it-contact-3-left {
    padding: 0;
  }
}
.it-contact-3-style-2 .it-contact-3-left span {
  font-size: 28px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-contact-3-style-2 .it-contact-list ul li {
  padding-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);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-section-title br {
    display: none;
  }
}
.it-contact-2-area .it-contact-thumb {
  margin-right: 84px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-2-area .it-contact-thumb {
    margin-right: 0;
  }
}
.it-contact-2-form-box {
  padding: 40px 30px;
  padding-top: 36px;
  border-radius: 10px;
  background-color: #06786A;
}
.it-contact-2-form-box .it-btn-yellow {
  border-radius: 5px;
}
.it-contact-2-form-title {
  font-size: 30px;
  text-align: center;
  margin-bottom: 25px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-contact-2-form-title {
    font-size: 24px;
  }
}
.it-contact-2-input-wrap {
  margin-bottom: 27px;
}
.it-contact-2-input-wrap label {
  font-weight: 600;
  margin-bottom: 11px;
  color: var(--it-common-white);
}
.it-contact-2-input-box {
  position: relative;
}
.it-contact-2-input-box input {
  height: 50px;
  line-height: 50px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  padding-right: 50px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box input::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box textarea {
  height: 150px;
  border-radius: 5px;
  font-size: 14px;
  padding-left: 20px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-contact-2-input-box textarea::placeholder {
  font-size: 14px;
}
.it-contact-2-input-box .icon {
  position: absolute;
  top: 48%;
  right: 23px;
  transform: translateY(-50%);
}
.it-contact-2-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  21. footer css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-1-1 {
    margin-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-col-6-2 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-2 {
    padding-left: 0;
  }
}
.it-footer-col-6-3 {
  padding-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-6-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-2 {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-2 {
    padding-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-2 {
    padding-left: 0;
  }
}
.it-footer-col-7-3 {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-col-7-3 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-7-3 {
    padding-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-3 {
    padding-left: 0;
  }
}
.it-footer-col-7-4 {
  padding-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-7-4 {
    padding-left: 0;
  }
}
.it-footer-col-8-2 {
  transform: translateX(50px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-2 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-2 {
    transform: translateX(0);
  }
}
.it-footer-col-8-3 {
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-3 {
    transform: translateX(60px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-3 {
    transform: translateX(0);
  }
}
.it-footer-col-8-4 {
  transform: translateX(80px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-8-4 {
    transform: translateX(0);
  }
}
.it-footer-col-14-2 {
  padding-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-2 {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-14-2 {
    padding-left: 0;
  }
}
.it-footer-col-14-3 {
  padding-left: 100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-14-3 {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-14-3 {
    padding-left: 60px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-14-3 {
    padding-left: 0;
  }
}
.it-footer-widget-title {
  font-size: 24px;
  line-height: 1.28;
  margin-top: 6px;
  margin-bottom: 30px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-title {
    font-size: 19px;
  }
}
.it-footer-widget-text p {
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-text p {
    font-size: 14px;
    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: 14px;
    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: 14px;
    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: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li:not(:last-child) {
    margin-bottom: 16px;
  }
}
.it-footer-widget-menu ul li a {
  position: relative;
}
.it-footer-widget-menu ul li a::before {
  content: "";
  height: 1px;
  width: 4px;
  transition: 0.3s;
  display: inline-block;
  transform: translateY(-5px);
  opacity: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li a:hover::before {
  opacity: 1;
  width: 10px;
  margin-right: 10px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 {
    margin-top: 30px;
  }
}
.it-footer-widget-menu-2 a {
  font-size: 24px;
  display: inline-block;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-footer-widget-menu-2 a:not(:last-child) {
  margin-right: 65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a:not(:last-child) {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-widget-menu-2 a {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-menu-2 a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-menu-2 a {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-menu-2 a {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.it-footer-widget-menu-2 a:hover {
  color: var(--it-theme-2);
}
.it-footer-widget-contact ul li {
  list-style-type: none;
}
.it-footer-widget-contact ul li:not(:last-child) {
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li:not(:last-child) {
    margin-bottom: 15px;
  }
}
.it-footer-widget-contact ul li span {
  font-weight: 600;
  margin-right: 5px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-contact ul li a {
    font-size: 15px;
  }
}
.it-footer-widget-contact ul li a:hover {
  color: var(--it-common-black);
}
.it-footer-widget-contact-2 ul li {
  list-style-type: none;
}
.it-footer-widget-contact-2 ul li:not(:last-child) {
  margin-bottom: 20px;
}
.it-footer-widget-contact-2 ul li span {
  font-weight: 400;
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-widget-contact-2 ul li span i {
  font-style: normal;
  display: inline-block;
  font-weight: 600;
  margin-right: 4px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-3 a {
  font-size: 18px;
  line-height: 1.56;
  display: block;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-contact-3 a {
    font-size: 14px;
  }
}
.it-footer-widget-contact-3 a:last-child {
  margin-top: 20px;
  font-weight: 600;
  display: inline-block;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li {
  list-style-type: none;
  padding-left: 30px;
  position: relative;
}
.it-footer-widget-contact-4 ul li:not(:last-child) {
  margin-bottom: 22px;
}
.it-footer-widget-contact-4 ul li a {
  font-size: 15px;
  color: var(--it-common-white);
}
.it-footer-widget-contact-4 ul li a svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.it-footer-widget-social a {
  color: var(--it-common-black);
}
.it-footer-widget-social a:not(:last-child) {
  margin-right: 18px;
}
.it-footer-widget-social a svg {
  width: 20px;
  height: 19px;
}
.it-footer-widget-social a:hover {
  color: var(--it-theme-1);
}
.it-footer-widget-post-item {
  display: flex;
  align-items: center;
}
.it-footer-widget-post-thumb {
  flex: 0 0 auto;
  width: 80px;
  height: 80px;
  margin-right: 15px;
}
.it-footer-widget-post-content span {
  font-size: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
.it-footer-widget-post-content span svg {
  margin-right: 5px;
  display: inline-block;
}
.it-footer-widget-post-content .title {
  font-weight: 600;
  line-height: 1.5;
  color: #bebfc3;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-footer-widget-post-content .title {
    font-size: 12px;
  }
}
.it-footer-widget-gallery-wrap {
  display: grid;
  gap: 5px;
  height: auto;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-gallery-wrap {
    width: auto;
  }
}
.it-footer-widget-gallery-wrap img {
  border-radius: 3px;
}
.it-footer-area {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-footer-border {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
.it-footer-border::before {
  content: "";
  position: absolute;
  top: 0;
  left: 34.5%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::before {
    left: 31%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border::before {
    left: 28.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::before {
    display: none;
  }
}
.it-footer-border::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50.6%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border::after {
    left: 49.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border::after {
    display: none;
  }
}
.it-footer-border span {
  position: relative;
  height: 100%;
  width: 100%;
  display: block;
}
.it-footer-border span::after {
  content: "";
  position: absolute;
  top: 0;
  right: 31%;
  height: 100%;
  width: 1px;
  background-color: rgba(108, 117, 125, 0.15);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-footer-border span::after {
    right: 27.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-footer-border span::after {
    right: 24.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-border span::after {
    display: none;
  }
}
.it-footer-shape-1 {
  position: absolute;
  top: 13%;
  right: 3.5%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.it-footer-shape-2 {
  position: absolute;
  bottom: 17%;
  left: 3.5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-shape-3 {
  position: absolute;
  bottom: 3%;
  right: 4%;
  z-index: -1;
  opacity: 0.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-3 {
    transform: scale(0.5);
  }
}
.it-footer-shape-4 {
  position: absolute;
  bottom: 2%;
  left: 2%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shape-4 {
    display: none;
  }
}
.it-footer-shape-5 {
  position: absolute;
  top: 18%;
  left: 0;
  z-index: -1;
}
.it-footer-style-2 {
  margin-top: -100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-2 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-footer-style-2 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-2 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-2 .it-copyright-bg::after {
  display: none;
}
.it-footer-style-3 {
  margin-top: -210px;
}
.it-footer-style-3 .it-footer-area {
  padding-top: 350px;
}
.it-footer-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-3 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-3 .it-footer-shape-2 {
    display: none;
  }
}
.it-footer-style-4 {
  margin-top: -195px;
}
.it-footer-style-4 .it-footer-area {
  padding-top: 300px;
}
.it-footer-style-4 .it-footer-col-1-2 {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-4 .it-footer-col-1-3 {
  margin-left: 0;
  transform: translateX(90px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(40px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-3 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-4 .it-footer-col-1-4 {
    text-align: start !important;
  }
}
.it-footer-style-4 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-4 .it-copyright-left p a {
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-4 .it-footer-shape-2 {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-footer-style-5 {
    background-color: var(--it-theme-1);
  }
}
.it-footer-style-5 .it-footer-widget-title {
  margin-top: 0;
  color: var(--it-common-white);
}
.it-footer-style-5 .it-footer-widget-menu ul li a {
  color: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-widget-menu ul li a::before {
  background: rgba(255, 255, 255, 0.7);
}
.it-footer-style-5 .it-footer-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-footer-style-5 .it-footer-bg {
    display: none;
  }
}
.it-footer-style-6 .it-footer-widget-text p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-btn-yellow span {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-btn-yellow svg {
  color: var(--it-theme-4);
}
.it-footer-style-6 .it-footer-widget-title {
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-regular);
}
.it-footer-style-6 .it-footer-widget-menu ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-menu ul li a::before {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-contact ul li span, .it-footer-style-6 .it-footer-widget-contact ul li a {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg {
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-footer-style-6 .it-footer-widget-social a svg:hover {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-6 .it-footer-col-1-2 {
  margin-left: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-2 {
    margin-left: 30px;
  }
}
.it-footer-style-6 .it-footer-col-1-3 {
  margin-left: 90px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-footer-col-1-3 {
    margin-left: 0;
  }
}
.it-footer-style-6 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-6 .it-copyright-bg::after {
  background-color: var(--it-common-white);
}
.it-footer-style-6 .it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-style-6 .it-copyright-menu a {
    font-size: 14px;
  }
}
.it-footer-style-6 .it-copyright-menu span {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-7 .it-copyright-left p a {
  color: var(--it-theme-5);
}
.it-footer-style-7.it-footer-style-5 .it-footer-widget-title {
  font-family: var(--it-ff-oxanium);
}
.it-footer-style-8 {
  margin-top: -100px;
}
.it-footer-style-8 .it-footer-widget-social a {
  color: var(--it-common-white);
}
.it-footer-style-8 .it-footer-widget-social a:hover {
  color: var(--it-theme-2);
}
.it-footer-style-8 .it-footer-widget-text p {
  color: rgba(255, 255, 255, 0.8);
}
.it-footer-style-8 .it-footer-widget-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-footer-style-8 .it-copyright-area {
  padding: 14px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.it-footer-style-8 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-footer-style-8 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-footer-style-8 .it-footer-border::before {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-8 .it-footer-border span::after {
  background-color: rgba(255, 255, 255, 0.1);
}
.it-footer-style-9 {
  margin-top: 0;
}
.it-footer-shop-style .it-copyright-border {
  border-top: 1px solid #D9D9D9;
}
.it-footer-shop-style .it-copyright-logo {
  margin-left: 170px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-shop-style .it-copyright-logo {
    margin-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-shop-style .it-copyright-logo {
    display: none;
  }
}
.it-footer-shop-style .it-copyright-ptb {
  padding: 23.5px 0;
}

.it-copyright-ptb {
  padding: 12px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-ptb {
    padding: 17px 0;
  }
}
.it-copyright-bg::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 51.5%;
  z-index: -1;
  background-color: #FAD76C;
  clip-path: polygon(4% 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-copyright-bg::after {
    width: 55%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-bg::after {
    width: 59%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-bg::after {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left {
    margin-bottom: 8px;
  }
}
.it-copyright-left p {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: var(--it-theme-1);
}
.it-copyright-left.style-2 {
  margin-bottom: 0;
}
.it-copyright-menu a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-copyright-menu a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu a {
    font-size: 14px;
    color: var(--it-common-black);
  }
}
.it-copyright-menu span {
  color: var(--it-common-white);
  margin: 0 11px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-menu span {
    color: var(--it-common-black);
  }
}
@media (max-width: 767px) {
  .it-copyright-social {
    margin-top: 15px;
  }
}
.it-copyright-social a {
  display: inline-block;
  height: 35px;
  width: 35px;
  line-height: 32px;
  text-align: center;
  border-radius: 5px;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.it-copyright-social a:hover {
  border: 1px solid white;
}
.it-copyright-social a:not(:last-child) {
  margin-right: 10px;
}
.it-copyright-social a svg {
  height: 14px;
  width: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-style-3 .it-copyright-left {
    margin-bottom: 0;
  }
}
.it-copyright-style-3 .it-copyright-left p {
  color: var(--it-common-white);
}
.it-copyright-style-3 .it-copyright-left p a {
  color: var(--it-theme-2);
}
.it-copyright-style-3 .it-copyright-menu span, .it-copyright-style-3 .it-copyright-menu a {
  color: var(--it-common-white);
}

.it-copyright-2-area {
  padding: 28px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.it-copyright-2-text p, .it-copyright-2-text a {
  font-size: 14px;
  color: var(--it-theme-6);
}

/*----------------------------------------*/
/*  22. funfact css start
/*----------------------------------------*/
.it-funfact-icon span {
  z-index: 1;
  position: relative;
  display: inline-block;
  margin-right: 17px;
  padding-left: 12px;
}
.it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: -10px;
  left: 0;
  display: inline-block;
  height: 41px;
  width: 41px;
  line-height: 41px;
  text-align: center;
  border-radius: 50%;
  z-index: -1;
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-icon span svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-funfact-content {
  text-align: start;
}
.it-funfact-content span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
.it-funfact-number {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.it-funfact-number i {
  font-style: normal;
}
.it-funfact-item {
  padding: 71px 0;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item {
    text-align: center;
    padding: 0;
    padding-bottom: 50px;
  }
}
.it-funfact-item::before {
  position: absolute;
  top: 0;
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item::before {
    display: none;
  }
}
.it-funfact-item:hover .it-funfact-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area {
    padding-top: 70px;
    padding-bottom: 20px;
  }
}
.it-funfact-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-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-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
.it-funfact-wrap {
  margin-top: -185px;
  padding: 0 80px;
  border-radius: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap {
    padding: 0 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap {
    padding: 60px 35px;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap {
    padding: 60px 25px;
    border-radius: 30px;
  }
}
.it-funfact-wrap::after {
  position: absolute;
  content: "";
  bottom: -7px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
  border-radius: 100px;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-funfact-wrap::after {
    border-radius: 30px;
  }
}
.it-funfact-wrap::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 100px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-funfact-wrap::before {
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-wrap .it-funfact-item {
    padding: 71px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-wrap .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-wrap .it-funfact-item::before {
  display: none;
}
.it-funfact-wrap .it-funfact-icon svg {
  color: var(--it-theme-2);
}
.it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 15px;
}
@media (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-wrap .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:not(:last-child) .it-funfact-item {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-wrap .row [class*=col-]:nth-last-child(2) .it-funfact-item {
    margin-bottom: 0;
  }
}
.it-funfact-shape-1 {
  position: absolute;
  top: -56%;
  left: 1.5%;
  z-index: 1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 {
    top: -54%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-1 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-2 {
  position: absolute;
  bottom: -15%;
  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) {
  .it-funfact-shape-2 {
    bottom: -28%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 {
    bottom: -30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-shape-2 img {
    transform: scale(0.7);
  }
}
.it-funfact-shape-3 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.it-funfact-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-funfact-style-2 {
  background-color: var(--it-common-black);
  clip-path: path("M0 0C159.993 0 323.993 25.8668 484 25.8668C644 25.8668 800 0 960 0C1120 0 1284 25.8668 1444 25.8668C1603.99 25.8668 1759.99 0 1919.99 0C1920 73.3809 1920 146.762 1920 220.143C1759.99 220.143 1603.99 246.006 1444 246C1284 246.006 1120 220.139 960 220.133C800 220.139 644 246.006 484 246C324 246.006 160 220.143 0 220.143C0 146.762 0 73.3809 0 0Z");
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 {
    clip-path: none;
    padding: 70px 0;
  }
}
.it-funfact-style-2 .it-funfact-item {
  padding: 94px 0;
  position: relative;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item {
    padding: 0;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-2 .it-funfact-item.style-4 {
    margin-bottom: 0;
  }
}
.it-funfact-style-3 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-funfact-style-3 .it-funfact-item {
  padding: 75px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-3 .it-funfact-item {
    padding: 0 0 50px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 70px 0;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-3.it-funfact-area {
    padding: 100px 0;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-style-3.it-funfact-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-4.it-funfact-area {
    padding: 90px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-content span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-style-4 .it-funfact-number {
    font-size: 24px;
  }
}
.it-funfact-style-5 .it-funfact-number {
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-5.it-funfact-area .row [class*=col-] .it-funfact-item {
    padding-bottom: 50px;
  }
}
.it-funfact-style-6 {
  margin-top: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: -30px;
  }
}
@media (max-width: 767px) {
  .it-funfact-style-6 {
    margin-top: 0;
    padding-bottom: 71px;
    background-color: var(--it-common-black);
  }
}
.it-funfact-style-6 .it-funfact-icon span::after {
  background-color: var(--it-theme-5);
}
.it-funfact-style-6 .it-funfact-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .it-funfact-style-6 .it-funfact-bg {
    display: none;
  }
}
.it-funfact-style-6 .it-funfact-item::before {
  top: auto;
  bottom: 0;
  width: 2px;
  height: 94%;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-style-6 .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-style-7 {
  margin-top: -20px;
}
.it-funfact-style-7 .it-funfact-icon span::after {
  background-color: rgba(255, 255, 255, 0.15);
}
.it-funfact-2-area .row [class*=col-]:first-child .it-funfact-item::before {
  display: none;
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item {
    padding-left: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(2) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
  padding-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item::before {
  left: -13.5%;
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
  padding-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-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    padding-bottom: 0;
  }
}
.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item::before {
  left: -4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(4) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-funfact-2-area.it-funfact-2-area .row [class*=col-]:nth-child(3) .it-funfact-item {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

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

.it-header-top-ptb {
  padding: 10px 0;
  position: relative;
}
.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-contact {
  position: relative;
  padding-left: 28px;
}
.it-header-top-contact span {
  display: inline-block;
  text-align: center;
  position: absolute;
  top: -2px;
  left: 0;
}
.it-header-top-contact span svg, .it-header-top-contact span i {
  position: relative;
  z-index: 1;
  transition: 0.3s;
  color: var(--it-theme-2);
}
.it-header-top-contact a {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}
.it-header-top-contact-wrap ul li {
  list-style-type: none;
  display: inline-block;
}
.it-header-top-contact-wrap ul li:not(:last-child) {
  padding-right: 27px;
  margin-right: 27px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-right: 30px;
    margin-right: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-top-contact-wrap ul li:not(:last-child) {
    padding-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: 14px;
  display: inline;
  margin-right: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-social-box span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-social-box span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-header-top-list-box {
    text-align: center;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box {
    text-align: start;
  }
}
.it-header-top-list-box ul li {
  display: inline-block;
  list-style-type: none;
  padding-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: 14px;
  letter-spacing: 0.01em;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-list-box ul li span {
    font-size: 13px;
  }
}
.it-header-top-list-box ul li span svg, .it-header-top-list-box ul li span i {
  position: absolute;
  top: 1px;
  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: 14px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
.it-header-top-list-icon span {
  display: inline-block;
  height: 53px;
  width: 53px;
  line-height: 49px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  background-color: #F3F3F3;
  border: 1px solid rgba(121, 121, 121, 0.1);
  position: relative;
  overflow: hidden;
}
.it-header-top-list-icon span svg, .it-header-top-list-icon span i {
  position: relative;
  z-index: 1;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-header-top-list-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  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: 14px;
  color: var(--it-common-white);
}
.it-header-top-login-box a:hover {
  color: var(--it-theme-2);
}
.it-header-top-login-box span {
  margin: 0 8px;
  color: var(--it-common-white);
}
.it-header-top-style-2 .it-header-top-contact span svg, .it-header-top-style-2 i {
  color: var(--it-theme-1);
}
.it-header-top-style-2 .it-header-top-ptb::after {
  background: linear-gradient(90deg, #1ab69d 0%, #ff4d4f 100%);
}
.it-header-top-area.it-header-style-6 .it-header-top-contact span i, .it-header-top-area.it-header-style-6 .it-header-top-contact span svg {
  color: var(--it-theme-5);
}
.it-header-top-area.it-header-style-6 .it-header-top-social-box a svg:hover, .it-header-top-area.it-header-style-6 .it-header-top-social-box a i:hover {
  color: var(--it-theme-5);
}

.it-header-top-2-area {
  padding: 14px 0;
  background-color: var(--it-theme-2);
}
.it-header-top-2-area .it-header-top-social-box {
  margin-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 {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-top-2-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-header-top-2-text span {
    font-size: 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-ptb .it-btn-yellow {
    padding: 16px 25px;
  }
}
.it-header-menu > nav > ul {
  padding-left: 20px;
}
.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 10px;
  }
}
.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-black);
  font-family: var(--it-ff-jost);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a::after {
    font-size: 10px;
  }
}
.it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-1);
}
.it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
}
.it-header-search-wrap {
  border-radius: 10px;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-header-search-wrap {
    margin-right: 25px;
  }
}
.it-header-search {
  position: relative;
  max-width: 175px;
  border-left: 1px solid rgba(108, 117, 125, 0.2);
}
.it-header-search input {
  height: 100%;
  height: 43px;
  line-height: 43px;
  padding-left: 20px;
  padding-right: 40px;
  background-color: transparent;
  font-size: 14px;
}
.it-header-search input::placeholder {
  font-size: 14px;
}
.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 a {
  height: 50px;
  width: 50px;
  line-height: 43px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  margin-right: 30px;
  background-color: var(--it-gray-1);
}
.it-header-categorie {
  font-size: 14px;
  padding: 0 20px 0 15px;
  color: var(--it-common-black);
}
.it-header-categorie span {
  display: inline-block;
  margin-right: 10px;
}
.it-header-categorie i {
  display: inline-block;
  margin-left: 4px;
}
.it-header-categorie .nice-select::after {
  top: 52%;
  right: 20px;
  border-bottom: 1px solid var(--it-common-black);
  border-right: 1px solid var(--it-common-black);
}
.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: 43px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  font-size: 18px;
}
.it-header-cart {
  position: relative;
  display: inline-block;
  margin-left: 30px;
  margin-right: 42px;
}
.it-header-cart span {
  position: absolute;
  top: -11px;
  right: -15px;
  height: 24px;
  width: 24px;
  line-height: 25px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  font-family: var(--it-ff-jost);
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-header-right-action {
  margin-left: -50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-right-action {
    margin-left: -80px;
  }
}
.it-header-area .it-header-style-2 {
  padding: 0 30px;
  margin-top: 25px;
  border-radius: 10px;
  background: var(--it-common-white);
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 30px;
  }
}
@media (max-width: 767px) {
  .it-header-area .it-header-style-2 {
    padding: 15px 15px;
  }
}
.it-header-area .it-header-style-2::after {
  position: absolute;
  content: "";
  bottom: -7px;
  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-3);
}
.it-header-area .it-header-style-2 .it-header-menu > nav > ul > li:hover.has-dropdown a::after {
  color: var(--it-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area .it-header-style-2 .it-header-search-2 {
    margin-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: 14px;
  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-5);
}
.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;
}
.it-header-area.header-fashion-style {
  box-shadow: 0 1px 4px 0 rgba(12, 12, 13, 0.05);
  border-bottom: 1px solid rgba(205, 147, 90, 0.2);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul {
  margin-left: 75px;
  padding-left: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-fashion-style .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a {
  padding: 37px 0;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::after {
  font-weight: 400;
  color: var(--it-common-white);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li > a::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  transition: 0.3s;
  background-color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::after {
  color: var(--it-theme-6);
}
.it-header-area.header-fashion-style .it-header-menu > nav > ul > li:hover > a::before {
  left: 0;
  right: auto;
  width: 100%;
}
.it-header-area.header-shop-style .it-header-menu > nav > ul > li {
  margin: 0px 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-area.header-shop-style .it-header-menu > nav > ul > li {
    margin: 0px 12px;
  }
}
.it-header-area.header-shop-style .it-header-search {
  max-width: 254px;
}
.it-header-logo-2 {
  background-color: var(--it-theme-5);
  position: absolute;
  top: 0;
  left: 15.2%;
  height: 100%;
  z-index: 1;
  display: flex;
  justify-content: center;
  padding: 0 37px;
  align-items: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-header-logo-2 {
    left: 11%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-logo-2 {
    left: 5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-logo-2 {
    left: 3%;
  }
}
.it-header-logo-3 {
  display: none;
}

.it-header-2-area .it-header-menu > nav > ul {
  padding-left: 0;
  margin-left: -15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 15px;
  }
}
.it-header-2-area .it-header-search-2 {
  margin-left: 28px;
}
.it-header-2-area .it-header-search-2 button {
  padding: 0;
  display: inline-block;
  height: 39px;
  width: 39px;
  line-height: 0;
  text-align: center;
  border-radius: 50%;
  background-color: #F0F4F5;
}
.it-header-2-contact {
  margin-right: 40px;
}
.it-header-2-contact span {
  position: relative;
  display: inline-block;
  height: 45px;
  width: 45px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  overflow: hidden;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.2);
}
.it-header-2-contact span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  transition: 0.5s ease;
  transform: scale(0);
  background-color: var(--it-theme-1);
}
.it-header-2-contact span svg, .it-header-2-contact span i {
  position: relative;
  z-index: 1;
}
.it-header-2-contact a {
  margin-left: 10px;
  font-weight: 500;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-jost);
}
.it-header-2-contact:hover span {
  color: var(--it-common-white);
}
.it-header-2-contact:hover span::after {
  top: 50%;
  left: 50%;
  transform: scale(1) translate(-50%, -50%);
}
.it-header-2-style-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
  margin-left: 110px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li {
    margin: 0px 19px;
  }
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a {
  padding: 42px 0;
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-menu > nav > ul > li > a:hover::after {
  color: var(--it-common-white);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact span {
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.2);
}
.it-header-2-style-2.it-header-2-area .it-header-2-contact a {
  color: var(--it-common-white);
}
.it-header-2-style-2 .it-header-bar button span {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-header-2-style-2 .it-header-2-contact {
    margin-right: 0;
  }
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 999;
  visibility: visible;
  background-color: var(--it-common-white);
  box-shadow: 0 2px 4px rgba(7, 37, 68, 0.1);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky .it-header-style-2 {
  box-shadow: none;
  margin-top: 0;
  padding-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-4);
}
.header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg span, .header-sticky.it-header-2-style-3 .it-btn-yellow.white-bg svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact a {
  color: var(--it-common-black);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span {
  color: var(--it-common-black);
  background-color: rgba(31, 36, 50, 0.5);
}
.header-sticky.it-header-2-style-3 .it-header-2-contact span svg {
  color: var(--it-common-white);
}
.header-sticky.it-header-style-6 .it-header-top-area {
  display: none;
}

.it-onepage-menu li > a.active {
  color: var(--it-theme-1) !important;
}
.it-onepage-menu li > a.active::before {
  width: 100%;
  opacity: 1;
}
.it-onepage-menu li.has-dropdown > a.active::after {
  color: var(--it-theme-1) !important;
}

/*----------------------------------------*/
/*  27. menu css start
/*----------------------------------------*/
.it-header-menu nav ul li {
  position: relative;
}
.it-header-menu nav ul li.has-dropdown > a::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  transition: 0.3s;
  color: var(--it-common-black);
  margin-left: 5px;
}
.it-header-menu nav ul li .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 270px;
  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: 14px;
  position: relative;
  display: inline-block;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-header-menu nav ul li .submenu li a::before {
  position: absolute;
  top: 10px;
  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-1);
}
.it-header-menu nav ul li .submenu li:hover > a {
  padding-left: 20px;
  color: var(--it-theme-1);
}
.it-header-menu nav ul li .submenu li:hover > a::before {
  width: 15px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu nav ul li .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu nav ul li:hover.has-dropdown a::after {
  color: var(--it-theme-1);
  transform: rotate(-180deg);
}
.it-header-menu nav ul li:hover > .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}

.it-header-menu nav ul li .has-home-img {
  position: absolute;
  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: 14px;
  line-height: 1;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu nav ul li .has-home-img .home-img-title {
    font-size: 14px;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap {
  position: absolute;
  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: 75%;
  }
}
.it-header-menu nav ul li .it-megamenu-wrap li {
  padding: 0;
}

.home-img:hover .home-img-thumb img {
  transform: scale(1.1);
}
.home-img:hover .home-img-thumb.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img:hover .home-img-title a {
  color: var(--it-theme-1);
}

.home-img-thumb {
  overflow: hidden;
  position: relative;
  border-radius: 8px;
  border: 1px solid #E3E4E9;
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
  box-shadow: 0px 1px 1px rgba(1, 15, 28, 0.14);
}
.home-img-thumb img {
  transition: 0.9s;
  width: 100%;
  height: 170px;
  object-fit: cover;
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  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: 15px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
.it-menu-mobile .home-img-title:hover a,
.it-category-mobile-menu .home-img-title:hover a {
  color: var(--it-theme-1);
}
.it-menu-mobile ul,
.it-category-mobile-menu ul {
  position: static;
  display: block;
  box-shadow: none;
}
.it-menu-mobile ul li,
.it-category-mobile-menu ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li:not(:last-child) > a,
.it-category-mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-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: 18px;
  color: var(--it-common-black);
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-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 .mega-menu, .it-menu-mobile ul li .submenu,
.it-category-mobile-menu ul li .mega-menu,
.it-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.it-menu-mobile ul li .mega-menu li, .it-menu-mobile ul li .submenu li,
.it-category-mobile-menu ul li .mega-menu li,
.it-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
.it-category-mobile-menu .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.it-menu-mobile * ul, .it-menu-mobile * li,
.it-category-mobile-menu * ul,
.it-category-mobile-menu * li {
  transition: none !important;
}

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

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

.it-megamenu-title {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.17px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  border-bottom: 1px solid #EDEDED;
}

/*----------------------------------------*/
/*  25. hero css start
/*----------------------------------------*/
.it-hero-title { 
  font-size: 42px;
  line-height: 1.15;
  letter-spacing: 0.01em;
  margin-bottom: 15px;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 52px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 42px;
  }
  .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;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 36px;
  }
  .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 44px;
  }
  .it-hero-title br {
    display: none;
  }
}
.it-hero-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: -2%;
  z-index: -1;
  display: block;
}
.it-hero-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
.it-hero-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 42px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 14px;
  }
  .it-hero-text p br {
    display: none;
  }
}
.it-hero-content {
  margin-bottom: 200px;
  margin-top: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-content {
    margin-top: 100px;
    margin-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-content {
    margin-top: 120px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-content {
    margin-top: 90px;
    margin-bottom: 50px;
  }
}

@media (max-width: 1920px) {
  .it-hero-content {
  margin-bottom: 150px;
  margin-top: 100px;
  }
}

.it-hero-thumb {
  transform: translateX(80px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb {
    transform: translateX(-40px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb {
    transform: translateX(0);
  }
}
.it-hero-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb img {
    max-width: 100%;
  }
}
.it-hero-experience-box {
  position: absolute;
  bottom: 20%;
  left: -31%;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box {
    transform: scale(0.65);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box {
    left: 0;
    transform: scale(0.75);
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box {
    left: -6%;
    bottom: 5%;
    transform: scale(0.45);
  }
}
.it-hero-experience-box > div {
  border-radius: 20px;
  padding: 18px 20px;
  padding-right: 50px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.2);
  animation: translateX2 2s infinite alternate;
}
.it-hero-experience-box.experience-box-style-2 {
  bottom: 42%;
  left: auto;
  right: -18%;
}
.it-hero-experience-box.experience-box-style-2 > div {
  animation: translateX 2s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-experience-box.experience-box-style-2 {
    right: 0%;
  }
}
@media (max-width: 767px) {
  .it-hero-experience-box.experience-box-style-2 {
    bottom: 45%;
    right: -20%;
  }
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-text b i {
  color: var(--it-theme-2);
}
.it-hero-experience-box.experience-box-style-2 .it-hero-experience-icon i {
  background-color: var(--it-theme-2);
}
.it-hero-experience-text span {
  display: block;
  margin-bottom: 14px;
}
.it-hero-experience-text b {
  font-weight: 700;
  font-size: 28px;
  display: block;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-hero-experience-text b > i {
  font-style: normal;
  color: var(--it-theme-1);
}
.it-hero-experience-icon i {
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  border-radius: 50%;
  margin-right: 15px;
  background-color: var(--it-theme-2);
}
.it-hero-experience-icon svg {
  color: #072642;
}
.it-hero-shape-1 {
  position: absolute;
  top: 2.5%;
  left: -9%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-1 {
    top: -5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-shape-1 {
    left: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-1 {
    display: none;
  }
}
.it-hero-shape-2 {
  position: absolute;
  top: -7%;
  left: -5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-2 {
    left: -10%;
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-2 {
    left: -15%;
    top: -15%;
  }
}
@media (max-width: 767px) {
  .it-hero-shape-2 {
    display: none;
  }
}
.it-hero-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 2.5%;
  animation: zoomIn 3s infinite;
}
.it-hero-shape-4 {
  position: absolute;
  z-index: -1;
  right: 3.5%;
  top: 5%;
}
.it-hero-shape-4 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-shape-4 {
    display: none;
  }
}
.it-hero-shape-5 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-shape-6 {
  position: absolute;
  top: 12%;
  right: 6%;
  z-index: -1;
}
.it-hero-shape-7 {
  position: absolute;
  bottom: 12%;
  right: 45.5%;
  z-index: -1;
}
.it-hero-shape-8 {
  position: absolute;
  top: 7%;
  right: 10%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-shape-8 {
    transform: scale(0.8);
  }
}
@media (max-width: 767px) {
  .it-hero-shape-8 {
    display: none;
  }
}
.it-hero-shape-8 img {
  animation: rotate 55s linear infinite;
}
.it-hero-shape-9 {
  position: absolute;
  top: 9%;
  left: 15%;
  z-index: -1;
  opacity: 0.4;
  animation: rotate 45s linear infinite;
}
.it-hero-style-2 {
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-style-2 .it-hero-thumb {
  transform: translateX(20px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-thumb {
    transform: translateX(-40px);
    margin-bottom: -90px;
  }
}
.it-hero-style-2 .it-hero-text p {
  margin-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-style-2 .it-hero-title {
    font-size: 35px;
  }
}
.it-hero-ratting-box {
  margin-left: 25px;
}
.it-hero-ratting-box img {
  margin-right: 15px;
}
.it-hero-ratting-content span {
  display: block;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
.it-hero-ratting-content i {
  font-style: normal;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.8);
}

.it-hero-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-hero-2-area .it-hero-text p {
  margin: 0 130px;
  margin-bottom: 35px;
  line-height: 1.87;
  color: var(--it-text-body);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-2-area .it-hero-text p {
    margin: 0;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-2-area .it-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-area .it-hero-title {
    font-size: 50px;
  }
}
.it-hero-2-area .it-hero-title span .it-title-shape {
  bottom: -16%;
}
.it-hero-2-content {
  padding-top: 275px;
  padding-bottom: 350px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-content {
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-content {
    padding-bottom: 270px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-2-content {
    padding-top: 240px;
    padding-bottom: 250px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 200px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content {
    padding-top: 220px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-2-content .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 25px;
    margin-bottom: 0;
  }
}
.it-hero-2-shape-1 {
  position: absolute;
  bottom: 12%;
  right: 20%;
  z-index: -1;
}
.it-hero-2-shape-2 {
  position: absolute;
  bottom: 28%;
  left: 25%;
  z-index: -1;
}
.it-hero-2-avatar-1 {
  position: absolute;
  z-index: -1;
  top: 21%;
  left: 9%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.7);
    left: 7%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-1 {
    transform: scale(0.5);
    left: 7%;
  }
}
.it-hero-2-avatar-2 {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.7);
    left: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-2 {
    transform: scale(0.5);
    left: 12%;
  }
}
.it-hero-2-avatar-3 {
  position: absolute;
  z-index: -1;
  bottom: 29%;
  left: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.7);
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-3 {
    transform: scale(0.5);
    left: 6%;
  }
}
.it-hero-2-avatar-4 {
  position: absolute;
  z-index: -1;
  top: 19%;
  right: 13.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.7);
    right: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-4 {
    transform: scale(0.5);
    right: 5%;
  }
}
.it-hero-2-avatar-5 {
  position: absolute;
  z-index: -1;
  bottom: 48%;
  right: 19%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.7);
    right: 14%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-5 {
    transform: scale(0.5);
    right: 11%;
  }
}
.it-hero-2-avatar-6 {
  position: absolute;
  z-index: -1;
  bottom: 31%;
  right: 10%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.7);
    right: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-2-avatar-6 {
    transform: scale(0.5);
    right: 6%;
  }
}

.it-hero-3-area {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.it-hero-3-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 27px;
  letter-spacing: 0.01em;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-title {
    font-size: 50px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-title {
    font-size: 35px;
  }
  .it-hero-3-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-title {
    font-size: 40px;
  }
}
.it-hero-3-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-3-title span .it-title-shape {
  position: absolute;
  bottom: -20%;
  right: 8%;
  z-index: -1;
  display: block;
}
.it-hero-3-text p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.55;
  margin-bottom: 35px;
  color: var(--it-common-black-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-text p {
    padding: 0 50px;
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-text p {
    font-size: 15px;
    padding: 0 100px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-3-text p {
    font-size: 14px;
  }
  .it-hero-3-text p br {
    display: none;
  }
}
.it-hero-3-thumb {
  position: relative;
}
.it-hero-3-thumb::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 322px;
  height: 265px;
  border-radius: 10px 10px 10px 262px;
  z-index: -1;
  background-color: var(--it-theme-2);
}
.it-hero-3-thumb img {
  border-radius: 0 0 0 262px;
}
.it-hero-3-thumb-box.style-1 {
  position: absolute;
  bottom: 13%;
  left: 8.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-1 {
    left: 1.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-1 {
    left: 2%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-1 {
    left: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: 7%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-1 {
    left: -2%;
    bottom: -3%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-1 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 {
  text-align: end;
  position: absolute;
  right: 9.5%;
  top: 18%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-3-thumb-box.style-2 {
    right: 2.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-3-thumb-box.style-2 {
    right: 1%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-thumb-box.style-2 {
    right: 0;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-thumb-box.style-2 {
    right: -3%;
    top: 10%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-thumb-box.style-2 {
    right: -2%;
    top: auto;
    bottom: -11%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-thumb-box.style-2 {
    display: none;
  }
}
.it-hero-3-thumb-box.style-2 .it-hero-3-thumb::after {
  left: -9%;
  bottom: 1px;
  border-radius: 10px 10px 268px 10px;
  background-color: var(--it-theme-3);
}
.it-hero-3-thumb-box.style-2 img {
  border-radius: 0 0 268px 0;
}
.it-hero-3-content {
  padding-top: 305px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-content {
    padding-top: 250px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-content {
    padding-top: 240px;
    padding-bottom: 240px;
  }
}
@media (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 200px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-3-content {
    padding-top: 220px;
    padding-bottom: 160px;
  }
}
.it-hero-3-shape-1 {
  position: absolute;
  top: 1%;
  right: -16%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 80%;
}
.it-hero-3-shape-2 {
  position: absolute;
  top: 6%;
  left: -19%;
  z-index: 1;
  transition: all 3s cubic-bezier(0.4, 0.2, 0.2, 1);
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 120%;
}
.it-hero-3-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-3 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-3 {
    transform: scale(0.5);
  }
}
.it-hero-3-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 13%;
  left: 33%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 {
    bottom: 7%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 {
    bottom: 1%;
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-4 img {
    transform: scale(0.4);
  }
}
.it-hero-3-shape-5 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 3%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-5 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-5 {
    top: 14%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-5 {
    top: 10%;
    transform: scale(0.4);
  }
}
.it-hero-3-shape-6 {
  position: absolute;
  z-index: -1;
  bottom: 18%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 {
    bottom: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 {
    bottom: 15%;
    right: 10%;
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 {
    bottom: 6%;
    right: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-hero-3-shape-6 img {
    transform: scale(0.5);
  }
}

.it-hero-4-ptb {
  padding-top: 207px;
  padding-bottom: 340px;
  background-color: #F4F8FF;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb {
    padding-top: 207px;
    padding-bottom: 300px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb {
    padding-top: 207px;
    padding-bottom: 250px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb {
    padding-top: 250px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb {
    padding-top: 240px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb {
    padding-top: 220px;
    padding-bottom: 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-hero-4-ptb::after {
  content: "";
  position: absolute;
  top: 0;
  right: 13.5%;
  width: 520px;
  height: 100%;
  z-index: -3;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb::after {
    width: 450px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb::after {
    width: 350px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb::after {
    right: 9%;
    width: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb::after {
    display: none;
  }
}
.it-hero-4-ptb .it-hero-text p {
  line-height: 1.85;
  margin-right: 50px;
  margin-bottom: 33px;
  color: var(--it-text-body);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ptb .it-hero-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-4-ptb .it-hero-title {
    font-size: 52px;
  }
}
.it-hero-4-input-box {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-4-input-box {
    margin-right: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-4-input-box {
    margin-right: 0;
  }
}
.it-hero-4-input-box form input {
  height: 65px;
  line-height: 65px;
  border-radius: 100px;
  padding-right: 210px;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input {
    height: 55px;
    line-height: 55px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-input-box form input::placeholder {
    font-size: 14px;
  }
}
.it-hero-4-input-box .it-btn-yellow {
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translateY(-50%);
}
.it-hero-4-thumb-box {
  position: absolute;
  bottom: 0;
  right: 6%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-thumb-box {
    right: -5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-thumb-box {
    right: -5%;
    bottom: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-thumb-box {
    right: 0;
    bottom: 0;
    width: 51%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb-box {
    margin-top: 30px;
    position: static;
  }
}
.it-hero-4-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-thumb img {
    width: 100%;
  }
}
.it-hero-4-ratting-wrap {
  position: absolute;
  left: -14%;
  bottom: 14%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-wrap {
    bottom: 25%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-ratting-wrap {
    display: none;
  }
}
.it-hero-4-ratting-box {
  border-radius: 20px;
  padding: 22px 25px;
  background-color: var(--it-common-white);
  border: 1px solid var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-ratting-box {
    transform: scale(0.6);
  }
}
.it-hero-4-ratting-box img {
  width: 80px;
}
.it-hero-4-ratting-box i {
  font-weight: 700;
  font-style: normal;
  font-size: 24px;
  display: inline-block;
  margin-left: 20px;
  color: var(--it-common-black);
}
.it-hero-4-ratting-box span {
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  margin-right: 30px;
  color: var(--it-common-black-2);
}
.it-hero-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 16%;
  left: 3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-1 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-1 {
    top: 20%;
    transform: scale(0.5);
  }
}
.it-hero-4-shape-1 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-hero-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  left: 34%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-2 {
    transform: scale(0.6);
  }
}
.it-hero-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: 16%;
  right: 41%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-3 {
    top: 15%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-3 {
    top: 25%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-3 {
    top: 20%;
    transform: scale(0.4);
  }
}
.it-hero-4-shape-3 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-hero-4-shape-4 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 6%;
  animation: zoomIn 5s infinite;
}
.it-hero-4-shape-5 {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
  z-index: -2;
}
.it-hero-4-shape-6 {
  position: absolute;
  z-index: -3;
  top: 0;
  right: 0;
}
.it-hero-4-shape-7 {
  position: absolute;
  bottom: -4%;
  left: 0;
  width: 100%;
  z-index: 9;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-7 {
    bottom: -3%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-4-shape-7 {
    bottom: -7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-4-shape-7 {
    bottom: -9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-4-shape-7 {
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-4-shape-7 {
    display: none;
  }
}
.it-hero-4-shape-7 svg {
  width: 100%;
}
.it-hero-4-shape-8 {
  position: absolute;
  bottom: 15%;
  left: 3%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-4-shape-8 {
    bottom: 7%;
  }
}

.it-hero-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 200px;
  padding-bottom: 85px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-area {
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-area {
    padding-top: 170px;
    padding-bottom: 110px;
  }
}
.it-hero-5-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 60px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb img {
    width: 100%;
    margin-top: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-thumb-sm img {
    width: 100%;
    object-fit: cover;
  }
}
@media (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-thumb-sm img {
    margin-top: 0;
  }
}
.it-hero-5-title {
  font-size: 60px;
  line-height: 1.17;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  margin-bottom: 10px;
  color: var(--it-common-white);
  font-family: var(--it-ff-edensor-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-5-title {
    font-size: 45px;
  }
}
.it-hero-5-text p {
  font-size: 15px;
  line-height: 1.85;
  margin-bottom: 30px;
  margin-right: 110px;
  color: rgba(255, 255, 255, 0.8);
}
.it-hero-5-content {
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-content {
    margin-left: 120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-5-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-hero-5-content p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-5-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-1 {
    right: -10%;
  }
}
.it-hero-5-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 34%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-5-shape-2 img {
    transform: scale(0.6);
  }
}

.it-hero-6-area {
  padding-top: 85px;
  padding-bottom: 120px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-area {
    padding-top: 100px;
  }
}
.it-hero-6-title {
  font-size: 55px;
  font-weight: 700;
  line-height: 1.36;
  margin-bottom: 12px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-title {
    font-size: 46px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-title {
    font-size: 42px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-title {
    font-size: 55px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-6-title {
    font-size: 28px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-6-title {
    font-size: 44px;
  }
  .it-hero-6-title br {
    display: none;
  }
}
.it-hero-6-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-bottom: 30px;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-6-text p {
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-6-text p {
    font-size: 14px;
    margin-right: 50px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-text p {
    font-size: 14px;
  }
  .it-hero-6-text p br {
    display: none;
  }
}
.it-hero-6-thumb {
  margin-right: -30px;
  transform: translateX(-15px);
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-6-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-6-thumb {
    margin-right: 10px;
    transform: translateX(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-thumb img {
    width: 100%;
  }
}
.it-hero-6-thumb::after {
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  height: 100%;
  width: 100%;
  z-index: -1;
  border-radius: 30px;
  background-color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-6-content {
    margin-bottom: 70px;
  }
}
.it-hero-6-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-6-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-6-shape-3 {
  position: absolute;
  bottom: 9%;
  right: 42%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}

.it-hero-7-area {
  padding-top: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area {
    padding-top: 200px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area {
    padding-top: 150px;
  }
}
.it-hero-7-area .it-hero-title {
  line-height: 1.33;
  margin-bottom: 10px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-area .it-hero-title {
    font-size: 45px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
  .it-hero-7-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-hero-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-hero-title .it-title-shape {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-right: 0;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 0;
    margin-right: 25px;
  }
}
.it-hero-7-thumb-wrap {
  gap: 36px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 20px;
    margin-top: 50px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-thumb-wrap {
    gap: 10px;
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-hero-7-thumb img {
    width: 100%;
  }
}
.it-hero-7-text p {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 26px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-text p {
    font-size: 16px;
  }
}
.it-hero-7-ratting i {
  color: var(--it-theme-2);
}
.it-hero-7-ratting span {
  font-size: 20px;
  margin-left: 4px;
  display: inline-block;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-ratting span {
    font-size: 18px;
  }
}
.it-hero-7-stats-box {
  padding: 50px 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  width: 357px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box {
    padding-left: 20px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 25px 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box {
    padding: 20px 10px;
  }
}
.it-hero-7-stats-box::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  -webkit-mask-image: url(../img/hero/mask.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box::after {
    display: none;
  }
}
.it-hero-7-stats-box .stats-number {
  font-size: 60px;
  margin-bottom: 0;
  line-height: 1;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box .stats-number {
    font-size: 15px;
  }
}
.it-hero-7-stats-box .stats-number i {
  font-style: normal;
}
.it-hero-7-stats-box span {
  font-weight: 600;
  font-size: 16px;
  display: block;
  text-align: end;
  margin-bottom: 45px;
  letter-spacing: 0.2em;
  color: var(--it-theme-2);
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-7-stats-box span {
    font-size: 14px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-7-stats-box span {
    font-size: 8px;
    margin-bottom: 10px;
    letter-spacing: 0;
  }
}
.it-hero-7-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-hero-7-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.it-hero-8-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-area {
    padding-top: 120px;
  }
}
.it-hero-8-title {
  font-weight: 800;
  font-size: 60px;
  margin-bottom: 20px;
  line-height: 1.25;
  letter-spacing: 0.01em;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-8-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .it-hero-8-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-8-title {
    font-size: 40px;
  }
}
.it-hero-8-title span {
  color: var(--it-theme-5);
}
.it-hero-8-text p {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  margin-right: 95px;
  margin-bottom: 45px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-text p {
    margin-right: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-text p {
    margin-right: 0;
  }
}
.it-hero-8-thumb img {
  max-width: inherit;
  margin-left: -230px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-8-thumb img {
    margin-left: -270px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-8-thumb img {
    margin-left: -320px;
    margin-bottom: -70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-8-thumb img {
    margin-left: -340px;
    margin-bottom: -120px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-8-thumb img {
    margin-left: -300px;
    margin-bottom: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-thumb img {
    margin-left: 0;
    width: 100%;
    margin-top: 30px;
  }
}
.it-hero-8-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 11%;
  left: 2%;
  animation: zoomIn 3s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-8-shape-1 {
    display: none;
  }
}

.it-hero-9-area {
  padding: 100px 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-top: 1px solid var(--it-theme-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-area {
    padding: 70px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-9-area {
    padding-top: 100px;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area {
    padding-top: 120px;
  }
}
.it-hero-9-area .it-hero-title {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-area .it-hero-title {
    font-size: 50px;
  }
  .it-hero-9-area .it-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-9-area .it-hero-title {
    font-size: 48px;
  }
}
.it-hero-9-area .it-hero-text p {
  margin-bottom: 32px;
  color: rgba(31, 36, 50, 0.8);
}
@media (max-width: 767px) {
  .it-hero-9-area .it-btn-yellow.theme-bg.mr-25 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-content {
    margin-bottom: 70px;
  }
}
.it-hero-9-thumb {
  mask-image: url(../img/hero/mask-11.png);
  -webkit-mask-image: url(../img/hero/mask-11.png);
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 648px;
  margin-left: 42px;
  transform: translateX(15px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-thumb {
    height: 550px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-thumb {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-thumb {
    height: 100%;
    margin-left: 0;
    text-align: center;
    transform: translateX(0);
  }
}
.it-hero-9-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-hero-9-ratting-box {
  position: absolute;
  z-index: 1;
  bottom: 12%;
  left: -10%;
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-ratting-box {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-ratting-box {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-ratting-box {
    display: none;
  }
}
.it-hero-9-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-9-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 3%;
  left: 1.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-2 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-2 {
    display: none;
  }
}
.it-hero-9-shape-3 {
  position: absolute;
  z-index: -1;
  top: 7%;
  right: 5.5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-3 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-9-shape-3 {
    top: 3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-3 {
    display: none;
  }
}
.it-hero-9-shape-4 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 12%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-9-shape-4 {
    right: 6%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-9-shape-4 {
    right: 1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-9-shape-4 {
    right: 1%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-9-shape-4 {
    display: none;
  }
}

.it-hero-10-area {
  padding-top: 335px;
  padding-bottom: 270px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area {
    padding-bottom: 220px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area {
    padding-top: 260px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-area {
    padding-top: 270px;
    padding-bottom: 180px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-area {
    padding-top: 180px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-area {
    padding-top: 150px;
    padding-bottom: 0;
  }
}
.it-hero-10-area .it-hero-9-ratting-box {
  bottom: 15%;
  left: -41%;
  right: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    left: -32%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-area .it-hero-9-ratting-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-box {
  bottom: 51%;
  left: auto;
  right: -35%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-area .it-hero-experience-box {
    right: -20%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-area .it-hero-experience-box {
    display: none !important;
  }
}
.it-hero-10-area .it-hero-experience-icon i {
  background-color: var(--it-theme-1);
}
.it-hero-10-area .it-hero-experience-icon svg {
  color: var(--it-common-white);
}
.it-hero-10-title {
  font-size: 60px;
  line-height: 1.17;
  margin-bottom: 15px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-title {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .it-hero-10-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-10-title {
    font-size: 42px;
  }
}
.it-hero-10-title span {
  background: linear-gradient(199deg, #f8c62f 0%, #1ab69d 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.it-hero-10-subtitle {
  font-size: 24px;
  display: block;
  margin-bottom: 19px;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-subtitle {
    font-size: 16px;
  }
}
.it-hero-10-text p {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 32px;
  margin-right: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-10-text p {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-hero-10-text p {
    margin-right: 0;
    font-size: 14px;
  }
}
.it-hero-10-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb img {
    width: 100%;
  }
}
.it-hero-10-thumb-wrap {
  position: absolute;
  bottom: 0;
  right: 14.2%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-thumb-wrap {
    right: 9.2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-thumb-wrap {
    right: 3.2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-10-thumb-wrap {
    right: -4.2%;
    bottom: -15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-thumb-wrap {
    margin-top: 70px;
    position: static;
    text-align: center;
  }
}
.it-hero-10-social {
  position: absolute;
  top: 50%;
  left: -6%;
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-social {
    left: -9%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-social {
    display: none;
  }
}
.it-hero-10-social a {
  font-weight: 400;
  font-size: 16px;
  margin: 0 10px;
  position: relative;
  display: inline-block;
  text-transform: uppercase;
}
.it-hero-10-social a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 0;
  width: 0;
  height: 2px;
  transition: 0.4s;
  background: linear-gradient(90deg, #03594e 0%, rgba(3, 89, 78, 0) 100%);
}
.it-hero-10-social a:hover::after {
  width: 100%;
}
.it-hero-10-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
}
.it-hero-10-shape-2 {
  position: absolute;
  z-index: -2;
  bottom: 0;
  right: -0.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-10-shape-2 {
    right: -9.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-10-shape-2 {
    right: -17.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-2 {
    right: -24.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-shape-2 {
    display: none;
  }
}
.it-hero-10-shape-3 {
  position: absolute;
  z-index: -1;
  top: 17%;
  right: 5%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 {
    top: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-10-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-10-shape-3 img {
    transform: scale(0.5);
  }
}
.it-hero-10-shape-4 {
  position: absolute;
  z-index: -1;
}

.it-hero-11-area {
  padding-top: 115px;
}
@media (max-width: 767px) {
  .it-hero-11-area {
    padding-top: 80px;
  }
}
.it-hero-11-area .it-btn-yellow.style-2 {
  padding: 0;
  border: none;
}
.it-hero-11-title {
  font-size: 120px;
  line-height: 0.92;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-title {
    font-size: 90px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-title {
    font-size: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-title {
    font-size: 75px;
    margin-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-title {
    font-size: 40px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-11-title {
    font-size: 68px;
  }
}
.it-hero-11-title span svg {
  animation: title-animation 4s infinite;
}
.it-hero-11-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  left: 10%;
  z-index: -1;
  display: block;
}
.it-hero-11-title span .it-title-shape-2 {
  position: absolute;
  bottom: -11%;
  right: 13%;
  z-index: -1;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb {
    margin-top: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-thumb img {
    width: 100%;
  }
}
.it-hero-11-content p {
  color: #999;
  line-height: 1.75;
  margin-right: 40px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-11-content p {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .it-hero-11-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-hero-11-content-wrap {
  margin-top: -95px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-content-wrap {
    margin-top: 0;
  }
}
.it-hero-11-play-btn {
  margin-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-play-btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn {
    display: none;
  }
}
.it-hero-11-play-btn a {
  display: inline-block;
  height: 149px;
  width: 149px;
  margin-bottom: 45px;
  line-height: 149px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-6);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn a {
    height: 100px;
    width: 100px;
    line-height: 100px;
  }
}
.it-hero-11-play-btn a svg {
  padding-left: 5px;
}
.it-hero-11-play-btn span {
  display: block;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #999;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-11-play-btn span {
    font-size: 17px;
  }
}
.it-hero-11-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 15%;
  left: 26%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-11-shape-1 {
    left: 18%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-11-shape-1 {
    left: 18%;
    transform: scale(0.5);
  }
}
.it-hero-11-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  left: 4.5%;
}

.it-hero-12-area {
  padding-top: 60px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area {
    padding: 100px 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-12-area {
    padding: 80px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-12-area {
    padding-top: 100px;
    padding-bottom: 120px;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .it-hero-12-area {
    padding-top: 90px;
    padding-bottom: 90px;
    background-position: right;
  }
}
.it-hero-12-area .it-hero-title {
  margin-bottom: 27px;
}
.it-hero-12-area .it-hero-thumb {
  transform: translateX(-20px);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-50px);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(-30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-12-area .it-hero-thumb img {
    width: 100%;
  }
}
.it-hero-12-area .it-hero-shape-1 {
  top: 0;
  left: 1%;
  opacity: 0.4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-area .it-hero-shape-1 {
    top: -10%;
    transform: scale(1);
  }
}
.it-hero-12-area .it-hero-shape-3 {
  bottom: 8%;
  left: 35%;
}
.it-hero-12-subtitle {
  font-weight: 600;
  font-size: 15px;
  line-height: 1.87;
  display: block;
  margin-bottom: 25px;
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-12-active .it-slider-arrow-wrap {
    display: none;
  }
}
.it-hero-12-active .swiper-slide-active .it-hero-12-subtitle, .it-hero-12-active .swiper-slide-active .it-hero-title, .it-hero-12-active .swiper-slide-active .it-hero-bnt {
  display: inline-block;
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-12-subtitle {
  animation: img-anim-bottom 1s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-title {
  animation: img-anim-bottom 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.3s;
}
.it-hero-12-active .swiper-slide.swiper-slide-active .it-hero-bnt {
  animation: img-anim-bottom 1.7s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
  animation-name: img-anim-bottom;
  animation-duration: 1.7s;
}

/*----------------------------------------*/
/*  11. categories css start
/*----------------------------------------*/
.it-categories-item {
  padding: 40px 20px;
  padding-bottom: 35px;
  border-radius: 20px;
  margin-bottom: 35px;
  transition: transform 0.5s ease;
  background-color: #F0F4F5;
  border: 1px solid var(--it-theme-1);
}
.it-categories-item:hover span {
  animation: icon-bounce 0.8s 1;
}
.it-categories-item span {
  display: inline-block;
  margin-bottom: 26px;
  transition: transform 0.5s ease;
}
.it-categories-item span svg {
  height: 80px;
  transition: 0.3s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item span svg {
    height: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-item h6 {
    font-size: 17px;
  }
}
.it-categories-item.item-style-2 {
  border-color: #2F57EF;
  background-color: #F8C62F;
}
.it-categories-item.item-style-2 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-3 {
  border-color: #FF4D4F;
  background-color: #FFEBEC;
}
.it-categories-item.item-style-3 span svg {
  color: #FF4D4F;
}
.it-categories-item.item-style-4 {
  border-color: #3D97FE;
  background-color: #E9F3FE;
}
.it-categories-item.item-style-4 span svg {
  color: #3D97FE;
}
.it-categories-item.item-style-5 {
  border-color: #2F57EF;
  background-color: #EFF2FF;
}
.it-categories-item.item-style-5 span svg {
  color: #2F57EF;
}
.it-categories-item.item-style-6 {
  border-color: #39B410;
  background-color: #F6FFF3;
}
.it-categories-item.item-style-6 span svg {
  color: #39B410;
}
.it-categories-item.item-style-7 {
  border-color: #8E56FF;
  background-color: #F7F3FF;
}
.it-categories-item.item-style-7 span svg {
  color: #8E56FF;
}
.it-categories-item.item-style-8 {
  border-color: #F92596;
  background-color: #FFF9FC;
}
.it-categories-item.item-style-8 span svg {
  color: #F92596;
}
.it-categories-style-2 .it-categories-item {
  margin-bottom: 0;
  border-radius: 0;
  background-color: transparent;
  margin: 0 -1px -1px auto;
  transition: 0.3s;
  border: 1px solid rgba(108, 117, 125, 0.15);
}
.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-1);
}
.it-categories-style-2 .it-categories-item:hover span svg {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-item:hover h6 {
  color: var(--it-common-white);
}
.it-categories-style-2 .it-categories-wrap {
  border-radius: 20px;
  background-color: var(--it-common-white);
}
.it-categories-shape-1 {
  position: absolute;
  top: -18%;
  left: 0;
  z-index: -1;
}
.it-categories-shape-2 {
  position: absolute;
  top: 30%;
  right: 9.5%;
  z-index: -1;
}

.it-categories-2-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-categories-2-item {
  text-align: center;
  border: 1px solid rgba(248, 198, 47, 0.5);
  background: rgba(255, 255, 255, 0.5);
}
.it-categories-2-item:hover .it-categories-2-thumb img {
  transform: scale(1.2);
}
.it-categories-2-title {
  margin: 25px 15px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-title {
    font-size: 16px;
  }
}
.it-categories-2-thumb {
  overflow: hidden;
}
.it-categories-2-thumb img {
  width: 100%;
  transition: 1.3s all ease;
}
.it-categories-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 4%;
  left: 2.5%;
}
@media (max-width: 767px) {
  .it-categories-2-shape-1 {
    display: none;
  }
}
.it-categories-2-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 6.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-categories-2-shape-2 {
    bottom: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-categories-2-shape-2 {
    display: none;
  }
}
.it-categories-2-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-categories-2-style-2 .it-categories-2-item {
  transition: 0.3s;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(254, 130, 53, 0.2);
}
.it-categories-2-style-2 .it-categories-2-item:hover {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb {
  border: 1px solid var(--it-theme-5);
}
.it-categories-2-style-2 .it-categories-2-thumb img {
  width: 100%;
}

.it-categories-3-area {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.it-categories-3-item {
  padding: 32px 30px;
  padding-top: 50px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: #BC9FFD;
}
.it-categories-3-item .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-categories-3-item.style-2 {
  background-color: var(--it-theme-1);
}
.it-categories-3-item.style-3 {
  background-color: #2F57EF;
}
.it-categories-3-item.style-4 {
  background-color: var(--it-theme-2);
}
.it-categories-3-item.style-5 {
  background-color: var(--it-theme-3);
}
.it-categories-3-title {
  font-size: 24px;
  line-height: 1.42;
  margin-bottom: 0;
  color: var(--it-common-white);
  margin-right: 50px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-categories-3-title {
    font-size: 18px;
  }
}
.it-categories-3-icon {
  position: absolute;
  right: 30px;
  top: 30px;
}
.it-categories-3-shape-1 {
  position: absolute;
  z-index: -1;
  top: -18%;
  left: 0;
}

.it-category-4-thumb {
  border-radius: 50%;
  overflow: hidden;
}
.it-category-4-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(3, 89, 78, 0.15);
}
.it-category-4-title {
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 17px;
}
@media (max-width: 767px) {
  .it-category-4-title {
    font-size: 17px;
  }
}
.it-category-4-arrow-wrap {
  display: flex;
  gap: 20px;
  z-index: 2;
  justify-content: end;
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap {
    margin-top: 30px;
    justify-content: start;
  }
}
.it-category-4-arrow-wrap button {
  padding: 0;
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button {
    height: 40px;
    width: 40px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .it-category-4-arrow-wrap button svg {
    height: 15px;
  }
}
.it-category-4-item {
  text-align: center;
}
.it-category-4-item:hover .it-category-4-thumb img {
  transform: scale(1.1);
}

.it-categories-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-categories-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  02. about css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-about-thumb {
    padding-left: 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb img {
    width: 100%;
  }
}
.it-about-thumb.thumb-overlay img {
  width: 100%;
}
.it-about-thumb.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  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: 60px;
  height: 60px;
  margin: 0 auto;
  line-height: 58px;
  text-align: center;
  border-radius: 50%;
  text-align: center;
  transform: translateY(-50%);
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-about-thumb-icon svg {
  display: inline-block;
  padding-left: 2px;
}
.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: 78px;
}
@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: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-right .it-section-title br {
    display: none;
  }
}
.it-about-shape-1 {
  position: absolute;
  top: -10%;
  left: -5%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-about-shape-1 {
    display: none;
  }
}
.it-about-shape-2 {
  position: absolute;
  top: -16%;
  right: 0;
  z-index: -1;
}
.it-about-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -30px;
}
.it-about-shape-4 {
  position: absolute;
  z-index: -1;
  top: 2.5%;
  left: 7%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-4 {
    display: none;
  }
}
.it-about-shape-5 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 9%;
  animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-shape-5 {
    transform: scale(0.6);
    bottom: 6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-shape-5 {
    display: none;
  }
}
.it-about-shape-6 {
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 0;
}
.it-about-shape-7 {
  position: absolute;
  z-index: -1;
  top: -12%;
  right: 17%;
}
@media (max-width: 767px) {
  .it-about-shape-7 {
    display: none;
  }
}
.it-about-shape-8 {
  position: absolute;
  z-index: -1;
  top: 9.5%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-8 {
    transform: scale(0.5);
  }
}
.it-about-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-about-experience-box {
  padding: 31px 53px;
  border-radius: 20px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-experience-box {
    padding: 25px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box {
    padding: 25px 15px;
  }
}
.it-about-experience-box span {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.75;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box span {
    font-size: 14px;
  }
}
.it-about-experience-box h5 {
  font-size: 40px;
  margin-bottom: 0;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
.it-about-experience-box h5 i {
  font-style: normal;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-experience-box h5 {
    font-size: 30px;
  }
}
.it-about-experience-box h5::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 31px;
  transform: translateY(-50%);
  background: rgba(255, 255, 255, 0.3);
}
.it-about-list-box {
  margin-bottom: 45px;
}
.it-about-list-box ul li {
  list-style-type: none;
}
.it-about-list-box ul li:not(:last-child) {
  margin-bottom: 28px;
}
.it-about-list-box ul li span {
  display: block;
  padding-left: 47px;
  position: relative;
  font-size: 24px;
  line-height: 1;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-list-box ul li span {
    font-size: 16px;
    padding-left: 40px;
  }
}
.it-about-list-box ul li span svg, .it-about-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-list-box ul li span svg, .it-about-list-box ul li span i {
    height: 18px;
  }
}
.it-about-style-2 .it-about-left {
  margin-right: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-left .row.gx-0 {
    --bs-gutter-x: 25px !important;
  }
}
.it-about-style-2 .it-about-list-box {
  margin-bottom: 40px;
}
.it-about-style-2 .it-about-right {
  margin-left: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right {
    margin-left: 0;
  }
}
.it-about-style-2 .it-about-right p {
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-2 .it-about-right p {
    margin-right: 0;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 {
    padding-top: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-style-3 .it-about-right {
    margin-bottom: 0;
  }
}
.it-about-style-3 .it-about-left {
  padding-right: 10px;
  padding-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-left {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-style-3 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-style-3 .it-about-thumb {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb img {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.thumb-overlay::after {
  border-radius: 1000px;
}
.it-about-style-3 .it-about-thumb.style-1 {
  margin-right: -8px;
}
.it-about-style-3 .it-about-thumb.style-2 {
  margin-top: 85px;
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-thumb.style-2 {
    margin-top: 0;
  }
}
.it-about-style-3 .it-about-thumb.style-2 img {
  outline: 10px solid var(--it-gray-1);
}
.it-about-style-3 .it-about-experience-box {
  margin-top: -30px;
  padding: 31px 37px;
  border-radius: 1000px;
  position: relative;
  z-index: 2;
  margin-left: 10px;
  background-color: var(--it-theme-2);
  animation: translateX 3s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-style-3 .it-about-experience-box {
    margin: 30px;
    padding: 16px 37px;
  }
}
@media (max-width: 767px) {
  .it-about-style-3 .it-about-experience-box {
    display: none !important;
  }
}
.it-about-style-3 .it-about-experience-box h5, .it-about-style-3 .it-about-experience-box span {
  color: var(--it-common-black);
}
.it-about-style-3 .it-about-experience-box h5::after {
  background-color: rgba(31, 36, 50, 0.2);
}

.it-about-2-more-wrap {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-more-wrap {
    margin-right: 120px;
  }
}
@media (max-width: 767px) {
  .it-about-2-more-wrap {
    margin-right: 0;
  }
}
.it-about-2-more-icon {
  display: inline-block;
  height: 60px;
  width: 60px;
  margin-right: 12px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon {
    height: 50px;
    width: 50px;
    line-height: 43px;
  }
}
.it-about-2-more-icon svg, .it-about-2-more-icon i {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-icon svg, .it-about-2-more-icon i {
    height: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-more-info {
    align-items: center;
  }
}
.it-about-2-more-info h6 {
  margin-bottom: 0;
  line-height: 1.65;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-2-more-info h6 {
    font-size: 13px;
  }
}
.it-about-2-more-info:hover .it-about-2-more-icon svg, .it-about-2-more-info:hover i {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-about-2-right {
  margin-left: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-right {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-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-2-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-right .it-section-title br {
    display: none;
  }
}
.it-about-2-left {
  padding-left: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-left {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-left {
    padding-left: 30px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-2-left {
    padding-left: 0;
    margin-bottom: 50px;
  }
}
.it-about-2-left .it-about-experience-box {
  position: absolute;
  top: 12%;
  left: 0;
  padding: 17px 20px;
  padding-right: 30px;
  background-color: var(--it-theme-1);
  animation: ittranslateX2 4s forwards infinite alternate;
}
@media (max-width: 767px) {
  .it-about-2-left .it-about-experience-box {
    position: static;
    margin-top: 30px;
    animation: unset;
  }
}
.it-about-2-left .it-about-experience-box h5 {
  font-size: 28px;
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
  margin-bottom: 0;
  line-height: 1;
}
.it-about-2-left .it-about-experience-box h5::after {
  display: none;
}
.it-about-2-thumb-sm {
  position: absolute;
  bottom: 0;
  right: -36px;
  border-radius: 30px;
  border-left: 12px solid var(--it-common-white);
  border-top: 10px solid var(--it-common-white);
  animation: updown 1s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm {
    position: relative;
    right: 0;
    margin-top: 30px;
    border-left: none;
    border-top: none;
    animation: unset;
  }
}
@media (max-width: 767px) {
  .it-about-2-thumb-sm img {
    width: 100%;
  }
}
.it-about-2-thumb-sm.thumb-overlay::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 20px;
  background-color: rgba(31, 36, 50, 0.2);
}
.it-about-2-shape-1 {
  position: absolute;
  bottom: -14%;
  left: -16%;
  z-index: -1;
}
.it-about-2-shape-2 {
  position: absolute;
  bottom: -15px;
  left: 0;
  z-index: -1;
  animation: zoom 5s infinite;
}
.it-about-2-shape-3 {
  position: absolute;
  top: 5.5%;
  right: 5%;
  z-index: -1;
  animation: zoomIn 5s infinite;
}
.it-about-2-shape-4 {
  position: absolute;
  bottom: -51%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-about-2-shape-6 {
  position: absolute;
  bottom: 6.5%;
  right: 11%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-shape-6 {
    bottom: 4%;
    right: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-6 {
    display: none;
  }
}
.it-about-2-shape-6 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-about-2-shape-7 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: -12%;
}
.it-about-2-shape-8 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
}
.it-about-2-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: -35%;
  right: 0;
}
.it-about-2-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-about-2-shape-11 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-about-2-shape-12 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  right: 7%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-shape-12 {
    display: none;
  }
}
.it-about-2-shape-13 {
  position: absolute;
  bottom: -30%;
  right: -1%;
  z-index: -1;
}
.it-about-2-shape-14 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box {
  background-color: var(--it-theme-2);
}
.it-about-2-style-2 .it-about-2-left .it-about-experience-box h5, .it-about-2-style-2 .it-about-2-left .it-about-experience-box span, .it-about-2-style-2 .it-about-2-left .it-about-experience-box svg {
  color: var(--it-common-black);
}
.it-about-2-style-2 .it-about-2-left {
  padding-bottom: 70px;
}
.it-about-2-style-2 .it-about-right {
  margin-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 55px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right {
    margin-left: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-2 .it-about-right p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-2 .it-about-right .it-section-title {
    font-size: 28px;
  }
}
.it-about-2-style-3 .it-about-2-left {
  padding-left: 0;
  padding-right: 83px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-left {
    padding-right: 0px;
  }
}
.it-about-2-style-3 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-style-3 .it-about-2-thumb-sm {
  right: 38px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-3 .it-about-2-thumb-sm {
    position: relative;
    right: 0;
  }
}
.it-about-2-style-3 .it-about-list-box ul li span {
  font-size: 20px;
  font-weight: 700;
  padding-left: 42px;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-box ul li span {
    font-size: 18px;
  }
}
.it-about-2-style-3 .it-about-list-wrap {
  margin-right: -65px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-list-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-section-title-3 br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-3 .it-about-text p {
    font-size: 14px;
  }
  .it-about-2-style-3 .it-about-text p br {
    display: none;
  }
}
.it-about-2-style-4 .it-about-list-box ul li span {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-about-2-style-4 .it-about-list-box ul li span svg, .it-about-2-style-4 .it-about-list-box ul li span i {
  color: var(--it-theme-5);
}
.it-about-2-style-4 .it-about-2-left {
  margin-right: 83px;
  padding-left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-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-2-style-4 .it-about-2-left {
    margin-right: 0;
  }
}
.it-about-2-style-4 .it-about-2-right {
  margin-left: 0;
}
.it-about-2-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-2-style-4 .it-about-list-wrap .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 28px;
  }
}
.it-about-2-style-4 .it-about-text p {
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-text p {
    font-size: 14px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
  margin-right: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li:not(:last-child) button {
    margin-right: 20px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button {
  font-weight: 600;
  font-size: 20px;
  border-radius: 100px;
  padding: 11px 30px;
  line-height: 1;
  transition: 0.4s;
  color: var(--it-text-body);
  font-family: var(--it-ff-oxanium);
  border: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 30px;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-about-2-style-4 .it-about-2-tab-box ul li button {
    padding: 9px 18px;
    font-size: 15px;
    margin-bottom: 15px;
  }
}
.it-about-2-style-4 .it-about-2-tab-box ul li button:hover {
  color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.it-about-2-style-5 .it-about-list-box ul li span {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-style-5 .it-about-list-box ul li span {
    font-size: 17px;
  }
}
.it-about-2-style-5 .it-about-list-box ul li span svg, .it-about-2-style-5 .it-about-list-box ul li span i {
  color: var(--it-theme-2);
}
.it-about-2-style-5 .it-about-text p {
  margin-right: 40px;
  line-height: 1.75;
  margin-bottom: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-style-5 .it-section-title {
    font-size: 32px;
  }
  .it-about-2-style-5 .it-section-title br {
    display: none;
  }
}
.it-about-2-style-5 .it-about-list-box {
  margin-bottom: 35px;
}

.it-about-3-area {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.it-about-3-area .it-about-list-box ul li span svg, .it-about-3-area i {
  color: var(--it-theme-2);
}
.it-about-3-area .it-about-experience-box {
  position: absolute;
  bottom: 26%;
  right: 3%;
  z-index: 2;
  padding: 35px 20px;
  width: 200px;
  padding-bottom: 50px;
  background-color: var(--it-theme-1);
  clip-path: path("M0.894531 65.5048C0.894531 21.7461 43.8841 -9.06705 85.3237 4.98955L90.4344 6.72315C102.369 10.7715 115.391 10.1738 126.905 5.04922C158.426 -8.98044 194.364 12.3019 197.214 46.6863L198.593 63.3162C198.866 66.6078 198.875 69.916 198.621 73.209L198.396 76.1119C194.439 127.312 151.738 166.84 100.385 166.84H80.4249C36.5015 166.84 0.894531 131.233 0.894531 87.3092V65.5048Z");
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-area .it-about-experience-box {
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .it-about-experience-box {
    display: none;
  }
}
.it-about-3-area .it-about-experience-box h5 {
  padding-right: 0;
  margin-right: 0;
  font-family: var(--it-ff-heading);
}
.it-about-3-area .it-about-experience-box h5::after {
  display: none;
}
.it-about-3-area .it-about-experience-box span {
  font-size: 14px;
  text-transform: capitalize;
}
.it-about-3-area .it-about-experience-box .border-img {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
}
.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: 14px;
  }
}
@media (max-width: 767px) {
  .it-about-3-area .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-area .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb img {
    width: 100%;
  }
}
.it-about-3-thumb.style-1 {
  padding-left: 115px;
  position: relative;
  z-index: 1;
  transform: rotate(-8deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-thumb.style-1 {
    padding-left: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-1 {
    padding-left: 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);
}
.it-about-3-thumb.style-2 {
  padding-left: 40px;
  margin-top: -40px;
  transform: rotate(19deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-3-thumb.style-2 {
    margin-right: 40px;
  }
}
@media (max-width: 767px) {
  .it-about-3-thumb.style-2 {
    padding-left: 0px;
    margin-top: 0;
    transform: rotate(0);
  }
}
@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: 42%;
  left: 4%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-2 {
    display: none;
  }
}
.it-about-3-shape-3 {
  position: absolute;
  top: 25%;
  right: 6%;
  z-index: -1;
  animation: flap 0.3s infinite alternate ease-in-out;
  transform-origin: center 40%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-shape-3 {
    top: 9%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-shape-3 {
    top: 3%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-logo {
    display: none;
  }
}
.it-about-4-logo img {
  animation: rotate 15s linear infinite;
}
.it-about-4-thumb {
  overflow: hidden;
  border-radius: 1000px;
  border: 5px solid var(--it-theme-4);
}
.it-about-4-thumb img {
  border-radius: 1000px;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-thumb img {
    width: 100%;
  }
}
.it-about-4-thumb.style-1 {
  margin-right: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-4-thumb.style-1 {
    margin-bottom: 0;
  }
}
.it-about-4-thumb.style-2 {
  border: 2px solid var(--it-theme-4);
}
.it-about-4-thumb:hover img {
  border-radius: 1000px;
  transform: scale(1.2);
}
.it-about-4-content {
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-content {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content {
    margin-left: 0;
    margin-bottom: 70px;
  }
}
.it-about-4-content p {
  margin-bottom: 35px;
  margin-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-about-4-content .it-about-list-box {
  margin-bottom: 35px;
}
.it-about-4-content .it-about-list-box ul li span {
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-about-4-content .it-about-list-box ul li span svg {
  color: var(--it-theme-4);
}
.it-about-4-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  animation: itswing-2 1s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-about-4-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 6%;
  right: 31%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 {
    right: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-shape-2 img {
    transform: scale(0.7);
  }
}
.it-about-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -15%;
  right: 3%;
}

.it-about-5-area {
  padding-top: 320px;
  padding-bottom: 215px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-area {
    padding-top: 220px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-area {
    padding-top: 200px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-area {
    padding-top: 180px;
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .it-about-5-area {
    padding: 100px 0;
  }
}
.it-about-5-content {
  text-align: center;
}
.it-about-5-content p {
  font-size: 55px;
  line-height: 1.27;
  margin-bottom: 52px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-content p {
    font-size: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-content p {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p {
    font-size: 35px;
  }
}
.it-about-5-content p img {
  padding: 0 4px;
  margin-top: -15px;
  border-radius: 1000px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-content p img {
    height: 30px;
    margin-top: -10px;
  }
}
@media (max-width: 767px) {
  .it-about-5-content p img {
    height: 20px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-5-content p img {
    height: 30px;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-1 {
    left: -3%;
    bottom: 9%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-1 {
    left: -4%;
    bottom: 9%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-1 {
    display: none;
  }
}
.it-about-5-shape-2 {
  position: absolute;
  z-index: -1;
  top: 20%;
  left: 16.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-2 {
    top: 5%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-2 {
    display: none;
  }
}
.it-about-5-shape-3 {
  position: absolute;
  z-index: -1;
  top: 20%;
  right: 15%;
  opacity: 0.5;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-5-shape-3 {
    top: 10%;
    right: 7%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-3 {
    top: 9%;
    right: 10%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-5-shape-3 {
    top: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-3 {
    top: 2%;
    right: 8%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-3 {
    display: none;
  }
}
.it-about-5-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 14%;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-4 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-4 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-4 {
    display: none;
  }
}
.it-about-5-shape-5 {
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-5 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-5-shape-5 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-about-5-shape-5 {
    display: none;
  }
}

.it-mission-item .icon {
  display: inline-block;
  border-radius: 20px;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  margin-right: 20px;
  flex: 0 0 auto;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item .icon svg {
    height: 20px;
  }
}
.it-mission-item .icon.style-2 {
  background-color: var(--it-theme-2);
}
.it-mission-item span {
  font-size: 28px;
  font-weight: 700;
  color: var(--it-common-black);
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item span {
    font-size: 22px;
  }
}
.it-mission-item.style-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-item.style-2 {
    margin-left: 0;
  }
}
.it-mission-item.style-2 .it-mission-text p {
  margin-right: 0;
}
.it-mission-text {
  margin-top: 25px;
}
.it-mission-text p {
  font-size: 18px;
  line-height: 1.5;
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-mission-text p {
    font-size: 15px;
  }
}

.about-style-2 .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.about-style-2 .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.about-style-2 .it-choose-5-thumb::after {
  background-color: var(--it-theme-2);
}
.about-style-2 .it-choose-5-wrap {
  position: relative;
  overflow: hidden;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  z-index: 1;
}
.about-style-2 .it-choose-5-wrap .shape {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/*----------------------------------------*/
/*  15. course css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-course-section-title-box {
    margin-bottom: 30px !important;
  }
}
.it-course-author img {
  height: 40px;
  width: 40px;
  margin-right: 11px;
  border-radius: 50%;
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
  outline: 1px solid rgba(255, 255, 255, 0.2);
}
.it-course-thumb {
  overflow: hidden;
}
.it-course-thumb img {
  transition: 1.3s all ease;
}
.it-course-thumb .wishlist-btn {
  position: absolute;
  top: 20px;
  right: 30px;
  height: 40px;
  width: 40px;
  padding: 0;
  line-height: 1;
  border-radius: 50%;
  background-color: var(--it-common-white);
}
.it-course-thumb .wishlist-btn svg {
  margin-top: -4px;
  display: inline-block;
}
.it-course-price-box del {
  font-weight: 600;
  font-size: 16px;
  margin-right: 11px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box del {
    font-size: 14px;
  }
}
.it-course-price-box span {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-price-box span {
    font-size: 17px;
  }
}
.it-course-title {
  line-height: 1.5;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-title {
    margin-right: 0;
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-title {
    margin-right: 0;
    font-size: 17px;
  }
}
.it-course-rating {
  padding-bottom: 27px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-rating {
    font-size: 13px;
  }
}
.it-course-rating i {
  color: var(--it-theme-2);
}
.it-course-meta span svg, .it-course-meta span i {
  margin-top: -4px;
  margin-right: 6px;
}
.it-course-meta span:first-child {
  padding-right: 60px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-meta span:first-child {
    padding-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-meta span:first-child {
    padding-right: 0;
    border-right: none;
  }
}
.it-course-content {
  padding: 40px 30px;
  padding-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-content {
    padding: 30px 20px;
  }
}

.it-course-btn .it-btn-yellow:hover {
  background-color: #FFEB39; 
  color: #000000;            
  transform: translateY(-2px);
}

.it-course-btn .it-btn-yellow span {
  color: var(--it-common-white);
}
.it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-tab-btn ul li button {
  padding: 0;
  margin: 0 20px;
  font-weight: 600;
  font-size: 20px;
  position: relative;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-course-tab-btn ul li button {
    font-size: 19px;
    margin-bottom: 30px;
  }
}
.it-course-tab-btn ul li button span {
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
  z-index: -1;
  margin: 0 auto;
  opacity: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button span svg {
  width: 0;
  transition: 0.3s;
}
.it-course-tab-btn ul li button.active {
  color: var(--it-common-black);
}
.it-course-tab-btn ul li button.active span {
  opacity: 1;
}
.it-course-tab-btn ul li button.active span svg {
  width: 100%;
}
.it-course-tab-btn ul li button:hover {
  color: var(--it-common-black);
}
.it-course-item {
  transition: 0.3s;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-item .course-category {
  position: absolute;
  left: 30px;
  top: 20px;
  border-radius: 5px;
  padding: 7.5px 20px;
  color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
  background-color: var(--it-theme-1);
}
.it-course-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-item:hover .it-course-thumb img {
  transform: scale(1.15);
}
.it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-item {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-style-2 .it-course-item:hover {
  border-color: var(--it-theme-1);
}
.it-course-style-2 .it-course-content {
  padding: 0 30px 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-2 .it-course-content {
    padding: 0 0 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 30px 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 30px 0 0 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-content {
    padding: 20px 0 0 20px;
  }
}
.it-course-style-2 .it-course-thumb {
  height: 100%;
}
.it-course-style-2 .it-course-thumb::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(31, 36, 50, 0.2);
}
.it-course-style-2 .it-course-thumb img {
  height: 100%;
  object-fit: cover;
}
.it-course-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 25px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-meta span svg, .it-course-style-2 .it-course-meta span i {
    height: 15px;
  }
}
.it-course-style-2 .it-course-meta span:first-child {
  padding-right: 30px;
}
.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-2 .it-course-price-box del, .it-course-style-2 .it-course-price-box span {
    font-size: 12px;
  }
}
.it-course-style-2 .it-course-thumb .wishlist-btn {
  height: 30px;
  width: 30px;
  top: 15px;
  right: 15px;
  z-index: 1;
}
.it-course-style-2 .it-course-thumb .wishlist-btn svg {
  height: 12px;
}
.it-course-style-2 .it-course-thumb .course-category {
  top: 15px;
  left: 15px;
  font-size: 14px;
  padding: 5.5px 11px;
  z-index: 1;
}
.it-course-style-2 .it-course-title {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-2 .it-course-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-style-2 .it-course-tab-btn ul li button {
    margin: 0 11px;
    margin-bottom: 20px;
    font-size: 16px;
  }
}
.it-course-style-3 {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.it-course-style-3 .it-course-tab-btn ul li button.active span svg {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-3 .it-course-content {
  border-radius: 20px;
  margin-top: -15px;
  z-index: 1;
  background-color: var(--it-common-white);
}
.it-course-style-3 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-3 .it-course-thumb img {
  border-radius: 20px 20px 0 0;
}
.it-course-style-4 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-course-style-4 .it-course-thumb {
  transition: 0.3s;
  border: 1px solid transparent;
}
.it-course-style-4 .it-course-content {
  padding: 0 10px;
  padding-top: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-4 .it-course-content {
    padding: 0;
    padding-top: 27px;
  }
}
.it-course-style-4 .it-course-text {
  padding-bottom: 25px;
  margin-bottom: 28px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.3);
}
.it-course-style-4 .it-course-text p {
  margin-bottom: 0;
}
.it-course-style-4 .it-course-meta span {
  padding-right: 0;
  display: block;
  margin-bottom: 15px;
  border: none;
}
.it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
  margin-right: 30px;
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-meta-wrap .row [class*=col-]:first-child .it-course-meta {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .it-course-style-4 .it-course-section-title-box {
    margin-bottom: 60px !important;
  }
}
.it-course-style-4 .it-course-item {
  padding: 20px;
  padding-bottom: 40px;
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-style-4 .it-course-item:hover .it-course-thumb {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-5.it-course-style-4 {
    padding-bottom: 95px;
  }
}
.it-course-style-5 .it-course-item {
  box-shadow: none;
  border: 1px solid rgba(3, 89, 78, 0.12);
}
.it-course-style-5 .it-course-item .flag {
  position: absolute;
  left: 0;
  right: 0;
  top: -29px;
  height: 59px;
  width: 59px;
  z-index: 1;
  margin: 0 auto;
  border-radius: 50%;
  transition: all 500ms ease;
}
.it-course-style-5 .it-course-item:hover .flag {
  transform: rotate(360deg);
}
.it-course-style-5 .it-course-item:hover .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-thumb {
  border: none;
}
.it-course-style-5.it-course-style-4 .it-course-content {
  padding-top: 50px;
}
.it-course-style-5.it-course-style-4 .it-course-meta span {
  display: inline-block;
  margin-bottom: 27px;
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span {
    font-size: 15px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
  padding-right: 40px;
  margin-right: 36px;
  border-right: 1px solid var(--it-text-body);
}
@media (max-width: 767px) {
  .it-course-style-5.it-course-style-4 .it-course-meta span:first-child {
    padding-right: 30px;
    margin-right: 25px;
  }
}
.it-course-style-5.it-course-style-4 .it-course-title {
  margin-right: 0;
}
.it-course-style-6 {
  padding-top: 140px;
  padding-bottom: 230px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-6 {
    padding: 130px 0;
    background-image: none !important;
    background-color: var(--it-gray-1);
  }
}
.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow {
  background-color: var(--it-theme-2);
}
.it-course-style-6 .it-course-item:hover .it-btn-yellow span, .it-course-style-6 .it-course-item:hover .it-btn-yellow i, .it-course-style-6 .it-course-item:hover .it-btn-yellow svg {
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.it-course-style-6 .it-course-rating span {
  display: inline-block;
  margin-left: 3px;
  color: var(--it-common-black);
}
.it-course-style-6 .it-course-content {
  padding: 40px 30px;
}
@media (max-width: 767px) {
  .it-course-style-6 .it-course-content {
    padding: 40px 20px;
  }
}
.it-course-style-6 .it-course-title {
  margin-bottom: 31px;
  margin-right: 0;
}
.it-course-style-6 .it-course-meta {
  margin-bottom: 38px;
}
.it-course-style-7.it-course-style-6 {
  padding-top: 130px;
  padding-bottom: 130px;
}
.it-course-style-7.it-course-style-6 .it-course-title {
  margin-bottom: 23px;
  font-size: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-title {
    font-size: 19px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-item {
  border-radius: 20px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-course-style-7.it-course-style-6 .it-course-rating {
  margin-bottom: 28px;
}
.it-course-style-7.it-course-style-6 .it-course-meta {
  margin-bottom: 0;
}
.it-course-style-7.it-course-style-6 .it-course-meta span:first-child {
  padding-right: 30px;
  margin-right: 0;
  border-right: none;
}
.it-course-style-7.it-course-style-6 .it-course-meta svg, .it-course-style-7.it-course-style-6 .it-course-meta i {
  color: var(--it-theme-1);
}
.it-course-style-7.it-course-style-6 .it-course-thumb {
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-thumb img {
  width: 100%;
  border-radius: 20px 20px 0 0;
}
.it-course-style-7.it-course-style-6 .it-course-content {
  padding: 37px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-7.it-course-style-6 .it-course-content {
    padding: 37px 20px;
  }
}
.it-course-style-7.it-course-style-6 .it-course-price {
  position: absolute;
  right: 40px;
  top: -33px;
  z-index: 1;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 78px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-style-8 .it-course-item {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-course-style-8 .it-course-item p {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8 .it-course-item p {
    font-size: 14px;
  }
}
.it-course-style-8 .it-course-item:hover {
  box-shadow: none;
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-theme-2);
}
.it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-8 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-8 .it-course-price-box del, .it-course-style-8 .it-course-price-box span {
  font-family: var(--it-ff-cinzel-decorative);
}
.it-course-style-8.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 {
    background-color: var(--it-common-white);
  }
}
.it-course-style-8.it-course-style-6 .it-course-title {
  margin-bottom: 15px;
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-title {
    font-size: 20px;
  }
}
.it-course-style-8.it-course-style-6 .it-course-content {
  padding: 40px 30px;
  padding-top: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-8.it-course-style-6 .it-course-content {
    padding: 40px 20px;
    padding-top: 24px;
  }
}
.it-course-style-9 .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-heading);
}
.it-course-style-9 .it-btn-yellow span, .it-course-style-9 .it-btn-yellow svg {
  color: var(--it-text-body);
}
.it-course-style-9.it-course-style-2 .it-course-thumb::after {
  display: none;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-style-9.it-course-style-2 .it-course-title {
    font-size: 22px;
  }
}
.it-course-style-9.it-course-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-style-9.it-course-style-2 .it-course-price-box span {
  color: var(--it-theme-1);
}
.it-course-style-9.it-course-style-2 .it-course-rating span {
  color: var(--it-common-black);
}
.it-course-style-9.it-course-style-2 .it-course-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 30px;
  padding-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-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-style-9.it-course-style-2 .it-course-content {
    padding-left: 20px;
  }
}
.it-course-style-10 .it-course-item {
  background-color: var(--it-gray-4);
  border: 1px solid rgba(254, 130, 53, 0.1);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow {
  background-color: var(--it-common-black);
}
.it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow span, .it-course-style-10 .it-course-item:hover .it-course-btn .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-course-style-10.it-course-style-6 {
  padding: 130px 0;
  background-color: transparent;
}
.it-course-style-10.it-course-style-6 .it-course-price-box span {
  color: var(--it-theme-5);
}
.it-course-style-10.it-course-style-6 .it-course-title {
  font-size: 24px;
  font-weight: 700;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-10.it-course-style-6 .it-course-title {
    font-size: 21px;
  }
}
.it-course-style-10.it-course-style-6 .it-course-meta {
  margin-bottom: 33px;
}
.it-course-style-10 .it-course-rating i {
  color: var(--it-theme-5);
}
.it-course-style-10 .it-course-meta span:first-child {
  padding-right: 20px;
  margin-right: 17px;
}
.it-course-style-10 .it-course-btn .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-course-style-11 .circle {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -7%;
  height: 891px;
  width: 891px;
  border-radius: 50%;
  background-color: rgba(3, 89, 78, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-style-11 .circle {
    display: none;
  }
}
.it-course-style-11 .course-category {
  top: -20px;
  left: auto;
  right: 40px;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-style-11 .it-course-meta span:first-child {
    padding-right: 33px;
  }
}
.it-course-inner-style .it-course-content {
  position: relative;
  z-index: 2;
  overflow: hidden;
  margin-bottom: -23%;
  background-color: var(--it-common-white);
  transition: 0.6s all ease;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-content {
    margin-bottom: -15%;
  }
}
.it-course-inner-style .it-course-item {
  overflow: hidden;
}
.it-course-inner-style .it-course-item:hover .it-course-content {
  margin-top: -23%;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -18%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -26%;
  }
}
@media (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -27%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-inner-style .it-course-item:hover .it-course-content {
    margin-top: -15%;
  }
}
.it-course-inner-style-2 .it-course-meta span svg, .it-course-inner-style-2 .it-course-meta span i {
  color: var(--it-theme-1);
}
.it-course-inner-style-2 .it-course-rating {
  margin-bottom: 0;
}
.it-course-inner-style-2 .it-course-title {
  margin-bottom: 30px;
}
.it-course-inner-style-2 .it-course-meta {
  margin-bottom: 20px;
}
.it-course-shape-1 {
  position: absolute;
  top: -6.5%;
  right: 20%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 {
    top: -4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-1 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-shape-1 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-shape-1 img {
    transform: scale(0.6);
  }
}
.it-course-shape-2 {
  position: absolute;
  z-index: -1;
  top: -9.5%;
  left: 0;
}
.it-course-shape-3 {
  position: absolute;
  z-index: -1;
  bottom: 10%;
  left: 9%;
}
.it-course-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 8%;
  left: 12.5%;
}
.it-course-shape-5 {
  position: absolute;
  top: 20%;
  right: 0;
  z-index: -1;
}
.it-course-shape-6 {
  position: absolute;
  top: 16%;
  left: 7.5%;
  z-index: -1;
  animation: translateY 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-6 {
    display: none;
  }
}
.it-course-shape-7 {
  position: absolute;
  top: 10.5%;
  left: 8.5%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-7 {
    display: none;
  }
}
.it-course-shape-8 {
  position: absolute;
  z-index: -1;
  top: -20%;
  left: 0;
}
.it-course-shape-9 {
  position: absolute;
  z-index: -1;
  top: 15%;
  left: 10%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-course-shape-10 {
  position: absolute;
  z-index: -1;
  bottom: 5%;
  right: 10%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-10 {
    display: none;
  }
}
.it-course-shape-11 {
  position: absolute;
  bottom: 12%;
  right: 11%;
  animation: rotate 25s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-shape-11 {
    display: none;
  }
}
.it-course-shape-12 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-13 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-course-shape-14 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-course-shape-15 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-course-filter-top-right {
    flex-wrap: wrap;
  }
}
.it-course-filter-tab ul {
  padding: 5px;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 1000px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-filter-tab ul li {
  display: inline-block;
}
.it-course-filter-tab ul li button {
  display: flex;
  transition: 0.3s;
  padding: 8px 20px;
  align-items: center;
  border-radius: 1000px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-tab ul li button {
    font-size: 14px;
  }
}
.it-course-filter-tab ul li button span {
  display: inline-block;
  margin-top: -4px;
  margin-right: 9px;
}
.it-course-filter-tab ul li button span svg {
  transition: 0.3s;
  color: var(--it-common-black);
}
.it-course-filter-tab ul li button.active {
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-course-filter-tab ul li button.active span svg {
  color: var(--it-theme-1);
}
.it-course-filter-tab ul li button:hover {
  color: var(--it-theme-1);
}
.it-course-filter-search {
  max-width: 305px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-search {
    max-width: 220px;
  }
}
.it-course-filter-search input {
  height: 43px;
  line-height: 43px;
  padding-right: 50px;
  border-radius: 1000px;
  background-color: transparent;
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-search input::placeholder {
    font-size: 14px;
  }
}
.it-course-filter-search input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-course-filter-search button {
  position: absolute;
  top: 48%;
  right: 20px;
  transform: translateY(-50%);
}
.it-course-filter-result {
  margin-left: 25px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .it-course-filter-result {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-result {
    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-course-filter-result span {
    font-size: 14px;
  }
}
.it-course-filter-result span b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-course-filter-button {
  height: 43px;
  line-height: 43px;
  padding: 0 19px;
  margin-left: 38px;
  margin-bottom: 30px;
  border-radius: 1000px;
  border: 1px solid rgba(3, 89, 78, 0.2);
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-button {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-button {
    font-size: 14px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-button {
    margin-left: 25px;
  }
}
.it-course-filter-button span {
  margin-right: 10px;
  display: inline-block;
}
.it-course-filter-dropdown-area {
  padding: 75px;
  border-radius: 20px;
  background: var(--it-common-white);
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area {
    padding: 65px 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area {
    padding: 45px 40px;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area {
    padding: 35px 20px;
  }
}
.it-course-filter-dropdown-area .filter-group {
  padding: 20px 15px;
  border-radius: 12px;
  position: relative;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.it-course-filter-dropdown-area .filter-group label span {
  font-size: 14px;
  height: 30px;
  line-height: 28px;
  padding: 0 12px;
  transition: 0.1s;
  border-radius: 9999px;
  border: 1px solid #d1d5db;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group label span {
    height: 25px;
    line-height: 22px;
    padding: 0 12px;
    font-size: 12px;
    margin-bottom: 10px;
  }
}
.it-course-filter-dropdown-area .filter-group label span i {
  font-size: 12px;
  font-style: normal;
  display: inline-block;
}
.it-course-filter-dropdown-area .filter-group label:not(:last-child) {
  margin-right: 5px;
}
.it-course-filter-dropdown-area .filter-group label input[type=checkbox] {
  display: none;
}
.it-course-filter-dropdown-area .filter-group.sort-group {
  width: 100%;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.sort-group {
    margin-bottom: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.language-group {
  width: 506px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 465px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 43%;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.language-group {
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group {
  width: 277px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    width: 30%;
    flex: auto;
  }
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.price-group {
    flex: auto;
    width: 100%;
  }
}
.it-course-filter-dropdown-area .filter-group.price-group label i {
  margin-left: 2px;
}
.it-course-filter-dropdown-area .filter-group.instructors-group {
  width: 100%;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-course-filter-dropdown-area .filter-group.instructors-group label i {
  margin-left: 17px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-filter-dropdown-area .filter-group.instructors-group label i {
    margin-left: 12px;
  }
}
.it-course-filter-dropdown-area .filter-group.categories-group label i {
  margin-left: 7px;
}
.it-course-filter-dropdown-area .filter-title {
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 7px;
  color: var(--it-common-black);
}
.it-course-filter-dropdown-wrapper {
  position: absolute;
  top: 120%;
  left: 0;
  width: 100%;
  z-index: 3;
  opacity: 0;
  transition: 0.4s;
  visibility: hidden;
  transform-origin: top;
  transform: perspective(300px) rotateX(-18deg);
}
@media (max-width: 767px) {
  .it-course-filter-dropdown-wrapper {
    top: 95%;
  }
}
.it-course-filter-dropdown-wrapper.it-filter-dropdown-opened {
  visibility: visible;
  opacity: 1;
  transform: perspective(300px) rotateX(0deg);
}
.it-course-filter-open-style .it-course-filter-dropdown-style-2 {
  visibility: visible;
  opacity: 1;
  position: initial;
  transition: initial;
  margin-bottom: 60px;
  transform: perspective(0) rotateX(0);
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px 0 40px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 25px 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-content {
    padding: 0 20px 0 30px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-content p {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 24px;
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
  margin-right: -7px;
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb {
    margin-right: 0;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-thumb::after {
  display: none;
}
.it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid rgba(3, 89, 78, 0.1);
  box-shadow: 0 5px 10px 0 rgba(1, 6, 20, 0.1);
}
@media (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .wishlist-btn {
    display: none;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .course-category {
  position: static;
  margin-right: 40px;
  border-radius: 1000px;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .course-category {
    font-size: 14px;
    padding: 5.5px 16px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid var(--it-text-body);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-style-2 .it-course-meta span:not(:last-child) {
    padding-right: 15px;
    margin-right: 15px;
  }
}
.it-course-grid-sidebar-style .it-course-style-2 .it-course-item {
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-grid-sidebar-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-price-box del, .it-course-grid-sidebar-style .it-course-price-box span {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-author img {
    height: 30px;
    width: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-grid-sidebar-style .it-course-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-grid-sidebar-style .it-course-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-filter-open-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-inner-v1-style .it-course-meta span:first-child {
    padding-right: 35px;
  }
}
.it-course-faq-top-text span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-faq-top-text a {
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-area .it-course-details-active .it-course-item:hover {
  box-shadow: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-area .it-course-details-wrapper .it-testimonial-arrow-wrap {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text span {
    display: block;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area .it-course-faq-top-text {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-area.it-course-details-style-3 .it-course-faq-top-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .price-section {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .time-left {
    margin-top: 0;
  }
}
.it-course-details-area.it-course-details-v1-style .it-btn-yellow {
  padding: 18px 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .coupon-input.d-flex {
    flex-wrap: wrap !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-btn-yellow.theme-bg.ml-10 {
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .course-info ul li {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media (max-width: 767px) {
  .it-course-details-area.it-course-details-v1-style .it-details-list.course-list-style-2 {
    margin-top: 15px;
  }
}

/* Hover & Checked Style */
.sort-options label span:hover,
.sort-options label input[type=checkbox]:checked + span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-course-sidebar {
  background-color: var(--it-common-white);
  border-radius: 20px;
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-course-sidebar .it-btn-yellow span {
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .price {
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-theme-1);
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-sidebar .price-section .old-price {
  font-size: 16px;
  font-weight: 600;
  text-decoration: line-through;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .discount {
  font-weight: 400;
  font-size: 14px;
  color: rgba(108, 117, 125, 0.8);
  font-family: var(--it-ff-body);
}
.it-course-sidebar .price-section .time-left {
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 10px;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .price-section .time-left svg {
  margin-inline-end: 2px;
  margin-top: -3px;
  display: inline-block;
}
.it-course-sidebar .price-section-box {
  padding: 30px 30px 0 30px;
}
.it-course-sidebar .coupon-section {
  padding: 0 30px 40px 30px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(3, 89, 78, 0.2);
}
.it-course-sidebar .coupon-section .it-btn-yellow {
  padding: 14.5px 29px;
}
.it-course-sidebar .coupon-section .applied {
  font-size: 16px;
  font-weight: 600;
  padding: 19px 25px;
  border-radius: 5px;
  border: 1px dashed rgba(108, 117, 125, 0.6);
}
.it-course-sidebar .coupon-section .applied span {
  font-size: 14px;
  font-weight: 400;
}
.it-course-sidebar .coupon-section .coupon-input input {
  height: 50px;
  line-height: 50%;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px;
  background-color: transparent;
  border: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-sidebar .course-info {
  padding: 0 30px;
}
.it-course-sidebar .course-info ul li {
  list-style-type: none;
  position: relative;
  padding: 18px 0;
  padding-left: 30px;
  display: flex;
  font-size: 18px;
  align-items: center;
  justify-content: space-between;
}
.it-course-sidebar .course-info ul li:not(:last-child) {
  border-bottom: 1px solid rgba(108, 117, 125, 0.15);
}
.it-course-sidebar .course-info ul li span {
  font-family: var(--it-ff-spartan-medium);
}
.it-course-sidebar .course-info ul li svg {
  position: absolute;
  top: 50%;
  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;
}
.it-course-sidebar .social-section a svg {
  height: 21px;
  width: 21px;
}
.it-course-sidebar .contact-section {
  padding: 0 30px 60px 30px;
}
.it-course-sidebar .contact-section .call-box {
  border-radius: 8px;
  padding: 16px 30px;
  display: inline-block;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  border: 1px solid var(--it-common-white);
}
.it-course-sidebar .contact-section .call-box svg {
  margin-top: -3px;
  margin-right: 3px;
  display: inline-block;
}
.it-course-sidebar .contact-section-wrap {
  border-radius: 0 0 20px 20px;
}
.it-course-sidebar p {
  font-size: 14px;
  text-align: center;
  color: var(--it-theme-1);
}
.it-course-sidebar p svg {
  display: inline-block;
  margin-top: -3px;
  margin-right: 4px;
}
.it-course-sidebar-thumb {
  margin: 15px;
  margin-bottom: 40px;
  border-radius: 10px;
}
.it-course-sidebar-thumb img {
  border-radius: 10px;
}
.it-course-sidebar-thumb.thumb-overlay::after {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
}
.it-course-details-ratting-wrap .ratting-left {
  width: 100%;
  padding: 40px 15px;
  border-radius: 20px;
  margin-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;
  font-family: var(--it-ff-spartan-semibold);
}
.it-course-details-border {
  border-top: 1px solid rgba(108, 117, 125, 0.5);
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-prev {
  left: -6%;
}
.it-course-details-border .it-testimonial-arrow-wrap button.arrow-next {
  right: -6%;
}
.it-course-details-style-2 .it-course-sidebar {
  margin-top: -325px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-2 .it-course-sidebar {
    margin-top: 70px;
  }
}
.it-course-details-style-2 .it-course-sidebar-wrap {
  position: sticky;
  z-index: 9;
  top: 120px;
}
.it-course-details-nav-box {
  padding: 3px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(3, 89, 78, 0.2);
  position: sticky;
  z-index: 3;
  top: 120px;
}
.it-course-details-nav-box nav ul li {
  display: inline-block;
  padding: 12px 20px;
  border-radius: 10px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
}
.it-course-details-nav-box nav ul li.current {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-course-details-style-3 .it-course-sidebar-thumb {
  border: 5px solid #fff;
  margin: 0 0 95px 0;
  margin-top: -220px;
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-course-sidebar-thumb {
    margin-top: 100px;
  }
}
.it-course-details-style-3 .it-course-sidebar {
  position: sticky;
  top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-3 .it-course-details-left {
    margin-top: 70px;
  }
}
.it-course-details-style-3 .it-course-faq-top-text {
  padding: 0 30px;
}
.it-course-details-style-3 .it-about-thumb-icon {
  height: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 120px;
    width: 120px;
    line-height: 120px;
  }
}
@media (max-width: 767px) {
  .it-course-details-style-3 .it-about-thumb-icon {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.it-course-details-style-3 .it-about-thumb-icon svg {
  padding-left: 6px;
  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: 144px;
  width: 144px;
  line-height: 144px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-style-4 .it-about-thumb-icon svg {
    padding-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;
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-details-title {
    font-size: 25px;
  }
}
.it-details-title-sm {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-details-list.style-2 {
  margin-left: -11px;
}
@media (max-width: 767px) {
  .it-details-list.style-2 {
    margin-left: 0;
    margin-top: 20px;
  }
}
.it-details-list ul li {
  list-style-type: none;
}
.it-details-list ul li:not(:last-child) {
  margin-bottom: 15px;
}
.it-details-list ul li span {
  position: relative;
  padding-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;
}

/*----------------------------------------*/
/*  37. team css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-team-section-title-box {
    margin-bottom: 30px;
  }
}
.it-team-content {
  padding: 20px;
  padding-top: 46px;
}
.it-team-title {
  font-size: 24px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-title {
    font-size: 20px;
  }
}
.it-team-thumb {
  overflow: hidden;
}
.it-team-thumb img {
  transition: 1.3s all ease;
  width: 100%;
}
.it-team-thumb::after {
  content: "";
  position: absolute;
  top: 0;
  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: 35px;
  margin: 0 5px;
  border-radius: 5px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.15);
}
.it-team-social a:hover {
  color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-team-social a {
    width: 35px;
    height: 35px;
    line-height: 29px;
  }
}
.it-team-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}
.it-team-item:hover .it-team-thumb::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item:hover .it-team-social {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-team-item .it-course-meta {
  padding-top: 18px;
  margin-top: 20px;
  border-top: 1px solid #d9d9d9;
}
.it-team-item .it-course-meta span {
  font-size: 14px;
}
.it-team-item .it-course-meta span:first-child {
  padding-right: 0;
  width: 49%;
  text-align: start;
}
.it-team-shape-1 {
  position: absolute;
  bottom: 28%;
  left: 54%;
  z-index: -1;
  animation: translateX2 2s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-1 {
    display: none;
  }
}
.it-team-shape-2 {
  position: absolute;
  top: -8%;
  right: 0%;
  z-index: -1;
}
.it-team-shape-3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  object-fit: cover;
  height: 100%;
}
.it-team-shape-4 {
  position: absolute;
  z-index: -1;
  top: 3.5%;
  left: 7%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 {
    left: 3%;
    top: 0;
  }
}
@media (max-width: 767px) {
  .it-team-shape-4 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-4 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-shape-4 img {
    transform: scale(0.6);
  }
}
.it-team-shape-5 {
  position: absolute;
  z-index: -1;
  top: 3%;
  left: 1.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-shape-5 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-5 {
    top: 1%;
    left: -3%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-5 {
    display: none;
  }
}
.it-team-shape-6 {
  position: absolute;
  z-index: -1;
  top: 5%;
  right: 5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-shape-6 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-shape-6 {
    display: none;
  }
}
.it-team-shape-7 {
  position: absolute;
  top: 20%;
  left: 6%;
  opacity: 0.4;
}
.it-team-shape-8 {
  position: absolute;
  z-index: -1;
  right: 0;
  top: 0;
}
.it-team-shape-9 {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
}
.it-team-shape-10 {
  position: absolute;
  z-index: -1;
  top: 8%;
  left: 6%;
}
.it-team-style-2 {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-2 {
    background-color: var(--it-gray-1);
    background-image: none !important;
  }
}
.it-team-style-2 .it-team-content {
  padding: 24px 25px;
  padding-top: 25px;
}
@media (max-width: 767px) {
  .it-team-style-2 .it-team-section-title-box {
    margin-bottom: 65px;
  }
}
.it-team-style-3 .it-team-thumb img {
  width: 100%;
}
.it-team-style-3 .it-team-thumb::after {
  display: none;
}
.it-team-style-3 .it-team-title {
  margin-bottom: 5px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
.it-team-style-3 .it-team-content {
  padding: 0;
  padding-top: 25px;
}
.it-team-style-3 .it-team-content span {
  color: var(--it-theme-4);
}
.it-team-style-3 .it-course-meta {
  margin-top: 15px;
  padding: 19px 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-style-3 .it-course-meta {
    padding: 19px 20px;
  }
}
.it-team-style-3 .it-course-meta svg, .it-team-style-3 .it-course-meta i {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-team-style-3 .it-team-item .it-course-meta span:first-child {
    width: auto;
    text-align: center;
  }
}
.it-team-style-4 .it-team-title {
  font-weight: 700;
  transition: 0.4s;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-team-style-4 .it-team-content span {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item .it-course-meta span, .it-team-style-4 .it-team-item .it-course-meta svg {
  transition: 0.4s;
}
.it-team-style-4 .it-team-item:hover {
  background-color: var(--it-theme-1);
}
.it-team-style-4 .it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}
.it-team-style-4 .it-team-item:hover .it-course--meta {
  background: rgba(255, 255, 255, 0.1);
}

.it-team-2-content {
  position: absolute;
  z-index: 3;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.it-team-2-content span {
  transition: 0.3s;
  color: var(--it-theme-5);
}
.it-team-2-title {
  font-weight: 600;
  font-size: 24px;
  transition: 0.3s;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-oxanium);
}
.it-team-2-social {
  position: absolute;
  top: -40%;
  right: 20px;
  z-index: 3;
  transition: 0.5s;
}
.it-team-2-social a {
  width: 25px;
  height: 25px;
  display: block;
  transition: 0.3s;
  border-radius: 5px;
  border: 1px solid #dbe0e2;
  color: var(--it-common-black);
}
.it-team-2-social a:not(:last-child) {
  margin-bottom: 7px;
}
.it-team-2-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.it-team-2-thumb img {
  transition: 1.3s all ease;
}
.it-team-2-item {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-team-2-item::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60%;
  border-radius: 20px;
  transition: 0.3s;
  z-index: 1;
  background: linear-gradient(180deg, rgba(240, 244, 245, 0) 0%, #1F2432 100%);
}
.it-team-2-item::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  border-radius: 20px;
  transition: 0.3s;
  opacity: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(254, 130, 53, 0) 0%, #fe8235 100%);
}
.it-team-2-item:hover .it-team-2-thumb img {
  transform: scale(1.2);
}
.it-team-2-item:hover .it-team-2-title {
  color: var(--it-common-white);
}
.it-team-2-item:hover .it-team-2-social {
  top: 20px;
}
.it-team-2-item:hover .it-team-2-content span {
  color: var(--it-common-white);
}
.it-team-2-item:hover::after {
  opacity: 1;
}

.it-team-3-thumb {
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 25px;
  display: inline-block;
}
.it-team-3-thumb img {
  border-radius: 50%;
  transition: 1.3s all ease;
  border: 1px solid rgba(108, 117, 125, 0.2);
}
.it-team-3-title {
  font-size: 24px;
  color: #000;
  margin-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-3-title {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .it-team-3-btn {
    margin-top: 30px;
  }
}
.it-team-3-item {
  padding: 50px 20px;
  padding-bottom: 46px;
  background-color: var(--it-common-white);
}
.it-team-3-item:hover .it-team-3-thumb img {
  transform: scale(1.2);
}

.it-team-details-left {
  margin-right: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-left {
    margin-right: 0;
  }
}
.it-team-details-area .it-course-sidebar .social-section {
  margin-bottom: 0;
  padding: 0 15px 60px 15px;
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a {
    width: 40px;
    height: 40px;
    line-height: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar .social-section .postbox-social a svg {
    height: 15px;
  }
}
.it-team-details-area .it-course-sidebar-wrap {
  margin-top: -185px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-details-area .it-course-sidebar-wrap {
    margin-top: 35px;
  }
}

/*----------------------------------------*/
/*  16. cta css start
/*----------------------------------------*/
.it-cta-bg {
  position: relative;
}
.it-cta-bg::after {
  content: "";
  position: absolute;
  top: 0;
  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);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap .separator {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-cta-wrap .separator {
    display: none;
  }
}
.it-cta-wrap .separator::before {
  content: "";
  top: -45px;
  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);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content span {
    font-size: 16px;
  }
}
.it-cta-content span svg {
  margin-top: -9px;
  margin-right: 10px;
  display: inline-block;
}
.it-cta-content a {
  font-size: 28px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-content a {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-content a {
    font-size: 18px;
  }
}

.it-cta-2-area {
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-2-title {
  font-size: 60px;
  line-height: 1.3;
  margin-bottom: 24px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-2-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 50px;
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-title {
    margin-top: 70px;
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-2-title {
    font-size: 38px;
  }
}
.it-cta-2-right > img {
  animation: translateX 3s infinite alternate;
}
@media (max-width: 767px) {
  .it-cta-2-right > img {
    animation: unset;
  }
}
.it-cta-2-left {
  margin-bottom: 160px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-2-left {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-2-left {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-2-left {
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .it-cta-2-left {
    margin-bottom: 50px;
  }
}
.it-cta-2-left .it-btn-yellow.white-bg i, .it-cta-2-left .it-btn-yellow.white-bg svg {
  color: var(--it-common-black);
}
.it-cta-2-shape-1 {
  position: absolute;
  top: 3%;
  left: 1%;
  z-index: -1;
  animation: zoomIn 5s infinite !important;
}

@media (max-width: 767px) {
  .it-cta-3-btn {
    margin-top: 35px;
  }
}
.it-cta-3-area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: -1;
  background-color: var(--it-gray-1);
}
.it-cta-3-wrap {
  padding: 36px 75px;
  border-radius: 20px;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-wrap {
    padding: 36px 30px;
  }
}
.it-cta-3-wrap img {
  margin-right: 15px;
}
.it-cta-3-title {
  font-size: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-3-title {
    font-size: 25px;
  }
}

.it-cta-4-area {
  padding-top: 210px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-area {
    overflow: hidden;
    padding-top: 0px;
  }
}
.it-cta-4-wrap {
  padding: 75px;
  padding-top: 70px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-wrap {
    padding: 75px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap {
    padding: 75px 80px;
    text-align: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap {
    text-align: center;
    padding: 45px 20px;
  }
}
.it-cta-4-wrap p {
  margin-top: 17px;
  margin-bottom: 28px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 767px) {
  .it-cta-4-wrap p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-4-wrap .it-section-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-wrap .it-section-title br {
    display: none;
  }
}
.it-cta-4-thumb {
  position: absolute;
  right: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-4-thumb {
    right: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-4-thumb {
    display: none;
  }
}
.it-cta-4-shape-1 {
  position: absolute;
  bottom: 0;
  left: 15%;
  z-index: -1;
}
.it-cta-4-shape-2 {
  position: absolute;
  z-index: -1;
  top: -6%;
  left: 4.5%;
  animation: rotate 30s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-4-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-cta-4-shape-2 {
    display: none;
  }
}
.it-cta-4-shape-3 {
  position: absolute;
  z-index: -1;
  top: -67%;
  left: 0;
}

.it-cta-5-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-cta-5-content p {
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 1.75;
  color: rgba(31, 36, 50, 0.7);
}
.it-cta-5-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-5-thumb {
    right: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-5-thumb {
    right: -17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-thumb {
    right: -27%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-5-thumb {
    display: none;
  }
}
.it-cta-5-thumb img {
  max-width: inherit;
}
.it-cta-5-shape-1 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 3%;
}
.it-cta-5-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  right: 42%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-5-shape-2 {
    transform: scale(0.7);
    right: 49%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-5-shape-2 {
    transform: scale(0.6);
    right: 24%;
  }
}
@media (max-width: 767px) {
  .it-cta-5-shape-2 {
    transform: scale(0.5);
    right: 6%;
  }
}
.it-cta-5-shape-2 img {
  animation: flap 0.4s infinite alternate ease-in-out;
}

.it-cta-6-title {
  font-size: 150px;
  line-height: 1.07;
  text-transform: uppercase;
  color: rgba(255, 255, 255, 0.5);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-6-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-6-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-6-title {
    font-size: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title {
    font-size: 75px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title {
    font-size: 60px;
  }
}
.it-cta-6-title img {
  margin-top: -30px;
  border-radius: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-6-title img {
    height: 55px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-title img {
    margin-top: -20px;
    height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-6-title img {
    height: 50px;
  }
}
@media (max-width: 767px) {
  .it-cta-6-area {
    padding-bottom: 50px !important;
  }
}

.it-cta-7-wrap {
  padding: 20px 150px;
  padding-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-wrap {
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-7-wrap {
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-wrap {
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-cta-7-right {
    margin-top: 0;
  }
}
.it-cta-7-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 21px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-7-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-7-title {
    font-size: 20px;
  }
}
.it-cta-7-title span {
  text-transform: uppercase;
}
.it-cta-7-shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
}

/*----------------------------------------*/
/*  38. testimonial css start
/*----------------------------------------*/
@media (max-width: 767px) {
  .it-testimonial-area {
    overflow: hidden;
  }
}
.it-testimonial-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-2 {
  position: absolute;
  top: -8%;
  left: 1%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 {
    left: -2%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 {
    left: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 {
    left: -9%;
    top: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 img {
    transform: scale(0.6);
  }
}
.it-testimonial-shape-3 {
  position: absolute;
  top: -15%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-4 {
  position: absolute;
  top: -21.5%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-5 {
  position: absolute;
  top: -18%;
  right: 0;
  z-index: -1;
}
.it-testimonial-shape-6 {
  position: absolute;
  bottom: -20%;
  left: 0;
  z-index: -1;
}
.it-testimonial-shape-7 {
  position: absolute;
  top: -9%;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-shape-7 {
    display: none;
  }
}
.it-testimonial-item {
  padding: 30px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(108, 117, 125, 0.2);
}
@media (max-width: 767px) {
  .it-testimonial-item {
    padding: 15px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-item {
    padding: 30px;
  }
}
.it-testimonial-text h5 {
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-text h5 {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote {
    margin-bottom: 15px !important;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-quote svg {
    height: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-bottom img {
    display: none;
  }
}
.it-testimonial-avatar-name {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-avatar-name {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-avatar-name {
    font-size: 17px;
  }
}
.it-testimonial-thumb {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-testimonial-thumb {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-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-content {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-testimonial-content {
    margin-right: 0;
    margin-top: 40px;
    transform: translateX(0);
  }
}
@media (max-width: 767px) {
  .it-testimonial-arrow-wrap {
    display: none;
  }
}
.it-testimonial-arrow-wrap button {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 1;
  text-align: center;
  border-radius: 50%;
  padding: 0;
  border: 1px solid var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-testimonial-arrow-wrap button.arrow-prev {
  position: absolute;
  top: 50%;
  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%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 {
    overflow: hidden;
  }
}
.it-testimonial-style-2 .it-testimonial-thumb {
  margin-right: 0;
}
.it-testimonial-style-2 .it-testimonial-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-thumb img {
    width: 100%;
  }
}
.it-testimonial-style-2 .it-course-rating {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-style-2 .it-course-rating {
    margin-top: 0;
  }
}
.it-testimonial-style-2 .it-course-author .title {
  display: block;
  font-weight: 600;
  color: var(--it-common-black);
}
.it-testimonial-style-2 .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-testimonial-style-2 .it-course-title {
  font-size: 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-title {
    font-size: 18px;
  }
}
.it-testimonial-style-2 .it-testimonial-content {
  margin-right: 0;
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content {
    margin-top: 40px;
    margin-left: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-content .categories {
  border-radius: 5px;
  line-height: 1;
  padding: 8px 20px;
  margin-bottom: 30px;
  display: inline-block;
  background-color: #FDF1DB;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-medium);
  border: 1px solid rgba(248, 198, 47, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-content .categories {
    font-size: 12px;
  }
}
.it-testimonial-style-2 .it-course-meta {
  padding-top: 30px;
  border-top: 1px solid #D9D9D9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span {
    font-size: 14px;
  }
}
.it-testimonial-style-2 .it-course-meta span:first-child {
  margin-right: 50px;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-course-meta span:first-child {
    padding-right: 0;
  }
}
.it-testimonial-style-2 .it-testimonial-icon {
  position: absolute;
  left: 40px;
  top: 30px;
  border-radius: 5px;
  padding: 0 15px;
  height: 35px;
  line-height: 31px;
  display: inline-block;
  color: var(--it-common-white);
  border: 1px solid var(--it-common-white);
  background: rgba(31, 36, 50, 0.5);
}

.it-testimonial-2-item {
  border-radius: 20px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(3, 89, 78, 0.3);
}
@media (max-width: 767px) {
  .it-testimonial-2-item {
    padding: 20px;
  }
}
.it-testimonial-2-item:hover .it-testimonial-2-thumb img {
  transform: scale(1.2);
}
.it-testimonial-2-thumb {
  height: 100%;
  margin-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: 14px;
}
.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: 14px;
    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: 14px;
    margin-right: 0;
  }
}
.it-testimonial-2-date {
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-date {
    font-size: 14px;
  }
}
.it-testimonial-2-content {
  padding: 20px 40px;
  padding-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-shape-1 {
  position: absolute;
  top: -10%;
  right: 0;
  z-index: -1;
}
.it-testimonial-2-shape-2 {
  position: absolute;
  top: 12%;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-2-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-2-shape-2 {
    display: none;
  }
}
.it-testimonial-2-shape-2 img {
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
.it-testimonial-2-shape-3 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
.it-testimonial-2-shape-4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 59%;
  z-index: -1;
  object-fit: cover;
}
@media (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 40%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-2-shape-4 {
    height: 59%;
  }
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-prev {
  top: 39%;
}
.it-testimonial-2-area .it-testimonial-arrow-wrap button.arrow-next {
  top: 39%;
}
.it-testimonial-2-style-2 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  padding-left: 4px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-2 .it-testimonial-2-avatar-name {
  font-size: 24px;
  font-family: var(--it-ff-edensor-regular);
}
.it-testimonial-2-style-2 .it-testimonial-2-text p {
  color: rgba(31, 36, 50, 0.8);
}
.it-testimonial-2-style-3 .it-about-thumb-icon svg {
  height: 19px;
  width: 20px;
  color: var(--it-theme-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet {
  z-index: 2;
  opacity: 1;
  width: 30px;
  height: 7px;
  transition: 0.4s;
  position: relative;
  border-radius: 10px;
  display: inline-block;
  margin: 0 6px !important;
  background-color: var(--it-gray-1);
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet::after {
  display: none;
}
.it-testimonial-2-style-3 .it-testimonial-dots .swiper-pagination-bullet-active {
  width: 40px;
  background-color: var(--it-theme-1);
}
.it-testimonial-2-style-4 .it-testimonial-2-item {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb::after {
  border-radius: 0;
}
.it-testimonial-2-style-4 .it-testimonial-2-thumb img {
  border-radius: 0;
}

.it-testimonial-3-right .it-testimonial-2-content-wrap {
  padding: 27px 40px;
  padding-bottom: 25px;
  border-radius: 30px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content-wrap {
    padding: 25px 20px;
  }
}
.it-testimonial-3-right .it-testimonial-2-ratting {
  margin-bottom: 20px;
}
.it-testimonial-3-right .it-testimonial-2-ratting i {
  display: inline-block;
  padding-right: 2px;
  color: var(--it-theme-2);
}
.it-testimonial-3-right .it-testimonial-2-avatar-info {
  margin-bottom: 0;
}
.it-testimonial-3-right .it-testimonial-2-content {
  padding: 0;
}
.it-testimonial-3-right .it-testimonial-2-content p {
  margin-bottom: 18px;
  margin-right: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-content p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-right .it-testimonial-2-avatar-name {
    font-size: 16px;
  }
}
.it-testimonial-3-right .slick-vertical .slick-slide {
  display: block;
  margin-bottom: 30px;
}
.it-testimonial-3-right .slick-vertical .slick-slide:last-child {
  margin-bottom: 0;
}
.it-testimonial-3-play-icon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 30px 30px 0;
  border-radius: 0 0 100px 0;
  background-color: var(--it-common-white);
}
.it-testimonial-3-play-icon::before {
  content: "";
  position: absolute;
  top: -1px;
  right: -65px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon::after {
  content: "";
  position: absolute;
  bottom: -64px;
  left: 0px;
  width: 65px;
  height: 65px;
  -webkit-transform: scale(-1) rotate(90deg);
  transform: scale(-1) rotate(90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='white' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
}
.it-testimonial-3-play-icon a {
  display: inline-block;
  height: 152px;
  width: 152px;
  line-height: 152px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-play-icon a {
    height: 125px;
    width: 125px;
    line-height: 123px;
  }
}
.it-testimonial-3-play-icon a svg {
  padding-left: 4px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-thumb {
  height: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb {
    height: auto;
    margin-bottom: 70px;
  }
}
.it-testimonial-3-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-3-thumb img {
    width: 100%;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
  background-color: var(--it-theme-5);
  height: 152px;
  width: 152px;
  line-height: 152px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 75px;
    width: 75px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a {
    height: 115px;
    width: 115px;
    line-height: 113px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
  height: 45px;
}
@media (max-width: 767px) {
  .it-testimonial-3-style-2 .it-testimonial-3-play-icon a svg {
    height: 17px;
  }
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-info span {
  color: var(--it-theme-5);
}
.it-testimonial-3-style-2 .it-testimonial-2-avatar-name {
  font-weight: 600;
  font-family: var(--it-ff-oxanium);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon {
  background-color: var(--it-gray-1);
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-play-icon::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23F0F4F5' /%3E%3C/g%3E%3C/svg%3E");
}
.it-testimonial-3-inner-style .it-testimonial-3-right .it-testimonial-2-content-wrap {
  background-color: var(--it-common-white);
}

.it-testimonial-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #CD935A;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-4-area {
    padding: 100px 0;
  }
}
.it-testimonial-4-item {
  text-align: center;
}
.it-testimonial-4-text p {
  font-size: 40px;
  line-height: 1.25;
  margin-bottom: 55px;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-4-text p {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-text p {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote {
    margin-bottom: 30px !important;
  }
}
@media (max-width: 767px) {
  .it-testimonial-4-quote svg {
    height: 20px;
  }
}
.it-testimonial-4-avatar-thumb {
  margin-right: 15px;
  flex: 0 0 auto;
}
.it-testimonial-4-avatar-thumb img {
  height: 72px;
  width: 72px;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-thumb img {
    height: 42px;
    width: 42px;
  }
}
.it-testimonial-4-avatar-title {
  font-size: 24px;
  margin-bottom: 5px;
  color: var(--it-common-white);
  font-family: var(--it-ff-spartan-semibold);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-title {
    font-size: 18px;
  }
}
.it-testimonial-4-avatar-info span {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.8);
}
@media (max-width: 767px) {
  .it-testimonial-4-avatar-info span {
    font-size: 14px;
  }
}

.it-testimonial-dots .swiper-pagination-bullet {
  height: 14px;
  width: 14px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0 6px !important;
  z-index: 2;
  opacity: 1;
  background-color: var(--it-text-body);
}
.it-testimonial-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transform: translate(-50%, -50%) scale(1.6);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-testimonial-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
}
.it-testimonial-dots .swiper-pagination-bullet-active::after {
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  18. event css start
/*----------------------------------------*/
.it-event-shape-1 {
  position: absolute;
  top: -10%;
  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-thumb {
  overflow: hidden;
}
.it-event-thumb img {
  transition: 1.3s all ease;
}
.it-event-item {
  padding: 30px;
  transition: 0.3s;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: rgba(26, 182, 157, 0.1);
  border: 1px solid rgba(26, 182, 157, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-item {
    padding: 25px;
    padding-bottom: 30px;
  }
}
.it-event-item .it-btn-yellow {
  background-color: var(--it-text-body);
}
.it-event-item .it-btn-yellow span span {
  color: var(--it-common-white);
}
.it-event-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-event-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.5);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-item:hover .it-btn-yellow {
  background-color: var(--it-theme-1);
}
.it-event-item:hover .it-event-thumb img {
  transform: scale(1.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-title {
    font-size: 18px;
  }
}
.it-event-date {
  position: absolute;
  left: 20px;
  bottom: 30px;
  border-radius: 5px;
  padding: 6.5px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-date {
    left: 20px;
    bottom: 20px;
    border-radius: 5px;
    padding: 3.5px 15px;
    font-size: 12px;
  }
}
.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: 14px;
  }
}
.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: 14px;
  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);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-area .it-section-title {
    font-size: 32px;
  }
}
.it-event-2-thumb {
  transition: 1.3s all ease;
}
.it-event-2-tag {
  position: absolute;
  left: 30px;
  top: -18px;
  border-radius: 100px;
  padding: 8px 20px;
  padding-bottom: 8px;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-event-2-content {
  padding: 30px;
  padding-top: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-content {
    padding: 30px 20px;
    padding-top: 48px;
  }
}
.it-event-2-title {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-2-meta span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span {
    font-size: 16px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span {
    display: inline-block;
  }
}
.it-event-2-meta span:first-child {
  margin-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-2-meta span:first-child {
    margin-bottom: 0;
  }
}
.it-event-2-meta span svg {
  margin-right: 3px;
  margin-top: -2px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-meta span svg {
    height: 15px;
  }
}
.it-event-2-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 37%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-shape-1 {
    display: none;
  }
}
.it-event-2-item {
  border-radius: 20px;
  transition: 0.3s;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
.it-event-2-item .it-btn-yellow {
  padding: 0;
  background-color: transparent;
}
.it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-text-body);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-item .it-btn-yellow span, .it-event-2-item .it-btn-yellow svg {
    font-size: 14px;
  }
}
.it-event-2-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-event-2-item:hover .it-blog-thumb img {
  transform: scale(1.2);
}
.it-event-2-item:hover .it-btn-yellow span, .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-top-btn {
    margin-top: 40px;
  }
}
.it-event-2-style-2 .it-event-2-content {
  padding-top: 30px;
}
.it-event-2-style-2 .it-event-2-meta span svg {
  color: var(--it-theme-1);
}
.it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow span, .it-event-2-style-2 .it-event-2-item:hover .it-btn-yellow svg {
  color: var(--it-theme-1);
}

.it-event-countdown-time > div > div {
  font-size: 14px;
  list-style-type: none;
  display: inline-block;
  margin: 0 20px;
  border-radius: 5px;
  width: 70px;
  padding: 7px 0;
  text-align: center;
  border: 1px solid #6C757D;
}
@media (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 12px;
    margin: 0 9px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-event-countdown-time > div > div {
    font-size: 14px;
    margin: 0 9px;
  }
}
.it-event-countdown-time > div > div span {
  display: block;
  font-size: 20px;
  margin-bottom: 0;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-countdown-time > div > div span.countdown-heading {
  font-size: 14px;
  font-weight: 400;
  color: var(--it-text-body);
  font-family: var(--it-ff-body);
}
.it-event-countdown-time .count-box {
  position: relative;
}
.it-event-countdown-time .count-box i {
  position: absolute;
  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-1);
}
.it-event-details-meetup .date {
  font-size: 24px;
  margin-bottom: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-event-details-meetup span {
  display: block;
  margin-bottom: 9px;
}
@media (max-width: 767px) {
  .it-event-details-meetup span {
    padding-bottom: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box {
    margin-bottom: 30px;
  }
}
.it-event-details-time-box .time {
  border-radius: 8px;
  padding: 0 30px;
  margin-bottom: 25px;
  display: inline-block;
  color: var(--it-theme-1);
  background: rgba(3, 89, 78, 0.1);
  font-family: var(--it-ff-spartan-semibold);
  height: 56px;
  line-height: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-time-box .time {
    font-size: 14px;
    padding: 0 20px;
    height: 46px;
    line-height: 50px;
  }
}
.it-event-details-time-box span {
  display: block;
  font-size: 14px;
}
.it-event-details-time-box span svg {
  margin-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: 14px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
  padding: 0 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info {
    padding: 0 20px;
  }
}
.it-event-details-area.it-course-details-style-3 .it-course-sidebar .course-info.btn-box {
  margin-top: 18px;
  padding: 40px;
  border-top: 1px solid rgba(3, 89, 78, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a {
    height: 40px;
    width: 40px;
    line-height: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .social-section a svg {
    height: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box {
    padding: 16px 15px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-event-details-area.it-course-details-style-3 .it-course-sidebar .contact-section .call-box svg {
    height: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-details-area .postbox-dsc {
    margin-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;
  }
}

/*----------------------------------------*/
/*  28. newsletter css start
/*----------------------------------------*/
.it-newsletter-wrap {
  padding: 49px 78px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-wrap {
    padding: 50px 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-wrap {
    padding: 50px 40px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-wrap {
    padding: 40px 45px;
  }
}
.it-newsletter-wrap .it-newsletter-input-box button {
  background-color: var(--it-theme-1);
}
.it-newsletter-wrap .it-newsletter-input-box button svg, .it-newsletter-wrap .it-newsletter-input-box button i {
  height: 17px;
  transition: 0.3s;
  color: var(--it-common-white);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-wrap .it-newsletter-input-box button:hover svg, .it-newsletter-wrap .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-input-box {
  text-align: end;
  margin-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: 14px;
    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: 14px;
  }
}
.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;
}
.it-newsletter-style-2 .it-newsletter-wrap {
  border-radius: 1000px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-wrap {
    border-radius: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box input {
  border-radius: 1000px;
}
.it-newsletter-style-2 .it-newsletter-input-box button {
  position: absolute;
  top: 49%;
  right: 5px;
  width: 63px;
  height: 63px;
  padding: 0;
  border-radius: 50%;
  line-height: 1.7;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 50px;
    height: 50px;
    line-height: 1;
    top: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button {
    width: 42px;
    height: 42px;
    line-height: 1;
    top: 50%;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
  transition: 0.3s;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-style-2 .it-newsletter-input-box button svg, .it-newsletter-style-2 .it-newsletter-input-box button i {
    height: 20px;
  }
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-2);
}
.it-newsletter-style-2 .it-newsletter-input-box button:hover svg, .it-newsletter-style-2 .it-newsletter-input-box button:hover i {
  color: var(--it-common-black);
}
.it-newsletter-style-3 {
  padding: 27px 55px;
  padding-right: 35px;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-3 {
    padding: 40px;
  }
}
.it-newsletter-style-3 .it-newsletter-2-title {
  font-weight: 700;
  font-family: var(--it-ff-cinzel-decorative);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input {
    padding-left: 15px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box input::placeholder {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button {
  width: auto;
  height: auto;
  right: 8px;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button {
    padding: 13px 15px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button span span {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-newsletter-style-3 .it-newsletter-input-box button span span {
    font-size: 12px;
  }
}
.it-newsletter-style-3 .it-newsletter-input-box button:hover {
  background-color: var(--it-theme-1);
}
.it-newsletter-style-4 {
  padding: 46px 78px;
  background-color: var(--it-theme-2);
}
@media (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-newsletter-style-4 {
    padding: 40px;
  }
}
.it-newsletter-style-4 .shape {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area {
    padding-top: 0;
  }
}
.it-newsletter-2-area .it-newsletter-input-box {
  margin-left: 0;
  text-align: center;
  max-width: 575px;
  margin: 0 auto;
}
.it-newsletter-2-area .it-newsletter-input-box input {
  height: 65px;
  line-height: 65px;
  padding-right: 170px;
}
.it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
  right: 5px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-area .it-newsletter-input-box .it-btn-yellow {
    right: 15px;
  }
}
.it-newsletter-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-newsletter-2-shape-2 {
  position: absolute;
  bottom: 0;
  left: -2%;
}
.it-newsletter-2-shape-3 {
  position: absolute;
  top: -10%;
  left: -10%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-4 {
  position: absolute;
  top: -35%;
  left: 15%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-shape-5 {
  position: absolute;
  top: -29%;
  right: 11%;
  z-index: -1;
  animation: itswing 2.5s forwards infinite alternate;
  transform-origin: bottom center;
}
.it-newsletter-2-shape-6 {
  position: absolute;
  top: -27%;
  right: 26%;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-newsletter-2-shape-7 {
  position: absolute;
  bottom: 0;
  right: -1%;
  animation: ittranslateX2 5s forwards infinite alternate;
}
.it-newsletter-2-title {
  font-size: 36px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-newsletter-2-title {
    font-size: 32px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-2-title {
    font-size: 25px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-title {
    padding: 17px 0;
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-title {
    padding: 17px 0;
    font-size: 22px;
  }
  .it-newsletter-2-title br {
    display: none;
  }
}
.it-newsletter-2-content {
  padding: 115px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-content {
    padding-top: 0;
  }
}
.it-newsletter-2-content p {
  line-height: 1.75;
  margin-bottom: 30px;
  color: rgba(31, 36, 50, 0.7);
}
@media (max-width: 767px) {
  .it-newsletter-2-content p {
    font-size: 14px;
  }
  .it-newsletter-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-2-wrap {
    padding-top: 60px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap {
    padding: 60px 20px;
    border-radius: 20px;
    background-color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-title {
    color: var(--it-common-white);
  }
}
@media (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-2-wrap .it-newsletter-2-content p {
    color: var(--it-common-white);
  }
}

.it-newsletter-3-wrap {
  padding: 40px;
  border-radius: 10px;
  background: var(--it-common-white);
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .it-newsletter-3-wrap {
    padding: 40px 20px;
  }
}
.it-newsletter-3-wrap p {
  line-height: 1.75;
  margin-bottom: 22px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap p {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box {
  margin-left: 0;
}
.it-newsletter-3-wrap .it-newsletter-input-box input {
  height: 69px;
  line-height: 69px;
  padding-right: 170px;
  border-radius: 1000px;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input {
    height: 60px;
    line-height: 60px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-input-box input::placeholder {
    font-size: 14px;
  }
}
.it-newsletter-3-wrap .it-newsletter-input-box .it-btn-yellow {
  right: 8px;
  width: auto;
  height: auto;
  padding: 13px 30px;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-2-title.mb-25 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 0 !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-wrap .it-newsletter-3-right div {
    width: 100%;
    margin-top: 0;
  }
}
.it-newsletter-3-right span {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-right span {
    font-size: 14px;
  }
}
.it-newsletter-3-right span i {
  font-style: normal;
  text-decoration: underline;
}
.it-newsletter-3-social a {
  display: inline-block;
  height: 42px;
  width: 42px;
  line-height: 37px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a {
    height: 35px;
    width: 35px;
    line-height: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-social a svg {
    height: 14px;
  }
}
.it-newsletter-3-social a:not(:last-child) {
  margin-right: 11px;
}
.it-newsletter-3-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-newsletter-3-shape-1 {
  position: absolute;
  top: -26%;
  right: 11.5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-3-shape-1 {
    display: none;
  }
}

/*----------------------------------------*/
/*  08. campus css start
/*----------------------------------------*/
.it-campus-title {
  font-size: 24px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-title {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-title {
    font-size: 22px;
  }
}
.it-campus-thumb {
  mask-image: url(../img/campus/mask-2.svg);
  -webkit-mask-image: url(../img/campus/mask-2.svg);
  width: 100%;
  mask-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  height: 293px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-thumb {
    height: 240px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-thumb {
    height: 100%;
    mask-image: unset;
    -webkit-mask-image: uunset;
  }
}
.it-campus-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-campus-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-campus-text p {
    font-size: 15px;
  }
  .it-campus-text p br {
    display: none;
  }
}
.it-campus-item {
  padding: 25px;
  padding-top: 30px;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-campus-item {
    padding: 20px;
    padding-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-campus-item {
    padding: 30px;
  }
}
.it-campus-item:hover .it-campus-thumb img {
  transform: scale(1.1);
}
.it-campus-item:hover .it-campus-arrow a {
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-campus-arrow {
  position: absolute;
  top: 0;
  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;
  }
}

/*----------------------------------------*/
/*  40. tuition css start
/*----------------------------------------*/
.it-tuition-area {
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-area {
    background-color: var(--it-gray-1);
  }
}
.it-tuition-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.it-tuition-shape-2 {
  position: absolute;
  top: -12%;
  right: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-tuition-shape-2 {
    right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-shape-2 {
    right: 33%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-tuition-shape-2 {
    top: -7%;
    right: 33%;
  }
}
.it-tuition-text p {
  margin-right: 35px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-tuition-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-text p {
    font-size: 14px;
    margin-right: 0;
  }
}
.it-tuition-list-box ul li {
  list-style-type: none;
}
.it-tuition-list-box ul li:not(:last-child) {
  margin-bottom: 13px;
}
.it-tuition-list-box ul li span {
  padding-left: 30px;
  position: relative;
  display: block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box ul li span {
    font-size: 14px;
  }
}
.it-tuition-list-box ul li span svg, .it-tuition-list-box ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
.it-tuition-list-box > span {
  font-size: 18px;
  line-height: 1.6;
  text-decoration: underline;
  color: var(--it-common-black);
  display: block;
  margin-bottom: 20px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-list-box > span {
    font-size: 14px;
  }
}
.it-tuition-title-sm {
  margin-bottom: 45px;
}
.it-tuition-item {
  padding: 64px 40px;
  border-radius: 30px;
  border: 1px solid rgba(26, 182, 157, 0.4);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-tuition-item {
    padding: 40px 25px;
  }
}
.it-tuition-item.active {
  background-color: var(--it-theme-1);
}
.it-tuition-item.active .it-tuition-title-sm {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box span {
  color: var(--it-common-white);
}
.it-tuition-item.active .it-tuition-list-box svg, .it-tuition-item.active .it-tuition-list-box i {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  34. slider css start
/*----------------------------------------*/
.it-slider-bg {
  position: absolute;
  top: 0;
  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: 14px;
    line-height: 1.7;
  }
  .it-slider-content p br {
    display: none;
  }
}
.it-slider-title {
  font-size: 72px;
  line-height: 1.18;
  letter-spacing: 0.01em;
  margin-bottom: 23px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-slider-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-slider-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-slider-title {
    font-size: 28px;
    line-height: 1.25;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-slider-title {
    font-size: 46px;
  }
}
.it-slider-title span svg {
  animation: title-animation 4s infinite;
}
.it-slider-title span .it-title-shape {
  position: absolute;
  bottom: -1%;
  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);
}

/*----------------------------------------*/
/*  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: 14px;
  line-height: 1.7;
  margin-bottom: 13px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-content p {
    font-size: 14px;
  }
}
.it-feature-content a {
  font-size: 14px;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a {
    font-size: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-content a svg, .it-feature-content a i {
    height: 10px;
  }
}
.it-feature-title {
  margin-bottom: 7px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-title {
    font-size: 17px;
  }
}
.it-feature-wrap {
  margin-top: -100px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-wrap {
    border-radius: 0;
  }
}
.it-feature-wrap .row [class*=col-]:first-child .it-feature-item {
  border-radius: 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;
  }
}

.it-feature-2-wrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 60px 30px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap {
    border-radius: 20px;
    background-image: none !important;
    background-color: var(--it-theme-1);
  }
}
.it-feature-2-wrap p {
  margin: 0 35px;
  line-height: 1.75;
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-wrap p {
    margin: 0;
    font-size: 14px;
  }
}
.it-feature-2-title {
  font-size: 24px;
  margin-bottom: 12px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-title {
    font-size: 22px;
  }
}
.it-feature-2-icon {
  margin-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-icon svg {
    height: 55px;
  }
}
.it-feature-2-shape-1 {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -2;
  transform: translateY(-50%);
}
.it-feature-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}

.it-feature-3-item {
  padding: 50px 30px;
  padding-top: 60px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-item {
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
    background-color: var(--it-common-white);
  }
}
.it-feature-3-item .shape {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-3-item .shape {
    display: none;
  }
}
.it-feature-3-title {
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  font-family: var(--it-ff-cinzel-decorative);
}
.it-feature-3-icon {
  margin-bottom: 30px;
}
.it-feature-3-shape-1 {
  position: absolute;
  top: -25%;
  left: 0;
  z-index: -1;
}
.it-feature-3-shape-2 {
  position: absolute;
  top: 13%;
  right: 7%;
  z-index: -1;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-area {
    background-color: var(--it-common-black);
  }
}
.it-features-4-bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-bg {
    display: none;
  }
}
.it-features-4-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 18px;
  font-family: var(--it-ff-oxanium);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-features-4-title br {
    display: none;
  }
}
.it-features-4-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 84px;
  width: 84px;
  line-height: 84px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-theme-5);
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-icon {
    display: none;
  }
}
.it-features-4-item {
  padding: 45px 40px;
  padding-right: 55px;
  position: relative;
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item {
    padding: 35px 20px;
    background-color: var(--it-common-white);
  }
}
.it-features-4-item p {
  margin-bottom: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item p {
    font-size: 14px;
  }
}
.it-features-4-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  border-radius: 20px;
  background-color: var(--it-common-white);
  -webkit-mask-image: url(../img/shape/feature-mask-10.png);
  -webkit-mask-size: cover;
  -webkit-mask-position: top right;
  -webkit-mask-repeat: no-repeat;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-item::after {
    display: none;
  }
}
.it-features-4-item .it-btn-yellow {
  padding: 0;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 0.01em;
  background-color: transparent;
  font-family: var(--it-ff-oxanium);
}
.it-features-4-item:hover .it-btn-yellow span, .it-features-4-item:hover svg {
  color: var(--it-theme-5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 {
    background-color: var(--it-common-white);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-style-2 .it-features-4-item {
    background-color: var(--it-gray-1);
  }
}
.it-features-4-style-2 .it-features-4-item::after {
  background: rgba(240, 244, 245, 0.6);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon {
  background-color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-item:hover .it-features-4-icon svg {
  color: var(--it-theme-2);
}
.it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow svg, .it-features-4-style-2 .it-features-4-item:hover .it-btn-yellow span {
  color: var(--it-theme-1);
}
.it-features-4-style-2 .it-features-4-icon {
  transition: 0.4s;
  background-color: var(--it-gray-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon {
    height: 75px;
    width: 75px;
    line-height: 75px;
  }
}
.it-features-4-style-2 .it-features-4-icon svg {
  transition: 0.4s;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-features-4-style-2 .it-features-4-icon svg {
    height: 35px;
  }
}
.it-features-4-inner-style {
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-features-4-inner-style .it-features-4-item {
    background: rgba(248, 198, 47, 0.1);
  }
}
.it-features-4-inner-style .it-features-4-item::after {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  background: rgba(248, 198, 47, 0.1);
}
.it-features-4-inner-style .it-features-4-icon {
  background-color: var(--it-theme-5);
}
.it-features-4-inner-style .it-features-4-icon svg {
  color: var(--it-common-white);
}

@media (max-width: 767px) {
  .it-feature-5-area {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-thumb.style-3 {
    margin-bottom: 0;
    margin-top: 30px;
  }
}
.it-feature-5-title {
  font-size: 50px;
  line-height: 1.4;
  margin-bottom: 5px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-feature-5-title {
    font-size: 25px;
  }
}
.it-feature-5-title::before {
  content: "";
  margin-right: 45px;
}
.it-feature-5-content {
  margin-left: 140px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-5-content {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-5-content {
    margin-left: 0;
    margin-top: 50px;
  }
}
@media (max-width: 767px) {
  .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-content span {
  font-size: 20px;
  display: block;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
  color: var(--it-theme-2);
  font-family: var(--it-ff-newyork);
}
.it-feature-5-content p {
  line-height: 1.75;
  color: #999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-5-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-content p {
    font-size: 14px;
  }
  .it-feature-5-content p br {
    display: none;
  }
}
.it-feature-5-content a {
  margin-top: 30px;
  display: block;
  padding: 4px 10px;
  text-align: center;
  margin-right: 88px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  border-top: 1px solid #F8C62F;
  border-bottom: 1px solid #F8C62F;
}
.it-feature-5-thumb {
  margin-left: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-thumb {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
  margin-left: 0;
  margin-right: 67px;
}
@media (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-thumb {
    margin-right: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content {
    margin-left: 0;
  }
}
.it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
  margin-right: 90px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-5-area .row:nth-child(even) .it-feature-5-content p {
    margin-right: 0;
  }
}

.it-feature-6-content {
  padding-left: 20px;
}
.it-feature-6-content span {
  font-size: 14px;
}
.it-feature-6-title {
  font-size: 20px;
  line-height: 1;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-title {
    font-size: 17px;
  }
}
.it-feature-6-item.col-1-2 {
  margin-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) {
  .it-feature-6-item.col-1-2 {
    margin-left: 0;
  }
}
.it-feature-6-item.col-1-3 {
  margin-left: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-6-item.col-1-3 {
    margin-left: 0;
  }
}
.it-feature-6-wrap {
  padding-top: 100px;
  padding-bottom: 60px;
  border-bottom: 1px solid #D9D9D9;
}

/*----------------------------------------*/
/*  23. gallery css start
/*----------------------------------------*/
.it-gallery-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-area {
    padding: 100px 0;
  }
}
.it-gallery-thumb {
  flex: 0 0 auto;
}
.it-gallery-thumb {
  overflow: hidden;
}
.it-gallery-thumb img {
  max-width: inherit;
  transition: 1.3s all ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.it-gallery-thumb.style-1 {
  margin-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-thumb.style-1 {
    margin-bottom: 15px;
  }
}
.it-gallery-thumb:hover img {
  transform: scale(1.2);
}
.it-gallery-thumb-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-gallery-thumb-wrap {
    gap: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-gallery-thumb-wrap {
    gap: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-thumb-wrap {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-gallery-thumb-box {
    width: 100%;
  }
}
.it-gallery-thumb-box.box-style-4 {
  margin-bottom: 105px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-4 {
    margin-bottom: 0;
  }
}
.it-gallery-thumb-box.box-style-5 {
  margin-top: 50px;
}
@media (max-width: 767px) {
  .it-gallery-thumb-box.box-style-5 {
    margin-top: 0;
  }
}
.it-gallery-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: 12%;
  left: 12.5%;
  animation: zoomIn 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-shape-1 {
    display: none;
  }
}
.it-gallery-shape-2 {
  position: absolute;
  z-index: -1;
  top: 9%;
  left: 6%;
  animation: itrotate2 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-2 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-2 {
    display: none;
  }
}
.it-gallery-shape-3 {
  position: absolute;
  z-index: -1;
  top: 9%;
  right: 7%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-gallery-shape-3 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .it-gallery-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-gallery-item img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  26. language css start
/*----------------------------------------*/
.it-language-wrap {
  padding: 80px 75px;
  padding-top: 70px;
  padding-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;
  }
}

/*----------------------------------------*/
/*  13. choose css start
/*----------------------------------------*/
.it-choose-area .it-about-list-box ul li span svg, .it-choose-area i {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-area.it-choose-area.pt-185 {
    padding-top: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .it-choose-left .row [class*=col-]:first-child .it-about-list-box {
    margin-bottom: 30px;
  }
}
.it-choose-left p {
  margin-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: 14px;
  }
}
@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-2-item {
  padding: 50px 40px;
  padding-bottom: 35px;
  border-radius: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0 10px 20px 0 rgb(248 198 47);
  border: 1px solid rgb(26 117 188);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item {
    padding: 40px 20px;
  }
}
.it-choose-2-item p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-item p {
    font-size: 14px;
  }
}
.it-choose-2-item:hover .it-choose-2-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-2-title {
  font-size: 22px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-title {
    font-size: 22px;
  }
}
.it-choose-2-icon {
  margin-bottom: 22px;
}
.it-choose-2-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-2-icon svg {
    height: 55px;
  }
}
.it-choose-2-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.it-choose-2-shape-2 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-2-shape-2 {
    top: 10%;
    transform: scale(0.6);
  }
}
.it-choose-2-style-2 .it-choose-2-title {
  font-size: 24px;
}
.it-choose-2-style-2 .it-choose-2-item {
  border-radius: 20px;
  position: relative;
  z-index: 1;
  border: 1px solid rgba(248, 198, 47, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-1 {
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-item:hover .shape-2 {
  opacity: 1;
}
.it-choose-2-style-2 .it-choose-2-item .shape-1 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
}
.it-choose-2-style-2 .it-choose-2-item .shape-2 {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px;
  transition: 0.4s;
  opacity: 0;
}
.it-choose-2-style-2 .it-choose-2-icon {
  margin-bottom: 18px;
}

.it-choose-3-item {
  position: relative;
  z-index: 1;
  padding: 40px 30px;
  padding-top: 45px;
  border-radius: 20px;
  overflow: hidden;
  transition: 0.4s;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
  border: 1px solid rgba(248, 198, 47, 0.1);
}
.it-choose-3-item p {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-3-item p {
    padding: 0 20px;
  }
}
.it-choose-3-item:hover {
  border: 1px solid rgba(26, 182, 157, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-choose-3-item:hover .it-choose-3-shape-1 {
  opacity: 1;
  left: 0;
}
.it-choose-3-item:hover .it-choose-3-icon svg {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.it-choose-3-title {
  font-size: 24px;
  margin-bottom: 13px;
}
.it-choose-3-icon {
  margin-bottom: 25px;
}
.it-choose-3-icon svg {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}
.it-choose-3-shape-1 {
  position: absolute;
  top: 50%;
  left: -25%;
  z-index: -1;
  opacity: 0;
  transition: 0.7s all ease;
  transform: translateY(-50%);
}
.it-choose-3-shape-2 {
  position: absolute;
  top: -25%;
  right: 0;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-3-shape-2 {
    display: none;
  }
}

.it-choose-4-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-choose-4-thumb {
  border-radius: 18px;
  overflow: hidden;
}
.it-choose-4-thumb img {
  width: 100%;
  border-radius: 18px;
  transition: 1.3s all ease;
}
.it-choose-4-title {
  font-size: 26px;
  margin-bottom: 22px;
  text-transform: uppercase;
  font-family: var(--it-ff-edensor-regular);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-title {
    font-size: 20px;
  }
}
.it-choose-4-number {
  position: absolute;
  z-index: 1;
  top: -30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  height: 88px;
  width: 88px;
  line-height: 93px;
  text-align: center;
  border-radius: 50%;
  font-size: 20px;
  color: var(--it-common-white);
  outline: 5px solid #536f5a;
  background-color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-choose-4-number::before {
  content: "";
  position: absolute;
  top: 30px;
  left: -35px;
  width: 34px;
  height: 30px;
  -webkit-transform: scaleX(-1) rotate(-90deg);
  transform: scaleX(-1) rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' transform='rotate(0)'%3E%3Cg transform='rotate(90 100 100)'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number::after {
  content: "";
  position: absolute;
  top: 29px;
  right: -37px;
  width: 34px;
  height: 30px;
  transform: rotate(0deg);
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,0 L0,200 Q0,0 200,0 Z' fill='%23536f5a' /%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
}
.it-choose-4-number i {
  line-height: 1;
  font-style: normal;
}
.it-choose-4-item {
  border-radius: 20px;
  padding: 30px 23px;
  padding-top: 100px;
  margin-top: 30px;
  background-color: var(--it-common-white);
}
.it-choose-4-item:hover .it-choose-4-thumb img {
  transform: scale(1.2);
}
.it-choose-4-shape-1 {
  position: absolute;
  top: 10%;
  left: 1.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-1 img {
    transform: scale(0.7);
  }
}
.it-choose-4-shape-2 {
  position: absolute;
  top: 10%;
  right: 5%;
  animation: rotate 15s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-4-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-4-shape-2 img {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-area .it-choose-section-title-box.mb-45 {
    margin-bottom: 30px !important;
  }
}
.it-choose-5-wrap {
  padding: 20px;
  padding-right: 140px;
  border-radius: 50px;
  background-color: white;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-wrap {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-wrap {
    padding-right: 20px;
    padding-bottom: 40px;
  }
}
.it-choose-5-list-box ul li {
  padding-top: 35px;
  list-style-type: none;
  border-top: 1px solid rgba(98, 98, 99, 0.3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-box ul li {
    padding-top: 25px;
  }
}
.it-choose-5-list-box ul li:last-child .it-choose-5-list-content p {
  margin-bottom: 0;
}
.it-choose-5-list-content .title {
  font-size: 24px;
  position: relative;
  padding-left: 52px;
  margin-bottom: 11px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-choose-5-list-content .title {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .it-choose-5-list-content .title {
    font-size: 18px;
    padding-left: 35px;
  }
}
.it-choose-5-list-content .title span {
  position: absolute;
  top: 0;
  left: 0;
}
.it-choose-5-list-content p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #000000;
  margin-bottom: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-list-content p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-list-content p {
    font-size: 15px;
    margin-bottom: 23px;
  }
}
.it-choose-5-right {
  padding-left: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-choose-5-right {
    padding-left: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-5-right {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-5-right {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-right {
    padding-left: 0;
    margin-top: 50px;
  }
}
.it-choose-5-thumb {
  position: relative;
  z-index: 1;
}
.it-choose-5-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb img {
    width: 100%;
  }
}
.it-choose-5-thumb::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -7%;
  z-index: -1;
  width: 100%;
  height: 74.5%;
  border-radius: 30px;
  transform: translateY(-50%);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-5-thumb::after {
    display: none;
  }
}
.it-choose-5-shape-1 {
  position: absolute;
  z-index: -1;
  bottom: -15%;
  right: 0;
}

/*----------------------------------------*/
/*  36. stats css start
/*----------------------------------------*/
.it-stats-wrap {
  padding: 50px 60px;
  border-radius: 20px;
  background-color: var(--it-theme-1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap {
    padding: 40px 30px;
  }
}
.it-stats-wrap span {
  font-size: 20px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap span {
    font-size: 14px;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item {
    padding-left: 0;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -19%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    left: -24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::before {
    display: none;
  }
}
.it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -27%;
  height: 120%;
  width: 2px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:nth-child(2) .it-stats-item::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-stats-wrap .row [class*=col-]:not(:last-child) .it-stats-item {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-stats-item {
    text-align: center;
    justify-content: center !important;
  }
}
.it-stats-title {
  font-size: 60px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-stats-title {
    font-size: 38px;
  }
}

/*----------------------------------------*/
/*  03. activities css start
/*----------------------------------------*/
.it-activities-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.it-activities-item {
  padding: 70px 20px;
  padding-bottom: 62px;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item {
    padding: 30px 20px;
    border-radius: 20px;
    border: 5px solid var(--it-theme-1);
  }
  .it-activities-item:hover {
    border: 5px solid var(--it-theme-2);
  }
}
.it-activities-item::before {
  position: absolute;
  content: url(../img/shape/activities-4-1.png);
  top: 0;
  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::before {
    display: none;
  }
}
.it-activities-item::after {
  position: absolute;
  content: url(../img/shape/activities-4-2.png);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transition: 0.3s;
  -webkit-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -ms-transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  transform: perspective(400px) rotateX(90deg) scaleY(0.5);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  transition-delay: 0.3s;
  transition-timing-function: ease-in-out;
  transition: 0.6s;
  transition-property: all;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-activities-item::after {
    display: none;
  }
}
.it-activities-item p {
  font-size: 14px;
  margin: 0 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-activities-item p {
    margin: 0;
  }
}
.it-activities-item:hover::after {
  -webkit-transform: perspective(400px) rotateX(0deg) scaleY(1);
  -ms-transform: perspective(400px) rotateX(0deg) scaleY(1);
  transform: perspective(400px) rotateX(0deg) scaleY(1);
}
.it-activities-item:hover .it-activities-icon svg, .it-activities-item:hover .it-activities-icon i {
  color: var(--it-theme-2);
}
.it-activities-icon {
  margin-bottom: 28px;
}
.it-activities-icon svg, .it-activities-icon i {
  transition: 0.3s;
  color: var(--it-theme-1);
}
.it-activities-title {
  margin-bottom: 15px;
}
.it-activities-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  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;
  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;
  }
}

/*----------------------------------------*/
/*  41. video css start
/*----------------------------------------*/
.it-video-right {
  margin-left: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-right {
    margin-left: 0;
  }
}
.it-video-right.it-about-4-content .it-about-list-box ul li span {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-video-right.it-about-4-content .it-about-list-box ul li span {
    font-size: 16px;
  }
}
.it-video-right .it-about-4-content p {
  margin-right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-thumb {
    margin-right: 25px;
  }
}
.it-video-thumb.thumb-overlay::after {
  border-radius: 30px;
  background-color: rgba(31, 36, 50, 0.5);
}
.it-video-thumb .it-about-thumb-icon {
  height: 100px;
  width: 100px;
  line-height: 100px;
}
.it-video-thumb .it-about-thumb-icon svg {
  width: 24px;
  height: 20px;
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  19. faq css start
/*----------------------------------------*/
.it-faq-area .it-about-2-left {
  padding-left: 35px;
  padding-bottom: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-area .it-about-2-left {
    margin: 0 70px;
  }
}
@media (max-width: 767px) {
  .it-faq-area .it-about-2-left {
    padding-left: 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
.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;
}
.it-faq-left {
  margin-right: 83px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-left {
    margin-right: 40px;
  }
}
@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);
  font-family: var(--it-ff-spartan-semibold);
}
.it-faq-tab-box ul li button.active {
  color: var(--it-theme-1);
}
.it-faq-tab-box ul li button:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-faq-tab-content {
    margin-bottom: 50px;
  }
}
.it-faq-tab-content .it-details-title-sm {
  font-family: var(--it-ff-heading);
}
.it-faq-tab-content ul li {
  list-style-type: none;
}
.it-faq-tab-content ul li:not(:last-child) {
  margin-bottom: 14px;
}
.it-faq-inner-style .it-custom-accordion .accordion-items {
  border-radius: 10px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(14, 32, 81, 0.1);
}
.it-faq-inner-style .it-custom-accordion .accordion-buttons {
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
.it-faq-inner-style .it-custom-accordion .accordion-body p {
  margin-right: 15px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .it-custom-accordion .accordion-body p {
    margin-right: 0;
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  31. price css start
/*----------------------------------------*/
.it-price-area {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-section-title-box {
    margin-bottom: 30px;
  }
}
.it-price-item {
  padding: 60px 40px;
  padding-top: 57px;
  border-radius: 20px;
  position: relative;
  background-color: var(--it-common-white);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item {
    padding: 45px 25px;
  }
}
.it-price-item .price-amount {
  font-weight: 700;
  font-size: 45px;
  line-height: 1;
  color: var(--it-theme-5);
  font-family: var(--it-ff-oxanium);
}
.it-price-item .price-amount span {
  font-size: 16px;
  font-weight: 400;
  color: var(--it-text-body);
}
.it-price-item .it-btn-yellow {
  border-radius: 0;
  background-color: var(--it-text-body);
}
.it-price-item .it-btn-yellow span, .it-price-item .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-item .tag {
  position: absolute;
  top: 45px;
  right: 25px;
  display: flex;
  align-items: center;
  letter-spacing: 0.01em;
  line-height: 1;
  padding: 5px 22px;
  border-radius: 1000px;
  display: inline-block;
  transform: rotate(14deg);
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-item .tag {
    right: 0;
    transform: rotate(14deg) scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item .tag {
    display: none;
  }
}
.it-price-item .tag svg {
  margin-top: -3px;
}
.it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-item.active .it-price-title {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li span svg {
  color: var(--it-common-white);
}
.it-price-item.active .it-price-features ul li.inactive {
  color: var(--it-text-body);
}
.it-price-item.active .it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-item.active .it-btn-yellow {
  background-color: var(--it-theme-5);
}
.it-price-item.active .it-btn-yellow span, .it-price-item.active .it-btn-yellow svg {
  color: var(--it-common-white);
}
.it-price-head {
  margin-bottom: 20px;
}
.it-price-value {
  padding-bottom: 31px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(108, 117, 125, 0.5);
}
.it-price-title {
  line-height: 1;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 14px;
  font-family: var(--it-ff-oxanium);
}
.it-price-features {
  margin-bottom: 45px;
}
.it-price-features ul li {
  position: relative;
  padding-left: 30px;
  list-style-type: none;
}
.it-price-features ul li:not(:last-child) {
  margin-bottom: 19px;
}
.it-price-features ul li span {
  position: absolute;
  top: -2px;
  left: 0;
}
.it-price-features ul li span svg {
  color: var(--it-common-black);
}
.it-price-features ul li.inactive span svg {
  color: var(--it-text-body);
}
.it-price-tab-wrap {
  border-radius: 30px;
  padding: 5px;
  display: inline-block;
  background-color: var(--it-common-white);
  border: 1px solid rgba(254, 130, 53, 0.1);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.05);
}
.it-price-tab-wrap .it-price-tab ul li {
  display: inline-block;
}
.it-price-tab-wrap .it-price-tab ul li button {
  transition: 0.4s;
  font-size: 14px;
  padding: 9px 25px;
}
.it-price-tab-wrap .it-price-tab ul li button.active {
  z-index: 1;
  position: relative;
  color: var(--it-common-white);
}
.it-price-tab-wrap .it-price-tab #lineMarker {
  position: absolute;
  top: 0;
  left: 5px;
  right: 5px;
  z-index: 0;
  height: 100%;
  transition: 0.4s;
  border-radius: 1000px;
  background: var(--it-theme-5);
}
.it-price-shape-1 {
  position: absolute;
  z-index: -1;
  top: 12%;
  right: 10%;
  animation: flap 0.4s infinite alternate ease-in-out;
}
.it-price-inner-style .it-price-item {
  background-color: rgba(9, 31, 46, 0.1);
}
.it-price-inner-style .it-price-item.active {
  background-color: var(--it-common-black);
}
.it-price-inner-style .it-price-item.active .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item.active .price-amount {
  color: var(--it-common-white);
}
.it-price-inner-style .it-price-item.active .tag {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.it-price-inner-style .it-btn-yellow {
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
.it-price-inner-style .it-price-item .price-amount {
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}

/*----------------------------------------*/
/*  39. text slider css start
/*----------------------------------------*/
.it-text-slider-ptb {
  padding: 25px 0;
  background-color: var(--it-theme-6);
}
.it-text-slider-item {
  display: flex;
  align-items: center;
}
.it-text-slider-item span {
  font-size: 50px;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
  display: inline-block;
}
.it-text-slider-item img {
  margin: 0 20px;
}
.it-text-slider-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-text-slider-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  30. portfolio css start
/*----------------------------------------*/
.it-portfolio-area {
  background-color: rgb(47, 42, 37);
}
@media (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-portfolio-btn {
    margin-top: 0;
  }
}
.it-portfolio-section-title {
  font-weight: 400;
  font-size: 100px;
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--it-common-white);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-portfolio-section-title {
    font-size: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-section-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-section-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-portfolio-section-title {
    font-size: 50px;
  }
}
@media (max-width: 767px) {
  .it-portfolio-section-title {
    font-size: 40px;
  }
}
.it-portfolio-title {
  font-size: 45px;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: 0.01em;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-portfolio-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-portfolio-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-title {
    font-size: 30px;
  }
}
.it-portfolio-big-thumb {
  margin-bottom: 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-big-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-portfolio-small-thumb {
    margin-top: 50px;
  }
}
.it-portfolio-content span {
  display: block;
  margin-bottom: 15px;
  color: var(--it-theme-6);
}
.it-portfolio-right {
  margin-left: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-portfolio-right {
    margin-left: 0;
  }
}
.it-portfolio-arrow-wrap {
  display: flex;
  gap: 10px;
  justify-content: end;
}
.it-portfolio-active {
  padding-bottom: 5px;
}

/*----------------------------------------*/
/*  35. social css start
/*----------------------------------------*/
.it-social-text a {
  font-size: 60px;
  margin-bottom: 35px;
  display: inline-block;
  color: var(--it-theme-6);
  font-family: var(--it-ff-newyork);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-social-text a {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-text a {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-social-text a {
    font-size: 30px;
  }
}
.it-social-box {
  margin-top: 50px;
  justify-content: space-evenly;
}
@media (max-width: 767px) {
  .it-social-box {
    flex-wrap: wrap !important;
  }
}
.it-social-area {
  border-top: 1px solid rgba(108, 117, 125, 0.3);
}
.it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-area .row [class*=col-]:not(:last-child) .it-social-item {
    border-right: none;
  }
}
.it-social-item {
  padding: 52px 100px;
  border-right: 1px solid rgba(108, 117, 125, 0.3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-social-item {
    padding: 52px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item {
    padding: 35px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-social-item {
    padding: 35px 20px;
    border: none;
  }
}
@media (max-width: 767px) {
  .it-social-item {
    padding: 25px 20px;
    border: none;
  }
}
.it-social-item a {
  display: flex;
  align-items: end;
}
.it-social-item a span {
  font-size: 24px;
  line-height: 0.9;
  display: inline-block;
  transition: 0.3s;
  font-family: var(--it-ff-spartan-medium);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a span {
    font-size: 17px;
  }
}
.it-social-item a:hover {
  color: var(--it-theme-5);
}
.it-social-item a svg {
  height: 26px;
  display: inline-block;
  margin-right: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-social-item a svg {
    height: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item a svg {
    height: 17px;
    margin-right: 5px;
  }
}
.it-social-item.style-2 a {
  justify-content: center;
}
.it-social-item.style-3 a {
  justify-content: center;
}
.it-social-item.style-4 {
  border-right: none;
}
.it-social-item.style-4 a {
  justify-content: end;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
@media (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: end;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-social-item.style-4 a {
    justify-content: start;
  }
}
.it-social-style-2 {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-social-style-2 .row [class*=col-]:not(:last-child) .it-social-item {
    border: none;
  }
}
.it-social-style-2 .it-social-item {
  transition: 0.3s;
}
.it-social-style-2 .it-social-item a span {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item a svg {
  color: var(--it-common-white);
}
.it-social-style-2 .it-social-item:hover {
  background-color: rgba(248, 198, 47, 0.3);
}

/*----------------------------------------*/
/*  04. banner css start
/*----------------------------------------*/
.it-banner-item {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 40px;
  padding-top: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-item {
    padding: 30px 20px;
  }
}
.it-banner-item > span {
  display: block;
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 22px;
}
.it-banner-title {
  font-weight: 600;
  font-size: 28px;
  line-height: 1.29;
  margin-bottom: 161px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-banner-title {
    font-size: 22px;
    margin-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  32. shop css start
/*----------------------------------------*/
.it-shop-badge {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 12px;
  padding: 2px 10px;
  z-index: 1;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
}
.it-shop-action-2 {
  position: absolute;
  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: 14px;
  margin-bottom: 10px;
  display: inline-block;
  transition: 0.3s;
  background-color: var(--it-theme-1);
}
.it-shop-action-btn-2 span {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: inline-block;
  color: var(--it-common-white);
}
.it-shop-action-btn-2 span span.text-1 {
  position: relative;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2 span span.text-2 {
  position: absolute;
  top: 100%;
  display: block;
  transition: 0.3s;
}
.it-shop-action-btn-2:hover {
  background-color: var(--it-common-white);
}
.it-shop-action-btn-2:hover span {
  color: var(--it-common-black);
}
.it-shop-action-btn-2:hover span span.text-1 {
  -webkit-transform: translateY(-150%);
  transform: translateY(-150%);
}
.it-shop-action-btn-2:hover span span.text-2 {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.it-shop-title {
  font-size: 20px;
  line-height: 1.4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-title {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-title {
    font-size: 17px;
  }
}
.it-shop-price {
  margin-bottom: 8px;
}
.it-shop-price span {
  font-size: 16px;
  color: var(--it-theme-1);
}
.it-shop-price del {
  font-size: 14px;
  padding-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-1);
}
.it-shop-widget-filter .ui-slider .ui-slider-handle {
  position: absolute;
  top: -3px;
  width: 12px;
  height: 12px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-theme-1);
}
.it-shop-widget-filter-info .input-range input {
  height: auto;
  line-height: 1;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 400;
  text-align: end;
  background-color: transparent;
  color: var(--it-text-body);
}
.it-shop-widget-filter-info .it-shop-widget-filter-btn {
  font-weight: 400;
  font-size: 16px;
  padding: 7px 40px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li {
  list-style: none;
}
.it-shop-widget-checkbox ul li:not(:last-child) {
  margin-bottom: 12px;
}
.it-shop-widget-checkbox ul li input {
  display: none;
}
.it-shop-widget-checkbox ul li input .single-widget-category input:checked + label::after {
  opacity: 1;
  visibility: visible;
}
.it-shop-widget-checkbox ul li input:checked ~ label::after {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
}
.it-shop-widget-checkbox ul li input:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
.it-shop-widget-checkbox ul li label {
  font-size: 16px;
  font-weight: 400;
  position: relative;
  padding-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 h5 {
  font-weight: 600;
  font-size: 16px;
  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 h5 {
    margin-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-widget-content h5 {
    margin-right: 0;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-shop-widget-content h5 {
    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);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-text span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text span {
    font-size: 16px;
    display: block;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-text {
    margin-bottom: 0;
  }
}
.it-shop-text p {
  line-height: 1.75;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-left: 0;
    margin-top: 20px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-top-wrap .it-shop-filter.ml-30 {
    margin-top: 0;
    margin-left: 25px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box {
    flex-wrap: wrap;
  }
}
.it-shop-filter-box > span {
  font-size: 20px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-filter-box > span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-shop-filter-box > span {
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-filter-box > span {
    width: auto;
  }
}
.it-shop-filter .nice-select {
  font-weight: 400;
  font-size: 16px;
  border-radius: 5px;
  display: inline-block;
  height: 50px;
  padding-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-1);
}
.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;
  -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-1);
}
.it-shop-inner-style .it-shop-action-btn-2 span {
  color: var(--it-common-white);
}
.it-shop-inner-style .it-shop-price {
  margin-bottom: 10px;
}
.it-shop-inner-style .it-shop-badge {
  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;
  }
}

/* details css here */
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 20px;
  color: var(--it-common-black);
  font-size: 18px;
  transform: translateY(-50%);
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  color: var(--it-common-black);
  font-size: 18px;
}
.it-shop-details__quantity input {
  border: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 45px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  width: 100%;
  padding: 0 25px;
  position: relative;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  font-weight: 500;
  font-size: 14px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__area .it-sv-details-list {
    margin-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-list {
    margin-bottom: 20px;
  }
}
.it-shop-details__area .it-sv-details-list p {
  font-weight: 400;
  font-size: 16px;
  padding-right: 0;
}
.it-shop-details__area .it-sv-details-list p b {
  font-weight: 600;
  color: var(--it-common-black);
}
.it-shop-details__area .it-sv-details-content > p {
  padding-right: 0;
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__area .it-sv-details-content > p {
    font-size: 15px;
  }
}
.it-shop-details__area .it-service-3-item {
  padding: 30px;
  padding-bottom: 25px;
}
.it-shop-details__area .it-contact-2-input-box input {
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
.it-shop-details__area .it-contact-2-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .it-contact-2-input-box textarea {
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
}
@media (max-width: 767px) {
  .it-shop-details__area .it-contact-2-input-box textarea {
    font-size: 14px;
  }
}
.it-shop-details__area .it-contact-2-input-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__area .contact__select .nice-select {
  border-radius: 5px;
  background-color: var(--it-gray-1);
}
@media (max-width: 767px) {
  .it-shop-details__area .contact__select .nice-select {
    height: 48px;
    line-height: 48px;
  }
}
.it-shop-details__area .contact__select .nice-select:focus {
  border-color: var(--it-theme-1);
}
.it-shop-details__right-wrap {
  margin-top: 46px;
  margin-left: 75px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__right-wrap {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__right-wrap {
    margin-left: 0;
  }
}
.it-shop-details__title-sm {
  font-size: 40px;
  line-height: 1.2;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__title-sm {
    font-size: 30px;
  }
  .it-shop-details__title-sm br {
    display: none;
  }
}
.it-shop-details__social > span {
  font-weight: 600;
  font-size: 16px;
  margin-right: 10px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-shop-details__social > span {
    font-size: 15px;
  }
}
.it-shop-details__social a {
  margin: 0 8px;
  display: inline-block;
}
.it-shop-details__social a:hover {
  color: var(--it-theme-1);
}
.it-shop-details__icon a {
  width: 77px;
  line-height: 55px;
  height: 55px;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-gray-1);
}
.it-shop-details__icon a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-shop-details__Category span {
  font-size: 16px;
  display: block;
  font-weight: 400;
}
@media (max-width: 767px) {
  .it-shop-details__Category span {
    font-size: 15px;
  }
}
.it-shop-details__Category span:not(:last-child) {
  margin-right: 28px;
  margin-bottom: 20px;
}
.it-shop-details__Category span i {
  font-style: normal;
  font-weight: 600;
  margin-right: 10px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}
.it-shop-details__text p {
  font-size: 16px;
  line-height: 1.65;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__text p {
    font-size: 14px;
  }
  .it-shop-details__text p br {
    display: none;
  }
}
.it-shop-details__btn {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__btn {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__btn .it-btn-theme {
    padding: 20px 40px;
  }
}
.it-shop-details__quantity {
  width: 160px;
  height: 55px;
  position: relative;
  border-radius: 5px;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-shop-details__quantity {
    margin-bottom: 20px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__quantity {
    margin-right: 0;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .it-shop-details__quantity {
    margin-bottom: 0;
  }
}
.it-shop-details__quantity input {
  border: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0 55px;
  font-size: 16px;
  letter-spacing: -0.01em;
  text-align: center;
  color: var(--it-common-black);
  background-color: transparent;
}
.it-shop-details__quantity .cart-minus {
  position: absolute;
  top: 50%;
  left: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-minus:hover {
  cursor: pointer;
}
.it-shop-details__quantity .cart-plus {
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
  color: #00102f;
  font-size: 18px;
}
.it-shop-details__quantity .cart-plus:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .it-shop-details__quantity-box {
    flex-wrap: wrap;
  }
}
.it-shop-details__tab-content-box {
  text-align: center;
  border-radius: 30px;
  background: var(--it-gray-1);
  border: 1px solid rgba(31, 36, 50, 0.1);
}
.it-shop-details__tab-content-box img {
  border-radius: 30px;
}
.it-shop-details__tab-btn-box nav div button {
  transition: 0.3s;
  width: max-content;
  padding: 0;
  border-radius: 20px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(98, 94, 88, 0.15);
  border-radius: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button {
    margin-bottom: 20px;
  }
}
.it-shop-details__tab-btn-box nav div button img {
  width: 125px;
  height: 130px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
@media (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 85px;
    height: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__tab-btn-box nav div button img {
    width: 90px;
    height: 90px;
  }
}
.it-shop-details__tab-btn-box nav div button.active {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:hover {
  border: 1px solid var(--it-theme-1);
}
.it-shop-details__tab-btn-box nav div button:not(:last-child) {
  margin-right: 10px;
}
.it-shop-details__wrapper {
  margin-right: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__wrapper {
    margin-right: 0;
  }
}
.it-shop-details__price {
  padding-bottom: 31px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dee4ff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-details__price {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-shop-details__price {
    margin-right: 0;
    flex-wrap: wrap;
  }
}
.it-shop-details__price > span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-theme-1);
  display: inline-block;
  margin-left: 20px;
  margin-right: 47px;
  font-family: var(--it-ff-spartan-semibold);
}
.it-shop-details__price del {
  font-weight: 600;
  font-size: 18px;
  color: #6d756d;
}
@media (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-details__ratting {
    margin-top: 0;
  }
}
.it-shop-details__ratting i {
  font-weight: 400;
  font-size: 16px;
  color: #f59831;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details__top-wrap {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-shop-details-action-wrapper .it-btn-theme {
    font-size: 14px;
    padding: 20px 25px;
  }
}

/* nav css here */
.pro-details-nav {
  padding: 17px 0;
  border-top: 1px solid rgba(121, 121, 121, 0.2);
  border-bottom: 1px solid rgba(121, 121, 121, 0.2);
}
.pro-details-nav-btn li {
  position: relative;
  display: inline-block;
  list-style-type: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    margin-bottom: 10px;
  }
}
.pro-details-nav-btn li:not(:last-child) button {
  margin-right: 50px;
}
.pro-details-nav-btn li button.active span {
  color: var(--it-common-black);
}
.pro-details-nav-btn li button span {
  font-size: 20px;
  line-height: 1.6;
  transition: 0.3s;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pro-details-nav-btn li button span {
    font-size: 17px;
  }
}

/* comment css here */
.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}
@media (max-width: 767px) {
  .comments-text span br,
  .comments-text p br {
    display: none;
  }
}

.comment-title p {
  color: #777777;
  font-size: 16px;
}

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: var(--it-theme-1);
}

.comment-input textarea {
  width: 100%;
  height: 210px;
  margin-bottom: 20px;
  font-size: 14px;
  color: var(--it-common-black);
  padding: 20px;
  resize: none;
  background-color: var(--it-gray-1);
}
.comment-input textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-theme-1);
}
.comment-input input {
  width: 100%;
  outline: 0;
  background-color: var(--it-gray-1);
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input::placeholder {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-black);
}
.comment-input input:focus {
  border: 1px solid var(--it-theme-1);
}

.comments-avatar {
  flex: 0 0 auto;
}
.comments-avatar img {
  height: 100px;
  width: 100px;
  border-radius: 50%;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .table .add-info {
    font-size: 14px;
  }
}

.table td {
  padding: 18px;
}
@media (max-width: 767px) {
  .table td {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .shop-left-right {
    margin-left: 0;
    margin-right: 0;
  }
}

.it-comments-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .it-comments-title {
    font-size: 18px;
  }
}

.avatar-name b {
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-button a {
    margin-bottom: 10px;
  }
}

.latest-comments ul li {
  list-style-type: none;
}

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
.comment-title h3 {
  margin-bottom: 15px;
}

.it-product-slider-title {
  color: var(--it-common-black);
  font-size: 30px;
  font-weight: 500;
}

.it-shop-widget-categories-item input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}

.it-shop-widget-categories-item input:checked ~ label::after {
  background-color: var(--it-common-purple);
  border-color: var(--it-common-purple);
}

.it-product-sidebar {
  margin-right: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-sidebar {
    margin-right: 0;
  }
}
.it-product-widget {
  padding: 45px 35px;
  border-radius: 12px;
  background-color: rgba(86, 139, 7, 0.08);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget {
    padding: 45px 20px;
  }
}
.it-product-widget .sidebar__search-input-2 input {
  background-color: var(--it-common-white);
}
.it-product-widget-filter {
  position: relative;
}
.it-product-widget-filter .ui-widget.ui-widget-content {
  height: 3px;
  border: 0;
  background-color: var(--it-theme-1);
}
.it-product-widget-filter .ui-slider-horizontal .ui-slider-range {
  background-color: #ddd;
  position: absolute;
}
.it-product-widget-filter .ui-slider .ui-slider-handle {
  top: -8px;
  width: 20px;
  height: 20px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: var(--it-common-black);
  position: absolute;
  display: inline-block;
}
.it-product-widget-filter .ui-slider .ui-slider-handle::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-white);
  transform: translateY(-50%);
}
.it-product-widget-filter-info i {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-right: 10px;
}
.it-product-widget-filter-info .input-range input {
  width: auto;
  height: auto;
  background-color: transparent;
  color: var(--it-common-black);
  padding: 0;
  border: 0;
  font-weight: 600;
  font-size: 20px;
  color: #181818;
}
.it-product-widget-filter-info .it-product-widget-filter-btn {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  padding: 10px 15px;
  margin-right: 15px;
}
.it-product-widget-filter-info .it-product-widget-filter-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-product-widget-category ul li {
  list-style: none;
  width: 100%;
}
.it-product-widget-category ul li:not(:last-child) {
  border-bottom: 1px solid rgba(24, 24, 24, 0.2);
}
.it-product-widget-category ul li:last-child a {
  padding-bottom: 0;
}
.it-product-widget-category ul li a {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 18px 0;
}
.it-product-widget-category ul li a:hover {
  color: var(--it-theme-1);
}
.it-product-widget-category ul li a i {
  color: var(--it-theme-1);
}
.it-product-widget-color span {
  height: 32px;
  width: 32px;
  border-radius: 50%;
  margin-right: 14px;
  margin-bottom: 13px;
  display: inline-block;
  cursor: pointer;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-widget-color span {
    margin-bottom: 0;
  }
}
.it-product-widget-color span.red {
  background-color: #FE5B00;
}
.it-product-widget-color span.tia {
  background-color: var(--it-theme-1);
}
.it-product-widget-color span.yellow {
  background-color: #FED000;
}
.it-product-widget-color span.yellow-2 {
  background-color: #FDB103;
}
.it-product-widget-color span.yellow-3 {
  background-color: #FE5B00;
}
.it-product-widget-color span.black {
  background-color: var(--it-common-black);
}
.it-product-widget-color span.ass {
  background-color: #505050;
}
.it-product-widget-color span.grey {
  background-color: #D9D9D9;
}

.it-order-info-list-highlight-item span {
  display: block;
}
.it-order-info-list-highlight-item span input {
  display: none;
}
.it-order-info-list-highlight-item span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-order-info-list-highlight-item span label {
  font-weight: 600;
  font-size: 20px;
  color: #181818;
  padding-left: 27px;
  position: relative;
}
.it-order-info-list-highlight-item span label:hover {
  cursor: pointer;
}
.it-order-info-list-highlight-item span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-order-info-list-highlight-item span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

.it-product-widget-rating span {
  display: block;
}
.it-product-widget-rating span input {
  display: none;
}
.it-product-widget-rating span input:checked ~ label::before {
  opacity: 1;
  visibility: visible;
}
.it-product-widget-rating span label {
  position: relative;
  padding-left: 27px;
}
.it-product-widget-rating span label > i {
  color: #FED000;
}
.it-product-widget-rating span label > i.color {
  color: rgba(254, 207, 0, 0.4);
}
.it-product-widget-rating span label:hover {
  cursor: pointer;
}
.it-product-widget-rating span label::after {
  position: absolute;
  content: "";
  left: 0;
  top: 7px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid var(--it-theme-1);
  transition: 0.3s;
}
.it-product-widget-rating span label::before {
  position: absolute;
  content: "";
  left: 4px;
  top: 11px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}

@media (max-width: 767px) {
  .comments-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-box {
    flex-wrap: nowrap;
  }
}

.comment-input textarea {
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .comments-avatar {
    margin-bottom: 0;
  }
}

/*----------------------------------------*/
/*  17. error css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-thumb {
    margin-bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}
.it-error-title {
  font-size: 60px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-error-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-error-title {
    font-size: 26px;
    margin-bottom: 20px !important;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-error-title {
    font-size: 37px;
  }
}
.it-error-content p {
  font-size: 24px;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-error-content p {
    font-size: 16px;
  }
}
.it-error-content .it-btn-yellow.theme-bg i {
  margin-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;
  }
}

/*----------------------------------------*/
/*  33. contact css start
/*----------------------------------------*/
.it-signup-area .contact__select .nice-select {
  width: 100%;
  position: relative;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-title {
  font-size: 28px;
  line-height: 1;
  margin-bottom: 55px;
  text-transform: capitalize;
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 29px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}
.it-signup-continue-item {
  padding: 12px 30px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 15px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}
.it-signup-continue-item span {
  display: inline-block;
  padding-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);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-input label {
    font-size: 15px;
  }
}
.it-signup-input input {
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  font-size: 16px;
  border-radius: 5px;
  background-color: var(--it-gray-1);
  border: 1px solid rgba(9, 31, 46, 0.1);
}
.it-signup-input input:focus {
  border-color: var(--it-theme-1);
}
.it-signup-input-icon {
  position: absolute;
  top: 50%;
  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);
  font-family: var(--it-ff-spartan-semibold);
}
.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: 14px;
  line-height: 171%;
  letter-spacing: 0.01em;
  color: var(--it-theme-1);
  font-family: var(--it-ff-heading);
}
.it-signup-agree label {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}
.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}
.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}
.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}

/*----------------------------------------*/
/*  42. zoom-metting css start
/*----------------------------------------*/
.it-metting-area .it-event-countdown-time ul li {
  margin: 0 6px;
  border: 2px solid var(--it-theme-1);
  list-style: none;
  padding: 8px;
  border-radius: 5px;
  font-weight: 500;
}
.it-metting-area .it-event-countdown-time ul li span {
  margin-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;
  font-family: var(--it-ff-spartan-medium);
}
.it-metting-area .it-course-sidebar .course-info ul li span {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child {
  font-size: 16px;
  display: inline-block;
  line-height: 1.5;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-metting-area .it-course-sidebar .course-info ul li:last-child {
    font-size: 14px;
  }
}
.it-metting-area .it-course-sidebar .course-info ul li:last-child span {
  margin-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;
  }
}

/*----------------------------------------*/
/*  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);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area .it-details-list ul li svg {
  color: rgba(31, 36, 50, 0.8);
}
.it-career-details-area .it-details-list ul li b {
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-details-area.it-course-details-style-3 .it-course-sidebar-thumb {
  margin-bottom: 50px;
}
.it-career-details-area .it-career-details-area .it-details-list ul li svg {
  height: 17px;
  width: 17px;
}
.it-career-item {
  padding: 40px;
  border-radius: 20px;
  background-color: #F8F9FB;
  border: 1px solid rgba(3, 89, 78, 0.1);
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 25px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-item {
    padding: 40px;
  }
}
.it-career-item > span {
  display: block;
  margin-bottom: 30px;
}
.it-career-item .title {
  font-size: 24px;
  margin-bottom: 15px;
  color: var(--it-common-black);
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-item .it-btn-yellow {
  padding: 0;
  height: 0;
  font-family: var(--it-ff-spartan-semibold);
}
.it-career-price {
  font-size: 14px;
  border-radius: 5px;
  padding: 11px 20px;
  display: inline-block;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-text-body);
  border: 1px solid rgba(26, 182, 157, 0.3);
}
@media (max-width: 767px) {
  .it-career-price {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-career-price {
    margin-bottom: 0;
  }
}
.it-career-meta {
  margin-bottom: 75px;
}
.it-career-meta span {
  line-height: 1;
  display: inline-block;
}
.it-career-meta span:not(:last-child) {
  padding-right: 15px;
  margin-right: 13px;
  font-family: var(--it-ff-spartan-medium);
  border-right: 1px solid rgba(108, 117, 125, 0.5);
}

/*----------------------------------------*/
/*  29. policy css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-policy-area .postbox-dsc p br {
    display: none;
  }
}

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



/************ my css ***************/

/* ==========================================================================
   HERO BACKGROUND (Correction pour voir l'image ENTIÈRE sans coupure)
   ========================================================================== */

/* ==========================================================================
   HERO BACKGROUND (Art Direction avec images multiples)
   ========================================================================== */

/* 1. PAR DÉFAUT (Pour les très grands écrans > 1920px) */
.hero-soluce-bg {
  background-image: url('../img/logo/hero_soluce_2560.png') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; 
  position: relative;
  width: 100%;
}

/* 2. PC STANDARDS (Entre 1201px et 1920px) */
@media (max-width: 1920px) {
  .hero-soluce-bg {
    background-image: url('../img/logo/hero_soluce_1920.png') !important;
  }
}

/* 3. TABLETTES ET PETITS PC (Entre 768px et 1200px) */
@media (max-width: 1200px) {
  .hero-soluce-bg {
    background-image: url('../img/logo/hero_soluce_1200.png') !important;
  }
}

/* 4. SMARTPHONES (En dessous de 767px) */
@media (max-width: 767px) {
  .hero-soluce-bg {
    background-image: url('../img/logo/hero_soluce_mobile.png') !important;
    background-position: top center; /* Souvent mieux sur mobile de centrer en haut */
  }
}


/* Svgs qui sommes nous size */
.choose-icon-img{
  width: 40px;
  height: 40px;
  object-fit: contain;
  display: inline-block;
}
.it-choose-5-list-content .title{
  display:flex;
  align-items:center;
  gap:10px;
}

/* ✅ CTA GRID 2x2 */
.cta-text-boxes{
  margin: 18px 0 22px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

/* your items currently are .col-lg-6 inside .cta-text-boxes
   make each column behave like a grid item */
.cta-text-boxes > .col-lg-6,
.cta-text-boxes > .col-md-6{
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* ✅ make the actual "card" white */
.cta-text-boxes .it-choose-2-item{
  background: #fff !important;
  border: 1px solid rgba(0,0,0,0.10);
  border-radius: 14px;
  padding: 18px 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
  text-align: left !important;   /* remove text-center */
  height: 100%;                  /* equal height cards */
}

/* icon */
.cta-text-boxes .it-choose-2-icon{
  margin-bottom: 10px;
}
.cta-text-boxes .it-choose-2-icon svg{
  width: 48px;
  height: 48px;
}

/* title */
.cta-text-boxes .it-choose-2-title{
  font-family:'Spartan-Bold', sans-serif;
  font-size: 15px;
  margin-bottom: 6px;
}

/* paragraph */
.cta-text-boxes p{
  margin: 0;
  font-size: 13.5px;
  line-height: 1.45;
  color: #222;
}

/* ✅ responsive */
@media (max-width: 767px){
  .cta-text-boxes{
    grid-template-columns: 1fr;
  }
}

/* ✅ old notes still available (if you still use cta-note somewhere) */
.cta-note{
  background: #fff;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 14px 16px;
  margin: 0 0 12px;
  color: #222;
  font-size: 15px;
  line-height: 1.55;
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

/* yellow underline highlight */
.hl-yellow{
  display: inline;
  background: linear-gradient(to bottom, transparent 80%, #F8C62F 80%);
  padding: 0 2px;
  border-radius: 3px;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

/* only for our highlighted text */
.it-choose-5-list-content .title .hl-yellow{
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline;
}

/* section 1 */

/* ==========================================================================
   Section 1 - Pourquoi Choisir Soluce (MODIFIÉE)
   ========================================================================== */

.results-soluce-area {
  background: #f8f8f6;
}

.results-soluce-area .container {
  max-width: 1300px;
}

/* Le conteneur blanc principal (Preservé) */
.results-soluce-wrap {
  background: #fff;
  border-radius: 24px;
  padding: 42px 45px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(0,0,0,0.05);
}

/* --- En-tête (Header) maintenant dans la colonne --- */
.results-soluce-header {
  margin-bottom: 30px;
}

.results-soluce-subtitle {
  font-size: 28px;
  line-height: 1;
  font-family: 'Spartan-Bold', sans-serif;
  color: #0d1b1e;
  margin-bottom: 12px;
}

.results-soluce-title {
  font-size: 44px;
  line-height: 1.05;
  font-weight: 400;
  color: #0d1b1e;
  margin-bottom: 16px;
}

.results-soluce-intro {
  font-size: 18px;
  line-height: 1.5;
  color: #111;
  margin: 0;
}

/* --- Conteneur Flexbox (MODIFIÉ pour 2 colonnes équilibrées) --- */
.results-soluce-content {
  display: flex;
  justify-content: space-between;
  align-items: center; /* Aligne verticalement le texte et l'image au centre */
  gap: 30px; /* Espace entre les colonnes */
}

/* Colonne Gauche - Texte complet (MODIFIÉE pour 50%) */
.results-soluce-left {
  flex: 0 0 50%;
  max-width: 50%;
}

/* Colonne Droite - Image (MODIFIÉE pour 50%) */
.results-soluce-right {
  flex: 0 0 50%; 
  max-width: 50%;
  text-align: right;
}

.results-soluce-right img {
  max-width: 80%;
  height: auto;
  display: inline-block;
}

/* --- Liste des résultats (Preservée) --- */
.results-soluce-list {
  list-style: none;
  margin: 0 0 24px;
  padding: 0;
}

.results-soluce-list li {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
}

.results-check {
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  max-width: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.results-check img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}

.results-soluce-list p {
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
  color: #111;
  white-space: normal;
}

.results-soluce-list strong {
  font-family: 'Spartan-Bold', sans-serif;
  font-weight: 700;
}

/* --- Citation (MODIFIÉE pour s'intégrer dans la colonne) --- */
.results-soluce-quote {
  max-width: 500px;
  background: #f3ebbf;
  padding: 18px 22px;
  border-radius: 6px;
  transform: rotate(-3deg);
  box-shadow: 0 8px 18px rgba(0,0,0,0.10);
  margin: 10px 0 24px 0; /* Marge gauche de 90px retirée */
}

.results-soluce-quote p {
  margin: 0 0 8px;
  font-size: 20px;
  line-height: 1.35;
  color: #1a1a1a;
  font-family: "Satisfy", cursive;
  font-style: normal;
}

.results-soluce-quote span {
  display: block;
  text-align: right;
  font-size: 18px;
  line-height: 1.4;
  color: #1a1a1a;
  font-family: "Satisfy", cursive;
  font-style: normal;
}

/* --- Bouton (Preservé) --- */
.results-soluce-btn-wrap {
  margin-top: 10px;
}

.results-soluce-btn {
  display: inline-block;
  background: var(--it-theme-2);
  color: #0b1a1d;
  font-family: 'Spartan-Bold', sans-serif;
  font-size: 16px;
  line-height: 1.3;
  padding: 16px 26px;
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(0,0,0,0.12);
  transition: all 0.3s ease;
}

.results-soluce-btn:hover {
  color: #0b1a1d;
  transform: translateY(-2px);
}

.results-soluce-btn:hover {
  background-color: #FFEB39; /* Votre nouvelle couleur bleue */
  color: #000000;            /* On passe le texte en blanc pour qu'il soit bien lisible sur le bleu */
  transform: translateY(-2px);
}

/* ==========================================================================
   Responsive - Media Queries (AJUSTÉES pour la nouvelle structure)
   ========================================================================== */

/* --- Correction pour les grands écrans (adaptation de vos styles existants) --- */
@media (max-width: 1920px) {
  .results-soluce-area .container {
    max-width: 1250px;
  }

  .results-soluce-wrap {
    padding: 30px 32px;
    border-radius: 20px;
  }

  /* Ajustements de l'en-tête dans la colonne */
  .results-soluce-header {
    margin-bottom: 22px;
    text-align: left; /* Aligne le texte à gauche */
  }

  .results-soluce-subtitle {
    font-size: 22px;
    margin-bottom: 8px;
  }

  .results-soluce-title {
    font-size: 42px;
  }

  .results-soluce-intro {
    font-size: 15px;
  }

  /* Maintient les colonnes équilibrées à 50% */
  .results-soluce-content {
    gap: 18px;
    align-items: center;
  }

  .results-soluce-left {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .results-soluce-right {
    flex: 0 0 50%;
    max-width: 50%;
  }

  /* Styles de liste préservés ... */

  /* Marge de la citation ajustée pour cette taille */
  .results-soluce-quote {
    max-width: 390px;
    margin: 8px 0 18px 0; /* Marge gauche de 45px retirée */
    padding: 12px 16px;
  }
}

/* --- Tablettes (Ajustements généraux de taille) --- */
@media (max-width: 1199px) {
  .results-soluce-area .container {
    max-width: 960px;
  }

  .results-soluce-title {
    font-size: 46px;
  }
}

/* --- Passage en Colonne Unique (Pile verticalement) --- */
@media (max-width: 991px) {
  .results-soluce-wrap {
    padding: 35px 28px;
  }

  /* Empile les colonnes verticalement */
  .results-soluce-content {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  /* Les deux colonnes prennent toute la largeur */
  .results-soluce-left,
  .results-soluce-right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  /* Centre l'image quand elle est empilée */
  .results-soluce-right {
    text-align: center;
    margin-top: 20px;
  }

  .results-soluce-title {
    font-size: 40px;
  }

  /* Centre la citation quand elle est empilée */
  .results-soluce-quote {
    margin: 20px auto 25px;
    transform: rotate(-2deg);
  }
}

/* --- Mobiles (Optimisation finale) --- */
@media (max-width: 767px) {
  .results-soluce-wrap {
    padding: 30px 18px;
    border-radius: 16px;
  }

  .results-soluce-subtitle {
    font-size: 22px;
  }

  .results-soluce-title {
    font-size: 32px;
  }

  .results-soluce-check {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }

  .results-soluce-btn {
    width: 100%;
    text-align: center;
  }
}


/* ==========================================================================
   COURS SECTION (Restructurée en 2 boîtes larges avec textes adaptés)
   ========================================================================== */

.cours-soluce-area {
  background: #f8f8f6;
}

/* NOUVEAU : Gère la largeur de la section sur grand écran */
.wide-container {
  max-width: 1400px !important;
  width: 100%;
  margin: 0 auto;
}

.cours-soluce-wrap {
  background: #fffdf8;
  border-radius: 26px;
  padding: 55px 40px 45px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 35px rgba(0,0,0,0.05);
}

/* NOUVEAU : Espacement entre les deux boîtes blanches */
.cours-soluce-wrap.mb-50 {
  margin-bottom: 50px;
}

.cours-soluce-header {
  margin-bottom: 28px;
}

.cours-soluce-logo {
  margin-bottom: 30px;
}

.cours-soluce-logo img {
  width: auto;
  border-radius: 20px;
}

.cours-soluce-title {
  font-size: 68px;
  line-height: 1.05;
  font-weight: 400;
  color: #111;
  margin-bottom: 10px;
}

.cours-soluce-subtitle {
  font-size: 24px;
  line-height: 1.4;
  color: #222;
  margin: 0;
  font-family: 'Spartan-Bold', sans-serif;
}

/* Ajoutez position et display à votre classe existante */
.cours-soluce-subtitle {
  position: relative;
  display: inline-block; /* Important : pour que la ligne s'arrête à la fin du texte */
  z-index: 1;
  /* (Gardez ici vos autres styles comme font-size, color, etc.) */
}

/* NOUVEAU : La ligne dessinée à la main sous le texte */
.cours-soluce-subtitle::after {
  content: "";
  position: absolute;
  left: -2%;       /* Fait légèrement déborder le trait à gauche pour un effet naturel */
  bottom: -6px;    /* Décale la ligne sous le texte (ajustez selon votre préférence) */
  width: 104%;     /* Le trait est très légèrement plus long que le texte */
  height: 10px;    /* L'épaisseur de la zone de dessin */
  
  /* Ligne courbée générée en SVG avec votre couleur #F8C62F */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 50 1 98 8' stroke='%23F8C62F' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  
  z-index: -1; /* Place la ligne en arrière-plan */
  pointer-events: none;
}

/* ==========================================================================
   COURS FEATURES CARDS (Matches the Image Design)
   ========================================================================== */

.cours-features {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px; /* Slightly larger gap to let the cards breathe */
  margin: 40px 0 35px;
}

/* The Card Structure */
.cours-feature-card {
  display: flex;
  flex-direction: column; /* Stacks icon, title, and text vertically */
  align-items: center;    /* Centers items horizontally */
  justify-content: center;
  border: none;           /* Removes the old grey border */
  border-radius: 30px;    /* Large, smooth rounded corners */
  padding: 50px 30px;     /* Generous padding for a square-like shape */
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04); /* Very soft, diffused shadow */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.cours-feature-card:hover {
  transform: translateY(-5px); /* Lift effect on hover */
  box-shadow: 0 15px 45px rgba(0, 0, 0, 0.07);
}

/* The Icon Circle */
.cours-feature-icon {
  flex: 0 0 75px; 
  width: 75px;
  height: 75px;
  border-radius: 50%;     /* Perfect circle */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 20px 0;    /* Space between icon and title */
}

.cours-feature-icon img {
  width: 32px;
  height: 32px;
  object-fit: contain;
}

/* The Text Content */
.cours-feature-text.text-center {
  text-align: center;     /* Centers the text lines */
}

.cours-feature-text h4 {
  margin: 0 0 10px;
  font-size: 22px;
  line-height: 1.3;
  font-family: 'Spartan-Bold', sans-serif;
}

.cours-feature-text p {
  margin: 0;
  font-size: 15px;
  line-height: 1.5;
  color: #555;            /* Softer grey for paragraph text */
}

/* ==========================================================================
   CARD THEME COLORS (Backgrounds, Circles, and Titles)
   ========================================================================== */

/* 1. Blue Theme */
.theme-blue {
  background-color: #F5F8FF; /* Very light pastel blue */
}
.theme-blue .cours-feature-icon {
  background-color: #E2EBFF; /* Slightly darker circle */
}
.theme-blue h4 {
  color: #3B71CA; /* Bold blue title */
}

/* 2. Green Theme */
.theme-green {
  background-color: #F2FCF7; /* Very light pastel green */
}
.theme-green .cours-feature-icon {
  background-color: #DCF5E9; /* Slightly darker circle */
}
.theme-green h4 {
  color: #2E9E6B; /* Bold green title */
}

/* 3. Orange Theme */
.theme-orange {
  background-color: #FFF9F4; /* Very light pastel orange */
}
.theme-orange .cours-feature-icon {
  background-color: #FBEBDC; /* Slightly darker circle */
}
.theme-orange h4 {
  color: #D97843; /* Bold orange title */
}

/* ==========================================================================
   REST OF THE SECTION (Slider, Buttons, etc.)
   ========================================================================== */

.cours-teachers-title {
  font-size: 34px;
  line-height: 1.2;
  color: #111;
  margin: 10px 0 28px;
  font-family: 'Spartan-Bold', sans-serif;
}

.cours-teacher-card {
  background: #fff;
  border: 1px solid #d8d8d8;
  border-radius: 20px;
  padding: 0 20px 20px;
  position: relative;
  box-shadow: 0 6px 20px rgba(0,0,0,0.04);
}

.cours-teacher-topline {
  height: 7px;
  background: var(--it-theme-2);
  border-radius: 20px 20px 0 0;
  margin: 0 -20px 18px;
}

.cours-teacher-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
}

.cours-teacher-avatar {
  flex: 0 0 95px;
  width: 95px;
  height: 95px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid var(--it-theme-2);
  background: #f6f6f6;
}

.cours-teacher-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cours-teacher-meta h4 {
  margin: 0 0 6px;
  font-size: 24px;
  line-height: 1.1;
  color: #111;
  font-family: 'Spartan-Bold', sans-serif;
}

.cours-stars {
  color: #efc248;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 2px;
  margin-bottom: 6px;
}

.cours-reviews {
  font-size: 16px;
  color: #222;
  margin-bottom: 8px;
}

.cours-badge {
  display: inline-block;
  padding: 7px 16px;
  border-radius: 999px;
  background: #123a67;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  font-family: 'Spartan-Bold', sans-serif;
}

.cours-teacher-desc {
  font-size: 16px;
  line-height: 1.45;
  color: #222;
  margin: 0 0 18px;
}

.cours-teacher-btn {
  display: inline-block;
  background: var(--it-theme-2);
  color: #111;
  text-decoration: none;
  font-size: 15px;
  line-height: 1.2;
  font-family: 'Spartan-Bold', sans-serif;
  padding: 12px 20px;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(239,194,72,0.35);
}

.cours-teacher-btn:hover {
  color: #111;
  transform: translateY(-1px);
}

.cours-teacher-btn:hover {
  background-color: #FFEB39; 
  color: #000000;            
  transform: translateY(-2px);
}

.cours-bottom-row {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.cours-main-btn {
  display: inline-block;
  min-width: auto;
  width: auto;
  text-align: center;
  background: #ffc107;
  color: #111;
  text-decoration: none;
  font-size: 18px;
  line-height: 1.2;
  font-family: 'Spartan-Bold', sans-serif;
  padding: 14px 22px;
  border-radius: 999px;
  box-shadow: 0 10px 25px rgba(213,166,58,0.25);
}

.cours-main-btn:hover {
  color: #111;
}

.cours-main-btn:hover {
  background-color: #FFEB39; 
  color: #000000;            
  transform: translateY(-2px);
}

.cours-side-image {
  flex: 0 0 33%;
  max-width: 33%;
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}

.cours-side-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* slider */
.cours-teachers-slider-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 12px;
}

.cours-teachers-grid {
  display: flex;
  gap: 22px;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  padding: 6px 4px 14px;
  margin-bottom: 34px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.cours-teachers-grid::-webkit-scrollbar {
  display: none;
}

.cours-teacher-card {
  flex: 0 0 calc(33.333% - 15px);
  min-width: calc(33.333% - 15px);
  scroll-snap-align: start;
}

.cours-slider-btn {
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  background: var(--it-theme-2);
  color: #111;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0,0,0,0.12);
  transition: all 0.25s ease;
}

.cours-slider-btn:hover {
  transform: translateY(-1px);
  background: #e2b63f;
}

/* ==========================================================================
   MEDIA QUERIES (CORRIGÉES POUR LES GRANDS ÉCRANS)
   ========================================================================== */

/* 1920px fix - DESIGN LARGE ET TEXTES ADAPTÉS */
@media (max-width: 1920px) {
  
  .cours-soluce-area .wide-container {
    max-width: 1400px !important;
  }

  .cours-soluce-wrap {
    max-width: 1300px;
    margin: 0 auto;
    padding: 50px 45px 40px; 
    border-radius: 20px;
    width: 100%;
  }

  .cours-soluce-header {
    margin-bottom: 24px;
  }

 /* .cours-soluce-logo img {
    max-height: 75px; 
  } */

  .cours-soluce-title {
    font-size: 52px; 
    line-height: 1.1;
    margin-bottom: 8px;
  }

  .cours-soluce-subtitle {
    font-size: 20px;
    line-height: 1.3;
  }

  /* Les 3 Grids (Features) : Plus aérées */
  .cours-features {
    gap: 24px;
    margin: 30px 0 20px;
  }

  /* The Card Structure overrides for 1920px */
  .cours-feature-card {
    gap: 20px;
    padding: 50px 30px;
    min-height: 130px;
    border-radius: 30px;
  }

  .cours-feature-icon {
    flex: 0 0 75px;
    width: 75px;
    height: 75px;
    border-radius: 50%;
  }

  .cours-feature-icon img {
    width: 32px;
    height: 32px;
  }

  .cours-feature-text h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  .cours-feature-text p {
    font-size: 15px; 
    line-height: 1.5;
  }

  /* Le Slider des Professeurs */
  .cours-teachers-title {
    font-size: 30px; 
    margin: 10px 0 24px;
  }

  .cours-teachers-slider-wrap {
    gap: 15px;
  }

  .cours-teachers-grid {
    gap: 20px;
    padding: 8px 4px 15px;
    margin-bottom: 25px;
  }

  .cours-teacher-card {
    flex: 0 0 calc(33.333% - 14px);
    min-width: calc(33.333% - 14px);
    border-radius: 18px;
    padding: 0 18px 18px;
  }

  .cours-teacher-topline {
    height: 6px;
    margin: 0 -18px 15px;
    border-radius: 18px 18px 0 0;
  }

  .cours-teacher-head {
    gap: 12px;
    margin-bottom: 12px;
  }

  .cours-teacher-avatar {
    flex: 0 0 80px; 
    width: 80px;
    height: 80px;
    border-width: 4px;
  }

  .cours-teacher-meta h4 {
    font-size: 20px; 
    margin-bottom: 4px;
  }

  .cours-stars {
    font-size: 18px;
    margin-bottom: 4px;
  }

  .cours-reviews {
    font-size: 14px;
    margin-bottom: 6px;
  }

  .cours-badge {
    font-size: 12px;
    padding: 6px 12px;
  }

  .cours-teacher-desc {
    font-size: 15px; 
    line-height: 1.4;
    margin-bottom: 15px;
  }

  .cours-teacher-btn {
    font-size: 14px;
    padding: 10px 16px;
    border-radius: 10px;
  }

  .cours-slider-btn {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    font-size: 20px;
  }

  /* Bouton Principal du bas */
  .cours-bottom-row {
    margin-top: 15px;
  }

  .cours-main-btn {
    font-size: 16px;
    padding: 16px 24px;
  }
}

/* Tablette */
@media (max-width: 1199px) {
  .cours-soluce-wrap {
    padding: 45px 28px 38px;
  }

  .cours-soluce-title {
    font-size: 48px;
  }

  .cours-soluce-subtitle {
    font-size: 20px;
  }

  .cours-features {
    grid-template-columns: 1fr;
  }

  .cours-teacher-card {
    flex: 0 0 calc(50% - 11px);
    min-width: calc(50% - 11px);
  }

  .cours-bottom-row {
    flex-direction: column;
    align-items: stretch;
  }

  .cours-main-btn {
    min-width: 100%;
    font-size: 22px;
  }

  .cours-side-image {
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .cours-soluce-wrap {
    padding: 34px 18px 28px;
    border-radius: 18px;
  }
  
  /* Désactive la marge de 50px sur mobile pour éviter trop d'espace vide */
  .cours-soluce-wrap.mb-50 {
    margin-bottom: 25px; 
  }

  .cours-soluce-logo img {
    max-height: 62px;
  }

  .cours-soluce-title {
    font-size: 34px;
  }

  .cours-soluce-subtitle {
    font-size: 17px;
  }

  .cours-feature-card {
    padding: 30px 20px;
    border-radius: 20px;
    min-height: auto;
  }

  .cours-feature-icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
  }

  .cours-feature-icon img {
    width: 26px;
    height: 26px;
  }

  .cours-feature-text h4 {
    font-size: 20px;
  }

  .cours-feature-text p {
    font-size: 14px;
  }

  .cours-teachers-title {
    font-size: 24px;
  }

  .cours-teachers-slider-wrap {
    gap: 8px;
  }

  .cours-slider-btn {
    width: 38px;
    height: 38px;
    font-size: 18px;
  }

  .cours-teacher-card {
    flex: 0 0 100%;
    min-width: 100%;
  }

  .cours-teacher-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .cours-teacher-avatar {
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
  }

  .cours-teacher-meta h4 {
    font-size: 22px;
  }

  .cours-stars {
    font-size: 18px;
  }

  .cours-teacher-desc {
    font-size: 15px;
  }

  .cours-main-btn {
    font-size: 18px;
    padding: 18px 20px;
  }
}



/* digital section */

.digital-feature-list ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

.digital-feature-list ul li{
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px;
  margin-bottom: 22px;
  padding: 0 !important;
  color: #000;
}

.digital-feature-icon{
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 50%;
  background: #F8C62F;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
}

.digital-feature-icon img{
  width: 22px;
  height: 22px;
  object-fit: contain;
  display: block;
}

.digital-feature-text{
  flex: 1;
  color: #000;
}

.digital-feature-text span{
  display: inline;
  font-family: 'Spartan-Bold', sans-serif;
  font-weight: 700;
  color: #000;
  font-size: 16px;
  line-height: 1.45;
}

.digital-feature-text p{
  display: inline;
  margin: 0;
  color: #000;
  font-size: 16px;
  line-height: 1.45;
}

@media (max-width: 767px){
  .digital-feature-list ul li{
    gap: 10px;
    margin-bottom: 18px;
  }

  .digital-feature-icon{
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .digital-feature-icon img{
    width: 18px;
    height: 18px;
  }

  .digital-feature-text span,
  .digital-feature-text p{
    font-size: 14px;
  }
}

.digital-why-box{
  background: #f8f3e7;
  border-radius: 18px;
  padding: 22px 24px;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
}

.digital-why-head{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
}

.digital-why-head h4{
  margin: 0;
  font-size: 28px;
  line-height: 1.2;
  color: #111;
  font-family: 'Spartan-Bold', sans-serif;
}

.digital-rating-box{
  flex: 0 0 auto;
  min-width: 92px;
  background: #fff;
  border-radius: 12px;
  padding: 8px 10px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

.digital-rating-top{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  margin-bottom: 2px;
}

.digital-rating-stars{
  color: #f3c623;
  font-size: 16px;
  line-height: 1;
}

.digital-rating-top strong{
  font-size: 18px;
  line-height: 1;
  color: #111;
  font-family: 'Spartan-Bold', sans-serif;
}

.digital-rating-note{
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #555;
}

.digital-rating-text span{
  display: block;
  font-size: 12px;
  line-height: 1.2;
  color: #555;
}

.digital-why-list{
  list-style: none;
  margin: 0;
  padding: 0;
}

.digital-why-list li{
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 14px;
  color: #111;
  font-size: 16px;
  line-height: 1.45;
}

.digital-why-list li:last-child{
  margin-bottom: 0;
}

.digital-why-list li img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
  margin-top: 3px;
  flex: 0 0 18px;
}

.digital-why-list li span{
  font-family: 'Spartan-Bold', sans-serif;
  font-weight: 700;
  color: #111;
}

@media (max-width: 767px){
  .digital-why-box{
    padding: 18px 16px;
  }

  .digital-why-head{
    flex-direction: column;
    align-items: flex-start;
  }

  .digital-why-head h4{
    font-size: 22px;
  }

  .digital-why-list li{
    font-size: 14px;
  }
}

@media (max-width: 1920px){
  .it-blog-details-area.pt-130.pb-80{
    padding-top: 90px;
    padding-bottom: 60px;
  }

  .it-blog-details-area .container{
    max-width: 1080px;
  }

  .it-blog-details-area .postbox-details-wrapper{
    max-width: 1000px;
    margin: 0 auto;
  }

  .it-blog-details-area .postbox-thumb-box{
    margin-bottom: 35px !important;
  }

  .it-blog-details-area .postbox-content-box{
    max-width: 980px;
    margin: 0 auto;
  }

  .it-blog-details-area .it-section-title{
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 14px;
  }

  .it-blog-details-area .postbox-dsc p{
    font-size: 15px;
    line-height: 1.5;
    margin-bottom: 10px !important;
  }

  .it-blog-details-area .mb-50{
    margin-bottom: 30px !important;
  }

  .it-blog-details-area .row.align-items-center{
    align-items: center !important;
  }

  .it-blog-details-area .postbox-banner{
    max-width: 320px;
    margin: 0 auto;
  }

  .it-blog-details-area .postbox-banner img{
    width: 100%;
    height: auto;
    display: block;
  }

  .it-blog-details-area .postbox-list-wrap{
    padding-left: 10px;
  }

  .it-blog-details-area .it-details-title-sm{
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
  }

  .it-blog-details-area .it-btn-yellow{
    font-size: 14px;
    padding: 14px 24px;
    min-height: auto;
  }

  .it-blog-details-area .it-btn-yellow span .text-1,
  .it-blog-details-area .it-btn-yellow span .text-2{
    font-size: 14px;
  }

  .it-blog-details-area .it-btn-yellow i svg{
    width: 14px;
    height: 14px;
  }

  .digital-feature-list{
    padding-top: 25px !important;
    margin-bottom: 18px !important;
  }

  .digital-feature-list ul li{
    gap: 12px;
    margin-bottom: 16px;
  }

  .digital-feature-icon{
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    min-width: 38px;
  }

  .digital-feature-icon img{
    width: 18px;
    height: 18px;
  }

  .digital-feature-text span,
  .digital-feature-text p{
    font-size: 14px;
    line-height: 1.4;
  }

  .digital-why-box{
    border-radius: 14px;
    padding: 18px 18px;
    margin-bottom: 25px !important;
  }

  .digital-why-head{
    gap: 12px;
    margin-bottom: 14px;
  }

  .digital-why-head h4{
    font-size: 22px;
    line-height: 1.2;
  }

  .digital-rating-box{
    min-width: 78px;
    padding: 6px 8px;
  }

  .digital-rating-top{
    gap: 3px;
  }

  .digital-rating-stars{
    font-size: 14px;
  }

  .digital-rating-top strong{
    font-size: 15px;
  }

  .digital-rating-note{
    font-size: 10px;
  }

  .digital-why-list li{
    gap: 8px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.4;
  }

  .digital-why-list li img{
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin-top: 3px;
  }

  .digital-why-list li span{
    font-size: 14px;
  }
}

/* ==========================================================================
   BOUTON WHATSAPP FLOTTANT (Animation d'expansion au survol)
   ========================================================================== */

/* ÉTAT NORMAL (Capsule Orange Verticale) */
.whatsapp-float {
  position: fixed;
  right: 38px;      /* Modifié : Aligné en bas à DROITE */
  left: auto;       /* Modifié : Désactive l'alignement à gauche */
  bottom: 50px;
  
  width: 65px;      /* Largeur initiale */
  height: 95px;     /* Hauteur initiale */
  background: #e77f1a; /* orange Soluce */
  border-radius: 40px;
  border: 3px solid transparent; /* Bordure transparente prête pour le hover */
  
  display: flex;
  flex-direction: row; 
  align-items: center;
  justify-content: flex-start;
  
  overflow: hidden; /* Cache le texte qui dépasse */
  z-index: 9999;
  text-decoration: none;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
  
  /* L'animation magique avec le point d'origine en bas à DROITE */
  transform-origin: bottom right; 
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
  box-sizing: border-box;
}

/* NOUVEAU : État quand le bouton est cliqué (il disparaît) */
.whatsapp-float.is-hidden {
  opacity: 0;
  transform: scale(0.5); /* Se rétrécit vers le coin */
  pointer-events: none;  /* Inactivé */
}

/* Conteneur de l'Avatar et de la Flèche */
.wa-icon-wrapper {
  min-width: 65px; /* Réserve l'espace */
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  transition: all 0.4s ease;
}

.wa-avatar {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #fff;
  transition: all 0.4s ease;
}

.wa-arrow {
  color: #111;
  font-size: 14px;
  line-height: 1;
  font-style: normal;
  transition: all 0.3s ease;
}

/* Conteneur du Texte et Logo (Caché au départ) */
.wa-text-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap; /* Empêche le texte de passer à la ligne */
  opacity: 0;          /* Invisible par défaut */
  transform: translateX(15px); /* Décalé légèrement vers la droite */
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.wa-logo {
  width: 36px;
  height: 36px;
}

.wa-text {
  color: #F8C62F; /* Texte en Jaune */
  font-family: 'Spartan-Bold', sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding-right: 25px; /* Espace à droite pour que le texte respire */
}

/* ==========================================================================
   ÉTAT AU SURVOL (Hover - Bannière Bleue Horizontale)
   ========================================================================== */

.whatsapp-float:hover {
  width: 310px;        /* S'élargit vers la gauche de l'écran */
  height: 75px;        /* Se tasse un peu en hauteur */
  background: #0D47A1; /* Fond Bleu foncé */
  border: 3px solid #F8C62F; /* Fait apparaître la bordure jaune */
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
}

/* La flèche disparaît doucement */
.whatsapp-float:hover .wa-arrow {
  opacity: 0;
  height: 0;
  margin: 0;
  transform: scale(0);
}

/* L'avatar grandit un tout petit peu et sa bordure devient jaune */
.whatsapp-float:hover .wa-avatar {
  width: 52px;
  height: 52px;
  border-color: #F8C62F; 
}

/* Le texte et le logo apparaissent */
.whatsapp-float:hover .wa-text-wrapper {
  opacity: 1;
  transform: translateX(0); /* Reprend sa place normale */
}

/* ==========================================================================
   MENU POPUP D'ASSISTANCE (Positionné en bas à DROITE et animé)
   ========================================================================== */

.soluce-popup-container {
  position: fixed;
  bottom: 20px;    
  right: 20px;      /* Modifié : S'affiche en bas à DROITE */
  left: auto;       /* Modifié : Annule l'alignement à gauche */
  width: 380px;
  max-width: calc(100vw - 40px); /* Pour que ça passe bien sur mobile */
  background: #EBEAE4; /* Fond gris/beige clair de l'image */
  border-radius: 16px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25);
  z-index: 10000;
  overflow: hidden;
  font-family: 'Spartan-Bold', sans-serif;
  
  /* Modifié : L'animation part du coin en bas à DROITE */
  transform-origin: bottom right; 
  opacity: 0;
  transform: scale(0.5); /* Rétréci et caché par défaut */
  pointer-events: none;
  transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Classe ajoutée en JS pour afficher le popup */
.soluce-popup-container.active {
  opacity: 1;
  transform: scale(1); /* Taille normale */
  pointer-events: auto;
}

/* --- En-tête --- */
.soluce-popup-header {
  background: #F8C62F; /* Jaune */
  padding: 16px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #111;
}

.header-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
}

.close-btn {
  background: none;
  border: none;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
  color: #111;
  padding: 0;
}

/* --- Corps --- */
.soluce-popup-body {
  padding: 24px 20px;
}

.soluce-popup-intro {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}

.popup-avatar {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  object-fit: cover;
}

.soluce-popup-intro p {
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
  color: #111;
  font-family: sans-serif; /* Police système plus lisible pour les textes longs */
}

.soluce-popup-question {
  text-align: center;
  font-size: 18px;
  margin: 0 0 20px 0;
  color: #111;
}

/* --- Les Cartes d'options --- */
.soluce-popup-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.soluce-option-card {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #fff;
  border: 1px solid #123a67; /* Bordure bleue fine */
  border-radius: 12px;
  padding: 16px;
  text-decoration: none;
  color: #111;
  transition: all 0.2s ease;
}

.soluce-option-card:hover {
  background: #f9f9f9;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.soluce-option-card svg {
  flex: 0 0 24px;
  color: #111;
}

.option-text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.option-text strong {
  font-size: 14.5px;
  line-height: 1.2;
}

.option-text span {
  font-size: 13px;
  color: #444;
  font-family: sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
}

.status-dot {
  width: 8px;
  height: 8px;
  background: #25D366; /* Vert WhatsApp */
  border-radius: 50%;
  display: inline-block;
}


/* ==========================================================================
   NOUVELLE BARRE SUPÉRIEURE (HEADER TOP) - FOND NOIR
   ========================================================================== */

.it-header-top-area.black-bg {
  background-color: #0b1a1d; /* Fond noir/très sombre */
  padding: 6px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Ligne de séparation très discrète */
}

/* Conteneur Flexbox pour aligner tout sur la droite */
.soluce-topbar-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-end; /* Pousse les éléments vers la droite */
  gap: 28px;                 /* Espace entre chaque bloc */
  font-family: 'Spartan-Bold', sans-serif;
}

/* Style de base pour un élément de la barre */
.topbar-item {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #ffffff;
  text-decoration: none;
  font-size: 14.5px;
}

/* Liens simples (Connexion, Recrute) */
.topbar-link {
  transition: color 0.3s ease;
}
.topbar-link:hover {
  color: #F8C62F; /* Devient jaune au survol */
}

/* La barre verticale de séparation (|) */
.topbar-divider {
  width: 1px;
  height: 24px;
  background-color: rgba(255, 255, 255, 0.2);
}

/* Bloc Localisation (Centres Soluce) */
.topbar-location {
  gap: 12px;
}

.loc-content {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
}

.loc-title {
  font-size: 14px;
  color: #ffffff;
}

/* Le surlignage jaune façon marqueur */
.highlight-yellow {
  background-color: #F8C62F;
  color: #111111;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: 700;
}

.loc-subtitle {
  font-size: 12px;
  color: #aaaaaa;
  font-family: sans-serif; /* Police plus neutre pour le sous-titre */
  margin-top: 3px;
  font-weight: normal;
}

/* Le Téléphone (Bleu clair pour ressortir sur le noir) */
.topbar-phone {
  color: #ffc107; 
  font-size: 18px;
  font-weight: 700;
  transition: color 0.3s ease;
}
.topbar-phone:hover {
  color: #ffffff;
}

/* Le Bouton Pilule (Noir sur blanc pour le contraste) */
.topbar-btn {
  background-color: #ffffff;
  color: #111111;
  padding: 12px 24px;
  border-radius: 99px; /* Forme de pilule */
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s ease;
}

.topbar-btn:hover {
  background-color: #F8C62F; /* Devient jaune au survol */
  color: #111111;
  transform: translateY(-2px);
}

/* ==========================================================================
   OPTIMISATION DU FOOTER (PC Standards, Laptops et Tablettes)
   ========================================================================== */

/* --- 1. PC Standards et Laptops (Entre 1201px et 1920px) --- */
@media (max-width: 1920px) {
  .it-footer-area {
    padding-top: 50px !important;
    padding-bottom: 25px !important;
  }
  
  .it-footer-widget-logo img {
    max-width: 160px !important; /* On réduit un peu le logo */
  }
  
  .it-footer-widget-title {
    font-size: 18px !important; /* Titres un peu plus petits */
    margin-bottom: 16px !important;
  }
  
  .it-footer-widget-text p,
  .it-footer-widget-menu ul li a,
  .it-footer-widget-contact ul li,
  .it-footer-widget-contact ul li a,
  .it-footer-widget-contact ul li span {
    font-size: 15px !important; /* Textes un peu plus petits */
  }
}

/* --- 2. Tablettes et Petits PC (Entre 768px et 1200px) --- */
@media (max-width: 1200px) {
  .it-footer-area {
    padding-top: 40px !important;
    padding-bottom: 20px !important;
  }
  
  .it-footer-widget-logo img {
    max-width: 145px !important; /* On réduit encore le logo */
  }
  
  .it-footer-widget-title {
    font-size: 17px !important;
    margin-bottom: 14px !important;
  }
  
  .it-footer-widget-text p,
  .it-footer-widget-menu ul li a,
  .it-footer-widget-contact ul li,
  .it-footer-widget-contact ul li a,
  .it-footer-widget-contact ul li span {
    font-size: 14px !important; /* Taille standard pour la lisibilité */
  }
  
  .it-footer-widget-menu ul,
  .it-footer-widget-contact ul {
    gap: 8px !important; /* On resserre les lignes */
  }
  
  .it-footer-widget-btn .it-btn-yellow {
    padding: 14px 24px !important; /* Bouton légèrement réduit */
  }
  
  .it-footer-widget-btn .it-btn-yellow span {
    font-size: 14px !important;
  }
}

.has a {
    font-family: 'Satisfy', cursive !important;
}

/* ==========================================================================
   TITRE MANUSCRIT + FLÈCHE (Côte à côte)
   ========================================================================== */

/* Conteneur Flexbox pour aligner horizontalement */
.handwritten-title-wrap {
  display: flex;
  justify-content: center; /* Centre l'ensemble au milieu de la page */
  align-items: center;     /* Aligne la flèche et le texte sur la même hauteur */
  gap: 15px;               /* Espace exact entre la pointe de la flèche et le texte */
  margin-bottom: 30px;
  width: 100%;
}

/* Style de la police manuscrite */
.handwritten-text {
  font-family: "Satisfy", cursive !important;
  font-size: 32px !important;
  color: #000000 !important;
  text-transform: none !important;
  font-weight: 400;
  margin: 0;
  line-height: 1.4;
}

/* Style de la flèche */
.handwritten-arrow {
  width: 60px;       /* Largeur de la flèche */
  height: auto;
  flex-shrink: 0;    /* Empêche la flèche de s'écraser si le texte est long */
  transform: translateY(5px); /* Ajustement subtil pour que la pointe vise le milieu des lettres */
}

/* Ajustement pour les écrans de téléphone */
@media (max-width: 767px) {
  .handwritten-title-wrap {
    gap: 10px; /* On réduit un peu l'espace sur mobile */
  }
  .handwritten-text {
    font-size: 24px !important; /* Texte un peu plus petit */
    text-align: left;
  }
  .handwritten-arrow {
    width: 45px; /* Flèche un peu plus petite */
  }
}

/* ==========================================================================
   SOULIGNEMENT MANUSCRIT POUR LE MENU (Page active)
   ========================================================================== */

/* On s'assure que le lien lui-même est le point de repère */
.it-header-menu ul li a.active-handwritten {
  position: relative !important;
  display: inline-block !important; 
}

/* Le pseudo-élément qui dessine la ligne */
.it-header-menu ul li a.active-handwritten::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;       /* On l'aligne pile sur le bord gauche du texte */
  width: 100% !important;   /* On prend la largeur exacte du texte */
  height: 8px !important;   /* Épaisseur du trait jaune */
  
  /* La ligne jaune SVG */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 50 1 98 8' stroke='%23F8C62F' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  
  z-index: 1 !important; 
  pointer-events: none;
  
  /* Ajustement vertical : 25px est généralement idéal pour les menus, 
     mais vous pouvez réduire (ex: 15px) si la ligne est trop basse */
  bottom: 25px !important; 
}

/* ==========================================================================
   CORRECTIONS DESIGN : SECTION ENVIRONNEMENT & RESSOURCES
   ========================================================================== */

/* 1. Forcer les cartes à avoir la même hauteur */
.it-blog-area .it-choose-2-item {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  padding-bottom: 30px !important; /* Ajoute un peu d'espace sous le bouton */
}

.it-blog-area .it-choose-2-content {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important; /* Centre le contenu horizontalement */
  width: 100%;
}

/* 2. Désactiver les <br> invisibles qui cassent la mise en page */
.it-blog-area .it-choose-2-content br {
  display: none !important;
}

/* 3. Titres : hauteur fixe ET alignement en bas pour toucher le trait jaune */
.it-blog-area .it-choose-2-title {
  display: flex !important;
  align-items: flex-end !important; /* Pousse les titres courts vers le bas */
  justify-content: center !important; 
  min-height: 55px !important; /* Réserve l'espace exact pour 2 lignes de texte */
  padding-bottom: 5px !important; /* Espace exact entre les lettres et le trait jaune */
  margin-bottom: 15px !important;
  font-size: 19px !important; 
  font-family: 'Spartan-Bold', sans-serif !important;
  color: #111111 !important;
  position: relative !important;
  z-index: 1 !important;
  text-align: center !important;
  width: 100%;
}

/* Ligne jaune dessinée à la main */
.it-blog-area .it-choose-2-title::after {
  content: "" !important;
  position: absolute !important;
  bottom: 0px !important; 
  left: 50% !important;
  transform: translateX(-50%) !important; 
  width: 75% !important; 
  height: 8px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M2 8 Q 50 1 98 8' stroke='%23F8C62F' stroke-width='4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") !important;
  background-size: 100% 100% !important;
  background-repeat: no-repeat !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* 4. Paragraphes : Hauteur fixe pour aligner les boutons juste en dessous */
.it-blog-area .it-choose-2-content p {
  font-size: 14px !important;
  line-height: 1.5 !important;
  color: #444444 !important;
  margin-bottom: 15px !important; 
  text-align: center !important;
  min-height: 65px !important; /* Force la zone de texte à faire 3 lignes partout */
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

/* 5. Boutons : Rapprochés du texte (On a retiré margin-top: auto) */
.it-blog-area .it-course-btn {
  margin-top: 0 !important; 
}

/* 6. Uniformiser la zone de l'image */
.it-blog-area .it-choose-2-icon {
  margin-bottom: 25px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

.it-blog-area .it-choose-2-icon img {
  max-width: 160px !important; /* Empêche l'image de devenir géante */
  height: auto !important;
  border-radius: 12px !important;
}