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

    01. THEME DEFAULT CSS
	02. MEANMENU CSS START
	03. about css start
	04. blog css start
    05. text-slide css start
	06. career css start
	07. cart css start
	08. category css start
	09. checkout css start
	10. choose css start
	11. class css star
	12. contact css start
	13. course css start
	14. cta css start
	15. error css start
	16. event css start
	17. faq css start
	18. feature css start
	19. footer css start
	20. funfact css start
	21. header css start
	22. hero css start
	23. mobile-menu css start
	24. newsletter css start
	25. price css start
	26. shop css start
	27. slider css start
	28. team css start
	29. testimonial css start
	30. video css start
	31. work css start

    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/

:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Sora', sans-serif;
  --it-ff-heading: 'Epilogue', sans-serif;
  --it-ff-poppins: 'Poppins', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #0E2A46;
  --it-common-black-3: #17254E;
  --it-common-yellow: #FFD25D;
  --it-common-purple-2: #785DD7;
  --it-common-purple-3: #7768E5;
  --it-common-orange: #FC6441;
  --it-common-orange-2: #F2A227;
  --it-common-orange-3: #FC9F0B;
  --it-common-black-2: #4D5756;
  --it-heading-primary: #0E2A46;
  --it-grey-1: #F2F2F2;
  --it-grey-2: #F3F5F5;
  --it-grey-3: #FBFFFE;
  --it-grey-4: #E8E8F4;
  --it-grey-5: #FFF8F0;
  --it-text-body: #333931;
  --it-theme-1: #704FE6;
  --it-theme-2: #FE543D;
  --it-theme-3: #2FC7A1;
  --it-theme-4: #674DF0;
  --it-theme-5: #00BEAE;
  --it-theme-6: #FF9E0E;
  --it-theme-7: #FF9500;
}


@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1350px;
    --bs-gutter-x: 30px;
  }
  .container-1380 {
    max-width: 1380px;
  }
  .container-2 {
    max-width: 1740px;
  }
  .container-3 {
    max-width: 1350px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-family: var(--it-ff-body);
  font-size: 17px;
  font-weight: 400;
  color: var(--it-text-body);
  line-height: 32px;
  overflow-x: hidden;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--it-ff-heading);
  color: var(--it-heading-primary);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  color: var(--it-text-body);
  font-weight: 400;
  font-size: 17px;
  line-height: 1.9;
}

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

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

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

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

input {
  height: 58px;
  width: 100%;
  border: none;
  outline: none;
  padding: 0 20px;
  line-height: 58px;
  font-size: 14px;
  color: var(--it-common-black);
}
input::-webkit-input-placeholder {
  color: #4D5756;
}
input:-moz-placeholder {
  color: #4D5756;
}
input::-moz-placeholder {
  color: #4D5756;
}
input:-ms-input-placeholder {
  color: #4D5756;
}

textarea {
  outline: none;
  color: var(--it-common-black);
  width: 100%;
  padding: 0 20px;
  border: none;
  resize: none;
  font-size: 14px;
}
textarea::-webkit-input-placeholder {
  color: #4D5756;
}
textarea:-moz-placeholder {
  color: #4D5756;
}
textarea::-moz-placeholder {
  color: #4D5756;
}
textarea:-ms-input-placeholder {
  color: #4D5756;
}

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

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

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

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

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

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

/*---------------------------------
    common classes css start 
---------------------------------*/
.w-img img {
  width: 100%;
}

.m-img img {
  max-width: 100%;
}

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

.overflow-y-visible {
  overflow-x: hidden;
  overflow-y: visible;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.include-bg {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

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

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

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

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

/*--
    - Spacing
-----------------------------------------*/
.ed-btn-theme {
  display: inline-block;
  padding: 0 25px;
  padding-right: 80px;
  height: 58px;
  line-height: 58px;
  position: relative;
  transition: 0.3s;
  font-weight: 600;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  border-radius: 200px;
}
.ed-btn-theme i {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 58px;
  width: 58px;
  line-height: 54px;
  border-radius: 50%;
  text-align: center;
  transition: 0.3s;
  color: var(--it-common-white);
  background-color: var(--it-common-purple-2);
}
@media (max-width: 767px) {
  .ed-btn-theme i {
    width: 48px;
    height: 48px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-btn-theme {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ed-btn-theme {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding-right: 60px;
  }
}
.ed-btn-theme.theme-2 {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-btn-theme.theme-2 i {
  background-color: #35D7AE;
}
.ed-btn-theme.orange {
  background-color: var(--it-theme-2);
}
.ed-btn-theme.orange i {
  background-color: rgb(219, 73, 54);
}
.ed-btn-theme.error-btn {
  padding: 0 25px;
  padding-left: 80px;
  padding-right: 25px;
}
.ed-btn-theme.error-btn i {
  left: 0;
  right: auto;
}
.ed-btn-theme:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-black-3);
}
.ed-btn-theme:hover i {
  color: var(--it-common-white);
  background-color: #1F3061;
}
.ed-btn-theme:hover.theme-2 {
  background-color: var(--it-theme-2);
}
.ed-btn-theme:hover.theme-2 i {
  background-color: rgb(219, 73, 54);
}

.ed-btn-dark {
  display: inline-block;
  padding: 0 25px;
  padding-right: 80px;
  height: 58px;
  line-height: 58px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-white);
  background-color: var(--it-common-black-3);
  border-radius: 200px;
}
.ed-btn-dark i {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 58px;
  width: 58px;
  line-height: 54px;
  border-radius: 50%;
  text-align: center;
  color: var(--it-common-white);
  background-color: #1F3061;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .ed-btn-dark i {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-btn-dark {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ed-btn-dark {
    font-size: 14px;
    height: 48px;
    line-height: 48px;
    padding-right: 60px;
  }
}
.ed-btn-dark:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.ed-btn-dark:hover i {
  color: var(--it-common-white);
  background-color: var(--it-common-purple-2);
}

.ed-btn-yellow {
  display: inline-block;
  padding: 0 25px;
  padding-right: 80px;
  height: 58px;
  line-height: 58px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-black);
  background-color: var(--it-common-yellow);
  border-radius: 200px;
}
.ed-btn-yellow i {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 58px;
  width: 58px;
  line-height: 54px;
  border-radius: 50%;
  text-align: center;
  color: var(--it-common-black);
  background-color: #FEB65C;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-btn-yellow {
    font-size: 14px;
  }
}
.ed-btn-yellow:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.ed-btn-yellow:hover i {
  color: var(--it-common-white);
  background-color: var(--it-common-purple-2);
}
.ed-btn-yellow:hover.dark-bg {
  color: var(--it-common-white);
  background-color: var(--it-common-black-3);
}
.ed-btn-yellow:hover.dark-bg i {
  color: var(--it-common-white);
  background-color: #1F3061;
}

