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

    Theme Name: Medinosi – Health & Medical HTML5 Template
    Author: ordainIT - Portfolio
    Support:ordianit@gmail.com
    Version: 1.1

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

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

    01. THEME DEFAULT CSS
	02. MEANMENU CSS START
	03. about css start
	04. blog css start
	05. brand css start
	06. checkout css start
	07. choose css start
	08. contact css start
	09. counter css start
	10. cta css start
	11. error css start
	12. faq css start
	13. feature css start
	14. project css start
	16. laboratory css start
	17. product css start
	18. progress css start
	19. project css start
	20. quote css start
	21. service css start
	22. skill css start
	23. slider css start
	24. solution css start
	25. team css start
	26. testimonial css start
	27. video css start
    28. shop css start
    29. cart css start

**********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;500;600;700&family=Open+Sans:wght@400;500;600;700;800&family=Poppins:wght@300;400;500;600;700&family=Rubik:wght@300;400;500;600;700&family=Saira:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet');
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Open Sans', sans-serif;
  --it-ff-heading: 'Poppins', sans-serif;
  --it-ff-fontawesome: Font Awesome 5 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-white-2: #d0d0d0;
  --it-common-black: #222222;
  --it-common-black-2: #1f2126;
  --it-common-black-3: #333333;
  --it-common-black-4: #262626;
  --it-common-black-5: #1b1a1a;
  --it-common-blue: #72b7aa;
  --it-common-blue-2: #72b7aa;
  --it-common-blue-3: #72b7aa;
  --it-common-blue-4: #72b7aa;
  --it-common-blue-5: #72b7aa;
  --it-common-orange: #FF5F1F;
  --it-common-orange-2: #f16b08;
  --it-common-red: #f14b4f;
  --it-heading-primary: #222222;
  --it-grey-1: #f5f8f9;
  --it-grey-2: #898989;
  --it-grey-3: #f7f7f7;
  --it-grey-4: #7d7f85;
  --it-grey-5: #f4f5f7;
  --it-grey-6: #f6f7f8;
  --it-grey-7: #636363;
  --it-grey-8: #f2f4f6;
  --it-text-body: #4e4e4e;
  --it-theme-1: #40d0c6;
  --it-theme-2: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  --it-border-1: #dddddd;
  --it-border-2: #595252;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
    max-width: 1320px;
  }
}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl, .container-xxxl {
  --bs-gutter-x: 30px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

body.monserat {
  font-family: var(--it-ff-monserat);
}

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

.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,
textarea {
  outline: none;
  color: var(--it-common-black);
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #70737D;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #70737D;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #70737D;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #70737D;
}

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-10 {
  --bs-gutter-x: 10px;
}

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

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

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

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

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

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

.gx-60 {
  --bs-gutter-x: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gx-60 {
    --bs-gutter-x: 40px;
  }
}

/*--
    - Spacing
-----------------------------------------*/
.main-btn {
  display: inline-block;
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding: 0 37px;
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.4s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .main-btn {
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    font-size: 15px;
  }
}
.main-btn.blue-bg {
  background-color: var(--it-common-blue);
  transition: 0.3s;
}
.main-btn.blue-bg-2 {
  background-color: #72b7aa;
  color: var(--it-common-white);
  font-size: 17px;
  font-weight: 600;
}
.main-btn.dark-blue-bg {
  background-color: var(--it-common-blue-3);
  transition: 0.3s;
}
.main-btn:hover {
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  transform: translateY(-3px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.main-btn i {
  margin-left: 20px;
}

.gradient-btn {
  display: inline-block;
  color: var(--it-common-white);
  background-image: var(--it-theme-2);
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding: 0 33px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .gradient-btn {
    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) {
  .gradient-btn {
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    font-size: 15px;
  }
}
.gradient-btn.white-bg {
  background: var(--it-common-white);
}
.gradient-btn.white-bg span {
  color: var(--it-common-black);
}
.gradient-btn.white-bg i {
  color: var(--it-common-orange-2);
}
.gradient-btn.dark-blue-bg {
  background: var(--it-common-blue-3);
}
.gradient-btn.dark-blue-bg span {
  color: var(--it-common-white);
}
.gradient-btn.dark-blue-bg i {
  color: var(--it-common-white);
}
.gradient-btn.white-bg-2 {
  background: var(--it-common-white);
}
.gradient-btn.white-bg-2 span {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.gradient-btn.white-bg-2 i {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.gradient-btn.blue-bg-2 {
  background-color: #72b7aa;
}
.gradient-btn.blue-bg {
  background-image: -moz-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
}
.gradient-btn i {
  margin-left: 20px;
}
.gradient-btn:hover {
  transform: translateY(-5px);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  color: var(--it-common-white);
}
.gradient-btn:hover.blue-bg-2 {
  background-color: var(--it-common-white);
}

.Subscribe-btn {
  background-color: var(--it-common-blue);
  text-align: center;
  height: 80px;
  padding: 0px 39px;
  display: inline-block;
  line-height: 80px;
  color: var(--it-common-white);
  font-weight: 500;
  font-size: 18px;
  border-radius: 40px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Subscribe-btn {
    height: 60px;
    line-height: 60px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Subscribe-btn {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .Subscribe-btn {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding: 0 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Subscribe-btn {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    padding: 0 40px;
  }
}
.Subscribe-btn:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.Subscribe-blue-btn {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  text-align: center;
  height: 70px;
  padding: 0px 36px;
  display: inline-block;
  line-height: 70px;
  color: var(--it-common-white);
  font-weight: 500;
  font-size: 18px;
  border-radius: 40px;
  font-family: "Rubik", sans-serif;
}
.Subscribe-blue-btn.theme-color {
  background: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .Subscribe-blue-btn {
    height: 60px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .Subscribe-blue-btn {
    height: 60px;
    font-size: 15px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .Subscribe-blue-btn {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  .Subscribe-blue-btn {
    height: 45px;
    line-height: 45px;
    font-size: 12px;
    padding: 0px 23px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .Subscribe-blue-btn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    padding: 0px 42px;
  }
}
.Subscribe-blue-btn.red-bg {
  background: var(--it-common-red);
}
.Subscribe-blue-btn:hover {
  color: var(--it-common-white);
}

.sky-btn {
  display: inline-block;
  background-color: #04b3b7;
  color: var(--it-common-white);
  height: 43px;
  line-height: 43px;
  border-radius: 5px;
  padding: 0 36px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.sky-btn.height {
  height: 45px;
  line-height: 45px;
}
.sky-btn.big {
  width: 200px;
  height: 45px;
  line-height: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sky-btn.big {
    width: 163px;
    font-size: 14px;
  }
}

.blue-btn {
  display: inline-block;
  background-color: #04b3b7;
  color: var(--it-common-white);
  height: 52px;
  line-height: 52px;
  border-radius: 5px;
  padding: 0 36px;
  font-size: 17px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.blue-btn:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-blue-3);
}

.blue-btn-sm {
  display: inline-block;
  background-color: #f1f1f1;
  color: var(--it-common-black);
  height: 35px;
  line-height: 35px;
  border-radius: 7px;
  padding: 0 15px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.blue-btn-sm:hover {
  color: var(--it-common-white);
  background-color: var(--it-common-blue-3);
}

.white-btn {
  display: inline-block;
  background-color: var(--it-common-white);
  height: 53px;
  line-height: 53px;
  border-radius: 30px;
  padding: 0 48px;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  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) {
  .white-btn {
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    font-size: 15px;
  }
}
.white-btn i {
  margin-left: 20px;
}
.white-btn:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.white-btn-2 {
  display: inline-block;
  background-color: var(--it-common-white);
  height: 60px;
  line-height: 60px;
  border-radius: 30px;
  padding: 0 43px;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: 0.3s;
}
.white-btn-2:hover {
  background-color: var(--it-theme-1);
  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) {
  .white-btn-2 {
    height: 48px;
    line-height: 48px;
    padding: 0 28px;
    font-size: 15px;
  }
}
.white-btn-2 i {
  margin-left: 20px;
}

/* 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 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 tpleftright {
  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 tprotate {
  0% {
    transform: rotateY(0deg);
  }
  100% {
    transform: rotateY(360deg);
  }
}
@keyframes tptranslateY2 {
  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 tptranslateX2 {
  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 tpupdown {
  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 tpswing {
  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 borderanimate2 {
  0% {
    transform: translate(-50%, -50%) scale(0.8);
  }
  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;
  }
}
/*--- preloader ---*/
.dark #preloader {
  background-color: var(--it-theme-1);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.itoffcanvas {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  right: -100%;
  width: 480px;
  bottom: 0;
  box-shadow: 0 16px -32px 0 rgba(0, 0, 0, 0.8);
  background-color: var(--it-common-black);
  z-index: 9999;
  padding: 50px;
  scrollbar-width: none;
  opacity: 0;
  visibility: hidden;
  transition: 0.45s ease-in-out;
  overflow-y: scroll;
}
.itoffcanvas.opened {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .itoffcanvas {
    width: 300px;
    padding: 40px 35px;
  }
}
@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: white;
  position: absolute;
  right: 50px;
  top: 42px;
  transition: 1s;
  font-weight: 300;
  opacity: 0.2;
  -webkit-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  -moz-transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition: all 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  transition-duration: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 48px;
    top: 52px;
  }
}
@media (max-width: 767px) {
  .itoffcanvas__close-btn button {
    font-size: 28px;
    right: 39px;
    top: 38px;
  }
}
.itoffcanvas__close-btn button:hover {
  color: #fff;
  opacity: 1;
}
.itoffcanvas__content {
  margin-bottom: 30px;
}
.itoffcanvas__content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 1.6;
  margin-bottom: 25px;
}
.itoffcanvas__content span {
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
}
.itoffcanvas__content a {
  font-size: 30px;
  line-height: 51px;
  font-weight: 700;
  color: var(--it-common-white);
  display: inline-block;
}
@media (max-width: 767px) {
  .itoffcanvas__content a {
    font-size: 27px;
  }
}
.itoffcanvas__social {
  margin-top: 50px;
}
.itoffcanvas__social .social-icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  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-black);
}
.itoffcanvas__text {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .itoffcanvas__text {
    display: none;
  }
}
.itoffcanvas__text p {
  color: #ddd;
  font-size: 18px;
}
.itoffcanvas__info {
  border-bottom: 1px solid #3b3838;
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.itoffcanvas__info .offcanva-title {
  color: var(--it-common-white);
  margin: 30px 0 40px 0;
  font-size: 20px;
  font-weight: 600;
}
.itoffcanvas__info-icon a {
  height: 50px;
  width: 50px;
  background-color: var(--it-theme-1);
  color: var(--it-common-black);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
.itoffcanvas__info-address span {
  display: block;
  color: rgba(255, 255, 255, 0.6392156863);
  font-size: 16px;
  font-weight: 400;
}
.itoffcanvas__info-address a {
  display: block;
  color: var(--it-common-white);
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .itoffcanvas__info-address a {
    font-size: 16px;
  }
}
.itoffcanvas__info-address a:hover {
  color: var(--it-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__title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.1;
  color: var(--it-common-white);
  padding-bottom: 15px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-breadcrumb__title {
    font-size: 41px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb__title {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb__title {
    font-size: 45px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb__title {
    font-size: 32px;
    margin-bottom: 0;
  }
}
.it-breadcrumb__left-content {
  position: relative;
  z-index: 2;
  padding-top: 140px;
  padding-bottom: 220px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb__left-content {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb__left-content {
    padding-top: 95px;
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb__left-content {
    padding-top: 120px;
    padding-bottom: 50px;
  }
}
.it-breadcrumb__left-content span {
  font-size: 19px;
  color: #FFF;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb__left-content span {
    font-size: 15px;
  }
}
.it-breadcrumb__left-content span b {
  font-weight: 40;
  color: var(--it-theme-1);
}
.it-breadcrumb__content {
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-breadcrumb__content {
    margin-left: -90px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-breadcrumb__content {
    margin-left: -140px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-breadcrumb__content {
    margin-left: -40px;
  }
}
.it-breadcrumb__content img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb__content img {
    max-width: 85%;
  }
}

.it-breadcrumb__bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom;
  object-fit: cover;
  padding-top: 80px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb__bg {
    padding-top: 0;
  }
}
.it-breadcrumb__bg::before {
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: rgb(8, 30, 65);
  opacity: 0.631;
}
.it-breadcrumb__bg::after {
  content: "";
  height: 100%;
  width: 489px;
  top: 0;
  right: 0;
  position: absolute;
  background-color: rgb(64, 208, 198);
  opacity: 0.631;
  clip-path: polygon(59% 0, 100% 0, 100% 100%, 0% 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb__bg::after {
    display: none;
    visibility: hidden;
  }
}

.it-custom-accordio .accordion-buttons {
  color: var(--it-common-black);
  font-weight: 600;
  font-size: 22px;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 20px;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-custom-accordio .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordio .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio .accordion-buttons {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-buttons {
    font-size: 14px;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio .accordion-buttons {
    font-size: 17px;
    padding: 20px;
  }
}
.it-custom-accordio .accordion-buttons:not(.collapsed) {
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  color: var(--it-common-white);
}
.it-custom-accordio .accordion-buttons:not(.collapsed)::after {
  content: "\f106";
  background: var(--it-common-white);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.it-custom-accordio .accordion-buttons:not(.collapsed) span {
  background: var(--it-common-white);
  position: relative;
}
.it-custom-accordio .accordion-buttons:not(.collapsed) span::after {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 50%;
  left: 50%;
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-buttons:not(.collapsed) span::after {
    right: 5%;
    font-size: 13px;
  }
}
.it-custom-accordio .accordion-buttons::after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 50%;
  right: 6%;
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-buttons::after {
    right: 5%;
    font-size: 13px;
  }
}
.it-custom-accordio .accordion-buttons span {
  margin-right: 15px;
  height: 30px;
  width: 30px;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-buttons span {
    margin-right: 6px;
    height: 25px;
    width: 25px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio .accordion-buttons span {
    margin-right: 12px;
  }
}
.it-custom-accordio .accordion-buttons span i {
  font-size: 16px;
  color: var(--it-common-white);
  font-weight: 700;
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-buttons span i {
    font-size: 14px;
  }
}

.it-custom-accordio .accordion-body {
  padding: 20px 25px;
}
.it-custom-accordio .accordion-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio .accordion-body p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio .accordion-body p {
    font-size: 14px;
  }
}

.it-custom-accordio .accordion-items {
  margin-bottom: 30px;
  border: 1px solid var(--it-border-1);
  border-radius: 35px;
  overflow: hidden;
}
.it-custom-accordio .accordion-items:last-child {
  margin-bottom: 0;
}

.it-custom-accordio-2 .accordion-buttons {
  color: var(--it-common-black);
  font-weight: 600;
  font-size: 22px;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 20px;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-custom-accordio-2 .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordio-2 .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio-2 .accordion-buttons {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons {
    font-size: 14px;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons {
    font-size: 17px;
    padding: 20px;
  }
}
.it-custom-accordio-2 .accordion-buttons:not(.collapsed) {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  color: var(--it-common-white);
}
.it-custom-accordio-2 .accordion-buttons:not(.collapsed)::after {
  content: "\f106";
  background: var(--it-common-white);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.it-custom-accordio-2 .accordion-buttons:not(.collapsed) span {
  background: var(--it-common-white);
  position: relative;
}
.it-custom-accordio-2 .accordion-buttons:not(.collapsed) span::after {
  position: absolute;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 50%;
  left: 50%;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons:not(.collapsed) span::after {
    right: 5%;
    font-size: 13px;
  }
}
.it-custom-accordio-2 .accordion-buttons::after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 50%;
  right: 3%;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 16px;
  opacity: 1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordio-2 .accordion-buttons::after {
    right: 5%;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons::after {
    right: 5%;
    font-size: 13px;
  }
}
.it-custom-accordio-2 .accordion-buttons span {
  margin-right: 15px;
  height: 30px;
  width: 30px;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons span {
    margin-right: 6px;
    height: 25px;
    width: 25px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons span {
    margin-right: 12px;
  }
}
.it-custom-accordio-2 .accordion-buttons span i {
  font-size: 16px;
  color: var(--it-common-white);
  font-weight: 700;
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-buttons span i {
    font-size: 14px;
  }
}

.it-custom-accordio-2 .accordion-body {
  padding: 20px 25px;
}
.it-custom-accordio-2 .accordion-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio-2 .accordion-body p {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio-2 .accordion-body p {
    font-size: 13px;
  }
}

.it-custom-accordio-2 .accordion-items {
  margin-bottom: 30px;
  border: 1px solid var(--it-border-1);
  border-radius: 35px;
  overflow: hidden;
}
.it-custom-accordio-2 .accordion-items:last-child {
  margin-bottom: 0;
}

.it-custom-accordio-3 .accordion-buttons {
  color: var(--it-common-black);
  font-weight: 600;
  font-size: 22px;
  width: 100%;
  text-align: left;
  position: relative;
  padding: 20px;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-custom-accordio-3 .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordio-3 .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio-3 .accordion-buttons {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons {
    font-size: 14px;
    padding: 20px 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons {
    font-size: 17px;
    padding: 20px;
  }
}
.it-custom-accordio-3 .accordion-buttons:not(.collapsed) {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-custom-accordio-3 .accordion-buttons:not(.collapsed)::after {
  display: none;
  visibility: hidden;
}
.it-custom-accordio-3 .accordion-buttons:not(.collapsed) span {
  background: var(--it-common-white);
  position: relative;
}
.it-custom-accordio-3 .accordion-buttons:not(.collapsed) span i {
  color: var(--it-theme-1);
}
.it-custom-accordio-3 .accordion-buttons::after {
  position: absolute;
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  background-image: none;
  top: 50%;
  right: 3%;
  background-color: var(--it-theme-1);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  width: auto;
  height: auto;
  font-weight: 700;
  font-size: 20px;
  opacity: 1;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons::after {
    right: 5%;
    font-size: 13px;
  }
}
.it-custom-accordio-3 .accordion-buttons span {
  margin-right: 15px;
  height: 30px;
  width: 30px;
  background-color: var(--it-theme-1);
  display: inline-block;
  line-height: 28px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  font-size: 16px;
}
@media (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons span {
    margin-right: 6px;
    height: 25px;
    width: 25px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons span {
    margin-right: 12px;
  }
}
.it-custom-accordio-3 .accordion-buttons span i {
  font-size: 16px;
  color: var(--it-common-white);
  font-weight: 700;
  transition: 0.3s;
  transform: translateY(1px);
}
@media (max-width: 767px) {
  .it-custom-accordio-3 .accordion-buttons span i {
    font-size: 14px;
  }
}

.it-custom-accordio-3 .accordion-body {
  padding: 20px 25px;
}
.it-custom-accordio-3 .accordion-body p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #636363;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-custom-accordio-3 .accordion-body p {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .it-custom-accordio-3 .accordion-body p {
    font-size: 13px;
  }
}

.it-custom-accordio-3 .accordion-items {
  margin-bottom: 30px;
  border: 1px solid var(--it-border-1);
  border-radius: 10px;
  overflow: hidden;
}
.it-custom-accordio-3 .accordion-items:last-child {
  margin-bottom: 0;
}

.faq-accordio-border .accordion-items {
  background-color: var(--tp-common-white);
  border: 1px solid #F5F5F5;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  SEARCH CSS START
/*----------------------------------------*/
.search__popup {
  padding-top: 70px;
  padding-bottom: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: 99;
  -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);
}

.section-subtitle {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.1;
  color: var(--it-common-black-3);
  font-style: italic;
  font-family: "Poppins", sans-serif;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .section-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-subtitle {
    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) {
  .section-subtitle {
    font-size: 14px;
  }
}
.section-subtitle.theme {
  color: var(--it-theme-1);
}
.section-subtitle::before {
  content: "";
  background-color: var(--it-theme-1);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.section-subtitle::after {
  content: "";
  background-color: var(--it-theme-1);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.gradient-section-subtitle {
  font-weight: 600;
  font-size: 22px;
  color: var(--it-common-orange-2);
  font-family: "Open Sans", sans-serif;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .gradient-section-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .gradient-section-subtitle {
    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) {
  .gradient-section-subtitle {
    font-size: 17px;
  }
}
.gradient-section-subtitle::before {
  content: "";
  background-image: var(--it-theme-2);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.gradient-section-subtitle::after {
  content: "";
  background-image: var(--it-theme-2);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.section-title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.4;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-black);
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .section-title {
    font-size: 30px;
  }
  .section-title br {
    display: none;
  }
}
.section-title span {
  color: var(--it-theme-1);
}

.section-title-2 {
  font-weight: 700;
  font-size: 40px;
  line-height: 1.4;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-black-5);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .section-title-2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .section-title-2 {
    font-size: 33px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2 {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .section-title-2 {
    font-size: 30px;
  }
  .section-title-2 br {
    display: none;
  }
}
.section-title-2 span {
  color: var(--it-theme-1);
}

.hero-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-title {
    font-size: 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) {
  .hero-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .hero-title {
    font-size: 35px;
  }
}
.hero-title span {
  color: var(--it-theme-1);
}

.hero-title-2 {
  font-weight: 600;
  font-size: 60px;
  line-height: 1.2;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .hero-title-2 {
    font-size: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .hero-title-2 {
    font-size: 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) {
  .hero-title-2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-title-2 {
    font-size: 35px;
  }
}
@media (max-width: 767px) {
  .hero-title-2 {
    font-size: 35px;
  }
  .hero-title-2 br {
    display: none;
  }
}
.hero-title-2 span {
  color: var(--it-theme-1);
}

.gradient-hero-title {
  font-weight: 700;
  font-size: 60px;
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .gradient-hero-title {
    font-size: 57px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .gradient-hero-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .gradient-hero-title {
    font-size: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .gradient-hero-title {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gradient-hero-title {
    font-size: 35px;
  }
  .gradient-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .gradient-hero-title {
    font-size: 30px;
  }
  .gradient-hero-title br {
    display: none;
  }
}

.hero-3-section-subtitle {
  font-size: 22px;
  color: #108fe4;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  letter-spacing: 3px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero-3-section-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero-3-section-subtitle {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .hero-3-section-subtitle {
    font-size: 15px;
  }
}

.blue-section-subtitle {
  font-weight: 600;
  font-size: 22px;
  color: #108fe4;
  font-family: "Open Sans", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blue-section-subtitle {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blue-section-subtitle {
    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) {
  .blue-section-subtitle {
    font-size: 17px;
  }
}
.blue-section-subtitle::before {
  content: "";
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.blue-section-subtitle::after {
  content: "";
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

.blue-section-subtitle-2 {
  font-weight: 600;
  font-size: 22px;
  color: var(--it-common-blue-5);
  font-family: "Open Sans", sans-serif;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blue-section-subtitle-2 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blue-section-subtitle-2 {
    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) {
  .blue-section-subtitle-2 {
    font-size: 17px;
  }
}
.blue-section-subtitle-2::before {
  content: "";
  background-color: var(--it-common-blue-5);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 10px;
}
.blue-section-subtitle-2::after {
  content: "";
  background-color: var(--it-common-blue-5);
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  margin-left: 10px;
}

/*----------------------------------------*/
/*  03. MEANMENU CSS START
/*----------------------------------------*/
.mobile-menu.mean-container {
  overflow: hidden;
}
@media (max-width: 767px) {
  .mobile-menu.mean-container {
    margin-bottom: 30px;
  }
}

.mobile-menu .sidebar-list {
  clear: both;
}
.mobile-menu .sidebar-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 5px;
  color: var(--tp-common-white);
}
.mobile-menu .sidebar-list li::after {
  top: 10px;
  left: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid #c00;
  background-color: transparent;
  content: "";
  display: inline-block;
  position: absolute;
}
.mobile-menu .tp-sidebar-social {
  margin-top: 20px;
}
.mobile-menu .tp-sidebar-social a {
  margin-right: 5px;
  background-color: var(--tp-theme-primary);
  color: #fff;
  display: inline-block;
  width: 35px;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
}

.sidebar-title h3 {
  color: var(--tp-common-white);
}

/* mean menu customize */
.mean-container a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
}

.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
}

.mean-container .mean-nav > ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
  display: block !important;
}

.mean-container a.meanmenu-reveal {
  display: none !important;
}

.mean-container .mean-nav ul li a {
  width: 100%;
  padding: 15px 0;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  font-size: 14px;
  line-height: 1.5;
  font-weight: 700;
}
.mean-container .mean-nav ul li a:hover {
  color: var(--it-theme-1);
}

.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 10px;
  padding: 0 !important;
  line-height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  height: 30px;
  width: 30px;
  line-height: 30px;
  color: #fff;
  line-height: 30px;
  top: 0;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  color: var(--it-theme-1);
  border-color: #888888;
}

.mean-container .mean-nav ul li > a > i {
  display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
  display: inline-block;
}

.mean-container .mean-nav > ul > li:first-child > a {
  border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked {
  color: var(--tp-theme-2);
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  color: var(--tp-common-white);
}

/*----------------------------------------*/
/*  15. header CSS START
/*----------------------------------------*/
.notification__text {
  line-height: 0;
}
.notification__text span {
  font-size: 14px;
  color: var(--it-common-white);
}
.notification__ptb {
  padding-top: 13px;
  padding-bottom: 13px;
}
.notification__list ul li {
  list-style-type: none;
  display: inline-block;
}
.notification__list ul li:last-child a {
  padding-right: 0;
}
.notification__list ul li:last-child a::after {
  display: none;
}
.notification__list ul li a {
  font-size: 14px;
  color: var(--it-common-white);
  padding: 0px 10px;
  display: inline-block;
  position: relative;
  transition: 0.3s;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .notification__list ul li a {
    font-size: 13px;
  }
}
.notification__list ul li a:hover {
  color: var(--it-common-black);
}
.notification__list ul li a::after {
  content: "";
  background-color: var(--it-common-white);
  height: 15px;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.notification__social-box a {
  font-size: 13px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
  margin: 10px 0;
  margin-right: 10px;
}
.notification__social-box a:hover {
  background-image: var(--it-theme-2);
  color: var(--it-common-white);
  border: 1px solid rgb(238, 92, 10);
}
@media (max-width: 767px) {
  .notification__left {
    padding: 15px 0;
  }
}
.notification__left span {
  color: var(--it-common-white);
  font-size: 14px;
  font-weight: 400;
  padding-left: 38px;
  transition: 0.3s;
  display: inline-block;
}
.notification__left span:hover {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media (max-width: 767px) {
  .notification__left span {
    padding-left: 0;
    padding-bottom: 5px;
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .notification__left span {
    padding-left: 0;
    padding-bottom: 5px;
    display: inline-block;
  }
}
.notification__left span i {
  font-size: 12px;
  margin-right: 10px;
}
.notification__search-box {
  width: 165px;
}
.notification__search-box form input {
  border-radius: 30px;
  border: 1px solid #848484;
  height: 35px;
  font-size: 15px;
  padding-left: 15px;
  padding-right: 40px;
  width: 165px;
  font-weight: 400;
  background-color: transparent;
  color: var(--it-common-white);
}
.notification__search-box form input::placeholder {
  color: var(--it-common-white);
}
.notification__search-icon {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
}
.notification__search-icon span {
  font-weight: 700;
  font-size: 12px;
  color: var(--it-common-white);
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  background-image: -moz-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  display: inline-block;
  text-align: center;
}
.notification__blue-text {
  position: relative;
}
.notification__blue-text::after {
  content: "";
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
  background-image: -moz-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-image: -ms-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  opacity: 0.62;
  width: 435px;
  height: 50px;
  clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%);
}
.notification__blue-text span {
  color: var(--it-common-white);
  width: 390px;
  height: 50px;
  font-size: 14px;
  display: inline-block;
  line-height: 50px;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  opacity: 0.9;
  clip-path: polygon(5% 0, 95% 1%, 100% 100%, 0% 100%);
  position: relative;
  z-index: 99999;
}
.notification__list-2 ul li {
  list-style-type: none;
  display: inline-block;
}
.notification__list-2 ul li:last-child a {
  padding-right: 0;
}
.notification__list-2 ul li:last-child a::after {
  display: none;
}
.notification__list-2 ul li a {
  font-size: 14px;
  color: var(--it-common-white);
  padding: 16px 10px;
  display: inline-block;
  position: relative;
  transition: 0.3s;
}
.notification__list-2 ul li a:hover {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.notification__list-2 ul li a::after {
  content: "";
  background-color: var(--it-common-white);
  height: 15px;
  width: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.notification-2__space {
  height: 52px;
}
.notification-2__left-side a {
  color: var(--it-common-white);
  font-size: 14px;
  padding-right: 30px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .notification-2__left-side a {
    font-size: 13px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .notification-2__left-side a {
    font-size: 14px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .notification-2__left-side a:last-child {
    padding-right: 0px;
  }
}
.notification-2__left-side a i {
  margin-right: 10px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .notification-2__left-side a i {
    font-size: 11px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .notification-2__left-side a i {
    font-size: 13px;
  }
}
.notification-2__left-side a.email {
  font-family: "Rubik", sans-serif;
}
.notification-2__login a {
  color: var(--it-common-white);
  font-size: 14px;
  padding-right: 20px;
  line-height: 52px;
}
@media (max-width: 767px) {
  .notification-2__login a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .notification-2__login a:last-child {
    padding-right: 0px;
  }
}
.notification-2__login a i {
  margin-right: 10px;
  font-size: 14px;
}
@media (max-width: 767px) {
  .notification-2__login a i {
    font-size: 12px;
  }
}
.notification-2__social-box {
  line-height: 52px;
}
.notification-2__social-box a {
  padding-left: 7px;
}
.notification-2__social-box a i {
  color: var(--it-common-white);
  font-size: 15px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #6771b4;
  transition: 0.3s;
  text-align: center;
}
.notification-2__social-box a:hover i {
  background-color: var(--it-common-white);
  color: #bf0d3e;
}

.notification-3__border {
  border-bottom: 1px solid #dddddd;
}
.notification-3__left-side span {
  color: var(--it-common-black-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .notification-3__left-side {
    padding: 15px 0;
  }
}
.notification-3__social-box {
  padding: 13px 0;
}
.notification-3__social-box a {
  padding-left: 5px;
}
.notification-3__social-box a i {
  color: #72b7aa;
  font-size: 12px;
  line-height: 30px;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #d7e5f2;
  transition: 0.3s;
  text-align: center;
}
.notification-3__social-box a:hover i {
  background-color: #72b7aa;
  color: var(--it-common-white);
}

.header__area.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  width: 100%;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  z-index: 999;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header__area.header-sticky .header__logo {
    padding: 20px 0;
  }
}

.header-2__sticky.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-2__sticky.header-sticky .header-2__white-bg-full {
  height: 0px;
  width: 0%;
  background-color: transparent;
}
.header-2__sticky.header-sticky .header-2__bg {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header-3__sticky.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 999;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.header-3__sticky.header-sticky .header-3__white-bg-full {
  height: 0px;
  width: 0%;
  background-color: transparent;
}
.header-3__sticky.header-sticky .header-3__bg {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.header__main-menu nav ul li {
  display: inline-block;
  list-style-type: none;
  padding-left: 40px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu nav ul li {
    padding-left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__main-menu nav ul li {
    padding-left: 15px;
  }
}
.header__main-menu nav ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 240px;
  background-color: var(--it-common-black);
  text-align: left;
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}
.header__main-menu nav ul li .submenu li {
  padding-left: 0;
  display: block;
  margin-bottom: 12px;
}
.header__main-menu nav ul li .submenu li:last-child {
  margin-bottom: 0;
}
.header__main-menu nav ul li .submenu li a {
  display: block;
  padding: 0;
  color: var(--it-common-white);
  transition: 0.3s;
}
.header__main-menu nav ul li .submenu li a::before {
  display: none;
}
.header__main-menu nav ul li .submenu li a:hover {
  color: var(--it-theme-1);
}
.header__main-menu nav ul li .submenu.has-megamenu {
  width: 700px;
  display: inline-block;
  left: -225px;
  padding-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu nav ul li .submenu.has-megamenu {
    width: 645px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__main-menu nav ul li .submenu.has-megamenu {
    width: 600px;
  }
}
.header__main-menu nav ul li .submenu.has-megamenu li {
  width: 33.33%;
  float: left;
}
.header__main-menu nav ul li a {
  font-weight: 500;
  font-size: 17px;
  color: var(--it-common-black-3);
  padding: 39px 0;
  display: inline-block;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu nav ul li a {
    font-size: 16px;
  }
}
.header__main-menu nav ul li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-size: 14px;
  margin-left: 5px;
  color: var(--it-common-black);
  font-weight: 400;
  transition: 0.3s;
}
.header__main-menu nav ul li:hover.has-dropdown::after {
  transform: rotate(-180deg);
  color: var(--it-theme-1);
}
.header__main-menu nav ul li:hover a {
  color: var(--it-theme-1);
}
.header__main-menu nav ul li:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header__main-menu.main-menu-2 nav ul {
  margin-right: 0;
}
.header__main-menu.main-menu-2 nav ul li:hover.has-dropdown::after {
  color: var(--it-common-orange-2);
}
.header__main-menu.main-menu-2 nav ul li:hover a {
  color: var(--it-common-orange-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu.main-menu-2 nav ul li:hover a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu.main-menu-2 nav ul li a {
    font-size: 16px;
  }
}
.header__main-menu.main-menu-2 nav ul li .submenu li a {
  color: var(--it-common-white);
}
.header__main-menu.main-menu-2 nav ul li .submenu li a:hover {
  color: var(--it-common-orange-2);
}
.header__main-menu.main-menu-3 nav ul {
  margin-right: 0;
}
.header__main-menu.main-menu-3 nav ul li {
  font-weight: 500;
}
.header__main-menu.main-menu-3 nav ul li:hover.has-dropdown::after {
  color: var(--it-theme-1);
}
.header__main-menu.main-menu-3 nav ul li:hover a {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu.main-menu-3 nav ul li:hover a {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header__main-menu.main-menu-3 nav ul li a {
    font-size: 16px;
  }
}
.header__main-menu.main-menu-3 nav ul li .submenu li a {
  color: var(--it-common-white);
}
.header__main-menu.main-menu-3 nav ul li .submenu li a:hover {
  color: var(--it-theme-1);
}
.header__search-box form input {
  border-radius: 30px;
  border: 1px solid var(--it-grey-2);
  height: 35px;
  font-size: 15px;
  padding-left: 15px;
  padding-right: 40px;
  width: 165px;
  font-weight: 400;
}
.header__search-box span {
  font-size: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #767676;
  display: inline-block;
  line-height: 36px;
  text-align: center;
}
.header__search-box-2 span {
  font-size: 14px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #e0e0e0;
  color: #767676;
  display: inline-block;
  line-height: 36px;
  text-align: center;
  margin-right: 30px;
}
.header__search-icon {
  position: absolute;
  right: 4%;
  top: 50%;
  transform: translateY(-50%);
}
.header__search-icon span {
  font-size: 12px;
  color: var(--it-common-white);
  height: 25px;
  width: 25px;
  line-height: 25px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header__logo {
    padding: 15px 0;
  }
}
@media (max-width: 767px) {
  .header__content-box {
    padding: 15px 0;
  }
}

.header-2__bg {
  background-color: var(--it-common-white);
  border-radius: 53px;
  max-width: 1410px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header-2__bg {
    max-width: 1320px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-2__bg {
    max-width: 1140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-2__bg {
    border-radius: 0;
    max-width: 100%;
    height: 65px;
    line-height: 65px;
  }
}
.header-2__white-bg-full {
  height: 60px;
  width: 100%;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__main-menu nav.main-menu {
    margin-left: -23px;
  }
}
.header-2__main-menu nav > ul > li {
  display: inline-block;
  list-style-type: none;
  padding: 0 20px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__main-menu nav > ul > li {
    padding: 0 14px;
  }
}
.header-2__main-menu nav > ul > li:nth-child(3) {
  margin-right: 408px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-2__main-menu nav > ul > li:nth-child(3) {
    margin-right: 255px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__main-menu nav > ul > li:nth-child(3) {
    margin-right: 0px;
  }
}
.header-2__main-menu nav > ul > li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 240px;
  background-color: var(--it-common-black);
  text-align: left;
  padding: 40px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}
.header-2__main-menu nav > ul > li .submenu li {
  padding-left: 0;
  display: block;
  margin-bottom: 12px;
}
.header-2__main-menu nav > ul > li .submenu li:last-child {
  margin-bottom: 0;
}
.header-2__main-menu nav > ul > li .submenu li:nth-child(4) {
  margin-right: 0px;
}
.header-2__main-menu nav > ul > li .submenu li a {
  display: block;
  padding: 0;
  color: var(--it-common-white);
  transition: 0.3s;
}
.header-2__main-menu nav > ul > li .submenu li a::before {
  display: none;
}
.header-2__main-menu nav > ul > li .submenu li a:hover {
  color: var(--it-common-red);
}
.header-2__main-menu nav > ul > li a {
  font-weight: 500;
  font-size: 17px;
  color: #333333;
  padding: 42px 0;
  display: inline-block;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__main-menu nav > ul > li a {
    font-size: 15px;
    padding: 34px 0;
  }
}
.header-2__main-menu nav > ul > li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-black);
  font-weight: 700;
  transition: 0.3s;
  margin-left: 5px;
}
.header-2__main-menu nav > ul > li:hover.has-dropdown::after {
  transform: rotate(-180deg);
  color: var(--it-common-red);
}
.header-2__main-menu nav > ul > li:hover a {
  color: var(--it-common-red);
}
.header-2__main-menu nav > ul > li:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-2__search-box {
  margin-right: 10px;
  margin-left: 5px;
}
.header-2__search-box span {
  font-size: 12px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #898989;
  border: 1px solid #898989;
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-weight: 600;
}
.header-2__logo {
  position: absolute;
  top: 30px;
  left: 455px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__logo img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-2__logo {
    left: 390px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__logo {
    position: static;
    left: 0;
    top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-2__logo {
    top: 0;
    left: 0;
  }
}
.header-2__bars {
  margin-left: -30px;
}
.header-2__card {
  padding-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-2__card {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-2__card {
    padding-right: 40px;
  }
}
.header-2__card-text {
  position: absolute;
  right: 33px;
  top: -10px;
}
.header-2__card-text span {
  font-weight: 400;
  font-size: 8px;
  color: var(--it-common-white);
  height: 17px;
  line-height: 17px;
  text-align: center;
  width: 17px;
  border-radius: 50%;
  background-color: var(--it-common-red);
  display: inline-block;
}

.header-3__bg {
  background-color: var(--it-common-white);
  border-radius: 53px;
  max-width: 1415px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .header-3__bg {
    max-width: 1320px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-3__bg {
    max-width: 1140px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3__bg {
    max-width: auto;
    border-radius: 0;
    height: 65px;
    line-height: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .header-3__bg {
    border-radius: 0;
    max-width: auto;
    height: 65px;
    line-height: 65px;
  }
}
.header-3__white-bg-full {
  height: 60px;
  width: 100%;
  background-color: var(--it-common-white);
}
.header-3__main-menu {
  margin-right: -22px;
}
.header-3__main-menu nav ul li {
  display: inline-block;
  list-style-type: none;
  padding: 0 17px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-3__main-menu nav ul li {
    padding: 0 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3__main-menu nav ul li {
    padding: 0 14px;
  }
}
.header-3__main-menu nav ul li:last-child {
  padding-right: 0px;
}
.header-3__main-menu nav ul li .submenu {
  position: absolute;
  top: 120%;
  left: 0;
  width: 240px;
  background-color: var(--it-common-black);
  text-align: left;
  padding: 40px 39px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}
.header-3__main-menu nav ul li .submenu li {
  padding-left: 0;
  display: block;
  margin-bottom: 12px;
}
.header-3__main-menu nav ul li .submenu li:last-child {
  margin-bottom: 0;
}
.header-3__main-menu nav ul li .submenu li a {
  display: block;
  padding: 0;
  color: var(--it-common-white);
  transition: 0.3s;
}
.header-3__main-menu nav ul li .submenu li a::before {
  display: none;
}
.header-3__main-menu nav ul li .submenu li a:hover {
  color: var(--it-theme-1);
}
.header-3__main-menu nav ul li a {
  font-weight: 500;
  font-size: 17px;
  color: var(--it-common-black-3);
  padding: 42px 0;
  display: inline-block;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-3__main-menu nav ul li a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3__main-menu nav ul li a {
    font-size: 15px;
    padding: 34px 0;
  }
}
.header-3__main-menu nav ul li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-black);
  font-weight: 700;
  transition: 0.3s;
  margin-left: 5px;
}
.header-3__main-menu nav ul li:hover.has-dropdown::after {
  transform: rotate(-180deg);
  color: var(--it-theme-1);
}
.header-3__main-menu nav ul li:hover a {
  color: var(--it-theme-1);
}
.header-3__main-menu nav ul li:hover .submenu {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.header-3__search-box {
  margin-right: 10px;
  margin-left: 5px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .header-3__search-box {
    margin-right: 20px;
  }
}
.header-3__search-box span {
  font-size: 14px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: #898989;
  border: 1px solid #898989;
  display: inline-block;
  line-height: 35px;
  text-align: center;
  font-weight: 700;
}
.header-3__card {
  padding-right: 45px;
  padding-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-3__card {
    padding-right: 25px;
    padding-left: 10px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header-3__card {
    padding-right: 45px;
  }
}
.header-3__card-text {
  position: absolute;
  right: 33px;
  top: -10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .header-3__card-text {
    right: 19px;
    top: -12px;
  }
}
.header-3__card-text span {
  font-weight: 400;
  font-size: 8px;
  color: var(--it-common-white);
  height: 17px;
  line-height: 17px;
  text-align: center;
  width: 17px;
  border-radius: 50%;
  background-color: var(--it-common-blue-3);
  display: inline-block;
}

/*----------------------------------------*/
/*  23. slider css start
/*----------------------------------------*/
.slider__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.slider__title-shape {
  position: absolute;
  bottom: -9%;
  right: 35%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider__title-shape {
    bottom: -13%;
    right: 45%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider__title-shape {
    bottom: -13%;
    right: 45%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__title-shape {
    bottom: -15%;
    right: 41%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__title-shape {
    bottom: -38%;
    right: 0%;
  }
}
@media (max-width: 767px) {
  .slider__title-shape {
    display: none;
  }
}
.slider__title-shape img {
  max-width: inherit;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider__title-shape img {
    max-width: 90%;
  }
}
.slider__overly {
  position: relative;
}
.slider__overly::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(8, 30, 65, 0.4);
}
.slider__content-box {
  padding-top: 225px;
  padding-bottom: 230px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider__content-box {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider__content-box {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.slider__content-text {
  padding-bottom: 30px;
}
.slider__content-text p {
  color: var(--it-common-white);
  font-weight: 400;
  font-size: 19px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider__content-text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider__content-text p {
    font-size: 14px;
  }
  .slider__content-text p br {
    display: none;
  }
}
.slider__social-box {
  position: absolute;
  top: 48%;
  left: -5%;
  transform: rotate(-90deg);
  z-index: 7;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider__social-box {
    display: none;
    visibility: hidden;
  }
}
.slider__social-box span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: var(--it-common-white);
  padding-right: 20px;
}
.slider__social-box a {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  display: inline-block;
  line-height: 38px;
  text-align: center;
  transition: 0.3s;
  margin-right: 10px;
  color: var(--it-theme-1);
  transform: rotate(90deg);
  font-size: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider__social-box a {
    transform: rotate(0);
  }
}
.slider__social-box a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.slider__social-box-2 {
  z-index: 7;
  display: none;
  visibility: hidden;
}
@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) {
  .slider__social-box-2 {
    display: block;
    visibility: visible;
    padding-top: 30px;
  }
}
.slider__social-box-2 span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: var(--it-common-white);
  padding-right: 20px;
}
@media (max-width: 767px) {
  .slider__social-box-2 span {
    font-size: 16px;
  }
}
.slider__social-box-2 a {
  height: 38px;
  width: 38px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  display: inline-block;
  line-height: 38px;
  text-align: center;
  transition: 0.3s;
  margin-right: 10px;
  color: var(--it-theme-1);
  font-size: 14px;
}
.slider__social-box-2 a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.slider-2__space {
  padding-top: 100px;
}
@media (max-width: 767px) {
  .slider-2__space {
    padding-top: 70px;
  }
}
.slider-2__left-content {
  padding-top: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__left-content {
    padding-top: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-2__left-content {
    padding-top: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-2__left-content {
    padding-top: 0px;
    padding-bottom: 50px;
  }
}
.slider-2__right-img {
  position: relative;
  z-index: 1;
  margin-right: -70px;
}
@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) {
  .slider-2__right-img {
    margin-right: 0;
  }
}
.slider-2__right-img::before {
  content: "";
  top: -100px;
  right: -127px;
  position: absolute;
  height: 648px;
  width: 815px;
  border-radius: 323px;
  background-image: var(--it-theme-2);
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-2__right-img::before {
    right: -72px;
    height: 648px;
    width: 780px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-2__right-img::before {
    right: -44px;
    height: 620px;
    width: 624px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__right-img::before {
    right: -30px;
    height: 540px;
    width: 524px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-2__right-img::before {
    right: -16px;
    height: 450px;
    width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-2__right-img::before {
    right: -31px;
    height: 450px;
    width: 450px;
    top: -16px;
  }
}
@media (max-width: 767px) {
  .slider-2__right-img::before {
    opacity: 0;
    visibility: hidden;
  }
}
.slider-2__right-img::after {
  content: "";
  top: -100px;
  right: -97px;
  position: absolute;
  height: 648px;
  width: 815px;
  border-radius: 323px;
  background-color: #e8e8e8;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-2__right-img::after {
    right: -36px;
    height: 648px;
    width: 752px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-2__right-img::after {
    right: -19px;
    height: 620px;
    width: 624px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__right-img::after {
    right: -2px;
    height: 540px;
    width: 524px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-2__right-img::after {
    right: 9px;
    height: 450px;
    width: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-2__right-img::after {
    right: -3px;
    top: -16px;
    height: 450px;
    width: 450px;
  }
}
@media (max-width: 767px) {
  .slider-2__right-img::after {
    opacity: 0;
    visibility: hidden;
  }
}
.slider-2__img-2 {
  position: absolute;
  top: 2%;
  right: 47%;
  animation: tptranslateX2 4s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__img-2 img {
    max-width: 75%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-2__img-2 img {
    max-width: 65%;
  }
}
@media (max-width: 767px) {
  .slider-2__img-2 img {
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .slider-2__section-title {
    flex-wrap: wrap;
  }
}
.slider-2__section-title img {
  padding-right: 30px;
}
@media (max-width: 767px) {
  .slider-2__section-title img {
    margin-bottom: 20px;
  }
}
.slider-2__section-subtitle {
  font-size: 22px;
  color: var(--it-common-orange-2);
  font-weight: 600;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-2__section-subtitle {
    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) {
  .slider-2__section-subtitle {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .slider-2__section-subtitle {
    font-size: 18px;
  }
}
.slider-2__left-content p {
  font-size: 19px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-2__left-content p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__left-content p {
    font-size: 17px;
  }
  .slider-2__left-content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-2__left-content p {
    font-size: 15px;
  }
  .slider-2__left-content p br {
    display: none;
  }
}
.slider-2__shape-1 {
  position: absolute;
  top: 7%;
  left: 8%;
  animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-2__shape-1 {
    top: 6%;
    left: 1%;
  }
}
.slider-2__shape-2 {
  position: absolute;
  bottom: 5%;
  left: 38%;
  animation: zoom 5s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-2__shape-2 {
    bottom: 3%;
    left: 36%;
  }
}

.slider-3__space {
  padding: 255px 0;
  background-position: right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-3__space {
    padding: 140px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-3__space {
    padding: 120px 0;
    padding-bottom: 130px;
  }
}
@media (max-width: 767px) {
  .slider-3__space {
    padding: 80px 0;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-3__space {
    margin-bottom: 0px;
    padding-bottom: 120px;
  }
}
.slider-3__content-text p {
  font-size: 19px;
  line-height: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-3__content-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-3__content-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-3__content-text p {
    line-height: 25px;
    font-size: 14px;
  }
  .slider-3__content-text p br {
    display: none;
  }
}
.slider-3__shape {
  position: absolute;
  left: -4%;
  top: 6%;
  animation: rotate2 15s linear infinite;
}
.slider-3__shape-2 {
  position: absolute;
  left: 37%;
  bottom: 11%;
  animation: moving 9s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-3__shape-2 {
    left: 34%;
    bottom: 12%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-3__shape-2 {
    left: 32%;
    bottom: 12%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-3__shape-2 {
    left: 29%;
    bottom: 12%;
  }
}
@media (max-width: 767px) {
  .slider-3__section-title .hero-title {
    font-size: 30px;
  }
}

.slider-4__bg {
  background-position: left;
  background-repeat: no-repeat;
  position: relative;
  z-index: 1;
  height: 801px;
  padding-left: 315px;
  padding-top: 280px;
  width: 100%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-4__bg {
    width: 1040px;
    padding-left: 156px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-4__bg {
    width: 905px;
    padding-left: 57px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__bg {
    width: 780px;
    padding-left: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__bg {
    width: 640px;
    padding-left: 30px;
    padding-top: 200px;
    height: 680px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__bg {
    max-width: 100%;
    padding-left: 40px;
    padding-top: 230px;
    height: 600px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .slider-4__bg {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 150px;
    height: 600px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__bg {
    max-width: 100%;
    padding-left: 34px;
    padding-right: 34px;
    padding-top: 170px;
    height: 550px;
  }
}
.slider-4__bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 1234px;
  background-color: rgb(37, 43, 51);
  opacity: 0.42;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-4__bg::after {
    width: 1040px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-4__bg::after {
    width: 905px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__bg::after {
    width: 780px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__bg::after {
    width: 640px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-4__bg::after {
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-4__left-side .hero-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__left-side .hero-title-2 {
    font-size: 34px;
  }
}
.slider-4__left-side p {
  font-size: 19px;
  color: var(--it-common-white);
  line-height: 33px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__left-side 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) {
  .slider-4__left-side p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .slider-4__left-side p {
    font-size: 14px;
  }
  .slider-4__left-side p br {
    display: none;
  }
}
.slider-4__left-text-wrapper {
  position: absolute;
  right: 110px;
  bottom: 50px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
}
.slider-4__left-text-wrapper img {
  animation: rotate2 15s linear infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-4__left-text-wrapper {
    right: 70px;
    bottom: 40px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-4__left-text-wrapper {
    right: 60px;
    bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__left-text-wrapper {
    right: 41px;
    bottom: 40px;
    width: 100px;
    height: 100px;
  }
}
@media (max-width: 767px) {
  .slider-4__left-text-wrapper {
    right: 20px;
    bottom: 20px;
    width: 80px;
    height: 80px;
  }
}
.slider-4__left-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.slider-4__left-text h5 {
  font-size: 33px;
  font-weight: 700;
  color: var(--it-common-white);
  font-family: "Josefin Sans", sans-serif;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__left-text h5 {
    font-size: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__left-text h5 {
    font-size: 27px;
  }
}
@media (max-width: 767px) {
  .slider-4__left-text h5 {
    font-size: 23px;
  }
}
.slider-4__left-text span {
  font-size: 18px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-family: "Josefin Sans", sans-serif;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__left-text span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .slider-4__left-text span {
    font-size: 13px;
  }
}
.slider-4__right-side {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 801px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-side {
    height: 680px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-4__right-side {
    height: 700px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__right-side {
    height: 602px;
  }
}
.slider-4__right-content {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #2c2c2c;
  width: 100%;
  padding: 41px 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__right-content {
    padding: 41px 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-content {
    padding: 41px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__right-content {
    padding: 41px 35px;
  }
}
@media (max-width: 767px) {
  .slider-4__right-content {
    padding: 30px 20px;
    flex-wrap: wrap;
  }
}
.slider-4__right-text {
  padding-left: 35px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-4__right-text {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .slider-4__right-text {
    padding-left: 0px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__right-text {
    padding-left: 0px;
    padding-bottom: 0px;
  }
}
.slider-4__right-text h5 {
  color: var(--it-common-white);
  font-size: 25px;
  font-weight: 700;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-4__right-text h5 {
    font-size: 23px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-4__right-text h5 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__right-text h5 {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-text h5 {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .slider-4__right-text h5 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__right-text h5 {
    font-size: 19px;
  }
}
.slider-4__right-text span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__right-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-text span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .slider-4__right-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-4__right-text span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-4__right-btn .white-btn-2 {
    height: 50px;
    line-height: 50px;
    padding: 0 27px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-btn .white-btn-2 {
    height: 45px;
    line-height: 45px;
    padding: 0 19px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-4__right-btn .white-btn-2 i {
    margin-left: 12px;
  }
}

.slider-5__shape-1 {
  position: absolute;
  left: 0;
  top: 22%;
  animation: tpupdown 0.8s infinite alternate;
}
.slider-5__shape-2 {
  position: absolute;
  left: 51%;
  transform: translateX(-50%);
  top: 20%;
  animation: moving 5s linear infinite;
}
.slider-5__shape-3 {
  position: absolute;
  right: 4.5%;
  top: 10%;
  animation: rotate2 11s linear infinite;
}
.slider-5__shape-4 {
  position: absolute;
  right: 0;
  top: 46%;
  animation: tptranslateX2 3s infinite alternate;
}
.slider-5__shape-5 {
  position: absolute;
  right: 315px;
  bottom: 125px;
  animation: tpupdown 0.8s infinite alternate;
}
.slider-5__space {
  background-color: #dddbdc;
  z-index: 1;
}
.slider-5__bg {
  padding-top: 290px;
  padding-bottom: 240px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-5__bg {
    padding-top: 200px;
    padding-bottom: 170px;
  }
}
@media (max-width: 767px) {
  .slider-5__bg {
    padding-top: 150px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-5__bg {
    padding-top: 180px;
    padding-bottom: 90px;
  }
}
.slider-5__bg::after {
  content: "";
  left: 0;
  top: 0;
  z-index: -1;
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../img/slider/slider-5.png);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .slider-5__bg::after {
    width: 78%;
    background-position: right;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .slider-5__bg::after {
    width: 84%;
    background-position: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-5__bg::after {
    width: 84%;
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-5__bg::after {
    width: 100%;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .slider-5__bg::after {
    width: 110%;
    background-position: right;
  }
}
@media (max-width: 767px) {
  .slider-5__bg::after {
    width: 100%;
    background-position: right;
  }
}
.slider-5__content p {
  font-size: 19px;
  color: #636363;
  line-height: 33px;
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-5__content p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-5__content p {
    padding-right: 32px;
    font-size: 16px;
  }
  .slider-5__content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .slider-5__content p {
    font-size: 17px;
  }
  .slider-5__content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-5__content p {
    font-size: 14px;
    line-height: 28px;
  }
  .slider-5__content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .slider-5__btn {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .slider-5__btn a {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .slider-5__btn a {
    margin-right: 20px;
  }
}
.slider-5__video {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .slider-5__video {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-5__video {
    padding-left: 40px;
  }
}
.slider-5__video a {
  font-size: 14px;
  color: var(--it-common-white);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: var(--it-common-black);
  text-align: center;
  line-height: 30px;
  font-weight: 400;
  margin-right: 18px;
  position: relative;
  z-index: 1;
}
.slider-5__video a::after {
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  height: 40px;
  width: 40px;
  border-radius: 50%;
  position: absolute;
  background-color: rgb(34, 34, 34);
  opacity: 0.651;
  z-index: -1;
}
.slider-5__video a::before {
  content: "";
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  position: absolute;
  background-color: rgb(34, 34, 34);
  opacity: 0.58;
  z-index: -2;
}
.slider-5__video a i {
  padding-left: 3px;
}
.slider-5__video span {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 17px;
  color: var(--it-common-black);
  text-decoration: underline;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .slider-5__video span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slider-5__video span {
    font-size: 14px;
  }
}

.slider-active .slick-dots {
  position: absolute;
  top: 50%;
  right: 50px;
  transform: translateY(-50%);
}
.slider-active .slick-dots li {
  list-style-type: none;
}
.slider-active .slick-dots li.slick-active button {
  background-color: #40d0c6;
}
.slider-active .slick-dots li button {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  font-size: 0;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px), only screen and (min-width: 576px) and (max-width: 767px) {
  .slider-active .slick-dots li button {
    display: none;
  }
}

.slick-active .section-subtitle {
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}

.slick-active .slider__title-shape-wrap {
  -webkit-animation-delay: 0.7s;
  animation-delay: 0.7s;
  -webkit-animation-duration: 0.7s;
  animation-duration: 0.7s;
}

.slick-active .slider__content-text {
  -webkit-animation-delay: 0.9s;
  animation-delay: 0.9s;
  -webkit-animation-duration: 0.9s;
  animation-duration: 0.9s;
}

.slick-active .slider__button {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-animation-duration: 1.1s;
  animation-duration: 1.1s;
}

.slick-active .section-subtitle,
.slick-active .slider__title-shape-wrap,
.slick-active .slider__content-text,
.slick-active .slider__button {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

/*----------------------------------------*/
/*  03. about css start
/*----------------------------------------*/
.about__title-shape {
  position: absolute;
  top: 142px;
  right: 215px;
}
.about__shape {
  position: absolute;
  right: 4%;
  bottom: 27%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about__shape {
    right: 1%;
  }
}
.about__shape i {
  font-size: 250px;
  color: var(--it-grey-3);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about__shape i {
    font-size: 210px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__content {
    padding-left: 40px;
  }
}
.about__main-img {
  margin-left: -40px;
  margin-right: 65px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about__main-img {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about__main-img {
    margin-left: 0;
    margin-right: 0;
  }
}
.about__img-content {
  background-color: var(--it-theme-1);
  position: absolute;
  right: 9%;
  top: 30px;
  padding: 17px 48px;
  border-radius: 30px;
  border: 6px solid var(--it-common-white);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  animation: tptranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__img-content {
    right: 3%;
    padding: 17px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-content {
    right: 3%;
    top: 23px;
    padding: 14px 40px;
  }
}
@media (max-width: 767px) {
  .about__img-content {
    right: 0%;
    top: 8px;
    padding: 11px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__img-content {
    right: 5%;
    top: 21px;
    padding: 11px 41px;
  }
}
.about__img-content h4 {
  font-weight: 600;
  font-size: 22px;
  color: var(--it-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about__img-content h4 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .about__img-content h4 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about__img-content h4 {
    font-size: 16px;
  }
}
.about__list {
  padding-bottom: 40px;
}
.about__list ul li {
  font-size: 16px;
  color: var(--it-common-black);
  list-style-type: none;
  font-weight: 400;
  padding-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about__list ul li {
    font-size: 14px;
  }
}
.about__list ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--it-theme-1);
  font-weight: 500;
  font-size: 15px;
  transform: translateY(3px);
}
.about__text {
  padding-bottom: 20px;
}
.about__text p {
  padding-right: 105px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about__text p {
    padding-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) {
  .about__text p {
    font-size: 14px;
    padding-right: 0;
  }
}

.about-2__img-text {
  position: absolute;
  left: -4%;
  bottom: 8%;
  padding: 30px 55px;
  background-image: var(--it-theme-2);
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  animation: tptranslateX2 3s infinite alternate;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-2__img-text {
    padding: 20px 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__img-text {
    padding: 20px 35px;
  }
}
.about-2__img-text h5 {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-2__img-text h5 {
    font-size: 27px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-2__img-text h5 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__img-text h5 {
    font-size: 20px;
  }
}
.about-2__img-text-2 {
  position: absolute;
  right: 11%;
  top: -6%;
  padding: 40px 15px;
  background-image: var(--it-theme-2);
  width: 188px;
  border-radius: 8px;
  animation: jumpTwo 3s infinite linear;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__img-text-2 {
    padding: 21px 15px;
    width: 150px;
  }
}
.about-2__img-text-2 h5 {
  color: var(--it-common-white);
  font-weight: 700;
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__img-text-2 h5 {
    font-size: 16px;
  }
}
.about-2__section-box p {
  line-height: 28px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__section-box p {
    font-size: 14px;
  }
  .about-2__section-box p br {
    display: none;
  }
}
.about-2__content {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-2__content {
    margin-right: 124px;
  }
}
@media (max-width: 767px) {
  .about-2__content {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.about-2__content h5 {
  font-size: 20px;
  font-weight: 600;
  color: var(--it-common-black-5);
  padding-bottom: 15px;
  margin-bottom: 0;
}
.about-2__content ul {
  padding-bottom: 35px;
}
.about-2__content ul li {
  list-style-type: none;
  color: #696969;
  padding-bottom: 7px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-2__content ul li {
    font-size: 15px;
  }
}
.about-2__content ul li::before {
  content: "";
  display: inline-block;
  height: 8px;
  width: 8px;
  background-image: var(--it-theme-2);
  border-radius: 50%;
  margin-right: 8px;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .about-2__content-img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-2__content-img img {
    height: 192px;
  }
}
@media (max-width: 767px) {
  .about-2__content-img img {
    width: 100%;
  }
}
.about-2__content-shape {
  position: absolute;
  left: 50%;
  top: -35px;
  transform: translateX(-50%);
}
.about-2__content-shape img {
  height: auto;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__main-img {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-2__main-img img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .about-2__content-box {
    flex-wrap: wrap;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-3__left-item {
    margin-bottom: 80px;
  }
}
.about-3__main-img {
  border: 1px dashed var(--it-common-blue-2);
  border-radius: 0 100px 0 100px;
  display: inline-block;
  padding: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .about-3__main-img {
    margin-bottom: 70px;
  }
}
.about-3__main-img img {
  border-radius: 0 100px 0 100px;
}
.about-3__img-shape {
  position: absolute;
  bottom: -35px;
  right: 13%;
  animation: tptranslateX2 4s infinite alternate;
}
@media (max-width: 767px) {
  .about-3__img-shape img {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .about-3__img-shape {
    bottom: 42px;
    right: -4%;
  }
}
.about-3__img-text {
  position: absolute;
  left: -29%;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  width: 370px;
  height: 89px;
  background-color: var(--it-common-white);
  clip-path: polygon(12% 0, 100% 0%, 89% 100%, 0% 100%);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__img-text {
    left: -33%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-3__img-text {
    left: 10%;
    top: -2%;
    transform: translateY(-50%) rotate(0);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-3__img-text {
    left: -20%;
  }
}
@media (max-width: 767px) {
  .about-3__img-text {
    left: 10%;
    top: -2%;
    transform: translateY(-50%) rotate(0);
  }
}
.about-3__img-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  width: 350px;
  height: 75px;
  z-index: -1;
  clip-path: polygon(12% 0, 100% 0%, 89% 100%, 0% 100%);
}
.about-3__img-text h5 {
  color: var(--it-common-white);
  font-weight: 700;
  font-size: 22px;
  line-height: 89px;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-3__img-text h5 {
    font-size: 19px;
  }
}
.about-3__icon {
  margin-right: 22px;
  height: 95px;
  width: 95px;
  background-color: #ebeffe;
  border-radius: 5px;
  line-height: 95px;
  text-align: center;
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .about-3__icon {
    margin-bottom: 30px;
  }
}
.about-3__section-box p {
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__section-box 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) {
  .about-3__section-box p {
    font-size: 14px;
  }
  .about-3__section-box p br {
    display: none;
  }
}
.about-3__title-sm {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 3px;
  transition: 0.3s;
}
.about-3__title-sm:hover {
  color: #108fe4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-3__title-sm {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .about-3__title-sm {
    font-size: 17px;
  }
}
.about-3__text p {
  line-height: 33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-3__text p {
    font-size: 14px;
  }
  .about-3__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .about-3__text p {
    font-size: 14px;
    line-height: 25px;
  }
  .about-3__text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-3__text p {
    font-size: 14px;
    line-height: 33px;
  }
  .about-3__text p br {
    display: none;
  }
}
.about-3__item {
  padding-bottom: 20px;
}
@media (max-width: 767px) {
  .about-3__item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-3__item {
    flex-wrap: nowrap;
  }
}
.about-3__shape {
  position: absolute;
  right: 3%;
  bottom: 8%;
  animation: zoom 10s infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-3__shape img {
    width: 75%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__shape img {
    width: 75%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .about-3__shape {
    right: 0;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-3__shape {
    right: -4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-3__shape {
    right: -4%;
    bottom: 5%;
  }
}

.about-4__left-item {
  margin-right: 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-4__left-item {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.about-4__left-text {
  border-bottom: none;
  padding: 35px 50px;
  border: 1px solid var(--it-border-1);
  border-bottom: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__left-text {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-4__left-text {
    font-size: 75px;
    padding: 35px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__left-text {
    padding: 23px 50px;
  }
}
@media (max-width: 767px) {
  .about-4__left-text {
    padding: 23px 22px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-4__left-text {
    flex-wrap: nowrap;
  }
}
.about-4__left-text h4 {
  font-size: 91px;
  font-weight: 700;
  -webkit-text-stroke-width: 8px;
  -webkit-text-stroke-color: #f14b4f;
  color: transparent;
  padding-right: 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__left-text h4 {
    padding-right: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-4__left-text h4 {
    font-size: 75px;
    padding-right: 28px;
  }
}
.about-4__left-text p {
  line-height: 26px;
  color: #636363;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__left-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-4__left-text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__left-text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .about-4__left-text p {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-4__left-text p {
    font-size: 14px;
  }
}
.about-4__main-img img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-4__right-item .section-title {
    font-size: 29px;
  }
}
.about-4__right-item p {
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__right-item p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-4__right-item p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-4__right-item p {
    font-size: 14px;
  }
  .about-4__right-item p br {
    display: none;
  }
}
.about-4__list {
  padding-bottom: 15px;
}
.about-4__list ul li {
  list-style-type: none;
  padding-left: 25px;
  position: relative;
  color: #636363;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .about-4__list ul li {
    font-size: 13px;
  }
}
.about-4__list ul li i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 16px;
  color: var(--it-common-blue-3);
}
.about-4__skill-inners {
  margin-left: 90px;
}
.about-4__skill-progress {
  width: 390px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__skill-progress {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .about-4__skill-progress {
    width: 100%;
  }
}
.about-4__skill-progress .team__skill-progress-item:last-child {
  padding-bottom: 10px;
}
.about-4__skill-progress-item {
  position: relative;
  padding-bottom: 35px;
}
.about-4__skill-progress-item h4 {
  font-weight: 500;
  font-size: 17px;
  color: #4a4c59;
  font-family: "Rubik", sans-serif;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__skill-progress-item h4 {
    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) {
  .about-4__skill-progress-item h4 {
    font-size: 14px;
  }
}
.about-4__skill-progress-item .progress-count {
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  color: #4a4c59;
  font-family: "Rubik", sans-serif;
  padding-top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__skill-progress-item .progress-count {
    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) {
  .about-4__skill-progress-item .progress-count {
    font-size: 14px;
  }
}
.about-4__skill-progress-item .progress {
  height: 4px;
  background-color: #e4e4e4;
  border-radius: 0;
  overflow: visible;
}
.about-4__skill-progress-item .progress .progress-bar {
  background-color: var(--it-common-blue-3);
  overflow: visible;
}
.about-4__shape {
  position: absolute;
  right: 15%;
  bottom: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__shape img {
    width: 70%;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .about-4__shape {
    right: 9%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-4__shape {
    right: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-4__shape {
    right: -3%;
  }
}
.about-4__shape-2 {
  position: absolute;
  right: 9%;
  bottom: -7%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__shape-2 {
    right: -2%;
    bottom: -4%;
  }
}
@media (max-width: 767px) {
  .about-4__shape-2 {
    right: -19%;
    bottom: -5%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-4__shape-2 {
    right: -10%;
    bottom: -3%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .about-4__shape-2 {
    right: -14%;
    bottom: -4%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-4__shape-2 img {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .about-4__shape-2 img {
    width: 50%;
  }
}

.about-5__space {
  padding-top: 140px;
  padding-bottom: 100px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-5__space {
    padding-top: 70px;
  }
}
.about-5__item {
  padding-bottom: 30px;
}
.about-5__item:hover .about-5__icon {
  border: 2px dashed var(--it-common-blue-5);
}
@media (max-width: 767px) {
  .about-5__item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-5__item {
    flex-wrap: nowrap;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__section-box p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-5__section-box p {
    font-size: 14px;
    padding-right: 40px;
  }
  .about-5__section-box p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__section-box p {
    font-size: 14px;
  }
  .about-5__section-box p br {
    display: none;
  }
}
.about-5__icon {
  height: 90px;
  width: 90px;
  border-radius: 50%;
  line-height: 80px;
  text-align: center;
  border: 2px solid #f7f8f9;
  flex: 0 0 auto;
  margin-right: 20px;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .about-5__icon {
    margin-bottom: 20px;
  }
}
.about-5__icon img {
  padding-left: 6px;
}
.about-5__icon img.icon-img-pl {
  padding-left: 0;
  padding-right: 4px;
}
.about-5__text p {
  line-height: 27px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-5__text p {
    font-size: 14px;
  }
  .about-5__text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-5__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__text p {
    font-size: 14px;
  }
  .about-5__text p br {
    display: none;
  }
}
.about-5__title-sm {
  font-size: 22px;
  font-weight: 700;
  display: inline-block;
  transition: 0.3s;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__title-sm {
    font-size: 18px;
  }
}
.about-5__title-sm:hover {
  color: var(--it-common-blue-3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__left-item {
    padding-bottom: 50px;
  }
}
.about-5__right-item {
  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) {
  .about-5__right-item {
    margin: 0;
  }
}
.about-5__title-sm-2 {
  font-weight: 600;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  display: inline-block;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__title-sm-2 {
    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) {
  .about-5__title-sm-2 {
    font-size: 16px;
  }
}
.about-5__top-img {
  padding-bottom: 45px;
}
@media (max-width: 767px) {
  .about-5__top-img {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__top-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__bottom-img img {
    width: 100%;
  }
}
.about-5__img-text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.about-5__img-text-box img {
  max-width: inherit;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__img-text-box img {
    max-width: 120%;
  }
}
.about-5__experience {
  position: absolute;
  top: 50%;
  left: 45px;
  transform: translateY(-50%);
}
.about-5__img-title-sm {
  font-size: 40px;
  font-weight: 600;
  color: var(--it-common-blue-3);
  font-style: italic;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-5__img-title-sm {
    font-size: 34px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__img-title-sm {
    font-size: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-5__img-title-sm {
    font-size: 27px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__img-title-sm {
    font-size: 32px;
  }
}
.about-5__img-title-sm span {
  font-size: 32px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .about-5__img-title-sm span {
    font-size: 28px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-5__img-title-sm span {
    font-size: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-5__img-title-sm span {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-5__img-title-sm span {
    font-size: 25px;
  }
}

.about-us__main-img {
  padding-right: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us__main-img {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__main-img {
    padding-right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .about-us__main-img {
    padding-right: 0px;
  }
}
.about-us__img-content {
  background-color: var(--it-theme-1);
  position: absolute;
  right: -16%;
  top: 50%;
  padding: 17px 48px;
  border-radius: 30px;
  border: 6px solid var(--it-common-white);
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transform: translateY(-50%) rotate(-90deg);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-us__img-content {
    right: -28%;
    padding: 17px 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__img-content {
    top: 210px;
    padding: 14px 30px;
    right: -24%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-us__img-content {
    top: 210px;
    padding: 14px 30px;
    right: -20%;
  }
}
@media (max-width: 767px) {
  .about-us__img-content {
    right: 0%;
    top: 8px;
    padding: 11px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us__img-content {
    right: 5%;
    top: 21px;
    padding: 11px 41px;
  }
}
.about-us__img-content h4 {
  font-weight: 600;
  font-size: 22px;
  color: var(--it-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-us__img-content h4 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .about-us__img-content h4 {
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .about-us__img-content h4 {
    font-size: 16px;
  }
}

.about-title-shape {
  position: absolute;
  bottom: -9%;
  right: 35%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .about-title-shape {
    bottom: -9%;
    right: 30%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-title-shape {
    bottom: -13%;
    right: 29%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-title-shape {
    bottom: -7%;
    right: 84%;
  }
}
@media (max-width: 767px) {
  .about-title-shape {
    display: none;
  }
}
.about-title-shape 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) {
  .about-title-shape 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), (max-width: 767px) {
  .about-title-shape img {
    max-width: 100%;
  }
}

.tp-tab .nav-tabs {
  padding: 0;
  margin: 0;
  border: 0;
}
.tp-tab .nav-tabs .nav-link {
  padding: 0;
  margin: 0;
  border: 0;
}

.beforeAfter {
  z-index: 1 !important;
}

.beforeAfter div div div {
  height: 80px !important;
  width: 80px !important;
  line-height: 75px !important;
  background-color: #2179de !important;
  z-index: 1 !important;
}
.beforeAfter div div div i {
  border-color: #fff !important;
  padding: 5px !important;
  margin: 0 5px !important;
}

.beforeAfter div div {
  border: 5px solid #fff !important;
}

.beforeAfter {
  height: 570px;
}
@media (max-width: 767px) {
  .beforeAfter {
    height: 500px;
  }
}
.beforeAfter img {
  max-width: inherit;
  height: 570px;
  object-fit: cover;
}
@media (max-width: 767px) {
  .beforeAfter img {
    height: 500px;
  }
}

.before-after-2-thumb {
  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) {
  .before-after-2-thumb {
    margin-left: 0;
  }
}
.before-after-2-thumb .beforeAfter img {
  border-radius: 6px;
}
.before-after-2 .tpsection p {
  margin-bottom: 40px;
}

/*----------------------------------------*/
/*  09. counter css start
/*----------------------------------------*/
.counter__item {
  background-color: var(--it-grey-1);
  padding: 40px 28px;
  border-radius: 10px;
  position: relative;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__item {
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__item {
    padding: 40px 17px;
  }
}
.counter__item::after {
  content: "";
  width: 60px;
  height: 60px;
  background-color: var(--it-theme-1);
  position: absolute;
  bottom: -21px;
  right: -17px;
  border-radius: 50%;
  transition: 0.3s;
}
.counter__item::before {
  content: "";
  width: 61px;
  height: 61px;
  position: absolute;
  bottom: -21px;
  right: -16px;
  border-radius: 50%;
  border: 5px solid var(--it-common-white);
  transform: scale(1.1);
  transition: 0.3s;
}
.counter__item:hover {
  background-color: var(--it-common-blue);
}
.counter__item:hover::after {
  display: none;
}
.counter__item:hover::before {
  opacity: 1;
  visibility: visible;
}
.counter__item:hover .counter__title {
  color: var(--it-common-white);
}
.counter__item:hover .counter__text span {
  color: var(--it-common-white);
}
.counter__item:hover .counter__icon span {
  background-color: var(--it-common-white);
}
.counter__item:hover .counter__icon span i {
  color: var(--it-theme-1);
}
.counter__title {
  font-weight: 600;
  font-size: 50px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__title {
    font-size: 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) {
  .counter__title {
    font-size: 30px;
  }
}
.counter__title i {
  font-style: normal;
}
.counter__text {
  padding-bottom: 20px;
}
.counter__text span {
  font-weight: 500;
  color: var(--it-grey-4);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .counter__text span {
    font-size: 15px;
  }
}
.counter__icon {
  margin-right: 28px;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .counter__icon {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .counter__icon {
    margin-right: 20px;
  }
}
.counter__icon span {
  background-color: var(--it-theme-1);
  height: 60px;
  width: 60px;
  line-height: 60px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  position: relative;
  z-index: 1;
}
.counter__icon span svg {
  color: var(--it-common-white);
}
.counter__icon span i {
  color: var(--it-common-white);
  transition: 0.3s;
  font-size: 30px;
}
.counter__icon span i.icon-pt {
  padding-top: 16px;
}
.counter__icon::after {
  content: "";
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: #b4ddda;
  position: absolute;
  top: -5px;
  left: -5px;
}

/*----------------------------------------*/
/*  21. service css start
/*----------------------------------------*/
.service__space {
  padding-top: 100px;
  padding-bottom: 70px;
}
.service__item-wrapper.active .service__icon {
  background-color: var(--it-common-white);
}
.service__item-wrapper.active .service__icon::after {
  background-color: var(--it-common-white);
}
.service__item-wrapper.active .service__icon span {
  background-color: var(--it-theme-1);
}
.service__item-wrapper.active .service__icon span i {
  color: var(--it-common-white);
}
.service__item-wrapper.active .service__item::before {
  content: "";
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.service__item-wrapper.active .service__title-sm {
  color: var(--it-common-white);
}
.service__item-wrapper.active .service__content a {
  color: var(--it-common-white);
}
.service__item-wrapper.active .service__content p {
  color: var(--it-common-white);
}
.service__item-wrapper.active .service__item-shape {
  opacity: 1;
  visibility: visible;
}
.service__item-wrapper:hover .service__icon {
  background-color: var(--it-common-white);
}
.service__item-wrapper:hover .service__icon::after {
  background-color: var(--it-common-white);
}
.service__item-wrapper:hover .service__icon span {
  background-color: var(--it-theme-1);
}
.service__item-wrapper:hover .service__icon span i {
  color: var(--it-common-white);
}
.service__item-wrapper:hover .service__main-img img {
  transform: scale(1.2);
}
.service__item-wrapper:hover .service__item::before {
  content: "";
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.service__item-wrapper:hover .service__title-sm {
  color: var(--it-common-white);
}
.service__item-wrapper:hover .service__content a {
  color: var(--it-common-white);
}
.service__item-wrapper:hover .service__content p {
  color: var(--it-common-white);
}
.service__item-wrapper:hover .service__item-shape {
  opacity: 1;
  visibility: visible;
}
.service__item {
  background-color: var(--it-common-white);
  padding: 50px 30px;
  transition: 0.3s;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item {
    padding: 50px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service__item {
    flex-wrap: wrap;
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .service__item {
    flex-wrap: wrap;
    padding: 30px 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service__item {
    flex-wrap: wrap;
    padding: 65px 30px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .service__item {
    padding: 30px;
  }
}
.service__item::after {
  content: "";
  bottom: -22px;
  right: -19px;
  height: 70px;
  width: 70px;
  position: absolute;
  border-radius: 50%;
  border: 4px solid var(--it-common-white);
}
.service__item::before {
  content: "";
  top: 0;
  right: 0;
  height: 20%;
  width: 100%;
  position: absolute;
  background-color: var(--it-common-blue);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: -1;
}
.service__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 7px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__title-sm {
    font-size: 20px;
  }
}
.service__content a {
  font-weight: 600;
  color: var(--it-common-black-3);
  transition: 0.3s;
}
.service__content a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__content a {
    font-size: 14px;
  }
}
.service__content a i {
  margin-right: 10px;
  font-weight: 700;
}
.service__content p {
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__content p {
    font-size: 14px;
  }
}
.service__icon {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  line-height: 76px;
  text-align: center;
  position: relative;
  margin-right: 30px;
  flex: 0 0 auto;
  z-index: 1;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__icon {
    margin-bottom: 25px;
  }
}
.service__icon::after {
  content: "";
  top: 50%;
  right: -17px;
  height: 31px;
  width: 30px;
  position: absolute;
  background-color: var(--it-theme-1);
  clip-path: polygon(100% 46%, 0 0, 0 100%);
  transform: translateY(-50%);
  z-index: -1;
  transition: 0.3s;
}
.service__icon span {
  transition: 0.3s;
  border: 2px solid var(--it-common-white);
  border-radius: 50%;
  display: inline-block;
  line-height: 54px;
  height: 53px;
  width: 53px;
}
.service__icon span i {
  font-size: 22px;
  color: var(--it-common-white);
  transition: 0.3s;
}
.service__item-shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service__item-shape {
    left: 59%;
  }
}
.service__item-shape span {
  font-size: 200px;
  line-height: 0;
  color: #233756;
}
.service__main-img {
  overflow: hidden;
}
.service__main-img img {
  width: 100%;
  transition: 0.6s;
}

.service-2__item-wrapper {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-2__item-wrapper:hover .service-2__item-box::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.service-2__item-wrapper:hover .service-2__title-sm {
  color: var(--it-common-white);
}
.service-2__item-wrapper:hover .service-2__content a {
  color: var(--it-common-white);
}
.service-2__item-wrapper:hover .service-2__content a i {
  margin-right: 10px;
  font-weight: 700;
}
.service-2__item-wrapper:hover .service-2__content p {
  color: var(--it-common-white);
}
.service-2__item-wrapper:hover .service-2__main-img img {
  transform: scale(1.1);
}
.service-2__item-box {
  position: relative;
}
.service-2__item-box::after {
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2%;
  position: absolute;
  background: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  z-index: 2;
}
.service-2__item {
  padding: 78px 30px;
  padding-bottom: 45px;
  transition: all 0.5s ease-out 0s;
  position: relative;
  z-index: 3;
}
@media (max-width: 767px) {
  .service-2__item {
    padding-bottom: 30px;
  }
}
.service-2__item::after {
  content: "";
  bottom: 81%;
  left: 50%;
  height: 85px;
  width: 85px;
  position: absolute;
  background-color: var(--it-common-white);
  border-radius: 50%;
  transform: translateX(-50%);
}
.service-2__item::before {
  content: "";
  bottom: 72%;
  left: 50%;
  height: 29px;
  width: 32px;
  position: absolute;
  background-color: var(--it-common-white);
  transform: translateX(-47%);
  clip-path: polygon(51% 100%, 2% 0, 100% 0);
}
.service-2__title-sm {
  font-weight: 700;
  font-size: 25px;
  padding-bottom: 7px;
  transition: 0.5s;
  position: relative;
  display: inline-block;
}
.service-2__title-sm:hover::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.service-2__title-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 5px;
  height: 2px;
  width: 0;
  background-color: var(--it-common-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-2__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-2__title-sm {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .service-2__title-sm {
    font-size: 20px;
  }
}
.service-2__content a {
  font-weight: 600;
  color: var(--it-common-black-3);
  transition: 0.5s;
}
.service-2__content a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-2__content a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-2__content a {
    font-size: 16px;
  }
}
.service-2__content a i {
  margin-right: 10px;
  font-weight: 700;
}
.service-2__content p {
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-2__content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-2__content p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-2__content p {
    font-size: 16px;
  }
}
.service-2__icon {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-image: var(--it-theme-2);
  line-height: 76px;
  text-align: center;
  z-index: 1;
  transition: 0.5s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-2__icon {
    margin-bottom: 25px;
  }
}
.service-2__icon::after {
  content: "";
  bottom: -18px;
  left: 51%;
  height: 21px;
  width: 19px;
  position: absolute;
  background-image: var(--it-theme-2);
  clip-path: polygon(100% 46%, 0 0, 0 100%);
  transform: translateX(-50%) rotate(90deg);
  transition: 0.3s;
}
.service-2__icon span {
  transition: 0.3s;
  border: 2px solid var(--it-common-white);
  border-radius: 50%;
  display: inline-block;
  line-height: 54px;
  height: 53px;
  width: 53px;
}
.service-2__icon span img {
  padding-bottom: 7px;
}
.service-2__item-shape {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-2__item-shape {
    left: 59%;
  }
}
.service-2__item-shape span {
  font-size: 200px;
  line-height: 0;
  color: #233756;
}
.service-2__main-img {
  overflow: hidden;
}
.service-2__main-img img {
  width: 100%;
  transform: 0.6s;
}

.service-3__icon {
  text-align: center;
  display: inline-block;
  margin-bottom: 30px;
}
.service-3__icon img {
  width: 63px;
  height: 74px;
}
.service-3__item {
  background-color: var(--it-common-white);
  border-radius: 10px;
  padding-top: 50px;
  transition: 0.3s;
}
.service-3__item:hover {
  box-shadow: 2.5px 4.33px 40px 0px rgba(128, 128, 128, 0.28);
}
.service-3__item:hover .service-3__icon img {
  animation: icon-bounce 0.8s 1;
}
.service-3__item:hover .service-3__btn {
  border-top: 1px solid transparent;
}
.service-3__item:hover .service-3__btn-img img {
  transform: scale(1.2);
}
.service-3__content {
  padding: 0 20px;
}
.service-3__title-sm {
  padding-bottom: 23px;
  font-weight: 700;
  font-size: 22px;
  transition: 0.3s;
}
.service-3__title-sm:hover {
  color: #108fe4;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-3__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-3__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-3__title-sm {
    font-size: 18px;
  }
}
.service-3__text p {
  line-height: 33px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-3__text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-3__text p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-3__text p {
    font-size: 14px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .service-3__text p br {
    display: none;
  }
}
.service-3__btn-img {
  overflow: hidden;
}
.service-3__btn-img img {
  transition: 0.4s;
}
.service-3__btn {
  border-top: 1px solid var(--it-border-1);
  padding-top: 40px;
  padding-bottom: 45px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.service-3__shape-1 {
  position: absolute;
  left: 0;
  top: -16%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .service-3__shape-1 {
    left: -100px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service-3__shape-1 {
    left: -5%;
    top: -29%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-3__shape-1 {
    left: -10%;
    top: -28%;
  }
}
.service-3__shape-2 {
  position: absolute;
  right: 0;
  top: 27%;
  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) {
  .service-3__shape-2 {
    display: none;
  }
}

.service-5__item {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
}
.service-5__item:hover .service-5__thumb img {
  transform: scale(1.2);
}
.service-5__item:hover .service-5__thumb::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.service-5__item:hover .service-5__icon span img {
  transform: scale(1);
}
.service-5__thumb {
  position: relative;
  overflow: hidden;
}
.service-5__thumb img {
  transition: 0.4s;
}
.service-5__thumb::after {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 0%;
  height: 100%;
  background-color: rgba(114, 183, 170, 0.84);
  content: "";
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
}
.service-5__content {
  text-align: center;
  padding: 30px;
}
.service-5__content span {
  font-size: 17px;
  font-weight: 400;
  color: var(--it-common-blue-5);
  display: block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-5__content span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-5__content span {
    font-size: 14px;
  }
}
.service-5__title-sm {
  font-size: 25px;
  font-weight: 700;
  color: var(--it-common-black);
  display: inline-block;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-5__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-5__title-sm {
    font-size: 18px;
  }
}
.service-5__title-sm:hover {
  color: var(--it-common-blue-5);
}
.service-5__icon {
  position: absolute;
  top: 30px;
  right: 30px;
}
.service-5__icon span {
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  background-color: var(--it-common-white);
  display: inline-block;
  border-radius: 50%;
  border: 1px dashed var(--it-common-blue-5);
  position: relative;
}
.service-5__icon span svg {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-5__icon span {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
}
.service-5__icon span::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--it-common-white);
  transform: scale(1.3);
  content: "";
  z-index: -1;
  border-radius: 50%;
}
.service-5__icon span::before {
  position: absolute;
  bottom: -19px;
  left: 17px;
  width: 35px;
  height: 35px;
  background-color: white;
  content: "";
  z-index: -1;
  transform: rotate(45deg);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service-5__icon span::before {
    bottom: -17px;
    left: 16px;
    width: 27px;
    height: 27px;
  }
}

.service-5__item-color .service-5__thumb::after {
  height: 100%;
  background-color: rgba(64, 208, 198, 0.839);
}
.service-5__item-color .service-5__icon span {
  border: 1px dashed var(--it-theme-1);
}
.service-5__item-color .service-5__content span {
  color: var(--it-theme-1);
}
.service-5__item-color .service-5__title-sm:hover {
  color: var(--it-theme-1);
}

.service-3__item-border {
  border: 1px solid var(--it-border-1);
}
.service-3__item-border:hover {
  border: 1px solid transparent;
}

.it-service-details__right-content p {
  line-height: 30px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-details__right-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-details__right-content p {
    font-size: 14px;
  }
  .it-service-details__right-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details__right-content p {
    font-size: 14px;
  }
  .it-service-details__right-content p br {
    display: none;
  }
}
.it-service-details__list {
  padding-bottom: 40px;
}
.it-service-details__list ul li {
  font-size: 17px;
  color: var(--it-common-black);
  list-style-type: none;
  font-weight: 500;
  padding-bottom: 10px;
  position: relative;
  padding-left: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details__list ul li {
    font-size: 14px;
  }
}
.it-service-details__list ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--it-theme-1);
  font-weight: 500;
  font-size: 15px;
  transform: translateY(3px);
}
.it-service-details__item-img {
  padding-bottom: 45px;
}
.it-service-details__item-img img {
  width: 100%;
  border-radius: 20px;
}
.it-service-details__content p {
  line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-service-details__content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-details__content p {
    font-size: 14px;
  }
  .it-service-details__content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details__content p {
    font-size: 14px;
  }
  .it-service-details__content p br {
    display: none;
  }
}
.it-service-details__right-side {
  padding-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details__right-side {
    padding-left: 0;
  }
}
.it-service-details__right-side p {
  line-height: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-service-details__right-side p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-details__right-side p {
    font-size: 14px;
  }
  .it-service-details__right-side p br {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__content-2 p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__content-2 p {
    font-size: 14px;
  }
  .service__content-2 p br {
    display: none;
  }
}
.service__blog-item {
  padding: 50px 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__details .service__item {
    padding: 30px 30px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service__details .service__icon {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .service__item-wrapper {
    margin-bottom: 30px;
  }
}

.service-title-shape {
  position: absolute;
  bottom: -9%;
  right: 23%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .service-title-shape {
    bottom: -13%;
    right: 25%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .service-title-shape {
    bottom: -13%;
    right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-title-shape {
    bottom: -21%;
    right: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-title-shape {
    bottom: -21%;
    right: 12%;
  }
}
@media (max-width: 767px) {
  .service-title-shape {
    display: none;
  }
}
.service-title-shape 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) {
  .service-title-shape 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), (max-width: 767px) {
  .service-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  16. laboratory css start
/*----------------------------------------*/
.laboratory__blue-bg {
  position: relative;
  border-bottom: 1px solid var(--it-border-1);
}
.laboratory__blue-bg::after {
  content: "";
  top: 0;
  left: 0;
  background-color: var(--it-common-blue);
  position: absolute;
  height: 420px;
  width: 100%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .laboratory__blue-bg::after {
    height: 370px;
  }
}
@media (max-width: 767px) {
  .laboratory__blue-bg::after {
    height: 450px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .laboratory__blue-bg::after {
    height: 390px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .laboratory__blue-bg::after {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .laboratory__content-box {
    flex-wrap: wrap;
  }
}
.laboratory__shape {
  position: absolute;
  top: 70px;
  left: 30px;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .laboratory__shape {
    top: 125px;
    left: 14px;
  }
}
.laboratory__shape span {
  font-size: 195px;
  color: #233756;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .laboratory__shape span {
    font-size: 128px;
  }
}
.laboratory__bg {
  position: absolute;
  background-repeat: no-repeat;
  background-position: right;
  right: 0;
  top: 0;
  height: 100%;
  width: 50%;
  background-size: cover;
}
.laboratory__section-title {
  padding-top: 100px;
  padding-bottom: 58px;
}
.laboratory__section-title p {
  padding-top: 15px;
  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) {
  .laboratory__section-title p {
    font-size: 15px;
    padding-right: 60px;
  }
  .laboratory__section-title p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .laboratory__section-title p {
    font-size: 15px;
    padding-right: 0;
  }
  .laboratory__section-title p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .laboratory__section-title p {
    font-size: 14px;
    padding-right: 0;
  }
  .laboratory__section-title p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .laboratory__content-img {
    padding-bottom: 30px;
  }
}
.laboratory__content-img-text h4 {
  font-size: 24px;
  font-weight: 600;
}
.laboratory__content-img-text p {
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .laboratory__content-img-text p {
    font-size: 14px;
  }
  .laboratory__content-img-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .laboratory__content-img-text p {
    font-size: 14px;
    padding-right: 140px;
  }
  .laboratory__content-img-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .laboratory__content-img-text p {
    font-size: 14px;
    padding-right: 0px;
  }
  .laboratory__content-img-text p br {
    display: none;
  }
}
.laboratory__content-list ul li {
  list-style-type: none;
  padding-left: 40px;
  padding-bottom: 30px;
  position: relative;
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .laboratory__content-list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .laboratory__content-list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .laboratory__content-list ul li {
    font-size: 14px;
  }
  .laboratory__content-list ul li br {
    display: none;
  }
}
.laboratory__content-list ul li i {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 20px;
  color: var(--it-theme-1);
}
.laboratory__video-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: var(--it-common-blue);
  height: 200px;
  width: 200px;
  line-height: 200px;
  text-align: center;
  border-top: 4px solid var(--it-common-white);
  border-left: 4px solid 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) {
  .laboratory__video-btn {
    height: 150px;
    width: 150px;
    line-height: 150px;
  }
}
.laboratory__video-btn a {
  border-radius: 50%;
  display: inline-block;
  line-height: 98px;
  text-align: center;
  height: 88px;
  width: 88px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .laboratory__video-btn a {
    line-height: 74px;
    height: 68px;
    width: 68px;
  }
}
.laboratory__video-btn a::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #05a0a8;
  z-index: 1;
}
.laboratory__video-btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 70%;
  width: 70%;
  border-radius: 50%;
  background-color: #FFF;
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}
.laboratory__video-btn a i {
  margin-left: 5px;
  font-size: 30px;
  color: var(--it-common-white);
  position: relative;
  z-index: 9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .laboratory__video-btn a i {
    font-size: 20px;
  }
}

.laboratory-title-shape {
  position: absolute;
  bottom: -15px;
  right: 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .laboratory-title-shape {
    right: 80%;
  }
}
@media (max-width: 767px) {
  .laboratory-title-shape {
    display: none;
  }
}
.laboratory-title-shape 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) {
  .laboratory-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  25. team css start
/*----------------------------------------*/
.team__item-box {
  padding: 40px 40px;
  padding-bottom: 85px;
}
@media (max-width: 767px) {
  .team__item-box {
    padding: 40px 0px;
    padding-bottom: 85px;
  }
}
.team__circle {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  position: absolute;
  top: -33px;
  left: -37px;
}
.team__circle::after {
  content: "";
  border: 3px solid var(--it-theme-1);
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.team__img-text {
  padding: 20px 63px;
  background-color: var(--it-common-white);
  box-shadow: 0px 0px 122px 0px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  margin-top: -45px;
  position: relative;
  display: inline-block;
  z-index: 3;
}
.team__img-text h4 {
  font-size: 25px;
  font-weight: 600;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__img-text h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__img-text h4 {
    font-size: 19px;
  }
}
@media (max-width: 767px) {
  .team__img-text h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__img-text h4 {
    font-size: 21px;
  }
}
.team__img-text h4:hover {
  color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team__img-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team__img-text span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .team__img-text span {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .team__img-text span {
    font-size: 16px;
  }
}
.team__social {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: -30px;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  z-index: 2;
}
.team__social a {
  font-size: 14px;
  color: var(--it-common-white);
  width: 48px;
  height: 45px;
  background-color: var(--it-common-blue);
  display: inline-block;
  line-height: 45px;
  margin-bottom: 1px;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team__social a {
    font-size: 13px;
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
}
@media (max-width: 767px) {
  .team__social a {
    font-size: 13px;
    width: 38px;
    height: 38px;
    line-height: 38px;
  }
}
.team__social a:hover {
  color: var(--it-theme-1);
}
.team__wrapper:hover .team__social {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.team__wrapper:hover .team__main-img img {
  transform: scale(1.1);
}
.team__wrapper:hover .team__main-img::before {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.team__wrapper:hover .team__item::after {
  background-color: var(--it-theme-1);
}
.team__wrapper:hover .team__img-icon {
  opacity: 1;
  visibility: visible;
}
.team__main-img {
  border-radius: 50%;
  transform: 0.3s;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  width: 254px;
  height: 254px;
}
.team__main-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(8, 30, 65, 0.588);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  transition: 0.3s;
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 2;
}
.team__item {
  position: relative;
  z-index: 2;
  height: 254px;
  width: 254px;
  margin: 0 auto;
}
.team__item::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  background-color: var(--it-common-white);
  border-radius: 50%;
  height: 100%;
  width: 100%;
  z-index: -1;
  transition: 0.6s;
  transform: scale(1.07);
}
.team__img-icon {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  line-height: 48px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.team__img-icon a {
  color: var(--it-common-white);
  font-weight: 700;
  position: relative;
  z-index: 2;
  font-size: 18px;
}
.team__img-icon a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 18px;
  width: 18px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  z-index: -1;
}

.team-2__item {
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 50px 20px;
  padding-top: 115px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .team-2__item {
    padding: 50px 15px;
    padding-top: 115px;
  }
}
.team-2__item::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  border-radius: 10px;
  position: absolute;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
  z-index: -1;
}
.team-2__item:hover::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.team-2__item:hover .team-2__author-name {
  color: var(--it-common-white);
}
.team-2__item:hover .team-2__author-info span {
  color: var(--it-common-white);
}
.team-2__item:hover .team-2__author-info a {
  background: var(--it-common-white);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.team-2__item:hover .team-2__author-info p {
  color: var(--it-common-white);
}
.team-2__wrapper {
  margin-top: 100px;
}
.team-2__slider-active {
  padding: 0 20px;
  margin: 0 -20px;
}
.team-2__item-img {
  position: absolute;
  top: -84px;
  left: 50%;
  transform: translateX(-50%);
}
.team-2__item-img::after {
  content: "";
  position: absolute;
  top: -13px;
  left: 0;
  height: 169px;
  width: 169px;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  z-index: -1;
}
.team-2__item-img img {
  max-width: inherit;
  border-radius: 50%;
}
.team-2__author-name {
  font-size: 22px;
  font-weight: 700;
  transform: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-2__author-name {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team-2__author-name {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-2__author-name {
    font-size: 18px;
  }
}
.team-2__author-info span {
  color: #636363;
  padding-bottom: 10px;
  display: inline-block;
  transform: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-2__author-info span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-2__author-info span {
    font-size: 15px;
  }
}
.team-2__author-info a {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  font-weight: 700;
  transform: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-2__author-info a {
    font-size: 14px;
  }
}
.team-2__author-info p {
  font-size: 14px;
  line-height: 23px;
  transform: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-2__author-info p {
    font-size: 13px;
  }
  .team-2__author-info p br {
    display: none;
  }
}

.team-5__item {
  box-shadow: 0px 0px 122px 0px rgba(0, 0, 0, 0.08);
  padding: 40px 30px;
  transition: 0.3s;
}
.team-5__item:hover {
  background-color: var(--it-common-blue-5);
}
.team-5__item:hover .team-5__social {
  opacity: 1;
  visibility: visible;
  top: 50%;
}
.team-5__item:hover .team-5__title-sm {
  color: var(--it-common-white);
}
.team-5__item:hover .team-5__content span {
  color: var(--it-common-white);
}
.team-5__content span {
  font-size: 17px;
  color: #4e4e4e;
  font-weight: 400;
  display: block;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-5__content 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) {
  .team-5__content span {
    font-size: 15px;
  }
}
.team-5__thumb img {
  margin-bottom: 35px;
}
.team-5__title-sm {
  font-size: 25px;
  color: var(--it-common-black);
  font-weight: 700;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .team-5__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-5__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-5__title-sm {
    font-size: 18px;
  }
}
.team-5__title-sm:hover {
  color: var(--it-common-blue-5);
}
.team-5__social {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--it-common-white);
  padding: 15px 20px;
  display: flex;
  align-items: center;
  border-radius: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-5__social {
    padding: 10px 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) {
  .team-5__social {
    padding: 10px 15px;
  }
}
.team-5__social a {
  color: var(--it-common-black);
  font-size: 17px;
  margin: 0px 10px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .team-5__social a {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .team-5__social a {
    font-size: 15px;
  }
}
.team-5__social a:hover {
  color: var(--it-common-blue-5);
}

.team-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.team-slider-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
}
.team-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
  transform: scale(1.2);
}

.it-doctor-details__text {
  padding-bottom: 10px;
  border-bottom: 1px solid var(--it-border-1);
}
.it-doctor-details__text p {
  line-height: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-doctor-details__text p {
    font-size: 15px;
  }
  .it-doctor-details__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__text p {
    font-size: 13px;
  }
  .it-doctor-details__text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-doctor-details__text p {
    font-size: 15px;
  }
  .it-doctor-details__text p br {
    display: none;
  }
}
.it-doctor-details__text-2 {
  padding-top: 40px;
}
.it-doctor-details__text-2 p {
  line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-doctor-details__text-2 p {
    font-size: 15px;
  }
  .it-doctor-details__text-2 p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__text-2 p {
    font-size: 13px;
  }
  .it-doctor-details__text-2 p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-doctor-details__text-2 p {
    font-size: 15px;
  }
  .it-doctor-details__text-2 p br {
    display: none;
  }
}
.it-doctor-details__content-list {
  padding-bottom: 35px;
  padding-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-doctor-details__content-list {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__content-list {
    padding-bottom: 10px;
  }
}
.it-doctor-details__content-list ul {
  display: inline-block;
  padding-bottom: 5px;
}
.it-doctor-details__content-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 25px;
  margin-bottom: 10px;
  width: 50%;
  float: left;
}
@media only screen and (min-width: 1200px) 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-doctor-details__content-list ul li {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__content-list ul li {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-doctor-details__content-list ul li {
    width: 50%;
  }
}
.it-doctor-details__content-list ul li i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-weight: 500;
  color: var(--it-theme-1);
  font-size: 16px;
}
.it-doctor-details__content-list ul li span {
  font-weight: 400;
  font-size: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .it-doctor-details__content-list ul li span {
    font-size: 15px;
  }
}
.it-doctor-details__content-title {
  font-size: 24px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-doctor-details__content-title {
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__content-title {
    font-size: 18px;
    padding-bottom: 0;
  }
}
.it-doctor-details__border {
  border: 1px solid var(--it-border-1);
  border-radius: 20px;
  padding: 40px 35px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-doctor-details__border {
    padding: 23px 30px;
    margin: 0px;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__border {
    padding: 15px;
    margin: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-doctor-details__border {
    padding: 30px 15px;
  }
}
.it-doctor-details__content-box {
  padding-left: 45px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-doctor-details__content-box {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-doctor-details__main-img {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-doctor-details__main-img {
    margin-bottom: 30px;
  }
}
.it-doctor-details__main-img img {
  width: 100%;
}

.team-title-shape {
  position: absolute;
  bottom: -15px;
  right: 30%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .team-title-shape {
    right: 21%;
  }
}
@media (max-width: 767px) {
  .team-title-shape {
    display: none;
  }
}
.team-title-shape 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) {
  .team-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  27. video css start
/*----------------------------------------*/
.video__bg {
  position: relative;
}
.video__bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--it-grey-1);
  width: 100%;
  height: 58%;
  z-index: -1;
}
.video__bg.bg-none::after {
  display: none;
  visibility: hidden;
}
.video__item {
  height: 509px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  border-radius: 50px;
  padding-top: 90px;
}
@media (max-width: 767px) {
  .video__item {
    height: auto;
    padding-bottom: 60px;
  }
}
.video__item::after {
  content: "";
  top: 0;
  left: 0;
  background-color: rgba(8, 30, 65, 0.7);
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50px;
}
.video__play-btn {
  padding-bottom: 50px;
}
.video__play-btn a {
  border-radius: 50%;
  display: inline-block;
  line-height: 86px;
  text-align: center;
  height: 75px;
  width: 75px;
  background-color: var(--it-common-white);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .video__play-btn a {
    line-height: 71px;
    height: 65px;
    width: 65px;
  }
}
.video__play-btn a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: scale(1.3);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.408);
  animation: borderanimate2 2s linear infinite;
  z-index: -1;
}
.video__play-btn a i {
  margin-left: 5px;
  font-size: 30px;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .video__play-btn a i {
    font-size: 22px;
  }
}
.video__text p {
  color: var(--it-common-white);
  padding-top: 10px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .video__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .video__text p {
    font-size: 14px;
    padding: 0 50px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .video__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .video__text p {
    font-size: 14px;
    padding: 0 20px;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .video__text p br {
    display: none;
  }
}
.video__text-2 {
  position: absolute;
  right: -10%;
  bottom: 42%;
  transform: rotate(-90deg);
}
.video__text-2 p {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-size: 20px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), md, xs {
  .video__text-2 p {
    font-size: 15px;
  }
}
.video__text-2 p b {
  color: var(--it-theme-1);
  font-weight: 400;
}
.video__text-2 p span {
  width: 23px;
  height: 23px;
  background-color: var(--it-theme-1);
  border-radius: 50%;
  display: inline-block;
  transform: translate(1px, -1px);
  text-align: center;
  margin-right: 20px;
}
.video__text-2 p span i {
  color: var(--it-common-black);
  font-weight: 600;
}

.video-2__space {
  position: relative;
}
.video-2__space::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 50%;
  width: 100%;
  background-color: var(--it-grey-5);
  position: absolute;
  z-index: -1;
}
.video-2__bg {
  border-radius: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 170px;
  padding-bottom: 195px;
}
@media (max-width: 767px) {
  .video-2__bg {
    padding-top: 80px;
  }
}
.video-2__bg::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgb(4, 4, 4);
  opacity: 0.451;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.video-2__play-btn a {
  border-radius: 50%;
  display: inline-block;
  line-height: 83px;
  text-align: center;
  height: 80px;
  width: 80px;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .video-2__play-btn a {
    line-height: 71px;
    height: 65px;
    width: 65px;
  }
}
.video-2__play-btn a::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  opacity: 0.271;
  z-index: -1;
  animation: borderanimate2 2s linear infinite;
}
.video-2__play-btn a i {
  margin-left: 5px;
  font-size: 20px;
  color: var(--it-common-white);
}
.video-2__text {
  margin: 18px 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .video-2__text {
    margin: 0px 15px;
  }
}
.video-2__text p {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  color: var(--it-common-white);
  width: 505px;
  font-weight: 700;
  line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .video-2__text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .video-2__text p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .video-2__text p {
    width: auto;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .video-2__text p {
    width: auto;
    font-size: 17px;
  }
}
.video-2__text p a {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.video-2__shape-1 {
  position: absolute;
  right: 0;
  bottom: -16%;
}

/*----------------------------------------*/
/*  19. project css start
/*----------------------------------------*/
.project__slider-wrapper {
  padding: 0 10px;
}
.project__item {
  position: relative;
}
.project__item img {
  width: 100%;
}
.project__item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(0, 0, 0);
  opacity: 0.09;
  transition: 0.3s;
}
.project__item:hover::after {
  background-color: rgb(8, 30, 65);
  opacity: 0.639;
}
.project__item:hover .project__icon {
  opacity: 1;
  visibility: visible;
  right: 0;
}
.project__item:hover .project__img-content {
  opacity: 1;
  visibility: visible;
  left: 0;
}
.project__icon {
  position: absolute;
  top: 0;
  right: -20px;
  margin: 40px;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
@media (max-width: 767px) {
  .project__icon {
    margin: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__icon {
    margin: 30px;
  }
}
.project__icon a {
  height: 55px;
  width: 55px;
  background-color: var(--it-theme-1);
  display: inline-block;
  line-height: 55px;
  text-align: center;
}
@media (max-width: 767px) {
  .project__icon a {
    height: 45px;
    width: 45px;
    line-height: 45px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__icon a {
    height: 55px;
    width: 55px;
    line-height: 55px;
  }
}
.project__icon a i {
  font-size: 20px;
  font-weight: 400;
  color: var(--it-common-white);
}
.project__img-content {
  position: absolute;
  bottom: 0;
  left: -60px;
  z-index: 1;
  padding: 35px 90px 35px 30px;
  background-color: rgb(64, 208, 198);
  opacity: 0.788;
  margin-bottom: 40px;
  border-radius: 0 10px 10px 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .project__img-content {
    padding: 35px 45px 35px 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) {
  .project__img-content {
    padding: 35px 30px 35px 30px;
  }
}
@media (max-width: 767px) {
  .project__img-content {
    padding: 25px 20px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__img-content {
    padding: 35px 90px 35px 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .project__img-content {
    padding: 30px 40px 30px 30px;
  }
}
.project__img-content p {
  color: var(--it-common-white);
  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) {
  .project__img-content p {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .project__img-content p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__img-content p {
    font-size: 16px;
  }
}
.project__img-title-sm {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 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) {
  .project__img-title-sm {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .project__img-title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .project__img-title-sm {
    font-size: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project__item-blue .project__icon {
    margin: 25px;
  }
}
.project__item-blue .project__icon a {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
}
.project__item-blue .project__img-content {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
}

.project-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.project-slider-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
}
.project-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
  transform: scale(1.2);
}

.blue-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.blue-slider-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 2px solid #4e6cb3;
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
}
.blue-slider-dots .swiper-pagination-bullet-active {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  border: 1px solid transparent;
  transform: scale(1.2);
}

.best-project__left-side {
  padding: 20px;
  border-left: 4px solid var(--it-theme-1);
}
@media (max-width: 767px) {
  .best-project__left-side {
    margin-bottom: 30px;
  }
}
.best-project__left-side p {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .best-project__left-side p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .best-project__left-side p {
    font-size: 14px;
  }
  .best-project__left-side p br {
    display: none;
  }
}
.best-project__left-side p span {
  font-weight: 600;
}
.best-project__left-title {
  font-weight: 600;
  font-size: 26px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .best-project__left-title {
    font-size: 23px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .best-project__left-title {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .best-project__left-title {
    font-size: 16px;
  }
}
.best-project__right-title {
  font-size: 20px;
  padding-bottom: 10px;
  color: var(--it-common-black);
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .best-project__right-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .best-project__right-title {
    font-size: 15px;
  }
}
.best-project__number {
  font-weight: 600;
  font-size: 56px;
  color: var(--it-theme-1);
  min-width: 250px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .best-project__number {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .best-project__number {
    font-size: 35px;
  }
}
.best-project__content-box {
  display: inline-block;
  padding: 50px 63px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .best-project__content-box {
    padding: 30px 63px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .best-project__content-box {
    padding: 20px 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .best-project__content-box {
    padding: 20px 0px;
  }
}
.best-project__shape {
  position: absolute;
  content: "";
  right: -32px;
  bottom: -24px;
  height: 80px;
  width: 80px;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
}

.it-project-details__big-img img {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__img-sm {
    margin-bottom: 30px;
  }
}
.it-project-details__img-sm img {
  width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-details__content p {
    font-size: 14px;
  }
  .it-project-details__content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__content p {
    font-size: 13px;
  }
  .it-project-details__content 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-project-details__content-list p {
    font-size: 14px;
  }
  .it-project-details__content-list p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__content-list p {
    font-size: 13px;
  }
  .it-project-details__content-list p br {
    display: none;
  }
}
.it-project-details__content-list ul {
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
}
.it-project-details__content-list ul li {
  float: left;
  width: 50%;
  list-style-type: none;
  position: relative;
  line-height: 26px;
  font-weight: 500;
  font-size: 17px;
  padding-left: 30px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-project-details__content-list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-details__content-list ul li {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-project-details__content-list ul li {
    font-size: 14px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-project-details__content-list ul li {
    font-size: 14px;
    width: 100%;
  }
  .it-project-details__content-list ul li br {
    display: none;
  }
}
.it-project-details__content-list ul li i {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 20px;
  color: var(--it-theme-1);
}
.it-project-details__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 15px;
  padding-left: 10px;
}
.it-project-details__right-side {
  margin-right: 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-project-details__right-side {
    margin-right: 0;
  }
}
.it-project-details__right-item {
  background-color: #e8ebf5;
  padding: 45px 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__right-item {
    padding: 45px 25px;
  }
}
.it-project-details__right-list ul li {
  margin-bottom: 20px;
  border-radius: 23px;
  padding-left: 10px;
  background-color: var(--it-common-white);
  width: 309px;
  height: 48px;
  line-height: 48px;
  list-style-type: none;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  transform: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-project-details__right-list ul li {
    width: 100%;
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-details__right-list ul li {
    width: 100%;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__right-list ul li {
    width: 100%;
    font-size: 15px;
  }
}
.it-project-details__right-list ul li:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-project-details__right-list ul li:hover i {
  background-color: var(--it-common-white);
  color: var(--it-theme-1);
}
.it-project-details__right-list ul li:last-child {
  margin-bottom: 0;
}
.it-project-details__right-list ul li i {
  margin-right: 18px;
  height: 30px;
  width: 30px;
  background-color: var(--it-theme-1);
  border-radius: 50%;
  font-size: 14px;
  color: var(--it-common-white);
  line-height: 30px;
  text-align: center;
  font-weight: 600;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-project-details__right-list ul li i {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-project-details__right-list ul li i {
    margin-right: 10px;
  }
}
.it-project-details__img-text {
  position: absolute;
  bottom: -31px;
  right: -38px;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: absolute;
  background-color: var(--it-theme-1);
  width: 151px;
  height: 151px;
}
.it-project-details__img-text span {
  display: block;
  font-family: "Saira", sans-serif;
  font-weight: 600;
  font-size: 32px;
  color: var(--it-common-white);
  padding-top: 28px;
  padding-left: 40px;
}
.it-project-details__img-text b {
  padding-left: 40px;
  font-size: 22px;
  font-weight: 400;
  font-family: "Saira", sans-serif;
  color: var(--it-common-white);
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .project__page .project__img-content {
    padding: 35px 30px 35px 30px;
  }
}

.project-title-shape {
  position: absolute;
  bottom: -12px;
  right: 31%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .project-title-shape {
    right: 27%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project-title-shape {
    right: 25%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .project-title-shape {
    right: 25%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project-title-shape {
    right: 22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project-title-shape {
    right: 14%;
  }
}
@media (max-width: 767px) {
  .project-title-shape {
    display: none;
  }
}
.project-title-shape 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) {
  .project-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  26. testimonial css start
/*----------------------------------------*/
.testimonial__item {
  background-color: var(--it-grey-1);
  padding-top: 70px;
  padding: 70px 20px 80px 20px;
  border-radius: 10px;
}
.testimonial__title-sm {
  font-size: 22px;
  font-weight: 600;
  transition: 0.3s;
}
.testimonial__title-sm:hover {
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .testimonial__title-sm {
    font-size: 18px;
  }
}
.testimonial__text span {
  padding-bottom: 20px;
  display: inline-block;
}
@media (max-width: 767px) {
  .testimonial__text span {
    font-size: 13px;
  }
}
.testimonial__text p {
  font-size: 18px;
  font-style: italic;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__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) {
  .testimonial__text p {
    font-size: 14px;
  }
  .testimonial__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .testimonial__text p {
    font-size: 12px;
  }
  .testimonial__text p br {
    display: none;
  }
}
.testimonial__icon {
  position: absolute;
  bottom: -14%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
  text-align: center;
}
@media (max-width: 767px) {
  .testimonial__icon {
    bottom: -8%;
  }
}
.testimonial__icon span {
  font-size: 35px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  height: 85px;
  width: 85px;
  border-radius: 50%;
  display: inline-block;
  line-height: 85px;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .testimonial__icon span {
    font-size: 20px;
    height: 55px;
    width: 55px;
    line-height: 55px;
  }
}
.testimonial__star {
  padding-bottom: 15px;
}
.testimonial__star i {
  color: var(--it-theme-1);
}
.testimonial__star i.star-color {
  color: #a8a8a8;
}
.testimonial__circle {
  position: absolute;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  height: 105px;
  width: 105px;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
}
.testimonial__img {
  position: absolute;
  content: "";
  top: -40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  border-radius: 50%;
}
.testimonial__wrapper {
  margin-top: 40px;
  margin-bottom: 48px;
  transition: 0.3s;
}
.testimonial__wrapper:hover {
  box-shadow: 0px 0px 42.32px 3.68px rgba(102, 102, 102, 0.17);
}
.testimonial__wrapper:hover .testimonial__icon span {
  background-color: var(--it-common-blue);
  color: var(--it-common-white);
}

.testimonial-2__item {
  background-color: #f4f5f7;
  padding: 60px 20px;
  border-radius: 200px 200px 0 0;
  position: relative;
  margin-top: 36px;
  margin-bottom: 45px;
}
.testimonial-2__item:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.testimonial-2__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 6px;
  background-image: var(--it-theme-2);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.testimonial-2__icon {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-2__icon span {
  font-size: 35px;
  height: 82px;
  width: 82px;
  background-image: var(--it-theme-2);
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  line-height: 75px;
  text-align: center;
  border: 5px solid var(--it-common-white);
}
.testimonial-2__author-name {
  font-weight: 700;
  font-size: 25px;
  transition: 0.3s;
}
.testimonial-2__author-name:hover {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .testimonial-2__author-name {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-2__author-name {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-2__author-name {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-2__text span {
    font-size: 15px;
  }
}
.testimonial-2__star {
  padding-bottom: 15px;
}
.testimonial-2__star i {
  font-size: 20px;
  padding: 0 2px;
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.testimonial-2__star i.color {
  background: #dddddd;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.testimonial-2__text p {
  font-style: italic;
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-2__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-2__text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-2__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-2__text p {
    padding: 0 36px;
    font-size: 14px;
  }
  .testimonial-2__text p br {
    display: none;
  }
}
.testimonial-2__img {
  position: absolute;
  bottom: -51px;
  left: 50%;
  transform: translateX(-50%);
}

.testimonial__slider-active {
  padding: 0 30px;
}

.testimonial-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.testimonial-slider-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
}
.testimonial-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
  transform: scale(1.2);
}

.gradient-slider-dots-2 {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.gradient-slider-dots-2 .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
  background-color: #dcdcdc;
}
.gradient-slider-dots-2 .swiper-pagination-bullet-active {
  background-image: var(--it-theme-2);
}

.testimonial-3__bg {
  padding: 105px 0;
  position: relative;
}
.testimonial-3__bg::after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgb(42, 40, 45);
  opacity: 0.82;
}
.testimonial-3__item {
  background-color: #f4f5f7;
  padding: 60px 20px;
  border-radius: 200px 200px 0 0;
  position: relative;
  margin-top: 36px;
  margin-bottom: 53px;
}
.testimonial-3__item:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.testimonial-3__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 6px;
  background-color: var(--it-common-blue-5);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
@media (max-width: 767px) {
  .testimonial-3__item-box {
    padding-bottom: 50px;
  }
}
.testimonial-3__icon {
  position: absolute;
  top: -36px;
  left: 50%;
  transform: translateX(-50%);
}
.testimonial-3__icon span {
  font-size: 35px;
  height: 82px;
  width: 82px;
  background-color: var(--it-common-blue-5);
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  line-height: 75px;
  text-align: center;
  border: 5px solid var(--it-common-white);
}
.testimonial-3__author-name {
  font-weight: 700;
  font-size: 25px;
  transition: 0.3s;
}
.testimonial-3__author-name:hover {
  color: var(--it-common-blue-5);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .testimonial-3__author-name {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-3__author-name {
    font-size: 21px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-3__author-name {
    font-size: 21px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-3__text span {
    font-size: 15px;
  }
}
.testimonial-3__star {
  padding-bottom: 15px;
}
.testimonial-3__star i {
  font-size: 20px;
  padding: 0 2px;
  color: var(--it-common-blue-5);
}
.testimonial-3__star i.color {
  background: #dddddd;
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.testimonial-3__text {
  padding-top: 20px;
}
.testimonial-3__text p {
  font-style: italic;
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial-3__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-3__text p {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .testimonial-3__text p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .testimonial-3__text p {
    padding: 0 36px;
    font-size: 14px;
  }
  .testimonial-3__text p br {
    display: none;
  }
}
.testimonial-3__img {
  position: absolute;
  bottom: -51px;
  left: 50%;
  transform: translateX(-50%);
}

.testimonial-title-shape {
  position: absolute;
  bottom: -7px;
  right: 24%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .testimonial-title-shape {
    right: 26%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial-title-shape {
    bottom: -11px;
    right: 23%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial-title-shape {
    bottom: -11px;
    right: 11%;
  }
}
@media (max-width: 767px) {
  .testimonial-title-shape {
    display: none;
  }
}
.testimonial-title-shape 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) {
  .testimonial-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  05. brand css start
/*----------------------------------------*/
.brand__space {
  padding: 54px 0;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand__space {
    padding: 48px 0;
  }
}
.brand__space::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 83%;
  background-color: #dddddd;
  position: absolute;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .brand__space::after {
    width: 100%;
  }
}
.brand__slider-item span {
  transition: 0.3s;
}
.brand__slider-item span:hover {
  color: var(--it-theme-1);
}

.brand-2__space {
  padding: 81px 0;
  position: relative;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .brand-2__space {
    padding: 48px 0;
  }
}
@media (max-width: 767px) {
  .brand-2__space {
    padding: 50px 0;
  }
}
.brand-2__space::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 83%;
  background-color: #dddddd;
  position: absolute;
}
@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) {
  .brand-2__space::after {
    width: 100%;
  }
}
.brand-2__space.border {
  width: 100%;
}

.brand-3__space {
  padding-top: 60px;
  padding-bottom: 80px;
  position: relative;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .brand-3__space {
    padding: 52px 0;
  }
}
@media (max-width: 767px) {
  .brand-3__space {
    padding: 50px 0;
  }
}
.brand-3__space::after {
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  width: 100%;
  background-color: #dddddd;
  position: absolute;
}

/*----------------------------------------*/
/*  04. blog css start
/*----------------------------------------*/
.blog-title-shape {
  position: absolute;
  bottom: -19px;
  right: 26%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog-title-shape {
    right: 28%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-title-shape {
    bottom: -24px;
    right: 26%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog-title-shape {
    bottom: -24px;
    right: 17%;
  }
}
@media (max-width: 767px) {
  .blog-title-shape {
    display: none;
  }
}
.blog-title-shape 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) {
  .blog-title-shape img {
    max-width: 100%;
  }
}

.blog__item:hover .blog__content-box {
  border: 1px dashed var(--it-theme-1);
  border-top: none;
}
.blog__item:hover .blog__img-text {
  background-color: var(--it-common-blue);
}
.blog__item:hover .blog__link a {
  color: var(--it-theme-1);
}
.blog__item:hover .blog__title-sm::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.blog__item:hover .blog__item-img img {
  transform: scale(1.2);
}
.blog__img-text {
  margin: 23px;
  padding: 7px 34px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: var(--it-theme-1);
  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) {
  .blog__img-text {
    margin: 15px;
    padding: 4px 20px;
  }
}
.blog__img-text span {
  text-transform: uppercase;
  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) {
  .blog__img-text span {
    font-size: 13px;
  }
}
.blog__content-box {
  padding: 30px;
  border: 1px solid #dddddd;
  border-top: none;
  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) {
  .blog__content-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content-box {
    padding: 30px;
  }
}
.blog__category {
  padding-bottom: 25px;
}
.blog__category span {
  font-weight: 400;
  margin-right: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog__category span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__category span {
    font-size: 16px;
  }
}
.blog__category span i {
  padding-right: 12px;
  font-size: 15px;
  color: #636363;
}
.blog__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__title-sm {
    font-size: 24px;
  }
}
.blog__title-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  height: 2px;
  width: 0;
  background-color: var(--it-common-black);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.blog__content p {
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog__content p {
    font-size: 15px;
  }
  .blog__content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog__content p {
    font-size: 13px;
  }
  .blog__content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__content p {
    font-size: 15px;
  }
  .blog__content p br {
    display: none;
  }
}
.blog__link a {
  font-weight: 600;
  color: #333333;
  transition: 0.3s;
}
.blog__link a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog__link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog__link a {
    font-size: 16px;
  }
}
.blog__link a i {
  padding-right: 10px;
}
.blog__item-img {
  overflow: hidden;
}
.blog__item-img img {
  transition: 0.6s;
}

.blog-2__item {
  position: relative;
}
.blog-2__item-img {
  z-index: 1;
  position: relative;
}
.blog-2__item-box {
  position: relative;
}
.blog-2__item-box:hover .blog__title-sm::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.blog-2__item-box:hover::after {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.blog-2__item-box:hover::before {
  opacity: 1;
  visibility: visible;
}
.blog-2__item-box:hover .blog-2__title-sm {
  color: var(--it-common-white);
}
.blog-2__item-box:hover .blog-2__title-sm::after {
  width: 100%;
  opacity: 1;
  visibility: visible;
}
.blog-2__item-box:hover .blog-2__content p {
  color: var(--it-common-white);
}
.blog-2__item-box:hover .blog-2__link a {
  color: var(--it-common-white);
}
.blog-2__item-box:hover .blog-2__category {
  opacity: 0;
  visibility: hidden;
}
.blog-2__item-box:hover .blog-2__category-2 {
  opacity: 1;
  visibility: visible;
}
.blog-2__item-box::after {
  content: "";
  top: 0;
  left: 0;
  height: 0%;
  width: 100%;
  position: absolute;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 1) 0%, rgb(254, 188, 1) 100%);
  background-image: -webkit-linear-gradient(15deg, rgba(238, 94, 10, 0.671) 0%, rgb(254, 188, 1) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 1) 0%, rgb(254, 188, 1) 100%);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
}
.blog-2__item-box::before {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: url(../img/blog/blog-bg.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
  z-index: 2;
}
.blog-2__img-text {
  margin: 23px;
  padding: 7px 34px;
  border-radius: 30px;
  position: absolute;
  right: 0;
  top: 0;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  transition: 0.4s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-2__img-text {
    padding: 7px 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) {
  .blog-2__img-text {
    margin: 15px;
    padding: 4px 20px;
  }
}
.blog-2__img-text span {
  text-transform: uppercase;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-2__img-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__img-text span {
    font-size: 13px;
  }
}
.blog-2__content-box {
  padding: 30px;
  background: var(--it-common-white);
  transition: 0.6s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__content-box {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__content-box {
    padding: 30px;
  }
}
.blog-2__category {
  padding-bottom: 25px;
}
.blog-2__category span {
  font-weight: 400;
  margin-right: 26px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__category span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__category span {
    font-size: 16px;
  }
}
.blog-2__category span i {
  padding-right: 12px;
  font-size: 15px;
  color: #636363;
}
.blog-2__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-2__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__title-sm {
    font-size: 25px;
  }
}
.blog-2__title-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  height: 2px;
  width: 0;
  background-color: var(--it-common-white);
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.blog-2__content {
  position: relative;
  z-index: 9999;
  transition: 0.4s;
}
.blog-2__content p {
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__content p {
    font-size: 15px;
  }
  .blog-2__content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__content p {
    font-size: 13px;
  }
  .blog-2__content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__content p {
    font-size: 17px;
  }
}
.blog-2__link a {
  font-weight: 600;
  color: #333333;
  transition: 0.6s;
}
.blog-2__link a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-2__link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__link a {
    font-size: 16px;
  }
}
.blog-2__link a i {
  padding-right: 10px;
}
.blog-2__category-2 {
  position: absolute;
  top: 32px;
  left: 32px;
  padding-bottom: 25px;
  z-index: 2;
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
  z-index: 9999;
}
.blog-2__category-2 span {
  font-weight: 400;
  margin-right: 26px;
  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) {
  .blog-2__category-2 span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-2__category-2 span {
    font-size: 16px;
  }
}
.blog-2__category-2 span i {
  padding-right: 12px;
  font-size: 15px;
  color: var(--it-common-white);
}

.blog-3__item:hover .blog-3__item-img img {
  transform: scale(1.2);
}
@media (max-width: 767px) {
  .blog-3__item {
    flex-wrap: wrap;
  }
}
.blog-3__img-text {
  margin: 23px;
  padding: 7px 34px;
  border-radius: 30px;
  position: absolute;
  left: 0;
  top: 0;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  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) {
  .blog-3__img-text {
    margin: 15px;
    padding: 4px 20px;
  }
}
.blog-3__img-text span {
  text-transform: uppercase;
  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) {
  .blog-3__img-text span {
    font-size: 13px;
  }
}
.blog-3__item-img {
  overflow: hidden;
  flex: 0 0 auto;
}
.blog-3__item-img img {
  transition: 0.6s;
}
.blog-3__content-box-1 {
  padding: 40px 30px;
  padding-bottom: 43px;
  background-color: #ebeffe;
  border-top: none;
  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) {
  .blog-3__content-box-1 {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__content-box-1 {
    padding: 30px;
  }
}
.blog-3__content-box-2 {
  padding: 30px;
  background-color: #ebeffe;
  border-top: none;
  transition: 0.3s;
  width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__content-box-2 {
    padding: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__content-box-2 {
    padding: 30px;
  }
}
.blog-3__category {
  padding-bottom: 25px;
}
.blog-3__category span {
  font-weight: 400;
  margin-right: 26px;
  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) {
  .blog-3__category span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__category span {
    font-size: 16px;
  }
}
.blog-3__category span i {
  padding-right: 12px;
  font-size: 15px;
  color: #636363;
}
.blog-3__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
  transition: 0.3s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-3__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__title-sm {
    font-size: 24px;
  }
}
.blog-3__title-sm:hover {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.blog-3__title-sm:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
.blog-3__title-sm:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.blog-3__title-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  height: 2px;
  width: 0;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.blog-3__content p {
  line-height: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__content p {
    font-size: 15px;
  }
  .blog-3__content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__content p {
    font-size: 13px;
  }
  .blog-3__content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__content p {
    font-size: 15px;
  }
  .blog-3__content p br {
    display: none;
  }
}
.blog-3__link a {
  font-weight: 600;
  color: #333333;
  transition: 0.3s;
}
.blog-3__link a:hover {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.blog-3__link a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__link a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-3__link a {
    font-size: 16px;
  }
}
.blog-3__link a i {
  padding-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-3__item-pb {
    padding-bottom: 30px;
  }
}

.blog-4__item {
  padding: 10px;
  border: 1px solid var(--it-border-1);
}
.blog-4__item:hover .blog-4__main-img img {
  transform: scale(1.2);
}
.blog-4__item:hover .blog-4__main-img a::after {
  opacity: 1;
  visibility: visible;
}
.blog-4__main-img {
  overflow: hidden;
}
.blog-4__main-img a {
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-4__main-img a {
    width: 100%;
  }
}
.blog-4__main-img a::after {
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: rgba(38, 38, 38, 0.49);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
}
.blog-4__main-img img {
  transition: 0.6s;
  width: 100%;
}
.blog-4__title {
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 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) {
  .blog-4__title {
    font-size: 20px;
  }
}
.blog-4__section-box {
  padding-bottom: 30px;
}
.blog-4__section-box p {
  line-height: 28px;
  color: #636363;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-4__section-box 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) {
  .blog-4__section-box p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .blog-4__section-box p {
    font-size: 14px;
  }
  .blog-4__section-box p br {
    display: none;
  }
}
.blog-4__border {
  padding-top: 80px;
  border-top: 1px solid var(--it-border-1);
}
.blog-4__author-info span {
  font-size: 15px;
  color: var(--it-grey-7);
  display: block;
  padding-bottom: 8px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-4__author-info span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-4__author-info span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-4__author-info span {
    font-size: 15px;
  }
}
.blog-4__title-sm {
  font-weight: 600;
  font-size: 17px;
  padding-bottom: 6px;
  color: var(--it-common-black-5);
  transition: 0.3s;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog-4__title-sm {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-4__title-sm {
    font-size: 16px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-4__title-sm {
    font-size: 17px;
  }
}
.blog-4__title-sm:hover {
  color: var(--it-common-blue-3);
}

.blog-5__item {
  padding: 10px;
  border: 1px solid var(--it-border-1);
}
.blog-5__item:hover .blog-5__main-img img {
  transform: scale(1.2);
}
.blog-5__item:hover .blog-5__main-img::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.blog-5__item:hover .blog-5__img-text span {
  background-color: var(--it-common-blue-5);
}
.blog-5__item:hover .blog-5__title-sm {
  color: var(--it-common-blue-5);
}
.blog-5__item:hover .blog-5__title-sm::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}
.blog-5__main-img {
  overflow: hidden;
  position: relative;
}
.blog-5__main-img::after {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 0%;
  height: 100%;
  background-color: rgba(8, 30, 65, 0.722);
  content: "";
  transition: 0.7s;
  opacity: 0;
  visibility: hidden;
}
.blog-5__main-img img {
  transition: 0.6s;
  width: 100%;
}
.blog-5__img-text {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.blog-5__img-text span {
  font-size: 19px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  width: 57px;
  color: var(--it-common-white);
  background-color: #081e41;
  display: inline-block;
  transition: 0.7s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-5__img-text span {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    width: 40px;
  }
}
.blog-5__category {
  padding-bottom: 20px;
}
.blog-5__category span {
  font-weight: 400;
  margin-right: 26px;
  font-size: 16px;
  color: #636363;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-5__category span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-5__category span {
    font-size: 16px;
  }
}
.blog-5__category span i {
  padding-right: 12px;
  font-size: 15px;
  color: #636363;
}
.blog-5__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
  transition: 0.6s;
  position: relative;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .blog-5__title-sm {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-5__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-5__title-sm {
    font-size: 24px;
  }
}
.blog-5__title-sm::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 7px;
  height: 2px;
  width: 0;
  background-color: var(--it-common-blue-5);
  opacity: 0;
  visibility: hidden;
  transition: 0.6s;
}
.blog-5__content-box {
  padding: 0 20px;
  padding-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-5__content-box {
    padding: 0px;
    padding-top: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-5__content-box {
    padding: 0 20px;
    padding-top: 25px;
  }
}
.blog-5__content p {
  line-height: 26px;
  color: #4e4e4e;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .blog-5__content 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), (max-width: 767px) {
  .blog-5__content p {
    font-size: 15px;
  }
  .blog-5__content p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .blog-5__content p {
    font-size: 13px;
  }
  .blog-5__content p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .blog-5__content p {
    font-size: 15px;
  }
  .blog-5__content p br {
    display: none;
  }
}

.blog-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.blog-slider-dots .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  border: 3px solid var(--it-theme-1);
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
}
.blog-slider-dots .swiper-pagination-bullet-active {
  background-color: var(--it-theme-1);
  transform: scale(1.2);
}

.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: 22px;
  line-height: 1.2;
  color: #080829;
  padding-bottom: 10px;
  line-height: 30px;
}
@media (max-width: 767px) {
  .postbox__details-title {
    font-size: 18px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .postbox__details-title {
    font-size: 18px;
  }
}
.postbox__details-title-box p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #5F6168;
  margin-bottom: 0;
  padding-bottom: 5px;
}
@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 (max-width: 767px) {
  .postbox__details-title-box p {
    font-size: 13px;
  }
  .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 only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-wrapper {
    padding-right: 0;
  }
}
.postbox__details-qoute {
  background: linear-gradient(90.21deg, #FAFAFA -0.62%, rgba(255, 255, 255, 0) 18.02%);
  padding: 40px 50px;
  border-left: 3px solid var(--it-common-blue-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-qoute {
    padding: 40px 40px;
  }
}
@media (max-width: 767px) {
  .postbox__details-qoute {
    padding: 30px;
  }
}
.postbox__details-qoute blockquote {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .postbox__details-qoute blockquote {
    flex-wrap: wrap;
  }
}
.postbox__details-qoute-icon svg {
  transform: translateY(5px);
  margin-right: 30px;
}
@media (max-width: 767px) {
  .postbox__details-qoute-icon svg {
    margin-bottom: 20px;
  }
}
.postbox__details-qoute-text P {
  font-weight: 500;
  font-size: 23px;
  line-height: 34px;
  color: #202124;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__details-qoute-text P {
    font-size: 21px;
  }
}
@media (max-width: 767px) {
  .postbox__details-qoute-text P {
    font-size: 17px;
    line-height: 26px;
  }
}
.postbox__details-qoute-text span {
  font-weight: 500;
  font-size: 15px;
  line-height: 14px;
  color: var(--it-common-blue-4);
}
.postbox__details-qoute-text span::before {
  content: "";
  height: 1px;
  width: 16px;
  background-color: var(--it-common-blue-4);
  display: inline-block;
  transform: translateY(-4px);
  margin-right: 10px;
}
.postbox__details-author-info-box {
  background-color: #F8F8F8;
  border-radius: 14px;
  padding: 50px 45px;
}
@media (max-width: 767px) {
  .postbox__details-author-info-box {
    flex-wrap: wrap;
    padding: 40px 30px;
  }
}
.postbox__details-author-avata {
  flex: 0 0 auto;
  margin-right: 25px;
}
@media (max-width: 767px) {
  .postbox__details-author-avata {
    margin-bottom: 20px;
  }
}
.postbox__details-author-avata img {
  flex: 0 0 auto;
  border-radius: 50%;
}
.postbox__details-author-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 16px;
  color: #202124;
}
.postbox__details-author-social a {
  height: 36px;
  width: 36px;
  border-radius: 50%;
  text-align: center;
  line-height: 38px;
  box-shadow: 0px 1px 1px rgba(32, 33, 36, 0.12);
  display: inline-block;
  font-size: 12px;
  margin-right: 6px;
  transition: 0.3s;
}
.postbox__details-author-social a:hover {
  background-color: var(--it-common-blue-4);
  color: var(--it-common-white);
}

.postbox__comment-input {
  position: relative;
}
.postbox__comment-input input:focus ~ .floating-label, .postbox__comment-input input:not(:focus):valid ~ .floating-label {
  top: 0;
  left: 20px;
  font-size: 13px;
  font-weight: 400;
  color: var(--it-common-blue-3);
  background-color: var(--it-common-white);
  padding: 0px 4px;
}
.postbox__comment-input textarea:focus ~ .floating-label-2, .postbox__comment-input textarea:not(:focus):valid ~ .floating-label-2 {
  top: -9px;
  left: 20px;
  font-size: 13px;
  font-weight: 400;
  color: var(--it-common-blue-3);
  background-color: var(--it-common-white);
  padding: 0px 4px;
}
.postbox__comment-input .eye-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}
.postbox__comment-input .eye-btn span {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.postbox__comment-input .eye-btn .eye-open {
  opacity: 0;
}
.postbox__comment-input .eye-btn .eye-off {
  opacity: 1;
}
.postbox__comment-input .eye-btn.pass-btn-open .eye-open {
  opacity: 1;
}
.postbox__comment-input .eye-btn.pass-btn-open .eye-off {
  opacity: 0;
}
.postbox__comment-input .inputText {
  border-radius: 12px;
  padding: 0px 20px;
  font-size: 14px;
  width: 100%;
  height: 55px;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-size: 15px;
  color: #87888A;
  box-shadow: inset 0 0 0 1px #E5E5E5;
  transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
  color: var(--it-common-black);
}
.postbox__comment-input .inputText:focus {
  box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px var(--it-common-blue-3);
}
.postbox__comment-input .textareaText {
  border-radius: 12px;
  padding: 20px;
  font-size: 14px;
  width: 100%;
  height: 160px;
  resize: none;
  border: 0;
  outline: 0;
  font-weight: 500;
  font-size: 15px;
  color: #87888A;
  box-shadow: inset 0 0 0 1px #E5E5E5;
  transition: box-shadow 0.3s cubic-bezier(0.3, 0, 0, 0.3);
  color: var(--it-common-black);
}
.postbox__comment-input .textareaText:focus {
  box-shadow: 0px 1px 2px 1px rgba(32, 33, 36, 0.06), inset 0 0 0 2px var(--it-common-blue-3);
}
.postbox__comment-input .floating-label {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease all;
}
.postbox__comment-input .floating-label-2 {
  position: absolute;
  pointer-events: none;
  left: 20px;
  top: 20px;
  transition: 0.2s ease all;
}

.rc__post ul li:not(:last-child) {
  margin-bottom: 15px;
}
.rc__post-thumb {
  flex: 0 0 auto;
}
.rc__post-thumb img {
  width: 75px;
  height: 75px;
  flex: 0 0 auto;
  object-fit: cover;
}
.rc__post-title {
  margin-bottom: 6px;
  font-weight: 600;
  font-size: 16px;
  line-height: 18px;
  color: var(--it-common-black);
  line-height: 23px;
}
@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;
  }
}
.rc__post-title a:hover {
  color: var(--it-theme-1);
}
.rc__meta span {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
  color: #6A6A74;
}

.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__widge-title-box {
  padding: 30px 30px;
  border-radius: 14px 14px 0px 0px;
}
.sidebar__widget-content {
  padding: 40px 30px;
  padding-top: 0;
}
@media (max-width: 767px) {
  .sidebar__widget-content {
    padding: 35px 25px;
  }
}
.sidebar__widget {
  border: 1px solid #E5E5E5;
  border-radius: 14px;
}
.sidebar__widget-title {
  font-weight: 600;
  font-size: 22px;
  line-height: 16px;
  color: var(--it-common-black);
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}
@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.sm-border::after {
  width: 100%;
}
.sidebar__widget-title::after {
  content: "";
  bottom: -11px;
  left: 0;
  background-color: var(--it-theme-1);
  width: 67px;
  height: 3px;
  position: absolute;
}
.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: 40px;
  line-height: 40px;
  padding-left: 20px;
  text-transform: capitalize;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  -o-border-radius: 7px;
  -ms-border-radius: 7px;
  border-radius: 7px;
  border: 0;
  outline: none;
  padding-right: 60px;
  border: 1px solid #d7d7d7;
  border-radius: 30px;
  color: #4e4e4e;
}
@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: 4px;
  background-color: var(--it-theme-1);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-white);
  line-height: 34px;
  font-size: 14px;
}
.sidebar__banner-content {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  background: var(--tp-theme-1);
}
.sidebar__banner-content h4 {
  padding: 15px 20px;
  font-size: 24px;
  color: var(--tp-common-white);
  text-transform: uppercase;
  margin-bottom: 0;
}

.tagcloud a {
  border: 1px solid #d7d7d7;
  color: #8A879F;
  display: inline-block;
  line-height: 1;
  padding: 7px 20px;
  margin-bottom: 15px;
  margin-right: 15px;
  transition: 0.3s;
  font-weight: 500;
  font-size: 17px;
  text-align: center;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    padding: 8px 11px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    padding: 7px 22px;
    margin-bottom: 15px;
    margin-right: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    padding: 10px 15px;
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    padding: 10px 15px;
    font-size: 13px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .tagcloud a {
    padding: 10px 19px;
  }
}
.tagcloud a:nth-child(3) {
  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) {
  .tagcloud a:nth-child(3) {
    margin-right: 15px;
  }
}
.tagcloud a:nth-child(n+7) {
  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) {
  .tagcloud a:nth-child(n+7) {
    margin-bottom: 15px;
  }
}
.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
  border-color: var(--it-theme-1);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .basic-pagination {
    margin-bottom: 50px;
  }
}
.basic-pagination ul {
  border: 1px solid #EBEBEB;
  border-radius: 100px;
  display: inline-block;
  padding: 10px;
}
.basic-pagination ul li {
  display: inline-block;
}
.basic-pagination ul li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
  font-weight: 600;
  transition: 0.3s;
}
.basic-pagination ul li span {
  display: inline-block;
  transform: translateY(-4px);
}
.basic-pagination ul li a.current {
  background: #F2F2F2;
  color: var(--it-common-black);
}
.basic-pagination ul li a:hover {
  background: #F2F2F2;
  border-color: #F2F2F2;
  color: var(--it-common-black);
}

.blog-grid-avata-box .tp-blog-author-info h5 {
  font-weight: 700;
  font-size: 17px;
  line-height: 16px;
  color: #FFFFFF;
}
.blog-grid-avata-box .tp-blog-author-info span {
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  color: rgba(255, 255, 255, 0.7);
}

.postbox__contact-input input {
  width: 100%;
  height: 45px;
  padding: 25px;
  border-radius: 5px;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 30px;
  border: 1px solid #dddddd;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__contact-input input {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__contact-input input {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__contact-input input {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__contact-input input {
    font-size: 14px;
  }
}
.postbox__contact-input input:focus {
  border-color: var(--it-theme-1);
}

.postbox__contact-textarea textarea {
  font-weight: 400;
  font-size: 17px;
  width: 100%;
  resize: none;
  border: none;
  height: 160px;
  display: inline-block;
  padding: 20px;
  border: 1px solid #dddddd;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__contact-textarea textarea {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__contact-textarea textarea {
    padding-right: 45px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__contact-textarea textarea {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__contact-textarea textarea {
    font-size: 14px;
  }
}
.postbox__contact-textarea textarea:focus {
  border-color: var(--it-theme-1);
}

@media (max-width: 767px) {
  .postbox__comment-box {
    flex-wrap: wrap;
  }
}
.postbox__comment-info {
  flex: 0 0 auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .approch-thumb {
    margin-bottom: 40px;
  }
}
.approch-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .approch-thumb img {
    width: 100%;
  }
}

.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 .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__thumb img {
  border-radius: 20px;
  margin-bottom: 25px;
}
.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: 25px;
  color: #202124;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox__title {
    font-size: 19px;
  }
  .postbox__title br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__title {
    font-size: 19px;
  }
  .postbox__title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox__title {
    font-size: 19px;
  }
  .postbox__title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__title {
    font-size: 18px;
  }
  .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;
  }
}
.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: 30px;
  padding-bottom: 30px;
  list-style: none;
  border-bottom: 1px solid var(--it-border-1);
}
.postbox__comment ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.postbox__comment ul li.children {
  margin-left: 100px;
}
@media (max-width: 767px) {
  .postbox__comment ul li.children {
    margin-left: 0px;
  }
}
.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: 26px;
  line-height: 18px;
  letter-spacing: -0.02em;
  color: #202124;
  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: 50px;
  height: 50px;
  -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);
  padding-right: 10px;
  margin-right: 10px;
}
@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;
}
.postbox__comment-reply span {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #888888;
  margin-right: 40px;
}
.postbox__comment-reply a {
  display: inline-block;
  font-weight: 500;
  font-size: 17px;
  color: var(--it-theme-1);
  transition: 0.3s;
}
.postbox__comment-reply a:hover {
  color: var(--it-common-black);
}
.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(--tp-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(--tp-common-pink);
  color: var(--tp-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__details-title-box span {
  display: inline-block;
  margin-bottom: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-title-box span {
    font-size: 14px;
  }
}
.postbox__details-title-box span.theme-bg {
  font-weight: 500;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  height: 33px;
  line-height: 33px;
  border-radius: 30px;
  display: inline-block;
  padding: 0 19px;
  margin-right: 20px;
}
.postbox__content-list ul li {
  list-style-type: none;
  padding-left: 37px;
  padding-bottom: 20px;
  position: relative;
  line-height: 26px;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__content-list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__content-list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .postbox__content-list ul li {
    font-size: 14px;
  }
  .postbox__content-list ul li br {
    display: none;
  }
}
.postbox__content-list ul li i {
  position: absolute;
  left: 0;
  top: 4px;
  font-size: 20px;
  color: var(--it-theme-1);
}
.postbox__content-img {
  flex: 0 0 auto;
}
.postbox__title-sm-2 {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 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__title-sm-2 {
    font-size: 20px;
  }
}
.postbox__text {
  margin-left: 40px;
}
.postbox__text p {
  line-height: 26px;
  padding-bottom: 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__text p {
    font-size: 14px;
  }
}
.postbox__text-2 {
  position: relative;
}
.postbox__text-2::after {
  content: "";
  bottom: 0;
  left: 0;
  position: absolute;
  width: 88%;
  height: 1px;
  background-color: var(--it-border-1);
}
.postbox__text-2 p {
  line-height: 26px;
  padding-bottom: 30px;
  font-size: 16px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__text-2 p {
    font-size: 15px;
  }
  .postbox__text-2 p br {
    display: none;
  }
}
.postbox__item-text p {
  line-height: 26px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox__item-text p {
    font-size: 15px;
  }
  .postbox__item-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .postbox__item-text p {
    font-size: 13px;
  }
  .postbox__item-text p br {
    display: none;
  }
}
.postbox__comment-form-title {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox__comment-form-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-form-title {
    font-size: 18px;
  }
}
.postbox__link a {
  font-weight: 500;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  color: #13172b;
  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) {
  .postbox__link a {
    font-size: 15px;
  }
}
.postbox__link a:hover i {
  animation: tfLeftToRight 0.5s forwards;
}
.postbox__link a i {
  transform: translateY(0px);
  margin-left: 7px;
  height: 18px;
  width: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  transition: 0.3s;
  color: var(--it-common-white);
  padding-left: 2px;
  font-size: 16px;
  font-weight: 600;
}

@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__content {
    flex-wrap: wrap;
  }
}
@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__content-img {
    width: 100%;
    margin-bottom: 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) {
  .postbox__content-img img {
    width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__text {
    margin-left: 0;
  }
}

.postbox__details-wrapper {
  padding-right: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__details-wrapper {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox__comment-btn {
    margin-bottom: 40px;
  }
}

/*----------------------------------------*/
/*  08. contact css start
/*----------------------------------------*/
.contact__item {
  background-color: var(--it-common-white);
  padding: 55px 25px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__item {
    padding: 55px 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__item {
    padding: 45px 15px;
  }
}
@media (max-width: 767px) {
  .contact__item {
    padding: 35px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__item {
    flex-wrap: wrap;
  }
}
.contact__item:hover.white-bg::after {
  height: 100%;
}
.contact__item:hover::after {
  height: 100%;
}
.contact__item:hover .contact__icon span {
  color: var(--it-common-white);
}
.contact__item:hover .contact__title-sm {
  color: var(--it-common-white);
}
.contact__item:hover .contact__content span {
  color: var(--it-common-white);
}
.contact__item:hover .contact__content a {
  color: var(--it-common-white);
}
.contact__item:hover .contact__item-shape img {
  opacity: 1;
}
.contact__item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 3px;
  width: 100%;
  background-color: var(--it-theme-1);
  transition: 0.3s;
  z-index: 1;
}
.contact__item.white-bg::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 0;
  width: 100%;
  background-color: var(--it-theme-1);
  transition: 0.3s;
  z-index: 1;
}
.contact__icon {
  padding-right: 30px;
  line-height: 0;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__icon {
    padding-right: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__icon {
    padding-right: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__icon {
    padding-bottom: 20px;
  }
}
.contact__icon span {
  font-size: 75px;
  color: var(--it-theme-1);
  transition: 0.3s;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__icon span {
    font-size: 65px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__icon span {
    font-size: 60px;
  }
}
.contact__title-sm {
  font-weight: 600;
  font-size: 25px;
  padding-bottom: 10px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact__title-sm {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__title-sm {
    font-size: 19px;
    padding-bottom: 0;
  }
}
.contact__content {
  z-index: 2;
  position: relative;
}
.contact__content a {
  font-weight: 600;
  color: var(--it-common-black-3);
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__content a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .contact__content a {
    font-size: 14px;
  }
}
.contact__content a i {
  margin-right: 10px;
  font-weight: 700;
}
.contact__content-text {
  display: block;
  padding-bottom: 30px;
  transition: 0.3s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__content-text {
    font-size: 14px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__content-text {
    font-size: 14px;
    padding-bottom: 15px;
  }
}
.contact__item-shape {
  position: absolute;
  bottom: -20%;
  right: -7%;
  z-index: 2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__item-shape {
    bottom: -20%;
    right: -22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__item-shape {
    bottom: -27%;
    right: -11%;
  }
}
.contact__item-shape img {
  opacity: 0;
  transition: 0.3s;
}
.contact__location {
  margin-left: 40px;
  height: 100%;
  margin-top: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__location {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact__location {
    margin-left: 0px;
  }
}
.contact__location iframe {
  height: 742px;
  width: 100%;
  border-radius: 5px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__location iframe {
    height: 730px;
  }
}
.contact__space {
  margin-bottom: -100px;
  position: relative;
  z-index: 1;
}

.contact-form__left-item-2 .contact-form__wrapper-box {
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form__left-item-2__wrapper-bg {
    padding: 31px 30px 45px 30px;
  }
}
.contact-form__shape-2 {
  position: absolute;
  right: 75px;
  top: 125px;
  z-index: 9;
  animation: tpupdown 0.8s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .contact-form__shape-2 {
    right: 40px;
  }
}
@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) {
  .contact-form__shape-2 {
    display: none;
  }
}

.contact-form__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 724px;
  position: relative;
}
.contact-form__bg::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background-color: rgb(8, 30, 65);
  opacity: 0.941;
  height: 100%;
  width: 100%;
}
.contact-form__shape {
  position: absolute;
  bottom: 14%;
  left: 39%;
}
.contact-form__shape span {
  font-size: 195px;
  color: #223655;
}
.contact-form__circle {
  height: 86px;
  width: 86px;
  border-radius: 50%;
  border: 4px solid var(--it-theme-1);
  top: 17%;
  right: 4%;
  position: absolute;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .contact-form__circle {
    right: 1%;
  }
}
.contact-form__space {
  padding-top: 110px;
  padding-bottom: 120px;
}
@media (max-width: 767px) {
  .contact-form__space {
    padding-bottom: 1200px;
  }
}
@media (max-width: 767px) {
  .contact-form__item {
    padding-bottom: 30px;
  }
}
.contact-form__content-box p {
  color: var(--it-common-white);
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-form__content-box p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form__content-box p {
    font-size: 14px;
  }
  .contact-form__content-box p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__content-box p {
    font-size: 13px;
  }
  .contact-form__content-box p br {
    display: none;
  }
}
.contact-form__content-list ul li {
  font-size: 16px;
  font-weight: 400;
  color: var(--it-common-white);
  list-style-type: none;
  padding-bottom: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__content-list ul li {
    font-size: 14px;
  }
}
.contact-form__content-list ul li i {
  color: var(--it-theme-1);
  margin-right: 12px;
}
.contact-form__appointment-icon {
  margin-right: 25px;
}
.contact-form__appointment-icon span {
  font-size: 80px;
  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) {
  .contact-form__appointment-icon span {
    font-size: 60px;
  }
}
.contact-form__appointment-text h4 {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-common-white);
  padding-bottom: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form__appointment-text h4 {
    font-size: 20px;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .contact-form__appointment-text h4 {
    font-size: 16px;
  }
}
.contact-form__appointment-text span {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .contact-form__appointment-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__appointment-text p {
    font-size: 14px;
  }
}
.contact-form__appointment {
  padding-bottom: 30px;
}
.contact-form__title-sm {
  font-weight: 700;
  font-size: 30px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__title-sm {
    font-size: 23px;
  }
}
.contact-form__form-text i {
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__form-text i {
    font-size: 14px;
  }
}
.contact-form__wrapper-bg {
  border-radius: 5px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 30px 45px 30px;
  margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form__wrapper-bg {
    padding: 31px 30px 45px 30px;
  }
}
@media (max-width: 767px) {
  .contact-form__wrapper-bg {
    padding: 31px 15px 45px 15px;
  }
}
.contact-form__wrapper-box form input {
  width: 100%;
  background-color: var(--it-common-white);
  border: none;
  height: 62px;
  line-height: 62px;
  margin-bottom: 30px;
  border-radius: 5px;
  padding: 0 32px;
  font-size: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-form__wrapper-box form input {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  border-radius: 5px;
  background-color: var(--it-common-white);
  color: #666666;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  height: 62px;
  line-height: 62px;
  padding: 0px 32px;
  outline: none;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .nice-select {
    height: 50px;
    line-height: 50px;
    margin-bottom: 20px;
  }
}

.contact-2__bg {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  padding-top: 125px;
  padding-bottom: 100px;
}
.contact-2__text p {
  color: var(--it-common-white);
  line-height: 33px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-2__text p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .contact-2__text p {
    font-size: 13px;
    line-height: 25px;
  }
  .contact-2__text p br {
    display: none;
  }
}
.contact-2__text a {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 22px;
  display: inline-block;
  padding-right: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-2__text a {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .contact-2__text a {
    font-size: 16px;
  }
}
.contact-2__btn {
  padding-top: 50px;
}
.contact-2__icon {
  position: absolute;
  z-index: 1;
  top: -67px;
  left: 50%;
  transform: translateX(-50%);
  line-height: 160px;
  text-align: center;
}
.contact-2__icon::before {
  content: "";
  height: 160px;
  width: 160px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  z-index: -1;
}
.contact-2__icon::after {
  content: "";
  top: 41%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 160px;
  width: 165px;
  border-radius: 50%;
  position: absolute;
  z-index: -2;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
}
.contact-2__shape-1 {
  position: absolute;
  top: 20%;
  left: 9%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .contact-2__shape-1 {
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-2__shape-1 {
    left: 1%;
  }
}
.contact-2__shape-2 {
  position: absolute;
  top: 20%;
  right: 9%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .contact-2__shape-2 {
    right: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-2__shape-2 {
    right: 1%;
  }
}

.contact-3__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 30px;
  border-radius: 63px;
  position: relative;
}
.contact-3__bg::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgb(42, 40, 45);
  opacity: 0.82;
  height: 100%;
  width: 100%;
  border-radius: 63px;
}
.contact-3__content {
  position: relative;
  z-index: 1;
  padding-left: 25px;
  margin-left: 110px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .contact-3__content {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-3__content {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-3__content {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .contact-3__content {
    margin-left: 0px;
    margin-bottom: 30px;
  }
}
.contact-3__content::before {
  content: "";
  height: 70px;
  width: 1px;
  background-color: var(--it-common-white);
  position: absolute;
  left: 0;
  top: 50%;
  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) {
  .contact-3__content::before {
    display: none;
  }
}
.contact-3__content p {
  color: var(--it-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-3__content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-3__content p {
    font-size: 13px;
  }
}
.contact-3__title-sm {
  font-weight: 600;
  font-style: italic;
  font-size: 22px;
  color: var(--it-common-white);
  margin-bottom: 0;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-3__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .contact-3__title-sm {
    font-size: 17px;
  }
}
.contact-3__button {
  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) {
  .contact-3__button {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .contact-3__button {
    margin-right: 30px;
    padding-left: 25px;
  }
}

.contact-4__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 80px;
  padding-bottom: 100px;
}
.contact-4__bg::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  background-color: rgb(29, 27, 32);
  opacity: 0.902;
}

.contact-form__appointment-wrapper .contact-form__appointment-icon {
  margin-right: 30px;
}
.contact-form__appointment-wrapper .contact-form__appointment-icon span {
  font-size: 60px;
}
@media (max-width: 767px) {
  .contact-form__appointment-wrapper .contact-form__appointment-icon span {
    font-size: 40px;
  }
}
.contact-form__appointment-wrapper .contact-form__appointment {
  padding-bottom: 35px;
}

.contact-form-title-shape {
  position: absolute;
  bottom: -7px;
  right: 36%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact-form-title-shape {
    bottom: -11px;
    right: 19%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact-form-title-shape {
    bottom: -5px;
    right: 65%;
  }
}
@media (max-width: 767px) {
  .contact-form-title-shape {
    display: none;
  }
}
.contact-form-title-shape 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) {
  .contact-form-title-shape img {
    max-width: 100%;
  }
}

/*----------------------------------------*/
/*  10. cta css start
/*----------------------------------------*/
.cta__space {
  margin-bottom: -121px;
}
.cta__shape-1 {
  position: absolute;
  right: 20%;
  top: -50%;
  background-color: var(--it-common-white);
  border-radius: 50%;
  height: 180px;
  width: 180px;
  line-height: 180px;
  text-align: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .cta__shape-1 {
    right: 13%;
    top: -52%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta__shape-1 {
    right: 8%;
    top: -52%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__shape-1 {
    right: 10%;
    top: -54%;
  }
}
.cta__bg {
  background-color: var(--it-theme-1);
  border-radius: 50px;
  padding: 72px 60px;
  padding-left: 100px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__bg {
    padding: 72px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__bg {
    padding: 52px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__bg {
    padding: 41px 20px;
  }
}
@media (max-width: 767px) {
  .cta__bg {
    padding: 40px 15px;
  }
}
.cta__subscribe-btn {
  position: relative;
  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) {
  .cta__subscribe-btn {
    margin-left: 0;
  }
}
.cta__subscribe-btn form input {
  height: 80px;
  line-height: 80px;
  width: 100%;
  background-color: var(--it-common-white);
  border: none;
  border-radius: 40px;
  padding-left: 40px;
  padding-right: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__subscribe-btn form input {
    height: 60px;
    line-height: 60px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__subscribe-btn form input {
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    padding-right: 158px;
  }
}
@media (max-width: 767px) {
  .cta__subscribe-btn form input {
    height: 40px;
    line-height: 40px;
    padding-left: 25px;
    padding-right: 112px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta__subscribe-btn form input {
    height: 50px;
    line-height: 50px;
    padding-left: 25px;
    padding-right: 94px;
    font-size: 15px;
  }
}
.cta__subscribe-btn form button {
  position: absolute;
  right: 0;
  top: 0;
}
.cta__title {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .cta__title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .cta__title-sm {
    margin-bottom: 20px;
  }
  .cta__title-sm br {
    display: none;
  }
}
.cta__shape {
  position: absolute;
  top: 50%;
  left: 39%;
  transform: translateY(-50%);
  color: rgba(6, 202, 206, 0.67);
  font-size: 205px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta__shape {
    left: 37%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta__shape {
    left: 36%;
    font-size: 183px;
  }
}

.cta-2__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding: 100px 0;
}
.cta-2__bg::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: rgb(27, 26, 26);
  opacity: 0.878;
}
.cta-2__item {
  padding-left: 210px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-2__item {
    padding-left: 290px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-2__item {
    padding-left: 310px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-2__item {
    padding-left: 0px;
  }
}
@media (max-width: 767px) {
  .cta-2__item {
    padding-left: 0;
    padding-bottom: 25px;
  }
}
@media (max-width: 767px) {
  .cta-2__item .section-title {
    font-size: 28px;
  }
}
.cta-2__img {
  position: absolute;
  top: -35px;
  left: 8%;
  z-index: 2;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-2__img {
    left: 1%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-2__img {
    left: 3%;
  }
}

.cta-3__shape-1 {
  position: absolute;
  left: 12%;
  top: 11%;
  background-color: var(--it-common-white);
  border-radius: 50%;
  height: 180px;
  width: 180px;
  line-height: 180px;
  text-align: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .cta-3__shape-1 {
    left: 5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-3__shape-1 {
    left: 2%;
  }
}
.cta-3__shape-1::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 43%;
  transform: translate(-50%, -50%);
  height: 180px;
  width: 180px;
  line-height: 180px;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  z-index: -1;
}
.cta-3__bg {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  border-radius: 50px;
  padding: 72px 60px;
  padding-left: 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-3__bg {
    padding-left: 180px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-3__bg {
    padding: 72px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-3__bg {
    padding: 52px 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-3__bg {
    padding: 41px 20px;
  }
}
@media (max-width: 767px) {
  .cta-3__bg {
    padding: 40px 15px;
  }
}
.cta-3__subscribe-btn {
  position: relative;
  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) {
  .cta-3__subscribe-btn {
    margin-left: 0;
  }
}
.cta-3__subscribe-btn form input {
  height: 80px;
  line-height: 80px;
  width: 100%;
  background-color: var(--it-common-white);
  border: none;
  border-radius: 40px;
  padding-left: 40px;
  padding-right: 180px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-3__subscribe-btn form input {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-3__subscribe-btn form input {
    height: 55px;
    line-height: 55px;
    padding-left: 25px;
    padding-right: 158px;
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .cta-3__subscribe-btn form input {
    height: 51px;
    line-height: 51px;
    padding-left: 25px;
    padding-right: 115px;
    font-size: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-3__subscribe-btn form input {
    height: 55px;
    line-height: 55px;
    padding-left: 25px;
    padding-right: 170px;
    font-size: 15px;
  }
}
.cta-3__subscribe-btn form button {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-3__subscribe-btn form button {
    right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-3__subscribe-btn form button {
    transform: translateY(-49%);
  }
}
@media (max-width: 767px) {
  .cta-3__subscribe-btn form button {
    right: 3px;
    transform: translateY(-51%);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-3__subscribe-btn form button {
    right: 5px;
    transform: translateY(-50%);
  }
}
.cta-3__title {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-3__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-3__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .cta-3__title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .cta-3__title-sm {
    margin-bottom: 20px;
  }
  .cta-3__title-sm br {
    display: none;
  }
}
.cta-3__shape {
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translateY(-50%);
  color: #4a98f2;
  font-size: 205px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .cta-3__shape {
    left: 41%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-3__shape {
    left: 40%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-3__shape {
    left: 37%;
    font-size: 170px;
  }
}

.cta-4__bg {
  background-color: var(--it-common-blue-3);
  border-radius: 143px;
  width: 1390px;
  padding: 53px 0;
  margin: 0 auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-4__bg {
    width: 1320px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-4__bg {
    width: 1140px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__bg {
    width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-4__bg {
    width: 720px;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .cta-4__bg {
    width: 330px;
    padding: 40px 0;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-4__bg {
    width: 540px;
    padding: 40px 0;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .cta-4__bg {
    width: 440px;
  }
}
.cta-4__space {
  margin-bottom: -150px;
  position: relative;
  z-index: 99;
}
.cta-4__content-box {
  padding-left: 105px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-4__content-box {
    padding-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__content-box {
    padding-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-4__content-box {
    padding-left: 40px;
  }
}
@media (max-width: 767px) {
  .cta-4__content-box {
    padding-left: 0px;
  }
}
.cta-4__icon {
  position: relative;
  margin-left: 10px;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__icon {
    margin-left: 65px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-4__icon {
    margin-left: 43px;
  }
}
@media (max-width: 767px) {
  .cta-4__icon {
    margin-left: 50px;
  }
}
.cta-4__icon img {
  margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__icon img {
    max-width: 40%;
    margin-left: 38px;
  }
}
.cta-4__icon::before {
  content: "";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background-color: var(--it-common-red);
  position: absolute;
  z-index: -2;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__icon::before {
    height: 140px;
    width: 140px;
  }
}
.cta-4__icon::after {
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 180px;
  width: 180px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  position: absolute;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__icon::after {
    height: 140px;
    width: 140px;
  }
}
.cta-4__subscribe-btn {
  position: relative;
  margin-right: 315px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__subscribe-btn {
    margin-right: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__subscribe-btn {
    margin-right: 115px;
  }
}
@media (max-width: 767px) {
  .cta-4__subscribe-btn {
    margin-right: 0px;
  }
}
.cta-4__subscribe-btn form input {
  height: 80px;
  line-height: 80px;
  width: 100%;
  background-color: var(--it-common-white);
  border: none;
  border-radius: 40px;
  padding-left: 40px;
  padding-right: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-4__subscribe-btn form input {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__subscribe-btn form input {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__subscribe-btn form input {
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    padding-right: 140px;
    font-size: 12px;
  }
}
.cta-4__subscribe-btn form button {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__subscribe-btn form button {
    right: 4px;
  }
}
.cta-4__title {
  color: var(--it-common-white);
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 0;
  padding-bottom: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-4__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-4__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-4__title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-4__title {
    font-size: 25px;
    padding-bottom: 20px;
  }
}
.cta-4__shape {
  position: absolute;
  top: -6%;
  left: 54%;
  color: #404da1;
  font-size: 205px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-4__shape {
    top: -1%;
    font-size: 180px;
  }
}

.cta-5__space {
  margin-bottom: -115px;
}
.cta-5__bg {
  border-radius: 50px;
  padding: 72px 0px;
  margin: 0 auto;
  width: 1445px;
  background-color: #fff;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cta-5__bg {
    width: 1320px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-5__bg {
    width: 1115px;
    padding: 72px 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-5__bg {
    padding: 52px 20px;
    width: 960px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-5__bg {
    padding: 41px 20px;
    width: 720px;
  }
}
@media (max-width: 767px) {
  .cta-5__bg {
    width: 300px;
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-5__bg {
    width: 540px;
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .cta-5__bg {
    width: 440px;
  }
}
.cta-5__subscribe-btn {
  position: relative;
  margin-right: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cta-5__subscribe-btn {
    margin-right: 0;
  }
}
.cta-5__subscribe-btn form input {
  height: 80px;
  line-height: 80px;
  width: 540px;
  border: 1px solid #dddddd;
  background-color: transparent;
  border-radius: 40px;
  padding-left: 40px;
  padding-right: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-5__subscribe-btn form input {
    width: 100%;
    height: 70px;
    line-height: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-5__subscribe-btn form input {
    height: 70px;
    line-height: 70px;
    font-size: 14px;
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-5__subscribe-btn form input {
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    padding-right: 158px;
    font-size: 14px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .cta-5__subscribe-btn form input {
    height: 55px;
    line-height: 55px;
    padding-left: 12px;
    padding-right: 116px;
    font-size: 12px;
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-5__subscribe-btn form input {
    height: 60px;
    line-height: 60px;
    padding-left: 25px;
    padding-right: 170px;
    font-size: 15px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .cta-5__subscribe-btn form input {
    padding-left: 20px;
    padding-right: 124px;
  }
}
.cta-5__subscribe-btn form button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-5__subscribe-btn form button {
    right: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-5__subscribe-btn form button {
    right: 8px;
  }
}
@media (max-width: 767px) {
  .cta-5__subscribe-btn form button {
    right: 5px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cta-5__subscribe-btn form button {
    right: 7px;
  }
}
.cta-5__title {
  font-weight: 600;
  font-size: 40px;
  line-height: 1.2;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cta-5__title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cta-5__title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cta-5__title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .cta-5__title {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .cta-5__title-sm {
    margin-bottom: 20px;
  }
  .cta-5__title-sm br {
    display: none;
  }
}
.cta-5__icon {
  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), (max-width: 767px) {
  .cta-5__icon {
    margin-right: 30px;
  }
}

/*----------------------------------------*/
/*  13. feature css start
/*----------------------------------------*/
.feature__item-box {
  background-color: var(--it-common-white);
  border-radius: 5px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.feature__item-box:hover::before {
  opacity: 1;
  visibility: visible;
  left: -8%;
}
.feature__item-box:hover::after {
  opacity: 1;
  visibility: visible;
  right: -8%;
}
.feature__item-box:hover .feature__link {
  border-top: 1px solid transparent;
}
.feature__item-box:hover .feature__link::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.feature__item-box:hover .feature__link a {
  color: var(--it-common-white);
}
.feature__item-box:hover .feature__link a i {
  color: var(--it-common-orange-2);
  opacity: 1;
  visibility: visible;
}
.feature__item-box::before {
  content: "";
  top: -7%;
  left: -15%;
  position: absolute;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-image: var(--it-theme-2);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.feature__item-box::after {
  content: "";
  top: -7%;
  right: -15%;
  position: absolute;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  background-image: var(--it-theme-2);
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.feature__icon img {
  height: 66px;
}
.feature__item {
  padding: 50px 20px;
  padding-bottom: 0;
}
.feature__title-sm {
  font-weight: 700;
  font-size: 22px;
  padding-bottom: 15px;
  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) {
  .feature__title-sm {
    font-size: 20px;
  }
}
.feature__title-sm:hover {
  color: var(--it-common-orange-2);
}
.feature__content p {
  line-height: 28px;
  font-size: 17px;
  padding-bottom: 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) {
  .feature__content p {
    font-size: 15px;
  }
}
.feature__link {
  padding: 20px 15px;
  border-top: 1px solid var(--it-border-1);
  position: relative;
  z-index: 2;
}
.feature__link::after {
  content: "";
  top: 0;
  right: 0;
  left: auto;
  position: absolute;
  height: 100%;
  width: 0;
  background-image: var(--it-theme-2);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-out 0s;
  z-index: -1;
}
.feature__link a {
  font-weight: 500;
  font-size: 16px;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-black-5);
  transition: 0.3s;
}
.feature__link a i {
  transform: translateY(0px);
  margin-left: 7px;
  height: 15px;
  width: 15px;
  line-height: 15px;
  text-align: center;
  border-radius: 50%;
  background-color: var(--it-common-white);
  transition: 0.3s;
  padding-left: 2px;
  font-size: 14px;
  font-weight: 600;
  opacity: 0;
  visibility: hidden;
}

.feature-2__wrapper {
  margin-top: -93px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__wrapper {
    margin-top: -84px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-2__wrapper {
    margin-top: -70px;
  }
}
@media (max-width: 767px) {
  .feature-2__wrapper {
    margin-top: 0px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .feature-2__wrapper {
    margin-top: -65px;
    flex-wrap: nowrap;
  }
}
.feature-2__item {
  background-color: var(--it-common-white);
  box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  padding-bottom: 30px;
  width: 100%;
  margin-right: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__item {
    padding: 22px 20px;
    padding-bottom: 22px;
  }
}
@media (max-width: 767px) {
  .feature-2__item {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .feature-2__item {
    margin-right: 15px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__item {
    margin-right: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-2__item {
    padding: 20px 20px;
    padding-bottom: 25px;
    margin-right: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .feature-2__item {
    padding: 22px 20px;
  }
}
.feature-2__item:hover .feature-2__title-sm {
  color: var(--it-common-blue-3);
}
.feature-2__item:last-child {
  margin-right: 0;
}
.feature-2__icon img {
  width: 72px;
  height: 64px;
}
.feature-2__title-sm {
  font-weight: 700;
  font-size: 22px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-2__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-2__title-sm {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .feature-2__title-sm {
    font-size: 15px;
  }
}
.feature-2__right-side {
  position: absolute;
  right: 0;
  top: 0;
  background-color: var(--it-common-black);
  width: 810px;
  height: 90px;
  line-height: 90px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .feature-2__right-side {
    width: 710px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .feature-2__right-side {
    width: 610px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-2__right-side {
    width: 510px;
    height: 86px;
    line-height: 86px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__right-side {
    width: 480px;
    height: 84px;
    line-height: 84px;
  }
}
.feature-2__content {
  padding-left: 75px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .feature-2__content {
    padding-left: 55px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-2__content {
    padding-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__content {
    padding-left: 35px;
  }
}
.feature-2__content span {
  font-size: 22px;
  font-weight: 700;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-2__content span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__content span {
    font-size: 17px;
  }
}
.feature-2__right-icon {
  position: absolute;
  top: 0;
  right: 0;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  padding: 0px 40px;
  height: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-2__right-icon {
    padding: 0px 30px;
    height: 84px;
  }
}
.feature-2__right-icon a {
  font-size: 23px;
  color: var(--it-common-white);
}

.feature-3__item {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 53px 30px;
}
.feature-3__item:hover .feature-3__overly {
  opacity: 1;
  visibility: visible;
}
.feature-3__item:hover .feature-3__overly::before {
  transform: scale(1);
}
.feature-3__content {
  transition: 0.3s;
}
.feature-3__content span {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-style: italic;
  color: var(--it-common-black);
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .feature-3__content span {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .feature-3__content span {
    font-size: 17px;
  }
}
.feature-3__content p {
  color: #333333;
  line-height: 23px;
  padding-bottom: 7px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .feature-3__content 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) {
  .feature-3__content p {
    font-size: 14px;
  }
}
.feature-3__content a {
  font-weight: 500;
  font-size: 14px;
  padding: 5px 21px;
  background-color: var(--it-common-white);
  border-radius: 20px;
  display: inline-block;
}
.feature-3__content a.active {
  background-color: rgb(241, 75, 79);
  color: var(--it-common-white);
}
.feature-3__title-sm {
  font-weight: 600;
  font-size: 22px;
  font-style: italic;
  margin-bottom: 0;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .feature-3__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-3__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-3__title-sm {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .feature-3__title-sm {
    font-size: 15px;
  }
}
.feature-3__shape {
  position: absolute;
  left: 35%;
  top: 7%;
}
.feature-3__overly {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.feature-3__overly::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-image: url(../img/feature/fea-3.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: 0.4s;
}
.feature-3__overly::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(50, 64, 154, 0.702);
  z-index: 1;
  transform: scale(0.6);
  transition: 0.4s;
}
.feature-3__overly-text {
  padding-top: 70px;
  position: relative;
  z-index: 1;
}
.feature-3__overly-text span {
  font-family: "Poppins", sans-serif;
  font-size: 22px;
  font-style: italic;
  color: var(--it-common-white);
  margin-bottom: 10px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .feature-3__overly-text span {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .feature-3__overly-text span {
    font-size: 18px;
  }
}
.feature-3__overly-text p {
  line-height: 23px;
  padding-bottom: 7px;
  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) {
  .feature-3__overly-text p {
    font-size: 14px;
  }
}
.feature-3__overly-text a {
  font-weight: 500;
  font-size: 14px;
  padding: 5px 21px;
  background-color: var(--it-common-white);
  border-radius: 20px;
  display: inline-block;
  color: var(--it-common-blue-3);
}

.gradient-slider-dots {
  text-align: center;
  margin-top: 60px;
  position: relative;
  z-index: 2;
}
.gradient-slider-dots .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
  margin: 0 5px;
  transition: 0.3s;
  background-color: #6b6b6b;
}
.gradient-slider-dots .swiper-pagination-bullet-active {
  background-image: var(--it-theme-2);
}

/*----------------------------------------*/
/*  20. quote css start
/*----------------------------------------*/
.quote__button ul {
  padding-bottom: 60px;
}
.quote__button ul li {
  margin-right: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote__button ul li {
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .quote__button ul li {
    margin-right: 10px;
  }
}
.quote__button ul li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote__button ul li:nth-child(2) {
    margin-right: 0;
  }
}
@media only screen and (min-width: 440px) and (max-width: 576px) {
  .quote__button ul li:nth-child(2) {
    margin-right: 0;
  }
}
.quote__button ul li button {
  padding: 19px 51px;
  padding-left: 30px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  font-size: 25px;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  border-radius: 5px;
  transition: 0.5s;
  position: relative;
  z-index: 1;
}
.quote__button ul li button::after {
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: absolute;
  background: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease-out 0s;
  z-index: -1;
}
.quote__button ul li button span {
  transform: translateY(-3px);
  display: inline-block;
  transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .quote__button ul li button {
    padding: 19px 44px;
    padding-left: 30px;
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quote__button ul li button {
    padding: 20px 28px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote__button ul li button {
    padding: 15px 15px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .quote__button ul li button {
    padding: 15px 10px;
    font-size: 14px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote__button ul li button {
    padding: 20px 50px;
    font-size: 18px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .quote__button ul li button {
    padding: 20px 37px;
  }
}
.quote__button ul li button.active {
  color: var(--it-common-white);
}
.quote__button ul li button.active::after {
  opacity: 1;
  visibility: visible;
}
.quote__button ul li button.active i {
  background: var(--it-common-white);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.quote__button ul li button:hover {
  color: var(--it-common-white);
}
.quote__button ul li button:hover::after {
  opacity: 1;
  visibility: visible;
}
.quote__button ul li button:hover i {
  background: var(--it-common-white);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.quote__button ul li button i {
  margin-right: 10px;
  font-size: 30px;
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  margin-right: 25px;
  transition: all 0.5s ease-out 0s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .quote__button ul li button i {
    margin-right: 15px;
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quote__button ul li button i {
    margin-right: 10px;
    font-size: 23px;
  }
}
@media (max-width: 767px) {
  .quote__button ul li button i {
    margin-right: 10px;
    font-size: 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .quote__button ul li button i {
    margin-right: 10px;
    font-size: 24px;
  }
}
.quote__thumb {
  margin-right: 55px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .quote__thumb {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
.quote__thumb img {
  border-radius: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .quote__thumb img {
    height: 504px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .quote__thumb img {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  24. solution css start
/*----------------------------------------*/
.solution__space {
  padding-bottom: 100px;
  position: relative;
}
.solution__space::after {
  content: "";
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 29%;
  background-color: var(--it-grey-6);
  z-index: -3;
}
.solution__bg {
  padding-top: 50px;
  padding-left: 50px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .solution__bg {
    padding-top: 40px;
    padding-left: 20px;
  }
}
.solution__bg::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 61%;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  z-index: -1;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__bg::before {
    height: 64%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__bg::before {
    height: 27%;
  }
}
@media (max-width: 767px) {
  .solution__bg::before {
    height: 39%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .solution__bg::before {
    height: 33%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .solution__bg::before {
    height: 33%;
  }
}
.solution__bg::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 70%;
  height: 46%;
  background-color: #ebeffe;
  z-index: -2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__bg::after {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .solution__bg::after {
    width: 100%;
    height: 85%;
  }
}
.solution__right-img {
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .solution__right-img {
    margin-right: 0px;
    transform: translateX(-25px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__right-img {
    margin-right: 0px;
    transform: translateX(-25px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .solution__right-img {
    margin-right: 20px;
    margin-bottom: 20px;
  }
}
.solution__right-img img {
  width: 100%;
}
.solution__title-sm {
  font-size: 22px;
  font-weight: 700;
  color: var(--it-common-white);
  padding-bottom: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__title-sm {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .solution__title-sm {
    font-size: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .solution__title-sm {
    font-size: 22px;
  }
}
.solution__left-item {
  padding-left: 30px;
  padding-top: 25px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__left-item {
    padding-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .solution__left-item {
    padding-bottom: 94px;
    padding-left: 0;
  }
}
.solution__left-item p {
  line-height: 33px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .solution__left-item p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__left-item p {
    font-size: 14px;
  }
  .solution__left-item p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__left-item p {
    font-size: 14px;
    line-height: 25px;
  }
  .solution__left-item p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .solution__left-item p {
    font-size: 12px;
    line-height: 25px;
    padding-right: 35px;
  }
  .solution__left-item p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .solution__left-item p {
    font-size: 15px;
    line-height: 25px;
    padding-right: 35px;
  }
  .solution__left-item p br {
    display: none;
  }
}
.solution__content-list ul li {
  list-style-type: none;
  padding-left: 25px;
  padding-bottom: 5px;
  position: relative;
  line-height: 26px;
  color: var(--it-common-white);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .solution__content-list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__content-list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .solution__content-list ul li {
    font-size: 14px;
  }
}
.solution__content-list ul li:hover {
  text-decoration: underline;
}
.solution__content-list ul li i {
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 16px;
  color: var(--it-common-white);
}
.solution__bottom-content {
  padding-top: 82px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .solution__bottom-content {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__bottom-content {
    padding-top: 0px;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__bottom-content {
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .solution__bottom-content {
    flex-wrap: wrap;
    padding-top: 0px;
    padding-bottom: 40px;
  }
}
.solution__bottom-list ul li {
  list-style-type: none;
  padding-left: 25px;
  padding-bottom: 5px;
  position: relative;
  line-height: 26px;
  color: var(--it-common-black);
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .solution__bottom-list ul li {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .solution__bottom-list ul li {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .solution__bottom-list ul li {
    font-size: 14px;
  }
}
.solution__bottom-list ul li:hover {
  text-decoration: underline;
}
.solution__bottom-list ul li i {
  position: absolute;
  left: 0;
  top: 6px;
  font-size: 16px;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.solution__bottom-icon {
  height: 118px;
  width: 118px;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  border-radius: 5px;
  line-height: 118px;
  text-align: center;
  display: inline-block;
  margin-right: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .solution__bottom-icon {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .solution__bottom-icon {
    margin-bottom: 20px;
  }
}

.solution__theme .solution__bg::before {
  background: var(--it-theme-1);
}
.solution__theme.solution__space {
  padding-bottom: 30px;
}
.solution__theme.solution__space::after {
  display: none;
}
.solution__theme .solution__bottom-icon {
  background: var(--it-theme-1);
}
.solution__theme .solution__bottom-list ul li i {
  background: var(--it-theme-1);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}

/*----------------------------------------*/
/*  12. faq css start
/*----------------------------------------*/
.faq__main-img {
  padding-right: 52px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__main-img {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .faq__main-img {
    margin-bottom: 100px;
    padding-right: 0;
  }
}
.faq__main-img::after {
  content: "";
  bottom: 0;
  right: 0;
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  border-radius: 100px 100px 0 0;
  height: 69%;
  width: 79%;
  position: absolute;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__main-img::after {
    left: 0;
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .faq__main-img::after {
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 71%;
  }
}
.faq__img-2 {
  position: absolute;
  bottom: -45px;
  left: 84px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__img-2 {
    left: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq__img-2 {
    left: 13px;
  }
}
@media (max-width: 767px) {
  .faq__img-2 {
    bottom: -63px;
    left: -41px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq__img-2 img {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .faq__img-2 img {
    width: 62%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq__img-2 img {
    width: 75%;
  }
}
.faq__text {
  position: absolute;
  top: 23px;
  left: 17%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq__text {
    left: 9%;
  }
}
.faq__text span {
  font-size: 102px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  -webkit-text-stroke-width: 3px;
  -webkit-text-stroke-color: #e5e5e5;
  color: transparent;
}
.faq__shape-1 {
  position: absolute;
  bottom: -57px;
  right: -69px;
  z-index: -1;
  animation: tpupdown 0.8s infinite alternate;
}

.faq-2__circle {
  position: absolute;
  z-index: 2;
  top: -26%;
  left: -15%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-2__circle {
    left: -21%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-2__circle {
    left: -37%;
  }
}
.faq-2__circle::before {
  position: absolute;
  top: -4%;
  left: 12%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
.faq-2__circle::after {
  position: absolute;
  top: -1%;
  left: 22%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
.faq-2__circle-2 {
  position: absolute;
  z-index: 2;
  bottom: -26%;
  right: -16%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-2__circle-2 {
    right: -22%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-2__circle-2 {
    right: -32%;
    bottom: -37%;
  }
}
.faq-2__circle-2::before {
  position: absolute;
  bottom: 8%;
  right: 5%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
.faq-2__circle-2::after {
  position: absolute;
  bottom: 15%;
  right: 11%;
  content: "";
  height: 285px;
  width: 285px;
  border-radius: 50%;
  background-color: rgb(241, 75, 79);
  opacity: 0.71;
}
.faq-2__bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  border-radius: 20px;
  padding: 0 15px;
  padding-top: 100px;
  padding-bottom: 65px;
}
@media (max-width: 767px) {
  .faq-2__bg {
    margin-top: 75px;
  }
}
.faq-2__bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(44, 44, 44);
  opacity: 0.761;
  height: 100%;
  width: 100%;
  border-radius: 20px;
}
.faq-2__content {
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .faq-2__content .section-title {
    font-size: 27px;
  }
}
.faq-2__content p {
  line-height: 28px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-2__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) {
  .faq-2__content p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .faq-2__content p {
    font-size: 13px;
  }
  .faq-2__content p br {
    display: none;
  }
}
.faq-2__content span {
  color: var(--it-common-white);
  font-size: 22px;
  margin-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-2__content span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-2__content span {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .faq-2__content span {
    font-size: 15px;
  }
}
.faq-2__content span b {
  font-size: 25px;
}
@media (max-width: 767px) {
  .faq-2__content span b {
    font-size: 20px;
  }
}
.faq-2__content i {
  color: #f8bd43;
  transform: translateY(-3px);
}
@media (max-width: 767px) {
  .faq-2__content i {
    font-size: 14px;
  }
}
.faq-2__item-text {
  transition: 0.3s;
  border: 1px dashed transparent;
  padding: 6px;
}
.faq-2__item {
  width: 100px;
  border: 1px dashed #acacae;
  margin: 0 10px;
  transition: 0.3s;
  padding: 8px;
}
@media (max-width: 767px) {
  .faq-2__item {
    margin-bottom: 20px;
  }
}
.faq-2__item:hover {
  border: 1px solid #f14b4f;
  background-color: #f14b4f;
}
.faq-2__item:hover .faq-2__item-text {
  border: 1px dashed #acacae;
}
.faq-2__item span {
  font-weight: 600;
  color: var(--it-common-white);
  display: inline-block;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-2__item span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-2__item span {
    font-size: 14px;
  }
}
.faq-2__item h5 {
  font-weight: 700;
  font-size: 34px;
  color: var(--it-common-white);
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-2__item h5 {
    font-size: 27px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-2__item h5 {
    font-size: 24px;
  }
}
@media (max-width: 767px) {
  .faq-2__item-box {
    flex-wrap: wrap;
  }
}

.faq-3__bg {
  border-radius: 20px;
  padding: 60px 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-3__bg {
    padding-top: 75px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-3__bg {
    padding: 40px 15px;
    padding-top: 55px;
  }
}
.faq-3__car {
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-3__car img {
    max-width: 60%;
  }
}
.faq-3__car::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 107px;
  width: 1px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-3__car::after {
    height: 85px;
  }
}
.faq-3__title-sm {
  font-size: 22px;
  color: var(--it-common-white);
  line-height: 2;
  padding-left: 23px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .faq-3__title-sm {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .faq-3__title-sm {
    font-size: 18px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-3__title-sm {
    font-size: 15px;
    padding-left: 0;
  }
  .faq-3__title-sm br {
    display: none;
  }
}
@media (max-width: 767px) {
  .faq-3__title-sm {
    font-size: 15px;
    padding-left: 0;
    padding-bottom: 15px;
  }
  .faq-3__title-sm br {
    display: none;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .faq-3__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-3__btn {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-3__btn {
    padding-right: 0px;
    padding-left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .faq-3__btn .gradient-btn {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .faq-3__btn .gradient-btn {
    font-size: 13px;
    padding: 0 20px;
  }
}

/*----------------------------------------*/
/*  17. product css start
/*----------------------------------------*/
.product__item:hover .product__img img {
  transform: scale(1.2);
}
.product__img {
  background-color: #f2f4f6;
  height: 290px;
  width: 100%;
  padding-top: 65px;
  padding-bottom: 60px;
  position: relative;
}
.product__img img {
  transition: 0.5s;
}
.product__img-text {
  position: absolute;
  top: 12px;
  left: 12px;
  background-color: #f14b4f;
  padding: 4px 14px;
  border-radius: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product__img-text {
    padding: 2px 14px;
  }
}
.product__img-text span {
  font-weight: 500;
  font-size: 17px;
  text-transform: uppercase;
  color: var(--it-common-white);
  font-style: italic;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product__img-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product__img-text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product__img-text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .product__img-text span {
    font-size: 15px;
  }
}
.product__content {
  padding: 30px;
  box-shadow: 0px 0px 136px 0px rgba(0, 0, 0, 0.05);
}
.product__content-text {
  padding-bottom: 5px;
}
.product__content-text span {
  font-size: 15px;
  display: inline-block;
  padding-bottom: 7px;
  color: #636363;
  display: block;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product__content-text span {
    font-size: 14px;
  }
}
.product__content-text span.dolar {
  color: #4a4c59;
  font-size: 17px;
}
.product__content-text h4 {
  font-size: 17px;
  font-weight: 600;
  transition: 0.3s;
  display: inline-block;
  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) {
  .product__content-text h4 {
    font-size: 16px;
  }
}
.product__content-text h4:hover {
  color: var(--it-common-blue-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product__content-text h4 {
    font-size: 16px;
  }
}
.product__star {
  padding-bottom: 20px;
}
.product__star i {
  color: #f8bd43;
  font-size: 15px;
}
.product__icon-wrapper {
  position: absolute;
  top: 20px;
  right: 20px;
}
.product__icon-wrapper:hover .product__icon {
  opacity: 1;
  visibility: visible;
  top: 130%;
}
.product__icon-wrapper a {
  height: 35px;
  width: 35px;
  background-color: var(--it-common-blue-3);
  line-height: 31px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.3s;
}
.product__icon-wrapper a i {
  font-size: 12px;
  transition: 0.3s;
  color: var(--it-common-white);
}
.product__icon {
  position: absolute;
  top: 50%;
  right: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.product__icon a {
  height: 35px;
  width: 35px;
  background-color: var(--it-common-blue-3);
  line-height: 35px;
  border-radius: 50%;
  margin-bottom: 10px;
  display: inline-block;
}
.product__icon a:hover {
  background-color: rgba(50, 64, 154, 0.289);
}
.product__icon a:hover i {
  color: var(--it-common-blue-3);
}
.product__icon a i {
  font-size: 12px;
  color: var(--it-common-white);
}
.product__title-sm {
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 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) {
  .product__title-sm {
    font-size: 20px;
  }
}
.product__section-box {
  padding-bottom: 30px;
}
.product__section-box p {
  line-height: 28px;
  color: #636363;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product__section-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) {
  .product__section-box p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .product__section-box p {
    font-size: 14px;
  }
  .product__section-box p br {
    display: none;
  }
}
.product__border {
  padding-top: 80px;
  border-top: 1px solid var(--it-border-1);
}

.product-2__title {
  font-size: 25px;
  font-weight: 700;
  padding-bottom: 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) {
  .product-2__title {
    font-size: 20px;
  }
}
.product-2__section-box {
  padding-bottom: 30px;
}
.product-2__section-box p {
  line-height: 28px;
  color: #636363;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-2__section-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) {
  .product-2__section-box p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .product-2__section-box p {
    font-size: 14px;
  }
  .product-2__section-box p br {
    display: none;
  }
}
.product-2__border {
  padding-top: 80px;
  border-top: 1px solid var(--it-border-1);
}
.product-2__item {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid var(--it-border-1);
}
.product-2__item:hover .product-2__icon a {
  background-color: var(--it-common-blue-3);
}
.product-2__item:hover .product-2__icon a i {
  color: var(--it-common-white);
}
.product-2__img-sm {
  height: 120px;
  line-height: 120px;
  text-align: center;
  width: 124px;
  background-color: #eff1f3;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .product-2__img-sm {
    height: 95px;
    line-height: 95px;
    width: 95px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__img-sm {
    height: 120px;
    line-height: 120px;
    width: 124px;
  }
}
@media (max-width: 767px) {
  .product-2__img-sm img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__img-sm img {
    max-width: 100%;
  }
}
.product-2__title-sm {
  font-size: 17px;
  font-weight: 600;
  transition: 0.3s;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-2__title-sm {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-2__title-sm {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__title-sm {
    font-size: 16px;
  }
}
.product-2__title-sm:hover {
  color: var(--it-common-blue-3);
}
.product-2__text span {
  color: #4a4c59;
  font-weight: 400;
  display: block;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-2__text span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-2__text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__text span {
    font-size: 15px;
  }
}
.product-2__text i {
  font-size: 14px;
  color: #f8bd43;
  padding-right: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-2__text i {
    font-size: 11px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__text i {
    font-size: 13px;
  }
}
.product-2__icon {
  padding-right: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .product-2__icon {
    padding-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-2__icon {
    padding-right: 0px;
  }
}
.product-2__icon a {
  height: 50px;
  width: 50px;
  line-height: 50px;
  background-color: #f0f2f4;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .product-2__icon a {
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-2__icon a {
    height: 50px;
    width: 50px;
    line-height: 50px;
  }
}
.product-2__icon a i {
  font-weight: 500;
  font-size: 17px;
  color: var(--it-common-black-3);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .product-2__icon a i {
    font-size: 13px;
  }
}

.product-5__item {
  box-shadow: 0px 0px 136px 0px rgba(0, 0, 0, 0.05);
}
.product-5__item:hover .product-5__action {
  top: 50%;
  opacity: 1;
  visibility: visible;
}
.product-5__item:hover .product-5__thumb::after {
  opacity: 1;
  visibility: visible;
}
.product-5__item:hover .product-5__thumb img {
  transform: scale(1.1);
}
.product-5__content {
  padding: 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) {
  .product-5__content {
    padding: 30px 20px;
  }
}
.product-5__content h5 {
  font-size: 15px;
  color: #636363;
  font-weight: 400;
}
.product-5__content span {
  color: #4a4c59;
  font-size: 17px;
  font-weight: 400;
  display: block;
}
.product-5__thumb {
  transition: 0.3s;
  position: relative;
}
.product-5__thumb img {
  width: 100%;
}
.product-5__thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  content: "";
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.product-5__thumb img {
  transition: 0.9s;
}
.product-5__title-sm {
  font-size: 17px;
  font-weight: 600;
  color: var(--it-common-black);
  display: inline-block;
  padding-bottom: 5px;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-5__title-sm {
    font-size: 16px;
  }
}
.product-5__title-sm:hover {
  color: var(--it-common-blue-5);
}
.product-5__action {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-5__action {
    left: 49%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .product-5__action {
    left: 46%;
    transform: translate(-43%, -50%);
  }
}
.product-5__action a {
  height: 30px;
  width: 30px;
  background-color: var(--it-common-white);
  display: inline-block;
  color: var(--it-common-blue-5);
  text-align: center;
  line-height: 30px;
  font-size: 12px;
  border-radius: 50%;
  margin: 0px 5px;
  transition: 0.3s;
}
.product-5__action a:hover {
  background-color: var(--it-common-blue-5);
  color: var(--it-common-white);
}

.slidebar__border-none {
  border: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .slidebar__border-none {
    margin-bottom: 50px;
  }
}
.slidebar__border-none .sidebar__widge-title-box {
  padding: 30px 0;
}
.slidebar__border-none .sidebar__widget-title {
  padding-bottom: 9px;
  display: block;
  border-bottom: 1px solid #dddddd;
}
.slidebar__border-none .sidebar__widget-title::after {
  display: none;
}
.slidebar__border-none .sidebar__widget-content {
  padding: 0;
}

.product-thumb {
  padding-right: 20px;
}

.siderbar-sm-title {
  font-size: 17px;
  font-weight: 500;
  color: #636363;
  text-transform: capitalize;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .siderbar-sm-title {
    font-size: 13px;
  }
}

.ui-widget.ui-widget-content {
  height: 3px;
  width: 100%;
  background-color: var(--it-theme-1);
  border-radius: 10px;
}

.ui-widget.ui-widget-content {
  border: none;
}

.productsidebar__range .price-filter input {
  border: 0;
  text-align: end;
  color: var(--it-theme-1);
  font-weight: 500;
  font-weight: 500;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  border: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -5px;
  margin-left: 0;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
  height: 14px;
  width: 14px;
  background-color: var(--it-theme-2);
  border-radius: 50%;
}

/*----------------------------------------*/
/*  07. choose css start
/*----------------------------------------*/
.choose__height {
  height: 850px;
}
@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) {
  .choose__height {
    height: auto;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .choose__space {
    padding-bottom: 100px;
  }
}
.choose__section-box p {
  line-height: 28px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .choose__section-box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose__section-box p {
    font-size: 16px;
  }
  .choose__section-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) {
  .choose__section-box p {
    font-size: 15px;
  }
  .choose__section-box p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .choose__section-box p {
    font-size: 14px;
  }
  .choose__section-box p br {
    display: none;
  }
}
.choose__info p {
  line-height: 28px;
}
@media (max-width: 767px) {
  .choose__info p {
    font-size: 15px;
  }
}
.choose__title-sm {
  font-size: 20px;
  padding-bottom: 10px;
  transition: 0.3s;
}
.choose__item {
  background-color: var(--it-common-white);
  border-radius: 20px;
  padding: 30px;
  padding-bottom: 20px;
  width: 520px;
  margin-bottom: 30px;
  position: relative;
  z-index: 2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .choose__item {
    width: 570px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose__item {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .choose__item {
    flex-wrap: wrap;
    width: 100%;
  }
}
.choose__item::after {
  border-radius: 20px;
  content: "";
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease-out 0s;
  z-index: -1;
  transform: scale(0.7);
}
.choose__item:hover::after {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.choose__item:hover .choose__icon span {
  background: var(--it-common-white);
  color: var(--it-common-orange-2);
}
.choose__item:hover .choose__info p {
  color: var(--it-common-white);
}
.choose__item:hover .choose__title-sm {
  color: var(--it-common-white);
}
.choose__icon {
  margin-right: 30px;
}
@media (max-width: 767px) {
  .choose__icon {
    margin-bottom: 25px;
  }
}
.choose__icon span {
  font-size: 25px;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  background-image: var(--it-theme-2);
  display: inline-block;
  color: var(--it-common-white);
  line-height: 50px;
  text-align: center;
  transition: 0.3s;
}
.choose__main-img {
  border-radius: 5px;
  position: relative;
}
.choose__main-img img {
  max-width: inherit;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose__main-img img {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose__main-img img {
    max-width: 100%;
    height: 668px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .choose__main-img img {
    max-width: 100%;
  }
}
.choose__shape {
  position: absolute;
  bottom: 6%;
  right: -33%;
  z-index: -1;
  animation: zoom 5s infinite;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .choose__shape {
    bottom: 7%;
    right: -19%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .choose__shape {
    right: -8%;
  }
}

.choose-2__title-sm {
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 12px;
  transition: 0.3s;
  margin-bottom: 0;
}
.choose-2__title-sm:hover {
  color: #108fe4;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .choose-2__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__title-sm {
    font-size: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__title-sm {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-2__title-sm {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .choose-2__title-sm {
    font-size: 19px;
  }
}
.choose-2__text p {
  line-height: 33px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .choose-2__text p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__text p {
    font-size: 15px;
  }
  .choose-2__text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-2__text p {
    font-size: 14px;
    line-height: 25px;
  }
  .choose-2__text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .choose-2__text p {
    font-size: 13px;
    line-height: 25px;
  }
  .choose-2__text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-2__text p {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0;
  }
}
.choose-2__item {
  padding-bottom: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__item {
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__item {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-2__item {
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .choose-2__item {
    padding-bottom: 20px;
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-2__item {
    align-items: center;
    padding-bottom: 45px;
  }
}
.choose-2__icon {
  height: 97px;
  width: 99px;
  border-radius: 5px;
  background: #ebeffe;
  display: inline-block;
  color: var(--it-common-white);
  line-height: 97px;
  text-align: center;
  transition: 0.3s;
  flex: 0 0 auto;
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__icon img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-2__icon img {
    max-width: 50%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__icon {
    margin-right: 20px;
    width: 80px;
    height: 84px;
    line-height: 84px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .choose-2__icon {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .choose-2__icon {
    margin-right: 20px;
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .choose-2__icon {
    margin-right: 20px;
    width: 80px;
    height: 84px;
    line-height: 84px;
    margin-bottom: 0;
  }
}
.choose-2__img-box {
  border-radius: 20px;
  border: 1px solid var(--it-border-1);
  padding-top: 15px;
  padding-bottom: 25px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__img-1 img {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__img-1 img {
    width: 73%;
  }
}
@media (max-width: 767px) {
  .choose-2__img-1 img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .choose-2__img-1 img {
    max-width: 60%;
  }
}
.choose-2__img-2 {
  margin-left: 65px;
  max-width: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__img-2 {
    margin-left: 33px;
  }
}
.choose-2__img-2 img {
  max-width: 100%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__img-2 img {
    width: 80%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__img-2 img {
    max-width: 73%;
  }
}
@media (max-width: 767px) {
  .choose-2__img-2 img {
    max-width: 80%;
  }
}
@media only screen and (min-width: 440px) and (max-width: 575px) {
  .choose-2__img-2 img {
    max-width: 60%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .choose-2__ml {
    margin-left: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .choose-2__ml {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .choose-2__wrapper {
    flex-wrap: wrap;
  }
}
.choose-2__shape-1 {
  position: absolute;
  left: 0;
  bottom: -9%;
  z-index: -1;
}

.col-custom-width {
  width: 485px;
  height: 602px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .col-custom-width {
    height: 530px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .col-custom-width {
    height: 440px;
    width: 440px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .col-custom-width {
    height: 610px;
    width: 100%;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .col-custom-width {
    height: 450px;
    width: 100%;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .col-custom-width {
    height: 595px;
  }
}

/*----------------------------------------*/
/*  22. skill css start
/*----------------------------------------*/
.it-skill__bg {
  padding-top: 85px;
  padding-bottom: 90px;
  position: relative;
}
.it-skill__bg::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  background-position: left;
  background-repeat: no-repeat;
  background-image: url(../img/skill/skill.jpg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-skill__bg::after {
    width: 52%;
    background-position: right;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-skill__bg::after {
    width: 52%;
    background-position: right;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-skill__bg::after {
    width: 53%;
    background-position: right;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-skill__bg::after {
    width: 47%;
    background-position: right;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-skill__bg::after {
    display: none;
  }
}
.it-skill__section-box p {
  line-height: 28px;
  padding-bottom: 5px;
}
@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-skill__section-box p {
    font-size: 15px;
  }
}
.it-skill__item {
  padding-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-skill__item {
    padding-left: 0;
  }
}
.it-skill__shape {
  right: 0;
  bottom: 0;
  position: absolute;
}
.it-skill__shape-2 {
  right: 5%;
  top: 0;
  position: absolute;
}
@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-skill__shape-2 {
    display: none;
    visibility: hidden;
  }
}
.it-skill-inners {
  margin-right: 25px;
}
.it-skill-progress {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-skill-progress {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .it-skill-progress {
    width: 100%;
  }
}
.it-skill-progress .team__skill-progress-item:last-child {
  padding-bottom: 10px;
}
.it-skill-progress-item {
  position: relative;
  padding-bottom: 35px;
}
.it-skill-progress-item h4 {
  font-weight: 500;
  font-size: 17px;
  color: #4a4c59;
  font-family: "Rubik", sans-serif;
  padding-bottom: 3px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-skill-progress-item h4 {
    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-skill-progress-item h4 {
    font-size: 14px;
  }
}
.it-skill-progress-item .progress-count {
  position: absolute;
  top: -4px;
  right: 0;
  font-size: 16px;
  font-weight: 500;
  color: #4a4c59;
  font-family: "Rubik", sans-serif;
  padding-top: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-skill-progress-item .progress-count {
    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-skill-progress-item .progress-count {
    font-size: 14px;
  }
}
.it-skill-progress-item .progress {
  height: 4px;
  background-color: #e4e4e4;
  border-radius: 0;
  overflow: visible;
}
.it-skill-progress-item .progress .progress-bar {
  background-color: var(--it-common-blue-3);
  overflow: visible;
}

/*----------------------------------------*/
/*  11. error css start
/*----------------------------------------*/
.error__text h4 {
  font-size: 25px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .error__text h4 {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error__text h4 {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .error__text h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .error__text h4 {
    font-size: 20px;
  }
}
.error__text span {
  display: inline-block;
  padding-bottom: 30px;
  color: #636363;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .error__text span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .error__text span {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .error__main-img img {
    width: 81%;
  }
}

/*----------------------------------------*/
/*  06. checkout css start
/*----------------------------------------*/
.checkout__wrapper span {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  padding-bottom: 35px;
  display: inline-block;
}
.checkout__input input {
  height: 55px;
  line-height: 55px;
  border: 2px solid #ebebeb;
  outline: none;
  width: 100%;
  border-radius: 5px;
  font-size: 16px;
  padding-left: 40px;
  padding-right: 20px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .checkout__input input {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .checkout__input input {
    font-size: 13px;
    padding-left: 20px;
  }
}
.checkout__summary-wrapper {
  margin-top: 57px;
  padding: 30px 0;
  background-color: #f1f2f9;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__summary-wrapper {
    margin-bottom: 30px;
  }
}
.checkout__list-item {
  padding: 0 50px;
  padding-bottom: 11px;
  border-bottom: 1px solid #c9c9c9;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__list-item {
    padding: 0 28px;
  }
}
.checkout__list-item b {
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  font-size: 17px;
  color: #333333;
  padding-bottom: 20px;
  display: inline-block;
}
.checkout__summary-list span {
  color: #4a4c59;
  display: inline-block;
  padding-bottom: 12px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__summary-list span {
    font-size: 14px;
  }
}
.checkout__bottom {
  padding: 0 50px;
  padding-top: 28px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__bottom {
    padding: 0 30px;
    padding-top: 28px;
  }
}
.checkout__bottom span {
  font-weight: 700;
  color: #333333;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .checkout__bottom span {
    font-size: 14px;
  }
}

.checkout-form-list input {
  display: inline-block;
  margin-right: 20px;
  position: relative;
  top: 1px;
  width: 19px;
  height: 19px;
  border-color: rgb(221, 221, 221);
}
.checkout-form-list label {
  font-size: 16px;
  color: #636363;
}

/*----------------------------------------*/
/*  18. progress css start
/*----------------------------------------*/
.progress__skill-inners {
  padding-left: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .progress__skill-inners {
    padding-right: 60px;
    padding-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .progress__skill-inners {
    padding-left: 0;
    padding-right: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .progress__skill-inners {
    padding-left: 0;
    padding-bottom: 70px;
  }
}
.progress__icon {
  height: 70px;
  width: 70px;
  line-height: 70px;
  text-align: center;
  background-color: var(--it-common-blue);
  margin-right: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .progress__icon {
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .progress__icon {
    margin-right: 20px;
  }
}
.progress h4 {
  font-size: 22px;
  padding-bottom: 5px;
}
.progress span {
  color: var(--it-grey-1);
}
.progress__content-box {
  padding-left: 80px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .progress__content-box {
    padding-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .progress__content-box {
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .progress__content-box {
    padding-left: 0;
  }
}
.progress__content-box .progress__content:last-child {
  margin-bottom: 0;
}
.progress__content {
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .progress__content {
    margin-right: 21px;
  }
}
.progress__text h4 {
  font-size: 25px;
  font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .progress__text h4 {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .progress__text h4 {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .progress__text h4 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .progress__text span {
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .progress__text span {
    font-size: 14px;
  }
}

.progress-2__bg {
  background-color: #f4f5f7;
  border-radius: 10px;
  padding: 20px 20px;
}
.progress-2__item {
  transition: 0.3s;
  border-radius: 20px;
  padding-top: 30px;
  padding-bottom: 50px;
  position: relative;
}
.progress-2__item span {
  color: #1b1a1a;
  font-size: 22px;
  font-weight: 700;
  font-family: "Poppins", sans-serif;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .progress-2__item span {
    font-size: 16px;
  }
}
.progress-2__item:hover {
  background-color: var(--it-common-white);
}
.progress-2__item:hover .progress-2__shape-1 {
  opacity: 1;
  visibility: visible;
}
.progress-2__item:hover .progress-2__shape-2 {
  opacity: 1;
  visibility: visible;
}
.progress-2__canva {
  margin-bottom: 30px;
}
.progress-2__shape-1 {
  position: absolute;
  right: -32px;
  top: -32px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.progress-2__shape-2 {
  position: absolute;
  left: -28px;
  bottom: -30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}

.progress-2__canva input {
  height: 11px;
}

.tl-progress {
  height: 120px;
  width: 120px;
  text-align: center;
  line-height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  margin-bottom: 25px;
}
.tl-progress input {
  color: #1b1a1a !important;
}

/*----------------------------------------*/
/*  28. shop css start
/*----------------------------------------*/
.tp-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  color: var(--it-common-white);
  background: var(--it-theme-1);
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 0 38px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.product__details-list {
  padding: 25px 0;
}
.product__details-list ul {
  display: inline-block;
}
.product__details-list ul li {
  font-size: 16px;
  color: var(--it-common-black);
  list-style-type: none;
  padding-bottom: 10px;
  position: relative;
  padding-left: 25px;
  width: 50%;
  float: left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product__details-list ul li {
    font-size: 14px;
  }
}
.product__details-list ul li i {
  position: absolute;
  left: 0;
  top: 0;
  color: var(--it-theme-1);
  font-weight: 500;
  font-size: 15px;
  transform: translateY(3px);
}

.tp-content-tab {
  margin-left: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .tp-content-tab {
    margin-left: 0;
  }
}

.productdetails-tabs {
  padding-top: 90px;
  padding-bottom: 90px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tab-pane p {
    font-size: 14px;
  }
}

.itshopitem:hover .itshopitem__thumb img {
  transform: scale(1.2);
}
.itshopitem:hover .itshopitem__thumb-icon {
  bottom: 14px;
  opacity: 1;
  visibility: visible;
}
.itshopitem__thumb {
  border: 1px solid #ECEFF4;
  border-radius: 5px;
}
.itshopitem__thumb img {
  width: 100%;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
}
.itshopitem__thumb-icon {
  position: absolute;
  bottom: -50px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  -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;
}
.itshopitem__thumb-icon a {
  margin: 0 5px;
  height: 45px;
  width: 45px;
  line-height: 45px;
  border: 1px solid var(--it-theme-blue);
  border-radius: 50%;
  display: inline-block;
  background-color: #0E63FF;
  color: var(--it-common-white);
}
.itshopitem__thumb-icon a:hover {
  background-color: var(--it-theme-pink);
  border: 1px solid var(--it-theme-pink);
}
.itshopitem__content p {
  font-size: 18px;
  font-weight: 500;
  color: #777B83;
  margin-bottom: 6px;
}
.itshopitem__title {
  font-size: 18px;
  font-weight: 500;
  display: block;
}
.itshopitem__title a {
  background-image: linear-gradient(#0E63FF, #0E63FF), linear-gradient(#0E63FF, #0E63FF);
  background-repeat: no-repeat;
  background-position: 100% 100%, 0% 100%;
  background-size: 0% 1px, 0 1px;
  display: inline;
}
.itshopitem__title a:hover {
  background-size: 0% 1px, 100% 1px;
  color: var(--it-theme-blue);
}
.itshopitem__review i {
  color: #F7931E;
}
.itshopitem__product-base {
  position: absolute;
  top: 20px;
  left: 30px;
  font-weight: 700;
  font-size: 12px;
  color: var(--it-common-white);
  padding: 6px 13px;
  background: #FD4766;
  border-radius: 5px;
  line-height: 1;
}

.itproduct span {
  font-weight: 500;
  font-size: 15px;
}

.itfilter {
  justify-content: end;
}
@media (max-width: 767px) {
  .itfilter {
    justify-content: start;
  }
}
.itfilter span {
  font-weight: 500;
  font-size: 15px;
}
.itfilter .nice-select {
  padding-left: 5px;
  border: none;
  color: var(--it-theme-primary);
}

.productthumb img {
  border-radius: 25px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .productthumb img {
    max-width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product {
    margin-left: 0;
  }
}
.product__details-content p {
  font-weight: 400;
  font-size: 16px;
  color: #777B83;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .product__details-content p br {
    display: none;
  }
}
.product-dtitle {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .product-dtitle {
    font-size: 24px;
  }
}
.product-dinfo span {
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  color: #141515;
}
.product-rating a {
  color: #FFDC60;
}
.product-dprice {
  font-weight: 400;
  font-size: 30px;
  line-height: 38px;
  letter-spacing: 0.02em;
}
.product-model-title {
  font-family: "Archivo";
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  color: #0B0B0B;
}
.product-quantity-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 15px;
  letter-spacing: 0.02em;
  color: #0B0B0B;
}
.product-quantity input {
  color: var(--it-theme-primary);
  border: none;
  width: 40px;
  text-align: center;
  font-weight: 700;
  font-size: 14px;
}
.product-model-list a {
  font-size: 12px;
  font-weight: 600;
  color: #777B83;
  background: #F7F8FD;
  display: inline-block;
  padding: 0 10px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin-right: 15px;
  border-radius: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-model-list a {
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  .product-model-list a {
    margin-right: 5px;
    padding: 0 6px;
  }
}
.product-model-list a:last-child {
  margin-right: 0;
}
.product-model-list a:hover {
  background: var(--it-theme-blue);
  color: var(--it-common-white);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-product-img {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-product-img img {
    max-width: 100%;
  }
}

.it-product-quantity .cart-minus, .it-product-quantity .cart-plus {
  cursor: pointer;
  color: #8D8884;
}
.it-product-quantity .cart-minus:hover, .it-product-quantity .cart-plus:hover {
  color: var(--it-theme-primary);
}
.it-product-quantity input {
  height: 30px;
  width: 32px;
  font-size: 14px;
  border: none;
  font-weight: 700;
  text-align: center;
}

.product-rating {
  margin-right: 20px;
}
.product-rating a {
  font-size: 16px;
  color: #FFDC60;
}

.product-dinfo {
  display: flex;
}

.product-dprice del {
  font-size: 20px;
  color: #B9B9B9;
}

.pro-details-nav {
  background: #F9FAFB;
  display: inline-block;
  padding: 7px 7px;
}

.pro-details-nav-btn {
  border: none;
}
.pro-details-nav-btn li {
  font-weight: 500;
  font-size: 18px;
  color: var(--it-text-body);
  position: relative;
}
.pro-details-nav-btn li button span {
  position: relative;
  z-index: 9;
}
.pro-details-nav-btn li button::before {
  content: "";
  height: 100%;
  width: 102%;
  top: 0;
  left: -1px;
  background: var(--it-theme-2);
  border-radius: 10px;
  position: absolute;
  z-index: 3;
  opacity: 0;
  visibility: hidden;
}
.pro-details-nav-btn li button.active::before {
  opacity: 1;
  visibility: visible;
}
.pro-details-nav-btn li::after {
  position: absolute;
  content: "";
  height: 40px;
  width: 1px;
  background: #DFE3E9;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .pro-details-nav-btn li::after {
    display: none;
  }
}
.pro-details-nav-btn li:last-child::after {
  display: none;
}
@media (max-width: 767px) {
  .pro-details-nav-btn li {
    font-size: 16px;
  }
}
.pro-details-nav-btn li .nav-links {
  padding: 20px 45px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pro-details-nav-btn li .nav-links {
    padding: 10px 20px;
  }
}
@media (max-width: 767px) {
  .pro-details-nav-btn li .nav-links {
    padding: 5px 15px;
  }
}
.pro-details-nav-btn li .nav-links.active {
  background: var(--it-common-white);
  color: var(--it-common-white);
}

.tab-para p {
  font-size: 16px;
  line-height: 30px;
}

.comments-box {
  margin-bottom: 50px;
}

.user-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comments-text span,
.comments-text p {
  font-size: 14px;
  color: #777777;
  line-height: 26px;
}

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

.comment-rating span {
  font-weight: 500;
  margin-right: 5px;
}
.comment-rating ul li {
  display: inline-block;
  color: #FFDC60;
}

.comment-input textarea {
  width: 100%;
  height: 120px;
  margin-bottom: 20px;
  border: 1px solid #e7e7e7;
  padding: 20px;
}
.comment-input textarea:focus {
  outline: 0;
  border: 1px solid var(--it-border-1);
}
.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 8px 20px;
  margin-bottom: 30px;
}
.comment-input input:focus {
  border: 1px solid var(--it-border-1);
}

.comments-avatar {
  flex: 0 0 auto;
}

.table .add-info {
  font-size: 18px;
  font-weight: 500;
}

.table td {
  padding: 18px;
}

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

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

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

.shop-faq .accordion-header button {
  font-size: 18px;
  padding: 20px 55px 20px 30px;
}
@media (max-width: 767px) {
  .shop-faq .accordion-header button {
    font-size: 14px;
  }
}
.shop-faq .accordion-content p br {
  display: none;
}
.shop-faq .accordion-content p {
  padding: 0 75px 20px 30px;
}

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

.comment-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}

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

.product-img-tabs {
  padding-right: 40px;
  display: flex;
}
@media (max-width: 767px) {
  .product-img-tabs {
    padding-right: 0;
  }
}
.product-img-tabs .nav-links img {
  opacity: 50%;
}
.product-img-tabs .nav-links.active img {
  opacity: 100%;
}
.product-img-tabs .nav-tabs {
  border-bottom: 0;
  width: 70px;
  flex-direction: column;
}
.product-img-tabs .nav-tabs .nav-item {
  margin-bottom: 30px;
}
.product-img-tabs .tab-content {
  margin-left: 30px;
}

.product-top {
  display: flex;
}
.product-top .product-tag a {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  font-weight: 700;
  font-size: 16px;
  padding: 4px;
  margin-right: 15px;
}
.product-top .product-rating a {
  color: #ffbf14;
}
.product-top .product-review a {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-img-tabs {
    margin-bottom: 50px;
  }
}

.product-details-title {
  font-size: 26px;
  font-weight: 700;
  color: var(--it-common-black);
}

.product-price .old-price {
  color: var(--it-common-black-3);
  font-size: 20px;
  font-weight: 600;
  text-decoration: line-through;
  font-family: "Poppins", sans-serif;
}
.product-price .new-price {
  color: var(--it-theme-1);
  font-size: 20px;
  font-weight: 700;
}
.product-price .new-price i {
  font-style: normal;
  color: var(--it-common-black-3);
}

.product-paragraph p {
  font-size: 16px;
  color: #777777;
  font-weight: 400;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-paragraph p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-paragraph p {
    font-size: 14px;
  }
}
.product-paragraph p span {
  font-weight: 600;
  color: var(--it-common-black-3);
}
.product-paragraph p span i {
  color: var(--it-theme-1);
  font-style: normal;
}

.product-details-meta .sku span {
  font-size: 16px;
  font-weight: 700;
  color: var(--it-common-black);
}
.product-details-meta .sku a {
  font-size: 16px;
  font-weight: 400;
  color: #777777;
}
.product-details-meta .categories span {
  font-size: 16px;
  font-weight: 700;
  color: var(--it-common-black);
}
.product-details-meta .categories a {
  font-size: 16px;
  font-weight: 400;
  color: #777777;
}
.product-details-meta .tag span {
  font-size: 16px;
  font-weight: 700;
  color: var(--it-common-black);
}
.product-details-meta .tag a {
  font-size: 16px;
  font-weight: 400;
  color: #777777;
}

.product-details-share span {
  font-weight: 700;
  font-size: 16px;
  color: var(--it-common-black);
  margin-right: 10px;
}
.product-details-share a {
  color: #999999;
  font-size: 15px;
  margin-right: 15px;
}
.product-details-share a:hover {
  color: var(--it-theme-1);
}

.product-additional-tab {
  display: flex;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-additional-tab {
    flex-wrap: wrap;
  }
}
.product-additional-tab .nav-tabs {
  flex-direction: column;
  border-bottom: 0;
  width: 260px;
  flex: 0 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .product-additional-tab .nav-tabs {
    width: 100%;
    margin-bottom: 30px;
  }
}
.product-additional-tab .nav-tabs .nav-item {
  margin-bottom: 10px;
}
.product-additional-tab .nav-tabs .nav-item .nav-links {
  font-size: 16px;
  color: var(--it-common-black);
  font-weight: 700;
  text-align: left;
  padding: 15px 30px;
  width: 100%;
  border: 1px solid #ebebeb;
}
.product-additional-tab .nav-tabs .nav-item .nav-links:hover, .product-additional-tab .nav-tabs .nav-item .nav-links.active {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

.it-content-tab {
  margin-left: 40px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-content-tab {
    margin-left: 0;
  }
}
.it-content-tab .tab-pane p {
  color: #777777;
  font-size: 16px;
  font-weight: 400;
}

.shop-details-active .it-porduct-item {
  margin: 0 15px;
}

.table td {
  border: 0;
  padding: 15px;
}
.table .add-info {
  font-size: 18px;
  font-weight: 700;
}

.comments-title {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .comments-title {
    font-size: 19px;
  }
}

.product-details-comment .comment-title h3 {
  font-size: 24px;
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: capitalize;
}
@media (max-width: 767px) {
  .product-details-comment .comment-title h3 {
    font-size: 21px;
  }
}
.product-details-comment .comment-title p {
  font-size: 16px;
  color: #777777;
  font-weight: 400;
}
@media (max-width: 767px) {
  .product-details-comment .comment-title p {
    font-size: 14px;
  }
}
.product-details-comment .comment-rating span {
  font-size: 15px;
  color: #777777;
  font-weight: 700;
  padding-right: 5px;
}
.product-details-comment .comment-rating ul li {
  display: inline-block;
}
.product-details-comment .comment-rating ul li a {
  color: #ffbf14;
}

.comment-input textarea {
  width: 100%;
  height: 130px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 20px;
}
.comment-input textarea:focus {
  border: 1px solid #222;
}
.comment-input textarea::placeholder {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
}
.comment-input input {
  width: 100%;
  height: 50px;
  resize: none;
  outline: 0;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 30px;
}
.comment-input input:focus {
  border: 1px solid #222;
}
.comment-input input::placeholder {
  color: #777777;
  font-size: 14px;
  font-weight: 400;
}

.comment-submit button {
  background-color: var(--it-theme-1);
  padding: 15px 20px;
  color: var(--it-common-white);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}
.comment-submit button:hover {
  background-color: var(--it-common-black);
}

.latest-comments {
  margin-bottom: 55px;
}
.latest-comments ul li {
  list-style-type: none;
}
.latest-comments .comments-box {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.latest-comments .comments-box .avatar-name h5 {
  color: var(--it-common-black);
  font-weight: 700;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .latest-comments .comments-box .avatar-name h5 {
    font-size: 16px;
  }
}
.latest-comments .comments-box .comments-date span {
  font-size: 14px;
  color: #777777;
}
.latest-comments .comments-box .user-rating ul li {
  display: inline-block;
  border: 0;
}
.latest-comments .comments-box .user-rating ul li a {
  color: #ffbf14;
}
.latest-comments .comments-box p {
  color: #777777;
  font-size: 16px;
  font-weight: 400;
}
@media (max-width: 767px) {
  .latest-comments .comments-box p {
    font-size: 14px;
  }
}

.product-details-size-table .table {
  border-collapse: collapse;
}
.product-details-size-table .table thead tr {
  background-color: #f4f4f4;
  border: 0;
}
.product-details-size-table .table thead tr th {
  border: 0;
  padding: 18px;
}
.product-details-size-table .table tbody {
  border: 0;
}
.product-details-size-table .table tbody tr:nth-child(2n+2) {
  background-color: #f4f4f4;
}

.tp-quantity {
  display: flex;
  padding: 3px;
  display: inline-block;
}

.tp-shop-quantity {
  width: 190px;
}

.tp-shop-quantity .cart-minus {
  width: 60px;
  height: 45px;
  border: 1px solid #e7e7e7;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  line-height: 45px;
  position: absolute;
  left: 0;
  top: 0;
}

.tp-shop-quantity input {
  background-color: transparent;
  height: 45px;
  width: 190px;
  text-align: center;
  line-height: 45px;
  border: 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}

.tp-shop-quantity .cart-plus {
  width: 60px;
  height: 45px;
  background-color: var(--it-common-white);
  text-align: center;
  line-height: 45px;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

.product-details__star i {
  font-size: 12px;
  color: #f1cc38;
  padding-right: 5px;
}
.product-details__star span {
  padding-left: 11px;
  color: var(--it-theme-1);
}

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

.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 (max-width: 767px) {
  .coupon {
    float: none;
  }
}
#coupon_code {
  height: 58px;
  border: 2px solid #eaedff;
  padding: 0 30px;
  margin-right: 10px;
  border-radius: 30px;
}

@media (max-width: 767px) {
  #coupon_code {
    margin-bottom: 15px;
  }
}
.coupon2 {
  float: right;
}

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

.cart-plus,
.cart-minus {
  width: 20px;
  height: 20px;
  border: 1px solid #e7e7e7;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  cursor: pointer;
}
.cart-plus:hover,
.cart-minus:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}

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

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

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

.checkout-form-list input[type=checkbox] {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 1px;
}

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

/*----------------------------------------*/
/*  14. project css start
/*----------------------------------------*/
.footer__bg {
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 180px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer__bg {
    overflow: hidden;
  }
}
.footer__bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(8, 30, 65);
  opacity: 0.91;
  height: 100%;
  width: 100%;
}
.footer__widget {
  position: relative;
  z-index: 1;
  padding-bottom: 60px;
}
.footer__space {
  padding-top: 200px;
}
.footer__logo {
  padding-bottom: 32px;
}
.footer__title-sm {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-common-white);
  padding-bottom: 27px;
}
.footer__list ul {
  display: inline-block;
}
.footer__list ul li {
  font-weight: 500;
  color: var(--it-common-white);
  padding-bottom: 10px;
  list-style-type: none;
  width: 50%;
  float: left;
  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) {
  .footer__list ul li {
    font-size: 15px;
  }
}
.footer__list ul li:hover {
  color: var(--it-theme-1);
}
.footer__content-box {
  padding-bottom: 20px;
}
.footer__content-img {
  padding-right: 20px;
}
.footer__content-img img {
  border-radius: 5px;
}
.footer__content-info h5 {
  font-size: 14px;
  font-weight: 500;
  color: var(--it-common-white);
  line-height: 20px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer__content-info h5 br {
    display: none;
  }
}
.footer__content-info span {
  font-size: 14px;
  font-weight: 500;
  color: var(--it-common-white);
}
.footer__content-info span i {
  color: var(--it-theme-1);
  padding-right: 10px;
}
.footer__time-schedule {
  border-bottom: 1px dashed #727e92;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.footer__time-schedule span {
  color: var(--it-common-white);
}
.footer__social-box p {
  color: var(--it-common-white);
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer__social-box p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__social-box p {
    font-size: 14px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer__social-box p {
    font-size: 14px;
    padding-right: 0px;
  }
}
.footer__social-box a {
  font-size: 12px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
}
.footer__social-box a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
  border: 1px solid var(--it-theme-1);
}
.footer__social-box span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.footer__mt {
  margin-top: 15px;
}

.footer-2__logo {
  padding-bottom: 32px;
}
.footer-2__title-sm {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-common-white);
  padding-bottom: 27px;
}
.footer-2__list ul {
  display: inline-block;
}
.footer-2__list ul li {
  font-weight: 500;
  color: var(--it-common-white);
  padding-bottom: 10px;
  list-style-type: none;
  width: 50%;
  float: left;
  transition: all 0.3s ease-out 0s;
  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) {
  .footer-2__list ul li {
    font-size: 15px;
  }
}
.footer-2__list ul li:hover {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-clip: border-box;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.footer-2__content-box {
  padding-bottom: 20px;
}
.footer-2__content-info h5 {
  font-size: 14px;
  font-weight: 500;
  color: var(--it-common-white);
  line-height: 20px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer-2__content-info h5 br {
    display: none;
  }
}
.footer-2__content-info span {
  font-size: 14px;
  font-weight: 500;
  color: var(--it-common-white);
}
.footer-2__content-info span i {
  color: var(--it-theme-1);
  padding-right: 10px;
}
.footer-2__time-schedule {
  border-bottom: 1px dashed #727e92;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.footer-2__time-schedule span {
  color: var(--it-common-white);
}
.footer-2__time-schedule.time-schedule-2 {
  padding-bottom: 10px;
  margin-bottom: 4px;
}
.footer-2__social-box p {
  color: var(--it-common-white);
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2__social-box p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2__social-box p {
    font-size: 14px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__social-box p {
    font-size: 14px;
    padding-right: 0px;
  }
}
.footer-2__social-box a {
  font-size: 12px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  position: relative;
  transition: all 0.5s ease-out 0s;
}
.footer-2__social-box a::after {
  border-radius: 50%;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all 0.5s ease-out 0s;
  background-image: -moz-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -webkit-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  background-image: -ms-linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  opacity: 0;
  visibility: hidden;
}
.footer-2__social-box a:hover {
  color: var(--it-common-white);
  border: 1px solid transparent;
}
.footer-2__social-box a:hover::after {
  opacity: 1;
  visibility: visible;
}
.footer-2__social-box span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.footer-2__social-box-2 p {
  color: var(--it-common-white);
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2__social-box-2 p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2__social-box-2 p {
    font-size: 14px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__social-box-2 p {
    font-size: 14px;
    padding-right: 0px;
  }
}
.footer-2__social-box-2 a {
  font-size: 12px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
}
.footer-2__social-box-2 a:hover {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  color: var(--it-common-white);
  border: none;
}
.footer-2__social-box-2 span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.footer-2__social-box-3 p {
  color: var(--it-common-white);
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2__social-box-3 p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2__social-box-3 p {
    font-size: 14px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__social-box-3 p {
    font-size: 14px;
    padding-right: 0px;
  }
}
.footer-2__social-box-3 a {
  font-size: 12px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 33px;
  width: 33px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
}
.footer-2__social-box-3 a:hover {
  background-image: -webkit-linear-gradient(0deg, rgb(11, 149, 229) 0%, rgb(52, 98, 217) 100%);
  color: var(--it-common-white);
  border: 1px solid transparent;
}
.footer-2__social-box-3 span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.footer-2__space {
  padding-top: 85px;
}
.footer-2__bg-2 {
  position: relative;
  background-position: center;
  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) {
  .footer-2__bg-2 {
    overflow: hidden;
  }
}
.footer-2__bg-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(38, 38, 38);
  opacity: 0.91;
  height: 100%;
  width: 100%;
}
.footer-2__widget {
  padding-top: 0;
  position: relative;
  z-index: 1;
  padding-bottom: 55px;
}
.footer-2__widget p {
  color: var(--it-common-white);
  padding-bottom: 15px;
  line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__widget p {
    font-size: 15px;
  }
}
.footer-2__pt {
  padding-top: 15px;
}
.footer-2__list-3 ul {
  display: inline-block;
}
.footer-2__list-3 ul li {
  padding-bottom: 13px;
  font-weight: 500;
  color: var(--it-common-white);
  padding-bottom: 10px;
  list-style-type: none;
  width: 50%;
  float: left;
  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) {
  .footer-2__list-3 ul li {
    font-size: 15px;
  }
}
.footer-2__list-3 ul li:hover {
  color: #118de3;
}
.footer-2__input form input {
  width: 100%;
  background-color: var(--it-common-white);
  border: none;
  height: 50px;
  line-height: 50px;
  border-radius: 30px;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 20px;
}
.footer-2__input .gradient-btn {
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.footer-2__sm-img {
  padding-right: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2__sm-img {
    padding-right: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__sm-img {
    padding-right: 15px;
    padding-bottom: 15px;
  }
}
.footer-2__sm-img 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) {
  .footer-2__sm-img img {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .footer-2__sm-img img {
    max-width: 100%;
  }
}
.footer-2__gallery.gallery-pb {
  padding-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-2__gallery.gallery-pb {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-2__gallery.gallery-pb {
    padding-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-2__gallery.gallery-pb {
    padding-bottom: 0px;
  }
}

.footer-3__space {
  padding-top: 245px;
  margin-bottom: -150px;
  position: relative;
  z-index: 2;
}
.footer-3__bg {
  position: relative;
  background-position: center;
  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) {
  .footer-3__bg {
    overflow: hidden;
  }
}
.footer-3__bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(38, 38, 38);
  opacity: 0.829;
  height: 100%;
  width: 100%;
}
.footer-3__logo {
  padding-bottom: 32px;
}
.footer-3__title-sm {
  font-weight: 600;
  font-size: 25px;
  color: var(--it-common-white);
  padding-bottom: 27px;
}
.footer-3__content-box {
  padding-bottom: 20px;
}
.footer-3__time-schedule {
  border-bottom: 1px solid #8d8d8f;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.footer-3__time-schedule span {
  color: var(--it-common-white);
}
.footer-3__time-schedule.time-schedule-2 {
  padding-bottom: 10px;
  margin-bottom: 4px;
}
.footer-3__social-box p {
  color: var(--it-common-white);
  line-height: 28px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-3__social-box p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-3__social-box p {
    font-size: 14px;
    padding-right: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-3__social-box p {
    font-size: 14px;
    padding-right: 0px;
  }
}
.footer-3__social-box a {
  font-size: 11px;
  color: #aaaaaa;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  border: 1px solid #aaaaaa;
  display: inline-block;
  line-height: 28px;
  text-align: center;
  margin-right: 5px;
  transition: 0.3s;
}
.footer-3__social-box a:hover {
  background-color: var(--it-common-red);
  color: var(--it-common-white);
  border: 1px solid transparent;
}
.footer-3__social-box span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.footer-3__widget {
  padding-top: 0;
  position: relative;
  z-index: 1;
  padding-bottom: 55px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer-3__widget.footer-col-2 {
    padding-top: 0;
  }
}
.footer-3__widget p {
  color: var(--it-common-white);
  padding-bottom: 15px;
  line-height: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .footer-3__widget p {
    font-size: 15px;
  }
}
.footer-3__mt {
  margin-top: 15px;
}
.footer-3__list ul {
  display: inline-block;
}
.footer-3__list ul li {
  padding-bottom: 13px;
  font-weight: 500;
  color: var(--it-common-white);
  padding-bottom: 10px;
  list-style-type: none;
  width: 50%;
  float: left;
  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) {
  .footer-3__list ul li {
    font-size: 15px;
  }
}
.footer-3__list ul li:hover {
  color: var(--it-common-red);
}
.footer-3__list-2 ul li {
  padding-bottom: 13px;
  font-weight: 400;
  color: var(--it-common-white);
  padding-bottom: 15px;
  list-style-type: none;
  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) {
  .footer-3__list-2 ul li {
    font-size: 15px;
  }
}
.footer-3__list-2 ul li:hover {
  color: var(--it-common-red);
}

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

.footer-col-3 {
  padding-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .footer-col-3 {
    padding-left: 38px;
  }
}
@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 {
    padding-left: 0;
  }
}

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

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

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

.copyright__bg {
  background-color: var(--it-theme-1);
  height: 65px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .copyright__bg {
    border-radius: 5px 5px 0 0;
  }
  .copyright__bg::after {
    opacity: 0;
    visibility: hidden;
  }
  .copyright__bg::before {
    opacity: 0;
    visibility: hidden;
  }
}
.copyright__bg::before {
  content: "";
  height: 65px;
  width: 100px;
  background-color: var(--it-theme-1);
  clip-path: polygon(50% 0, 0% 100%, 100% 100%);
  position: absolute;
  left: -50px;
  top: 0;
}
.copyright__bg::after {
  content: "";
  height: 65px;
  width: 100px;
  background-color: var(--it-theme-1);
  clip-path: polygon(50% 0, 0% 100%, 100% 100%);
  position: absolute;
  right: -50px;
  top: 0;
}
.copyright__text {
  line-height: 65px;
}
.copyright__text span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .copyright__text span {
    font-size: 14px;
  }
}

.copyright-2__border {
  border-top: 1px solid #676564;
}
.copyright-2__text {
  line-height: 65px;
}
.copyright-2__text span {
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .copyright-2__text span {
    font-size: 14px;
  }
}

.footer__widget-2 .footer__social-box a:hover {
  background: linear-gradient(15deg, rgb(238, 92, 10) 0%, rgb(254, 188, 0) 100%);
  color: var(--it-common-white);
  border: 1px solid transparent;
}
.footer__widget-2 .footer__social-box span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: var(--it-common-white);
  margin-bottom: 20px;
}

.footer__bg-2 {
  position: relative;
  background-position: center;
  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) {
  .footer__bg-2 {
    overflow: hidden;
  }
}
.footer__bg-2::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background-color: rgb(29, 27, 32);
  opacity: 0.91;
  height: 100%;
  width: 100%;
}
.footer__blue-color .footer__social-box a:hover {
  background: var(--it-common-blue-5);
  color: var(--it-common-white);
  border: 1px solid transparent;
}
.footer__blue-color .footer__list ul li:hover {
  color: var(--it-common-blue-5);
}
.footer__blue-color .footer__content-info span i {
  color: var(--it-common-blue-5);
  padding-right: 10px;
}
.footer__wrapper .footer__widget {
  padding-top: 200px;
}
.footer__wrapper .footer__space {
  padding-top: 185px;
}

.copyright__space {
  background-color: var(--it-common-blue-5);
}
.copyright__area {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .copyright__bg-2 {
    background-color: var(--it-theme-1);
  }
}

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