.ed-btn-blog {
  display: inline-block;
  padding: 0 25px;
  padding-right: 60px;
  height: 48px;
  line-height: 48px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-theme-1);
  background-color: #E9E2FF;
  border-radius: 200px;
}
.ed-btn-blog i {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 48px;
  width: 48px;
  line-height: 44px;
  border-radius: 50%;
  text-align: center;
  color: var(--it-theme-1);
  transition: 0.3s;
  background-color: #E3DBFF;
}
.ed-btn-blog.square {
  border-radius: 5px;
}
.ed-btn-blog.theme-bg-2 {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-btn-blog.theme-bg-2 i {
  color: var(--it-common-white);
  background-color: #35D7AE;
}
.ed-btn-blog.radius {
  border-radius: 100px;
  padding: 0 27px;
}
.ed-btn-blog:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.ed-btn-blog:hover i {
  color: var(--it-common-white);
  background-color: var(--it-common-purple-2);
}
.ed-btn-blog:hover.radius {
  background-color: var(--it-theme-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) {
  .ed-btn-blog {
    font-size: 14px;
  }
}

.ed-btn-blog-square {
  display: inline-block;
  padding: 0 25px;
  padding-right: 55px;
  height: 53px;
  line-height: 53px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-theme-1);
  background-color: #E9E2FF;
  border-radius: 5px;
}
.ed-btn-blog-square i {
  position: absolute;
  top: 0;
  right: 25px;
  display: inline-block;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.ed-btn-blog-square:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.ed-btn-blog-square:hover i {
  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) {
  .ed-btn-blog-square {
    font-size: 14px;
  }
}

.it-btn-white {
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0 25px;
  height: 60px;
  line-height: 64px;
  position: relative;
  transition: 0.4s;
  border-radius: 5px;
  z-index: 1;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  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-btn-white {
    font-size: 14px;
  }
}
.it-btn-white span svg {
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
}
.it-btn-white:hover span svg {
  animation: tfLeftToRight 0.4s forwards;
  transform: translateY(-1px);
}
.it-btn-white.sky-bg {
  font-size: 15px;
  background-color: var(--it-theme-3);
  color: var(--it-common-white);
}
.it-btn-white.purple-2 {
  background-color: var(--it-theme-4);
  color: var(--it-common-white);
}

.ed-btn-square {
  display: inline-block;
  padding: 0 35px;
  height: 61px;
  line-height: 61px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  text-transform: uppercase;
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-btn-square {
    padding: 0 25px;
    height: 51px;
    line-height: 51px;
    font-size: 13px;
  }
}
.ed-btn-square.sm {
  height: 51px;
  line-height: 50px;
}
.ed-btn-square.sm-2 {
  height: 40px;
  line-height: 40px;
  text-transform: capitalize;
  background-color: #E8E8F4;
  color: var(--it-common-purple-3);
}
.ed-btn-square.purple-2 {
  background-color: var(--it-theme-4);
  color: var(--it-common-white);
}
.ed-btn-square.purple-3 {
  background-color: var(--it-theme-4);
  color: var(--it-common-white);
}
.ed-btn-square.purple-4, .it-btn-green {
  background-color: var(--it-common-purple-3);
  color: var(--it-common-white);
}
.ed-btn-square.radius {
  border-radius: 5px;
}
.ed-btn-square.orange {
  background-color: var(--it-common-orange);
  color: var(--it-common-white);
  border-radius: 5px;
}
.ed-btn-square.orange i, .ed-btn-square.orange svg {
  display: inline-block;
  margin-left: 12px;
  transform: translateY(-2px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-btn-square.orange i, .ed-btn-square.orange svg {
    font-size: 12px;
    margin-left: 5px;
    transform: translateY(-1px);
  }
}
.ed-btn-square.dark {
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  border-radius: 5px;
}
.ed-btn-square.dark i, .ed-btn-square.dark svg {
  display: inline-block;
  margin-left: 12px;
  transform: translateY(-2px);
}
.ed-btn-square:hover {
  background-color: var(--it-theme-4);
  color: var(--it-common-white);
}
.ed-btn-square:hover.purple-2 {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-btn-square:hover.purple-3 {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-btn-square:hover.purple-4, .it-btn-green:hover {
  background-color: var(--it-common-orange);
  color: var(--it-common-white);
}
.ed-btn-square:hover.sm-2 {
  background-color: var(--it-common-purple-3);
  color: var(--it-common-white);
}
.ed-btn-square:hover.hover-2 {
  background-color: var(--it-common-orange);
  color: var(--it-common-white);
}

.ed-btn-radius {
  display: inline-block;
  padding: 0 35px;
  height: 59px;
  line-height: 59px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  font-size: 15px;
  text-transform: capitalize;
  color: var(--it-common-white);
  background-color: var(--it-theme-7);
  border-radius: 60px;
}
.ed-btn-radius.sky-bg {
  background-color: var(--it-theme-5);
}
.ed-btn-radius:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.ed-btn-radius:hover.sky-bg {
  color: var(--it-common-white);
  background-color: var(--it-theme-7);
}

.it-btn {
  display: inline-block;
  font-weight: 600;
  text-transform: capitalize;
  padding: 0 25px;
  height: 54px;
  line-height: 54px;
  position: relative;
  transition: 0.4s;
  border-radius: 5px;
  z-index: 1;
  color: var(--it-common-white);
  background-color: var(--it-common-purple-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-btn {
    font-size: 14px;
  }
}
.it-btn.large {
  padding: 0px 60px;
}
.it-btn span svg {
  margin-left: 10px;
  display: inline-block;
  transform: translateY(-1px);
}
.it-btn:hover {
  color: var(--it-common-white);
}
.it-btn:hover span svg {
  animation: tfLeftToRight 0.4s forwards;
  transform: translateY(-1px);
}
.it-btn.black-bg {
  background-color: black;
}
.it-btn.sm {
  height: 53px;
  line-height: 53px;
  padding: 0 20px;
}
.it-btn.blue-bg {
  background-color: var(--it-theme-4);
}

.it-btn-white-sm {
  display: inline-block;
  font-weight: 700;
  font-size: 14px;
  padding: 0 20px;
  height: 40px;
  width: 140px;
  line-height: 40px;
  height: 40px;
  line-height: 40px;
  position: relative;
  transition: 0.3s;
  text-transform: uppercase;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
  margin: 5px 0;
}
.it-btn-white-sm:hover {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}

/* pulse effect animation */
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -webkit-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes itrotate {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(25deg);
    -ms-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes itleftright {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-20px);
  }
}
@keyframes itupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 45px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes section-animation {
  0% {
    width: 0;
  }
  15% {
    width: 100%;
  }
  85% {
    opacity: 1;
  }
  90% {
    width: 100%;
    opacity: 0;
  }
  to {
    width: 0;
    opacity: 0;
  }
}
@keyframes about-sm {
  100% {
    transform: translateY(60px);
  }
  100% {
    transform: translateY(50px);
  }
}
@keyframes hero-thumb-animation {
  0% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes itleftright {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-20px);
    -moz-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    -o-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}
@keyframes itrotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes ittranslateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    -ms-transform: translateY(8px);
    -o-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes RL_smooth {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes slide_up_down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes scale_up_down {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes dash {
  to {
    stroke-dashoffset: 0px;
    stroke-dasharray: 3000;
  }
}
@keyframes itupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -ms-transform: rotate(6deg);
    -o-transform: rotate(6deg);
    transform: rotate(6deg);
  }
  100% {
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    transform: rotate(-6deg);
  }
}
@keyframes 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 borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  50% {
    transform: translatey(-20px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes about-circle {
  0% {
    -webkit-transform: translateX(100px);
    -moz-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes services-triangle {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50px);
    -moz-transform: rotate(0deg) translateX(-50px);
    -ms-transform: rotate(0deg) translateX(-50px);
    -o-transform: rotate(0deg) translateX(-50px);
    transform: rotate(0deg) translateX(-50px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateY(100px);
    -moz-transform: rotate(360deg) translateY(100px);
    -ms-transform: rotate(360deg) translateY(100px);
    -o-transform: rotate(360deg) translateY(100px);
    transform: rotate(360deg) translateY(100px);
  }
}
@keyframes hero-3-dot-2 {
  0% {
    transform: translateY(-50px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes tfLeftToRight {
  49% {
    transform: translateX(60%);
  }
  50% {
    opacity: 0;
    transform: translateX(-60%);
  }
  51% {
    opacity: 1;
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes leftright {
  0% {
    transform: translatex(0);
  }
  50% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes movinglight {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movinglight2 {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(70px);
  }
  50% {
    transform: translatey(70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes movingtop {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translatey(70px);
  }
  50% {
    transform: translatey(-70px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes circle-animation {
  0% {
    right: 0;
  }
  50% {
    right: 100%;
  }
  100% {
    right: 0%;
  }
}
@keyframes circle-animation-2 {
  0% {
    left: 0;
  }
  50% {
    left: 100%;
  }
  100% {
    left: 0%;
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}
@keyframes zoom2 {
  0% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.9);
  }
}
@keyframes wobble-vertical {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-webkit-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes section-highlight {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes widthcalc {
  0% {
    width: 20%;
  }
  50% {
    width: 50%;
  }
  75% {
    width: 90%;
  }
  90% {
    opacity: 75%;
  }
  90% {
    opacity: 100%;
  }
}
/* right bounce */
@keyframes bounceRight {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-35px);
    transform: translateY(-35px);
  }
  60% {
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/* /right bounce */
@keyframes icon-bounce {
  0%, 100%, 20%, 50%, 80% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  60% {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes light-one {
  0% {
    opacity: 1;
  }
  25% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.6;
  }
  75% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scrollText-2 {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes scroll1 {
  0% {
    top: 0px;
    opacity: 1;
  }
  50% {
    top: 50%;
  }
  100% {
    top: 100%;
    opacity: 0.5;
  }
}
@keyframes scroll2 {
  0% {
    opacity: 1;
    bottom: 0px;
  }
  50% {
    bottom: 50%;
  }
  100% {
    bottom: 100%;
    opacity: 0.5;
  }
}
/*--- preloader ---*/
#it-loading {
  background-color: #fff;
  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: 15%;
  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-stroke {
  position: relative;
  width: 100%;
  background: #674DF0;
  height: 3px;
  margin-top: 10px;
}

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

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

.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
/*-----------------------------------------*/
.white-bg {
  background: var(--it-common-white);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.itoffcanvas {
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  z-index: 9999;
  padding: 80px 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  overflow-y: scroll;
  transition: 0.45s ease-in-out;
  background-color: var(--it-common-white);
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
}
.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .itoffcanvas {
    width: 400px;
    padding: 40px;
  }
}
.itoffcanvas.opened {
  right: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.6s;
}
.itoffcanvas__logo {
  margin-bottom: 40px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  color: var(--it-common-black);
  position: absolute;
  right: 20px;
  top: 20px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.5;
  -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), (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
  }
}
.itoffcanvas__close-btn button:hover {
  opacity: 1;
}
.itoffcanvas__content {
  margin-bottom: 30px;
}
.itoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}
.itoffcanvas__text p {
  color: var(--it-common-black);
  font-size: 16px;
}
.itoffcanvas__info {
  border-bottom: 1px solid rgba(59, 56, 56, 0.1803921569);
  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: 700;
}
.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 {
  text-align: left;
}
.itoffcanvas__info-address span {
  display: block;
  color: var(--it-common-black);
  font-size: 16px;
  font-weight: 400;
}
.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);
}

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

.it-breadcrumb-bg {
    padding: 120px 0;
    background-repeat: no-repeat;
    background-size: cover;
    object-fit: cover;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E8E8F4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-bg {
    height: 320px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-bg {
    height: 300px;
  }
}

.it-breadcrumb-title {
  color: var(--it-common-black);
  font-size: 60px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-breadcrumb-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 43px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-content {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-content {
    margin-bottom: 0px;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 30px;
}
.it-breadcrumb-list span {
  color: var(--it-common-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 14px;
  }
}
.it-breadcrumb-list span.dvdr {
  color: var(--it-common-orange);
  font-weight: 500;
  font-size: 16px;
  padding: 0 3px;
}
.it-breadcrumb-shape-1 {
  position: absolute;
  top: 28%;
  left: 2%;
  animation: moving 11s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-shape-1 {
    left: 7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-shape-1 {
    top: 20%;
    left: 11%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-shape-1 {
    display: none;
  }
}
.it-breadcrumb-shape-2 {
  position: absolute;
  bottom: 40%;
  left: 22%;
  animation: ittranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-shape-2 {
    bottom: 24%;
    left: 9%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-shape-2 {
    display: none;
  }
}
.it-breadcrumb-shape-3 {
  position: absolute;
  bottom: 15%;
  right: 30%;
  animation: rotate2 8s linear infinite;
}
@media (max-width: 767px) {
  .it-breadcrumb-shape-3 {
    display: none;
  }
}
.it-breadcrumb-shape-4 {
  position: absolute;
  top: 15%;
  right: 3%;
  animation: rotate2 4s linear infinite;
}
@media (max-width: 767px) {
  .it-breadcrumb-shape-4 {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  margin-bottom: 20px;
  border: 1px solid #E2E1E1;
  border-radius: 5px;
}
.it-custom-accordion .accordion-buttons {
  font-size: 20px;
  font-weight: 600;
  padding: 21px 25px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
  position: relative;
  width: 100%;
  text-align: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 15px;
    padding-right: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    font-size: 17px;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 5 Pro";
  top: 50%;
  right: 30px;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transform: translateY(-50%);
  color: var(--it-common-black);
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  content: "\f067";
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  background-color: var(--it-theme-5);
  color: var(--it-common-white);
}
.it-custom-accordion .accordion-buttons:not(.collapsed)::after {
  color: var(--it-common-white);
}
.it-custom-accordion .collapsed {
  position: relative;
  z-index: 99;
}
.it-custom-accordion .accordion-body {
  padding: 30px 28px;
  position: relative;
  z-index: 1;
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body {
    font-size: 15px;
    padding: 30px 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-body {
    font-size: 14px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-body {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
  }
}

.it-custom-accordion-style-2 .accordion-buttons:not(.collapsed) {
  background-color: var(--it-common-black);
  color: var(--it-common-white);
}
.it-custom-accordion-style-2 .accordion-body p {
  margin-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion-style-2 .accordion-body p {
    margin-right: 0;
  }
}

.it-custom-accordion-style-3 .accordion-buttons:not(.collapsed) {
  background-color: var(--it-theme-5);
  color: var(--it-common-white);
}
.it-custom-accordion-style-3 .accordion-body p {
  margin-right: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion-style-3 .accordion-body p {
    margin-right: 0;
  }
}
.it-custom-accordion-style-3.inner-style .accordion-buttons:not(.collapsed) {
  background-color: var(--it-common-purple-3);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-style-5 .it-custom-accordion .accordion-body p {
    font-size: 14px;
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  .it-faq-style-5 .it-custom-accordion .accordion-body p {
    font-size: 14px;
    padding-right: 0px;
  }
}

.ed-faq-style-2 .accordion-buttons:not(.collapsed) {
  background-color: var(--it-common-orange-3);
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 55%;
  z-index: 9999999;
  background-color: var(--it-common-black);
  -webkit-transform: translateY(calc(-100% - 80px));
  -moz-transform: translateY(calc(-100% - 80px));
  -ms-transform: translateY(calc(-100% - 80px));
  -o-transform: translateY(calc(-100% - 80px));
  transform: translateY(calc(-100% - 80px));
  -webkit-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  -moz-transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition: transform 0.6s ease-in-out, opacity 0.6s ease-in-out;
  transition-delay: 0.7s;
}
.search__popup.search-opened {
  -webkit-transform: translateY(0%);
  -moz-transform: translateY(0%);
  -ms-transform: translateY(0%);
  -o-transform: translateY(0%);
  transform: translateY(0%);
  transition-delay: 0s;
}
.search__popup.search-opened .search__input {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.3s;
}
.search__popup.search-opened .search__input::after {
  width: 100%;
  transition-delay: 0.5s;
}
.search__popup-2 {
  background-color: var(--it-common-black-13);
}
.search__popup-2 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-8);
}
.search__popup-3 .search__input .search-input-field ~ .search-focus-border {
  background-color: var(--it-theme-10);
}
.search__top {
  margin-bottom: 80px;
}
.search__input {
  position: relative;
  height: 80px;
  transition-delay: 0.5s;
  opacity: 0;
}
.search__input::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3);
  transition-delay: 0.3s;
}
.search__input input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0;
  outline: 0;
  font-size: 24px;
  color: var(--it-common-white);
  border-bottom: 1px solid transparent;
  padding: 0;
  padding-right: 30px;
}
.search__input input::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
  font-size: 24px;
}
.search__input button {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: var(--it-common-white);
}
.search__input .search-input-field ~ .search-focus-border {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  width: 0;
  height: 1px;
  background-color: var(--it-common-orange);
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}
.search__input .search-input-field:focus ~ .search-focus-border {
  width: 100%;
  left: 0;
  right: auto;
  -webkit-transition: all 0.5s ease-out 0s;
  -moz-transition: all 0.5s ease-out 0s;
  -ms-transition: all 0.5s ease-out 0s;
  -o-transition: all 0.5s ease-out 0s;
  transition: all 0.5s ease-out 0s;
}

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

.ed-section-subtitle {
  color: var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 22px;
  display: inline-block;
  margin-bottom: 25px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: #E9E2FF;
}
@media (max-width: 767px) {
  .ed-section-subtitle {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
  }
}

@media (max-width: 767px) {
  .ed-title-shape {
    display: none;
  }
}
.ed-title-shape svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.it-section-subtitle-2 {
  color: var(--it-theme-4);
  font-size: 14px;
  font-weight: 400;
  height: 32px;
  line-height: 32px;
  padding: 0 22px;
  display: inline-block;
  margin-bottom: 25px;
  text-transform: uppercase;
  border-radius: 5px;
  background-color: rgba(0, 175, 239, 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-section-subtitle-2 {
    font-size: 12px;
    height: 28px;
    line-height: 28px;
    padding: 0 17px;
  }
}
.it-section-subtitle-2.white-bg {
  background-color: var(--it-common-white);
}

.it-section-subtitle-3 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--it-theme-2);
  margin-bottom: 20px;
  display: inline-block;
}

.it-section-subtitle-4 {
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--it-theme-3);
  margin-bottom: 10px;
  display: inline-block;
}
.it-section-subtitle-4 img {
  margin-right: 5px;
}

.it-section-subtitle-5 {
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  color: var(--it-theme-4);
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  display: inline-block;
}
.it-section-subtitle-5 img {
  margin-right: 5px;
}
.it-section-subtitle-5.yellow {
  color: var(--it-common-yellow);
}
.it-section-subtitle-5.sky {
  color: var(--it-theme-3);
}
.it-section-subtitle-5.purple {
  color: var(--it-theme-4);
}
.it-section-subtitle-5.orange {
  color: var(--it-theme-7);
}
.it-section-subtitle-5.teal {
  color: #22A3D1;
}
.it-section-subtitle-5 i {
  margin-right: 5px;
  margin-left: 5px;
}

.ed-section-title {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 0;
  line-height: 1.3;
}
.ed-section-title.orange span {
  color: var(--it-theme-7);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-section-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-section-title {
    font-size: 33px;
  }
  .ed-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ed-section-title {
    font-size: 27px;
  }
  .ed-section-title br {
    display: none;
  }
}

.it-section-title-3 {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.1;
  font-family: var(--it-ff-poppins);
  margin-bottom: 0;
}
.it-section-title-3 span {
  color: var(--it-theme-2);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-section-title-3 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-3 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-3 {
    font-size: 34px;
  }
  .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;
  }
}

.it-section-title-5 {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.2;
  margin-bottom: 0;
}
.it-section-title-5 span {
  color: var(--it-theme-4);
}
.it-section-title-5.yellow span {
  color: var(--it-common-yellow);
}
.it-section-title-5.orange span {
  color: var(--it-common-orange-3);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-section-title-5 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-section-title-5 {
    font-size: 42px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-5 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-5 {
    font-size: 36px;
  }
  .it-section-title-5 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-5 {
    font-size: 27px;
  }
  .it-section-title-5 br {
    display: none;
  }
}

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

.ed-header-top-height {
  height: 50px;
  line-height: 50px;
}
.ed-header-top-left ul li {
  position: relative;
  list-style-type: none;
  display: inline-block;
  padding-right: 20px;
  margin-right: 20px;
  line-height: 1;
}
@media (max-width: 767px) {
  .ed-header-top-left ul li {
    padding-right: 0px;
    margin-right: 0px;
  }
}
.ed-header-top-left ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  height: 24px;
  width: 1px;
  background-color: rgba(255, 255, 255, 0.21);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-top-left ul li:not(:last-child)::after {
    display: none;
  }
}
.ed-header-top-left ul li a {
  margin-left: 30px;
  font-size: 17px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-top-left ul li a {
    font-size: 15px;
  }
}
.ed-header-top-left ul li i {
  position: absolute;
  top: 0;
  left: 0;
}
.ed-header-top-social {
  display: inline-block;
  padding: 0 27px;
  background-color: var(--it-common-yellow);
}
.ed-header-top-social a {
  display: inline-block;
  margin: 0 10px;
}
.ed-header-top-social a svg, .ed-header-top-social a i {
  color: var(--it-common-black-3);
  transition: 0.3s;
}
.ed-header-top-social a svg:hover, .ed-header-top-social a i:hover {
  color: var(--it-theme-1);
}
.ed-header-top-login a {
  font-weight: 400;
  font-size: 15px;
  color: var(--it-common-white);
  margin-right: 35px;
  padding-right: 30px;
  position: relative;
  transition: 0.3s;
}
.ed-header-top-login a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 1px;
  height: 25px;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
}
.ed-header-top-login a:hover {
  color: var(--it-theme-2);
}
.ed-header-top-login a i {
  color: var(--it-theme-2);
  display: inline-block;
  margin-right: 5px;
}
.ed-header-top-style-2 .ed-header-top-left ul li i {
  top: -2px;
}
.ed-header-top-style-2 .ed-header-top-left ul li::after {
  display: none;
}
.ed-header-top-style-2 .ed-header-top-left ul li:hover a {
  color: var(--it-theme-2);
}
.ed-header-top-style-2 .ed-header-top-social {
  padding: 0;
  background-color: transparent;
}
.ed-header-top-style-2 .ed-header-top-social a {
  display: inline-block;
  margin: 0 10px;
}
.ed-header-top-style-2 .ed-header-top-social a svg, .ed-header-top-style-2 .ed-header-top-social a i {
  color: var(--it-common-white);
}
.ed-header-top-style-2 .ed-header-top-social a svg:hover, .ed-header-top-style-2 .ed-header-top-social a i:hover {
  color: var(--it-theme-2);
}
.ed-header-top-style-2 .ed-header-top-social a:last-child {
  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) {
  .ed-header-ptb {
    padding: 15px 0;
  }
}
.ed-header-main-menu {
  margin-left: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-main-menu {
    margin-left: 35px;
  }
}
.ed-header-main-menu nav ul li {
  display: inline-block;
  list-style-type: none;
  position: relative;
  padding: 0 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-main-menu nav ul li {
    padding: 0 5px;
  }
}
.ed-header-main-menu nav ul li > a {
  color: var(--it-common-black);
  text-transform: capitalize;
  display: inline-block;
  line-height: 1;
  transition: 0.3s;
  padding: 34px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-main-menu nav ul li > a {
    font-size: 15px;
  }
}
.ed-header-main-menu nav ul li > a span {
  padding: 4px 9px;
  border: 0.5px solid transparent;
  border-radius: 100px;
  transition: 0.3s;
}
.ed-header-main-menu nav ul li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  text-align: left;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  border-top: 4px solid var(--it-theme-1);
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9999;
}
.it-main-menu nav ul li.menu-last > .submenu {
    left: auto;
    right: 0%;
}
.ed-header-main-menu nav ul li > .submenu li {
  margin: 0;
  display: block;
  margin-bottom: 5px;
}
.ed-header-main-menu nav ul li > .submenu li:last-child {
  margin-bottom: 0;
}
.ed-header-main-menu nav ul li > .submenu li > a {
  display: inline-block;
  padding: 0;
  color: var(--it-common-black);
  transition: 0.3s;
  position: relative;
  border: none;
}
.ed-header-main-menu nav ul li > .submenu li > a::before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-common-black);
}
.ed-header-main-menu nav ul li > .submenu li > a:hover {
  padding-left: 25px;
}
.ed-header-main-menu nav ul li > .submenu li > a:hover::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.ed-header-main-menu nav ul li:hover > a {
  color: var(--it-theme-1);
}
.ed-header-main-menu nav ul > li:hover > a span {
  border: 0.5px solid var(--it-theme-1);
}


.ed-header-main-menu .submenu li:hover a span {
  border: transparent ;
}

.ed-header-main-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}

.ed-header-2-main-menu {
  margin-left: -55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-2-main-menu {
    margin-left: 0px;
    margin-right: -55px;
  }
}
.ed-header-2-main-menu nav ul li {
  display: inline-block;
  list-style-type: none;
  margin: 0 20px;
  position: relative;
}
.ed-header-2-main-menu nav ul li > a {
  color: var(--it-common-black);
  text-transform: capitalize;
  display: inline-block;
  line-height: 1;
  transition: 0.3s;
  padding: 34px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-2-main-menu nav ul li > a {
    font-size: 15px;
  }
}
.ed-header-2-main-menu nav ul li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  text-align: left;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  border-top: 4px solid var(--it-theme-2);
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9999;
}
.ed-header-2-main-menu nav ul li > .submenu li {
  margin: 0;
  display: block;
  margin-bottom: 5px;
}
.ed-header-2-main-menu nav ul li > .submenu li:last-child {
  margin-bottom: 0;
}
.ed-header-2-main-menu nav ul li > .submenu li a {
  display: inline-block;
  padding: 0;
  color: var(--it-common-black);
  transition: 0.3s;
  position: relative;
  border: none;
}
.ed-header-2-main-menu nav ul li > .submenu li a::before {
  position: absolute;
  top: 15px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  background-color: var(--it-common-black);
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.ed-header-2-main-menu nav ul li > .submenu li a:hover {
  padding-left: 25px;
}
.ed-header-2-main-menu nav ul li > .submenu li a:hover::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.ed-header-2-main-menu nav ul li:hover > a {
  color: var(--it-theme-2);
}
.ed-header-2-main-menu nav ul li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.ed-header-2-main-menu .it-btn-white-sm {
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
}
.ed-header-2-main-menu .it-btn-white-sm:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
.ed-header-2-search button {
  border-radius: 10px;
  width: 55px;
  height: 55px;
  line-height: 52px;
  display: inline-block;
  margin-right: 30px;
  background-color: var(--it-common-white);
}
.ed-header-2-search button svg {
  color: var(--it-common-black);
}

.ed-header-3-wrapper {
  position: relative;
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-3-wrapper {
    padding: 10px 20px;
  }
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li > .submenu {
  border-top: 4px solid var(--it-theme-3);
}
.ed-header-3-wrapper .ed-header-2-main-menu .it-btn-white-sm {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-header-3-wrapper .ed-header-2-main-menu .it-btn-white-sm:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
.ed-header-3-wrapper::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: calc(100% - 35px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: rgba(255, 255, 255, 0.15);
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-3-wrapper::after {
    width: 100%;
  }
}
.ed-header-3-wrapper .ed-header-2-main-menu {
  margin-left: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-3-wrapper .ed-header-2-main-menu {
    margin-left: -55px;
  }
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li {
  margin: 0px 20px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-3-wrapper .ed-header-2-main-menu nav ul li {
    margin: 0px 13px;
  }
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li > a {
  font-weight: 400;
  padding: 30px 0;
  color: var(--it-common-white);
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li > .submenu {
  top: 100%;
  background-color: var(--it-common-white);
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li > .submenu li > a {
  color: var(--it-common-black);
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li > .submenu li > a::before {
  background-color: var(--it-common-black);
}
.ed-header-3-wrapper .ed-header-2-main-menu nav ul li:hover > a {
  color: var(--it-theme-3);
}
.ed-header-3-right {
  margin-left: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-3-right {
    margin-left: -80px;
  }
}
.ed-header-3-shop a {
  margin-right: 27px;
  position: relative;
  width: 52px;
  height: 52px;
  text-align: center;
  line-height: 43px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.3);
  transition: 0.3s;
}
.ed-header-3-shop a span {
  font-size: 24px;
  color: #fff;
  transition: 0.3s;
}
.ed-header-3-shop a::after {
  position: absolute;
  width: 8px;
  height: 8px;
  top: 8px;
  left: 0;
  content: "";
  border-radius: 50%;
  background-color: var(--it-theme-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-header-3-button {
    margin: 10px 0;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-3-button {
    margin: 10px 0;
  }
}
.ed-header-3-button button svg {
  color: var(--it-common-white);
}
.ed-header-3-bar button svg {
  color: var(--it-common-white);
}

.ed-header-top-5-bg {
  background-color: #E8E8F4;
  height: 50px;
  line-height: 50px;
  position: relative;
  z-index: 2;
}
.ed-header-top-5-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 17%;
  background-color: #7768E5;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ed-header-top-5-bg::after {
    width: 13%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-header-top-5-bg::after {
    width: 14%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-top-5-bg::after {
    width: 17%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-top-5-bg::after {
    display: none;
  }
}
.ed-header-top-5-social a {
  margin: 0 10px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.ed-header-top-5-social a:hover {
  color: var(--it-common-orange);
}
.ed-header-top-5-social a:first-child {
  margin-left: 0;
}
.ed-header-top-5-contact {
  margin-left: -11px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-header-top-5-contact {
    margin-left: 0;
  }
}
.ed-header-top-5-contact ul li {
  list-style: none;
  display: inline-block;
  position: relative;
  padding-left: 32px;
}
.ed-header-top-5-contact ul li:not(:last-child) {
  margin-right: 45px;
}
.ed-header-top-5-contact ul li a {
  font-weight: 400;
  font-size: 15px;
  color: var(--it-common-black);
  transition: 0.3s;
}
.ed-header-top-5-contact ul li a:hover {
  color: var(--it-common-purple-3);
}
.ed-header-top-5-contact ul li i {
  position: absolute;
  top: 0;
  left: 0;
}
.ed-header-top-5-right ul li {
  list-style-type: none;
  display: inline-block;
  margin: 0 15px;
  position: relative;
  line-height: 1;
}
.ed-header-top-5-right ul li:last-child {
  padding-left: 30px;
  margin-right: 0;
  border-left: 1px solid var(--it-common-black);
}
.ed-header-top-5-right ul li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  transition: 0.3s;
}
.ed-header-top-5-right ul li a:hover {
  color: var(--it-common-purple-3);
}

.ed-header-5-main-menu {
  margin-right: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-5-main-menu {
    margin-right: 0px;
  }
}
.ed-header-5-main-menu.it-main-menu nav ul li .has-home-img {
  left: auto;
  right: 0;
}
.ed-header-5-main-menu.it-main-menu nav ul li .it-mega-menu {
  left: auto;
  right: 0;
}
.ed-header-5-main-menu nav ul > li {
  display: inline-block;
  list-style-type: none;
  margin: 0px 27px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-5-main-menu nav ul > li {
    margin: 0px 17px;
  }
}
.ed-header-5-main-menu nav ul > li > a {
  transition: 0.3s;
  font-size: 17px;
  color: var(--it-common-black);
  text-transform: capitalize;
  padding: 34px 0;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-5-main-menu nav ul > li > a {
    font-size: 15px;
  }
}
.ed-header-5-main-menu nav ul > li.menu-item-has-children::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 16px;
  margin-left: 5px;
  font-weight: 400;
  transition: 0.3s;
  transform: translateY(1px);
  color: var(--it-common-black);
}
.ed-header-5-main-menu nav ul > li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  text-align: left;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  border-top: 4px solid var(--it-theme-1);
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9999;
}
.ed-header-5-main-menu nav ul > li > .submenu li {
  margin: 0;
  display: block;
  margin-bottom: 5px;
}
.ed-header-5-main-menu nav ul > li > .submenu li:last-child {
  margin-bottom: 0;
}
.ed-header-5-main-menu nav ul > li > .submenu li a {
  display: inline-block;
  padding: 0;
  color: var(--it-common-black);
  transition: 0.3s;
  position: relative;
  line-height: 1;
}
.ed-header-5-main-menu nav ul > li > .submenu li a::before {
  position: absolute;
  top: 8px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  background-color: var(--it-common-black);
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
}
.ed-header-5-main-menu nav ul > li > .submenu li a:hover {
  padding-left: 25px;
}
.ed-header-5-main-menu nav ul > li > .submenu li a:hover::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.ed-header-5-main-menu nav ul > li:hover.menu-item-has-children::after {
  transform: rotate(-180deg);
  color: var(--it-common-purple-3);
}
.ed-header-5-main-menu nav ul > li:hover > a {
  color: var(--it-common-purple-3);
}
.ed-header-5-main-menu nav ul > li:hover > .submenu {
  opacity: 1;
  visibility: visible;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}
.ed-header-5-search {
  margin-right: 22px;
}
@media (max-width: 767px) {
  .ed-header-5-bar {
    margin-right: 0;
  }
}

.ed-header-4-top-right {
  display: inline-block;
  padding: 7px 0;
  padding-right: 0px;
  padding-left: 0px;
  padding-left: 15px;
  padding-right: 50px;
  background-color: #FF9E0E;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-header-4-top-right {
    margin-left: -30px;
  }
}
.ed-header-4-top-right::after {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  width: 4px;
  background-color: var(--it-theme-5);
}
.ed-header-4-top-right ul {
  list-style: none;
  display: inline-block;
}
.ed-header-4-top-right ul li {
  display: inline-block;
}
.ed-header-4-top-right ul li:not(:last-child) {
  margin-right: 30px;
}
.ed-header-4-lang {
  position: relative;
}
.ed-header-4-lang.open ul li a span svg {
  transform: rotate(-180deg);
}
.ed-header-4-lang.open .ed-header-4-lang-submenu {
  opacity: 1;
  visibility: visible;
  top: 104%;
}
.ed-header-4-lang > ul > li {
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  width: 115px;
  height: 36px;
  text-align: center;
  color: var(--it-common-white);
}
.ed-header-4-lang > ul > li a span {
  margin-left: 5px;
}
.ed-header-4-lang > ul > li a span svg {
  display: inline-block;
  transition: 0.3s;
}
.ed-header-4-lang > ul > li > ul.ed-header-4-lang-submenu {
  position: absolute;
  top: 130%;
  left: 0px;
  z-index: 9;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
  visibility: hidden;
  background-color: var(--it-common-black);
  padding: 12px 22px;
  box-shadow: 0 30px 70px 6px rgba(11, 6, 70, 0.08);
  width: 100%;
}
.ed-header-4-lang > ul > li > ul.ed-header-4-lang-submenu > li {
  list-style-type: none;
  padding-bottom: 5px;
}
.ed-header-4-lang > ul > li > ul.ed-header-4-lang-submenu > li a {
  border-radius: 0;
  transition: 0.3s;
}
.ed-header-4-lang > ul > li > ul.ed-header-4-lang-submenu > li a:hover {
  color: var(--tp-theme-1);
}
.ed-header-4-lang > ul > li > ul.ed-header-4-lang-submenu > li:last-child {
  margin-bottom: 0;
}
.ed-header-4-top-social {
  display: inline-block;
  position: relative;
}
.ed-header-4-top-social::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -23px;
  height: 25px;
  width: 1px;
  background-color: var(--it-common-white);
  opacity: 0.2;
  transform: translateY(-50%);
}
.ed-header-4-top-social a {
  font-size: 15px;
  transition: 0.3s;
  margin: 0 7px;
  position: relative;
  display: inline-block;
  color: var(--it-common-white);
}
.ed-header-4-top-social a:hover {
  color: var(--it-common-black);
}
.ed-header-4-wrap .ed-header-5-main-menu {
  margin-left: 40px;
}
.ed-header-4-wrap .ed-header-5-main-menu .it-btn-white-sm {
  color: var(--it-common-white);
  background-color: var(--it-theme-7);
}
.ed-header-4-wrap .ed-header-5-main-menu .it-btn-white-sm:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-4-wrap .ed-header-5-main-menu {
    margin-left: 0;
  }
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li {
  margin: 0px 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li {
    margin: 0px 17px;
  }
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li:hover.menu-item-has-children::after {
  transform: rotate(-180deg);
  color: var(--it-theme-7);
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li:hover > a {
  color: var(--it-theme-7);
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li > .submenu {
  border-top: 4px solid var(--it-theme-7);
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li > .submenu > li > a {
  color: var(--it-common-black);
}
.ed-header-4-wrap .ed-header-5-main-menu > nav > ul > li > .submenu > li > a::before {
  background-color: var(--it-common-black);
}
.ed-header-4-user {
  margin-right: 30px;
}
.ed-header-4-user a {
  font-size: 28px;
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 999;
  visibility: visible;
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky.ed-header-3-style {
  background-color: var(--it-common-black);
}
.header-sticky .ed-header-3-wrapper::after {
  display: none;
}
.header-sticky .ed-header-5-main-menu nav > ul > li > a {
  padding: 20px 0;
}
.header-sticky .ed-header-main-menu nav > ul > li > a {
  padding: 26px 0;
}
.header-sticky .ed-header-2-main-menu nav > ul > li > a {
  padding: 26px 0;
}
.header-sticky .ed-header-4-wrap {
  border-bottom: 4px solid transparent;
}

.ed-header-main-menu nav ul li.current-menu-item > a {
  color: var(--it-theme-1);
}
.ed-header-main-menu nav ul li.current-menu-item > a span {
  border-color: var(--it-theme-1);
}

.ed-header-2-main-menu nav ul li.current-menu-item > a {
  color: var(--it-theme-2);
}

.ed-header-3-wrapper .ed-header-2-main-menu nav ul li.current-menu-item > a {
  color: var(--it-theme-3);
}

.ed-header-4-wrap .ed-header-5-main-menu nav ul > li.current-menu-item > a {
  color: var(--it-theme-7);
}

.ed-header-4-wrap .ed-header-5-main-menu nav ul > li.current-menu-item.menu-item-has-children::after {
  color: var(--it-theme-7);
}

.ed-header-5-main-menu nav ul > li.current-menu-item > a {
  color: var(--it-common-purple-3);
}

.ed-header-5-main-menu nav ul > li.current-menu-item.menu-item-has-children::after {
  color: var(--it-common-purple-3);
}

/*----------------------------------------*/
/*  27. slider css start
/*----------------------------------------*/
.ed-slider-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
.ed-slider-content {
  padding: 197px 0;
  padding: 160px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-content {
    padding: 120px 0;
  }
}
.ed-slider-content p {
  font-size: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .ed-slider-content p br {
    display: none;
  }
}
.ed-slider-subtitle {
  font-size: 17px;
  text-transform: uppercase;
  color: var(--it-theme-1);
  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) {
  .ed-slider-subtitle {
    font-size: 15px;
  }
}
.ed-slider-title {
  font-weight: 700;
  font-size: 60px;
  text-transform: capitalize;
  color: var(--it-common-black-3);
  line-height: 1.2;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-slider-title {
    font-size: 54px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-title {
    font-size: 48px;
  }
  .ed-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-slider-title {
    font-size: 55px;
  }
  .ed-slider-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ed-slider-title {
    font-size: 35px;
  }
  .ed-slider-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-slider-title {
    font-size: 52px;
  }
}
.ed-slider-title i {
  font-style: normal;
  color: var(--it-common-yellow);
}
.ed-slider-thumb {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
.elementor-widget-container .ed-slider-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ed-slider-thumb {
    width: 44%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-slider-thumb {
    width: 48%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-thumb {
    width: 48%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-thumb {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-thumb {
    position: static;
  }
}
.ed-slider-instructor-box {
  position: absolute;
  bottom: 14%;
  right: 31%;
  z-index: 1;
  display: inline-block;
  border-radius: 10px;
  padding: 36px 40px;
  padding-right: 65px;
  background-color: var(--it-common-white);
  box-shadow: 0 0 20px 0 rgba(2, 52, 117, 0.15);
  animation: ittranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-instructor-box {
    padding: 10px 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-instructor-box > div {
    transform: scale(0.7);
  }
}
.ed-slider-instructor-box span {
  font-size: 30px;
  display: block;
  margin-bottom: 20px;
  color: var(--it-common-black-3);
}
.ed-slider-instructor-box span i {
  font-weight: 500;
  font-style: normal;
  color: var(--it-theme-1);
}
.ed-slider-shape-1 {
  position: absolute;
  top: 22%;
  left: -8%;
  z-index: -1;
  animation: zoom2 4s infinite;
}
.ed-slider-shape-2 {
  position: absolute;
  bottom: 16%;
  left: 29%;
  display: none !important;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ed-slider-shape-2 {
    left: 24%;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-slider-shape-2 {
    left: 18%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-shape-2 {
    left: 18%;
    transform: scale(0.6);
  }
}

.ed-slider-2-area {
  line-height: 0;
}
.ed-slider-2-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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;
}
.ed-slider-2-subtitle div {
  display: block;
  overflow: hidden;
}
.ed-slider-2-subtitle div span {
  font-weight: 400;
  font-size: 17px;
  display: block;
  margin-bottom: 10px;
  color: var(--it-theme-3);
  position: relative;
  display: block;
  line-height: 1;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
.ed-slider-2-content {
  padding-top: 327px;
  padding-bottom: 235px;
  padding-left: 65px;
  position: relative;
  z-index: 4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-slider-2-content {
    padding-top: 270px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-2-content {
    padding-top: 270px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-2-content {
    padding-top: 250px;
    padding-bottom: 170px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-slider-2-content {
    padding-top: 220px;
    padding-bottom: 170px;
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .ed-slider-2-content {
    padding-top: 210px;
    padding-bottom: 140px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-2-content p br {
    display: none;
  }
}
.ed-slider-2-content .ed-slider-title {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-2-content .ed-slider-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-slider-2-content .ed-slider-title {
    font-size: 57px;
  }
}
.ed-slider-2-content .ed-slider-title i {
  font-style: normal;
  color: var(--it-theme-3);
}
.ed-slider-2-content .ed-slider-title div {
  display: block;
  overflow: hidden;
}
.ed-slider-2-content .ed-slider-title div span {
  position: relative;
  display: block;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
.ed-slider-2-overley::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(90deg, #000d3a 0%, rgba(0, 13, 58, 0.2) 100%);
}
.ed-slider-2-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-2-shape-1 {
    display: none;
  }
}
.ed-slider-2-shape-2 {
  position: absolute;
  bottom: 6%;
  left: 12%;
  z-index: 2;
}
.ed-slider-2-arrow-box {
  position: absolute;
  top: 50%;
  right: 16%;
  display: flex;
  flex-direction: column;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-2-arrow-box {
    right: 8%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-2-arrow-box {
    display: none;
  }
}
.ed-slider-2-arrow-box button {
  font-size: 24px;
  height: 62px;
  line-height: 56px;
  width: 62px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-white);
  border: 2px solid var(--it-common-white);
}
.ed-slider-2-arrow-box button.slider-prev {
  display: inline-block;
  transform: translateX(-50px);
}
.ed-slider-2-arrow-box button:hover {
  color: var(--it-common-white);
  border: 2px solid var(--it-theme-3);
  background-color: var(--it-theme-3);
}
.ed-slider-2-box .swiper-slide.swiper-slide-active .ed-slider-2-thumb {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.ed-slider-2-text div {
  display: block;
  overflow: hidden;
}
.ed-slider-2-text div p {
  position: relative;
  display: block;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
.ed-slider-2-button div {
  display: inline-block;
  overflow: hidden;
}
.ed-slider-2-button div a {
  position: relative;
  display: inline-block;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
.ed-slider-2-box .swiper-slide.swiper-slide-active .ed-slider-title div span {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.ed-slider-2-box .swiper-slide.swiper-slide-active .ed-slider-2-subtitle div span {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.ed-slider-2-box .swiper-slide.swiper-slide-active .ed-slider-2-text div p {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.ed-slider-2-box .swiper-slide.swiper-slide-active .ed-slider-2-button div a {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.ed-slider-3-bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -2;
  background-size: cover;
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-position: center;
  -webkit-transform: scale(1);
  transform: scale(1);
  -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;
}
.ed-slider-3-height {
  height: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-slider-3-height {
    height: 720px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-slider-3-height {
    height: 650px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-slider-3-height {
    height: 650px;
  }
}
@media (max-width: 767px) {
  .ed-slider-3-height {
    height: 680px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-slider-3-height {
    height: 720px;
  }
}
@media (max-width: 767px) {
  .ed-slider-3-height .ed-slider-title br {
    display: none;
  }
}
.ed-slider-3-height .ed-slider-title div {
  display: block;
  overflow: hidden;
}
.ed-slider-3-height .ed-slider-title div span {
  position: relative;
  display: block;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
  color: var(--it-common-white);
}
.ed-slider-3-overley {
  position: relative;
}
.ed-slider-3-overley::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.3) 63.6%, rgba(18, 18, 18, 0) 100%);
}
.ed-slider-3-video span {
  height: 54px;
  width: 54px;
  line-height: 54px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  color: var(--it-theme-2);
  margin-right: 15px;
  position: relative;
  display: inline-block;
}
.ed-slider-3-video span i {
  display: inline-block;
  padding-left: 3px;
}
.ed-slider-3-video a {
  color: var(--it-common-white);
  text-decoration: underline;
}
.ed-slider-3-text {
  margin-bottom: 30px;
}
.ed-slider-3-text div {
  display: block;
  overflow: hidden;
}
.ed-slider-3-text div p {
  position: relative;
  display: block;
  opacity: 0;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-slider-3-text div p {
    font-size: 15px;
  }
  .ed-slider-3-text div p br {
    display: none;
  }
}
.ed-slider-3-button-wrapper {
  line-height: 0;
  overflow: hidden;
}
.ed-slider-3-button {
  opacity: 0;
  overflow: hidden;
  transform: translateY(200px);
  -webkit-transform: translateY(200px);
  transition: 1.5s;
}
@media (max-width: 767px) {
  .ed-slider-3-button {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-slider-3-button {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .ed-slider-3-button .ed-btn-square {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-slider-3-button .ed-btn-square {
    margin-bottom: 0px;
  }
}
.ed-slider-3-wrapper .swiper-slide.swiper-slide-active .ed-slider-3-bg {
  -webkit-transform: scale(1.35);
  transform: scale(1.35);
}
.ed-slider-3-wrapper .swiper-slide.swiper-slide-active .ed-slider-title div span {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.ed-slider-3-wrapper .swiper-slide.swiper-slide-active .ed-slider-3-text div p {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}
.ed-slider-3-wrapper .swiper-slide.swiper-slide-active .ed-slider-3-button {
  opacity: 1;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
}

.line_wrap {
  top: 0;
  left: -10%;
  bottom: 0px;
  width: 100%;
  z-index: 1;
  display: block;
  position: absolute;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
}

.line_wrap:before {
  width: 1px;
  left: -1px;
  content: "";
  height: 100px;
  position: absolute;
  animation: scroll1 15s ease-out infinite;
  background-image: linear-gradient(0deg, #000000, transparent);
}

.line_wrap .line_item {
  width: 20%;
  float: left;
  height: 100%;
  position: relative;
  display: inline-block;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  z-index: 9;
}

.line_wrap .line_item:before {
  width: 6px;
  right: -3px;
  content: "";
  height: 6px;
  border-radius: 50%;
  position: absolute;
  background-color: #1B5966;
}

.line_wrap .line_item:nth-child(odd):before {
  animation: scroll2 15s ease-out infinite;
  /*! background-image: linear-gradient(0deg, transparent, #000000); */
}

.line_wrap .line_item:nth-child(even):before {
  animation: scroll1 9s ease-out infinite;
  background-image: linear-gradient(0deg, #000000, transparent);
}

.line_wrap .line_item:last-child:before {
  animation: scroll1 12s ease-out infinite;
  background-image: linear-gradient(0deg, #000000, transparent);
}

.line_wrap.line_white {
  border-left: 1px solid rgba(255, 255, 255, 0.07);
}

.line_wrap.line_white:before {
  background-image: linear-gradient(0deg, #ffffff, transparent);
}

.line_wrap.line_white .line_item {
  border-right: 1px solid rgba(255, 255, 255, 0.07);
}

.line_wrap.line_white .line_item:nth-child(odd):before {
  background-image: linear-gradient(0deg, transparent, #ffffff);
}

.line_wrap.line_white .line_item:nth-child(even):before {
  background-image: linear-gradient(0deg, #ffffff, transparent);
}

.hover-anim {
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 96%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  display: inline;
}
.hover-anim:hover {
  background-size: 0 1px, 100% 1px;
}

.hover-anim-2 {
  background-image: linear-gradient(#0E2A46, #0E2A46), linear-gradient(#0E2A46, #0E2A46);
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 96%;
  background-repeat: no-repeat;
  transition: background-size 0.4s linear;
  display: inline;
}
.hover-anim-2:hover {
  background-size: 0 1px, 100% 1px;
}

.ed-slider-3-wrapper .ed-slider-2-arrow-box button:hover {
  background-color: var(--it-common-orange);
  border: 1px solid var(--it-common-orange);
}

/*----------------------------------------*/
/*  22. hero css start
/*----------------------------------------*/
.ed-hero-bg {
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 190px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-bg {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-bg {
    padding-top: 230px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-bg .ed-slider-title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .ed-hero-bg .ed-slider-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-hero-bg .ed-slider-title {
    font-size: 47px;
  }
}
.ed-hero-subtitle {
  color: var(--it-theme-3);
  font-weight: 400;
  font-size: 14px;
  border-radius: 5px;
  padding: 4px 15px;
  display: inline-block;
  margin-bottom: 23px;
  background-color: rgba(47, 199, 161, 0.15);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-hero-content {
    margin-bottom: 70px;
  }
}
.ed-hero-content > span {
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-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) {
  .ed-hero-content > span {
    font-size: 17px;
  }
}
.ed-hero-search {
  width: 485px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-search {
    width: 80%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-search {
    width: 60%;
  }
}
@media (max-width: 767px) {
  .ed-hero-search {
    width: 90%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-hero-search {
    width: 70%;
  }
}
.ed-hero-search input {
  height: 58px;
  line-height: 58px;
  border-radius: 40px;
  font-size: 15px;
  padding-right: 70px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-search input {
    height: 48px;
    line-height: 48px;
  }
}
@media (max-width: 767px) {
  .ed-hero-search input {
    font-size: 12px;
  }
}
.ed-hero-search span, .ed-hero-search button {
  position: absolute;
  top: 0;
  right: 0;
  width: 58px;
  height: 58px;
  line-height: 58px;
  border-radius: 50%;
  text-align: center;
  background-color: var(--it-theme-3);
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-search span {
    width: 48px;
    height: 48px;
    line-height: 48px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-thumb-wrap {
    transform: scale(0.93);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-thumb-wrap {
    transform: scale(0.8);
  }
}
.ed-hero-thumb-main {
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-thumb-main {
    transform: translateX(40px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-thumb-main {
    transform: translateX(60px);
  }
}
.ed-hero-thumb-main img {
  border-radius: 100px;
}
.ed-hero-thumb-sm {
  position: absolute;
  top: 36%;
  left: 8%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-thumb-sm {
    left: -3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-thumb-sm {
    left: -18%;
  }
}
@media (max-width: 767px) {
  .ed-hero-thumb-sm {
    margin-top: 40px;
    position: static;
  }
}
.ed-hero-thumb-sm img {
  border-radius: 100px;
}
.ed-hero-thumb-shape-1 {
  position: absolute;
  top: 7px;
  left: -7px;
  z-index: -1;
}
@media (max-width: 767px) {
  .ed-hero-thumb-shape-1 {
    display: none;
  }
}
.ed-hero-thumb-shape-2 {
  position: absolute;
  top: 5%;
  right: -12%;
  z-index: -1;
  animation: zoom 7s infinite;
}
.ed-hero-thumb-shape-3 {
  position: absolute;
  top: 31%;
  left: 6%;
  z-index: -1;
  animation: moving 9s linear infinite;
}
.ed-hero-thumb-shape-4 {
  position: absolute;
  bottom: -4%;
  right: 5%;
  z-index: -1;
  animation: moving 14s linear infinite;
}
.ed-hero-thumb-student {
  position: absolute;
  top: 8%;
  left: 5%;
  border-radius: 1000px;
  padding: 15px 40px;
  display: inline-block;
  box-shadow: 0 0 20px 0 rgba(2, 52, 117, 0.15);
  background: #fff;
  animation: jumpTwo 3s infinite linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-thumb-student {
    left: 12%;
  }
}
.ed-hero-thumb-student > span {
  font-weight: 500;
  font-size: 25px;
  text-align: start;
  margin-right: 20px;
  color: var(--it-common-black-3);
}
.ed-hero-thumb-student > span i {
  font-style: normal;
  color: var(--it-theme-1);
}
.ed-hero-thumb-courses {
  position: absolute;
  bottom: 6%;
  right: -20%;
  padding: 18px 50px;
  text-align: start;
  background: #fff;
  border-radius: 50px;
  box-shadow: 0 0 20px 0 rgba(19, 39, 66, 0.15);
  animation: ittranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-hero-thumb-courses {
    right: -15%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-thumb-courses {
    right: 4%;
  }
}
.ed-hero-thumb-courses i {
  font-weight: 500;
  font-size: 34px;
  text-transform: capitalize;
  color: var(--it-theme-3);
  font-style: normal;
  display: block;
}
.ed-hero-thumb-courses span {
  font-weight: 500;
  font-size: 16px;
}

.ed-hero-2-bg {
  background-color: #FFF8F0;
  padding-top: 60px;
  padding-bottom: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-bg {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-2-bg {
    padding: 120px 0;
  }
}
@media (max-width: 767px) {
  .ed-hero-2-bg {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-hero-2-content {
    padding-bottom: 70px;
  }
}
.ed-hero-2-content .ed-slider-3-video span {
  background-color: var(--it-theme-5);
}
.ed-hero-2-content .ed-slider-3-video span::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 60%;
  height: 60%;
  transform: scale(1.5);
  border: 1px solid rgba(0, 190, 174, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.ed-hero-2-content .ed-slider-3-video span::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(0, 190, 174, 0.3);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.ed-hero-2-content .ed-slider-3-video span i {
  color: var(--it-common-white);
}
.ed-hero-2-content .ed-slider-3-video a {
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-hero-2-content p {
    font-size: 15px;
  }
  .ed-hero-2-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ed-hero-2-button {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-hero-2-button {
    flex-wrap: nowrap;
  }
}
.ed-hero-2-button .ed-btn-radius {
  margin-right: 28px;
}
@media (max-width: 767px) {
  .ed-hero-2-button .ed-btn-radius {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-hero-2-button .ed-btn-radius {
    margin-bottom: 0px;
  }
}
.ed-hero-2-thumb {
  position: relative;
  display: inline-block;
}
.elementor-widget-container .ed-hero-2-thumb img {
  border-radius: 0 0 38% 38%;
}
.ed-hero-2-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 50%;
  width: 303px;
  height: 386px;
  z-index: -1;
  transform: translateX(-50%);
  background-color: #FF9500;
  border-radius: 40% 0 40% 40%;
}
.ed-hero-2-thumb.style-1 {
  margin-left: -15px;
}
@media (max-width: 767px) {
  .ed-hero-2-thumb.style-1 {
    margin-left: 0;
  }
}
.ed-hero-2-thumb.style-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-right: -15px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-thumb.style-2 {
    margin-right: -178px;
  }
}
@media (max-width: 767px) {
  .ed-hero-2-thumb.style-2 {
    margin-right: 0;
  }
}
.ed-hero-2-thumb.style-2::after {
  background-color: #00BEAE;
  border-radius: 40% 40% 40% 0%;
}
.ed-hero-2-right {
  transform: translateX(10px);
  padding-bottom: 240px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-2-right {
    transform: translateX(10px) scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-right {
    transform: translateX(-70px) scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-2-right {
    transform: translateX(0px);
    margin: 0 17px;
  }
}
@media (max-width: 767px) {
  .ed-hero-2-right {
    transform: translateX(0px);
  }
}
@media (max-width: 767px) {
  .ed-hero-2-right {
    padding-bottom: 450px;
  }
}
.ed-hero-2-right .ed-hero-thumb-student {
  bottom: 40px;
  top: auto;
  left: -10%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-hero-2-right .ed-hero-thumb-student {
    left: 10%;
  }
}
.ed-hero-2-right .ed-hero-thumb-student span i {
  color: var(--it-theme-5);
}
.ed-hero-2-right .ed-hero-thumb-courses {
  bottom: auto;
  top: 11%;
  right: 7%;
  animation: ittranslateX2 3s infinite alternate;
}
.ed-hero-2-right .ed-hero-thumb-courses i {
  color: var(--it-theme-6);
}
.ed-hero-2-shape-1 {
  position: absolute;
  top: 3%;
  left: -1%;
  z-index: -1;
  animation: itswing-2 3s forwards infinite alternate;
  transform-origin: bottom left;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-2-shape-1 {
    top: 0%;
    left: -5.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-shape-1 {
    left: -7%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-hero-2-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-hero-2-shape-1 img {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-shape-1 img {
    transform: scale(0.6);
  }
}
.ed-hero-2-shape-2 {
  position: absolute;
  top: 6%;
  right: -4%;
  z-index: -1;
  animation: zoom2 3s infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-shape-2 img {
    transform: scale(0.6);
  }
}
.ed-hero-2-shape-3 {
  position: absolute;
  bottom: 9%;
  right: 57%;
  z-index: -1;
  animation: ittranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-hero-2-shape-3 img {
    transform: scale(0.6);
  }
}
.ed-hero-2-shape-4 {
  position: absolute;
  bottom: 10%;
  right: 4%;
  animation: moving 7s linear infinite;
  z-index: -1;
}
.ed-hero-2-shape-5 {
  position: absolute;
  top: 16%;
  right: 54%;
  animation: moving 11s linear infinite;
  z-index: -1;
}
.ed-hero-2-shape-6 {
  position: absolute;
  top: -1%;
  left: 7%;
  animation: itswing 0.9s forwards infinite alternate;
  transform-origin: bottom right;
  z-index: -1;
}

/*----------------------------------------*/
/*  08. category css start
/*----------------------------------------*/
.ed-category-item {
  padding: 25px 20px;
  border-radius: 10px;
  background-color: #EAF6FF;
}
.ed-category-icon span {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
  text-align: center;
  border-radius: 50%;
  margin-right: 20px;
  background-color: rgba(27, 117, 232, 0.1);
  border: 1px dashed #1B75E8;
  color: #1B75E8;
}
.ed-category-title {
  font-size: 22px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-category-title {
    font-size: 17px;
  }
}
.ed-category-style-2.ed-category-item {
  background-color: #FEF2F4;
}
.ed-category-style-2 .ed-category-icon span {
  background-color: rgba(255, 104, 129, 0.15);
  border: 1px dashed #FF6881;
  color: #FF6881;
}
.ed-category-style-3.ed-category-item {
  background-color: #EEFBF5;
}
.ed-category-style-3 .ed-category-icon span {
  background-color: #d1f5e4;
  border: 1px dashed #00BC65;
  color: #00BC65;
}
.ed-category-style-4.ed-category-item {
  background-color: #FFFAEF;
}
.ed-category-style-4 .ed-category-icon span {
  background-color: #FFF3D9;
  border: 1px dashed #F2A700;
  color: #F2A700;
}
.ed-category-style-5.ed-category-item {
  background-color: #F7F3FF;
}
.ed-category-style-5 .ed-category-icon span {
  background-color: #DFD4F4;
  border: 1px dashed #4500D0;
  color: #4500D0;
}
.ed-category-style-6.ed-category-item {
  background-color: #FFF0F8;
}
.ed-category-style-6 .ed-category-icon span {
  background-color: #FFDAF0;
  border: 1px dashed #BB0064;
  color: #BB0064;
}
.ed-category-style-7.ed-category-item {
  background-color: #F3F4FE;
}
.ed-category-style-7 .ed-category-icon span {
  background-color: #DCDFFD;
  border: 1px dashed #0011BB;
  color: #0011BB;
}
.ed-category-style-8.ed-category-item {
  background-color: #FFF7EF;
}
.ed-category-style-8 .ed-category-icon span {
  background-color: #FFECD9;
  border: 1px dashed #D16900;
  color: #D16900;
}
.ed-category-style-9.ed-category-item {
  background-color: #F1FBFF;
}
.ed-category-style-9 .ed-category-icon span {
  background-color: #DCF5FF;
  border: 1px dashed #00A9ED;
  color: #00A9ED;
}
.ed-category-shape-1 {
  position: absolute;
  top: 10%;
  left: 5%;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.it-category-item {
  border-radius: 10px;
  padding: 60px 15px;
  padding-top: 70px;
  background-color: var(--it-grey-1);
  transition: 0.5s;
}
.it-category-item:hover {
  background-color: var(--it-theme-1);
}
.it-category-item:hover .it-category-icon span {
  background-color: var(--it-common-white);
  color: var(--it-theme-1);
}
.it-category-item:hover .it-category-icon span::after {
  border-color: var(--it-common-white);
}
.it-category-item:hover .it-category-title {
  color: var(--it-common-white);
}
.it-category-item:hover .it-category-text a {
  color: var(--it-common-white);
}
.it-category-icon span {
  display: inline-block;
  height: 87px;
  width: 87px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  position: relative;
  margin-bottom: 35px;
  transition: 0.3s;
  font-size: 45px;
}
.it-category-icon span::after {
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  transition: 0.5s;
  transform: translate(-50%, -50%) scale(1.2);
  border: 1px dashed var(--it-theme-1);
}
.it-category-title {
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 7px;
  text-transform: capitalize;
  transition: 0.5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-category-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-category-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-category-title {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .it-category-title-box {
    margin-bottom: 30px;
  }
}
.it-category-text a {
  color: #4D5756;
  font-size: 14px;
  font-family: var(--it-ff-heading);
  font-weight: 500;
  transition: 0.5s;
}
.it-category-text a i {
  font-size: 14px;
}
.it-category-shape {
  position: absolute;
  bottom: 0;
  left: 690px;
}

.it-category-4-icon span {
  height: 200px;
  width: 100%;
  display: inline-block;
  line-height: 200px;
  border-radius: 10px;
  text-align: center;
  background-color: var(--it-common-white);
  margin-bottom: 20px;
}
.it-category-4-content span {
  font-size: 14px;
  font-weight: 400;
  line-height: 32px;
  color: var(--it-theme-4);
  text-transform: uppercase;
}
.it-category-4-title {
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--it-common-black);
  font-family: var(--it-ff-poppins);
  margin-bottom: 0;
}
.it-category-4-title a {
  transition: 0.3s;
}
.it-category-4-title a:hover {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-category-4-title {
    font-size: 15px;
  }
}
.it-category-4-shape-1 {
  position: absolute;
  top: 22%;
  left: 51%;
}

/*----------------------------------------*/
/*  13. course css start
/*----------------------------------------*/
.it-course-item {
  padding: 20px;
  border-radius: 5px;
  position: relative;
  z-index: 1;
  background-color: var(--it-common-white);
}
.it-course-item:hover .it-course-thumb img {
  transform: scale(1.2);
}
.it-course-thumb {
  overflow: hidden;
  border-radius: 5px;
}
.it-course-thumb img {
  width: 100%;
  border-radius: 5px;
  transition: 1s;
}
.it-course-thumb-text {
  position: absolute;
  top: 20px;
  left: 20px;
}
.it-course-thumb-text span {
  display: inline-block;
  padding: 0 10px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-course-thumb-text span {
    font-size: 12px;
  }
}
.it-course-rating i {
  color: var(--it-theme-1);
  font-size: 14px;
}
.it-course-rating span {
  color: var(--it-common-black-2);
  font-size: 15px;
  font-family: var(--it-ff-heading);
  font-weight: 500;
}
.it-course-title {
  font-size: 21px;
  font-weight: 600;
  text-transform: capitalize;
  line-height: 1.5;
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-course-title {
    font-size: 18px;
  }
}
.it-course-info {
  border-bottom: 1px dashed #4D5756;
}
.it-course-info > span {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  color: var(--it-common-black-2);
}
@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-info > span {
    font-size: 11px;
  }
}
.it-course-info > span i {
  color: black;
  margin-right: 7px;
}
.it-course-author img {
  border-radius: 50%;
  margin-right: 10px;
}
.it-course-author > span {
  color: var(--it-common-black-2);
  font-size: 16px;
  font-family: var(--it-ff-heading);
  font-weight: 400;
}
@media 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-author > span {
    font-size: 14px;
  }
}
.it-course-author > span > i {
  font-style: normal;
  color: var(--it-common-black);
}
.it-course-price-box span {
  font-size: 17px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black-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-price-box span {
    font-size: 21px;
  }
}
.it-course-price-box span i {
  font-style: normal;
  color: var(--it-common-black);
}
.it-course-price-box a {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  transition: 0.3s;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black-2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-price-box a {
    font-size: 12px;
  }
}
.it-course-price-box a:hover {
  color: var(--it-common-black);
}
.it-course-price-box a i {
  font-size: 16px;
  margin-right: 7px;
}
.it-course-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}
.it-course-shape-2 {
  position: absolute;
  top: 235px;
  right: 470px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-course-shape-3 {
  position: absolute;
  top: 180px;
  left: 100px;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-3 {
    top: 120px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-shape-3 {
    top: 100px;
  }
}
.it-course-shape-4 {
  position: absolute;
  right: 255px;
  bottom: 195px;
  animation: rotate2 4s linear infinite;
}
.it-course-shape-5 {
  position: absolute;
  top: 0px;
  right: 440px;
}
.it-course-shape-6 {
  position: absolute;
  bottom: 180px;
  right: 140px;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-course-shape-6 {
    right: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-course-shape-6 {
    right: 0px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-course-shape-6 {
    right: 0px;
    bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-2-wrap {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-2-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-2-wrap .it-course-thumb {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-course-2-wrap .it-course-thumb img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-course-2-wrap .it-course-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .it-course-2-wrap .it-course-title {
    font-size: 19px;
  }
}

.it-course-style-2 .it-course-2-wrap {
  padding: 10px;
  border-radius: 5px;
  box-shadow: 0px 0px 40px 0px rgba(14, 42, 70, 0.08);
}
.it-course-style-2 .it-course-2-wrap:hover .it-course-thumb a img {
  transform: scale(1.1) rotate(-2deg);
}
.it-course-style-2 .it-course-thumb {
  flex: 0 0 auto;
}
.it-course-style-2 .it-course-thumb a img {
  transition: 0.9s;
}
.it-course-style-2 .it-course-author {
  flex: 0 0 auto;
}
.it-course-style-2 .it-course-content {
  margin: 0 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-2 .it-course-content {
    margin: 0 20px;
  }
}
.it-course-style-2 .it-course-rating i {
  color: var(--it-theme-4);
}
.it-course-style-2 .it-course-title:hover {
  color: var(--it-theme-4);
}
.it-course-style-2 .it-course-price-box a:hover {
  color: var(--it-theme-4);
}
.it-course-style-2 .it-course-thumb-text {
  top: 14px;
  left: 14px;
}
.it-course-style-2 .it-course-thumb-text span {
  background-color: var(--it-theme-4);
}
@media (max-width: 767px) {
  .it-course-style-2 .it-course-title-box {
    margin-bottom: 30px;
  }
}

.it-course-style-3 .it-course-thumb-text span {
  background-color: var(--it-theme-2);
}
.it-course-style-3 .it-course-rating i {
  color: var(--it-common-yellow);
}
.it-course-style-3.it-course-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.it-course-style-3 .it-course-title:hover {
  color: var(--it-theme-2);
}

.it-course-style-4 .it-course-item {
  background-color: #F3F5F5;
}
.it-course-style-4 .it-course-thumb-text span {
  background-color: var(--it-theme-3);
}
.it-course-style-4 .it-course-title:hover {
  color: var(--it-theme-3);
}

.it-course-style-5 .it-course-rating i {
  color: var(--it-theme-1);
}
.it-course-style-5 .it-course-title:hover {
  color: var(--it-theme-1);
}
.it-course-style-5 .it-course-price-box a:hover {
  color: var(--it-theme-1);
}
.it-course-style-5 .it-course-thumb-text span {
  background-color: var(--it-theme-1);
}

.it-course-details-wrap {
  margin-right: 74px;
}
@media 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-wrap {
    margin-right: 0;
  }
}
.it-course-details-wrap .postbox__meta {
  padding-bottom: 24px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(77, 87, 86, 0.5);
}
.it-course-details-wrap .postbox__meta span i {
  color: var(--it-common-purple-3);
}
.it-course-details-content .it-evn-details-title-sm {
  text-transform: uppercase;
}
.it-course-details-content .it-evn-details-text p {
  margin-bottom: 0;
  padding-bottom: 6px;
  padding-right: 10px;
}
.it-course-details-nav button {
  font-size: 15px;
  font-weight: 600;
  text-transform: capitalize;
  height: 53px;
  line-height: 53px;
  padding: 0 19px;
  color: var(--it-common-black);
  background-color: #F2F2F2;
  border-radius: 5px;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-details-nav button {
    margin-bottom: 15px;
  }
}
.it-course-details-nav button:not(:last-child) {
  margin-right: 18px;
}
.it-course-details-nav button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-purple-3);
}
.it-course-details-nav button.current-menu-item {
  color: var(--it-common-white);
  background-color: var(--it-common-purple-3);
}

.it-course-sidebar-box .it-evn-sidebar-list ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.it-course-sidebar-rate {
  line-height: normal;
}
.it-course-sidebar-rate span {
  text-transform: capitalize;
  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-course-sidebar-rate span {
    font-size: 14px;
  }
}
.it-course-sidebar-rate span.rate {
  color: var(--it-common-black);
  font-size: 21px;
  font-family: var(--it-ff-heading);
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-sidebar-rate span.rate {
    font-size: 18px;
  }
}
.it-course-sidebar-rate span.rate i {
  font-style: normal;
  color: #4D5756;
  font-size: 18px;
  font-weight: 500;
}
.it-course-sidebar-rate-box i {
  font-style: normal;
  font-size: 14px;
  color: var(--it-common-black);
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-course-sidebar-rate-box i {
    font-size: 12px;
  }
}

.ed-course-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.tutor-card.tutor-course-card.it-course-item.ed-course-style-2 {
  padding-bottom: 30px;
  background-color: #F4F5F8;
  border: 1px dashed var(--it-theme-1);
}
.ed-course-style-2 .it-course-thumb-text {
  left: 20px;
  bottom: 20px;
  top: auto;
}
.ed-course-style-2 .it-course-thumb-text span {
  font-size: 12px;
  font-weight: 500;
  border-radius: 5px;
  padding: 14px 30px;
  line-height: 1;
  background-color: var(--it-common-black-3);
}
.ed-course-style-2 .it-course-rating i {
  color: var(--it-common-yellow);
}
.ed-course-style-2 .it-course-rating span {
  padding-left: 5px;
  font-weight: 500;
  display: inline-block;
}
.ed-course-style-2 .it-course-price-box span {
  font-weight: 500;
  font-size: 14px;
  color: var(--it-theme-1);
}
.ed-course-style-2 .it-course-info {
  background-color: #fff;
  border-radius: 5px;
  padding: 9px 20px;
  border-bottom: none;
}
.ed-course-style-2 .it-course-info span {
  color: var(--it-common-black-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-course-style-2 .it-course-info span {
    font-size: 11px;
  }
}
.ed-course-style-2 .it-course-author img {
  border: 2px solid var(--it-theme-1);
}
.ed-course-style-2 .it-course-author span, .ed-course-style-3 .it-course-author span {
  font-weight: 500;
  font-size: 14px;
  color: var(--it-common-black-3);
  text-transform: capitalize;
}
.ed-course-style-2 .it-course-title {
  font-weight: 600;
  font-size: 22px;
}
.ed-course-shape {
  position: absolute;
  top: -2%;
  left: 15%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-course-button {
    margin-top: 25px;
  }
}

.ed-course-btn {
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  padding: 0 30px;
  border-radius: 50px;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.ed-course-btn svg {
  margin-left: 7px;
  display: inline-block;
}

.ed-course-2-item {
  background-color: #F3F5F5;
  border-radius: 0 0 5px 5px;
}
.ed-course-2-item .it-course-content {
  padding: 20px 20px;
}
.ed-course-2-item .it-course-info {
  padding: 10px 20px;
  border-radius: 5px;
  background-color: var(--it-common-purple-3);
}
.ed-course-2-item .it-course-info span {
  font-weight: 300;
  font-size: 12px;
  line-height: 1;
  color: var(--it-common-white);
}
.ed-course-2-item .it-course-info span i {
  display: block;
  font-size: 18px;
  text-align: center;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.ed-course-2-item .it-course-thumb-text {
  position: absolute;
  bottom: 20px;
  left: 20px;
  top: auto;
  right: auto;
}

.ed-course-style-3 .it-course-item {
  transition: 0.3s;
}
.ed-course-style-3 .it-course-item:hover {
  border: 1px dashed var(--it-common-orange);
  background-color: var(--it-common-black-3);
}
.ed-course-style-3 .it-course-item:hover .it-course-rating span {
  color: #fff;
}
.ed-course-style-3 .it-course-item:hover .it-course-title {
  color: #fff;
}
.ed-course-style-3 .it-course-item:hover .it-course-author img {
  border: 2px solid #fff;
}
.ed-course-style-3 .it-course-item:hover .it-course-author span {
  color: var(--it-common-white);
}
.ed-course-style-3 .it-course-item:hover .ed-course-btn {
  color: var(--it-common-purple-3);
  background-color: var(--it-common-white);
}
.ed-course-style-3 .it-course-item:hover .ed-course-btn span {
  color: var(--it-common-purple-3);
}
.ed-course-style-3 .ed-course-btn {
  transition: 0.3s;
}
.ed-course-style-3 .ed-course-btn span {
  transition: 0.3s;
}
.ed-course-style-3 .it-course-rating i {
  color: #FC6441;
}
.ed-course-style-3 .it-course-rating span {
  transition: 0.3s;
}
.ed-course-style-3 .it-course-author span {
  transition: 0.3s;
}

/*----------------------------------------*/
/*  14. cta css start
/*----------------------------------------*/
.it-cta-height {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-cta-bg {
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-cta-bg {
    left: -8%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-bg {
    left: -8%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-bg {
    left: -11%;
  }
}
.it-cta-title {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.3;
  margin-left: 300px;
  margin-bottom: 0;
  text-transform: capitalize;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-cta-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-cta-title {
    font-size: 35px;
    margin-left: 400px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-cta-title {
    font-size: 30px;
    margin-left: 400px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-cta-title {
    margin-left: 0;
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-title {
    margin-left: 0;
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-cta-title {
    margin-left: 0;
    font-size: 21px;
    margin-bottom: 30px;
  }
}

/*----------------------------------------*/
/*  03. about css start
/*----------------------------------------*/
.it-about-right-box {
  margin-left: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-right-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-main-thumb {
    margin-bottom: 50px;
  }
}
.it-about-main-thumb img {
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-main-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-about-main-thumb img {
    width: 100%;
  }
}
.it-about-thumb-box {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-thumb-box {
    margin-right: 0;
  }
}
.it-about-thumb-1 {
  position: absolute;
  top: -55px;
  left: 0;
}
.it-about-thumb-1 img {
  border-radius: 5px;
}
.it-about-thumb-2 {
  position: absolute;
  bottom: -65px;
  left: 0;
}
.it-about-thumb-2 img {
  border-radius: 5px;
}
@media (max-width: 767px) {
  .it-about-content {
    margin-bottom: 15px;
  }
}
.it-about-content h5 {
  font-size: 17px;
  text-transform: uppercase;
}
.it-about-content p {
  font-size: 17px;
  line-height: 32px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-content p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-content p {
    font-size: 12px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-content p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media (max-width: 767px) {
  .it-about-content-wrapper {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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-text p {
    font-size: 14px;
  }
}
.it-about-shape-1 {
  position: absolute;
  top: -115px;
  left: -105px;
  z-index: -1;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-shape-1 {
    top: -78px;
    left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-shape-1 {
    top: -52px;
    left: 95px;
  }
}
.it-about-shape-2 {
  position: absolute;
  right: 75px;
  top: -50px;
}
.it-about-shape-3 {
  position: absolute;
  bottom: -65px;
  right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-shape-3 {
    bottom: -22px;
    right: -17px;
  }
}
.it-about-shape-4 {
  position: absolute;
  top: 165px;
  right: 120px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-shape-4 {
    top: 241px;
    right: 114px;
  }
}

.it-about-2-thumb-wrap {
  margin-right: 10px;
}
.it-about-2-right {
  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-about-2-right {
    margin-left: 0;
  }
}
.it-about-2-bottom {
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-bottom {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-about-2-bottom {
    margin-right: 0;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-thumb-wrap {
    margin-top: 50px;
  }
}
.it-about-2-text-2 {
  position: relative;
}
.it-about-2-text-2 span {
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3;
  display: block;
  padding-left: 12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-2-text-2 span {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-2-text-2 span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-2-text-2 span {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .it-about-2-text-2 span {
    font-size: 15px;
  }
}
.it-about-2-text-2::before {
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  height: 100%;
  width: 2px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-2-text p {
    font-size: 14px;
  }
  .it-about-2-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) {
  .it-about-2-thumb img {
    transform: scale(0.9);
  }
}
.it-about-2-icon img {
  margin-right: 20px;
}
.it-about-2-icon span {
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  font-size: 18px;
  font-weight: 600;
  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-about-2-icon span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-about-2-video {
    margin-top: 30px;
  }
}
.it-about-2-video-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.it-about-2-video-icon a {
  height: 52px;
  width: 52px;
  border-radius: 50%;
  line-height: 52px;
  display: inline-block;
  text-align: center;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-about-2-video-icon a i {
  display: inline-block;
  margin-left: 3px;
}
.it-about-2-video-icon a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.774);
  animation: borderanimate2 2.5s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-about-2-video-icon a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 255, 255, 0.774);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-about-2-thumb-sm {
  position: relative;
  border-radius: 5px;
}
.it-about-2-thumb-sm::after {
  position: absolute;
  content: "";
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 14, 33, 0.6);
  border-radius: 5px;
}
.it-about-2-thumb-sm img {
  border-radius: 5px;
}
.it-about-2-big-text {
  position: absolute;
  left: -9%;
  bottom: 40%;
  transform: rotate(-90deg);
}
.it-about-2-big-text h6 {
  -webkit-text-stroke: 1px #22A3D1;
  font-weight: 600;
  color: transparent;
  font-size: 150px;
  font-weight: 700;
  text-transform: capitalize;
  font-family: var(--it-ff-poppins);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-about-2-big-text h6 {
    font-size: 110px;
  }
}
@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-about-2-big-text h6 {
    display: none;
  }
}
.it-about-2-shape-1 {
  position: absolute;
  left: -23%;
  top: -17%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom left;
}
.it-about-2-shape-2 {
  position: absolute;
  top: 100px;
  right: 35px;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-about-2-shape-2 {
    top: 10px;
    right: 0;
    transform: scale(0.5);
  }
}

.it-about-3-left-box {
  padding-right: 75px;
}
@media (max-width: 767px) {
  .it-about-3-left-box {
    padding-right: 0;
  }
}
.it-about-3-left-shape-1 {
  position: absolute;
  top: 4%;
  right: 31%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
.it-about-3-left-shape-2 {
  position: absolute;
  bottom: 2%;
  left: -14%;
  z-index: -1;
  animation: rotate2 15s linear infinite;
}
.it-about-3-left-shape-3 {
  position: absolute;
  bottom: 0%;
  right: 18%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-left-shape-3 {
    right: 0;
  }
}
.it-about-3-left-shape-4 {
  position: absolute;
  top: 2%;
  right: 2%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom right;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-3-left-shape-4 {
    top: -4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-3-left-shape-4 {
    top: -6%;
    right: 0;
  }
}
.it-about-3-left-shape-5 {
  position: absolute;
  bottom: 13%;
  right: 0%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-3-left-shape-5 {
    display: none;
  }
}
.it-about-3-title-box p {
  color: #4D5756;
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-about-3-title-box p br {
    display: none;
  }
}
.it-about-3-mv-item {
  margin-bottom: 35px;
}
.it-about-3-mv-title {
  font-size: 17px;
  font-weight: 700;
  line-height: 1;
  color: var(--it-common-black);
  text-transform: capitalize;
}
.it-about-3-mv p {
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  color: #4D5756;
}

.it-about-4-thumb-wrap {
  margin-right: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-4-thumb-wrap {
    margin: 0;
    margin-bottom: 60px;
  }
}
.it-about-4-thumb-double {
  margin-right: 30px;
}
.it-about-4-thumb-double img {
  border-radius: 1000px;
}
.it-about-4-thumb-single img {
  border-radius: 1000px;
}
.it-about-4-list-icon span {
  margin-top: 7px;
  height: 60px;
  width: 60px;
  line-height: 67px;
  border-radius: 10px;
  display: inline-block;
  text-align: center;
  color: var(--it-common-white);
  background-color: var(--it-common-purple-3);
  margin-right: 30px;
  font-size: 27px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-4-style .it-about-3-mv-item {
    margin-bottom: 10px;
  }
}

.it-about-5-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-about-5-thumb img {
    max-width: 100%;
  }
}
.it-about-5-thumb-box {
  margin-left: -23px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-thumb-box {
    margin-left: 0;
    text-align: center;
    margin-bottom: 50px;
  }
}
.it-about-5-shape-1 {
  position: absolute;
  top: -15%;
  left: -33%;
}
.it-about-5-shape-2 {
  position: absolute;
  right: 44%;
  top: 0px;
  animation: itleftright 1s infinite alternate;
}
.it-about-5-shape-3 {
  position: absolute;
  right: 120px;
  top: 0px;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: top left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-about-5-shape-3 {
    right: 75px;
    top: -30px;
  }
}
.it-about-5-shape-4 {
  position: absolute;
  right: 136px;
  bottom: 115px;
  animation: rotate2 12s linear infinite;
}
.it-about-5-list ul {
  padding: 11px 25px;
  display: inline-block;
  background-color: #F3F5F5;
  border-radius: 5px;
}
.it-about-5-list ul li {
  list-style-type: none;
  font-size: 17px;
  font-weight: 500;
  line-height: 32px;
  text-transform: capitalize;
  padding-left: 25px;
  position: relative;
  color: #191659;
  display: inline-block;
}
.it-about-5-list ul li:not(:last-child) {
  padding-right: 45px;
}
.it-about-5-list ul li i {
  color: var(--it-theme-4);
  position: absolute;
  top: 6px;
  left: 0;
}

.inner-about-style .it-section-subtitle {
  background-color: transparent;
  padding-left: 0;
}
.inner-about-style .it-section-subtitle img {
  margin-right: 3px;
}
.inner-about-style .it-section-title-3 span {
  color: var(--it-theme-1);
}
.inner-about-style .it-about-4-list-icon span {
  background-color: var(--it-theme-1);
}

.ed-about-style-2 .it-about-right-box {
  margin-left: -28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-about-style-2 .it-about-right-box {
    margin-left: 0;
  }
}
.ed-about-thumb-box {
  margin-right: 75px;
  padding-top: 300px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-thumb-box {
    margin-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .ed-about-thumb-box {
    margin-right: 0;
    padding-top: 0;
    margin-bottom: 70px;
  }
}
.ed-about-thumb-1 {
  text-align: end;
}
.ed-about-thumb-1 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .ed-about-thumb-1 img {
    width: 100%;
  }
}
.ed-about-thumb-2 {
  position: absolute;
  top: 0;
  left: -10%;
}
.ed-about-thumb-2 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .ed-about-thumb-2 img {
    width: 100%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-about-thumb-2 {
    left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-about-thumb-2 {
    top: 2%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-about-thumb-2 {
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-thumb-2 {
    left: 0;
  }
}
@media (max-width: 767px) {
  .ed-about-thumb-2 {
    position: static;
    margin: 20px 0;
  }
}
.ed-about-thumb-3 {
  position: absolute;
  left: 46%;
  top: 8.3%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-about-thumb-3 {
    left: 55%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-thumb-3 {
    left: 55%;
  }
}
@media (max-width: 767px) {
  .ed-about-thumb-3 {
    position: static;
  }
}
.ed-about-thumb-3 img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .ed-about-thumb-3 img {
    width: 100%;
  }
}
.ed-about-shape-1 {
  position: absolute;
  right: 4%;
  top: 1%;
  z-index: -1;
  animation: zoom2 4s infinite;
}
.ed-about-experience {
  position: absolute;
  top: 30%;
  left: 27%;
  height: 244px;
  width: 244px;
  border-radius: 50%;
  text-align: center;
  padding-top: 60px;
  background-color: var(--it-common-yellow);
  border: 5px solid var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-about-experience {
    transform: scale(0.8);
    left: 20%;
    top: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-about-experience {
    transform: scale(0.7);
    left: 20%;
    top: 25%;
  }
}
.ed-about-experience span {
  font-weight: 500;
  font-size: 25px;
}
.ed-about-experience span b {
  font-size: 50px;
}

.ed-about-2-left {
  margin-right: 80px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-about-2-left {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-about-2-left {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-2-left {
    margin-right: 0px;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .ed-about-2-left {
    margin-right: 0px;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .ed-about-2-left-box {
    flex-wrap: wrap;
  }
}
.ed-about-2-thumb-one {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .ed-about-2-thumb-one {
    padding-bottom: 20px;
    margin-right: 0;
    width: 100%;
  }
}
.ed-about-2-thumb-one img {
  flex: 0 0 auto;
  width: 100%;
}
.ed-about-2-thumb-two img {
  width: 100%;
}
.ed-about-2-thumb-two img.inner-top-img {
  width: inherit;
}
.ed-about-2-thumb-shape-1 {
  position: absolute;
  bottom: 5%;
  left: 4%;
}
.ed-about-2-thumb-shape-2 {
  position: absolute;
  top: -2%;
  left: -11%;
  animation: itswing 0.9s forwards infinite alternate;
  transform-origin: bottom right;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ed-about-2-thumb-shape-2 {
    top: 10%;
    left: -10%;
  }
}

@media (max-width: 767px) {
  .ed-about-3-thumb img {
    width: 100%;
  }
}
.ed-about-3-thumb-wrap {
  padding-bottom: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-3-thumb-wrap {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .ed-about-3-thumb-wrap {
    margin-bottom: 50px;
    padding-bottom: 0;
  }
}
.ed-about-3-thumb-sm {
  position: absolute;
  bottom: 0;
  right: 12%;
}
@media (max-width: 767px) {
  .ed-about-3-thumb-sm {
    margin-top: 20px;
    position: static;
  }
}
@media (max-width: 767px) {
  .ed-about-3-thumb-sm img {
    width: 100%;
  }
}
.ed-about-3-shape-1 {
  position: absolute;
  bottom: 5%;
  left: 10%;
}
.ed-about-3-shape-2 {
  position: absolute;
  top: 7%;
  left: 5%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

.ed-about-4-wrap .ed-hero-thumb-sm {
  left: 0;
}
.ed-about-4-wrap .ed-hero-thumb-wrap {
  margin-right: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-about-4-wrap .ed-hero-thumb-wrap {
    margin: 0 55px;
    margin-bottom: 90px;
  }
}
@media (max-width: 767px) {
  .ed-about-4-wrap .ed-hero-thumb-wrap {
    margin-bottom: 90px;
    margin-right: 0;
    margin-left: 0;
  }
}
.ed-about-4-wrap .ed-hero-thumb-student {
  left: 0;
}
.ed-about-4-wrap .ed-hero-thumb-student span i {
  color: var(--it-theme-6);
}
.ed-about-4-wrap .it-about-5-right {
  margin-left: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-about-4-wrap .it-about-5-right {
    margin-left: 0;
  }
}
.ed-about-4-wrap .ed-hero-thumb-shape-2 {
  top: 0%;
  right: 2%;
}
.ed-about-4-wrap .it-about-5-shape-4 {
  right: auto;
  bottom: auto;
  top: 4%;
  left: 3%;
  animation: none;
  animation: ittranslateY2 4s infinite alternate;
}
.ed-about-4-wrap .it-about-5-shape-5 {
  position: absolute;
  bottom: 15%;
  right: 0;
  animation: itswing-2 3s forwards infinite alternate;
  transform-origin: bottom right;
}
.ed-about-4-wrap .it-about-5-list ul {
  display: inline-block;
  padding: 0;
  background-color: transparent;
}
.ed-about-4-wrap .it-about-5-list ul li {
  list-style-type: none;
  font-size: 17px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 11px 25px;
  padding-left: 55px;
  position: relative;
  color: #191659;
  display: inline-block;
  background-color: #F3F5F5;
  border-radius: 5px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ed-about-4-wrap .it-about-5-list ul li {
    margin-left: 0;
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-about-4-wrap .it-about-5-list ul li {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-about-4-wrap .it-about-5-list ul li {
    font-size: 15px;
  }
}
.ed-about-4-wrap .it-about-5-list ul li i {
  color: var(--it-theme-5);
  position: absolute;
  top: 18px;
  left: 25px;
}
.ed-about-4-wrap .it-about-5-list.list-style-2 {
  margin-left: -55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-about-4-wrap .it-about-5-list.list-style-2 {
    margin-left: 0;
  }
}

.ed-about-5-content .it-about-5-list ul {
  background-color: transparent;
  padding-left: 0;
  padding-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.ed-about-5-content .it-about-5-list ul li {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 20px;
  width: 215px;
}
.ed-about-5-content .it-about-5-list ul li i {
  color: var(--it-theme-2);
}
.ed-about-5-thumb-2 {
  padding-top: 95px;
}
.ed-about-5-shape-1 {
  position: absolute;
  right: -12%;
  top: -12%;
  animation: itswing 0.9s forwards infinite alternate;
  transform-origin: bottom right;
  z-index: -1;
}
.ed-about-5-shape-2 {
  position: absolute;
  bottom: 13%;
  left: 37%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-right {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-5-text p {
    font-size: 15px;
  }
  .it-about-5-text p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  30. video css start
/*----------------------------------------*/
.it-video-bg {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 2;
}
.it-video-bg::after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: #0E2A46;
  opacity: 85%;
  z-index: -1;
}
@media (max-width: 767px) {
  .it-video-content {
    margin-bottom: 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-video-content p br {
    display: none;
  }
}
.it-video-content.yellow > span {
  color: var(--it-common-yellow);
}
.it-video-content > span {
  color: var(--it-theme-2);
  font-size: 23px;
  font-weight: 600;
  text-transform: capitalize;
  display: block;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-content > span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-content > span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-video-content > span {
    font-size: 15px;
  }
}
.it-video-title {
  color: var(--it-common-white);
  font-size: 60px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-video-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-title {
    font-size: 34px;
  }
  .it-video-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-video-title {
    font-size: 28px;
  }
  .it-video-title br {
    display: none;
  }
}
.it-video-play-wrap {
  margin-right: 155px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-play-wrap {
    margin-right: 0;
  }
}
.it-video-play a.play {
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 50%;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  color: var(--it-theme-1);
  background-color: var(--it-common-white);
}
.it-video-play a.play i {
  display: inline-block;
  padding-left: 5px;
}
.it-video-play a.play::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 60%;
  height: 60%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 255, 255, 0.472);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-video-play a.play::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.472);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-video-play a.text {
  font-size: 20px;
  font-weight: 500;
  display: block;
  text-decoration: underline;
  color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-video-play a.text {
    font-size: 17px;
  }
}
.it-video-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}
.it-video-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}
.it-video-shape-3 {
  position: absolute;
  top: 70px;
  left: 55px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-video-shape-3 {
    top: 30px;
    left: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-video-shape-3 {
    top: 30px;
  }
}
.it-video-shape-4 {
  position: absolute;
  bottom: 135px;
  left: 51%;
  animation: rotate2 4s linear infinite;
}
.it-video-shape-5 {
  position: absolute;
  right: 173px;
  bottom: 65px;
  animation: itleftright 1s infinite alternate;
}
@media (max-width: 767px) {
  .it-video-button .ed-btn-square {
    margin-bottom: 20px;
  }
}

.it-video-2-bg {
  background-size: cover;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .it-video-2-text p br {
    display: none;
  }
}
.it-video-2-thumb img {
  border-radius: 10px;
  max-width: inherit;
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-2-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-2-left {
    margin-bottom: 40px;
  }
}
.it-video-2-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.it-video-2-play a {
  height: 104px;
  width: 104px;
  line-height: 104px;
  border-radius: 50%;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
  color: var(--it-theme-5);
  background-color: var(--it-common-white);
}
.it-video-2-play a i {
  display: inline-block;
  padding-left: 5px;
}
.it-video-2-play a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 60%;
  height: 60%;
  transform: scale(1.5);
  border: 1px solid rgba(255, 255, 255, 0.472);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-video-2-play a::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 80%;
  height: 80%;
  background-color: rgba(255, 255, 255, 0.472);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-video-2-shape-1 {
  position: absolute;
  top: 120px;
  left: 33%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-2-shape-1 {
    top: 50px;
  }
}
.it-video-2-shape-2 {
  position: absolute;
  top: 130px;
  right: 105px;
  animation: itupdown 0.8s infinite alternate;
}
.it-video-2-shape-3 {
  position: absolute;
  bottom: 85px;
  right: 45%;
}
.it-video-2-shape-4 {
  position: absolute;
  bottom: 70px;
  right: 60px;
  animation: itleftright 1s infinite alternate;
}

.it-video-style-2 .it-video-play a.play {
  color: var(--it-theme-4);
}

.it-video-style-4 .it-video-content > span {
  font-size: 15px;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: var(--it-common-white);
}
.it-video-style-4 .it-video-title {
  font-size: 45px;
  margin-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-video-style-4 .it-video-title {
    font-size: 35px;
  }
}
.it-video-style-4 .it-video-content p {
  color: var(--it-common-white);
  margin-bottom: 30px;
}
.it-video-style-4 .it-video-play a.play {
  color: var(--it-theme-3);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-video-2-text p br {
    display: none;
  }
}

.it-video-color .it-video-play a.play {
  color: var(--it-theme-2);
}

.ed-video-style-2 {
  padding-top: 130px;
  padding-bottom: 140px;
}
.ed-video-style-2 .it-video-content > span {
  font-size: 18px;
  color: var(--it-theme-3);
  font-weight: 500;
  margin-bottom: 22px;
}
.ed-video-style-2 .it-video-shape-2 {
  bottom: 0;
  top: auto;
}
.ed-video-style-2 .it-video-shape-5 {
  bottom: auto;
  top: 31%;
  right: 8%;
}
.ed-video-style-2 .it-video-shape-6 {
  position: absolute;
  bottom: 0;
  right: 16%;
}
.ed-video-style-2 .it-video-play a.play {
  height: 104px;
  width: 104px;
  line-height: 102px;
}
.ed-video-style-2 .it-video-play a.play i {
  font-size: 14px;
  color: var(--it-theme-1);
}

.ed-video-bg {
  background-repeat: no-repeat;
}
.ed-video-wrap {
  position: relative;
  height: 550px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ed-video-wrap {
    height: 370px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ed-video-wrap {
    height: 350px;
  }
}
@media (max-width: 767px) {
  .ed-video-wrap {
    height: 300px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ed-video-wrap {
    height: 330px;
  }
}
.ed-video-wrap::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(14, 42, 70, 0.3);
  border-radius: 50px;
}
.ed-video-wrap .it-video-play-wrap {
  margin-right: 0;
}
.ed-video-wrap .it-video-play a {
  height: 104px;
  width: 104px;
  line-height: 104px;
  color: var(--it-theme-6);
  font-size: 14px;
}
.ed-video-shape-1 {
  position: absolute;
  top: 35%;
  left: 4%;
  animation: zoom 7s infinite;
}
.ed-video-shape-2 {
  position: absolute;
  top: 10%;
  right: 7%;
  animation: rotate2 15s linear infinite;
}

/*----------------------------------------*/
/*  25. price css start
/*----------------------------------------*/
.it-price-item {
  padding: 50px;
  padding-top: 0;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.it-price-item-wrap {
  background-color: var(--it-common-black);
}
.it-price-item-wrap.current-menu-item {
  background-color: var(--it-common-orange);
}
.it-price-item-wrap.current-menu-item .it-price-category span {
  background-color: var(--it-theme-1);
}
.it-price-item-wrap.current-menu-item .it-price-month span {
  border: 2px solid var(--it-common-orange);
  color: var(--it-common-purple-3);
}
.it-price-item-wrap.current-menu-item .it-price-item::after {
  background-color: var(--it-common-black);
}
.it-price-item-wrap.current-menu-item .it-price-list p {
  color: var(--it-common-white);
}
.it-price-item-wrap.current-menu-item .it-price-list ul li {
  color: var(--it-common-white);
}
.it-price-item-wrap.current-menu-item .ed-btn-square {
  background-color: var(--it-common-orange);
  transition: 0.3s;
}
.it-price-item-wrap.current-menu-item .ed-btn-square:hover {
  background-color: var(--it-common-purple-3);
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-item {
    padding: 50px 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-price-item {
    padding: 50px 30px;
    padding-top: 30px;
  }
}
@media (max-width: 767px) {
  .it-price-item {
    padding: 50px 20px;
    padding-top: 30px;
  }
}
.it-price-item::after {
  position: absolute;
  top: 14%;
  left: 50%;
  transform: translateX(-50%);
  height: 615px;
  width: 615px;
  border-radius: 50%;
  background-color: #F4F4F4;
  content: "";
  z-index: -1;
}
.it-price-category span {
  color: #FFF;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  height: 50px;
  line-height: 50px;
  background-color: var(--it-common-purple-3);
  display: inline-block;
  padding: 0px 90px;
  transform: translateY(-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-price-category span {
    padding: 0px 60px;
    font-size: 17px;
    margin-top: 0;
  }
}
.it-price-month span {
  height: 130px;
  width: 130px;
  line-height: 130px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-common-orange);
  font-size: 35px;
  font-weight: 600;
  text-transform: capitalize;
  background-color: var(--it-common-white);
  border: 2px solid var(--it-common-purple-3);
  margin-top: 20px;
  margin-bottom: 15px;
}
.it-price-month span i {
  color: #0E2A46;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  font-style: normal;
}
.it-price-list p {
  color: #4D5756;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-price-list p {
    font-size: 14px;
  }
}
.it-price-list ul {
  text-align: left;
  margin-bottom: 20px;
}
.it-price-list ul li {
  list-style-type: none;
  color: #0E2A46;
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 20px;
  padding-left: 30px;
  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-price-list ul li {
    font-size: 15px;
  }
}
.it-price-list ul li:last-child {
  margin-bottom: 0;
}
.it-price-list ul li i {
  height: 15px;
  width: 15px;
  line-height: 12px;
  display: inline-block;
  border-radius: 50%;
  border: 1px solid var(--it-common-orange);
  color: var(--it-common-orange);
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}
.it-price-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}

/*----------------------------------------*/
/* 10. choose css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-left {
    margin-bottom: 50px;
  }
}
.it-choose-content {
  border-radius: 8px;
  padding: 30px 20px;
  background-color: #E9E2FF;
}
.it-choose-content-box {
  margin-right: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-content-box {
    margin-right: 0;
  }
}
.it-choose-content h5 {
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
  padding-bottom: 8px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-content h5 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-content h5 {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-content h5 {
    font-size: 16px;
  }
}
.it-choose-content h5 i {
  margin-right: 10px;
  display: inline-block;
  color: var(--it-theme-1);
}
.it-choose-content p {
  color: #4D5756;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
  padding-right: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-choose-content 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), (max-width: 767px) {
  .it-choose-content p {
    font-size: 12px;
    padding-right: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-choose-text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-text p {
    font-size: 14px;
  }
}
.it-choose-thumb {
  display: inline-block;
  border: 10px solid var(--it-common-white);
}
.it-choose-thumb-box {
  margin-right: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-thumb-box {
    margin-right: 0;
  }
}
.it-choose-shape-1 {
  position: absolute;
  top: -30px;
  left: -30px;
  z-index: -1;
}
.it-choose-shape-2 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
}
.it-choose-shape-3 {
  position: absolute;
  top: -80px;
  right: -85px;
  z-index: -1;
  animation: itupdown 0.8s infinite alternate;
}
.it-choose-shape-4 {
  position: absolute;
  top: 215px;
  left: 40%;
  animation: itleftright 1s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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-4 {
    top: 150px;
    left: 35%;
  }
}
.it-choose-shape-5 {
  position: absolute;
  bottom: 0;
  right: 0;
  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-choose-shape-5 {
    bottom: -20%;
  }
}
.it-choose-shape-6 {
  position: absolute;
  top: 115px;
  left: 255px;
  z-index: -1;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
.it-choose-shape-7 {
  position: absolute;
  top: 135px;
  right: 180px;
  z-index: -1;
  animation: rotate2 4s linear infinite;
}
.it-choose-shape-8 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-choose-style-2 .it-choose-thumb-box {
    margin-bottom: 40px;
  }
}
.it-choose-style-2 .it-choose-content {
  border-radius: 5px;
  padding: 23px 23px;
  padding-top: 20px;
  background-color: var(--it-common-white);
  box-shadow: 0px 0px 30px 0px rgba(14, 42, 70, 0.08);
  transition: 0.5s;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-content {
    flex-wrap: wrap;
  }
}
.it-choose-style-2 .it-choose-content:hover {
  background-color: var(--it-common-black);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-icon span {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-title {
  color: var(--it-common-white);
}
.it-choose-style-2 .it-choose-content:hover .it-choose-text p {
  color: var(--it-common-white);
}
.it-choose-style-2 .it-choose-icon {
  margin-right: 20px;
}
.it-choose-style-2 .it-choose-icon span {
  height: 80px;
  width: 80px;
  line-height: 88px;
  text-align: center;
  display: inline-block;
  background-color: var(--it-common-black);
  border-radius: 50%;
  color: var(--it-common-white);
  transition: 0.5s;
  font-size: 35px;
}
@media (max-width: 767px) {
  .it-choose-style-2 .it-choose-icon span {
    margin-bottom: 20px;
  }
}
.it-choose-style-2 .it-choose-title {
  font-size: 21px;
  font-style: normal;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: capitalize;
  transition: 0.5s;
}
.it-choose-style-2 .it-choose-text p {
  transition: 0.5s;
}

.ed-choose-shape-1 {
  position: absolute;
  top: -11%;
  right: -11%;
  z-index: -1;
}
.ed-choose-shape-2 {
  position: absolute;
  bottom: 10%;
  right: 4%;
  animation: ittranslateX2 4s infinite alternate;
}
.ed-choose-shape-3 {
  position: absolute;
  bottom: 16%;
  left: 35%;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
.ed-choose-shape-4 {
  position: absolute;
  top: 19%;
  left: 36%;
  animation: ittranslateX2 4s infinite alternate;
}
.ed-choose-shape-5 {
  position: absolute;
  top: 0;
  left: -1%;
  animation: itswing-2 3s forwards infinite alternate;
  transform-origin: bottom left;
}

/*----------------------------------------*/
/*  20. funfact css start
/*----------------------------------------*/
.it-funfact-bg-wrap {
  padding: 55px 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 200px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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-bg-wrap {
    padding: 55px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-bg-wrap {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-item {
    margin-bottom: 30px;
  }
}
.it-funfact-icon span {
  height: 78px;
  width: 78px;
  line-height: 89px;
  text-align: center;
  display: inline-block;
  margin-right: 20px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  font-size: 38px;
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-icon span {
    height: 65px;
    width: 65px;
    line-height: 78px;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
  }
}
.it-funfact-content {
  line-height: 0;
}
.it-funfact-content h6 {
  font-size: 39px;
  font-weight: 700;
  line-height: 1;
  color: var(--it-common-black);
  text-transform: capitalize;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content h6 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-content h6 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-content h6 {
    font-size: 35px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-content h6 {
    font-size: 29px;
    margin-bottom: 5px;
  }
}
.it-funfact-content h6 i {
  font-style: normal;
}
.it-funfact-content span {
  font-size: 17px;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-content span {
    font-size: 11px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-content span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-funfact-content span {
    font-size: 12px;
  }
}

.it-funfact-4-wrap {
  height: 250px;
  width: 250px;
  line-height: 250px;
  text-align: center;
  border: 1px solid var(--it-common-white);
  border-radius: 50%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-funfact-4-wrap {
    height: 220px;
    line-height: 220px;
  }
}
.it-funfact-4-item h4 {
  font-size: 45px;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--it-common-white);
  font-family: var(--it-ff-poppins);
}
.it-funfact-4-item p {
  font-size: 16px;
  font-weight: 500;
  color: var(--it-theme-3);
  margin-bottom: 0;
}
.it-funfact-4-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
}
.it-funfact-4-shape-2 {
  position: absolute;
  bottom: 10%;
  left: 2%;
}
.it-funfact-4-area {
  background-color: #7768E5;
}

.it-funfact-5-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-funfact-5-item {
  padding: 55px 15px 45px 15px;
  border-radius: 5px;
  background-color: var(--it-common-white);
}
.it-funfact-5-icon {
  height: 87px;
  width: 87px;
  border-radius: 50%;
  line-height: 102px;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-yellow-2);
  position: relative;
}
.it-funfact-5-icon span {
  font-size: 45px;
  color: var(--it-common-white);
}
.it-funfact-5-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  transform: scale(1.15);
  border: 1px dashed var(--it-common-yellow-2);
}
.it-funfact-5-number {
  font-size: 49px;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: capitalize;
}
.it-funfact-5-content span {
  font-size: 21px;
  font-weight: 500;
  text-transform: capitalize;
  color: #4D5756;
}
.it-funfact-5-shape-1 {
  position: absolute;
  bottom: 140px;
  left: 100px;
  animation: rotate2 12s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-funfact-5-shape-1 {
    bottom: 0;
    left: 0;
  }
}
.it-funfact-5-shape-2 {
  position: absolute;
  top: 95px;
  right: 140px;
  animation: rotate2 12s linear infinite;
}

.ed-funfact-wrap .it-funfact-item.border-style-1 {
  position: relative;
}
.ed-funfact-wrap .it-funfact-item.border-style-1::after {
  position: absolute;
  content: "";
  top: 50%;
  right: -5%;
  width: 1px;
  height: 162px;
  transform: translateY(-50%);
  border: 1px dashed #0E2A46;
}


.ed-funfact-wrap .it-funfact-item.border-style-1:not(:last-child)::after {
    position: absolute;
    content: "";
    top: 50%;
    right: -5%;
    width: 1px;
    height: 162px;
    transform: translateY(-50%);
    border: 1px dashed #0E2A46;
}

.ed-funfact-wrap .it-funfact-icon span {
  background-color: #FC9F0B;
  position: relative;
  margin: 10px;
  margin-bottom: 0;
}
.ed-funfact-wrap .it-funfact-icon span::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px dashed #0E2A46;
  transform: scale(1.25);
}
.ed-funfact-wrap .it-funfact-content h6 {
  margin-bottom: 10px;
}
.ed-funfact-wrap .it-funfact-content span {
  font-size: 21px;
  font-weight: 500;
  color: var(--it-common-black);
}
.ed-funfact-shape-1 {
  position: absolute;
  top: 20%;
  right: 10%;
  top: -19%;
  right: 7%;
  z-index: -1;
  animation: rotate2 4s linear infinite;
}

/*----------------------------------------*/
/*  12. contact css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-left {
    margin-bottom: 50px;
  }
}
.it-contact-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-contact-wrap {
  padding: 30px 40px;
  padding-bottom: 45px;
  border-radius: 5px;
  background-color: var(--it-common-black);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  .it-contact-wrap {
    padding: 30px 20px;
    padding-bottom: 30px;
  }
}
.it-contact-title {
  color: var(--it-common-white);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-contact-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-contact-title {
    font-size: 25px;
  }
}
.it-contact-input-box input {
  border-radius: 5px;
}
.it-contact-textarea-box textarea {
  border-radius: 5px;
  height: 120px;
  padding-top: 15px;
}
.it-contact-timer-box {
  margin-right: 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-contact-timer-box {
    margin-right: 0;
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-contact-timer {
    margin-bottom: 30px;
  }
}
.it-contact-timer h6 {
  font-size: 50px;
  font-weight: 500;
  padding: 45px 10px;
  padding-bottom: 35px;
  margin-bottom: 0;
  border-radius: 5px 5px 0 0;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-timer h6 {
    padding: 25px 10px;
    padding-bottom: 10px;
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-timer h6 {
    padding: 25px 10px;
    font-size: 30px;
  }
}
.it-contact-timer i {
  display: block;
  font-size: 14px;
  font-style: normal;
  height: 40px;
  line-height: 40px;
  border-radius: 0 0 5px 5px;
  background-color: var(--it-common-yellow);
  color: var(--it-common-white);
}
.it-contact-shape-1 {
  position: absolute;
  top: 165px;
  left: 140px;
  z-index: -1;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-shape-1 {
    top: 50px;
    left: 140px;
  }
}
.it-contact-shape-2 {
  position: absolute;
  top: 175px;
  left: 46%;
  z-index: -1;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-shape-2 {
    top: 50px;
    left: 68%;
  }
}
.it-contact-shape-3 {
  position: absolute;
  top: 115px;
  right: 55px;
  z-index: -1;
  animation: itleftright 1s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-contact-shape-3 {
    top: 55px;
    right: 55px;
  }
}
.it-contact-shape-4 {
  position: absolute;
  right: 130px;
  bottom: 190px;
  animation: rotate2 4s linear infinite;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-shape-4 {
    bottom: 40px;
  }
}
.it-contact-shape-5 {
  position: absolute;
  bottom: 180px;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-contact-shape-5 {
    bottom: -90px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), 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-text p {
    font-size: 14px;
  }
  .it-contact-text p br {
    display: none;
  }
}

.it-contact-style-2 .it-contact-wrap {
  background-color: var(--it-theme-4);
}
.it-contact-style-2 .it-contact-wrap p {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-contact-style-2 .it-contact-wrap p {
    font-size: 14px;
  }
  .it-contact-style-2 .it-contact-wrap p br {
    display: none;
  }
}
.it-contact-style-2 .it-contact-timer i {
  background-color: var(--it-theme-4);
}
.it-contact-style-2 .it-contact-shape-1 {
  position: absolute;
  top: 165px;
  left: 140px;
  animation: itrotate 3s ease-in-out 3s infinite alternate forwards;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-contact-style-2 .it-contact-shape-1 {
    top: 120px;
    left: 60px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-contact-style-2 .it-contact-shape-1 {
    top: 40px;
    left: 60px;
  }
}
.it-contact-style-2 .it-contact-shape-2 {
  position: absolute;
  top: 175px;
  left: 46%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-style-2 .it-contact-shape-2 {
    top: 50px;
    left: 68%;
  }
}
.it-contact-style-2 .it-contact-shape-3 {
  position: absolute;
  top: 115px;
  right: 55px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-contact-style-2 .it-contact-shape-3 {
    transform: scale(0.6);
    right: -2%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-contact-style-2 .it-contact-shape-3 {
    top: 55px;
    right: 55px;
  }
}
.it-contact-style-2 .it-contact-shape-4 {
  position: absolute;
  right: 130px;
  bottom: 190px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-contact-style-2 .it-contact-shape-4 {
    right: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-style-2 .it-contact-shape-4 {
    bottom: 40px;
  }
}
.it-contact-style-2 .it-contact-shape-5 {
  position: absolute;
  bottom: 180px;
  left: 0;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-contact-style-2 .it-contact-shape-5 {
    left: -5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-contact-style-2 .it-contact-shape-5 {
    bottom: -90px;
  }
}

.it-contact-style-4 .it-contact-timer h6 {
  background-color: #F3F5F5;
}
.it-contact-style-4 .it-contact-timer i {
  background-color: var(--it-common-purple-3);
}

.it-contact-input-box label {
  font-size: 18px;
  margin-bottom: 5px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-contact-textarea-box label {
  font-size: 18px;
  margin-bottom: 5px;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
.it-contact__wrap {
  padding: 85px 75px;
  padding-bottom: 70px;
  background-color: #F2F2F2;
}
@media (max-width: 767px) {
  .it-contact__wrap {
    padding: 40px 20px;
  }
}
.it-contact__title {
  font-size: 40px;
}
.it-contact__content {
  padding: 60px 38px;
  padding-bottom: 45px;
  background-color: var(--it-common-white);
}
.it-contact__content ul li {
  list-style: none;
}
.it-contact__content ul li:not(:last-child) {
  margin-bottom: 30px;
}
.it-contact__text span {
  color: #4D5756;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  text-transform: capitalize;
}
.it-contact__text > a {
  display: block;
  font-size: 21px;
  font-weight: 700;
  line-height: 32px;
  font-family: var(--it-ff-heading);
  color: var(--it-common-black);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .it-contact__text > a {
    font-size: 16px;
    display: inline-block;
  }
  .it-contact__text > a br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact__text > a {
    font-size: 21px;
  }
}
.it-contact__text > a:hover {
  color: var(--it-common-orange);
}
.it-contact__icon {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .it-contact__icon {
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.it-contact__icon span {
  font-size: 18px;
  color: var(--it-common-orange);
  display: inline-block;
  height: 54px;
  width: 54px;
  line-height: 54px;
  text-align: center;
  border-radius: 50%;
  background-color: rgba(252, 99, 65, 0.1);
}
.it-contact__icon span .phone {
  transform: rotate(100deg);
}
.it-contact__right-box {
  margin-right: 72px;
}
@media 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__right-box {
    margin-right: 0;
  }
}
.it-contact__right-box .it-footer-social a {
  height: 35px;
  width: 35px;
  line-height: 35px;
  color: var(--it-common-orange);
  background-color: #fff;
}
.it-contact__right-box .it-footer-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-orange);
}
.it-contact__scrool a {
  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) {
  .it-contact__scrool a {
    color: var(--it-common-black);
  }
}
@media (max-width: 767px) {
  .it-contact__scrool a {
    display: inline-block;
    color: var(--it-common-black);
    margin-bottom: 20px;
  }
}
.it-contact__scrool a i {
  display: inline-block;
  margin-right: 8px;
}
.it-contact__bottom-box {
  margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact__bottom-box {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-contact__bottom-box {
    margin-bottom: 50px;
    flex-wrap: wrap;
  }
}
.it-contact__shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.it-contact__form-box .it-contact-textarea-box textarea {
  padding-top: 10px;
  height: 95px;
}
@media (max-width: 767px) {
  .it-contact__list {
    flex-wrap: wrap;
  }
}

.it-signup-bg {
  background-color: #F2F2F2;
}
.it-signup-wrap {
  padding: 110px 70px;
}
@media (max-width: 767px) {
  .it-signup-wrap {
    padding: 80px 30px;
  }
}
.it-signup-title {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  color: #0A0909;
  text-transform: uppercase;
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E2E1E1;
}
.it-signup-input input {
  border-radius: 5px;
  color: #0E2A46;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}
.it-signup-input input::placeholder {
  color: #0E2A46;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-transform: capitalize;
}
.it-signup-text span {
  color: #4D5756;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.it-signup-text span a {
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-signup-link {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-link {
    margin-top: 0px;
  }
}
.it-signup-link span {
  font-size: 16px;
  display: inline-block;
  margin-right: 15px;
}
.it-signup-thumb {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}
.it-signup-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-signup-forget a {
  color: #FF0000;
}
.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: 8px;
  height: 15px;
  width: 15px;
  padding: 0;
}

.it-student-bg {
  background-color: #F3F5F5;
  padding: 100px 70px;
}
@media (max-width: 767px) {
  .it-student-bg {
    padding: 80px 30px;
  }
}
.it-student-title {
  color: #0E2A46;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.it-student-subtitle {
  color: #0E2A46;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.it-student-content p {
  color: #333931;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
}
.it-student-regiform-item {
  margin-bottom: 25px;
}
.it-student-regiform-item label {
  color: #0E2A46;
  font-size: 14px;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
  margin-bottom: 10px;
}
.it-student-regiform-item input {
  border: 1px solid #CACACA;
}
.it-student-regiform-item input:focus {
  border: 1px solid var(--it-common-purple-3);
}
.it-student-regiform-title {
  color: #0E2A46;
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin-bottom: 30px;
  display: inline-block;
}

.postbox__select {
  display: inline-block;
  width: 100%;
}
.postbox__select .nice-select {
  width: 100%;
  border: 1px solid #CACACA;
  height: 58px;
  line-height: 58px;
  padding: 0px 20px;
  position: relative;
  background-color: var(--it-common-white);
}
.postbox__select .nice-select::after {
  border: none;
  background-color: transparent;
  transform: translateY(-45%);
  margin-top: -4px;
  right: 20px;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  transform-origin: center;
  color: #0E2A46;
  font-weight: 500;
  height: auto;
  width: auto;
}
.postbox__select .nice-select span {
  font-weight: 500;
  font-size: 15px;
  color: #0E2A46;
}
.postbox__select .nice-select.open::after {
  transform: translateY(-45%) rotate(-180deg);
}
.postbox__select .nice-select .list {
  width: 100%;
}
.postbox__select .nice-select .list li:last-child {
  border-bottom: 0;
}
.postbox__select .nice-select .selected {
  color: #0E2A46;
  font-weight: 600;
}
.postbox__resume {
  height: 25px;
  line-height: 25px;
  display: inline-block;
  padding: 0px 15px;
  color: #4D5756;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  border: 1px solid #CACACA;
  border-radius: 5px;
}
.postbox__resume.border-transparent {
  border: none;
}

.it-instructor-style .it-student-regiform-item input {
  background-color: transparent;
}
.it-instructor-style .postbox__select .nice-select {
  background-color: transparent;
}

.it-instructor-wrap {
  margin-bottom: 40px;
}
.it-instructor-wrap .it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 0;
  margin-right: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  transform: translateY(26px);
}
.it-instructor-wrap .form-check label {
  color: #333931;
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  margin-left: 7px;
}

.it-contact-wrap2 .it-contact-input input {
  margin-bottom: 20px;
  border-radius: 5px;
  border: 1px solid rgba(90, 90, 90, 0.2);
}
.it-contact-wrap2 .it-contact-input input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-wrap2 .it-contact-input textarea {
  padding: 0px 30px;
  height: 150px;
  line-height: 58px;
  resize: none;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid rgba(90, 90, 90, 0.2);
}
.it-contact-wrap2 .it-contact-input textarea:focus {
  border: 1px solid var(--it-theme-1);
}

/*----------------------------------------*/
/*  16. event css start
/*----------------------------------------*/
.it-event-content > span {
  color: var(--it-common-black);
  font-size: 17px;
  font-weight: 600;
  line-height: 1.9;
  display: block;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-content > span br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-event-content > span {
    font-size: 15px;
  }
  .it-event-content > span br {
    display: none;
  }
}
.it-event-content p {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 30px;
  padding-right: 50px;
}
@media (max-width: 767px) {
  .it-event-content p {
    font-size: 15px;
    padding-right: 0;
  }
}
.it-event-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-thumb img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .it-event-thumb img {
    max-width: 100%;
    margin-top: 30px;
  }
}
.it-event-thumb-box {
  margin-left: -31px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-thumb-box {
    margin-left: 0;
  }
}
.it-event-shape-1 {
  position: absolute;
  top: 15px;
  left: 0;
}
.it-event-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.it-event-shape-3 {
  position: absolute;
  top: 210px;
  left: 565px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-event-shape-3 {
    left: 200px;
  }
}
.it-event-shape-4 {
  position: absolute;
  top: 140px;
  left: 95px;
  animation: rotate2 4s linear infinite;
}
.it-event-shape-5 {
  position: absolute;
  left: 721px;
  bottom: 165px;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-event-shape-5 {
    left: 200px;
    bottom: 30px;
  }
}
.it-event-shape-6 {
  position: absolute;
  top: 150px;
  right: 77px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-shape-6 {
    top: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-event-left {
    padding-right: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-left {
    padding-right: 20px;
  }
}

.it-event-2-content {
  padding: 30px;
  background: #F3F5F7;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-content {
    padding: 30px 22px;
  }
}
.it-event-2-title {
  font-size: 21px;
  margin-bottom: 20px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .it-event-2-title {
    font-size: 18px;
  }
}
.it-event-2-title a {
  transition: 0.3s;
}
.it-event-2-title a:hover {
  color: var(--it-theme-4);
}
.it-event-2-meta span {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  font-family: var(--it-ff-heading);
}
.it-event-2-meta span:not(:last-child) {
  margin-right: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-event-2-meta span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-event-2-meta span {
    font-size: 11px;
  }
}
.it-event-2-meta span i {
  font-size: 15px;
  margin-right: 2px;
  display: inline-block;
  color: var(--it-theme-4);
}
.it-event-2-item:hover .it-event-2-thumb img {
  transform: scale(1.1) rotate(-2deg);
}
.it-event-2-thumb {
  position: relative;
}
.it-event-2-thumb img {
  width: 100%;
  transition: 0.9s;
}
.it-event-2-item:hover .it-event-2-date {
  background-color: var(--it-common-black);
}
.it-event-2-date {
  position: absolute;
  top: 20px;
  right: 20px;
  height: 80px;
  width: 80px;
  border-radius: 5px;
  text-align: center;
  background-color: var(--it-theme-4);
  border: 1px solid var(--it-common-white);
  transition: 0.3s;
}
.it-event-2-date span {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  transform: translateY(20px);
  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-event-2-date span {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-event-2-date span {
    font-size: 12px;
  }
}
.it-event-2-date span i {
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
}
@media (max-width: 767px) {
  .it-event-2-date span i {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-2-text p {
    font-size: 14px;
  }
  .it-event-2-text p br {
    display: none;
  }
}

.it-event-style-3 .it-event-2-date {
  background-color: var(--it-common-yellow);
}
.it-event-style-3 .it-event-2-item:hover .it-event-2-date {
  background-color: var(--it-theme-1);
}
.it-event-style-3 .it-event-2-item:hover .it-event-2-date span {
  color: var(--it-common-white);
}
.it-event-style-3 .it-event-2-item {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.it-event-style-3 .it-event-2-title a:hover {
  color: var(--it-theme-1);
}
.it-event-style-3 .it-event-2-content {
  padding: 18px 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-style-3 .it-event-2-content {
    padding: 20px;
  }
}
.it-event-style-3 .it-event-2-meta span i {
  color: var(--it-theme-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-event-style-3 .it-event-2-meta span {
    display: block;
  }
}

.it-event-style-4 .it-event-2-date {
  background-color: var(--it-common-yellow);
}
.it-event-style-4 .it-event-2-item:hover .it-event-2-date {
  background-color: var(--it-theme-3);
}
.it-event-style-4 .it-event-2-item:hover .it-event-2-date span {
  color: var(--it-common-white);
}
.it-event-style-4 .it-event-2-date span {
  color: var(--it-common-black);
  transition: 0.3s;
}
.it-event-style-4 .it-event-2-item {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.it-event-style-4 .it-event-2-title a:hover {
  color: var(--it-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-event-style-4 .it-event-2-content {
    padding: 20px;
  }
}
.it-event-style-4 .it-event-2-meta span i {
  color: var(--it-theme-3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-event-style-4 .it-event-2-meta span {
    display: block;
  }
}
.it-event-style-4.inner-style .it-event-2-date {
  background-color: var(--it-common-purple-3);
}
.it-event-style-4.inner-style .it-event-2-item:hover .it-event-2-date {
  background-color: var(--it-common-orange);
}
.it-event-style-4.inner-style .it-event-2-item:hover .it-event-2-date span {
  color: var(--it-common-white);
}
.it-event-style-4.inner-style .it-event-2-date span {
  color: var(--it-common-white);
  transition: 0.3s;
}
.it-event-style-4.inner-style .it-event-2-item {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
}
.it-event-style-4.inner-style .it-event-2-title a:hover {
  color: var(--it-theme-3);
}
.it-event-style-4.inner-style .it-event-2-meta span i {
  color: var(--it-common-purple-3);
}

.it-evn-details-thumb img {
  width: 100%;
  border-radius: 10px;
}
.it-evn-details-title {
  font-size: 45px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 1.2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-evn-details-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-evn-details-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-evn-details-title {
    font-size: 30px;
  }
}
.it-evn-details-title-sm {
  font-size: 20px;
}
.it-evn-details-text p {
  font-size: 16px;
  padding-right: 35px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-evn-details-text p {
    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-evn-details-text p {
    padding-right: 0;
    font-size: 14px;
  }
}
.it-evn-details-wrap {
  margin-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-evn-details-wrap {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-evn-details-wrap {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.it-evn-details-wrap .postbox__meta span {
  color: #4D5756;
  font-size: 21px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-evn-details-wrap .postbox__meta span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-evn-details-wrap .postbox__meta span {
    font-size: 14px;
  }
}
.it-evn-details-wrap .postbox__meta span:not(:last-child) {
  margin-right: 45px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-evn-details-wrap .postbox__meta span:not(:last-child) {
    margin-right: 20px;
  }
}
.it-evn-details-rate span i {
  color: var(--it-common-orange);
}

.it-evn-sidebar-box {
  padding: 25px 20px;
  border-radius: 5px;
  background-color: #E8E8F4;
  margin-left: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-evn-sidebar-box {
    margin-left: 0px;
  }
}
.it-evn-sidebar-thumb img {
  width: 100%;
  border-radius: 5px;
}
.it-evn-sidebar-list ul li {
  list-style: none;
  color: #4D5756;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-evn-sidebar-list ul li {
    font-size: 14px;
  }
}
.it-evn-sidebar-list ul li:not(:last-child) {
  margin-bottom: 21px;
}

.it-event-style-4 .it-event-2-date {
  background-color: var(--it-theme-3);
}
.it-event-style-4 .it-event-2-item:hover .it-event-2-date {
  background-color: var(--it-common-purple-3);
}
.it-event-style-4 .it-event-2-meta span i {
  color: var(--it-common-purple-3);
}
.it-event-style-4 .ed-event-shape-1 {
  position: absolute;
  top: 17%;
  right: 1%;
  z-index: -1;
}
.it-event-style-4 .ed-event-shape-2 {
  position: absolute;
  bottom: 17%;
  left: 2%;
  z-index: -1;
}

/*----------------------------------------*/
/*  29. testimonial css start
/*----------------------------------------*/
.it-testimonial-3-wrapper {
  border-radius: 5px;
  padding: 75px 70px;
  padding-right: 50px;
  padding-bottom: 60px;
  background-repeat: no-repeat;
  background-size: cover;
  margin-left: -30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-3-wrapper {
    margin: 120px 0;
    padding: 70px 60px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-3-wrapper {
    margin: 120px 0;
    padding: 20px;
  }
}
.elementor-widget-container .it-testimonial-3-thumb img {
  max-width: inherit;
}
.it-testimonial-3-content p {
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 45px;
  padding-left: 25px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-testimonial-3-content p {
    padding-left: 0;
    font-size: 16px;
  }
}
.it-testimonial-3-quote {
  position: absolute;
  top: 40px;
  left: 60px;
}
.it-testimonial-3-author-info h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  color: var(--it-common-white);
  font-family: var(--it-ff-poppins);
}
@media (max-width: 767px) {
  .it-testimonial-3-author-info h5 {
    font-size: 16px;
  }
}
.it-testimonial-3-author-info span {
  color: var(--it-common-white);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
}
@media (max-width: 767px) {
  .it-testimonial-3-author-info span {
    font-size: 14px;
  }
}
.it-testimonial-3-avata {
  margin-right: 27px;
  position: relative;
}
.it-testimonial-3-avata::after {
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.2);
  border: 1px dashed var(--it-theme-1);
}
.elementor-widget-container .it-testimonial-3-avata img {
  border-radius: 50%;
  height: 90px;
  width: 90px;
}
.it-testimonial-3-current-menu-item {
  padding: 20px;
  margin: -20px;
}
.it-testimonial-3-shape-1 {
  position: absolute;
  bottom: -30px;
  right: -30px;
  z-index: -1;
}

.elementor-widget-container .test-slider-dots {
  position: absolute;
  bottom: 45px;
  right: 50px;
  z-index: 5;
  width: auto;
  left: auto;
}

.elementor-widget-container  .test-slider-dots .swiper-pagination-bullet-active::after {
    opacity: 1;
    visibility: visible;
}
.test-slider-dots .swiper-pagination-bullet {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: relative;
  display: inline-block;
  background-color: var(--it-common-white);
  margin: 0 8px;
  z-index: 2;
  opacity: 1;
}
.test-slider-dots .swiper-pagination-bullet::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 1px solid var(--it-common-white);
  transform: translate(-50%, -50%) scale(2);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.test-slider-dots .swiper-pagination-bullet-current-menu-item {
  background-color: var(--it-common-white);
}
.test-slider-dots .swiper-pagination-bullet-current-menu-item::after {
  opacity: 1;
  visibility: visible;
}
.test-slider-dots.style-2 {
  position: static;
}
.test-slider-dots.style-2 > .swiper-pagination-bullet {
  background-color: var(--it-common-black);
  opacity: 100%;
}
.test-slider-dots.style-2 > .swiper-pagination-bullet-current-menu-item {
  background-color: var(--it-common-yellow);
}

.it-testimonial-5-item-wrap .it-testimonial-3-author-box {
  padding-left: 235px;
}
@media 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-5-item-wrap .it-testimonial-3-author-box {
    padding-left: 0;
    justify-content: center;
  }
}
.it-testimonial-5-item-wrap .it-testimonial-3-author-info h5 {
  color: var(--it-common-black);
}
.it-testimonial-5-item-wrap .it-testimonial-3-author-info span {
  color: var(--it-common-black);
}
.it-testimonial-5-item-wrap .it-testimonial-3-avata::after {
  border-color: var(--it-theme-4);
}
.it-testimonial-5-item {
  padding: 75px 50px;
  padding-right: 65px;
  border-radius: 20px;
  background-color: var(--it-theme-4);
  position: relative;
}
.it-testimonial-5-item::after {
  position: absolute;
  content: "";
  bottom: -7%;
  left: 20%;
  width: 115px;
  height: 100px;
  background-color: var(--it-theme-4);
  clip-path: polygon(0 0, 82% 0, 100% 100%);
  transform: rotate(-145deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-5-item {
    padding: 40px 30px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-5-item {
    padding: 30px;
    padding-right: 30px;
  }
}
.it-testimonial-5-text p {
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  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-testimonial-5-text p {
    font-size: 14px;
  }
}
.it-testimonial-5-star i {
  color: var(--it-theme-5);
}
.it-testimonial-5-shape-1 {
  position: absolute;
  left: 35px;
  bottom: 300px;
  animation: rotate2 12s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-5-shape-1 {
    bottom: 100px;
  }
}
.it-testimonial-5-shape-2 {
  position: absolute;
  top: 160px;
  left: 355px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-5-shape-2 {
    left: 100px;
  }
}
.it-testimonial-5-shape-3 {
  position: absolute;
  top: 140px;
  right: 255px;
  animation: itswing 1s forwards infinite alternate;
}
.it-testimonial-5-shape-4 {
  position: absolute;
  bottom: 260px;
  right: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-5-shape-4 {
    bottom: 100px;
  }
}
.it-testimonial-5-shape-5 {
  position: absolute;
  top: 140px;
  left: 250px;
  animation: rotate2 4s linear infinite;
}
.it-testimonial-5-shape-6 {
  position: absolute;
  top: 170px;
  right: 110px;
  animation: itupdown 0.8s infinite alternate;
}
.it-testimonial-5-shape-7 {
  position: absolute;
  left: 75px;
  bottom: 230px;
}
.it-testimonial-5-current-menu-item {
  padding: 20px;
  margin: -20px;
}

.it-testimonial-style-2 .it-testimonial-5-item {
  padding: 50px;
  padding-right: 75px;
  padding-bottom: 40px;
  border-radius: 0;
  background-color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-testimonial-style-2 .it-testimonial-5-item {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.it-testimonial-style-2 .it-testimonial-5-item::after {
  display: none;
}
.it-testimonial-style-2 .it-testimonial-3-avata {
  border-radius: 50%;
  border: 2px solid var(--it-common-white);
}
.it-testimonial-style-2 .it-testimonial-3-avata::after {
  display: none;
}
.it-testimonial-style-2 .it-testimonial-3-author-info span {
  color: var(--it-theme-4);
}
.it-testimonial-style-2 .it-testimonial-5-star i {
  font-size: 14px;
  color: #D3A500;
}
.it-testimonial-style-2 .it-testimonial-5-quote {
  position: absolute;
  top: 50px;
  right: 65px;
}
@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-5-quote {
    right: 20px;
  }
}

.it-testimonial-4-style .it-testimonial-3-content p {
  color: var(--it-common-black);
}
.it-testimonial-4-style .it-testimonial-3-author-info h5 {
  color: var(--it-common-black);
}
.it-testimonial-4-style .it-testimonial-3-author-info span {
  color: var(--it-common-black);
}
.it-testimonial-4-style .test-slider-dots .swiper-pagination-bullet {
  background-color: var(--it-common-black);
}
.it-testimonial-4-style .swiper-pagination-bullet {
  opacity: 1;
}

.it-sub-bg-none .it-section-subtitle {
  background-color: transparent;
}

.ed-testimonial-ptb {
  margin-top: -100px;
  padding-top: 220px;
  padding-bottom: 120px;
  background-size: cover;
}
.ed-testimonial-item {
  padding: 30px 30px;
  padding-right: 46px;
  border: 1px solid var(--it-common-black-3);
  border-radius: 20px;
}
.ed-testimonial-author-box h5 {
  font-weight: 700;
  font-size: 20px;
}
.ed-testimonial-author-box span {
  font-size: 17px;
  color: var(--it-theme-1);
}
.ed-testimonial-quote {
    position: absolute;
    top: -29px;
    left: -20px;
}
.ed-testimonial-active {
    padding: 30px;
    margin: -30px;
}
.ed-testimonial-ratting {
  margin-bottom: 5px;
}
.ed-testimonial-ratting i {
  font-size: 14px;
  color: #FC6441;
}
.ed-testimonial-current-menu-item {
  padding: 30px;
  margin: -30px;
}

.ed-testimonial-style-2 .ed-testimonial-item {
  border-radius: 10px;
  border: 2px dashed var(--it-common-orange);
}
.ed-testimonial-style-2 .ed-testimonial-author-box h5 {
  font-size: 17px;
  margin-bottom: 0;
}
.ed-testimonial-style-2 .ed-testimonial-author-box span {
  font-size: 13px;
}

.ed-testimonial-style-3 .ed-testimonial-item {
  border: 2px dashed var(--it-theme-7);
}
.ed-testimonial-style-3 .ed-testimonial-author-box span {
  color: var(--it-theme-5);
}
.ed-testimonial-style-3 .ed-testimonial-ratting i {
  color: var(--it-theme-7);
}
.ed-testimonial-style-3 .ed-testimonial-shape-1 {
  position: absolute;
  top: 4%;
  right: 0;
  animation: zoom 13s infinite;
}
.ed-testimonial-style-3 .ed-testimonial-shape-2 {
  position: absolute;
  bottom: 23%;
  left: 5%;
  animation: ittranslateY2 4s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ed-testimonial-style-3 .ed-testimonial-shape-2 {
    bottom: 3%;
  }
}
.ed-testimonial-style-3.inner-style .ed-testimonial-author-box span {
  color: var(--it-common-purple-3);
}

/*----------------------------------------*/
/*  28. team css start
/*----------------------------------------*/
.it-team-item:hover .it-team-thumb::after {
  opacity: 1;
  visibility: visible;
}
.it-team-item:hover .it-team-thumb img {
  transform: scale(1.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-left {
    margin-bottom: 50px;
  }
}
.it-team-text p {
  padding-right: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-text p {
    padding-right: 48px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-text p {
    padding-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-team-button a {
    margin-bottom: 20px;
  }
}
.it-team-thumb {
  position: relative;
}
.it-team-thumb::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(14, 42, 70, 0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-team-thumb img {
  transition: 0.9s;
  width: 100%;
}
.it-team-thumb-box {
  border-radius: 5px;
  overflow: hidden;
  border: 6px solid var(--it-theme-1);
}
.it-team-author-box {
  position: absolute;
  bottom: 20px;
  left: 30px;
  right: 28px;
  border-radius: 5px;
  padding: 15px 24px;
  padding-bottom: 7px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-author-box {
    bottom: 15px;
    left: 10px;
    right: 10px;
  }
}
.it-team-author-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  line-height: 1;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-author-name {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-team-author-name {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-author-name {
    font-size: 17px;
  }
}
.it-team-author-info {
  line-height: 0;
}
.it-team-author-info span {
  color: var(--it-theme-1);
  font-size: 13px;
  font-weight: 500;
  line-height: 32px;
  text-transform: capitalize;
}
.it-team-link a {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #E9E2FF;
}
.it-team-link a svg {
  display: inline-block;
  color: var(--it-theme-1);
  transform: translate(-5px, -2px);
}
.it-team-social-box {
  position: absolute;
  top: 35px;
  right: 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-team-social-box {
    top: 20px;
  }
}
.it-team-social-box:hover .it-team-social {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.it-team-social-box button {
  height: 45px;
  width: 45px;
  left: 0;
  line-height: 48px;
  border-radius: 50%;
  padding: 0;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-team-social {
  position: absolute;
  bottom: -155px;
  left: 50%;
  padding: 5px 13px;
  background-color: var(--it-common-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9;
}
.it-team-social::after {
  content: "";
  top: -9px;
  left: 50%;
  width: 12px;
  height: 12px;
  position: absolute;
  transform: translateX(-50%);
  background-color: var(--it-common-white);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.it-team-social a {
  font-size: 18px;
  color: var(--it-theme-1);
}
.it-team-social a:not(:last-child) {
  margin-bottom: 10px;
}
.it-team-right-box {
  margin-left: -35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-right-box {
    margin-left: 0;
  }
}
.it-team-shape-1 {
  position: absolute;
  left: 35%;
  top: 200px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-shape-1 {
    left: 30%;
  }
}
.it-team-shape-2 {
  position: absolute;
  top: 350px;
  left: 50px;
  animation: itleftright 1s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-team-shape-2 {
    left: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-team-shape-2 {
    top: 10%;
  }
}
.it-team-shape-3 {
  position: absolute;
  bottom: 170px;
  left: 35%;
  animation: rotate2 4s linear infinite;
}

.it-team-3-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70.6%;
  z-index: -1;
}
.it-team-3-bg.overley::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(14, 42, 70, 0.85);
}
.it-team-3-item:hover .it-team-3-content {
  background-color: var(--it-theme-3);
}
.it-team-3-item:hover .it-team-3-content span {
  color: var(--it-common-white);
}
.it-team-3-content {
  border-radius: 0 0 5px 5px;
  padding: 30px 15px;
  padding-top: 0;
  transition: 0.3s;
  background-color: var(--it-common-black);
}
.it-team-3-content span {
  color: var(--it-theme-2);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: capitalize;
}
.it-team-3-thumb {
  border-radius: 5px 5px 0 0;
  position: relative;
}
.it-team-3-thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.4s ease-in-out;
  background: rgba(48, 55, 63, 0.7);
}
.it-team-3-thumb img {
  border-radius: 5px 5px 0 0;
  width: 100%;
  transition: 0.9s;
}
.it-team-3-title {
  color: var(--it-common-white);
  font-family: var(--it-ff-poppins);
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
}
.it-team-3-social-box {
  display: inline-block;
  transform: translateY(-22px);
}
.it-team-3-social-box button {
  height: 40px;
  width: 40px;
  line-height: 43px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-theme-2);
  transition: 0.3s;
  padding: 0;
}
.it-team-3-social-box:hover button {
  background-color: var(--it-theme-2);
  color: var(--it-common-white);
}
.it-team-3-social-box:hover .it-team-3-social-wrap {
  bottom: 140%;
  opacity: 1;
  visibility: visible;
}
.it-team-3-social-wrap {
  background-color: var(--it-common-white);
  display: inline-block;
  padding: 11px 13px;
  position: absolute;
  bottom: 190%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.it-team-3-social-wrap::after {
  position: absolute;
  content: "";
  bottom: -5px;
  left: 50%;
  height: 10px;
  width: 10px;
  background-color: var(--it-common-white);
  transform: translateX(-50%) rotate(-45deg);
}
.it-team-3-social-wrap > a {
  display: flex;
  display: table;
  color: var(--it-theme-2);
  line-height: 0;
  transition: 0.3s;
}
.it-team-3-social-wrap > a:hover {
  color: var(--it-theme-3);
}
.it-team-3-social-wrap > a:not(:last-child) {
  margin-bottom: 10px;
}
.it-team-3-item {
  border-radius: 5px;
}
.it-team-3-item:hover .it-team-3-thumb img {
  transform: scale(1.1);
}
.it-team-3-item:hover .it-team-3-thumb::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.it-team-3-shape-1 {
  position: absolute;
  left: 35px;
  top: 440px;
}
.it-team-3-shape-2 {
  position: absolute;
  top: 115px;
  left: 365px;
  animation: rotate2 12s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-team-3-shape-2 {
    left: 100px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-3-shape-2 {
    top: 75px;
    left: 100px;
  }
}
.it-team-3-shape-3 {
  position: absolute;
  top: 150px;
  right: 320px;
  animation: itswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-3-shape-3 {
    right: 100px;
  }
}

.it-team-3-style-2 .it-team-3-item:hover .it-team-3-content {
  background-color: var(--it-theme-4);
}
.it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-box button {
  background-color: var(--it-common-yellow);
  color: var(--it-common-white);
}
.it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-wrap > a {
  color: var(--it-common-yellow);
}
.it-team-3-style-2 .it-team-3-item:hover .it-team-3-social-wrap > a:hover {
  color: var(--it-theme-4);
}
.it-team-3-style-2 .it-team-3-content {
  background-color: var(--it-common-yellow);
  transition: 0.3s;
}
.it-team-3-style-2 .it-team-3-author-box span {
  color: var(--it-common-white);
}
.it-team-3-style-2 .it-team-3-social-box button {
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.it-team-3-style-2 .it-team-3-social-wrap > a {
  color: var(--it-common-yellow);
}
.it-team-3-style-2 .it-team-3-social-wrap > a:hover {
  color: var(--it-theme-4);
}

.it-team-3-style-3 .it-team-3-item:hover .it-team-3-content {
  background-color: var(--it-theme-1);
}
.it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-box button {
  background-color: var(--it-common-yellow);
  color: var(--it-common-white);
}
.it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-wrap > a {
  color: var(--it-common-yellow);
}
.it-team-3-style-3 .it-team-3-item:hover .it-team-3-social-wrap > a:hover {
  color: var(--it-theme-1);
}
.it-team-3-style-3 .it-team-3-social-box button {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

.it-teacher-details-wrap {
  background-color: #E8E8F4;
  padding: 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-teacher-details-wrap {
    font-size: 14px;
    padding: 50px 20px;
  }
}
.it-teacher-details-left-thumb img {
    width: 100%;
    margin-bottom: 30px;
    border-radius: 5px;
}
.it-teacher-details-left-social {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #D9D9D9;
}
.it-teacher-details-left-social a {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  background-color: var(--it-common-white);
  margin: 0px 6px;
  transition: 0.3s;
}
.it-teacher-details-left-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-orange);
}
.it-teacher-details-left-info {
  margin-bottom: 40px;
}
.it-teacher-details-left-info ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
}
.it-teacher-details-left-info ul li a {
  color: #4D5756;
  font-size: 15px;
  font-weight: 400;
  line-height: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-teacher-details-left-info ul li a {
    font-size: 14px;
  }
}
.it-teacher-details-left-info ul li i {
  color: var(--it-common-orange);
  position: absolute;
  top: 8px;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-teacher-details-left {
    margin-bottom: 50px;
  }
}
.it-teacher-details-right {
  background-color: var(--it-common-white);
  padding: 60px;
  margin-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-teacher-details-right {
    padding: 60px 15px;
    margin-left: 0;
  }
}
.it-teacher-details-right .it-progress-bar-wrap h4 {
  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-teacher-details-right .it-progress-bar-wrap h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-teacher-details-right .it-progress-bar-item label {
    font-size: 14px;
  }
}
.it-teacher-details-right-title-box {
  margin-bottom: 40px;
}
.it-teacher-details-right-title-box h4 {
  color: #0E2A46;
  font-size: 30px;
  font-weight: 700;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-teacher-details-right-title-box h4 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .it-teacher-details-right-title-box h4 {
    font-size: 19px;
  }
}
.it-teacher-details-right-title-box span {
  color: var(--it-common-orange);
  font-size: 13px;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 30px;
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-teacher-details-right-title-box 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), (max-width: 767px) {
  .it-teacher-details-right-content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-teacher-details-right-content h4 {
    font-size: 20px;
  }
}
.it-teacher-details-right .it-progress-bar-wrap .it-progress-bar-item {
  padding: 5px 0;
}
.it-teacher-details-right .it-progress-bar-wrap .it-progress-bar .progress-bar span {
  top: -22px;
}

.ed-team-item {
  padding: 10px;
  border-radius: 5px;
  background-color: var(--it-common-white);
}
.ed-team-item:hover .ed-team-thumb img {
  transform: scale(1.1);
}
.ed-team-content {
  padding-left: 20px;
  padding-top: 25px;
  padding-bottom: 20px;
}
.ed-team-thumb {
  border-radius: 5px 5px 0 0;
}
.ed-team-thumb img {
  border-radius: 5px 5px 0 0;
  width: 100%;
  transition: 0.9s;
}
.ed-team-title {
  color: var(--it-common-black);
  font-weight: 700;
  font-size: 21px;
  text-transform: capitalize;
  margin-bottom: 2px;
}
.ed-team-title a {
  transition: 0.3s;
}
.ed-team-title a:hover {
  color: var(--it-theme-7);
}
.ed-team-author-box span {
  color: var(--it-theme-6);
}
.ed-team-social-box {
  display: inline-block;
  position: absolute;
  top: -22px;
  right: 20px;
}
.ed-team-social-box button {
  height: 40px;
  width: 40px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
  padding: 0;
}
.ed-team-social-box:hover .ed-team-social-wrap {
  bottom: 101%;
  opacity: 1;
  visibility: visible;
}
.ed-team-social-wrap {
  display: inline-block;
  position: absolute;
  bottom: 140%;
  left: 0px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.ed-team-social-wrap > a {
  height: 40px;
  width: 40px;
  line-height: 43px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
  margin-bottom: 2px;
}
.ed-team-social-wrap > a:hover {
  background-color: var(--it-theme-6);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ed-team-arrow-box {
    display: none;
  }
}
.ed-team-arrow-box button {
  font-size: 24px;
  height: 62px;
  line-height: 58px;
  width: 62px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-theme-5);
  border: 1px solid var(--it-theme-5);
}
.ed-team-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.ed-team-arrow-box button.slider-prev {
  margin-right: 25px;
}
.ed-team-shape-1 {
  position: absolute;
  top: 4%;
  right: -1%;
  z-index: -1;
  animation: itswing-2 3s forwards infinite alternate;
  transform-origin: bottom right;
}
.ed-team-area.inner-style .ed-team-social-box button {
  background-color: var(--it-common-orange);
}
.ed-team-area.inner-style .ed-team-social-wrap > a {
  background-color: var(--it-common-orange);
}
.ed-team-area.inner-style .ed-team-social-wrap > a:hover {
  background-color: var(--it-theme-6);
}
.ed-team-area.inner-style .ed-team-author-box span {
  color: var(--it-common-purple-3);
}
.ed-team-area.inner-style .ed-team-arrow-box button {
  border: 1px solid var(--it-common-orange);
  color: var(--it-common-orange);
}
.ed-team-area.inner-style .ed-team-arrow-box button:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-orange);
}
.ed-team-area.inner-style .ed-team-item {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.1);
}

/*----------------------------------------*/
/*  17. faq css start
/*----------------------------------------*/
.it-faq-wrap {
  margin-right: -20px;
  transform: translateX(-40px);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-wrap {
    margin-right: 0;
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-wrap {
    margin-right: 0;
    margin-top: 50px;
    transform: translateX(0px);
  }
}
.it-faq-thumb img {
  border-radius: 5px;
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-thumb img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-thumb img {
    width: 100%;
  }
}
.it-faq-shape-1 {
  position: absolute;
  bottom: 160px;
  left: 80px;
  animation: itswing 1s forwards infinite alternate;
}
.it-faq-shape-2 {
  position: absolute;
  top: 15px;
  right: 155px;
  animation: itswing 1s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-faq-shape-2 {
    top: -50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-shape-2 {
    top: -80px;
  }
}

/*----------------------------------------*/
/*  06. career css start
/*----------------------------------------*/
.it-career-bg {
  background: linear-gradient(180deg, #F2F2F2 0%, rgba(242, 242, 242, 0) 100%);
}
.it-career-item {
  border-radius: 5px;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 40px 20px;
  }
}
.it-career-content {
  position: relative;
  z-index: 2;
}
.it-career-content > span {
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  text-transform: capitalize;
  color: var(--it-common-white);
  display: block;
  padding-bottom: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-content > span {
    font-size: 16px;
  }
}
.it-career-content p {
  color: #FFF;
  font-family: var(--it-ff-heading);
  font-size: 20px;
  font-weight: 700;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-content p {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .it-career-content p br {
    display: none;
  }
}
.it-career-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-thumb {
    bottom: -8%;
    right: -15%;
  }
}
@media (max-width: 767px) {
  .it-career-thumb {
    display: none;
  }
}
.it-career-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
}
.it-career-shape-2 {
  position: absolute;
  top: 0;
  right: 0;
}
.it-career-shape-3 {
  position: absolute;
  top: 105px;
  right: 170px;
  animation: rotate2 4s linear infinite;
}
.it-career-shape-4 {
  position: absolute;
  left: 430px;
  top: 195px;
  animation: itleftright 1s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-career-shape-4 {
    left: 350px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-shape-4 {
    left: 320px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-shape-4 {
    left: 200px;
  }
}
.it-career-shape-5 {
  position: absolute;
  left: 200px;
  bottom: 18px;
  animation: rotate2 4s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-career-shape-5 {
    bottom: -40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-shape-5 {
    bottom: -50px;
  }
}
.it-career-shape-6 {
  position: absolute;
  top: 95px;
  left: 50px;
  animation: itupdown 0.8s infinite alternate;
}

@media (max-width: 767px) {
  .it-about-3-mv-item p {
    font-size: 14px;
  }
}

.it-career-style-3.it-career-bg {
  background: none;
}
.it-career-style-3 .it-career-item {
  background-color: var(--it-theme-2);
}
.it-career-style-3 .it-career-content > span {
  font-size: 45px;
  font-weight: 700;
  font-family: var(--it-ff-poppins);
}
@media (max-width: 767px) {
  .it-career-style-3 .it-career-content > span {
    font-size: 30px;
  }
}
.it-career-style-3 .it-career-content p {
  font-size: 15px;
  font-weight: 400;
  line-height: 32px;
  color: var(--it-common-white);
  max-width: 310px;
}

.it-progress-bar-item {
  padding: 30px 0px;
  overflow: hidden;
  padding-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-progress-bar-item {
    padding-top: 20px;
  }
}
.it-progress-bar-item label {
  font-size: 17px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 12px;
  display: inline-block;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-progress-bar-item label {
    font-size: 14px;
  }
}
.it-progress-bar .progress {
  overflow: visible;
  border-radius: 10px;
  background: rgba(137, 186, 180, 0.3);
  height: 10px;
}
.it-progress-bar .progress-bar {
  background-color: var(--it-theme-3);
  border-radius: 30px;
  position: relative;
  overflow: visible;
  height: 100%;
  border-radius: 10px;
  top: 0;
}
.it-progress-bar .progress-bar span {
  position: absolute;
  right: 0;
  top: -30px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
  padding: 5px 7px;
}
.it-progress-bar .progress-bar span::after {
  position: absolute;
  bottom: -5px;
  left: 50%;
  height: 10px;
  width: 10px;
  background-color: var(--it-theme-3);
  content: "";
  transform: translateX(-50%) rotate(-45deg);
}
.it-progress-bar-wrap.inner-style .progress-bar {
  background-color: var(--it-common-purple-3);
}
.it-progress-bar-wrap.inner-style .progress-bar span {
  background-color: var(--it-common-purple-3);
}
.it-progress-bar-wrap.inner-style .progress-bar span::after {
  background-color: var(--it-common-purple-3);
}
.it-progress-bar-wrap.inner-style .progress-bar.orange {
  background-color: var(--it-common-orange);
}
.it-progress-bar-wrap.inner-style .progress-bar.orange span {
  background-color: var(--it-common-orange);
}
.it-progress-bar-wrap.inner-style .progress-bar.orange span::after {
  background-color: var(--it-common-orange);
}

.it-value-img-shape {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-50%);
  z-index: -1;
}
.it-value-img-shape-2 {
  position: absolute;
  bottom: -8%;
  left: 4%;
  z-index: -1;
}
.it-value-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: var(--it-common-white);
  color: var(--it-common-yellow);
}
.it-value-right-img img {
  width: 100%;
}
.it-value-right-wrap {
  margin-left: 60px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-value-right-wrap {
    margin-left: 0;
  }
}
.it-value-shape-1 {
  position: absolute;
  bottom: 18%;
  left: 2%;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-value-shape-1 {
    bottom: -8%;
    left: -1%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-value-shape-1 {
    bottom: -7%;
    left: -1%;
  }
}
.it-value-shape-2 {
  position: absolute;
  top: -12%;
  right: -6%;
  z-index: -1;
}
.it-value-shape-3 {
  position: absolute;
  top: 12%;
  left: 34%;
}

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

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-progress-bar-wrap {
    margin-bottom: 60px;
  }
}

.ed-career-style-2 .it-career-content > span {
  font-size: 14px;
  text-transform: uppercase;
}
.ed-career-style-2 .it-career-content > p {
  font-weight: 700;
  font-size: 26px;
  text-transform: capitalize;
}

/*----------------------------------------*/
/* 11. class css start
/*----------------------------------------*/
.it-class-item {
  border-radius: 10px;
}
.it-class-item:hover .it-class-rate span {
  background-color: var(--it-theme-4);
}
.it-class-item:hover .it-class-meta-box {
  background-color: var(--it-theme-5);
}
.it-class-item:hover .it-class-thumb {
  border-radius: 10px 10px 0 0;
}
.it-class-item:hover .it-class-thumb img {
  transform: scale(1.1) rotate(-2deg);
}
.it-class-item.current-menu-item .it-class-rate span {
  background-color: var(--it-theme-4);
}
.it-class-item.current-menu-item .it-class-meta-box {
  background-color: var(--it-theme-5);
}
.it-class-thumb {
  border-radius: 10px 10px 0 0;
}
.it-class-thumb img {
  border-radius: 10px 10px 0 0;
  width: 100%;
  transition: 0.9s;
}
.it-class-rate {
  position: absolute;
  top: 20px;
  right: 20px;
}
.it-class-rate span {
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  color: #FFF;
  font-size: 21px;
  font-weight: 600;
  text-align: center;
  font-family: var(--it-ff-heading);
  background-color: var(--it-theme-5);
  transition: 0.3s;
}
.it-class-title {
  font-size: 21px;
  font-weight: 600;
  line-height: 1.4;
  padding-bottom: 5px;
  text-transform: uppercase;
  transition: 0.3s;
}
.it-class-title:hover {
  color: var(--it-theme-4);
}
.it-class-text {
  background-color: #F3F5F5;
  padding: 30px 50px;
}
.it-class-text p {
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  margin-bottom: 0;
}
.it-class-meta i {
  font-size: 18px;
  display: block;
  color: var(--it-common-white);
}
.it-class-meta span {
  font-size: 12px;
  font-weight: 300;
  line-height: 30px;
  color: var(--it-common-white);
}
.it-class-meta-box {
  padding: 5px 62px;
  padding-top: 15px;
  background-color: var(--it-theme-4);
  border-radius: 0 0 10px 10px;
  transition: 0.3s;
}
.it-class-shape-1 {
  position: absolute;
  top: 150px;
  left: 265px;
  animation: itleftright 1s infinite alternate;
}
.it-class-shape-2 {
  position: absolute;
  left: 108px;
  bottom: 145px;
  animation: itupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-class-shape-2 {
    bottom: 30px;
  }
}
.it-class-shape-3 {
  position: absolute;
  right: 105px;
  bottom: 400px;
  animation: itleftright 1s infinite alternate;
}

/*----------------------------------------*/
/*  31. work css start
/*----------------------------------------*/
.it-work-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-work-item {
  border-radius: 30px;
  padding: 70px 40px;
  background-color: var(--it-common-white);
  border: 4px dashed var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-work-item {
    padding: 60px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-work-item {
    padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-work-item {
    padding: 30px;
  }
}
.it-work-item.current-menu-item {
  background-color: var(--it-common-purple-3);
  border-color: var(--it-common-purple-3);
}
.it-work-item.current-menu-item .it-work-icon span {
  background-color: var(--it-common-white);
}
.it-work-item.current-menu-item .it-work-title-sm {
  color: var(--it-common-white);
}
.it-work-item.current-menu-item .it-work-content p {
  color: var(--it-common-white);
}
.it-work-icon span {
  height: 100px;
  width: 100px;
  line-height: 100px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background-color: var(--it-common-black);
  margin-bottom: 30px;
}
.it-work-title-sm {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  font-family: var(--it-ff-poppins);
  margin-bottom: 20px;
}
.it-work-content p {
  color: #4D5756;
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
}

.ed-work-style-2 .it-work-item {
  padding-top: 70px;
  padding-bottom: 60px;
  border: none;
  border-radius: 60px;
  background-color: #F3F5F5;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .ed-work-style-2 .it-work-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .ed-work-style-2 .it-work-item .it-work-content p {
    font-size: 15px;
  }
}
.ed-work-style-2 .it-work-item.current-menu-item {
  background-color: #00BEAE;
}
.ed-work-style-2 .it-work-item.current-menu-item .it-work-title-sm {
  color: var(--it-common-white);
}
.ed-work-style-2 .it-work-item.current-menu-item .it-work-content p {
  color: var(--it-common-white);
}
.ed-work-style-2 .it-work-item.current-menu-item .it-work-icon span {
  background-color: var(--it-common-white);
}
.ed-work-style-2 .it-work-title-sm {
  transition: 0.3s;
}
.ed-work-style-2 .it-work-content p {
  transition: 0.3s;
}

.ed-work-style-3 .it-work-icon span {
  background-color: var(--it-theme-5);
}
.ed-work-style-3.inner-style .it-work-icon span {
  background-color: var(--it-common-purple-3);
}

/*----------------------------------------*/
/*  04. blog css start
/*----------------------------------------*/
.it-blog-item-box {
  padding: 30px;
  padding-bottom: 40px;
  border-radius: 5px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-item-box {
    padding: 20px;
    padding-bottom: 40px;
  }
}
.it-blog-title {
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4;
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-title {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-title {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-blog-title {
    font-size: 16px;
  }
}
.it-blog-title a {
  transition: 0.3s;
}
.it-blog-title a:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-blog-title-box {
    margin-bottom: 30px;
  }
}
.it-blog-thumb {
  margin-bottom: 25px;
  border-radius: 10px;
}
.it-blog-thumb a {
  width: 100%;
  display: inline-block;
}
.it-blog-thumb a img {
  width: 100%;
  border-radius: 10px;
  transition: 0.9s;
}
.it-blog-meta span {
  color: #4D5756;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
.it-blog-meta span i {
  display: inline-block;
  color: var(--it-theme-1);
  margin-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-meta span {
    font-size: 13px;
  }
}
.it-blog-meta span:not(:last-child) {
  margin-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-blog-meta span:not(:last-child) {
    margin-right: 15px;
  }
}
.it-blog-shape-1 {
  position: absolute;
  top: 140px;
  right: 40%;
  animation: rotate2 4s linear infinite;
}
.it-blog-item:hover .it-blog-thumb img {
  transform: scale(1.1) rotate(-2deg);
}

.it-blog-style-2 .it-blog-meta span i {
  color: var(--it-common-yellow);
}
.it-blog-style-2 .it-blog-title:hover {
  color: var(--it-theme-4);
}

.it-blog-style-3 .it-blog-meta span i {
  color: var(--it-theme-4);
}
.it-blog-style-3 .it-blog-title {
  font-size: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-style-3 .it-blog-title {
    font-size: 23px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-style-3 .it-blog-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-3 .it-blog-title {
    font-size: 20px;
  }
}
.it-blog-style-3 .it-blog-title a:hover {
  color: var(--it-theme-4);
}
.it-blog-style-3 .it-blog-thumb {
  padding-bottom: 0;
  border-radius: 5px 5px 0 0;
}
.it-blog-style-3 .it-blog-thumb img {
  border-radius: 5px 5px 0 0;
}
.it-blog-style-3 .it-blog-content {
  padding: 25px 45px;
  padding-bottom: 45px;
  border-radius: 0 0 5px 5px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-3 .it-blog-content {
    padding: 25px 25px;
    padding-bottom: 45px;
  }
}
.it-blog-style-3 .it-blog-item {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
}

.it-blog-style-4 .it-blog-meta span i {
  color: var(--it-common-purple-3);
}
.it-blog-style-4 .it-blog-title a:hover {
  color: var(--it-common-purple-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-4 .it-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-style-4 .it-blog-content {
    padding: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-blog-style-4 .it-blog-content {
    padding: 20px;
    padding-bottom: 20px;
  }
}
.it-blog-style-4.inner-style .it-blog-meta span i {
  color: var(--it-common-orange);
}
.it-blog-style-4.inner-style .it-blog-title a:hover {
  color: var(--it-common-purple-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-style-4.inner-style .it-blog-title {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-4.inner-style .it-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-style-4.inner-style .it-blog-content {
    padding: 30px;
    padding-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .it-blog-style-4.inner-style .it-blog-content {
    padding: 20px;
    padding-bottom: 20px;
  }
}

.it-blog-style-5 .it-blog-title a:hover {
  color: var(--it-theme-4);
}

.it-blog-style-6 .it-blog-meta span i {
  color: var(--it-theme-5);
}
.it-blog-style-6 .it-blog-title a:hover {
  color: var(--it-theme-1);
}
.it-blog-style-6 .it-btn {
  background: var(--it-theme-1);
}
.it-blog-style-6 .it-btn:hover {
  background-color: var(--it-theme-5);
}
.it-blog-style-6 .it-blog-thumb {
  padding-bottom: 0;
}
.it-blog-style-6 .it-blog-thumb img {
  border-radius: 5px 5px 0 0;
}
.it-blog-style-6 .it-blog-content {
  padding: 25px 45px;
  padding-bottom: 45px;
  border-radius: 0 0 5px 5px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-style-6 .it-blog-content {
    padding: 25px 25px;
    padding-bottom: 45px;
  }
}
.it-blog-style-6 .it-blog-item {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
}

.it-blog-color .it-blog-title a:hover {
  color: var(--it-theme-2);
}
.it-blog-color .it-blog-meta span i {
  color: var(--it-theme-3);
}

.ed-blog-style-2 .it-blog-content {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
  background: #E8E8F4;
}
.ed-blog-style-2 .it-blog-meta span i {
  color: var(--it-common-orange);
}
.ed-blog-style-2 .it-blog-title a:hover {
  color: var(--it-common-orange);
}

.ed-blog-style-2 .ed-btn-blog.theme-bg-2:hover {
  background-color: var(--it-theme-2);
}
.ed-blog-style-2 .ed-btn-blog.theme-bg-2:hover i {
  background-color: #FF7461;
}
.ed-blog-style-2 .ed-blog-shape-1 {
  position: absolute;
  top: 3%;
  left: 54%;
  animation: rotate2 4s linear infinite;
}

.ed-blog-style-3 .it-blog-content {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
  background: #E8E8F4;
}
.ed-blog-style-3 .it-blog-meta span i {
  color: var(--it-theme-6);
}
.ed-blog-style-3 .it-blog-title a:hover {
  color: var(--it-theme-6);
}
.ed-blog-style-3 .ed-btn-blog.radius:hover {
  background-color: var(--it-theme-7);
}
.ed-blog-style-3 .ed-blog-shape-2 {
  position: absolute;
  top: 1%;
  left: -1%;
  animation: itswing-2 3s forwards infinite alternate;
  transform-origin: bottom left;
}

/*--- details css start here ----*/
.postbox__details-wrapper {
  padding-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-wrapper {
    padding-right: 0;
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-tag a {
    font-size: 13px;
  }
}
.postbox__details-checkmark {
  padding-bottom: 40px;
}
.postbox__details-checkmark ul li {
  list-style-type: none;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.2;
  color: #202124;
}
@media (max-width: 767px) {
  .postbox__details-checkmark ul li {
    font-size: 14px;
  }
}
.postbox__details-checkmark ul li:last-child {
  margin-bottom: 0;
}
.postbox__details-checkmark ul li i {
  height: 20px;
  width: 20px;
  background-color: var(--it-common-black);
  color: var(--it-common-white);
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  font-size: 10px;
  transform: translateX(2px);
  position: absolute;
  top: -2px;
  left: 0;
}
.postbox__details-title {
  font-weight: 700;
  font-size: 36px;
  line-height: 1.2;
  color: var(--it-common-black);
  padding-bottom: 10px;
}
.postbox__details-title:hover {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .postbox__details-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .postbox__details-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__details-title {
    font-size: 32px;
  }
  .postbox__details-title br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-title {
    font-size: 25px;
  }
  .postbox__details-title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__details-title {
    font-size: 30px;
  }
  .postbox__details-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__details-title {
    font-size: 20px;
  }
  .postbox__details-title br {
    display: none;
  }
}
.postbox__details-title-box span {
  font-weight: 700;
  font-size: 14px;
  color: #888888;
  display: inline-block;
}
.postbox__details-title-box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
  padding-bottom: 10px;
  padding-right: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__details-title-box p {
    font-size: 15px;
  }
  .postbox__details-title-box 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) {
  .postbox__details-title-box p {
    font-size: 15px;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .postbox__details-title-box p {
    font-size: 13px;
    padding-right: 0;
  }
  .postbox__details-title-box p br {
    display: none;
  }
}
.postbox__details-img-box {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .postbox__details-img-box {
    flex-wrap: wrap;
  }
}
.postbox__details-img-box span img {
  border-radius: 20px;
  margin-bottom: 20px;
}
.postbox__details-img-box span img.img-mr {
  margin-right: 20px;
}
.postbox__details-img-caption {
  font-weight: 400;
  font-size: 13px;
  line-height: 10px;
  color: #87888A;
}
.postbox__details-img-caption i {
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 10px;
  color: #5F6168;
}

@media (max-width: 767px) {
  .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.postbox__content-wrap .it-contact-wrap {
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__content-wrap .it-contact-wrap {
    margin-bottom: 60px;
  }
}
.postbox__content-wrap .it-contact__textarea-box textarea {
  padding-top: 10px;
  height: 150px;
}
.postbox__p-right {
  margin-right: 20px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__p-right {
    margin-right: 0px;
  }
}
.postbox__thumb img {
  border-radius: 5px;
}
.postbox__thumb .play-btn {
  position: absolute;
  top: calc(50% - 20px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
  height: 90px;
  width: 90px;
  background-color: var(--it-common-white);
  text-align: center;
  line-height: 90px;
  color: var(--it-common-black);
  border-radius: 50%;
  animation: pulse 2s infinite;
}
@media (max-width: 767px) {
  .postbox__thumb .play-btn {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
  .postbox__thumb .play-btn i {
    padding-left: 4px;
  }
}
.postbox__thumb .play-btn:hover {
  background-color: var(--it-common-blue-4);
  color: var(--it-common-white);
}
.postbox__audio {
  height: 100%;
  width: 100%;
}
.postbox__audio iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.postbox__item-single:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.postbox__content p img {
  margin-bottom: 30px;
  max-width: 100%;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__content p img {
    width: 100%;
  }
}
.postbox__content-single {
  padding-left: 0;
  padding-right: 0;
  border: none;
}
.postbox__title {
  color: var(--it-common-black);
  line-height: 1.3;
  font-weight: 600;
  font-size: 36px;
  color: #202124;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 30px;
  }
  .postbox__title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 30px;
  }
  .postbox__title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 22px;
  }
  .postbox__title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 22px;
  }
  .postbox__title br {
    display: none;
  }
}
.postbox__title a:hover {
  color: var(--it-theme-1);
}
.postbox__meta {
  margin-bottom: 20px;
}
.postbox__meta a {
  font-weight: 400;
  font-size: 17px;
  line-height: 12px;
  color: #888888;
  display: inline-block;
}
.postbox__meta a:hover {
  color: var(--it-theme-1);
}
.postbox__meta-2 {
  padding-bottom: 13px;
}
.postbox__meta-2 a {
  font-weight: 400;
  font-size: 17px;
  line-height: 12px;
  color: #888888;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__meta-2 a {
    font-size: 13px;
  }
}
.postbox__meta-2 a:hover {
  color: var(--it-theme-1);
}
.postbox__text img {
  max-width: 100%;
}
.postbox__text p {
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__text 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) {
  .postbox__text p {
    font-size: 14px;
  }
}
.postbox__text-single p {
  margin-bottom: 15px;
}
.postbox__slider button {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-size: 30px;
  color: var(--it-common-white);
}
.postbox__slider button.slick-next {
  left: auto;
  right: 50px;
}
@media (max-width: 767px) {
  .postbox__slider button.slick-next {
    right: 10px;
  }
}
@media (max-width: 767px) {
  .postbox__slider button {
    left: 10px;
  }
}
.postbox__comment ul li {
  margin-bottom: 45px;
  padding-bottom: 30px;
  list-style: none;
  padding: 25px;
  padding-right: 40px;
  border: 1px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox__comment ul li {
    padding-right: 25px;
  }
}
.postbox__comment ul-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--it-common-black);
  margin-bottom: 40px;
  margin-right: 20px;
}
.postbox__comment-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: var(--it-common-white);
  margin-bottom: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__comment-title {
    font-size: 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) {
  .postbox__comment-title {
    font-size: 20px;
  }
}
.postbox__comment-avater img {
  width: 154px;
  height: 154px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .postbox__comment-avater img {
    width: 65px;
    height: 65px;
  }
}
.postbox__comment-name {
  margin-bottom: 5px;
}
.postbox__comment-name h5 {
  font-weight: 700;
  font-size: 22px;
  line-height: 20px;
  color: var(--it-common-black);
  margin-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__comment-name h5 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-name h5 {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .postbox__comment-text {
    margin-left: 0;
    margin-top: 15px;
  }
}
.postbox__comment-text p {
  font-size: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__comment-text p {
    font-size: 15px;
  }
  .postbox__comment-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__comment-text p {
    font-size: 14px;
  }
  .postbox__comment-text p br {
    display: none;
  }
}
.postbox__comment-reply {
  margin-top: 10px;
  padding-bottom: 17px;
}
.postbox__comment-reply span {
  margin-right: 40px;
  display: inline-block;
}
@media (max-width: 767px) {
  .postbox__comment-reply span {
    font-size: 17px;
  }
}
.postbox__comment-reply a {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  color: var(--it-common-black);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .postbox__comment-reply a {
    font-size: 14px;
  }
}
.postbox__comment-reply a:hover {
  color: var(--it-theme-1);
}
.postbox__comment-agree {
  margin-bottom: 30px;
}
.postbox__comment-agree .form-check-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #87888A;
}
.postbox__comment-agree .form-check-input:checked {
  background-color: var(--it-common-blue-4);
  border-color: transparent;
}
.postbox__comment-agree .form-check-input:focus {
  box-shadow: none;
}
.postbox__comment-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 4px;
}
.postbox__comment-input {
  position: relative;
  margin-bottom: 20px;
}
.postbox__comment-input span {
  font-weight: 600;
  color: var(--it-common-black);
  margin-bottom: 12px;
  display: block;
}
.postbox__comment-input input, .postbox__comment-input textarea {
  height: 55px;
  padding: 0 20px;
  width: 100%;
  font-size: 14px;
  outline: none;
  border: 1px solid #f7f7f7;
  box-shadow: 0px 16px 24px rgba(189, 196, 205, 0.13);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  color: var(--it-common-black);
}
.postbox__comment-input input::placeholder, .postbox__comment-input textarea::placeholder {
  color: rgba(116, 116, 116, 0.5);
}
.postbox__comment-input input:focus, .postbox__comment-input textarea:focus {
  border-color: var(--it-common-pink);
  color: var(--it-common-black);
}
.postbox__comment-input textarea {
  height: 175px;
  resize: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.postbox__tag span {
  font-size: 20px;
  margin-bottom: 17px;
  color: var(--it-common-black);
  margin-right: 30px;
  font-weight: 500;
}
@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__social {
    margin-top: 40px;
  }
}
.postbox__social span {
  font-size: 20px;
  color: var(--it-common-black);
  font-weight: 500;
}
.postbox__social a {
  font-size: 15px;
  padding-left: 30px;
}
.postbox__social a .it-linkedin {
  color: #0E6BA1;
}
.postbox__social a .it-pinterest {
  color: #D70220;
}
.postbox__social a .it-facebook {
  color: #0E6BA1;
}
.postbox__social a .it-twitter {
  color: #36B6ED;
}
@media (max-width: 767px) {
  .postbox__navigation-more {
    flex-wrap: wrap;
  }
}
.postbox__navigation-img {
  margin-right: 15px;
}
.postbox__navigation-img img {
  border-radius: 12px;
}
@media (max-width: 767px) {
  .postbox__navigation-left {
    margin-bottom: 30px;
  }
}
.postbox__navigation-content a:hover span {
  color: var(--it-common-blue-4);
}
.postbox__navigation-content span {
  font-weight: 500;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #5F6168;
  padding-bottom: 15px;
  display: inline-block;
  transition: 0.3s;
}
.postbox__navigation-content span i {
  margin-right: 10px;
}
.postbox__navigation-content h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 16px;
  color: #202124;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .postbox__navigation-content h5 {
    font-size: 16px;
  }
}
.postbox__navigation-content h5:hover {
  color: var(--it-common-blue-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__navigation-content h5 {
    font-size: 15px;
  }
}
.postbox__navigation-right .postbox__navigation-img {
  margin-right: 0;
  margin-left: 15px;
}
.postbox__navigation-right .postbox__navigation-content span i {
  margin-right: 0;
  margin-left: 10px;
}
.postbox__item {
  padding-top: 10px;
  padding-bottom: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.postbox__item i {
  font-size: 48px;
  color: var(--it-theme-1);
  margin-bottom: 20px;
}
.postbox__item p {
  font-size: 20px;
  line-height: 35px;
  font-weight: 700;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__item p {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .postbox__details-tag {
    margin-bottom: 20px;
  }
}
.postbox__details-tag span {
  color: var(--it-common-black);
  font-weight: 700;
  display: inline-block;
  padding-right: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-tag span {
    font-size: 17px;
  }
}
.postbox__details-tag a {
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background-color: #F2F2F2;
    color: var(--it-common-black);
    transition: 0.3s;
    margin-left: 10px;
    margin-bottom: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-tag a {
    padding: 0 7px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__details-tag a {
    padding: 0 10px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__details-tag a {
    padding: 0 10px;
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.postbox__details-tag a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.postbox__details-share span {
  color: var(--it-common-black);
  font-weight: 700;
  display: inline-block;
  padding-right: 15px;
}
.postbox__details-share a {
  font-size: 16px;
  color: var(--it-common-black);
  display: inline-block;
  padding: 0 5px;
  transition: 0.3s;
  background-color: #F2F2F2;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}
.postbox__details-share a:not(:last-child) {
  margin-right: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-share a {
    font-size: 14px;
  }
}
.postbox__details-share a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox__details-share-wrapper {
  padding-top: 20px;
  padding-bottom: 65px;
}
.postbox__comment-info {
  flex: 0 0 auto;
}
.postbox__meta span {
  display: inline-block;
  padding-bottom: 5px;
  position: relative;
  padding-left: 25px;
  font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__meta span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__meta span {
    font-size: 13px;
  }
}
.postbox__meta span:not(:last-child) {
  margin-right: 28px;
}
.postbox__meta span i {
  position: absolute;
  top: 8px;
  left: 0;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--it-common-orange);
}
.postbox__main-thumb img {
  border-radius: 5px;
}
.postbox__content-img img {
  width: 100%;
}
@media (max-width: 767px) {
  .postbox__content-img img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .postbox__content-img {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .postbox__slider-arrow-wrap {
    display: none;
  }
}
.postbox__slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  z-index: 9;
}
.postbox__slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  z-index: 9;
}
.postbox__slider-arrow-wrap button {
  height: 60px;
  width: 60px;
  line-height: 64px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  text-align: center;
  font-size: 18px;
}

.rc__post {
  transition: 0.3s;
  padding-top: 30px;
  border-top: 1px solid #E2E1E1;
  line-height: normal;
}
.rc__post:last-child {
  padding-bottom: 30px;
  border-bottom: 1px solid #E2E1E1;
}
.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb {
  flex: 0 0 auto;
  object-fit: cover;
}

.rc__post-thumb img {
    height: 100px;
    width: 100px;
    object-fit: cover;
}
.rc__post-title {
  font-weight: 600;
  font-size: 15px;
  margin-right: 30px;
  color: var(--it-common-black);
  line-height: 23px;
  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) {
  .rc__post-title {
    font-size: 14px;
    margin-right: 0;
  }
}
.rc__post-title a:hover {
  color: var(--it-theme-1);
}
.rc__meta {
  line-height: 0;
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  line-height: normal;
  display: inline-block;
  margin-bottom: 5px;
}
.rc__meta span i {
  color: var(--it-common-orange);
  display: inline-block;
  margin-right: 5px;
}

.sidebar__wrapper {
  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) {
  .sidebar__wrapper {
    padding-left: 0;
  }
}
.sidebar__widget-content ul > li {
  padding: 0 30px;
  height: 50px;
  line-height: 50px;
  list-style-type: none;
  position: relative;
  margin-bottom: 10px;
  transition: 0.3s;
  border: 1px solid #E2E1E1;
}
.sidebar__widget-content ul > li:hover {
  background-color: var(--it-theme-1);
}
.sidebar__widget-content ul > li:hover a {
  color: var(--it-common-white);
}
.sidebar__widget-content ul > li:hover::after {
  color: var(--it-common-white);
}
.sidebar__widget-content ul > li::after {
  content: "\f105";
  right: 30px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  color: var(--it-common-black);
  font-size: 18px;
}
.sidebar__widget-content ul > li > a {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
  transition: 0.3s;
}
.sidebar__widget-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 16px;
  margin-bottom: 30px;
  text-transform: uppercase;
  color: var(--it-common-black);
  display: inline-block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar__widget-title {
    font-size: 20px;
  }
  .sidebar__widget-title br {
    display: none;
  }
}
.sidebar__widget.color-box {
  padding: 40px 35px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .sidebar__widget.color-box {
    padding: 40px 20px;
  }
}
.sidebar__widget:last-child-title {
  border-bottom: 0;
}
.sidebar__widget > ul > li {
  list-style: none;
  margin-bottom: 15px;
}
.sidebar__widget > ul > li:last-child {
  margin-bottom: 0;
}
.sidebar__widget > ul > li a {
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  color: #5F6168;
  display: flex;
  justify-content: space-between;
}
.sidebar__widget > ul > li a:hover {
  color: var(--it-theme-1);
}
.sidebar__widget > ul > li a i {
  font-size: 18px;
  transform: translateY(2px);
  margin-right: 10px;
}
.sidebar__search {
  position: relative;
}
.sidebar__search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  text-transform: capitalize;
  background-color: #353535;
  border: none;
  padding-right: 60px;
  color: var(--it-common-white);
  outline: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sidebar__search input {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .sidebar__search input {
    padding-right: 40px;
    padding-left: 15px;
    font-size: 14px;
  }
}
.sidebar__search input:focus {
  border-color: var(--it-theme-1);
}
.sidebar__search input::placeholder {
  color: #777777;
}
.sidebar__search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  font-size: 18px;
}
.sidebar__banner-content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: var(--it-theme-1);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--it-common-white);
  text-transform: uppercase;
  margin-bottom: 0;
}

.tagcloud.space a {
  padding: 0px 15px;
}
.tagcloud a {
  color: #4D5756;
  background-color: #F2F2F2;
  display: inline-block;
  line-height: 1;
  padding: 0px 50px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 15px;
  margin-right: 10px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    font-size: 13px;
    padding: 0px 36px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
    padding: 0px 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
    font-size: 13px;
    padding: 0px 36px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    font-size: 13px;
    padding: 0px 36px;
  }
}
.tagcloud a:hover {
  background: var(--it-common-purple-3);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

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

/*----------------------------------------*/
/*  18. feature css start
/*----------------------------------------*/
.it-feature-item {
  padding: 53px 35px 45px 35px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 5px;
  background-color: #E8E8F4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-item {
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-item {
    padding: 30px 15px;
  }
}
.it-feature-item:hover .it-feature-icon {
  background-color: var(--it-theme-2);
}
.it-feature-icon {
  height: 130px;
  width: 130px;
  border-radius: 50%;
  line-height: 124px;
  text-align: center;
  margin: 0 auto;
  background-color: var(--it-common-black);
  position: relative;
  transition: 0.3s;
}
.it-feature-icon::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: 2px dashed var(--it-common-white);
  transform: scale(0.85);
}
.it-feature-icon span {
  color: var(--it-common-yellow);
  font-size: 50px;
}
.it-feature-text p {
  color: #333931;
  font-size: 17px;
  font-weight: 400;
  line-height: 32px;
  transition: 0.3s;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-text p {
    font-size: 15px;
  }
}
.it-feature-title {
  color: var(--it-common-black);
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  transition: 0.3s;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-title {
    font-size: 19px;
  }
}

.it-feature-3-item {
  padding: 40px 30px;
  background-color: #FFF;
  transition: 0.3s;
  filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.09));
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-item {
    padding: 30px 20px;
  }
}
.it-feature-3-item:hover {
  background-color: var(--it-theme-3);
}
.it-feature-3-item:hover .it-feature-3-icon span {
  background-color: var(--it-common-white);
  color: var(--it-theme-3);
}
.it-feature-3-item:hover .it-feature-3-icon span::after {
  border: 1px dashed var(--it-common-white);
}
.it-feature-3-item:hover .it-feature-3-title {
  color: var(--it-common-white);
}
.it-feature-3-item:hover .it-feature-3-content p {
  color: var(--it-common-white);
}
.it-feature-3-item:hover .ed-btn-theme.theme-2 {
  background-color: var(--it-common-white);
  color: var(--it-theme-3);
}
.it-feature-3-item:hover .ed-btn-theme.theme-2 i {
  background-color: #F2F2F2;
  color: var(--it-theme-3);
}
.it-feature-3-icon span {
  height: 90px;
  width: 90px;
  line-height: 106px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  background-color: var(--it-theme-3);
  color: var(--it-common-white);
  margin-bottom: 35px;
  position: relative;
  font-size: 48px;
  transition: 0.3s;
}
.it-feature-3-icon span::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  border: 1px dashed var(--it-theme-3);
  transform: scale(1.2);
  border-radius: 50%;
  transition: 0.3s;
}
.it-feature-3-title {
  font-size: 22px;
  font-weight: 700;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-poppins);
  margin-bottom: 20px;
  transition: 0.3s;
}
.it-feature-3-content p {
  color: #4D5756;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 20px;
  transition: 0.3s;
}
.it-feature-3-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.it-feature-3-bg.inner-style .it-feature-3-icon span {
  background-color: var(--it-common-purple-3);
}
.it-feature-3-bg.inner-style .it-feature-3-icon span::after {
  border: 1px dashed var(--it-common-purple-3);
}
.it-feature-3-bg.inner-style .ed-btn-theme {
  background-color: var(--it-common-purple-3);
}
.it-feature-3-bg.inner-style .ed-btn-theme i {
  background-color: #785DD7;
}
.it-feature-3-bg.inner-style .it-feature-3-item:hover {
  background-color: var(--it-common-purple-3);
}
.it-feature-3-bg.inner-style .it-feature-3-item:hover .it-feature-3-icon span {
  color: var(--it-common-purple-3);
  background-color: var(--it-common-white);
}
.it-feature-3-bg.inner-style .it-feature-3-item:hover .it-feature-3-icon span::after {
  border: 1px dashed var(--it-common-white);
}
.it-feature-3-bg.inner-style .it-feature-3-item:hover .ed-btn-theme {
  color: var(--it-common-purple-3);
}
.it-feature-3-bg.inner-style .it-feature-3-item:hover .ed-btn-theme i {
  color: var(--it-common-purple-3);
}

.it-feature-2-style .it-feature-item {
  padding: 30px 15px;
  padding-bottom: 30px;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.it-feature-2-style .it-feature-item::after {
  background-color: var(--it-common-white);
}
.it-feature-2-style .it-feature-item:hover::after {
  background-color: #00AFEF;
}
.it-feature-2-style .it-feature-item:hover .it-feature-button .it-btn-border {
  background-color: var(--it-theme-6);
  color: var(--it-common-white);
}
.it-feature-2-style .it-feature-item:hover .it-feature-icon span {
  color: var(--it-common-white);
}
.it-feature-2-style .it-feature-icon {
  height: auto;
  width: auto;
  background-color: transparent;
  line-height: 0;
}
.it-feature-2-style .it-feature-icon span {
  display: inline-block;
  font-size: 60px;
  line-height: 0;
  color: var(--it-theme-4);
  transition: 0.3s;
}
.it-feature-2-style .it-feature-icon span i {
  line-height: 0;
}
.it-feature-2-style .it-feature-text p {
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-2-style .it-feature-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-2-style .it-feature-text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-feature-2-style .it-feature-text p {
    font-size: 14px;
  }
}

.it-feature-3-style .it-feature-3-content p {
  transition: 0.5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-feature-3-style .it-feature-3-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-3-style .it-feature-3-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-feature-3-style .it-feature-3-content p {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-feature-3-style .it-feature-3-content p {
    font-size: 14px;
  }
}
.it-feature-3-style .it-feature-3-title {
  transition: 0.5s;
}
.it-feature-3-style .it-feature-3-icon span {
  background-color: var(--it-theme-1);
  transition: 0.5s;
}
.it-feature-3-style .it-feature-3-icon span::after {
  border-color: var(--it-theme-1);
  transition: 0.5s;
}

.it-feature-style-2 .it-feature-item:hover .it-feature-icon span {
  color: var(--it-common-white);
}
.it-feature-style-2 .it-feature-icon {
  background-color: transparent;
}
.it-feature-style-2 .it-feature-icon span {
  color: var(--it-theme-1);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-top-content {
    margin-bottom: 60px;
  }
}
.it-sv-details-top-thumb {
  margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-top-thumb {
    margin-right: 0;
  }
}
.it-sv-details-top-thumb img {
  max-width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-top-thumb img {
    width: 100%;
    margin-bottom: 30px;
  }
}
.it-sv-details-title {
  color: var(--it-common-black);
  font-size: 45px;
  font-weight: 700;
  line-height: 55px;
  text-transform: uppercase;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-sv-details-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-sv-details-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-title {
    font-size: 26px;
  }
}
.it-sv-details-title-sm {
  color: #4D5756;
  font-size: 17px;
  font-weight: 600;
  line-height: 32px;
  text-transform: capitalize;
  margin-bottom: 20px;
}
.it-sv-details-title-sm span {
  height: 20px;
  width: 20px;
  display: inline-block;
  text-align: center;
  line-height: 22px;
  border-radius: 20px;
  color: var(--it-common-white);
  font-size: 12px;
  background-color: var(--it-common-orange);
  margin-right: 15px;
}
.it-sv-details-content-box {
  background-color: #F2F2F2;
  padding: 40px;
}
.it-sv-details-content-box p {
  color: #4D5756;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
  margin-bottom: 0;
}
.it-sv-details-middle-thumb a {
  height: 80px;
  width: 80px;
  line-height: 80px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-middle-thumb a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    font-size: 12px;
  }
}
.it-sv-details-middle-thumb a::after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
  border-radius: 50%;
}
.it-sv-details-sidebar {
  padding-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-sv-details-sidebar {
    padding-left: 0;
  }
}
.it-sv-details-sidebar-search {
  position: relative;
}
.it-sv-details-sidebar-search input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  padding-right: 60px;
  color: var(--it-common-black);
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  outline: none;
}
.it-sv-details-sidebar-search button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  font-size: 18px;
}
.it-sv-details-sidebar-category {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  color: #4D5756;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: 0.3s;
}
.it-sv-details-sidebar-category.current-menu-item {
  background-color: var(--it-common-purple-3);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-sv-details-sidebar-category:hover {
  background-color: var(--it-common-purple-3);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-sv-details-sidebar-title {
  font-size: 23px;
  font-weight: 700;
  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-sv-details-sidebar-title {
    padding-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-sv-details-top-content p {
    font-size: 14px;
  }
}

/*----------------------------------------*/
/*  24. newsletter css start
/*----------------------------------------*/
.it-newsletter-height {
  height: 295px;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-height {
    height: 250px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-height {
    height: 285px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-left {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-newsletter-left .it-section-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-newsletter-left .it-section-title {
    font-size: 25px;
    padding-bottom: 10px;
  }
}
.it-newsletter-left span {
  color: var(--it-common-white);
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-left span {
    font-size: 15px;
  }
}
.it-newsletter-right {
  margin-left: 83px;
}
@media 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-right {
    margin-left: 0;
  }
}
.it-newsletter-right input {
  border-radius: 10px;
  background-color: var(--it-common-white);
  border: none;
  padding: 0 25px;
  padding-right: 210px;
  height: 80px;
  line-height: 80px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-newsletter-right input {
    height: 65px;
    line-height: 65px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-right input {
    height: 65px;
    line-height: 65px;
    font-size: 14px;
    padding-right: 155px;
  }
}
.it-newsletter-right button, .it-newsletter-right input.it-btn.black-bg {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-right button,  .it-newsletter-right input.it-btn {
    right: 5px;
  }
}
.it-newsletter-right button.it-btn, .it-newsletter-right input.it-btn {
  height: 58px;
  line-height: 58px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-newsletter-right button.it-btn, .it-newsletter-right input.it-btn {
    height: 55px;
    line-height: 55px;
    font-size: 12px;
    padding: 0 20px;
  }
}
.it-newsletter-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.it-newsletter-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
}
.it-newsletter-shape-3 {
  position: absolute;
  bottom: 15px;
  left: 150px;
  animation: rotate2 8s linear infinite;
}
.it-newsletter-shape-4 {
  position: absolute;
  top: 15px;
  right: 150px;
  animation: rotate2 8s linear infinite;
}

/*----------------------------------------*/
/*  15. error css start
/*----------------------------------------*/
.it-error-title {
  font-size: 45px;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-title {
    font-size: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-title {
    font-size: 34px;
  }
}
@media (max-width: 767px) {
  .it-error-title {
    font-size: 31px;
  }
}
.it-error-content p {
  font-size: 16px;
  margin-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-error-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content p {
    padding-right: 150px;
    font-size: 14px;
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .it-error-content p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 50px;
  }
}

/*----------------------------------------*/
/*  23. mobile-menu css start
/*----------------------------------------*/
.it-main-menu nav ul li.p-static {
  position: static;
}
.it-main-menu nav ul li .has-home-img {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  width: 1325px;
  opacity: 0;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-main-menu nav ul li .has-home-img {
    width: 100%;
  }
}
.it-main-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 10px;
}
.it-main-menu nav ul li .has-home-img .home-img-title {
  font-size: 16px;
  margin-bottom: 0;
  font-weight: 500;
  display: inline-block;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-main-menu nav ul li .has-home-img .home-img-title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-main-menu nav ul li .has-home-img .home-img-title:hover a {
  background-size: 0% 1px, 100% 1px;
}
.it-main-menu nav ul li .it-mega-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0;
  width: 1325px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-main-menu nav ul li .it-mega-menu {
    width: 100%;
  }
}


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

.home-img-btn {
  position: absolute;
  bottom: 20%;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}

.home-img-thumb {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.home-img-thumb:hover .home-img-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.it-menu-mobile .it-submenu {
  display: none;
}
.it-menu-mobile .it-menu-content {
  margin-bottom: 70px;
}
.it-menu-mobile .home-img {
  margin-bottom: 20px;
}
.it-menu-mobile .home-img-title {
  font-size: 15px;
}
.it-menu-mobile ul {
  position: static;
  display: block;
  box-shadow: none;
}
.it-menu-mobile ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.it-menu-mobile ul li.menu-item-has-children > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
  font-size: 18px;
  color: #7F8387;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 22px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.12);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.menu-item-has-children > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.menu-item-has-children > a .dropdown-toggle-btn.dropdown-opened i {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.it-menu-mobile ul li.menu-item-has-children > 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.menu-item-has-children > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.menu-item-has-children > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.menu-item-has-children > 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.menu-item-has-children > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.menu-item-has-children:hover > a::after {
  color: var(--it-theme-green);
}
.it-menu-mobile ul li:last-child a span {
  border-bottom: 0;
}
.it-menu-mobile ul li > a {
  display: block;
  font-size: 16px;
  color: var(--it-common-black);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
  text-transform: capitalize;
}
.it-menu-mobile ul li > a svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.it-menu-mobile ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  -webkit-transform: translateY(4px);
  -moz-transform: translateY(4px);
  -ms-transform: translateY(4px);
  -o-transform: translateY(4px);
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.it-menu-mobile ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.it-menu-mobile ul li img {
  width: 100%;
}
.it-menu-mobile ul li ul {
  padding: 0;
}
.it-menu-mobile ul li ul li {
  padding: 0;
}
.it-menu-mobile ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li:hover > a {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover > a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.it-menu-mobile ul li .mega-menu, .it-menu-mobile ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.it-menu-mobile ul li .mega-menu li, .it-menu-mobile ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.it-menu-mobile * ul, .it-menu-mobile * li {
  transition: none !important;
}

/*----------------------------------------*/
/*  19. footer css start
/*----------------------------------------*/
.it-footer-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-footer-text p {
  color: var(--it-common-white);
  font-size: 17px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-text p {
    font-size: 15px;
  }
  .it-footer-text p br {
    display: none;
  }
}
.it-footer-social a {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: inline-block;
  background-color: #E9E2FF;
  line-height: 45px;
  text-align: center;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.it-footer-social a:not(:last-child) {
  margin-right: 7px;
}
.it-footer-social a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-footer-title {
  font-size: 22px;
  font-weight: 700;
  padding-top: 10px;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 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-footer-title {
    font-size: 20px;
  }
}
.it-footer-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 30px;
}
.it-footer-list ul li:not(:last-child) {
  margin-bottom: 10px;
}
.it-footer-list ul li a {
  color: var(--it-common-white);
  font-size: 17px;
  font-weight: 400;
  text-transform: capitalize;
  display: inline-block;
  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-footer-list ul li a {
    font-size: 15px;
  }
}
.it-footer-list ul li a i {
  display: inline-block;
  position: absolute;
  top: 6px;
  left: 0;
  transition: 0.3s;
}
.it-footer-list ul li a:hover {
  color: var(--it-common-yellow);
}
.it-footer-list ul li a:hover i {
  color: var(--it-common-yellow);
}
.it-footer-thumb img {
  border-radius: 5px;
  width: 100%;
}
.it-footer-top-icon span {
  font-size: 25px;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  line-height: 70px;
  margin-right: 30px;
  border: 1px solid rgba(244, 244, 244, 0.5);
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-top-icon span {
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-top-icon span {
    font-size: 20px;
    height: 50px;
    width: 50px;
    line-height: 50px;
    margin-right: 15px;
  }
}
.it-footer-top-icon span .phone {
  transform: rotate(89deg);
}
.it-footer-top-text span {
  font-size: 15px;
  font-weight: 500;
  display: block;
  margin-bottom: 7px;
  color: var(--it-theme-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-top-text span {
    font-size: 12px;
  }
}
.it-footer-top-text a {
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
  font-size: 26px;
  font-weight: 700;
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-footer-top-text a:hover {
  background-size: 0% 1px, 100% 1px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-top-text a {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-top-text a {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-top-text a {
    font-size: 13px;
  }
}
.it-footer-top-info {
  position: relative;
  padding: 60px 0;
}
@media (max-width: 767px) {
  .it-footer-top-info {
    padding: 15px 0;
  }
}
.it-footer-top-info::after {
  position: absolute;
  content: "";
  top: 0;
  right: -24px;
  width: 1px;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.3);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-top-info::after {
    display: none;
  }
}
.it-footer-top-info.border-none::after {
  display: none;
}
.it-footer-border {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.it-footer-top-col-2 {
  padding-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-top-col-2 {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-top-col-2 {
    padding-left: 0;
  }
}
.it-footer-top-col-2.it-footer-top-info::after {
  right: -55px;
}

.it-copyright-height {
  background-color: #222;
  padding: 19px 0;
}
.it-copyright-text p {
  color: var(--it-common-white);
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-text p {
    font-size: 14px;
  }
}
.it-copyright-text p a {
  font-weight: 700;
  color: var(--it-common-yellow);
}
.it-copyright-text p a.blue {
  color: var(--it-common-yellow);
}
.it-copyright-text.style-2 a {
  color: var(--it-theme-3);
}
.it-copyright-text.style-3 a {
  color: var(--it-common-orange);
}
.it-copyright-text.style-4 a {
  color: var(--it-theme-5);
}
.it-copyright-text.inner-style a {
  color: var(--it-common-orange);
}
.it-copyright-right a {
  color: var(--it-common-white);
  font-size: 17px;
  font-weight: 400;
  transition: 0.3s;
}
.it-copyright-right a:not(:last-child) {
  margin-right: 30px;
}
.it-copyright-right a:hover {
  color: var(--it-theme-4);
}

.footer-col-2 {
  padding-left: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-2 {
    padding-left: 0;
  }
}

.footer-col-3 {
  margin-left: -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) {
  .footer-col-3 {
    margin-left: 0;
  }
}

.footer-col-4 {
  margin-left: 35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-4 {
    margin-left: 0;
  }
}

.footer-col-6 {
  margin-left: -30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-col-6 {
    margin-left: 0;
    margin-right: 20px;
  }
}

.footer-col-7 {
  transform: translateX(25px);
}
@media (max-width: 767px) {
  .footer-col-7 {
    transform: translateX(0px);
  }
}

.footer-col-8 {
  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) {
  .footer-col-8 {
    padding-left: 0;
  }
}

.it-footer-style-5 .it-footer-social a:hover {
  background-color: var(--it-theme-4);
  color: var(--it-common-white);
}

.ed-footer-style-2 .it-footer-social a {
  background-color: #4D5756;
  color: var(--it-theme-3);
}
.ed-footer-style-2 .it-footer-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.ed-footer-style-2 .it-footer-list ul li a:hover {
  color: var(--it-theme-2);
}
.ed-footer-style-2 .it-footer-list ul li a:hover i {
  color: var(--it-theme-2);
}

.ed-footer-style-3 .it-footer-social a {
  background-color: #4D5756;
  color: var(--it-common-white);
}
.ed-footer-style-3 .it-footer-social a:hover {
  color: var(--it-common-black);
}
.ed-footer-style-3 .it-footer-list ul li a:hover {
  color: var(--it-theme-3);
}
.ed-footer-style-3 .it-footer-list ul li a:hover i {
  color: var(--it-theme-3);
}

.ed-footer-style-4 .it-footer-list ul li a:hover {
  color: var(--it-common-orenge);
}
.ed-footer-style-4 .it-footer-list ul li a:hover i {
  color: var(--it-common-orenge);
}

.ed-footer-style-5 .it-footer-social a {
  background-color: #4D5756;
  color: var(--it-theme-5);
}
.ed-footer-style-5 .it-footer-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
}
.ed-footer-style-5 .it-footer-list ul li a:hover {
  color: var(--it-theme-6);
}
.ed-footer-style-5 .it-footer-list ul li a:hover i {
  color: var(--it-theme-6);
}
.ed-footer-style-5 .it-btn-white.sky-bg {
  background-color: var(--it-theme-5);
}
.ed-footer-style-5 .it-footer-top-text span {
  color: var(--it-theme-5);
}
.ed-footer-style-5.inner-style .it-footer-top-text span {
  color: var(--it-common-purple-3);
}
.ed-footer-style-5.inner-style .it-footer-social a {
  background-color: #4D5756;
  color: var(--it-common-orange);
}
.ed-footer-style-5.inner-style .it-footer-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-orange);
}
.ed-footer-style-5.inner-style .it-footer-list ul li a:hover {
  color: var(--it-common-orange);
}
.ed-footer-style-5.inner-style .it-footer-list ul li a:hover i {
  color: var(--it-common-orange);
}
.ed-footer-style-5.inner-style .it-footer-input-box .it-btn-white {
  background-color: var(--it-common-orange);
}

/*----------------------------------------*/
/* 07. 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 #eaedff;
  border-right: 1px solid #eaedff;
}

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

.table td, .table th {
  border-top: 1px solid #eaedff;
}

.product-quantity > input {
  width: 80px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-quantity > input {
    width: inherit;
  }
}

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

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

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

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

@media (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 58px;
  border: 2px solid #eaedff;
  padding: 0 30px;
  margin-right: 10px;
  width: auto;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .coupon2 .it-btn {
    padding: 0 35px;
  }
}

@media (max-width: 767px) {
  .coupon2 {
    float: none;
    margin-top: 15px;
  }
}
.cart-page-total {
  padding-top: 50px;
}

.cart-page-total > h2 {
  font-size: 25px;
  margin-bottom: 20px;
  text-transform: capitalize;
}

.cart-page-total > ul {
  border: 1px solid #eaedff;
}

.cart-page-total > ul > li {
  list-style: none;
  font-size: 15px;
  color: #6f7172;
  padding: 10px 30px;
  border-bottom: 1px solid #eaedff;
  font-weight: 400;
}

.cart-page-total ul > li > span {
  float: right;
}

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

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

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  border: 1px solid #e7e7e7;
  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 #eaedff;
  font-size: 30px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.payment-method .card {
  background-color: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

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

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

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

/*----------------------------------------*/
/*  09. checkout css start
/*----------------------------------------*/
/* 17. Checkout */
.coupon-accordion h3 {
  background-color: #f7f7f7;
  border-top: 3px solid var(--it-theme-1);
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 25px;
  padding: 1em 2em 1em 3.5em;
  position: relative;
  width: auto;
}

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

.coupon-accordion span {
  color: #6f7172;
  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 #eaedff;
  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 {
  display: block;
  color: #6f7172;
}

.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: 1px solid #eaedff;
  height: 45px;
  margin: 0 0 14px;
  max-width: 100%;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.coupon-info p.form-row-first input:focus, .coupon-info p.form-row-last input:focus {
  border-color: var(--it-common-black);
}

.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: 2px;
}

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

.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] {
  height: 45px;
  padding: 0 15px;
  width: 100%;
  border: 1px solid #eaedff;
  margin-bottom: 15px;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
p.checkout-coupon input[type=text]:focus {
  border-color: var(--it-common-black);
}

.coupon-checkout-content {
  display: none;
}

.checkbox-form h3 {
  border-bottom: 1px solid #eaedff;
  font-size: 26px;
  margin: 0 0 20px;
  padding-bottom: 10px;
  width: 100%;
}

.country-select {
  margin-bottom: 30px;
  position: relative;
}

.country-select select {
  width: 100%;
  background-color: transparent;
  border: 1px solid #eaedff;
  padding: 0 10px;
  height: 50px;
}

.country-select label, .checkout-form-list label {
  color: #6f7172;
  display: block;
  margin: 0 0 5px;
}

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

.country-select .nice-select {
  border: 1px solid #eaedff;
  height: 45px;
  padding-left: 10px;
  width: 100%;
  color: #6f7172;
  margin-bottom: 20px;
}

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

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

.checkout-form-list label {
  color: #6f7172;
}

.checkout-form-list input[type=text], .checkout-form-list input[type=password], .checkout-form-list input[type=email] {
  background: #ffffff;
  border: 1px solid #eaedff;
  border-radius: 0;
  height: 45px;
  padding: 0 0 0 10px;
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.checkout-form-list input[type=text]:focus, .checkout-form-list input[type=password]:focus, .checkout-form-list input[type=email]:focus {
  border-color: var(--it-common-black);
}

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

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

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 {
  color: #6f7172;
  display: inline-block;
}

.create-account {
  display: none;
}

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

.order-notes textarea {
  border: 1px solid #eaedff;
  height: 120px;
  padding: 15px;
  width: 100%;
  outline: 0;
  resize: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.payment-method .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 #eaedff;
  border-radius: 0;
  margin-bottom: 10px;
}

.payment-method .accordion .card:first-of-type {
  border: 1px solid #eaedff;
}

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

.payment-method .card-header {
  background-color: #ffffff;
  border-bottom: 1px solid #eaedff;
}

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

/*----------------------------------------*/
/*  05. text-slide css start
/*----------------------------------------*/
.ed-text-slider-height {
  height: 100px;
  line-height: 100px;
  background-color: var(--it-theme-2);
}
.ed-text-slider-wrap {
  animation: scrollText-2 20s infinite linear;
}
.ed-text-slider-content span {
  font-size: 35px;
  display: inline-block;
  margin-right: 55px;
  color: var(--it-common-white);
  white-space: nowrap;
  margin-left: 60px;
}

/*----------------------------------------*/
/*  26. shop css start
/*----------------------------------------*/
.it-shop-text span {
  font-weight: 500;
  font-size: 21px;
  text-transform: capitalize;
  color: var(--it-common-black);
}
.it-shop-filter {
  font-weight: 400;
  font-size: 14px;
  border: 1px solid #99999F;
  border-radius: 5px;
  display: inline-block;
  padding: 9px 20px;
  padding-right: 75px;
  margin-left: 30px;
}
@media (max-width: 767px) {
  .it-shop-filter {
    margin-left: 0;
  }
}
.it-shop-filter .nice-select::after {
  right: 23px;
  top: 27%;
}
.it-shop-item {
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1), 0 0 100px 0 rgba(255, 255, 255, 0.1);
}
.it-shop-item:hover .it-shop-thumb img {
  transform: scale(1.1);
}
.it-shop-item:hover .it-shop-icon-box {
  right: 25px;
}
.it-shop-thumb {
  overflow: hidden;
  border-radius: 5px 5px 0 0;
}
.it-shop-thumb img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
.it-shop-badge {
  position: absolute;
  top: 20px;
  left: 0;
}
.it-shop-badge span {
  font-size: 14px;
  letter-spacing: -0.01em;
  display: inline-block;
  color: var(--it-common-white);
  background-color: var(--it-common-orange);
  line-height: 1;
  padding: 5px 14px;
  border-radius: 0 50px 50px 0;
}
.it-shop-badge.theme span {
  background-color: var(--it-theme-3);
}
.it-shop-icon-box {
    position: absolute;
    top: 20px;
    right: -100%;
    transition: 0.5s;
}
.it-shop-icon-box a {
  display: block;
  height: 30px;
  width: 30px;
  line-height: 28px;
  border-radius: 50%;
  text-align: center;
  margin-bottom: 10px;
  color: var(--it-common-white);
  background-color: var(--it-common-purple-3);
  transition: 0.3s;
}
.it-shop-icon-box a:hover {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-shop-content {
  padding: 28px 15px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-shop-content {
    padding: 28px 35px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .it-shop-content {
    padding: 28px 30px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-shop-content {
    padding: 28px 15px;
    padding-bottom: 40px;
  }
}
.it-shop-title {
  font-weight: 700;
  font-size: 18px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.it-shop-title a {
  transition: 0.3s;
}
.it-shop-title a:hover {
  color: var(--it-common-purple-3);
}
.it-shop-ammount {
  font-size: 15px;
  color: #707279;
}
.it-shop-ammount del {
  color: var(--it-common-purple-3);
}
.it-shop-price {
  margin-bottom: 16px;
}
.it-shop-price > span {
  font-size: 14px;
}
.it-shop-price > span i {
  color: #FF9431;
}

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

/*# sourceMappingURL=theme-core.css.map */