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

    Theme Name: Saasty - Sass Startup & Software Multipurpose Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Saasty - Sass Startup & Software Multipurpose Template
    Version: 2.0

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

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

    01. THEME DEFAULT CSS
    02. video css start
	03. about css start
	04. analytics css start
	05. blog css start
	06. brand css start
	07. career css start
	08. choose css start
	09. contact css start
	10. cta css start
	11. error css start
	12. faq css start
	13. feature css start
	14. footer css start
	15. funfact css start
	16. header css start
	17. hero css start
	18. integration css start
	19. marketing css start
	20. menu css start
	21. minicart css start
	22. payment css start
	23. platform css start
	24. policy css start
	25. price css start
	26. process css start
	27. work css start
	28. rating css start
	29. service css start
	30. software css start
	31. team css start
	32. testimonial css start
	33. test-slider css start

    **********************************************/
/*----------------------------------------*/
/* 01. THEME DEFAULT CSS START
/*----------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Outfit:wght@100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  /**
  @font family declaration - UPDATED FOR MULTILINGUAL SUPPORT
  */
  --it-ff-body: 'Plus Jakarta Sans', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-heading: 'Montserrat', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-roboto: 'Roboto', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-outfit: 'Outfit', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-nunito: 'Nunito', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-urbanist: 'Urbanist', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-montserrat: 'Montserrat Alternates', 'Noto Sans Devanagari', 'Noto Sans Bengali', 'Noto Sans Gujarati', 'Noto Sans Kannada', 'Noto Sans Malayalam', 'Noto Sans Tamil', 'Noto Sans Telugu', 'Noto Sans Arabic', sans-serif;
  
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration - UPDATED FOR SEEKMYCOURSE
  */
  --it-common-white: #ffffff;
  --it-common-black: #1e1e2d;      /* SeekMyCourse Dark Blue */
  --it-common-black-2: #161621;
  --it-common-dark-green: #143230;
  --it-common-blue: #1e1e2d;       /* SeekMyCourse Dark Blue */
  --it-common-yellow: #FFCE5A;
  --it-gray-1: #F2F3F7;
  --it-gray-2: #F4F8FB;
  --it-heading-primary: #1e1e2d;   /* SeekMyCourse Dark Blue */
  --it-text-body: #5F6168;
  --it-theme-1: #03dac6;           /* SeekMyCourse Teal */
  --it-theme-2: #03dac6;           /* SeekMyCourse Teal */
  --it-theme-3: #085441;
  --it-theme-4: #03dac6;           /* SeekMyCourse Teal */
  --it-theme-5: #3B37F4;
  --it-theme-6: #03dac6;           /* SeekMyCourse Teal */
}








@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1350px;
  }
  .container-1450 {
    max-width: 1450px;
  }
  .container-1750 {
    max-width: 1750px;
  }
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  padding-right: 15px;
  padding-left: 15px;
}

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

body,
html {
  overflow-x: hidden;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--it-ff-heading);
  color: var(--it-heading-primary);
  margin-top: 0px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0;
  -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: 35px;
}

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-ff-body);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
}

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

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

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

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

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

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

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

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

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

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

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

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

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

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

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

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

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

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

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

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

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

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

.section-bg {
  background-size: cover;
  background-repeat: no-repeat;
}

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

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

.fz-18 {
  font-size: 18px;
}

.fz-22 {
  font-size: 22px;
}

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

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

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

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

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

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

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

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

/*--- Spacing ---*/
.it-btn {
  font-weight: 600;
  font-size: 17px;
  padding: 18.4px 38px;
  transition: all 0.4s;
  display: inline-block;
  border-radius: 30px;
  color: #000000;
  background-color: var(--it-theme-1);
  text-align: center;
  position: relative;
  overflow: hidden;
  z-index: 2;
  box-shadow: 0 4px 4px 0 rgba(55, 130, 249, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-btn {
    padding: 15.4px 30px;
    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-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.it-btn i, .it-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: #000000;
  transition: all 0.3s;
}
.it-btn::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-common-black);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.it-btn.white-bg {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.it-btn.dt-white-bg {
  color: var(--it-theme-2);
  background-color: var(--it-common-white);
}
.it-btn.dt-white-bg::after {
  background-color: var(--it-common-black);
}
.it-btn.black-bg {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.it-btn.black-bg::after {
  background-color: var(--it-theme-1);
}
.it-btn.theme-2-bg {
  background-color: var(--it-theme-2);
}
.it-btn.theme-2-bg::after {
  background-color: var(--it-theme-1);
}
.it-btn.border-btn {
  box-shadow: none;
  background-color: transparent;
  color: var(--it-common-black);
  border: 1px solid var(--it-common-black);
}
.it-btn:hover {
  color: var(--it-common-white);
}
.it-btn:hover i, .it-btn:hover svg {
  color: var(--it-common-white);
}
.it-btn:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.it-btn-feature {
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  color: var(--it-theme-2);
  position: relative;
  padding: 10px 22px;
  border-radius: 30px;
  z-index: 1;
}
.it-btn-feature i, .it-btn-feature svg {
  display: inline-block;
  margin-left: 6px;
  margin-top: -2px;
}
.it-btn-feature::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  right: 0;
  height: 35px;
  width: 35px;
  margin: 0 auto;
  transform: translateY(-50%);
  border-radius: 50%;
  transition: 0.3s;
  background-color: rgba(24, 156, 132, 0.2);
}
.it-btn-feature::before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  height: 0;
  width: 100%;
  transition: 0.3s;
  border-radius: 30px;
  z-index: -1;
  background-color: var(--it-theme-2);
}
.it-btn-feature:hover {
  color: var(--it-common-white);
}
.it-btn-feature:hover::after {
  height: 0;
}
.it-btn-feature:hover::before {
  height: 100%;
}

.pg-btn {
  font-weight: 600;
  font-size: 16px;
  border-radius: 10px;
  padding: 17.5px 40px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-montserrat);
  text-align: center;
  box-shadow: 0 14px 14px 0 rgba(14, 88, 70, 0.2);
  background: #fff;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-btn {
    padding: 15.4px 30px;
    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) {
  .pg-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.pg-btn::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-theme-2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.pg-btn i, .pg-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: var(--it-common-white);
  transition: all 0.3s;
}
.pg-btn.green-bg {
  font-size: 14px;
  padding: 12.5px 30px;
  color: var(--it-common-white);
  box-shadow: 0 14px 14px 0 rgba(14, 88, 70, 0.2);
  background: #0e5846;
  transition: all 0.3s;
}
.pg-btn.black-bg {
  font-size: 14px;
  padding: 14px 30px;
  background-color: #0C2C43;
  color: var(--it-common-white);
  box-shadow: 0 14px 14px 0 rgba(14, 88, 70, 0.2);
}
.pg-btn.black-bg:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-3);
}
.pg-btn:hover {
  color: var(--it-common-white);
}
.pg-btn:hover i, .pg-btn:hover svg {
  color: var(--it-common-white);
}
.pg-btn:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}

.cr-btn {
  font-weight: 500;
  font-size: 17px;
  border-radius: 10000px;
  padding: 17.5px 40px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--it-common-black);
  text-align: center;
  background: var(--it-theme-4);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-btn {
    padding: 15.4px 30px;
    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) {
  .cr-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.cr-btn::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-common-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.cr-btn i, .cr-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: var(--it-common-white);
  transition: all 0.3s;
}
.cr-btn.hover-2::after {
  background-color: var(--it-common-black);
}
.cr-btn.hover-2:hover {
  color: var(--it-common-white);
}
.cr-btn:hover {
  color: var(--it-theme-4);
}
.cr-btn:hover i, .cr-btn:hover svg {
  color: var(--it-common-white);
}
.cr-btn:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}

.ss-btn {
  font-weight: 500;
  font-size: 17px;
  border-radius: 10000px;
  padding: 16.5px 40px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--it-common-white);
  text-align: center;
  background: var(--it-theme-5);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-btn {
    padding: 15.4px 30px;
    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) {
  .ss-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.ss-btn::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-common-white);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.ss-btn i, .ss-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: var(--it-common-white);
  transition: all 0.3s;
}
.ss-btn:hover {
  color: var(--it-common-black);
}
.ss-btn:hover i, .ss-btn:hover svg {
  color: var(--it-common-white);
}
.ss-btn:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.ss-btn.border-btn {
  background-color: transparent;
  border: 1px solid #3B37F4;
}

.ai-btn {
  font-weight: 500;
  font-size: 17px;
  border-radius: 10000px;
  padding: 16.5px 40px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--it-common-white);
  text-align: center;
  background: var(--it-theme-6);
  position: relative;
  overflow: hidden;
  z-index: 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-btn {
    padding: 19px 30px;
    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) {
  .ai-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.ai-btn::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-common-black);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.ai-btn i, .ai-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: var(--it-common-white);
  transition: all 0.3s;
}
.ai-btn.border-btn {
  background-color: transparent;
  border: 1px solid #3B37F4;
}
.ai-btn:hover {
  color: var(--it-common-white);
}
.ai-btn:hover i, .ai-btn:hover svg {
  color: var(--it-common-white);
}
.ai-btn:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}

.ag-btn {
  font-weight: 500;
  font-size: 17px;
  border-radius: 10000px;
  padding: 19px 40px;
  transition: all 0.3s;
  display: inline-block;
  color: var(--it-common-white);
  text-align: center;
  background-image: none;
  background-size: 300% 100%;
  background-position: 0% 100%;
  -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;
  background-image: linear-gradient(90deg, #0bcf77, #69d619, #69d619, #0bcf77);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-btn {
    padding: 19px 30px;
    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) {
  .ag-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.ag-btn i, .ag-btn svg {
  margin-left: 7px;
  transform: translateY(-1px);
  color: var(--it-common-white);
  transition: all 0.3s;
}
.ag-btn.border-btn {
  background-color: transparent;
  border: 1px solid #3B37F4;
}
.ag-btn.white-bg {
  color: var(--it-common-black);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.ag-btn.white-bg::after {
  content: "";
  height: 300px;
  width: 300px;
  background-color: var(--it-common-black);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.ag-btn.white-bg:hover {
  color: var(--it-common-white);
}
.ag-btn.white-bg:hover i, .ag-btn.white-bg:hover svg {
  color: var(--it-common-white);
}
.ag-btn.white-bg:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}
.ag-btn:hover {
  color: var(--it-common-white);
  background-position: 100% 100%;
}

.it-btn-sm {
  font-weight: 500;
  font-size: 14px;
  padding: 10px 20px;
  position: relative;
  transition: 0.3s;
  margin: 5px;
  text-transform: capitalize;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  box-shadow: rgba(0, 0, 0, 0.02) 0 1px 3px 0, rgba(27, 31, 35, 0.15) 0 0 0 1px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  z-index: 2;
  overflow: hidden;
}
.it-btn-sm::after {
  content: "";
  height: 180px;
  width: 180px;
  background-color: var(--it-theme-1);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%) scale(0);
  -ms-transform: translateY(-50%) translateX(-50%) scale(0);
  transform: translateY(-50%) translateX(-50%) scale(0);
  transition: 0.4s;
  z-index: -1;
}
.it-btn-sm:hover {
  color: var(--it-common-white);
}
.it-btn-sm:hover i, .it-btn-sm:hover svg {
  color: var(--it-common-white);
}
.it-btn-sm:hover::after {
  -webkit-transform: translateY(-50%) translateX(-50%) scale(1);
  -ms-transform: translateY(-50%) translateX(-50%) scale(1);
  transform: translateY(-50%) translateX(-50%) scale(1);
}

@-moz-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-ms-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@-webkit-keyframes ripple-white {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 30px rgba(255, 255, 255, 0);
  }
}
@-webkit-keyframes ripple-green {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 226, 145, 0.2), 0 0 0 10px rgba(31, 226, 145, 0.2), 0 0 0 20px rgba(31, 226, 145, 0.2);
    box-shadow: 0 0 0 0 rgba(31, 226, 145, 0.2), 0 0 0 10px rgba(31, 226, 145, 0.2), 0 0 0 20px rgba(31, 226, 145, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(31, 226, 145, 0.2), 0 0 0 20px rgba(31, 226, 145, 0.2), 0 0 0 30px gba(31, 226, 145, 0);
    box-shadow: 0 0 0 10px rgba(31, 226, 145, 0.2), 0 0 0 20px rgba(31, 226, 145, 0.2), 0 0 0 30px rgba(31, 226, 145, 0);
  }
}
@-webkit-keyframes ripple-blue {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(120, 113, 247, 0.2), 0 0 0 10px rgba(120, 113, 247, 0.2), 0 0 0 20px rgba(120, 113, 247, 0.2);
    box-shadow: 0 0 0 0 rgba(120, 113, 247, 0.2), 0 0 0 10px rgba(120, 113, 247, 0.2), 0 0 0 20px rgba(120, 113, 247, 0.2);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(120, 113, 247, 0.2), 0 0 0 20px rgba(120, 113, 247, 0.2), 0 0 0 30px rgba(120, 113, 247, 0);
    box-shadow: 0 0 0 10px rgba(120, 113, 247, 0.2), 0 0 0 20px rgba(120, 113, 247, 0.2), 0 0 0 30px rgba(120, 113, 247, 0);
  }
}
.pulse-green {
  -webkit-animation: ripple-green 1s linear infinite;
  animation: ripple-green 1s linear infinite;
}

.pulse-blue {
  -webkit-animation: ripple-blue 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-moz-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@-ms-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
    transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
    transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
    transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
    transform: translate3d(4px, 0, 0);
  }
}
@keyframes movingleftright1 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(50px) translateY(-200px);
    transform: translateX(50px) translateY(-200px);
  }
  75% {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@-webkit-keyframes movingleftright1 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(50px) translateY(-200px);
    transform: translateX(50px) translateY(-200px);
  }
  75% {
    -webkit-transform: translateX(800px);
    transform: translateX(800px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@-webkit-keyframes movingleftright2 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50px) translateY(200px);
    transform: translateX(-50px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes movingleftright2 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(-50px) translateY(200px);
    transform: translateX(-50px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@-webkit-keyframes movingleftright3 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(-200px);
    transform: translateX(100px) translateY(-200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes movingleftright3 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(-200px);
    transform: translateX(100px) translateY(-200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@-webkit-keyframes movingleftright4 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(200px);
    transform: translateX(100px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes movingleftright4 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(200px);
    transform: translateX(100px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@-webkit-keyframes movingleftright5 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(200px);
    transform: translateX(100px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes movingleftright5 {
  0% {
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
  }
  40% {
    -webkit-transform: translateX(100px) translateY(200px);
    transform: translateX(100px) translateY(200px);
  }
  75% {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
  }
  100% {
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}
@keyframes ittranslateY2 {
  0% {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(20px);
    -moz-transform: translateY(20px);
    -ms-transform: translateY(20px);
    -o-transform: translateY(20px);
    transform: translateY(20px);
  }
}
@keyframes itswing {
  0% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    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 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 animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes moving {
  0% {
    transform: translatey(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  50% {
    transform: translatey(-40px);
  }
  100% {
    transform: translatey(0px);
  }
}
@keyframes ittranslateX2 {
  0% {
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  100% {
    -webkit-transform: translatXY(20px);
    -moz-transform: translateX(20px);
    -ms-transform: translateX(20px);
    -o-transform: translateX(20px);
    transform: translateX(20px);
  }
}
@keyframes itupdown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
/*--- 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: 31px;
  position: fixed;
  bottom: -10%;
  right: 50px;
  font-size: 16px;
  z-index: 9;
  padding: 0;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  cursor: pointer;
  background: var(--it-theme-1);
  transition: 1s ease;
  border: none;
  display: inline-block;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.itoffcanvas {
  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: #000;
  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: 60px;
}
@media (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .itoffcanvas__logo {
    padding-top: 0;
  }
}
.itoffcanvas__logo img {
  width: 157px;
  height: 100%;
}
.itoffcanvas__close-btn button {
  font-size: 35px;
  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-theme-1);
  color: var(--it-common-white);
  margin-right: 15px;
  transition: 0.3s;
  display: inline-block;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .itoffcanvas__social .social-icon a {
    margin-right: 3px;
  }
}
.itoffcanvas__social .social-icon a:hover {
  background-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.itoffcanvas__text {
  border-bottom: 1px solid #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-white);
  display: inline-block;
  text-align: center;
  line-height: 50px;
  border-radius: 50px;
  font-weight: 400;
  font-size: 21px;
  margin-right: 20px;
}
.itoffcanvas__info-address span {
  display: block;
  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);
}
.itoffcanvas .it-homemenu-wrapper {
  padding: 0;
}
.itoffcanvas .home-img-thumb {
  padding: 0px;
  height: 215px;
}
.itoffcanvas .it-menu-mobile .home-img-title, .itoffcanvas .it-category-mobile-menu .home-img-title {
  font-weight: 400;
}
.itoffcanvas .it-megamenu-thumb {
  display: none;
}
.itoffcanvas .it-megamenu-text {
  display: none;
}
.itoffcanvas .it-megamenu-list li a::before {
  display: none;
}
.itoffcanvas .it-megamenu-list li:hover > a {
  padding-left: 0px;
  font-weight: 400;
}
.itoffcanvas .it-megamenu-list li:not(:last-child) {
  margin-bottom: 0;
}
.itoffcanvas .it-menu-mobile ul li > a, .itoffcanvas .it-category-mobile-menu ul li > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.itoffcanvas .it-megamenu-title {
  font-size: 18px;
  margin-bottom: 15px;
  padding-bottom: 14px;
  margin-right: 65px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
  margin-top: 30px;
}

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

.it-breadcrumb-ptb {
  padding-top: 184px;
  padding-bottom: 34px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-ptb {
    padding-top: 180px;
    padding-bottom: 130px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-ptb {
    padding-top: 150px;
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-ptb {
    padding-top: 130px;
    padding-bottom: 90px;
  }
}
.it-breadcrumb-title {
  font-weight: 700;
  font-size: 45px;
  color: #ffffff;
  font-family: var(--it-ff-roboto);
  text-transform: capitalize;
  margin-bottom: 21px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 34px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-breadcrumb-title {
    font-size: 37px;
  }
}
.it-breadcrumb-list {
  display: inline-block;
  border-radius: 30px;
}
.it-breadcrumb-list span {
  font-weight: 600;
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list span {
    font-size: 15px;
  }
}
.it-breadcrumb-list span.dvdr {
  margin: 0 21px;
  color: #5F6168;
}
.it-breadcrumb-list i {
  font-weight: 600;
  font-size: 18px;
  font-weight: 500;
  color: #03dac6;
  font-style: normal;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-breadcrumb-list i {
    font-size: 15px;
  }
}
.it-breadcrumb-thumb {
  position: absolute;
  bottom: 0;
  right: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-breadcrumb-thumb {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-breadcrumb-thumb {
    right: 0;
    transform: scale(0.8);
    bottom: -12%;
  }
}
@media (max-width: 767px) {
  .it-breadcrumb-thumb {
    display: none;
  }
}

.it-custom-accordion .accordion-items {
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.07);
  background: #fff;
  border-radius: 16px;
  padding: 0 30px;
  margin-bottom: 15px;
}
.it-custom-accordion .accordion-buttons {
  position: relative;
  font-weight: 500;
  font-size: 20px;
  text-align: left;
  padding: 29px 0px;
  padding-right: 50px;
  width: 100%;
}
.it-custom-accordion .accordion-buttons i {
  position: absolute;
  left: 20px;
  top: 24%;
  font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-custom-accordion .accordion-buttons {
    padding-right: 30px;
  }
  .it-custom-accordion .accordion-buttons br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-custom-accordion .accordion-buttons {
    padding-right: 30px;
    font-size: 18px;
  }
  .it-custom-accordion .accordion-buttons br {
    display: none;
  }
}
.it-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  top: 0;
  bottom: 0;
  right: 0px;
  font-weight: 300;
  font-size: 24px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  border-radius: 50%;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
  margin: auto;
  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) {
  .it-custom-accordion .accordion-buttons::after {
    font-size: 18px;
  }
}
.it-custom-accordion .accordion-buttons::after:not(.collapsed) {
  color: var(--it-common-white);
}
.it-custom-accordion .accordion-buttons:not(.collapsed) {
  padding-bottom: 15px;
}
.it-custom-accordion .accordion-buttons.collapsed::after {
  transform: rotate(90deg);
  background-color: var(--it-theme-1);
}
.it-custom-accordion.collapsed {
  position: relative;
  z-index: 99;
}
.it-custom-accordion .accordion-body {
  padding: 0px;
  padding-bottom: 40px;
  position: relative;
  z-index: 1;
}
.it-custom-accordion .accordion-body p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  margin-right: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}

.pg-custom-accordion {
  margin-left: 79px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-custom-accordion {
    margin-right: 0;
    margin-left: 0;
  }
}
.pg-custom-accordion .accordion-items {
  margin-bottom: 30px;
  background: #fff;
  padding: 0 28px;
  border: 1px solid #ebecf0;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .pg-custom-accordion .accordion-items {
    padding: 0 15px;
  }
}
.pg-custom-accordion .accordion-buttons {
  position: relative;
  font-weight: 600;
  font-size: 22px;
  text-align: left;
  padding: 23px 0px;
  padding-right: 45px;
  line-height: 1.3;
  width: 100%;
}
.pg-custom-accordion .accordion-buttons i {
  position: absolute;
  left: 20px;
  top: 24%;
  font-style: normal;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-custom-accordion .accordion-buttons {
    padding-right: 30px;
    font-size: 20px;
  }
  .pg-custom-accordion .accordion-buttons br {
    display: none;
  }
}
@media (max-width: 767px) {
  .pg-custom-accordion .accordion-buttons {
    padding-right: 30px;
    font-size: 16px;
  }
  .pg-custom-accordion .accordion-buttons br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-custom-accordion .accordion-buttons {
    padding-right: 30px;
    font-size: 19px;
  }
  .pg-custom-accordion .accordion-buttons br {
    display: none;
  }
}
.pg-custom-accordion .accordion-buttons::after {
  position: absolute;
  content: "\f068";
  font-family: "Font Awesome 6 Pro";
  top: 50%;
  right: 0px;
  transform: translateY(-50%);
  font-size: 22px;
  text-align: center;
  font-weight: 300;
  height: 26px;
  line-height: 24px;
  width: 26px;
  border-radius: 50%;
  color: #01103D;
  border: 1px solid #01103D;
  margin: auto;
  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) {
  .pg-custom-accordion .accordion-buttons::after {
    font-size: 18px;
    line-height: 24px;
  }
}
.pg-custom-accordion .accordion-buttons.collapsed::after {
  content: "+";
  color: #5F6168;
  border: 1px solid #C0C2C8;
}
.pg-custom-accordion.collapsed {
  position: relative;
  z-index: 99;
}
.pg-custom-accordion .accordion-body {
  padding: 40px 0px;
  padding-top: 0;
  position: relative;
  z-index: 1;
}
.pg-custom-accordion .accordion-body p {
  font-size: 16px;
  margin-right: 130px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-custom-accordion .accordion-body 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) {
  .pg-custom-accordion .accordion-body p {
    font-size: 14px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-custom-accordion .accordion-body p {
    font-size: 15px;
  }
}

.it-reveal-line {
  overflow: hidden;
}

@media only screen and (min-width: 1200px) 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-faq-inner-style .accordion-buttons {
    font-size: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .accordion-body p {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-inner-style .pg-faq-wrap {
    margin-top: 70px;
  }
}

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

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

body.it-magic-cursor #magic-cursor {
  display: block;
}

#magic-cursor {
  position: absolute;
  display: none;
  width: 10px;
  height: 10px;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
}

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-style: solid;
  border-radius: 50%;
  justify-content: center;
  mix-blend-mode: difference;
  color: var(--it-theme-1);
}

/* Ball view 
============= */
#ball .ball-view {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 500;
  color: #222;
  line-height: 1.3;
  text-align: center;
  transform: scale(0);
}

#ball .ball-view i {
  font-size: 19px;
}

/* Ball drag 
============= */
#ball .ball-drag {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0 5px;
  font-size: 15px;
  font-weight: 600;
  color: #FFF;
  line-height: 1.2;
  text-align: center;
  transition: all 0.3s;
}

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  color: #FFF;
  height: 10px;
  line-height: 10px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

#ball .ball-drag::before {
  content: "\f104"; /* Font Awesome */
  left: 0;
  transform: translate3d(-30px, 0, 0);
  transition: all 0.25s;
}

#ball .ball-drag::after {
  content: "\f105"; /* Font Awesome */
  right: 0;
  transform: translate3d(30px, 0, 0);
  transition: all 0.25s;
}

/* Ball close 
============== */
#ball.ball-close-enabled {
  opacity: 1 !important;
}

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  color: #FFF;
  line-height: 1;
  text-align: center;
}

.it-toggle-btn-box {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}

.it-magnetic-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.it-section-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.25;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title {
    font-size: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title {
    font-size: 45px;
  }
  .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title {
    font-size: 30px;
  }
  .it-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title {
    font-size: 36px;
  }
}
.it-section-title-2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.25;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-section-title-2 {
    font-size: 40px;
  }
  .it-section-title-2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-section-title-2 {
    font-size: 30px;
  }
  .it-section-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-section-title-2 {
    font-size: 36px;
  }
}
.it-section-title-box p {
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-section-title-box p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-section-title-box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-section-title-box p {
    font-size: 16px;
  }
  .it-section-title-box p br {
    display: none;
  }
}

.dt-section-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-theme-2);
  margin-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) {
  .dt-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .dt-section-subtitle {
    font-size: 14px;
  }
}
.dt-section-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.25;
  color: var(--it-common-black);
  font-family: var(--it-ff-roboto);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-section-title {
    font-size: 45px;
  }
  .dt-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .dt-section-title {
    font-size: 30px;
  }
  .dt-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dt-section-title {
    font-size: 44px;
  }
}
.dt-section-title-2 {
  font-weight: 700;
  font-size: 50px;
  line-height: 1.25;
  color: var(--it-common-black);
  font-family: var(--it-ff-roboto);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-section-title-2 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-section-title-2 {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-section-title-2 {
    font-size: 40px;
  }
  .dt-section-title-2 br {
    display: none;
  }
}
@media (max-width: 767px) {
  .dt-section-title-2 {
    font-size: 30px;
  }
  .dt-section-title-2 br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dt-section-title-2 {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-section-title-box {
    margin-bottom: 30px;
  }
}

.pg-section-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-theme-3);
  border-radius: 30px;
  padding: 0 26px;
  height: 32px;
  line-height: 29px;
  margin-bottom: 18px;
  background: rgba(7, 83, 64, 0.1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .pg-section-subtitle {
    font-size: 14px;
  }
}
.pg-section-subtitle.white-style {
  color: var(--it-common-white);
  background: rgba(255, 255, 255, 0.2);
}
.pg-section-title {
  font-weight: 600;
  font-size: 60px;
  letter-spacing: -0.04em;
  line-height: 1.1;
  color: var(--it-common-black);
  font-family: var(--it-ff-montserrat);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-section-title {
    font-size: 52px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-section-title {
    font-size: 40px;
  }
  .pg-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .pg-section-title {
    font-size: 30px;
  }
  .pg-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-section-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-section-title-box {
    margin-bottom: 30px;
  }
}
.pg-section-title-box p {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: #5F6168;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-section-title-box p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .pg-section-title-box p {
    font-size: 16px;
  }
  .pg-section-title-box p br {
    display: none;
  }
}

.cr-section-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-theme-4);
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .cr-section-subtitle {
    font-size: 14px;
  }
}
.cr-section-title {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.1;
  font-family: var(--it-ff-roboto);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-section-title {
    font-size: 45px;
  }
  .cr-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .cr-section-title {
    font-size: 30px;
  }
  .cr-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cr-section-title {
    font-size: 44px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-section-title-box {
    margin-bottom: 30px;
  }
}
.cr-section-title-box p {
  font-weight: 500;
  font-size: 18px;
  color: #5F6168;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-section-title-box p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cr-section-title-box p {
    font-size: 16px;
  }
  .cr-section-title-box p br {
    display: none;
  }
}

.ss-section-subtitle {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--it-common-yellow);
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ss-section-subtitle {
    font-size: 14px;
  }
}
.ss-section-title {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.1;
  color: var(--it-common-white);
  font-family: var(--it-ff-body);
}
.ss-section-title span {
  color: var(--it-theme-5);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-section-title {
    font-size: 45px;
  }
  .ss-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ss-section-title {
    font-size: 30px;
  }
  .ss-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ss-section-title {
    font-size: 44px;
  }
}
.ss-section-title-box p {
  font-weight: 400;
  font-size: 18px;
  color: var(--it-common-white);
  letter-spacing: 0.01em;
  line-height: 1.6;
}

.ai-section-subtitle {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-theme-6);
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ai-section-subtitle {
    font-size: 14px;
  }
}
.ai-section-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.1;
  color: var(--it-common-black);
  font-family: var(--it-ff-roboto);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-section-title {
    font-size: 45px;
  }
  .ai-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ai-section-title {
    font-size: 30px;
  }
  .ai-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ai-section-title {
    font-size: 44px;
  }
}
.ai-section-title-box p {
  font-weight: 500;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1.6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-section-title-box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-section-title-box p {
    font-size: 16px;
  }
  .ai-section-title-box p br {
    display: none;
  }
}

.seo-section-subtitle {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-common-black);
  border-radius: 30px;
  padding: 0 26px;
  height: 32px;
  line-height: 29px;
  margin-bottom: 18px;
  border: 1px solid var(--it-theme-4);
  background: rgba(31, 226, 144, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .seo-section-subtitle {
    font-size: 14px;
  }
}
.seo-section-title {
  font-weight: 700;
  font-size: 42px;
  line-height: 1.1;
  color: var(--it-common-black);
  font-family: var(--it-ff-montserrat);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-section-title {
    font-size: 33px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-section-title {
    font-size: 43px;
  }
  .seo-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .seo-section-title {
    font-size: 27px;
  }
  .seo-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .seo-section-title {
    font-size: 38px;
  }
}
.seo-section-title-box p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-section-title-box p {
    font-size: 16px;
  }
  .seo-section-title-box p br {
    display: none;
  }
}

.ma-section-title {
  font-weight: 600;
  font-size: 45px;
  line-height: 1.1;
  letter-spacing: -0.04em;
  color: var(--it-common-black);
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-section-title {
    font-size: 45px;
  }
  .ma-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ma-section-title {
    font-size: 30px;
  }
  .ma-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-section-title {
    font-size: 44px;
  }
}
.ma-section-title-box p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: #5F6168;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-section-title-box p {
    font-size: 16px;
  }
  .ma-section-title-box p br {
    display: none;
  }
}

.ag-section-subtitle {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-section-subtitle {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ag-section-subtitle {
    font-size: 14px;
  }
}
.ag-section-title {
  font-weight: 600;
  font-size: 45px;
  letter-spacing: -0.04em;
  color: var(--it-common-white);
  font-family: var(--it-ff-heading);
}
.ag-section-title span {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-section-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-section-title {
    font-size: 45px;
  }
  .ag-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ag-section-title {
    font-size: 30px;
  }
  .ag-section-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ag-section-title {
    font-size: 44px;
  }
}
.ag-section-title-box p {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-section-title-box p {
    font-size: 16px;
  }
  .ag-section-title-box p br {
    display: none;
  }
}

.it-inner-subtitle {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  display: inline-block;
  color: var(--it-theme-1);
  margin-bottom: 20px;
}
.it-inner-subtitle.text-green {
  color: var(--it-theme-2);
}
.it-inner-subtitle-2 {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.04em;
  display: inline-block;
  color: var(--it-theme-1);
  margin-bottom: 20px;
}

/*----------------------------------------*/
/*  06. brand css start
/*----------------------------------------*/
.it-brand-ptb {
  padding: 66px 0;
}
.it-brand-top-box {
  line-height: 0;
}
.it-brand-top-box::after {
  content: "";
  width: 100%;
  height: 1px;
  display: inline-block;
  transform: translateY(-14px);
  background-color: rgba(1, 16, 61, 0.2);
}
.it-brand-top-box span {
  font-weight: 500;
  font-size: 20px;
  display: inline-block;
  color: var(--it-common-black);
  padding: 0 55px;
  background-color: var(--it-gray-1);
  line-height: 1;
  z-index: 1;
  position: relative;
}
@media (max-width: 767px) {
  .it-brand-top-box span {
    font-size: 12px;
    padding: 0 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) {
  .dt-brand-style {
    padding-top: 90px;
  }
}
.dt-brand-style .it-brand-top-box span {
  background-color: #F5F9FA;
}

.cr-brand-bg {
  margin: 0 100px;
  border-radius: 30px;
  background: linear-gradient(180deg, #f1f5ff 0%, rgba(241, 245, 255, 0) 100%);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-brand-bg {
    margin: 0 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-brand-bg {
    padding-top: 100px;
    padding-bottom: 120px;
    margin: 0 30px;
  }
}
@media (max-width: 767px) {
  .cr-brand-bg {
    margin: 0 15px;
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.cr-brand-item {
  display: inline-block;
  padding: 17px 22px;
  border-radius: 80px;
}
.cr-brand-item img {
  border-radius: 80px;
  box-shadow: 0 4px 10px 0 rgba(20, 50, 48, 0.1);
}
.cr-brand-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.cr-brand-active .swiper-slide {
  width: auto;
}
.cr-brand-active-2 .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.cr-brand-active-2 .swiper-slide {
  width: auto;
}
.cr-brand-shape-1 {
  position: absolute;
  top: 22%;
  right: 42%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-brand-area {
    margin-top: 120px;
  }
}

.ss-brand-ptb {
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 92px 0;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-brand-ptb {
    padding: 60px 0;
  }
}
.ss-brand-ptb::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.05);
}

.ss-brand-active .swiper-slide {
  width: auto;
}

.ss-brand-active-2 .swiper-slide {
  width: auto;
}

.it-brand-active .swiper-slide {
  width: auto;
}

.ma-brand-style .ss-brand-ptb {
  border: none;
  padding: 102px 0;
}

/*----------------------------------------*/
/*  11. error css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-error-content .it-section-title {
    font-size: 39px;
  }
}
@media (max-width: 767px) {
  .it-error-content .it-section-title {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .it-error-content p {
    font-size: 14px;
  }
  .it-error-content p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-error-area {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}

/*----------------------------------------*/
/*  14. footer css start
/*----------------------------------------*/
.it-footer-bg {
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 385px;
  margin-top: -285px;
}
.it-footer-widget-title {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: -0.01em;
  text-transform: capitalize;
  color: var(--it-common-white);
  margin-bottom: 40px;
}
.it-footer-widget-text p {
  font-size: 18px;
  margin-bottom: 35px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-text p {
    font-size: 14px;
  }
  .it-footer-widget-text p br {
    display: none;
  }
}
.it-footer-widget-menu ul li {
  list-style-type: none;
}
.it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 19px;
}
.it-footer-widget-menu ul li a {
  transition: 0.3s;
  font-size: 16px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-menu ul li a {
    font-size: 14px;
  }
}
.it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-1);
}
.it-footer-widget-post-wrap ul li {
  list-style-type: none;
  position: relative;
}
.it-footer-widget-post-wrap ul li:not(:last-child) {
  margin-bottom: 25px;
  padding-bottom: 25px;
}
.it-footer-widget-post-wrap ul li:not(:last-child)::after {
  position: absolute;
  content: "";
  width: 228px;
  height: 1px;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid #bbb;
}
.it-footer-widget-post-thumb {
  flex: 0 0 auto;
  margin-right: 15px;
}
.it-footer-widget-post-content h5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 8px;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-post-content h5 {
    font-size: 15px;
  }
}
.it-footer-widget-post-content span {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-common-white);
}
.it-footer-widget-post-content span svg {
  color: var(--it-theme-1);
  margin-top: -5px;
  display: inline-block;
}
.it-footer-widget-input-box {
  width: 307px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-footer-widget-input-box {
    width: 75%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-widget-input-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-footer-widget-input-box {
    width: 80%;
  }
}
.it-footer-widget-input-box form input {
  border-radius: 1000px;
  height: 50px;
  line-height: 50px;
  padding-right: 65px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-input-box form input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
  }
}
.it-footer-widget-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  padding: 0;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-input-box button {
    height: 36px;
    width: 36px;
    line-height: 36px;
    line-height: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-widget-input-box button svg {
    width: 14px;
  }
}
.it-footer-widget-tel-icon span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.15);
}
.it-footer-widget-tel-text a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--it-common-white);
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-widget-tel-text a {
    font-size: 14px;
  }
}
.it-footer-col-2 {
  margin-left: 42px;
}
@media (max-width: 767px) {
  .it-footer-col-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-2 {
    margin-left: 30px;
  }
}
.it-footer-col-3 {
  margin-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-3 {
    margin-left: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-footer-col-3 {
    margin-left: 0;
  }
}
.it-footer-col-4 {
  margin-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-footer-col-4 {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-footer-col-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .it-footer-col-4 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-footer-col-4 {
    margin-left: 30px;
  }
}

.dt-footer-bg {
  margin-top: -180px;
  padding-top: 290px;
}

.pg-footer-wrap.dt-footer-bg {
  margin-top: -160px;
  border-radius: 100px 100px 0 0;
}
.pg-footer-wrap .it-footer-widget-title {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-text p {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-menu ul li {
  list-style-type: none;
  position: relative;
  padding-left: 14px;
}
.pg-footer-wrap .it-footer-widget-menu ul li::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: #fff;
}
.pg-footer-wrap .it-footer-widget-menu ul li:not(:last-child) {
  margin-bottom: 21px;
}
.pg-footer-wrap .it-footer-widget-menu ul li a {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-menu ul li a:hover {
  color: var(--it-common-white);
}
.pg-footer-wrap .it-footer-widget-post-wrap ul li {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-post-content h5 {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-post-content span {
  font-family: var(--it-ff-montserrat);
}
.pg-footer-wrap .it-footer-widget-input-box {
  width: 307px;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-footer-wrap .it-footer-widget-input-box {
    width: 75%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-footer-wrap .it-footer-widget-input-box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-input-box {
    width: 80%;
  }
}
.pg-footer-wrap .it-footer-widget-input-box form input {
  border-radius: 1000px;
  height: 50px;
  line-height: 50px;
  padding-right: 65px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-input-box form input {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    padding-left: 20px;
  }
}
.pg-footer-wrap .it-footer-widget-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2px;
  height: 46px;
  width: 46px;
  border-radius: 50%;
  padding: 0;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-input-box button {
    height: 36px;
    width: 36px;
    line-height: 36px;
    line-height: 17px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-input-box button svg {
    width: 14px;
  }
}
.pg-footer-wrap .it-footer-widget-tel-icon span {
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border-radius: 50%;
  font-size: 14px;
  display: inline-block;
  margin-right: 15px;
  color: var(--it-common-white);
  background-color: rgba(255, 255, 255, 0.15);
}
.pg-footer-wrap .it-footer-widget-tel-text a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.65;
  color: var(--it-common-white);
  letter-spacing: -0.01em;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-footer-wrap .it-footer-widget-tel-text a {
    font-size: 14px;
  }
  .pg-footer-wrap .it-footer-widget-tel-text a br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-footer-wrap .it-footer-widget-tel-text a {
    font-size: 14px;
  }
  .pg-footer-wrap .it-footer-widget-tel-text a br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-tel-text a {
    font-size: 14px;
  }
}
.pg-footer-wrap .it-footer-widget-text p {
  font-size: 16px;
  margin-bottom: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-footer-wrap .it-footer-widget-text p {
    font-size: 14px;
  }
}
.pg-footer-wrap .it-footer-widget-tel-icon span {
  height: 45px;
  width: 45px;
  line-height: 45px;
}
.pg-footer-wrap .it-footer-widget-menu ul li a {
  font-size: 15px;
}
.pg-footer-col-3-2 {
  margin-left: 164px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-footer-col-3-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-footer-col-3-2 {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-footer-col-3-2 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .pg-footer-col-3-2 {
    margin-left: 0px;
  }
}
.pg-footer-col-3-3 {
  margin-left: 175px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-footer-col-3-3 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-footer-col-3-3 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-footer-col-3-3 {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .pg-footer-col-3-3 {
    margin-left: 0px;
  }
}
.pg-footer-col-3-4 {
  margin-left: 117px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-footer-col-3-4 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-footer-col-3-4 {
    margin-left: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-footer-col-3-4 {
    margin-left: 40px;
  }
}
@media (max-width: 767px) {
  .pg-footer-col-3-4 {
    margin-left: 0px;
  }
}

.cr-footer-style .cr-footer-border {
  border: 1px solid #0c1e1b;
  border-radius: 50px;
  margin: 0 160px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .cr-footer-style .cr-footer-border {
    margin: 0 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-footer-style .cr-footer-border {
    margin: 0 30px;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 767px) {
  .cr-footer-style .cr-footer-border {
    margin: 0 15px;
    padding: 60px 0;
    padding-bottom: 20px;
  }
}
.cr-footer-style .it-footer-widget-text p {
  font-weight: 400;
  font-size: 16px;
  color: #5F6168;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-footer-style .it-footer-widget-text p {
    font-size: 14px;
  }
}
.cr-footer-style .it-footer-widget-title {
  color: var(--it-common-black);
}
.cr-footer-style .it-footer-widget-menu ul li a {
  color: #5F6168;
}
.cr-footer-style .it-footer-widget-tel-text a {
  color: #5F6168;
}
.cr-footer-style .it-footer-widget-tel-icon span {
  color: var(--it-theme-1);
  background-color: rgba(116, 99, 243, 0.15);
}
.cr-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-1);
}
.cr-footer-style .it-copyright-social a {
  color: var(--it-common-black);
}
.cr-footer-style .it-copyright-left p {
  color: var(--it-common-black);
  font-weight: 500;
}
.cr-footer-style .it-copyright-border {
  padding: 22px 0;
  border: none;
}

.ss-footer-style .it-footer-widget-input-box button {
  background-color: var(--it-theme-5);
}
.ss-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-5);
}
.ss-footer-style .it-copyright-left p a {
  color: var(--it-theme-5);
}
.ss-footer-style .it-copyright-social a:hover {
  color: var(--it-theme-5);
}
.ss-footer-style .it-copyright-border {
  padding: 27px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.it-copyright-left p {
  font-weight: 400;
  font-size: 17px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .it-copyright-left p {
    font-size: 14px;
  }
}
.it-copyright-left p a {
  color: var(--it-theme-1);
}
.it-copyright-right span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
  display: inline-block;
  margin-right: 26px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-right span {
    font-size: 14px;
  }
}
.it-copyright-border {
  padding: 16px 0;
  border-top: 1px solid rgba(241, 245, 255, 0.13);
}
@media (max-width: 767px) {
  .it-copyright-social {
    margin-top: 15px;
  }
}
.it-copyright-social a {
  font-size: 16px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-copyright-social a {
    font-size: 14px;
  }
}
.it-copyright-social a:not(:last-child) {
  margin-right: 18px;
}
.it-copyright-social a:hover {
  color: var(--it-theme-1);
}
.it-copyright-link a {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: -0.01em;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-copyright-link a {
    font-size: 14px;
  }
}
.it-copyright-link a:not(:last-child) {
  margin-right: 10px;
}

.dt-copyright-style .it-copyright-left p a {
  color: var(--it-theme-2);
}
.dt-copyright-style .it-copyright-social a:hover {
  color: var(--it-theme-2);
}

.pg-copyright-wrap {
  background-color: #145B49;
  padding: 17.5px 0;
}
.pg-copyright-wrap .it-copyright-left p a {
  color: #F59E0B;
}
.pg-copyright-wrap .it-copyright-social a:hover {
  color: #F59E0B;
}

.ai-footer-style.it-footer-bg {
  padding-top: 335px;
  margin-top: -220px;
}
.ai-footer-style.it-footer-bg .it-footer-col-2 {
  margin-left: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-footer-style.it-footer-bg .it-footer-col-2 {
    margin-left: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-footer-style.it-footer-bg .it-footer-col-2 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-footer-style.it-footer-bg .it-footer-col-2 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .ai-footer-style.it-footer-bg .it-footer-col-2 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ai-footer-style.it-footer-bg .it-footer-col-2 {
    margin-left: 30px;
  }
}
.ai-footer-style.it-footer-bg .it-footer-col-3 {
  margin-left: 90px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-footer-style.it-footer-bg .it-footer-col-3 {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-footer-style.it-footer-bg .it-footer-col-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-footer-style.it-footer-bg .it-footer-col-4 {
    margin-left: 30px;
  }
}
.ai-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-6);
}
.ai-footer-style .it-copyright-left p a {
  color: var(--it-theme-6);
}
.ai-footer-style .it-copyright-social a:hover {
  color: var(--it-theme-6);
}

.seo-footer-style.it-footer-bg {
  padding-top: 305px;
  margin-top: -185px;
}
.seo-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-4);
}
.seo-footer-style .it-copyright-left p a {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-footer-style .it-footer-col-2 {
    margin-left: 64px;
  }
}
.seo-footer-style .it-copyright-social a:hover {
  color: var(--it-theme-4);
}
.seo-footer-style .it-footer-widget-input-box button {
  height: auto;
  width: auto;
  padding: 12px 32px;
  border-radius: 100px;
  color: var(--it-common-black);
  background-color: var(--it-theme-4);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-footer-style .it-footer-widget-input-box button {
    font-size: 14px;
    padding: 15px 15px;
  }
}
.seo-footer-style .it-footer-widget-input-box {
  width: 387px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-footer-style .it-footer-widget-input-box {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-footer-style .it-footer-widget-input-box {
    width: 250px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-footer-style .it-footer-widget-input-box {
    width: 100%;
  }
}
.seo-footer-style .it-footer-widget-input-box input {
  padding-right: 155px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-footer-style .it-footer-widget-input-box input {
    font-size: 14px;
    padding-right: 120px;
  }
}
.seo-footer-style .seo-footer-shape-1 {
  position: absolute;
  top: 26%;
  right: 3%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seo-footer-style .seo-footer-shape-1 {
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-footer-style .seo-footer-shape-1 {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-footer-style .seo-footer-shape-1 {
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .seo-footer-style .seo-footer-shape-1 {
    display: none;
  }
}

.ma-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-4);
}
.ma-footer-style .it-copyright-left p {
  color: var(--it-common-black);
}
.ma-footer-style .it-footer-widget-input-box button {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.ma-footer-style .it-footer-widget-input-box {
  width: 387px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-footer-style .it-footer-widget-input-box {
    width: 280px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-footer-style .it-footer-widget-input-box {
    width: 220px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-footer-style .it-footer-widget-input-box {
    width: 270px;
  }
}
@media (max-width: 767px) {
  .ma-footer-style .it-footer-widget-input-box {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-footer-style .it-footer-widget-input-box button {
    padding: 9px 18px;
  }
}
.ma-footer-style .it-footer-widget-input-box input {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-footer-style .it-footer-widget-input-box input {
    padding-right: 120px;
  }
}
.ma-footer-style .it-footer-widget-input-box input::placeholder {
  color: var(--it-common-white);
}
.ma-footer-style .it-footer-widget-input-box input:focus {
  border: 1px solid var(--it-theme-4);
}
.ma-footer-style .it-copyright-right span {
  color: var(--it-common-black);
}
.ma-footer-style .it-copyright-social a {
  color: var(--it-common-black);
}
.ma-footer-style .it-copyright-border {
  border-top: 1px solid rgba(20, 50, 48, 0.5);
}
.ma-footer-style .it-footer-widget-title {
  color: var(--it-common-black);
}
.ma-footer-style .it-footer-widget-menu ul li a {
  color: var(--it-common-black);
}
.ma-footer-style .it-footer-widget-tel-text a {
  color: var(--it-common-black);
}
.ma-footer-style .it-footer-widget-tel-icon span {
  color: var(--it-common-black);
  background-color: rgba(20, 50, 48, 0.15);
}
.ma-footer-style .it-footer-widget-text p {
  color: var(--it-common-black);
}

.ag-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-4);
}
.ag-footer-style .it-footer-widget-input-box {
  width: 387px;
}
.ag-footer-style .it-footer-widget-input-box input {
  padding-left: 15px;
  font-weight: 500;
  font-size: 14px;
  color: var(--it-common-white);
  background-color: transparent;
  border: 1px solid #0BCF77;
  border-radius: 5px;
}
.ag-footer-style .it-footer-widget-input-box input::placeholder {
  font-weight: 500;
  font-size: 14px;
  color: var(--it-common-white);
}
.ag-footer-style .it-footer-widget-input-box input:focus {
  border: 1px solid var(--it-theme-4);
}
.ag-footer-style .it-footer-widget-input-box {
  width: 100%;
}
.ag-footer-style .it-footer-widget-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0px;
  border-radius: 0 5px 5px 0;
  width: 40px;
  height: 100%;
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
.ag-footer-style .it-footer-col-9-2 {
  transform: translateX(20px);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-footer-style .it-footer-col-9-2 {
    transform: translateX(55px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-footer-style .it-footer-col-9-2 {
    transform: translateX(55px);
  }
}
@media (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-2 {
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-2 {
    transform: translateX(40px);
  }
}
.ag-footer-style .it-footer-col-9-3 {
  transform: translateX(44px);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-footer-style .it-footer-col-9-3 {
    transform: translateX(70px);
  }
}
@media (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-3 {
    transform: translateX(0px);
  }
}
.ag-footer-style .it-footer-col-9-4 {
  transform: translateX(80px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-4 {
    transform: translateX(0);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-4 {
    transform: translateX(40px);
  }
}
.ag-footer-style .it-footer-col-9-5 {
  margin-left: 91px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-footer-style .it-footer-col-9-5 {
    margin-left: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-footer-style .it-footer-col-9-5 {
    margin-left: 0;
  }
}
.ag-footer-style .it-copyright-social a:hover {
  color: var(--it-theme-4);
}
.ag-footer-style .it-copyright-border {
  border-top: none;
  background: rgba(255, 255, 255, 0.1);
}
.ag-footer-style .it-footer-widget-menu ul li a:hover {
  color: var(--it-theme-4);
}
.ag-footer-style .ai-footer-style.it-footer-bg {
  padding-top: 325px;
  margin-top: -200px;
}
.ag-footer-style .it-copyright-left p a {
  color: var(--it-theme-4);
}
.ag-footer-style .it-copyright-left a {
  color: var(--it-theme-4);
}
.ag-footer-style .it-copyright-link a {
  color: var(--it-common-white);
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-footer-style .it-copyright-link a {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .ag-footer-style .it-copyright-link a {
    margin-top: 10px;
    font-size: 14px;
  }
}
.ag-footer-style .it-copyright-right span {
  margin-right: 0;
}
.ag-footer-style .ag-footer-shape-1 {
  position: absolute;
  bottom: 12%;
  right: 5%;
  z-index: -1;
  animation: rotate2 5s linear infinite;
}

.it-footer-inner-style .it-copyright-left p a:last-child {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*----------------------------------------*/
/*  16. header css start
/*----------------------------------------*/
.it-header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  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) {
  .it-header-ptb {
    padding: 15px 0;
  }
}
.it-header-border {
  border: 1px solid rgba(55, 130, 249, 0.1);
}
.it-header-logo img {
  width: 160px;
}
.it-header-logo .logo-black {
  display: none;
}
.it-header-menu > nav > ul {
  margin-left: 75px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-header-menu > nav > ul {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
.it-header-menu > nav > ul > li {
  list-style-type: none;
  display: inline-block;
  margin: 0px 16px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li {
    margin: 0px 11px;
  }
}
.it-header-menu > nav > ul > li > a {
  font-weight: 500;
  font-size: 17px;
  padding: 40px 0;
  display: inline-block;
  font-family: var(--it-ff-nunito);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-header-menu > nav > ul > li > a {
    padding: 30px 0;
  }
}
@media (min-width: 1200px) {
  .it-header-menu > nav > ul > li.has-dropdown-2 a button {
    display: none;
  }
}
.it-header-bar button span {
  margin-left: 25px;
  height: 47px;
  width: 47px;
  text-align: center;
  line-height: 43px;
  border-radius: 5px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  transition: 0.3s;
  display: inline-block;
}
.it-header-search-box button {
  position: relative;
  padding-right: 25px;
  margin-right: 25px;
}
.it-header-search-box button::after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 1px;
  height: 30px;
  background-color: #5F6168;
}
.it-header-search-box a {
  font-weight: 500;
  font-size: 15px;
  color: var(--it-common-black);
}

.dt-header-style .it-header-menu > nav > ul {
  margin-left: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-header-style .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
.dt-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.dt-header-style .it-header-menu > nav > ul > li > a {
  padding: 33px 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-header-style .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
.dt-header-style .it-header-right-action {
  margin-left: -50px;
}
.dt-header-style .it-header-bar button span {
  margin-left: 25px;
  height: 47px;
  width: 47px;
  text-align: center;
  line-height: 43px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  transition: 0.3s;
  display: inline-block;
}

.pg-header-style .it-header-menu > nav > ul {
  margin-left: 95px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-header-style .it-header-menu > nav > ul {
    margin-left: 30px;
  }
}
.pg-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.pg-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-white);
}
.pg-header-style .it-header-menu > nav > ul > li > a {
  padding: 33px 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-header-style .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
.pg-header-style .it-header-right-action {
  margin-left: -50px;
}
.pg-header-style .it-header-bar button span {
  margin-left: 25px;
  height: 47px;
  width: 47px;
  text-align: center;
  line-height: 43px;
  color: var(--it-common-white);
  background-color: var(--it-theme-2);
  transition: 0.3s;
  display: inline-block;
}
.pg-header-style .it-header-search-box button {
  color: var(--it-common-white);
}
.pg-header-style .it-header-search-box button::after {
  background: rgba(255, 255, 255, 0.5);
}
.pg-header-style .it-header-search-box a {
  color: var(--it-common-white);
}
.pg-header-style .pg-btn {
  font-weight: 600;
  font-size: 15px;
  padding: 12.5px 33px;
}

.cr-header-wrap {
  padding-left: 50px;
  padding-right: 20px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(31, 226, 144, 0.5);
  border-radius: 1000px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-header-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .cr-header-wrap {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
}
.cr-header-wrap .it-header-menu > nav > ul > li > a {
  padding: 34px 0;
}
.cr-header-wrap .it-header-bar button span {
  background-color: var(--it-theme-4);
}

.ss-header-style .it-header-menu > nav > ul {
  margin-left: 35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-header-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
.ss-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.ss-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-white);
}
.ss-header-style .it-header-menu > nav > ul > li > a {
  padding: 40px 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-header-style .it-header-menu > nav > ul > li > a {
    font-size: 15px;
  }
}
.ss-header-style .it-header-right-action {
  margin-left: -50px;
}
.ss-header-style .it-header-bar button span {
  margin-left: 25px;
  height: 47px;
  width: 47px;
  text-align: center;
  line-height: 43px;
  color: var(--it-common-white);
  background-color: var(--it-theme-5);
  transition: 0.3s;
  display: inline-block;
}
.ss-header-style .it-header-search-box button {
  color: var(--it-common-white);
}
.ss-header-style .it-header-search-box button::after {
  background: rgba(255, 255, 255, 0.5);
}
.ss-header-style .it-header-search-box a {
  color: var(--it-common-white);
}
.ss-header-style .pg-btn {
  font-weight: 600;
  font-size: 15px;
  padding: 12.5px 33px;
}

.ai-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-white);
}
.ai-header-style .it-header-menu > nav > ul > li > a {
  padding: 46px 0;
  color: var(--it-common-white);
}
.ai-header-style .it-header-bar button span {
  color: #1a242d;
  background-color: var(--it-theme-1);
}
.ai-header-style .it-header-search-box a {
  color: var(--it-common-white);
}

.seo-header-style .it-header-search-box a {
  color: var(--it-common-black);
}
.seo-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.seo-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-black);
}
.seo-header-style .it-header-menu > nav > ul > li > a {
  padding: 46px 0;
  color: var(--it-common-black);
}
.seo-header-style .it-header-bar button span {
  color: var(--it-common-black);
  background-color: var(--it-theme-4);
}

.ma-header-style .it-header-search-box a {
  color: var(--it-common-white);
}
.ma-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.ma-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-white);
}
.ma-header-style .it-header-menu > nav > ul > li > a {
  padding: 46px 0;
  color: var(--it-common-white);
}
.ma-header-style .it-header-bar button span {
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}

.ag-header-style .it-header-search-box a {
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-header-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
.ag-header-style .it-header-menu > nav > ul > li {
  margin: 0 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-header-style .it-header-menu > nav > ul > li {
    margin: 0 13px;
  }
}
.ag-header-style .it-header-menu > nav > ul > li.has-dropdown::after {
  color: var(--it-common-white);
}
.ag-header-style .it-header-menu > nav > ul > li > a {
  padding: 46px 0;
  color: var(--it-common-white);
}
.ag-header-style .it-header-bar button span {
  color: var(--it-common-white);
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}

.it-inner-header-style .it-header-menu > nav > ul {
  margin-left: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-inner-header-style .it-header-menu > nav > ul {
    margin-left: 90px;
  }
}
.it-inner-header-style .it-header-menu > nav > ul > li > a {
  padding: 50px 0;
  font-size: 16px;
  letter-spacing: 0.02em;
  font-family: var(--it-ff-urbanist);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-inner-header-style .it-header-menu > nav > ul > li > a {
    padding: 28px 0;
  }
}
.it-inner-header-style .it-header-menu > nav > ul > li .submenu li a {
  font-size: 16px;
  letter-spacing: 0.02em;
  font-family: var(--it-ff-urbanist);
}

.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  visibility: visible;
  width: 100%;
  z-index: 333;
  visibility: visible;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  box-shadow: 0px 1px 3px 0px rgba(18, 20, 32, 0.14);
  background-color: var(--it-common-white);
}
.header-sticky .it-header-menu > nav > ul > li > a {
  padding: 27px 0;
}
.header-sticky.pg-header-style {
  background-color: #133c36;
}
.header-sticky.cr-header-style {
  margin-top: 0;
}
.header-sticky .cr-header-wrap {
  background: transparent;
  border: 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) {
  .header-sticky .cr-header-wrap {
    padding: 0;
  }
}
.header-sticky.ss-header-style {
  background: #070C2B;
}
.header-sticky.ai-header-style {
  background: var(--it-common-white);
}
.header-sticky.ai-header-style .it-header-menu > nav > ul > li > a {
  color: var(--it-common-black);
}
.header-sticky.ai-header-style .cr-btn {
  background-color: var(--it-theme-4);
}
.header-sticky.ai-header-style .it-header-logo .logo-white {
  display: none;
}
.header-sticky.ai-header-style .it-header-logo .logo-black {
  display: block;
}
.header-sticky.ag-header-style {
  background: #000;
}

.it-onepage-menu li a.active {
  color: var(--it-theme-1);
}

.pg-header-style .it-onepage-menu li a.active, .ai-header-style .it-onepage-menu li a.active {
  color: var(--it-theme-4);
}

.ss-header-style .it-onepage-menu li a.active {
  color: var(--it-theme-6);
}

.header-sticky.ai-header-style .it-onepage-menu li a.active {
  color: var(--it-theme-4);
}

.seo-header-style .it-onepage-menu li a.active {
  color: var(--it-common-white);
}

.ag-header-style .it-onepage-menu li a.active {
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  17. hero css start
/*----------------------------------------*/
.it-hero-ptb {
  padding-top: 210px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-ptb {
    padding-top: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-ptb {
    padding-top: 130px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-ptb {
    padding-top: 170px;
  }
}
@media (max-width: 767px) {
  .it-hero-ptb {
    padding-top: 150px;
  }
}
.it-hero-subtitle {
  font-weight: 500;
  font-size: 14px;
  letter-spacing: -0.02em;
  color: #000;
  padding: 9px 20px;
  display: inline-block;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 17px;
}
.it-hero-title {
  font-weight: 700;
  font-size: 55px;
  line-height: 1.16;
  margin-bottom: 18px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-title {
    font-size: 51px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-title {
    font-size: 46px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-title {
    font-size: 38px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-title {
    font-size: 54px;
  }
}
@media (max-width: 767px) {
  .it-hero-title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-title {
    font-size: 43px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-content {
    margin-bottom: 70px;
  }
}
.it-hero-text p {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 0.01em;
  line-height: 1.6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-text p {
    font-size: 17px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-text p {
    font-size: 16px;
  }
  .it-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-text p {
    font-size: 15px;
  }
  .it-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-hero-video {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-video {
    margin-top: 0px;
  }
}
.it-hero-video a {
  height: 58px;
  width: 58px;
  line-height: 56px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  border-radius: 50%;
  transition: 0.3s;
  margin-right: 15px;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  -webkit-animation: ripple-blue 1s linear infinite;
  animation: ripple-blue 1s linear infinite;
}
.it-hero-video a i {
  display: inline-block;
  padding-left: 2px;
}
.it-hero-video span {
  font-size: 17px;
  font-weight: 500;
  color: var(--it-common-black);
  position: relative;
  display: inline-block;
  transition: 0.3s;
  text-decoration: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-video span {
    font-size: 15px;
  }
}
.it-hero-video span:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-thumb {
    transform: translateX(-100px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-thumb {
    transform: translateX(-20px) scale(0.82);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-hero-thumb {
    transform: translateX(-20px) scale(0.8);
  }
}
.it-hero-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-thumb img {
    max-width: 100%;
  }
}
.it-hero-thumb-shape-1 {
  position: absolute;
  top: -2%;
  right: -21%;
  animation: animationglob 8s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-hero-thumb-shape-1 {
    right: 4%;
  }
}
@media (max-width: 767px) {
  .it-hero-thumb-shape-1 {
    top: -9%;
    right: -14%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-thumb-shape-1 {
    top: -3%;
    right: -7%;
  }
}
@media (max-width: 767px) {
  .it-hero-thumb-shape-1 img {
    transform: scale(0.5);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-hero-thumb-shape-1 img {
    transform: scale(0.8);
  }
}
.it-hero-shape-1 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.it-hero-shape-2 {
  position: absolute;
  bottom: 70px;
  right: 7%;
  z-index: -1;
  animation: ittranslateY2 2s infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-hero-shape-2 {
    bottom: 20px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-hero-shape-2 {
    bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-hero-shape-2 {
    right: 4%;
    bottom: 20px;
    transform: scale(0.7);
  }
}
.it-hero-shape-3 {
  position: absolute;
  top: 14%;
  left: 4%;
  z-index: -1;
  animation: ittranslateY2 6s infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-hero-shape-3 {
    display: none;
  }
}

.dt-hero-ptb {
  padding-top: 180px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-hero-ptb {
    padding-top: 150px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-hero-ptb {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .dt-hero-ptb {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
.dt-hero-title {
  font-weight: 700;
  font-size: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-hero-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-hero-title {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .dt-hero-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dt-hero-title {
    font-size: 52px;
  }
}
.dt-hero-title > span {
  color: var(--it-theme-2);
}
.dt-hero-input-box {
  display: inline-block;
}
.dt-hero-input-box form input {
  border-radius: 30px;
  width: 600px;
  height: 60px;
  padding-right: 180px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 10px 0 rgba(1, 16, 61, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-hero-input-box form input {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-hero-input-box form input {
    width: 480px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-hero-input-box form input {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .dt-hero-input-box form input {
    width: 280px;
    height: 50px;
    padding-right: 140px;
    line-height: 50px;
    font-size: 14px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dt-hero-input-box form input {
    width: 400px;
  }
}
.dt-hero-input-box form input::placeholder {
  color: #5F6168;
}
.dt-hero-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  padding: 14.4px 38px;
}
@media (max-width: 767px) {
  .dt-hero-input-box button {
    padding: 11.4px 25px;
  }
}
.dt-hero-content > span {
  display: block;
  font-size: 20px;
  line-height: 150%;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-hero-content > span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-hero-content > span {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .dt-hero-content > span {
    font-size: 15px;
  }
}
.dt-hero-thumb img {
  border-radius: 14px;
  box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.15);
}
.dt-hero-shape-1 {
  position: absolute;
  top: 15.5%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  margin: 0 auto;
  animation: zoom2 8s infinite;
}
.dt-hero-shape-2 {
  position: absolute;
  top: 16%;
  left: 12%;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 25000ms;
  animation: movingleftright1 infinite 25000ms;
}
.dt-hero-shape-3 {
  position: absolute;
  top: 39%;
  left: 10.5%;
  z-index: -1;
  -webkit-animation: movingleftright2 infinite 20000ms;
  animation: movingleftright2 infinite 20000ms;
}
.dt-hero-shape-4 {
  position: absolute;
  top: 18%;
  right: 9.5%;
  z-index: -1;
}
.dt-hero-shape-5 {
  position: absolute;
  top: 35.4%;
  right: 15.5%;
  z-index: -1;
  -webkit-animation: movingleftright3 infinite 20000ms;
  animation: movingleftright3 infinite 20000ms;
}
.dt-hero-shape-6 {
  position: absolute;
  bottom: 39.4%;
  right: 14.5%;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 25000ms;
  animation: movingleftright1 infinite 25000ms;
}

.pg-hero-ptb {
  padding-top: 202px;
  padding-bottom: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-ptb {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-hero-ptb {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .pg-hero-ptb {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
.pg-hero-subtitle {
  font-weight: 600;
  font-size: 20px;
  display: block;
  margin-bottom: 13px;
  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) {
  .pg-hero-subtitle {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .pg-hero-subtitle {
    font-size: 14px;
  }
}
.pg-hero-title {
  font-weight: 700;
  font-size: 85px;
  color: var(--it-common-white);
  font-family: var(--it-ff-montserrat);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pg-hero-title {
    font-size: 77px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-hero-title {
    font-size: 66px;
  }
}
@media (max-width: 767px) {
  .pg-hero-title {
    font-size: 37px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-hero-title {
    font-size: 57px;
  }
}
.pg-hero-input-box {
  display: inline-block;
}
.pg-hero-input-box form input {
  font-weight: 400;
  font-size: 14px;
  border-radius: 5px;
  width: 630px;
  height: 60px;
  padding-left: 60px;
  padding-right: 180px;
  background-color: var(--it-common-white);
  box-shadow: 0 4px 10px 0 rgba(1, 16, 61, 0.15);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-input-box form input {
    width: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-input-box form input {
    width: 400px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-hero-input-box form input {
    width: 450px;
  }
}
@media (max-width: 767px) {
  .pg-hero-input-box form input {
    width: 280px;
    height: 50px;
    padding-right: 120px;
    line-height: 50px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-hero-input-box form input {
    width: 400px;
  }
}
.pg-hero-input-box form input:focus {
  border: 1px solid var(--it-theme-3);
}
.pg-hero-input-box form input::placeholder {
  color: #70737D;
}
.pg-hero-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 7px;
}
@media (max-width: 767px) {
  .pg-hero-input-box .pg-btn.green-bg {
    font-size: 12px;
    padding: 12.5px 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-hero-input-box .pg-btn.green-bg {
    font-size: 13px;
    padding: 12.5px 26px;
  }
}
.pg-hero-input-icon {
  position: absolute;
  top: 50%;
  left: 22px;
  transform: translateY(-58%);
}
@media (max-width: 767px) {
  .pg-hero-input-icon {
    display: none;
  }
}
.pg-hero-content {
  margin-bottom: 130px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-content {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-hero-content {
    margin-bottom: 70px;
  }
}
.pg-hero-content p {
  font-weight: 500;
  font-size: 20px;
  color: var(--it-common-white);
  letter-spacing: 0.01em;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .pg-hero-content p {
    font-size: 16px;
  }
}
.pg-hero-thumb img {
  transform: translateX(129px);
  max-width: inherit;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pg-hero-thumb img {
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-thumb img {
    max-width: 100%;
    transform: translateX(0px);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-hero-thumb img {
    max-width: 100%;
    transform: translateX(0px);
  }
}
.pg-hero-shape-1 {
  position: absolute;
  top: 21%;
  left: -4%;
  animation: ittranslateX2 4s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pg-hero-shape-1 {
    left: -18%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-shape-1 {
    left: -18%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-shape-1 {
    left: -18%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-hero-shape-1 {
    left: -2%;
  }
}
.pg-hero-shape-2 {
  position: absolute;
  top: 1%;
  right: -25.5%;
  animation: ittranslateY2 4s forwards infinite alternate;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pg-hero-shape-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-shape-2 {
    right: -6%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-shape-2 {
    right: -6%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-hero-shape-2 {
    right: 10%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .pg-hero-shape-2 {
    right: -4%;
  }
}
.pg-hero-shape-3 {
  position: absolute;
  bottom: -2%;
  left: -20.5%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .pg-hero-shape-3 {
    bottom: -7%;
    left: -42.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-hero-shape-3 {
    bottom: -7%;
    left: -48.5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-hero-shape-3 {
    bottom: -28%;
    left: -55.5%;
    transform: scale(0.7);
  }
}
.pg-hero-shape-4 {
  position: absolute;
  top: -3%;
  right: 6%;
  z-index: -1;
}

.cr-hero-ptb {
  padding-top: 220px;
  background-color: #052324;
}
.cr-hero-ptb .cr-btn {
  padding: 19px 40px;
}
@media (max-width: 767px) {
  .cr-hero-ptb .cr-btn {
    font-size: 14px;
    padding: 14px 25px;
  }
}
.cr-hero-ptb .it-hero-video span {
  color: var(--it-common-white);
}
.cr-hero-ptb .it-hero-video a {
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
}
.cr-hero-subtitle {
  font-weight: 500;
  font-size: 17px;
  padding: 7px 30px;
  color: var(--it-theme-4);
  border-radius: 30px;
  border: 1px solid var(--it-theme-4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-hero-subtitle {
    font-size: 14px;
    padding: 7px 15px;
  }
}
.cr-hero-title {
  font-weight: 600;
  font-size: 72px;
  letter-spacing: 0em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-hero-title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-hero-title {
    font-size: 44px;
  }
}
@media (max-width: 767px) {
  .cr-hero-title {
    font-size: 33px;
  }
  .cr-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .cr-hero-title {
    font-size: 42px;
  }
}
.cr-hero-title span {
  color: var(--it-theme-4);
}
.cr-hero-text p {
  font-weight: 400;
  font-size: 18px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-hero-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-hero-text p {
    font-size: 16px;
    margin: 0 80px;
    margin-bottom: 30px;
  }
  .cr-hero-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-hero-text p {
    font-size: 16px;
    margin: 0 20px;
    margin-bottom: 30px;
  }
  .cr-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .cr-hero-text p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .cr-hero-text p br {
    display: none;
  }
}
.cr-hero-thumb img {
  border-radius: 30px 30px 0 0;
  margin-bottom: -1px;
}

.ss-hero-ptb {
  padding-top: 256px;
  padding-bottom: 155px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-hero-ptb {
    padding-top: 166px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-hero-ptb {
    padding-top: 166px;
    padding-bottom: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-hero-ptb {
    padding-top: 160px;
    padding-bottom: 110px;
  }
}
@media (max-width: 767px) {
  .ss-hero-ptb {
    padding-top: 140px;
    padding-bottom: 110px;
  }
}
.ss-hero-ptb .cr-btn {
  padding: 19px 40px;
}
.ss-hero-ptb .it-hero-video span {
  color: var(--it-common-white);
}
.ss-hero-title {
  font-weight: 600;
  font-size: 82px;
  margin-bottom: 20px;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-hero-title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-hero-title {
    font-size: 55px;
  }
}
@media (max-width: 767px) {
  .ss-hero-title {
    font-size: 33px;
  }
  .ss-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ss-hero-title {
    font-size: 55px;
  }
}
.ss-hero-title span {
  color: var(--it-theme-4);
}
.ss-hero-text p {
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-hero-text p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-hero-text p {
    font-size: 16px;
    margin-bottom: 30px;
  }
  .ss-hero-text p br {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-hero-text p {
    font-size: 16px;
    margin-right: 90px;
    margin-bottom: 30px;
  }
  .ss-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ss-hero-text p {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .ss-hero-text p br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ss-hero-text p {
    font-size: 16px;
  }
}
.ss-hero-explore a {
  font-weight: 600;
  font-size: 17px;
  color: var(--it-common-white);
  text-decoration: underline;
}
@media (max-width: 767px) {
  .ss-hero-explore a {
    font-size: 14px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ss-hero-explore a {
    font-size: 16px;
  }
}
.ss-hero-thumb {
  margin-right: -30px;
  display: inline-block;
}
@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) {
  .ss-hero-thumb {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-hero-content {
    margin-bottom: 70px;
  }
}
.ss-hero-shape-1 {
  position: absolute;
  bottom: 11%;
  right: -9%;
  z-index: -1;
  animation: rotate 15s linear infinite;
}
.ss-hero-shape-2 {
  position: absolute;
  bottom: 0;
  right: -10%;
  z-index: -1;
}
.ss-hero-shape-3 {
  position: absolute;
  top: 10%;
  left: 0;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 20000ms;
  animation: movingleftright1 infinite 20000ms;
}
.ss-hero-shape-4 {
  position: absolute;
  top: 39%;
  left: 48%;
  z-index: -1;
  -webkit-animation: movingleftright2 infinite 20000ms;
  animation: movingleftright2 infinite 20000ms;
}

.ai-hero-ptb {
  padding-top: 155px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-hero-ptb {
    padding-top: 180px;
    padding-bottom: 160px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-ptb {
    padding-top: 180px;
    padding-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-hero-ptb {
    padding-top: 160px;
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .ai-hero-ptb {
    padding-top: 130px;
    padding-bottom: 110px;
  }
}
.ai-hero-ptb .dt-hero-input-box form input {
  width: 540px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-hero-ptb .dt-hero-input-box form input {
    width: 420px;
    height: 54px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-ptb .dt-hero-input-box form input {
    width: 380px;
    height: 54px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-hero-ptb .dt-hero-input-box form input {
    width: 100%;
    height: 54px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .ai-hero-ptb .dt-hero-input-box form input {
    width: 100%;
    height: 48px;
    line-height: 48px;
  }
}
.ai-hero-title {
  font-weight: 700;
  font-size: 65px;
  font-family: var(--it-ff-outfit);
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-hero-title {
    font-size: 58px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-hero-title {
    font-size: 58px;
  }
  .ai-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ai-hero-title {
    font-size: 33px;
  }
  .ai-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ai-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-hero-content {
    margin-bottom: 50px;
  }
}
.ai-hero-content p {
  font-weight: 600;
  font-size: 18px;
  font-family: var(--it-ff-nunito);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-content p {
    font-size: 16px;
  }
  .ai-hero-content p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ai-hero-content p {
    font-size: 16px;
  }
  .ai-hero-content p br {
    display: none;
  }
}
.ai-hero-thumb img {
  border-radius: 10px;
}
@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) {
  .ai-hero-thumb img {
    max-width: 100%;
  }
}
.ai-hero-thumb-sm {
  position: absolute;
  bottom: 0;
  right: -17%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ai-hero-thumb-sm {
    bottom: -5%;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-hero-thumb-sm {
    bottom: -20%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-thumb-sm {
    bottom: -28%;
    right: -35%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-hero-thumb-sm {
    display: none;
  }
}
.ai-hero-thumb-sm img {
  border-radius: 10px;
}
.ai-hero-thumb-wrap {
  padding-bottom: 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) {
  .ai-hero-thumb-wrap {
    margin-right: 100px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-hero-thumb-wrap {
    padding-bottom: 0;
  }
}
.ai-hero-thumb-shape-1 {
  position: absolute;
  top: -8%;
  right: -6%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-hero-thumb-shape-1 {
    top: -17%;
    right: -13%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-hero-thumb-shape-1 {
    top: -19%;
    right: -16%;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-hero-thumb-shape-1 {
    display: none;
  }
}

.seo-hero-ptb {
  padding-top: 200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-ptb {
    padding-top: 160px;
  }
}
@media (max-width: 767px) {
  .seo-hero-ptb {
    padding-top: 140px;
  }
}
.seo-hero-title {
  font-weight: 700;
  font-size: 85px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seo-hero-title {
    font-size: 78px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-hero-title {
    font-size: 66px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-hero-title {
    font-size: 62px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-title {
    font-size: 57px;
  }
  .seo-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .seo-hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
  .seo-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .seo-hero-title {
    font-size: 50px;
  }
}
.seo-hero-text {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .seo-hero-text {
    margin-bottom: 80px;
  }
}
.seo-hero-text p {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-text p {
    font-size: 16px;
  }
  .seo-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .seo-hero-text p {
    font-size: 16px;
  }
  .seo-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .seo-hero-style .it-hero-video {
    justify-content: center;
  }
}
.seo-hero-style .it-hero-video a {
  color: var(--it-theme-4);
  background: var(--it-common-black);
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
}
.seo-hero-style .it-hero-video span {
  color: var(--it-common-black);
}
.seo-hero-thumb img {
  border-radius: 10px;
  box-shadow: 0 4px 100px 0 rgba(20, 50, 48, 0.2);
}
.seo-hero-thumb-shape-1 {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-hero-thumb-shape-1 {
    bottom: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-hero-thumb-shape-1 {
    bottom: -10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-thumb-shape-1 {
    bottom: -10%;
  }
}
@media (max-width: 767px) {
  .seo-hero-thumb-shape-1 {
    bottom: -10%;
  }
}
.seo-hero-shape-1 {
  position: absolute;
  z-index: -1;
  top: 40%;
  left: 5%;
  animation: rotate2 10s linear infinite;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seo-hero-shape-1 {
    top: 33%;
    left: 3%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-hero-shape-1 {
    top: 27%;
    left: 3%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-hero-shape-1 {
    top: 27%;
    left: 3%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-shape-1 {
    left: 3%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .seo-hero-shape-1 {
    left: -3%;
    transform: scale(0.4);
  }
}
.seo-hero-shape-2 {
  position: absolute;
  z-index: -1;
  top: 11%;
  right: 4%;
  animation: rotate2 10s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-hero-shape-2 {
    top: 9%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-hero-shape-2 {
    top: 9%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-hero-shape-2 {
    top: 7%;
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .seo-hero-shape-2 {
    top: 2%;
    transform: scale(0.4);
  }
}

.ma-hero-ptb {
  padding-top: 230px;
  padding-bottom: 145px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ma-hero-ptb {
    padding-top: 160px;
    padding-bottom: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-hero-ptb {
    padding-top: 180px;
    padding-bottom: 150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-ptb {
    padding-top: 160px;
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ma-hero-ptb {
    padding-top: 140px;
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-hero-ptb {
    padding-top: 155px;
    padding-bottom: 100px;
  }
}
.ma-hero-title {
  font-weight: 700;
  font-size: 75px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ma-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-hero-title {
    font-size: 55px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-title {
    font-size: 65px;
  }
  .ma-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ma-hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
  .ma-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-hero-title {
    font-size: 55px;
  }
}
.ma-hero-subtitle {
  font-weight: 500;
  font-size: 17px;
  display: block;
  margin-bottom: 10px;
  color: var(--it-theme-4);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-hero-subtitle {
    font-size: 15px;
  }
}
.ma-hero-text p {
  font-weight: 600;
  font-size: 20px;
  font-family: var(--it-ff-nunito);
  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) {
  .ma-hero-text p {
    font-size: 16px;
  }
  .ma-hero-text p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ma-hero-text p {
    font-size: 16px;
  }
  .ma-hero-text p br {
    display: none;
  }
}
.ma-hero-thumb-box {
  margin-left: -20px;
  padding-bottom: 125px;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ma-hero-thumb-box {
    margin-left: -50px;
    transform: scale(0.9);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ma-hero-thumb-box {
    margin-left: -120px;
    transform: scale(0.8);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-hero-thumb-box {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-hero-thumb-box {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-thumb-box {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .ma-hero-thumb-box {
    margin-left: 0px;
    padding-bottom: 0;
  }
}
.ma-hero-thumb img {
  max-width: inherit;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-hero-thumb img {
    max-width: 100%;
  }
}
.ma-hero-thumb-sm {
  position: absolute;
  bottom: -10%;
  right: -35%;
  animation: ittranslateX2 4s forwards infinite alternate;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ma-hero-thumb-sm {
    right: -30%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ma-hero-thumb-sm {
    right: -20%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-hero-thumb-sm {
    right: -28%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-hero-thumb-sm {
    right: -28%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-thumb-sm {
    right: -5%;
  }
}
@media (max-width: 767px) {
  .ma-hero-thumb-sm {
    position: static;
  }
}
@media (max-width: 767px) {
  .ma-hero-thumb-sm img {
    width: 100%;
  }
}
.ma-hero-info span {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  padding-left: 35px;
  color: var(--it-common-white);
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-info span {
    font-size: 13px;
    padding-left: 22px;
  }
}
@media (max-width: 767px) {
  .ma-hero-info span {
    padding-left: 25px;
    display: block;
    margin-bottom: 8px;
  }
}
.ma-hero-info span svg {
  position: absolute;
  top: 2px;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-hero-info span svg {
    width: 14px;
    top: -1px;
  }
}
.ma-hero-info span:not(:last-child) {
  margin-right: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-hero-info span:not(:last-child) {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-hero-content {
    margin-bottom: 50px;
  }
}
.ma-hero-style .pg-hero-input-box {
  margin-right: 20px;
}
.ma-hero-style .pg-hero-input-box input {
  padding-left: 30px;
  padding-right: 30px;
  background-color: #fff;
  border-radius: 1000px;
  width: 401px;
  font-weight: 500;
  font-size: 17px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-hero-style .pg-hero-input-box input {
    font-size: 14px;
    width: 300px;
    height: 47px;
    line-height: 47px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-hero-style .pg-hero-input-box input {
    font-size: 14px;
    width: 250px;
    height: 47px;
    line-height: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-hero-style .pg-hero-input-box input {
    font-size: 14px;
    width: 250px;
    height: 47px;
    line-height: 47px;
  }
}
@media (max-width: 767px) {
  .ma-hero-style .pg-hero-input-box input {
    font-size: 14px;
    width: 100%;
    height: 47px;
    line-height: 47px;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-hero-style .pg-hero-input-box input {
    margin-bottom: 0;
  }
}
.ma-hero-shape-1 {
  position: absolute;
  top: 19%;
  left: 0;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 20000ms;
  animation: movingleftright1 infinite 20000ms;
}
.ma-hero-shape-2 {
  position: absolute;
  top: 38%;
  left: 28%;
  z-index: -1;
  -webkit-animation: movingleftright4 infinite 20000ms;
  animation: movingleftright4 infinite 20000ms;
}

.ag-hero-ptb {
  padding-top: 185px;
  padding-bottom: 165px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-hero-ptb {
    padding-bottom: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-hero-ptb {
    padding-top: 165px;
    padding-bottom: 70px;
  }
}
@media (max-width: 767px) {
  .ag-hero-ptb {
    padding-top: 125px;
    padding-bottom: 70px;
  }
}
.ag-hero-ptb .dt-hero-input-box form input {
  width: 618px;
  background-color: transparent;
  border: 1px solid #69D619;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-hero-ptb .dt-hero-input-box form input {
    width: 560px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-hero-ptb .dt-hero-input-box form input {
    width: 500px;
  }
}
@media (max-width: 767px) {
  .ag-hero-ptb .dt-hero-input-box form input {
    width: 100%;
  }
}
.ag-hero-ptb .dt-hero-input-box form input::placeholder {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.01em;
  color: var(--it-common-white);
}
.ag-hero-ptb .dt-hero-input-box button {
  color: var(--it-common-white);
}
.ag-hero-mb {
  margin-bottom: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-hero-mb {
    margin-bottom: 70px;
  }
}
.ag-hero-title {
  font-weight: 700;
  font-size: 75px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ag-hero-title {
    font-size: 65px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-hero-title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-hero-title {
    font-size: 62px;
  }
  .ag-hero-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ag-hero-title {
    font-size: 32px;
    line-height: 1.2;
  }
  .ag-hero-title br {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ag-hero-title {
    font-size: 55px;
  }
}
.ag-hero-title span {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.ag-hero-title span:last-child {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  display: inline-block;
  -webkit-text-fill-color: transparent;
}
.ag-hero-text p {
  font-weight: 600;
  font-size: 20px;
  font-family: var(--it-ff-nunito);
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .ag-hero-text p {
    font-size: 16px;
  }
}
.ag-hero-thumb img {
  border-radius: 10px;
  width: 100%;
}

/*----------------------------------------*/
/*  20. menu css start
/*----------------------------------------*/
.it-header-menu > nav > ul > li {
  position: relative;
}
.it-header-menu > nav > ul > li.has-dropdown::after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  display: inline-block;
  font-size: 14px;
  margin-left: 1px;
  font-weight: 400;
  transition: 0.3s;
  transform: translateY(1px);
  color: var(--it-common-black);
}
.it-header-menu > nav > ul > li > .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  text-align: left;
  padding: 30px;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
  transition-duration: 0.1s;
  transform-origin: top;
  -webkit-transform: perspective(300px) rotateX(-18deg);
  -moz-transform: perspective(300px) rotateX(-18deg);
  -ms-transform: perspective(300px) rotateX(-18deg);
  -o-transform: perspective(300px) rotateX(-18deg);
  transform: perspective(300px) rotateX(-18deg);
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  z-index: 9999;
}
.it-header-menu > nav > ul > li > .submenu.it-megamenu-wrapper {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 55px 70px 55px 70px;
  width: 1320px;
  margin: 0 auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-header-menu > nav > ul > li > .submenu.it-megamenu-wrapper {
    width: 100%;
  }
}
.it-header-menu > nav > ul > li > .submenu > li {
  list-style: none;
  display: block;
}
.it-header-menu > nav > ul > li > .submenu > li:not(:last-child) {
  margin-bottom: 13px;
}
.it-header-menu > nav > ul > li > .submenu > li > a {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  position: relative;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-nunito);
}
.it-header-menu > nav > ul > li > .submenu > li > a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-common-black);
}
.it-header-menu > nav > ul > li > .submenu > li:hover > a {
  padding-left: 25px;
  color: var(--it-common-black);
}
.it-header-menu > nav > ul > li > .submenu > li:hover > a::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.it-header-menu > nav > ul > li > .submenu .submenu {
  left: 100%;
  top: 0;
}
.it-header-menu > nav > ul > li:hover.has-dropdown::after {
  transform: rotate(-180deg);
}
.it-header-menu > nav > ul > li:hover .submenu {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  transform: perspective(300px) rotateX(0deg);
}

.it-homemenu-wrapper {
  padding: 55px 70px 20px 70px;
}

.it-megamenu-list li {
  list-style: none;
  display: block;
}
.it-megamenu-list li:not(:last-child) {
  margin-bottom: 18px;
}
.it-megamenu-list li a {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  position: relative;
  color: var(--it-common-black);
}
.it-megamenu-list li a::before {
  position: absolute;
  top: 10px;
  left: 0;
  content: "";
  height: 2px;
  width: 0px;
  opacity: 0;
  visibility: hidden;
  display: inline-block;
  transition: all 0.3s ease-out 0s;
  background-color: var(--it-common-black);
}
.it-megamenu-list li:hover > a {
  padding-left: 25px;
}
.it-megamenu-list li:hover > a::before {
  width: 20px;
  visibility: visible;
  opacity: 1;
}
.it-megamenu-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 300px;
}
.it-megamenu-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.it-megamenu-text {
  position: relative;
  z-index: 99;
  bottom: -18%;
  transform: rotate(-90deg) translateY(-100%);
  text-align: center;
}
.it-megamenu-text h4 {
  font-size: 115px;
  font-weight: 900;
  line-height: 1;
  margin-bottom: 0;
  letter-spacing: -1.6px;
  color: rgba(25, 25, 26, 0.1);
}
.it-megamenu-text span {
  font-size: 22px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.3px;
  color: rgba(25, 25, 26, 0.4);
  text-transform: capitalize;
}
.it-megamenu-title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 25px;
  padding-bottom: 10px;
  margin-right: 65px;
  font-family: var(--it-ff-nunito);
  border-bottom: 1px solid rgba(11, 11, 11, 0.1098039216);
}

.it-header-menu nav ul li .has-home-img {
  left: 0;
  right: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  padding: 30px 30px 10px 30px;
  background-color: var(--it-common-white);
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  margin: 0 auto;
}
.it-header-menu nav ul li .has-home-img.submenu {
  padding: 0;
}
.it-header-menu nav ul li .has-home-img .home-img {
  padding: 0px 10px;
  position: relative;
  margin-bottom: 40px;
}
.it-header-menu nav ul li .has-home-img .home-img-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 1px;
  text-transform: capitalize;
  display: inline-block;
  color: var(--it-common-black);
  font-family: var(--it-ff-nunito);
}
.it-header-menu nav ul li .has-home-img .home-img-title a {
  background-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-header-menu nav ul li .has-home-img .home-img-title:hover a {
  background-size: 0% 1px, 100% 1px;
}

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

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

.home-img-thumb {
  position: relative;
  padding: 10px;
  width: 100%;
  height: 215px;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.home-img-thumb img {
  transition: 0.9s;
}
.home-img-thumb.home-img-overly::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(1, 15, 28, 0.3);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.home-img-thumb.coming-soon::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(7px);
  border-radius: 14px;
  content: "";
}
.home-img-thumb:hover img {
  transform: scale(1.1);
}
.home-img-thumb:hover.home-img-overly::after {
  opacity: 1;
  visibility: visible;
}
.home-img-thumb:hover .home-img-btn {
  opacity: 1;
  visibility: visible;
  bottom: 50%;
  transform: translateY(50%);
}

.it-menu-mobile .it-menu-content,
.it-category-mobile-menu .it-menu-content {
  margin-bottom: 70px;
}
.it-menu-mobile .home-img,
.it-category-mobile-menu .home-img {
  margin-bottom: 20px;
}
.it-menu-mobile .home-img-title,
.it-category-mobile-menu .home-img-title {
  font-weight: 500;
  font-size: 16px;
  display: inline-block;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
  background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
  display: inline;
  background-size: 0% 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
}
.it-menu-mobile .home-img-title:hover,
.it-category-mobile-menu .home-img-title:hover {
  background-size: 0% 1px, 100% 1px;
}
.it-menu-mobile ul,
.it-category-mobile-menu ul {
  position: static;
  display: block;
  box-shadow: none;
}
.it-menu-mobile ul li,
.it-category-mobile-menu ul li {
  list-style: none;
  position: relative;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li:not(:last-child) > a,
.it-category-mobile-menu ul li:not(:last-child) > a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded,
.it-category-mobile-menu ul li.has-dropdown > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown:hover > a::after {
  color: var(--it-theme-green);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn {
  position: absolute;
  right: 0;
  top: 25%;
  transform: translateY(-2px);
  font-size: 18px;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  transition: all 0.3s ease-in-out;
  z-index: 1;
  width: 25px;
  height: 25px;
  line-height: 21px;
  text-align: center;
  border: 1px solid rgba(176, 162, 162, 0.35);
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn i {
  transition: all 0.3s ease-in-out;
  margin-left: 2px;
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn.dropdown-opened i {
  transform: rotate(90deg);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover {
  background-color: var(--it-common-red);
  border-color: var(--it-common-red);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i,
.it-category-mobile-menu ul li.has-dropdown-2 > a .dropdown-toggle-btn:hover i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i,
.it-category-mobile-menu ul li.has-dropdown-2 > a.expanded .dropdown-toggle-btn.dropdown-opened i {
  color: var(--it-common-white);
}
.it-menu-mobile ul li.has-dropdown-2:hover > a::after,
.it-category-mobile-menu ul li.has-dropdown-2:hover > a::after {
  color: var(--it-common-red);
}
.it-menu-mobile ul li:last-child a span,
.it-category-mobile-menu ul li:last-child a span {
  border-bottom: 0;
}
.it-menu-mobile ul li > a,
.it-category-mobile-menu ul li > a {
  display: block;
  font-size: 16px;
  color: var(--it-common-white);
  position: relative;
  padding: 10px 0;
  padding-right: 20px;
  text-transform: capitalize;
}
.it-menu-mobile ul li > a svg,
.it-category-mobile-menu ul li > a svg {
  transform: translateY(-2px);
}
.it-menu-mobile ul li > a > i,
.it-category-mobile-menu ul li > a > i {
  display: inline-block;
  width: 11%;
  margin-right: 13px;
  transform: translateY(4px);
  font-size: 21px;
  line-height: 1;
}
.it-menu-mobile ul li > a .menu-text,
.it-category-mobile-menu ul li > a .menu-text {
  font-size: 16px;
  line-height: 11px;
  border-bottom: 1px solid #EAEBED;
  width: 82%;
  display: inline-block;
  padding: 19px 0 17px;
}
.it-menu-mobile ul li img,
.it-category-mobile-menu ul li img {
  width: 100%;
}
.it-menu-mobile ul li ul,
.it-category-mobile-menu ul li ul {
  padding: 0;
}
.it-menu-mobile ul li ul li,
.it-category-mobile-menu ul li ul li {
  padding: 0;
}
.it-menu-mobile ul li ul li a,
.it-category-mobile-menu ul li ul li a {
  margin-left: auto;
  width: 93%;
  padding: 10px 5%;
  text-shadow: none !important;
  visibility: visible;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li a,
.it-category-mobile-menu ul li ul li li a {
  width: 88%;
  padding: 10px 7%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li a,
.it-category-mobile-menu ul li ul li li li a {
  width: 83%;
  padding: 10px 9%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li ul li li li li a,
.it-category-mobile-menu ul li ul li li li li a {
  width: 68%;
  padding: 10px 11%;
  padding-left: 0;
  padding-right: 20px;
}
.it-menu-mobile ul li:hover > a::after,
.it-category-mobile-menu ul li:hover > a::after {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover > a .dropdown-toggle-btn i,
.it-category-mobile-menu ul li:hover > a .dropdown-toggle-btn i {
  color: var(--it-theme-1);
}
.it-menu-mobile ul li:hover .mega-menu,
.it-category-mobile-menu ul li:hover .mega-menu {
  visibility: visible;
  opacity: 1;
  top: 0;
}
.it-menu-mobile ul li .mega-menu, .it-menu-mobile ul li .submenu,
.it-category-mobile-menu ul li .mega-menu,
.it-category-mobile-menu ul li .submenu {
  position: static;
  min-width: 100%;
  padding: 0;
  box-shadow: none;
  visibility: visible;
  opacity: 1;
  display: none;
}
.it-menu-mobile ul li .mega-menu li, .it-menu-mobile ul li .submenu li,
.it-category-mobile-menu ul li .mega-menu li,
.it-category-mobile-menu ul li .submenu li {
  float: none;
  display: block;
  width: 100%;
  padding: 0;
}
.it-menu-mobile ul li .mega-menu li:hover a .dropdown-toggle-btn, .it-menu-mobile ul li .submenu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .mega-menu li:hover a .dropdown-toggle-btn,
.it-category-mobile-menu ul li .submenu li:hover a .dropdown-toggle-btn {
  color: var(--it-theme-1);
}
.it-menu-mobile .it-menu-content ul li:not(:last-child) .home-img-title a,
.it-category-mobile-menu .it-menu-content ul li:not(:last-child) .home-img-title a {
  border-bottom: none;
}
.it-menu-mobile * ul, .it-menu-mobile * li,
.it-category-mobile-menu * ul,
.it-category-mobile-menu * li {
  transition: none !important;
}

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

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

.it-onepage-menu li a span {
  display: block;
}

/*----------------------------------------*/
/*  21. minicart css start
/*----------------------------------------*/
.minicart {
  background: #fff;
  padding: 25px;
  position: absolute;
  right: 0;
  top: 250%;
  transition: all 0.3s ease 0s;
  width: 350px;
  z-index: 9;
  box-shadow: 0px 8px 20px rgba(61, 110, 168, 0.3);
  visibility: hidden;
  opacity: 0;
}

.cart-thumb a {
  margin-right: 15px;
  width: 85px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  background-color: #DEE4FF;
}
.cart-thumb a img {
  width: 75px;
  height: 65px;
}
.cart-title {
  font-size: 18px;
  margin-bottom: 10px;
}
.cart-title a {
  display: inline-block;
  position: relative;
}
.cart-title a::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: 0;
  left: auto;
  height: 1px;
  width: 0;
  background-color: var(--it-theme-2);
  transition: 0.7s;
  display: inline-block;
}
.cart-title a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
  background-color: var(--it-common-black);
}
.cart-del-icon {
  font-weight: 700;
  color: var(--it-common-black);
}
.cart-del-icon span {
  transition: 0.3s;
  color: red;
  cursor: pointer;
}
.cart-content {
  text-align: start;
}
.cart-content span {
  font-size: 14px;
  color: #707279;
}
.cart-content span del {
  color: #a5a7bc;
  font-size: 13px;
}
.cart-content-wrap {
  padding-bottom: 7px;
}
.cart-total-price {
  border-top: 1px solid #707279;
  padding-top: 15px;
  margin-top: 10px;
  margin-bottom: 25px;
}
.cart-total-price span {
  color: #707279;
  font-weight: 700;
  font-size: 16px;
}
.cart-btn .it-btn {
  padding: 15px 40px;
}

/*----------------------------------------*/
/*  31. team css start
/*----------------------------------------*/
.it-team-mlr {
  margin: 0 55px;
  border-radius: 50px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-mlr {
    margin: 0 15px;
  }
}
.it-team-mlr .dt-section-subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #746fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-area {
    padding: 80px 0;
  }
}
.it-team-thumb {
  text-align: center;
  margin-bottom: 30px;
}
.it-team-thumb img {
  height: 200px;
  width: 200px;
  border-radius: 50%;
}
.it-team-item {
  padding: 30px;
  border: 1px solid rgba(1, 16, 61, 0.2);
  border-radius: 30px;
  position: relative;
  z-index: 2;
}
.it-team-item::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  content: "";
  border-radius: 30px;
  z-index: -1;
  transition: 0.4s;
  opacity: 1;
  visibility: hidden;
  background-color: var(--it-theme-6);
}
.it-team-item:hover::after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}
.it-team-item:hover .it-team-title {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-content span {
  color: var(--it-common-white);
}
.it-team-item:hover .it-team-social-box a {
  color: var(--it-common-white);
}
.it-team-title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 5px;
  transition: 0.3s;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-title {
    font-size: 18px;
  }
}
.it-team-content span {
  font-weight: 500;
  font-size: 14px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-team-content span {
    font-size: 12px;
  }
}
.it-team-social-box {
  margin-top: 25px;
}
.it-team-social-box a {
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  color: var(--it-common-black);
  margin: 0 12px;
  transition: 0.3s;
}
.it-team-social-box a:hover {
  color: #FFCE5A;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-btn p {
    font-size: 15px;
  }
  .it-team-btn p br {
    display: none;
  }
}

.it-team-inner-style .it-team-item {
  background-color: #F1F5FF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-inner-style.it-team-area {
    padding-bottom: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-team-inner-style-2.it-team-area {
    padding: 0;
  }
}

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

.it-progress-bar-item {
  padding: 5px 0px;
  overflow: hidden;
  padding-top: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-progress-bar-item {
    padding-top: 20px;
  }
}
.it-progress-bar-item label {
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 16px;
  display: inline-block;
  color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .it-progress-bar-item label {
    font-size: 14px;
  }
}
.it-progress-bar .progress {
  overflow: visible;
  background: #F3E8DF;
  height: 8px;
  border-radius: 1000px;
}
.it-progress-bar .progress-bar {
  background-color: var(--it-theme-1);
  position: relative;
  overflow: visible;
  height: 100%;
  top: 0;
  border-radius: 1000px;
}
.it-progress-bar .progress-bar span {
  position: absolute;
  right: 0;
  top: -30px;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #4B4B4B;
}

/*----------------------------------------*/
/*  33. test-slider css start
/*----------------------------------------*/
.it-text-slider-item span {
  font-weight: 900;
  font-size: 120px;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  color: transparent;
  font-family: var(--it-ff-roboto);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}
.it-text-slider-item img {
  margin: 0 50px;
  transform: translateY(-42px);
}
.it-text-active .slider-transtion {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}
.it-text-active .swiper-slide {
  width: auto;
}

/*----------------------------------------*/
/*  13. feature css start
/*----------------------------------------*/
.it-feature-item {
  border-radius: 30px;
  padding: 55px 30px;
  border: 1px solid rgba(116, 111, 255, 0.2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  background: #fff;
  transition: 0.3s;
}
.it-feature-item:hover {
  border: 1px solid rgb(116, 111, 255);
}
.it-feature-title {
  font-size: 20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-feature-title {
    font-size: 19px;
  }
}
.it-feature-icon img {
  height: 110px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-feature-area {
    padding-bottom: 90px;
  }
}
.dt-feature-item {
  border-radius: 30px;
  padding: 40px 30px;
  border: 1px solid transparent;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  background: #fff;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-feature-item {
    padding: 40px 15px;
  }
}
.dt-feature-item:hover {
  border: 1px solid rgb(116, 111, 255);
}
.dt-feature-item:hover .dt-feature-icon img {
  animation: icon-bounce 0.8s 1;
}
.dt-feature-title {
  font-weight: 600;
  font-size: 22px;
}
.dt-feature-icon img {
  height: 59px;
  transition: all 0.3s ease-out 0s;
}
.dt-feature-content p {
  font-size: 16px;
  letter-spacing: 0.01em;
}
.dt-feature-shape-1 {
  position: absolute;
  top: 16%;
  left: 11%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-feature-shape-1 {
    top: 2%;
    transform: scale(0.6);
  }
}

.dt-section-bg {
  background: linear-gradient(180deg, #f1f5ff 0%, rgba(241, 245, 255, 0) 100%);
}

.pg-feature-area .pg-section-title {
  font-weight: 700;
}
.pg-feature-item {
  border-radius: 30px;
  padding: 50px 20px;
  padding-bottom: 42px;
  border: 1px solid transparent;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-feature-item {
    padding: 40px 15px;
  }
}
@media (max-width: 767px) {
  .pg-feature-item {
    margin-bottom: 30px;
  }
}
.pg-feature-item p {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  color: var(--it-common-white);
  line-height: 2;
}
.pg-feature-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
  color: var(--it-common-white);
}
.pg-feature-icon {
  display: block;
  margin-bottom: 26px;
}
.pg-feature-icon img {
  height: 82px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-feature-left {
    margin-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-feature-left .pg-section-title-box p {
    margin-right: 200px;
  }
  .pg-feature-left .pg-section-title-box p br {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-feature-area {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
.ss-feature-item {
  border-radius: 50px;
  position: relative;
  z-index: 3;
  padding: 60px 25px;
}
.ss-feature-item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(to bottom, rgba(58, 55, 244, 0.05), rgba(58, 55, 244, 0.5));
  z-index: 0;
  border-radius: 50px;
}
.ss-feature-item::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: "";
  height: 99.5%;
  width: 99.5%;
  background: var(--it-common-blue);
  z-index: 1;
  margin: 0 auto;
  border-radius: 50px;
  transition: 0.5s;
}
.ss-feature-item > div {
  position: relative;
  z-index: 1;
}
.ss-feature-item:hover::before {
  background: rgba(59, 55, 244, 0.1);
}
.ss-feature-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--it-common-white);
}
.ss-feature-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.01em;
  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) {
  .ss-feature-content p br {
    display: none;
  }
}
.ss-feature-icon img {
  height: 140px;
}

/*----------------------------------------*/
/*  03. about css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-about-area {
    padding: 120px 0;
  }
}
.ss-about-right {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-about-right {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-about-right {
    margin-left: 0px;
    margin-top: 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) {
  .ss-about-right .ss-section-title-box p {
    font-size: 16px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-about-funfact-wrap {
    margin-right: 180px;
  }
}
@media (max-width: 767px) {
  .ss-about-funfact-item {
    margin-bottom: 20px;
  }
}
.ss-about-funfact-item h5 {
  font-weight: 700;
  font-size: 50px;
  margin-bottom: 7px;
  letter-spacing: 0.01em;
  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) {
  .ss-about-funfact-item h5 {
    font-size: 35px;
  }
}
.ss-about-funfact-item h5 i {
  font-style: normal;
}
.ss-about-funfact-item span {
  font-weight: 400;
  font-size: 18px;
  letter-spacing: 0.01em;
  line-height: 1.6;
  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) {
  .ss-about-funfact-item span {
    font-size: 14px;
  }
}
.ss-about-shape-1 {
  position: absolute;
  top: -24%;
  left: 0;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 20000ms;
  animation: movingleftright1 infinite 20000ms;
}
.ss-about-shape-2 {
  position: absolute;
  bottom: -26%;
  right: 6%;
  z-index: -1;
  -webkit-animation: movingleftright2 infinite 20000ms;
  animation: movingleftright2 infinite 20000ms;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-about-style {
    padding: 120px 0;
    padding-bottom: 0;
  }
}
.ma-about-style .ss-about-funfact-item h5 {
  font-weight: 700;
  font-size: 42px;
  letter-spacing: -0.05em;
  color: var(--it-theme-4);
}
.ma-about-style .ss-about-funfact-item span {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.6;
  color: rgba(20, 50, 48, 0.8);
}
.ma-about-style .ss-about-right {
  margin-left: 0px;
}
.ma-about-style .ss-about-thumb {
  margin-left: -35px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-about-style .ss-about-thumb {
    margin-left: 0;
  }
}
.ma-about-left {
  margin-right: 80px;
  padding: 30px;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #143230;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-about-left {
    margin-right: 0;
  }
}
.ma-about-thumb img {
  border-radius: 12px;
}
.ma-about-shape-1 {
  position: absolute;
  bottom: 17%;
  right: 7%;
  z-index: -1;
}

@media (max-width: 767px) {
  .ma-about-line {
    display: none;
  }
}
.ma-about-line span svg {
  width: 100%;
}
.ma-about-pb {
  padding-bottom: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-about-pb {
    padding-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .ma-about-pb {
    padding-bottom: 0px;
  }
}

.it-about-details-thumb img {
  width: 100%;
  border-radius: 30px;
}
.it-about-details-area .dt-section-subtitle {
  color: var(--it-theme-1);
}
.it-about-details-nav-button ul li button {
  font-weight: 500;
  font-size: 20px;
  padding: 20px 70px;
  color: var(--it-common-white);
  background-color: #01103D;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-about-details-nav-button ul li button {
    font-size: 18px;
    padding: 17px 50px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-about-details-nav-button ul li button {
    font-size: 16px;
    padding: 14px 35px;
  }
}
@media (max-width: 767px) {
  .it-about-details-nav-button ul li button {
    font-size: 14px;
    padding: 14px 24px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-about-details-nav-button ul li button {
    font-size: 16px;
    padding: 17px 40px;
  }
}
.it-about-details-nav-button ul li button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-about-details-nav-button ul li button.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-about-details-nav-content p {
  font-weight: 400;
  font-size: 20px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-details-nav-content p {
    font-size: 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-about-details-title-box {
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-about-details-title-box p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  12. faq css start
/*----------------------------------------*/
.it-faq-left-box {
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.1);
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-left-box {
    margin-right: 0;
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-faq-left-box {
    margin-right: 0;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .it-faq-left-box {
    margin-right: 0;
    padding: 40px 20px;
    margin-bottom: 50px;
  }
}
.it-faq-right-box {
  margin-left: -35px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-faq-right-box {
    margin-left: 0;
  }
}
.it-faq-thumb img {
  border-radius: 20px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
.it-faq-thumb-2 {
  padding-left: 45px;
  padding-top: 30px;
}
.it-faq-thumb-2 img {
  border-radius: 20px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}
.it-faq-shape-1 {
  position: absolute;
  top: 4%;
  left: 4%;
  z-index: -1;
  animation: itswing 2s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-faq-shape-1 {
    top: 4%;
    left: 0%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-faq-shape-1 {
    top: 4%;
    left: 1%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-faq-shape-1 {
    top: 4%;
    left: 1%;
  }
}

@media (max-width: 767px) {
  .ai-faq-style {
    padding: 120px 0;
  }
}
.ai-faq-style .pg-custom-accordion {
  margin-left: -33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-faq-style .pg-custom-accordion {
    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) {
  .ai-faq-style .ai-section-title-box p {
    font-size: 16px;
  }
}
.ai-faq-style .accordion-items {
  background: transparent;
  border: 1px solid rgba(116, 111, 255, 0.5);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-faq-style .ai-section-title-box {
    margin-bottom: 70px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-faq-style {
    padding: 120px 0;
  }
}
.seo-faq-style .seo-section-title-box {
  margin-right: -20px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-faq-style .seo-section-title-box {
    margin-right: 0;
  }
}
.seo-faq-style .accordion-items {
  background: transparent;
  border: 1px solid rgba(116, 111, 255, 0.5);
}
.seo-faq-style .seo-faq-nav-button ul li {
  width: 100%;
}
.seo-faq-style .seo-faq-nav-button ul li:not(:last-child) {
  margin-bottom: 10px;
}
.seo-faq-style .seo-faq-nav-button ul li button {
  display: block;
  font-weight: 600;
  font-size: 22px;
  padding: 6.5px 25px;
  color: var(--it-common-black);
  border-radius: 1000px;
  font-family: var(--it-ff-heading);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-faq-style .seo-faq-nav-button ul li button {
    padding: 6.5px 15px;
    font-size: 15px;
  }
}
.seo-faq-style .seo-faq-nav-button ul li button.active {
  background-color: var(--it-theme-4);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-faq-area {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-faq-style {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pg-faq-content {
    margin-right: 250px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .pg-faq-content {
    margin-right: 0;
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-faq-style {
    padding-top: 60px;
    padding-bottom: 120px;
  }
}
.ag-faq-style .pg-custom-accordion {
  margin: 0 75px;
}
@media (max-width: 767px) {
  .ag-faq-style .pg-custom-accordion {
    margin: 0;
  }
}
.ag-faq-style .accordion-items {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}
.ag-faq-style .accordion-buttons {
  color: var(--it-common-white);
}
.ag-faq-style .accordion-buttons::after {
  height: 40px;
  width: 40px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .ag-faq-style .accordion-buttons::after {
    height: 30px;
    width: 30px;
    line-height: 28px;
  }
}
.ag-faq-style .accordion-buttons:not(.collapsed) {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ag-faq-style .accordion-buttons:not(.collapsed)::after {
  color: #69D619;
  border: 1px solid #69D619;
  -webkit-text-fill-color: #69D619;
}
.ag-faq-style .pg-custom-accordion .accordion-body p {
  color: var(--it-common-white);
}
.ag-faq-style .pg-custom-accordion .accordion-buttons.collapsed::after {
  color: var(--it-common-white);
}

/*----------------------------------------*/
/*  29. service css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-service-area {
    padding: 120px 0;
  }
}
.dt-service-item {
  border-radius: 30px;
  padding: 55px 42px;
  border: 1px solid rgba(24, 156, 132, 0.2);
  background: #fff;
  transition: 0.3s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-service-item {
    padding: 35px 25px;
  }
}
.dt-service-item:hover {
  border: 1px solid var(--it-theme-2);
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.dt-service-item:hover .dt-service-icon img {
  animation: icon-bounce 0.8s 1;
}
.dt-service-title {
  font-weight: 600;
  font-size: 22px;
}
.dt-service-title span {
  font-size: 14px;
  color: #5F6168;
}
.dt-service-icon img {
  height: 103px;
  transition: all 0.3s ease-out 0s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-service-icon img {
    height: 90px;
  }
}
.dt-service-content p {
  font-size: 16px;
  letter-spacing: 0.01em;
}
.dt-service-link {
  display: inline-block;
  height: 50px;
  width: 50px;
  line-height: 47px;
  border-radius: 50%;
  text-align: center;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
  position: relative;
  z-index: 1;
}
.dt-service-link::after {
  position: absolute;
  top: -1px;
  left: -1px;
  height: 103%;
  width: 103%;
  border-radius: 50%;
  background-color: var(--it-theme-2);
  content: "";
  transform: scale(0);
  z-index: -1;
  transition: 0.4s;
}
.dt-service-link:hover::after {
  transform: scale(1);
}
.dt-service-shape-1 {
  position: absolute;
  top: 9%;
  right: 5%;
  z-index: -1;
}

.pg-service-style .dt-service-title {
  font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-service-style .dt-service-title {
    font-size: 21px;
  }
}
.pg-service-style .dt-service-icon img {
  height: 95px;
}
.pg-service-style .dt-service-item {
  padding: 50px 47px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  background: #fff;
  border: none;
  position: relative;
  z-index: 1;
  border-radius: 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) {
  .pg-service-style .dt-service-item {
    padding: 50px 30px;
  }
}
.pg-service-style .dt-service-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 0%;
  height: 100%;
  background-color: var(--it-theme-3);
  opacity: 0;
  visibility: hidden;
  transition: 0.7s;
  z-index: -1;
  border-radius: 30px;
}
.pg-service-style .dt-service-item:hover::after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  right: auto;
  left: 0;
}
.pg-service-style .dt-service-item:hover .dt-service-title {
  color: var(--it-common-white);
}
.pg-service-style .dt-service-item:hover p {
  color: var(--it-common-white);
}
.pg-service-style .dt-service-item:hover .pg-btn.green-bg {
  color: var(--it-theme-3);
  background-color: var(--it-common-white);
}
.pg-service-style .dt-service-item:hover .pg-btn.green-bg::after {
  background-color: var(--it-common-white);
}
.pg-service-style .dt-service-item p {
  color: var(--it-common-black);
  line-height: 2;
  transition: 0.3s;
}

.ss-service-style .dt-service-title {
  font-weight: 600;
  font-size: 24px;
  color: var(--it-common-white);
}
.ss-service-style .dt-service-content p {
  line-height: 1.7;
  color: var(--it-common-white);
}
.ss-service-style .dt-service-icon img {
  height: 85px;
}
.ss-service-style .dt-service-link {
  background-color: var(--it-theme-5);
}
.ss-service-style .dt-service-link::after {
  background-color: var(--it-common-white);
}
.ss-service-style .dt-service-link:hover {
  color: var(--it-common-black);
}
.ss-service-style .dt-service-item {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(58, 55, 244, 0.525);
  transition: 0.3s;
  position: relative;
  z-index: 3;
  border-radius: 50px;
}
.ss-service-style .dt-service-item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: var(--it-theme-5);
  z-index: 0;
  border-radius: 50px;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: -1;
}
.ss-service-style .dt-service-item:hover::after {
  opacity: 1;
  visibility: visible;
}
.ss-service-style .dt-service-item:hover .dt-service-link {
  color: var(--it-common-black);
}
.ss-service-style .dt-service-item:hover .dt-service-link::after {
  transform: scale(1);
}

.ai-service-item {
  padding: 60px 47px;
  padding-bottom: 50px;
  border-radius: 30px;
  transition: 0.4s;
  border: 1px solid transparent;
  box-shadow: 0 20px 50px 0 rgba(12, 30, 27, 0.15), 0 20px 50px 0 rgba(255, 255, 255, 0.25);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-service-item {
    padding: 60px 25px;
    padding-bottom: 50px;
  }
}
.ai-service-item:hover {
  border:  #03dac6;
}
.ai-service-item:hover .ai-service-number {
  color: #03dac6;
}
.ai-service-item:hover .ai-service-icon svg, .ai-service-item:hover .ai-service-icon img {
  animation: icon-bounce 0.8s 1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-service-item .dt-service-title {
    font-size: 22px;
  }
}
.ai-service-icon svg, .ai-service-icon img {
  transition: all 0.3s ease-out 0s;
}
.ai-service-content p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: #202124;
}
.ai-service-number {
  position: absolute;
  top: 40px;
  right: 50px;
  z-index: -1;
  font-weight: 700;
  font-size: 80px;
  letter-spacing: 0.01em;
  color: transparent;
  font-style: normal;
  transition: 0.4s;
  -webkit-text-stroke: 1px rgba(11, 228, 152, 0.2);
}
.ai-service-shape-1 {
  position: absolute;
  top: 13%;
  left: 5%;
  z-index: -1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-service-style-2 {
    padding: 120px 0;
  }
}
.ai-service-style-2 .pg-btn {
  background-color: #F1F5FF;
  border-radius: 1000px;
  padding: 10.5px 40px;
  font-weight: 500;
  font-size: 14px;
  color: var(--it-theme-6);
  box-shadow: none;
}
.ai-service-style-2 .pg-btn::after {
  background-color: var(--it-common-white);
}
.ai-service-style-2 .dt-service-item::after {
  background-color: var(--it-theme-6);
}
.ai-service-style-2 .dt-service-item:hover .pg-btn {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.ai-service-style-2 .ai-service-shape-1 {
  top: 7%;
}

.seo-service-style .dt-service-item::after {
  background-color: #143230;
}
.seo-service-style .dt-service-item {
  padding-bottom: 40px;
}
.seo-service-style .dt-service-item:hover .seo-service-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.seo-service-style .dt-service-item:hover .seo-service-bottom span {
  color: var(--it-common-white);
}
.seo-service-style .dt-service-item:hover .seo-service-bottom p {
  color: var(--it-common-white);
}
.seo-service-style .dt-service-content p {
  font-weight: 400;
  font-size: 16px;
  color: #5F6168;
}
.seo-service-style .dt-service-icon img {
  height: 82px;
}
.seo-service-bottom {
  padding-top: 30px;
  transition: 0.3s;
  border-top: 1px solid rgba(20, 50, 48, 0.2);
}
.seo-service-bottom span {
  font-weight: 600;
  font-size: 45px;
  transition: 0.3s;
  color: var(--it-common-black);
}
.seo-service-bottom p {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 0;
  transition: 0.3s;
  color: var(--it-common-black);
}

.ma-service-style .dt-service-item {
  border: 1px solid rgba(31, 226, 144, 0.2);
}
.ma-service-style .dt-service-item:hover {
  border: 1px solid var(--it-theme-4);
}
.ma-service-style .dt-service-link::after {
  background-color: var(--it-theme-4);
}
.ma-service-style .dt-service-link {
  color: var(--it-theme-4);
  background-color: var(--it-common-black);
  position: relative;
  z-index: 1;
}
.ma-service-style .dt-service-link:hover {
  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) {
  .ag-service-style {
    padding: 80px 0;
  }
}
.ag-service-style .ai-service-item {
  box-shadow: none;
  padding: 60px 42px;
  border-radius: 50px;
  position: relative;
  z-index: 3;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-service-style .ai-service-item {
    padding: 65px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-service-style .ai-service-item {
    padding: 45px 25px;
  }
}
.ag-service-style .ai-service-item::after {
  position: absolute;
  top: -2px;
  left: -2px;
  content: "";
  height: calc(100% + 4px);
  width: calc(100% + 4px);
  background: linear-gradient(to right, #0BCF77, #69D619);
  z-index: -2;
  border-radius: 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) {
  .ag-service-style .ai-service-item::after {
    width: 100.2%;
  }
}
.ag-service-style .ai-service-item::before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  content: "";
  height: 100%;
  width: 100%;
  background: #1B2A29;
  z-index: -1;
  margin: 0 auto;
  border-radius: 50px;
  transition: 0.5s;
}
.ag-service-style .dt-service-title {
  font-size: 30px;
  font-weight: 600;
  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) {
  .ag-service-style .dt-service-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-service-style .dt-service-title {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .ag-service-style .dt-service-title {
    font-size: 25px;
  }
}
.ag-service-style .ai-service-content p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-common-white);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-inner-style.dt-service-area {
    padding: 0;
  }
}
.it-service-inner-style .dt-service-icon img {
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-service-inner-style .dt-service-icon img {
    height: auto;
  }
}

.it-sv-details-wrapper {
  margin-left: 42px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-wrapper {
    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) {
  .it-sv-details-wrapper .it-section-title {
    font-size: 32px;
  }
  .it-sv-details-wrapper .it-section-title br {
    display: none;
  }
}
@media (max-width: 767px) {
  .it-sv-details-wrapper .it-section-title {
    font-size: 28px;
  }
  .it-sv-details-wrapper .it-section-title br {
    display: none;
  }
}
.it-sv-details-text p {
  font-weight: 500;
  font-size: 20px;
  color: #5F6168;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-text p {
    font-size: 16px;
  }
}
.it-sv-details-list-box ul li {
  width: 50%;
  float: left;
  list-style-type: none;
  position: relative;
  padding-left: 40px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-list-box ul li {
    width: 100%;
  }
}
.it-sv-details-list-icon {
  position: absolute;
  top: -3px;
  left: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-list-icon svg {
    width: 23px;
  }
}
.it-sv-details-list-content h5 {
  font-weight: 700;
  font-size: 22px;
  color: #01103d;
  margin-bottom: 13px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-details-list-content h5 {
    font-size: 18px;
  }
}
.it-sv-details-list-content p {
  font-weight: 400;
  font-size: 20px;
  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) {
  .it-sv-details-list-content p {
    font-size: 16px;
  }
}
.it-sv-details-banner img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-sv-sidebar-wrapper {
    margin-bottom: 70px;
  }
}
.it-sv-sidebar-widget-box {
  padding: 40px 20px;
  border-radius: 10px;
  background-color: #F1F5FF;
}
.it-sv-sidebar-widget-box ul li {
  list-style-type: none;
  font-weight: 400;
  font-size: 16px;
  color: #01103d;
}
.it-sv-sidebar-widget-box ul li:not(:last-child) {
  margin-bottom: 10px;
}
.it-sv-sidebar-widget-list {
  padding: 13.5px 15px;
  border-radius: 5px;
  background-color: #fff;
  transition: 0.3s;
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(1, 16, 61, 0.1);
}
.it-sv-sidebar-widget-list.active {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-sv-sidebar-widget-list:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-sv-sidebar-widget-title {
  font-weight: 700;
  font-size: 22px;
  color: #01103d;
  margin-bottom: 27px;
}
.it-sv-sidebar-analysis-box {
  width: 100%;
  padding: 40px 20px;
  padding-right: 60px;
  padding-bottom: 245px;
  border-radius: 10px;
  background: linear-gradient(315deg, #295dfb 0%, #661cdf 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-sv-sidebar-analysis-box {
    padding-bottom: 100px;
  }
}
.it-sv-sidebar-analysis-box .it-sv-sidebar-widget-title {
  margin-bottom: 10px;
}
.it-sv-sidebar-analysis-box p {
  font-weight: 400;
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
}
.it-sv-sidebar-analysis-box .it-btn-sm {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  color: #01103d;
  padding: 13px 20px;
  border-radius: 10px;
  background-color: #FFCE5A;
}
.it-sv-sidebar-analysis-box .it-btn-sm::after {
  background-color: var(--it-common-white);
}
.it-sv-sidebar-analysis-thumb {
  position: absolute;
  bottom: 0;
  right: 0;
}
.it-sv-sidebar-cv {
  display: flex;
  border-radius: 5px;
  padding: 13px 20px;
  transition: 0.3s;
  justify-content: space-between;
  background-color: var(--it-common-black);
  border: 1px solid rgba(1, 16, 61, 0.1);
}
.it-sv-sidebar-cv span {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}
.it-sv-sidebar-cv.active {
  background-color: var(--it-theme-1);
}
.it-sv-sidebar-cv:hover {
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  27. work css start
/*----------------------------------------*/
.dt-project-thumb {
  border-radius: 30px;
  position: relative;
}
.dt-project-thumb img {
  border-radius: 30px;
  width: 100%;
}
.dt-project-thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  content: "";
  border-radius: 30px;
  background: rgba(1, 16, 61, 0.5);
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
.dt-project-content {
  padding: 40px;
}
@media (max-width: 767px) {
  .dt-project-content {
    padding: 40px 20px;
  }
}
.dt-project-content span {
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 0.01em;
  color: var(--it-theme-2);
  display: block;
  margin-bottom: 15px;
}
.dt-project-content h4 {
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 767px) {
  .dt-project-content h4 {
    font-size: 20px;
  }
}
.dt-project-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%) scale(0);
  text-align: center;
  transition: 0.7s;
  z-index: 1;
}
.dt-project-arrow a {
  height: 90px;
  width: 90px;
  line-height: 90px;
  text-align: center;
  color: var(--it-theme-2);
  display: inline-block;
  border-radius: 50%;
  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) {
  .dt-project-arrow a {
    height: 70px;
    width: 70px;
    line-height: 70px;
  }
}
@media (max-width: 767px) {
  .dt-project-arrow a {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
}
.dt-project-item {
  border-radius: 30px;
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
  background-color: var(--it-common-white);
}
.dt-project-item:hover .dt-project-thumb::after {
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.dt-project-item:hover .dt-project-arrow {
  transform: translateY(-50%) scale(1);
}
.dt-project-shape-1 {
  position: absolute;
  top: 6%;
  right: 33%;
  z-index: -1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-project-shape-1 {
    right: 8%;
  }
}

.ss-work-thumb-shape {
  position: absolute;
  top: 28%;
  right: 13%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-work-thumb-shape {
    top: 19%;
    right: -6%;
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .ss-work-thumb-shape {
    top: 19%;
    right: -6%;
    transform: scale(0.6);
  }
}
.ss-work-thumb-shape img {
  animation: shake 2.5s infinite alternate;
}
.ss-work-item-box {
  padding: 22px 40px;
  position: relative;
  z-index: 3;
  display: inline-block;
}
@media (max-width: 767px) {
  .ss-work-item-box {
    padding: 22px 25px;
  }
}
.ss-work-item-box::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  height: 102%;
  width: 100%;
  background: linear-gradient(to right, rgba(58, 55, 244, 0.5), rgba(58, 55, 244, 0.05));
  z-index: 0;
  border-radius: 20px;
}
.ss-work-item-box::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
  height: 99%;
  width: 99.5%;
  background: var(--it-common-blue);
  z-index: 1;
  margin: 0 auto;
  border-radius: 20px;
  transition: 0.5s;
}
.ss-work-item-box:hover::before {
  background-color: #3B37F4;
}
.ss-work-item-number {
  font-weight: 700;
  font-size: 45px;
  margin-right: 35px;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .ss-work-item-number {
    font-size: 38px;
  }
}
.ss-work-item-content span {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 10px;
  display: block;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .ss-work-item-content span {
    font-size: 18px;
  }
}
.ss-work-item-content p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .ss-work-item-content p {
    font-size: 14px;
  }
}
.ss-work-right {
  margin-left: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-work-right {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-work-right {
    margin-left: 0px;
    margin-top: 50px;
  }
}
.ss-work-shape-1 {
  position: absolute;
  top: 13%;
  left: 6%;
  mix-blend-mode: luminosity;
  opacity: 0.1;
  z-index: -1;
}
.ss-work-shape-2 {
  position: absolute;
  top: 10%;
  left: 4%;
  z-index: -1;
  animation: moving 9s linear infinite;
}
.ss-work-shape-3 {
  position: absolute;
  bottom: -10%;
  right: 6%;
  z-index: -1;
  -webkit-animation: movingleftright2 infinite 20000ms;
  animation: movingleftright2 infinite 20000ms;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-portfolio-style {
    padding: 120px 0;
  }
}
.ag-portfolio-title {
  font-size: 30px;
  margin-bottom: 23px;
  letter-spacing: -0.04em;
  line-height: 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) {
  .ag-portfolio-title {
    font-size: 24px;
  }
}
.ag-portfolio-title a {
  line-height: 1;
}
.ag-portfolio-arrow {
  height: 36px;
  width: 36px;
  line-height: 31px;
  border-radius: 50%;
  display: inline-block;
  transition: 0.4s;
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
.ag-portfolio-arrow:hover {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}
.ag-portfolio-content {
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 1;
  transition: 0.3s;
  transform: scale(0);
}
.ag-portfolio-thumb {
  overflow: hidden;
  border-radius: 30px;
}
.ag-portfolio-thumb img {
  border-radius: 30px;
  transition: all 0.6s;
}
.ag-portfolio-item {
  border-radius: 30px;
  position: relative;
  z-index: 1;
}
.ag-portfolio-item::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background: linear-gradient(181deg, rgba(11, 207, 119, 0) 0%, #69d619 100%);
  border-radius: 30px;
}
.ag-portfolio-item:hover::after {
  opacity: 1;
  visibility: visible;
}
.ag-portfolio-item:hover .ag-portfolio-content {
  transform: scale(1);
}
.ag-portfolio-item:hover .ag-portfolio-thumb img {
  transform: scale(1.07);
}
.ag-portfolio-shape-1 {
  position: absolute;
  top: 5%;
  left: 5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-portfolio-shape-1 {
    transform: scale(0.5);
  }
}

.it-img-anim canvas {
  top: 0;
  left: 0;
  width: auto;
  height: auto;
  position: absolute;
  border-radius: 30px;
}
.it-img-anim.style-1 canvas {
  border-radius: 0 100px 100px 100px;
}
.it-img-anim.style-3 canvas {
  border-radius: 100px 100px 100px 0;
}
.it-img-anim.style-2 canvas {
  border-radius: 100px 0 100px 100px;
}
.it-img-anim.style-4 canvas {
  border-radius: 100px 100px 0 100px;
}

/*----------------------------------------*/
/*  25. price css start
/*----------------------------------------*/
.it-price-bg {
  background-repeat: no-repeat;
  background-size: cover;
}
.it-price-item {
  padding: 75px 40px;
  padding-bottom: 40px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-price-item {
    padding: 75px 20px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-price-item {
    padding: 75px 40px;
    padding-bottom: 40px;
  }
}
.it-price-item.active .it-price-button .it-btn {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-price-item-list ul li {
  list-style-type: none;
}
.it-price-item-list ul li:not(:last-child) {
  margin-bottom: 18px;
}
.it-price-item-list ul li span {
  position: relative;
  font-weight: 400;
  font-size: 16px;
  padding-left: 27px;
  color: var(--it-common-black);
}
.it-price-item-list ul li span svg {
  position: absolute;
  top: 3px;
  left: 0;
}
.it-price-item-list ul li.in-active span {
  color: #5F6168;
}
.it-price-thumb {
  padding: 22px 10px;
  border-radius: 10px;
  background-color: #F1F5FF;
}
.it-price-thumb img {
  height: 156px;
}
.it-price-value {
  font-weight: 700;
  font-size: 44px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-price-value {
    font-size: 38px;
  }
}
.it-price-value i {
  font-style: normal;
  font-size: 12px;
}
.it-price-tag {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
}
.it-price-tag span {
  border-radius: 0 0 10px 10px;
  font-size: 22px;
  font-weight: 500;
  display: inline-block;
  padding: 5.3px 75px;
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-price-head {
  padding-bottom: 22px;
  margin-bottom: 27px;
  border-bottom: 1px solid rgba(1, 16, 61, 0.1);
}
.it-price-button button {
  font-weight: 600;
  font-size: 20px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .it-price-button button {
    font-size: 16px;
  }
}
.it-price-button .it-btn::after {
  height: 500px;
  width: 500px;
  transition: 0.5s;
}
.it-price-shape-1 {
  position: absolute;
  z-index: -1;
  top: 23%;
  right: 37.5%;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-price-shape-1 {
    right: 36.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-price-shape-1 {
    right: 34.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-shape-1 {
    right: 32.5%;
  }
}
.it-price-shape-2 {
  position: absolute;
  z-index: -1;
  top: 18.5%;
  right: 34.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-price-shape-2 {
    top: 16.5%;
    right: 32.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-price-shape-2 {
    top: 16.5%;
    right: 30.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-price-shape-2 {
    top: 16.5%;
    right: 26.5%;
  }
}
.it-price-shape-3 {
  position: absolute;
  top: 13%;
  left: 11%;
  z-index: -1;
}
.it-price-shape-4 {
  position: absolute;
  top: 20%;
  right: 11.5%;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 25000ms;
  animation: movingleftright1 infinite 25000ms;
}
.it-price-shape-5 {
  position: absolute;
  top: 12%;
  left: 7%;
  z-index: -1;
}

.dt-price-style .it-price-item.active .it-price-tag span {
  background-color: var(--it-theme-2);
}
.dt-price-style .it-price-item.active .it-btn {
  background-color: var(--it-theme-2);
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-price-style {
    padding-bottom: 90px;
  }
}
.ss-price-style .it-price-item {
  padding-top: 35px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.05);
}
.ss-price-style .it-price-item.active {
  border: 1px solid rgba(255, 206, 90, 0.2);
}
.ss-price-style .it-price-item.active .border-btn {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.ss-price-style .it-price-value {
  font-weight: 700;
  font-size: 35px;
  display: inline-block;
  margin-bottom: 7px;
  color: var(--it-common-white);
}
.ss-price-style .it-price-value-icon {
  flex: 0 0 auto;
}
.ss-price-style .it-price-head {
  padding-bottom: 0;
  margin-bottom: 25px;
}
.ss-price-style .it-price-head i {
  font-weight: 500;
  font-size: 22px;
  display: block;
  font-style: normal;
  margin-bottom: 35px;
  color: var(--it-common-yellow);
}
.ss-price-style .it-price-head p {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}
.ss-price-style .it-price-item-list ul li span {
  font-weight: 400;
  font-size: 16px;
  color: var(--it-common-white);
}

.ai-price-style .it-price-tag {
  position: static;
  text-align: start;
}
.ai-price-style .it-price-tag span {
  font-weight: 600;
  font-size: 30px;
  padding: 0;
  margin-bottom: 8px;
  color: var(--it-common-black);
  background-color: transparent;
  font-family: var(--it-ff-outfit);
}
.ai-price-style .it-price-value {
  font-weight: 700;
  font-size: 60px;
  color: var(--it-theme-6);
  font-family: var(--it-ff-outfit);
}
.ai-price-style .it-price-value i {
  font-size: 20px;
}
.ai-price-style .it-price-value .dollar {
  margin-bottom: 0;
  font-size: 28px;
  font-weight: 600;
  transform: translateY(-16px);
  display: inline-block;
}
.ai-price-style .it-price-item {
  padding: 43px 40px;
  padding-bottom: 40px;
  border: 1px solid var(--it-theme-6);
  border-radius: 30px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-price-style .it-price-item {
    padding: 43px 20px;
    padding-bottom: 40px;
  }
}
.ai-price-style .it-price-item.active {
  background-color: var(--it-theme-6);
}
.ai-price-style .it-price-item.active .it-price-tag span {
  color: #1e1e2d;
}
.ai-price-style .it-price-item.active .it-price-value {
  color: #1e1e2d;
}
.ai-price-style .it-price-item.active .it-price-item-list > span {
  color: #1e1e2d;
}
.ai-price-style .it-price-item.active .it-price-item-list ul li span {
  color: #1e1e2d;
}
.ai-price-style .it-price-item.active .ai-btn {
  color: var(--it-theme-6);
  background-color: var(--it-common-white);
}
.ai-price-style .it-price-item-list > span {
  font-weight: 500;
  font-size: 20px;
  color: var(--it-common-black);
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 30px;
}
.ai-price-style .it-price-item-list ul li span {
  padding-left: 31px;
}
.ai-price-style .it-price-item-list ul li:not(:last-child) {
  margin-bottom: 21px;
}
.ai-price-style .it-price-item-list ul li svg {
  top: 0;
}
.ai-price-style .it-price-head {
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(1, 16, 61, 0.1);
}
.ai-price-style .it-price-recommend {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
  padding: 9px 28px;
  background-color: var(--it-common-black);
  border-radius: 0 30px;
}
.ai-price-style .it-price-shape-1 {
  top: 26%;
  right: 37.5%;
  transform: rotate(20deg);
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ai-price-style .it-price-shape-1 {
    top: 26%;
    right: 36.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ai-price-style .it-price-shape-1 {
    top: 26%;
    right: 34.5%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-price-style .it-price-shape-1 {
    top: 25%;
    right: 31.5%;
  }
}
.ai-price-style .it-price-shape-2 {
  top: 22.5%;
  right: 33.5%;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .ai-price-style .it-price-shape-2 {
    top: 22.5%;
    right: 31.5%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .ai-price-style .it-price-shape-2 {
    top: 22.5%;
    right: 29%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-price-style .it-price-shape-2 {
    top: 20.5%;
    right: 25.5%;
  }
}

.ma-price-style {
  background: linear-gradient(180deg, #f1f5ff 0%, rgba(241, 245, 255, 0) 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) {
  .ma-price-style {
    padding: 120px 0;
  }
}
.ma-price-style .it-price-item {
  padding-bottom: 50px;
  box-shadow: 0 20px 50px 0 rgba(12, 30, 27, 0.15), 0 20px 50px 0 rgba(255, 255, 255, 0.25);
  background: #fff;
  border-radius: 20px;
  border: none;
}
.ma-price-style .it-price-tag {
  text-align: center;
}
.ma-price-style .it-price-tag span {
  margin-bottom: 15px;
}
.ma-price-style .it-price-text p {
  margin-bottom: 25px;
  line-height: 1.7;
}
.ma-price-style .it-price-head {
  padding-bottom: 0px;
  margin-bottom: 20px;
  border-bottom: none;
}
.ma-price-style .it-price-value {
  color: var(--it-common-black);
  font-weight: 600;
  font-family: var(--it-ff-heading);
}
.ma-price-style .it-price-value i {
  font-size: 20px;
}
.ma-price-style .it-price-shape-1 {
  top: 28%;
  right: 37.5%;
  transform: rotate(0);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-price-style .it-price-shape-1 {
    top: 26%;
    right: 30.5%;
    transform: rotate(0);
  }
}
.ma-price-style .it-price-shape-2 {
  top: 24.5%;
  right: 33.5%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-price-style .it-price-shape-2 {
    top: 22.5%;
    right: 23.5%;
  }
}
.ma-price-style .it-toggle-input-wrap {
  background-color: var(--it-theme-4);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-price-style {
    padding-bottom: 100px;
  }
}
.ag-price-style .it-price-item {
  border: none;
  position: relative;
  z-index: 3;
  border-radius: 30px;
}
.ag-price-style .it-price-item::before {
  position: absolute;
  top: 1.5px;
  left: 1px;
  right: 0;
  text-align: center;
  content: "";
  height: 99.5%;
  width: 99.5%;
  background: #1B2A29;
  z-index: -1;
  margin: 0 auto;
  border-radius: 30px;
  transition: 0.5s;
}
.ag-price-style .it-price-item::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  background: linear-gradient(to right, #0BCF77, #69D619);
  z-index: -2;
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-price-style .it-price-item::after {
    width: 100.2%;
  }
}
.ag-price-style .it-price-item.active {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
.ag-price-style .it-price-item.active::before {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
.ag-price-style .it-price-item.active .it-price-tag span {
  color: var(--it-common-black);
}
.ag-price-style .it-price-item.active .it-price-value {
  color: var(--it-common-black);
}
.ag-price-style .it-price-item.active .it-price-item-list > span {
  color: var(--it-common-black);
}
.ag-price-style .it-price-item.active .it-price-item-list ul li span {
  color: var(--it-common-black);
}
.ag-price-style .it-price-item.active .ai-btn {
  color: var(--it-theme-4);
  background-color: var(--it-common-white);
}
.ag-price-style .it-price-item.active .it-price-head {
  border-bottom: 1px solid rgba(20, 50, 48, 0.2);
}
.ag-price-style .it-price-tag span {
  color: var(--it-common-white);
}
.ag-price-style .it-price-value {
  color: var(--it-common-white);
}
.ag-price-style .it-price-item-list > span {
  color: var(--it-common-white);
}
.ag-price-style .it-price-item-list ul li span {
  color: var(--it-common-white);
}
.ag-price-style .ai-btn {
  color: var(--it-theme-6);
  background-color: var(--it-common-white);
}
.ag-price-style .it-price-head {
  border-bottom: 1px solid rgba(217, 217, 217, 0.2);
}
.ag-price-style .it-price-button button {
  color: var(--it-common-white);
}
.ag-price-style .ag-price-big-text {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 300px;
  letter-spacing: -0.04em;
  position: absolute;
  top: -14%;
  left: 0;
  right: 0;
  z-index: -1;
  text-align: center;
  color: transparent;
  font-family: var(--it-ff-roboto);
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-price-style .ag-price-big-text {
    font-size: 180px;
    top: -10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-price-style .ag-price-big-text {
    font-size: 160px;
    top: -5%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-price-style .ag-price-big-text {
    font-size: 120px;
    top: -5%;
  }
}
@media (max-width: 767px) {
  .ag-price-style .ag-price-big-text {
    top: -5%;
    font-size: 80px;
  }
}
.ag-price-style .it-toggle-input-wrap {
  background-color: var(--it-common-white);
}
.ag-price-style .it-switch-toggle {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
.ag-price-style .it-toggler-pre, .ag-price-style .it-toggler-post {
  font-weight: 600;
  font-size: 28px;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.5);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-price-style .it-toggler-pre, .ag-price-style .it-toggler-post {
    font-size: 21px;
  }
}
.ag-price-style .it-toggler-pre.is-active, .ag-price-style .it-toggler-post.is-active {
  color: var(--it-common-white);
}
.ag-price-style .it-toggler-pre:hover, .ag-price-style .it-toggler-post:hover {
  color: var(--it-common-white);
}

.it-price-inner-style .it-price-item {
  box-shadow: 0 4px 30px 0 rgba(116, 111, 255, 0.2);
  background: #fff;
}

.it-toggler-pre,
.it-toggler-post {
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  color: #848788;
  transition: all 0.3s;
}
.it-toggler-pre.is-active,
.it-toggler-post.is-active {
  color: var(--it-common-black);
}
.it-toggler-pre:hover,
.it-toggler-post:hover {
  color: var(--it-common-black);
}

.it-toggler-pre {
  margin-right: 15px;
}

.it-toggler-post {
  margin-left: 15px;
}

.it-toggle-input-wrap {
  position: relative;
  width: 76px;
  height: 36px;
  overflow: hidden;
  border-radius: 100px;
  background-color: var(--it-theme-1);
}

.it-price-nav-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}
.it-price-nav-wrapper .it-input-check {
  position: absolute;
  display: block;
  cursor: pointer;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 6;
  width: 100%;
  height: 100%;
}
.it-price-nav-wrapper .it-input-check:checked ~ .it-switch-toggle {
  left: 4px;
  right: 57.3%;
}

.it-switch-toggle {
  position: absolute;
  top: 4px;
  right: 4px;
  left: 57.3%;
  bottom: 4px;
  z-index: 1;
  border-radius: 100%;
  box-shadow: 0 4px 6px 0 rgba(1, 17, 22, 0.24);
  transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
  background: linear-gradient(180deg, #fff 0%, #e1e4e8 100%);
}

.it-tab-hide {
  display: none;
}

.it-plan-box {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-plan-box {
    width: 930px;
    overflow-x: scroll;
    scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-plan-wrap {
    overflow-x: scroll;
    scrollbar-color: rgba(255, 255, 255, 0.559) rgba(255, 255, 255, 0.14);
  }
}
.it-plan-title {
  font-weight: 700;
  font-size: 22px;
  color: #000;
  margin-bottom: 0;
  padding-left: 35px;
  margin-right: 27px;
  border-right: 1px solid #BCBDC0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-plan-title {
    font-size: 18px;
  }
}
.it-plan-head ul {
  display: flex;
}
.it-plan-head ul li {
  list-style-type: none;
  display: inline-block;
  width: 25%;
  text-align: center;
}
.it-plan-head ul li:first-child span {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
.it-plan-head ul li:nth-child(2) span {
  background: var(--it-theme-1);
}
.it-plan-head ul li:nth-child(3) span {
  background: #295DFB;
}
.it-plan-head ul li:nth-child(4) span {
  background: #FFCE5A;
}
.it-plan-item span {
  font-weight: 600;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  padding: 9px 21px;
  border-radius: 10px;
  letter-spacing: -0.02em;
  color: var(--it-common-white);
}
.it-plan-top-box {
  padding-left: 40px;
  border-radius: 10px 10px 0 0;
  background-color: #F1F5FF;
}
.it-plan-top-height {
  height: 68px;
}
.it-plan-bottom ul {
  display: flex;
}
.it-plan-bottom ul li {
  list-style-type: none;
  display: inline-block;
  width: 25%;
  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) {
  .it-plan-bottom ul li {
    font-size: 15px;
  }
}
.it-plan-bottom-title {
  padding-right: 20px;
  position: relative;
}
.it-plan-bottom-title-sm {
  font-weight: 400;
  font-size: 17px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-plan-bottom-title-sm {
    font-size: 15px;
  }
}
.it-plan-height {
  height: 80px;
  line-height: 80px;
  padding-left: 40px;
}
.it-plan-height:nth-child(2n) {
  background-color: #F1F5FF;
}

/*----------------------------------------*/
/*  10. cta css start
/*----------------------------------------*/
.it-cta-wrap {
  margin-top: -185px;
  padding: 66px 20px;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-wrap {
    padding: 66px 40px;
  }
}
@media (max-width: 767px) {
  .it-cta-wrap {
    padding: 66px 20px;
  }
}
.it-cta-input-box {
  display: inline-block;
}
.it-cta-input-box form input {
  border-radius: 30px;
  width: 600px;
  height: 60px;
  padding-right: 180px;
  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) {
  .it-cta-input-box form input {
    width: 450px;
    height: 54px;
    line-height: 54px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-cta-input-box form input {
    width: 380px;
    height: 54px;
    line-height: 54px;
  }
}
@media (max-width: 767px) {
  .it-cta-input-box form input {
    width: 100%;
    height: 54px;
    line-height: 54px;
    padding-right: 140px;
  }
}
.it-cta-input-box button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 4px;
  padding: 14.4px 38px;
}
@media (max-width: 767px) {
  .it-cta-input-box button {
    padding: 14.4px 25px;
  }
}
.it-cta-link a {
  font-weight: 400;
  font-size: 20px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-cta-link a {
    font-size: 17px;
  }
}
.it-cta-link a:last-child {
  color: var(--it-common-black);
}

.dt-cta-wrap {
  padding: 73px 0;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-cta-wrap {
    padding: 60px 60px;
  }
}
@media (max-width: 767px) {
  .dt-cta-wrap {
    padding: 60px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-cta-wrap .it-section-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .dt-cta-wrap .it-section-title {
    font-size: 27px;
  }
}
.dt-cta-shape-1 {
  position: absolute;
  bottom: 23%;
  left: 26%;
  z-index: -1;
}
.dt-cta-shape-2 {
  position: absolute;
  bottom: 12%;
  right: 10%;
  z-index: -1;
}

.pg-cta-wrap {
  padding: 120px 0;
  border-radius: 10px;
  background-color: #F1F5FF;
}
@media (max-width: 767px) {
  .pg-cta-wrap {
    padding: 60px 20px;
  }
}
.pg-cta-wrap .pg-btn.green-bg {
  padding: 17px 40px;
}
@media (max-width: 767px) {
  .pg-cta-wrap .pg-btn.green-bg {
    padding: 15px 25px;
  }
}
.pg-cta-shape-1 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (max-width: 767px) {
  .pg-cta-shape-1 {
    display: none;
  }
}
.pg-cta-shape-2 {
  position: absolute;
  bottom: 30%;
  left: 8%;
  animation: ittranslateX2 4s infinite alternate;
}
@media (max-width: 767px) {
  .pg-cta-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-cta-area {
    padding: 120px 0;
  }
}
.cr-cta-wrap .cr-section-title {
  font-family: var(--it-ff-roboto);
}
.cr-cta-wrap .it-cta-input-box input {
  background: #fff;
  box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.15);
}
.cr-cta-wrap .it-cta-link a {
  color: #0C1E1B;
}
.cr-cta-wrap .it-cta-link a:last-child {
  color: var(--it-theme-1);
}
.cr-cta-shape-1 {
  position: absolute;
  top: -61%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
}
.cr-cta-shape-2 {
  position: absolute;
  top: 33%;
  left: 15%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .cr-cta-shape-2 {
    left: 5%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-cta-shape-2 {
    top: 42%;
    left: 5%;
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-cta-shape-2 {
    top: 46%;
    left: 4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .cr-cta-shape-2 {
    display: none;
  }
}
.cr-cta-shape-3 {
  position: absolute;
  top: 41%;
  right: 14%;
  z-index: -1;
  -webkit-animation: animationglob 50s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
  animation: animationglob 4s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

.ss-cta-ptb {
  padding: 116px 0;
}
.ss-cta-title {
  font-weight: 600;
  font-size: 65px;
  font-family: var(--it-ff-body);
  line-height: 1.25;
  margin-bottom: 35px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ss-cta-title {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ss-cta-title {
    font-size: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-cta-title {
    font-size: 38px;
  }
}
@media (max-width: 767px) {
  .ss-cta-title {
    font-size: 35px;
  }
}
.ss-cta-shape-1 {
  position: absolute;
  z-index: -1;
  top: 19%;
  left: 5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-cta-shape-1 {
    top: 8%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .ss-cta-shape-1 {
    top: 8%;
    transform: scale(0.5);
  }
}
.ss-cta-shape-2 {
  position: absolute;
  z-index: -1;
  bottom: 24%;
  left: 21%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-cta-shape-2 {
    left: 15%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .ss-cta-shape-2 {
    display: none;
  }
}
.ss-cta-shape-3 {
  position: absolute;
  z-index: -1;
  top: 15%;
  right: 12%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-cta-shape-3 {
    right: 7%;
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .ss-cta-shape-3 {
    display: none;
  }
}
.ss-cta-shape-4 {
  position: absolute;
  z-index: -1;
  bottom: 15%;
  right: 8%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ss-cta-shape-4 {
    transform: scale(0.5);
  }
}
@media (max-width: 767px) {
  .ss-cta-shape-4 {
    bottom: 7%;
    transform: scale(0.5);
  }
}

.ai-cta-wrap {
  margin-top: 0;
  padding-top: 75px;
  padding-bottom: 70px;
  background-position: center;
}
.ai-cta-wrap .it-cta-info span {
  font-weight: 400;
  font-size: 16px;
  margin: 0 25px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-cta-wrap .it-cta-info span {
    margin: 0 7px;
  }
}
@media (max-width: 767px) {
  .ai-cta-wrap .it-cta-info span {
    margin: 0 7px;
    display: block;
    margin-bottom: 10px;
    text-align: start;
  }
}
.ai-cta-wrap .it-cta-info span svg {
  display: inline-block;
  transform: translateY(-3px);
  margin-right: 11px;
}
.ai-cta-shape-1 {
  position: absolute;
  top: 32%;
  left: 5%;
  z-index: -1;
}
@media (max-width: 767px) {
  .ai-cta-shape-1 {
    display: none;
  }
}
.ai-cta-shape-2 {
  position: absolute;
  bottom: 23%;
  right: 5%;
  z-index: -1;
}
@media (max-width: 767px) {
  .ai-cta-shape-2 {
    display: none;
  }
}

.seo-cta-right-box {
  margin-left: 67px;
  padding: 30px;
  border: 1px solid rgba(31, 226, 144, 0.5);
  border-radius: 10px;
  background-color: #F1F5FF;
  box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-cta-right-box {
    margin-left: 0;
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-cta-right-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-cta-left-box {
    margin-bottom: 50px;
  }
}
.seo-cta-left-box .it-cta-input-box form input {
  width: 503px;
  border: 1px solid rgba(20, 50, 48, 0.2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-cta-left-box .it-cta-input-box form input {
    width: 350px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-cta-left-box .it-cta-input-box form input {
    width: 350px;
  }
}
@media (max-width: 767px) {
  .seo-cta-left-box .it-cta-input-box form input {
    width: 100%;
  }
}
.seo-cta-left-box .it-cta-input-box form input:focus {
  border: 1px solid var(--it-theme-4);
}
.seo-cta-left-box .it-cta-input-box button {
  background-color: var(--it-theme-4);
}
.seo-cta-shape-1 {
  position: absolute;
  bottom: -11%;
  right: -11%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: top left;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-cta-shape-1 {
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .seo-cta-shape-1 {
    display: none;
  }
}
.seo-cta-shape-2 {
  position: absolute;
  top: 12%;
  left: 7%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-cta-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-cta-shape-2 {
    top: 2%;
    transform: scale(0.6);
  }
}
@media (max-width: 767px) {
  .seo-cta-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-cta-area {
    padding: 120px 0;
  }
}

.seo-cta-style .it-section-title {
  font-family: var(--it-ff-roboto);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-cta-style .it-section-title {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .seo-cta-style .it-section-title {
    font-size: 27px;
  }
}
.seo-cta-style .ai-cta-wrap {
  padding: 92px 20px;
}
@media (max-width: 767px) {
  .seo-cta-style .ai-cta-wrap {
    padding: 65px 20px;
  }
}
.seo-cta-style .ai-cta-shape-2 {
  top: 27%;
  bottom: auto;
  right: 10%;
}
.seo-cta-style .ai-cta-shape-1 {
  bottom: 15%;
  top: auto;
  left: 12%;
}

.ag-cta-style .ai-cta-wrap {
  padding: 106.5px 0;
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-cta-style .ai-cta-wrap {
    padding: 60px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-cta-style .ag-section-title {
    font-size: 26px;
  }
}
.ag-cta-style .ai-cta-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  height: 100%;
}
.ag-cta-style .ai-cta-shape-2 {
  position: absolute;
  bottom: 0;
  left: 4%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-cta-style .ai-cta-shape-2 {
    left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-cta-style .ai-cta-shape-2 {
    left: -9%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-cta-style .ai-cta-shape-2 {
    display: none;
  }
}
.ag-cta-style .ai-cta-shape-3 {
  position: absolute;
  bottom: 0;
  right: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-cta-style .ai-cta-shape-3 {
    right: -3%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-cta-style .ai-cta-shape-3 {
    right: -13%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-cta-style .ai-cta-shape-3 {
    display: none;
  }
}

@media (max-width: 767px) {
  .it-cta-inner-style.cr-cta-area {
    padding-top: 0;
  }
}

/*----------------------------------------*/
/*  32. testimonial css start
/*----------------------------------------*/
.it-testimonial-left-box {
  margin-left: 88px;
  padding-bottom: 70px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-left-box {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-left-box {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-left-box {
    margin-left: 0px;
    margin-top: 80px;
  }
}
.it-testimonial-thumb {
  position: relative;
  display: inline-block;
  text-align: center;
}
.it-testimonial-thumb::after {
  position: absolute;
  content: "";
  bottom: 0;
  right: -2%;
  height: 84%;
  width: 104%;
  border-radius: 20px;
  z-index: -1;
  background-color: #F1F5FF;
}
.it-testimonial-quote {
  border-radius: 10px;
  width: 50px;
  height: 50px;
  line-height: 45px;
  text-align: center;
  display: inline-block;
  background-color: #F1F5FF;
}
.it-testimonial-text {
  font-style: italic;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 40px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-text {
    font-size: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-testimonial-text {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .it-testimonial-text {
    font-size: 16px;
  }
  .it-testimonial-text br {
    display: none;
  }
}
.it-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 20px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .it-testimonial-author-info h5 {
    font-size: 17px;
  }
}
.it-testimonial-author-info span {
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 767px) {
  .it-testimonial-author-info span {
    font-size: 12px;
  }
}
.it-testimonial-right-box {
  margin-left: 75px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-right-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-right-box {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-right-box {
    margin-left: 0;
  }
}
.it-testimonial-arrow-box {
  position: absolute;
  top: 52%;
  right: -23%;
  z-index: 1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-testimonial-arrow-box {
    right: -15%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-arrow-box {
    display: none;
  }
}
.it-testimonial-arrow-box button {
  padding: 0;
  display: block;
}
.it-testimonial-arrow-box button span {
  height: 55px;
  width: 55px;
  line-height: 53px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: #F1F5FF;
}
.it-testimonial-arrow-box button.active span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-testimonial-arrow-box button.slider-next {
  margin-bottom: 10px;
  margin-left: 30px;
}
.it-testimonial-shape-1 {
  position: absolute;
  top: 8%;
  left: -15%;
  z-index: -2;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom right;
}
.it-testimonial-shape-2 {
  position: absolute;
  bottom: 0;
  right: -25%;
  z-index: -2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-2 {
    bottom: 3%;
    right: 2%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-2 {
    display: none;
  }
}
.it-testimonial-shape-3 {
  position: absolute;
  top: 7.5%;
  right: -10.5%;
  z-index: -2;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-3 {
    right: 10%;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-testimonial-shape-3 {
    right: 10%;
  }
}
.it-testimonial-shape-4 {
  position: absolute;
  top: 15%;
  right: 9%;
  z-index: -1;
  animation: zoom 7s infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-testimonial-shape-4 {
    top: 6%;
    right: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-testimonial-shape-4 {
    top: 4%;
  }
}
@media (max-width: 767px) {
  .it-testimonial-shape-4 {
    top: 19%;
    right: 9%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-testimonial-area {
    padding-bottom: 120px;
  }
}
.dt-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 20px;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .dt-testimonial-author-info h5 {
    font-size: 18px;
  }
}
.dt-testimonial-author-info span {
  font-weight: 500;
  font-size: 14px;
  color: var(--it-theme-2);
}
.dt-testimonial-text p {
  font-style: italic;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.6;
  color: var(--it-common-black);
}
@media (max-width: 767px) {
  .dt-testimonial-text p {
    font-size: 16px;
  }
}
.dt-testimonial-shape-1 {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
  text-align: center;
}
.dt-testimonial-shape-2 {
  position: absolute;
  top: 20%;
  left: 16%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-testimonial-shape-2 {
    left: 5%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-2 {
    top: 30%;
    transform: scale(0.7);
  }
}
.dt-testimonial-shape-3 {
  position: absolute;
  top: 51%;
  left: 23%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-testimonial-shape-3 {
    left: 12%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-3 {
    left: 7%;
    top: 55%;
    transform: scale(0.7);
  }
}
.dt-testimonial-shape-4 {
  position: absolute;
  top: 74%;
  left: 8%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-4 {
    top: 84%;
    transform: scale(0.7);
  }
}
.dt-testimonial-shape-5 {
  position: absolute;
  top: 22%;
  right: 17%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-5 {
    top: 30%;
    transform: scale(0.7);
  }
}
.dt-testimonial-shape-6 {
  position: absolute;
  bottom: 55%;
  right: 5%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-6 {
    bottom: 46%;
    transform: scale(0.7);
  }
}
.dt-testimonial-shape-7 {
  position: absolute;
  bottom: 27%;
  right: 14%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-testimonial-shape-7 {
    bottom: 15%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-testimonial-area {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
.pg-testimonial-ptb {
  padding-top: 160px;
  padding-bottom: 290px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-testimonial-ptb {
    padding-top: 120px;
    padding-bottom: 230px;
  }
}
.pg-testimonial-item {
  padding: 30px;
  border-radius: 10px;
  background-color: var(--it-common-white);
}
.pg-testimonial-item .it-testimonial-quote {
  color: var(--it-theme-3);
  background: rgba(14, 88, 70, 0.2);
}
.pg-testimonial-item .dt-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 18px;
}
.pg-testimonial-item .dt-testimonial-author-info span {
  font-weight: 500;
  font-size: 14px;
}
.pg-testimonial-text p {
  font-weight: 500;
  font-size: 16px;
  color: var(--it-common-black);
}
.pg-testimonial-active {
  margin-right: -395px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-testimonial-active {
    margin-right: 0;
  }
}
.pg-testimonial-arrow-box button {
  padding: 0;
}
.pg-testimonial-arrow-box button span {
  height: 55px;
  width: 55px;
  display: inline-block;
  line-height: 53px;
  border-radius: 50%;
  background-color: var(--it-common-white);
  box-shadow: 0 0 15px 0 rgba(255, 255, 255, 0.25);
  transition: 0.3s;
}
.pg-testimonial-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-testimonial-left {
    margin-bottom: 50px;
  }
}

.cr-testimonial-style .cr-section-title {
  font-family: var(--it-ff-roboto);
}
.cr-testimonial-style .pg-testimonial-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.cr-testimonial-style .cr-testimonial-quote {
  background: rgba(14, 88, 70, 0.2);
  height: 50px;
  width: 50px;
  line-height: 45px;
  border-radius: 10px;
  text-align: center;
}

.ss-testimonial-style .pg-testimonial-arrow-box button span {
  color: var(--it-common-white);
  line-height: 50px;
  background-color: transparent;
  border: 1px solid #3B37F4;
  box-shadow: none;
}
.ss-testimonial-style .pg-testimonial-arrow-box button:hover span {
  background-color: var(--it-theme-5);
}
.ss-testimonial-style .pg-testimonial-active {
  margin-right: 0;
}
.ss-testimonial-style .pg-testimonial-item {
  border: 1px solid #3b37f4;
  border-radius: 50px;
  padding: 50px;
  background: rgba(255, 255, 255, 0.1);
}
.ss-testimonial-style .pg-testimonial-text p {
  color: var(--it-common-white);
  line-height: 1.8;
}
.ss-testimonial-style .dt-testimonial-author-info h5 {
  color: var(--it-common-white);
}
.ss-testimonial-style .dt-testimonial-author-info span {
  color: var(--it-common-yellow);
}

.ai-testimonial-style {
  padding-top: 230px;
  padding-bottom: 190px;
}
@media (max-width: 767px) {
  .ai-testimonial-style {
    padding: 120px 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) {
  .ai-testimonial-style .dt-testimonial-text p {
    font-size: 16px;
  }
}

.seo-testimonial-style .it-testimonial-arrow-box button.active span {
  color: var(--it-common-white);
  background-color: var(--it-theme-4);
}
.seo-testimonial-style .it-testimonial-arrow-box button span {
  color: var(--it-theme-4);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .seo-testimonial-style .it-testimonial-shape-4 {
    top: 19%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .seo-testimonial-style .it-testimonial-shape-2 {
    bottom: 3%;
    right: -19%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-testimonial-style .it-testimonial-shape-2 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-testimonial-style .it-testimonial-shape-3 {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-testimonial-style .it-testimonial-right-box {
    margin-left: 20px;
  }
}

.ag-testimonial-style .it-testimonial-text {
  color: var(--it-common-white);
}
.ag-testimonial-style .it-testimonial-author-info h5 {
  font-weight: 700;
  font-size: 20px;
  color: var(--it-common-white);
}
.ag-testimonial-style .it-testimonial-author-info span {
  font-weight: 500;
  font-size: 14px;
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ag-testimonial-style .ag-testimonial-right-box {
  margin: 70px 0;
  margin-left: 85px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-testimonial-style .ag-testimonial-right-box {
    margin-left: 0;
  }
}
.ag-testimonial-style .ag-testimonial-thumb {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 45.5%;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-testimonial-style .ag-testimonial-thumb {
    position: static;
    width: 100%;
  }
}
.ag-testimonial-style .ag-testimonial-thumb img {
  height: 100%;
  object-fit: cover;
  border-radius: 0 30px 30px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-testimonial-style .ag-testimonial-thumb img {
    border-radius: 0;
  }
}
.ag-testimonial-style .it-testimonial-arrow-box {
  position: absolute;
  bottom: 0;
  top: auto;
  right: 0;
  z-index: 3;
}
.ag-testimonial-style .it-testimonial-arrow-box button {
  display: inline-block;
  line-height: 54px;
}
.ag-testimonial-style .it-testimonial-arrow-box button span {
  color: var(--it-common-white);
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}

.it-testimonial-inner-style .pg-testimonial-arrow-box button:hover span {
  background-color: var(--it-theme-1);
}
.it-testimonial-inner-style .dt-testimonial-author-info span {
  color: var(--it-common-black);
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-inner-style-2.pg-testimonial-area {
    padding-bottom: 0;
  }
}
.it-testimonial-inner-style-2 .it-testimonial-quote {
  border-radius: 0px;
  width: auto;
  height: auto;
  line-height: 0;
  text-align: center;
  display: inline-block;
  background-color: transparent;
}
.it-testimonial-inner-style-2 .dt-testimonial-author-info span {
  font-weight: 500;
  font-size: 14px;
  color: #5F6168;
}
.it-testimonial-inner-style-2 .pg-testimonial-item {
  padding: 30px 30px;
  padding-top: 45px;
  border-radius: 10px;
  box-shadow: 0 4px 50px 0 rgba(255, 255, 255, 0.1);
  background: #F1F5FF;
}
.it-testimonial-inner-style-2 .pg-testimonial-text {
  padding-bottom: 18px;
  margin-bottom: 40px;
  border-bottom: 1.5px dashed #5F6168;
}
.it-testimonial-inner-style-2 .pg-testimonial-text p {
  line-height: 1.7;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-testimonial-inner-style-2 .pg-testimonial-text p {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  05. blog css start
/*----------------------------------------*/
.it-blog-mlr {
  margin: 0 50px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-blog-mlr {
    margin: 0 39px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-mlr {
    margin: 0;
  }
}
.it-blog-wrap {
  padding-top: 115px;
  padding-bottom: 305px;
  border-radius: 50px 50px 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(180deg, #f1f5ff 0%, rgba(241, 245, 255, 0) 100%);
}
.it-blog-thumb {
  border-radius: 10px;
}
.it-blog-thumb img {
  border-radius: 10px;
}
.it-blog-title {
  font-size: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-blog-title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-title {
    font-size: 20px;
  }
}
.it-blog-meta span {
  font-weight: 400;
  font-size: 15px;
}
.it-blog-meta span::after {
  display: inline-block;
  content: "";
  height: 5px;
  width: 5px;
  border-radius: 50%;
  background-color: var(--it-theme-1);
  transform: translateY(-3px);
  margin: 0 15px;
}
.it-blog-meta i {
  font-size: 12px;
  border-radius: 5px;
  padding: 4px 12px;
  display: inline-block;
  color: var(--it-theme-1);
  font-style: normal;
  background: #F1F5FF;
}
.it-blog-content {
  padding: 30px 30px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-content {
    padding: 30px 20px;
    padding-bottom: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-content p {
    font-size: 14px;
  }
  .it-blog-content p br {
    display: none;
  }
}
.it-blog-link {
  font-weight: 600;
  font-size: 17px;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-link {
    font-size: 15px;
  }
}
.it-blog-link svg {
  display: inline-block;
  margin-left: 4px;
}
.it-blog-item {
  border-radius: 10px;
  box-shadow: 0 16px 40px 0 rgba(32, 33, 36, 0.1);
  background: #fff;
}
@media (max-width: 767px) {
  .it-blog-arrow-box {
    margin-top: 30px;
  }
}
.it-blog-arrow-box button span {
  height: 55px;
  width: 55px;
  line-height: 51px;
  text-align: center;
  border-radius: 50%;
  transition: 0.3s;
  display: inline-block;
  color: var(--it-theme-1);
  background-color: #F1F5FF;
}
.it-blog-arrow-box button.slider-next {
  margin-left: 17px;
}
.it-blog-arrow-box button:hover span {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-blog-active {
  margin: -30px;
  padding: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-blog-area {
    padding-bottom: 90px;
  }
}
.ss-blog-item {
  padding: 40px;
  border: 1px solid rgba(59, 55, 244, 0.5);
  border-radius: 50px;
  transition: 0.4s;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-blog-item {
    padding: 40px 25px;
  }
}
.ss-blog-item:hover {
  background-color: var(--it-theme-5);
}
.ss-blog-item:hover .ss-btn {
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.ss-blog-item:hover .ss-blog-date-wrap {
  transform: rotate(10deg);
}
.ss-blog-thumb img {
  width: 100%;
  border-radius: 50px;
}
.ss-blog-title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  text-transform: capitalize;
  margin-bottom: 10px;
  font-family: var(--it-ff-body);
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-blog-title {
    font-size: 21px;
  }
}
.ss-blog-content p {
  font-weight: 400;
  font-size: 17px;
  color: #c6d6c1;
  line-height: 1.8;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-blog-content p {
    font-size: 15px;
  }
}
.ss-blog-date-wrap {
  position: absolute;
  bottom: -28%;
  left: 0;
  right: 0;
  text-align: center;
  transition: 0.3s;
}
.ss-blog-date {
  padding: 14px 14px;
  border-radius: 10px;
  display: inline-block;
  background-color: var(--it-common-white);
}
.ss-blog-date i {
  font-weight: 700;
  font-size: 50px;
  text-transform: capitalize;
  color: #3b37f4;
  font-style: normal;
  display: block;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ss-blog-date i {
    font-size: 35px;
  }
}
.ss-blog-date span {
  font-weight: 600;
  font-size: 15px;
  color: #090f32;
}
.ss-blog-shape-1 {
  position: absolute;
  top: -13%;
  right: 5%;
  z-index: -1;
}
.ss-blog-shape-2 {
  position: absolute;
  top: -19%;
  left: 1%;
  z-index: -1;
  -webkit-animation: movingleftright1 infinite 20000ms;
  animation: movingleftright1 infinite 20000ms;
}
.ss-blog-shape-3 {
  position: absolute;
  bottom: -8%;
  right: 3%;
  z-index: -1;
  -webkit-animation: movingleftright4 infinite 20000ms;
  animation: movingleftright4 infinite 20000ms;
}
@media (max-width: 767px) {
  .ss-blog-shape-3 {
    display: none;
  }
}

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

/*--- blog list css start ---*/
.it-blog-list-left {
  margin-right: 78px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-list-left {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-list-left {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.it-blog-list-style .it-blog-content {
  padding: 30px 50px;
  padding-bottom: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-list-style .it-blog-content {
    padding: 30px 25px;
    padding-bottom: 40px;
  }
}
.it-blog-list-style .it-blog-content p {
  padding-right: 40px;
  font-size: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-list-style .it-blog-content p {
    padding-right: 0;
    font-size: 15px;
  }
}
.it-blog-list-style .it-blog-title {
  font-weight: 600;
  font-size: 35px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-blog-list-style .it-blog-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .it-blog-list-style .it-blog-title {
    font-size: 25px;
  }
}
.it-blog-list-style.blog-list-left-style .it-blog-list-left {
  margin-right: 0px;
  margin-left: 78px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-blog-list-style.blog-list-left-style .it-blog-list-left {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-list-style.blog-list-left-style .it-blog-list-left {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 70px;
  }
}
.it-blog-list-style.blog-list-left-style .sidebar-right {
  margin-left: 0px;
  margin-right: -33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-blog-list-style.blog-list-left-style .sidebar-right {
    margin-right: 0;
  }
}

/*--- details css start ---*/
.postbox-thumb {
  padding: 90px;
  padding-bottom: 75px;
  border-radius: 10px;
  background-color: var(--it-theme-1);
}
@media (max-width: 767px) {
  .postbox-thumb {
    padding: 30px;
  }
}
.postbox-details-wrapper {
  margin-right: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-details-wrapper {
    margin-right: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-details-wrapper {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-details-wrapper {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.postbox-dsc p {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.7;
  font-family: var(--it-ff-body);
  color: #686868;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-dsc p {
    font-size: 14px;
  }
}
.postbox-blockquote {
  border-radius: 10px;
  padding: 40px 100px 50px 50px;
  background-color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-blockquote {
    padding: 35px 40px 35px 40px;
  }
}
.postbox-blockquote span {
  margin-bottom: 0px;
  font-style: italic;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.5;
  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) {
  .postbox-blockquote span {
    font-size: 19px;
  }
}
.postbox-blockquote .quote {
  position: absolute;
  top: 50%;
  right: 9%;
  z-index: -1;
  transform: translateY(-50%);
}
.postbox-banner img {
  border-radius: 10px;
  width: 100%;
}
.postbox-title {
  font-size: 35px;
  color: #262626;
  margin-bottom: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-title {
    font-size: 29px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-title {
    font-size: 24px;
  }
}
.postbox-list ul li {
  list-style-type: none;
  padding-left: 28px;
  position: relative;
}
.postbox-list ul li:not(:last-child) {
  margin-bottom: 14px;
}
.postbox-list ul li span {
  font-weight: 600;
  font-size: 18px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-list ul li span {
    font-size: 16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list ul li span {
    font-size: 16px;
  }
  .postbox-list ul li span br {
    display: none;
  }
}
.postbox-list ul li span svg, .postbox-list ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
.postbox-list.style-2 {
  margin-left: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-list.style-2 {
    margin-left: 0;
  }
}
.postbox-play-icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.postbox-play-icon a {
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
  border-radius: 50%;
}
@media (max-width: 767px) {
  .postbox-slider-arrow-wrap {
    display: none;
  }
}
.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}
.postbox-slider-arrow-wrap button {
  height: 60px;
  width: 60px;
  line-height: 64px;
  background-color: var(--it-common-white);
  color: var(--it-common-black);
  text-align: center;
  font-size: 18px;
}
.postbox-more-wrap {
  padding-bottom: 60px;
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(95, 97, 104, 0.3);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-more-wrap {
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
}
.postbox-more-thumb {
  flex: 0 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .postbox-more-thumb {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-more-thumb {
    display: block;
  }
}
.postbox-more-thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 5px;
  transform: scale(0);
  transition: 0.4s;
  background: rgba(1, 16, 61, 0.6);
}
.postbox-more-thumb img {
  height: 100px;
  width: 100px;
  border-radius: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-more-thumb img {
    height: 80px;
    width: 80px;
  }
}
.postbox-more-thumb:hover::after {
  transform: scale(1);
}
.postbox-more-thumb:hover .postbox-more-thumb-icon {
  transform: translateY(-50%) scale(1);
}
.postbox-more-thumb-icon {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%) scale(0);
  text-align: center;
  z-index: 1;
  transition: 0.4s;
}
.postbox-more-thumb-icon i {
  font-size: 30px;
  color: var(--it-common-white);
}
.postbox-more-content a {
  font-weight: 400;
  font-size: 16px;
  display: inline-block;
  margin-bottom: 10px;
  transition: 0.3s;
  color: var(--it-theme-1);
  text-decoration: transparent;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-more-content a {
    font-size: 14px;
  }
}
.postbox-more-content a:hover {
  text-decoration: underline;
}
.postbox-more-content span {
  font-weight: 500;
  font-size: 25px;
  color: #01103d;
  display: block;
  line-height: 1.25;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-more-content span {
    font-size: 18px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-more-content span {
    font-size: 14px;
  }
}
.postbox-comment-title {
  font-weight: 600;
  font-size: 40px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-title {
    font-size: 30px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-title {
    font-size: 21px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .postbox-comment-title {
    font-size: 26px;
  }
}
.postbox-comment-content ul li {
  list-style-type: none;
  margin-bottom: 30px;
  display: inline-block;
}
.postbox-comment-content ul li.children {
  margin-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 767px) {
  .postbox-comment-content ul li.children {
    margin-left: 0;
  }
}
.postbox-comment-user {
  padding: 55px 38px;
  border-radius: 30px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-comment-user {
    padding: 35px 25px;
  }
}
@media (max-width: 767px) {
  .postbox-comment-user {
    padding: 35px 25px;
    flex-wrap: wrap;
  }
}
.postbox-comment-user .reply-icon {
  position: absolute;
  top: 25%;
  right: 40px;
  padding: 9px 31px;
  font-size: 18px;
  border-radius: 5px;
  transition: 0.3s;
  display: inline-block;
  background-color: #01103D;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-comment-user .reply-icon {
    padding: 8px 20px;
    font-size: 14px;
  }
}
.postbox-comment-user .reply-icon:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-user-thumb {
  flex: 0 0 auto;
}
@media (max-width: 767px) {
  .postbox-user-thumb {
    margin-bottom: 30px;
  }
}
.postbox-user-thumb img {
  height: 150px;
  width: 150px;
  border-radius: 50%;
  margin-right: 28px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-user-thumb img {
    height: 120px;
    width: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .postbox-user-thumb img {
    height: 100px;
    width: 100px;
  }
}
@media (max-width: 767px) {
  .postbox-user-thumb img {
    height: 70px;
    width: 70px;
  }
}
.postbox-user-info .user-title {
  font-size: 30px;
  color: #000;
  margin-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) {
  .postbox-user-info .user-title {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.postbox-user-info span {
  font-weight: 400;
  font-size: 18px;
  color: #686868;
  display: block;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-user-info span {
    font-size: 14px;
    margin-bottom: 15px;
  }
}
.postbox-user-info p {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 1.5;
  margin-right: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-user-info p {
    font-size: 14px;
  }
}
.postbox-review-title {
  font-weight: 600;
  font-size: 40px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-review-title {
    font-size: 30px;
  }
}
.postbox-review-input input {
  font-weight: 500;
  font-size: 15px;
  padding: 0px 30px;
  border-radius: 5px;
  height: 60px;
  line-height: 60px;
  background-color: transparent;
  color: var(--it-common-black);
  border: 1px solid rgba(1, 16, 61, 0.2);
}
.postbox-review-input input:focus {
  border: 1px solid var(--it-theme-1);
}
.postbox-review-input input::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #5B5B5B;
}
.postbox-review-textarea textarea {
  border-radius: 5px;
  height: 300px;
  padding: 20px 20px;
  font-weight: 600;
  font-size: 15px;
  border: 1px solid rgba(1, 16, 61, 0.2);
  background-color: transparent;
  resize: none;
}
@media (max-width: 767px) {
  .postbox-review-textarea textarea {
    height: 170px;
  }
}
.postbox-review-textarea textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.postbox-review-textarea textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  color: #5B5B5B;
}
@media (max-width: 767px) {
  .postbox-tag {
    margin-bottom: 20px;
  }
}
.postbox-tag-title {
  font-weight: 500;
  font-size: 30px;
  color: #00102f;
  margin: 0;
  margin-right: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-tag-title {
    font-size: 22px;
  }
}
.postbox-tag-content a {
  padding: 0 11px;
  height: 29px;
  line-height: 29px;
  display: inline-block;
  background-color: #F1F5FF;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: -0.02em;
  color: var(--it-theme-1);
  transition: 0.3s;
  border-radius: 2px;
}
.postbox-tag-content a:not(:last-child) {
  margin-right: 10px;
}
.postbox-tag-content a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.postbox-share-content a {
  font-size: 18px;
  display: inline-block;
  transition: 0.3s;
  font-size: 20px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-share-content a {
    font-size: 16px;
  }
}
.postbox-share-content a:not(:last-child) {
  margin-right: 15px;
}
.postbox-share-content a:hover {
  color: var(--it-theme-1);
}
.postbox-left-style .postbox-details-wrapper {
  margin-right: 0px;
  margin-left: 78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-left-style .postbox-details-wrapper {
    margin-left: 0;
    margin-bottom: 0;
    margin-top: 70px;
  }
}
.postbox-left-style .sidebar-right {
  margin-left: 0px;
  margin-right: -33px;
}
@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-left-style .sidebar-right {
    margin-right: 0;
  }
}
.postbox-wide-style .postbox-details-wrapper {
  margin-right: 0px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .postbox-wide-style .postbox-details-wrapper {
    margin-right: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-wide-style .postbox-details-wrapper {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.postbox-wide-style .sidebar-right {
  margin-left: 0px;
}
@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-wide-style .sidebar-right {
    margin-left: 0;
  }
}
.postbox-wide-style .postbox-comment-content ul li.children {
  margin-left: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .postbox-wide-style .postbox-comment-content ul li.children {
    margin-left: 0;
  }
}

.sidebar-button button {
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sidebar-button button i {
  color: var(--it-common-black);
}
.sidebar-contact {
  padding: 72px 16px 50px 16px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 5px;
  z-index: 2;
}
.sidebar-contact::before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(24, 24, 24, 0.7);
  content: "";
  border-radius: 5px;
  z-index: -1;
}
.sidebar-contact-call a {
  display: inline-block;
  font-size: 18px;
  font-weight: 600;
  color: var(--it-common-white);
  margin-bottom: 20px;
}
.sidebar-contact-call i {
  display: block;
  font-size: 42px;
  color: var(--it-theme-1);
  margin-bottom: 10px;
}
.sidebar-contact-time span {
  display: inline-block;
  font-size: 14px;
  color: var(--it-common-white);
  margin-bottom: 15px;
}
.sidebar__main-thumb img {
  border-radius: 10px;
}
.sidebar__title {
  font-size: 45px;
  margin-bottom: 20px;
}
.sidebar__banner img {
  border-radius: 10px;
}
.sidebar__banner-right {
  padding: 46px 51px 50px 30px;
  background: var(--it-grey-1);
  border-radius: 10px;
}
.sidebar__banner-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 15px;
}
.sidebar__banner-list ul li {
  position: relative;
  list-style: none;
  padding-left: 25px;
  color: var(--it-common-black);
  margin-bottom: 10px;
}
.sidebar__banner-list ul li i {
  position: absolute;
  color: var(--it-theme-1);
  top: 3px;
  left: 0;
}
.sidebar__content-title {
  font-size: 40px;
}
.sidebar__button a {
  text-transform: uppercase;
  border-radius: 50px;
}
.sidebar-widget-title {
  font-weight: 700;
  font-size: 26px;
  text-transform: capitalize;
  color: var(--it-common-black);
  font-family: var(--it-ff-body);
}
.sidebar-widget-list {
  width: 100%;
  height: 60px;
  line-height: 60px;
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  padding: 0px 30px;
  display: flex;
  justify-content: space-between;
  color: #4D5756;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
  transition: 0.3s;
}
.sidebar-widget-list.active {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-list:hover {
  background-color: var(--it-theme-1);
  border-color: var(--it-theme-1);
  color: var(--it-common-white);
}
.sidebar-widget-quote {
  padding: 50px 60px;
  padding-bottom: 40px;
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .sidebar-widget-quote {
    padding: 50px 20px;
    padding-bottom: 40px;
  }
}
.sidebar-widget-quote h5 {
  font-weight: 600;
  font-size: 25px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 15px;
  font-family: var(--it-ff-body);
}
.sidebar-widget-quote span {
  font-weight: 600;
  font-size: 16px;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 25px;
}
.sidebar-widget-quote .quote-shape {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  opacity: 0.7;
  mix-blend-mode: luminosity;
}
.sidebar-search-box input {
  width: 100%;
  height: 60px;
  line-height: 60px;
  padding-left: 30px;
  text-transform: capitalize;
  background-color: transparent;
  border: none;
  padding-right: 60px;
  color: var(--it-common-black);
  border: 1px solid #E2E1E1;
  border-radius: 5px;
  outline: none;
}
.sidebar-search-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.sidebar-search-button button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  border-radius: 50%;
  display: inline-block;
  color: var(--it-common-black);
  font-size: 18px;
}
.sidebar-right {
  margin-left: -33px;
}
@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-right {
    margin-left: 0;
  }
}

.categories a {
  position: relative;
  padding: 15px 0px;
  font-size: 12px;
  font-weight: 700;
  display: block;
  color: #8A879F;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-radius: 5px;
  transition: 0.3s;
}
.categories a:hover {
  color: var(--it-common-black);
}
.categories a:hover i {
  right: -5px;
}
.categories a i {
  position: absolute;
  right: 0;
  transition: 0.3s;
}

.tagcloud a {
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  padding: 16px 29px;
  margin-bottom: 20px;
  margin-right: 20px;
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  text-align: center;
  border-radius: 10px;
  border: 1px solid #F1F5FF;
  border-radius: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .tagcloud a {
    padding: 13px 10px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .tagcloud a {
    font-size: 13px;
    padding: 13px 10px;
    margin-right: 5px;
  }
}
.tagcloud a:hover {
  background: var(--it-theme-1);
  color: var(--it-common-white);
}
.tagcloud span {
  font-weight: 600;
  font-size: 16px;
  line-height: 12px;
  color: #202124;
  margin-right: 8px;
}

.rc-post:last-child {
  margin-bottom: 0;
}
.rc-post-thumb img {
  max-width: inherit;
  border-radius: 10px;
}
.rc-post-title {
  font-weight: 600;
  font-size: 16px;
  transition: 0.3s;
  line-height: 1.4;
  margin-bottom: 10px;
  font-family: var(--it-ff-body);
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rc-post-title {
    font-size: 15px;
  }
}
.rc-post-title:hover {
  color: var(--it-theme-1);
}
.rc-meta i {
  margin-right: 10px;
  color: var(--it-theme-1);
}
.rc-meta span {
  font-weight: 400;
  font-size: 15px;
  color: var(--it-theme-1);
}

.postbox-slider-arrow-wrap .postbox-arrow-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  z-index: 9;
}

.postbox-slider-arrow-wrap .postbox-arrow-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  z-index: 9;
}

.postbox-slider-arrow-wrap button {
  height: 60px;
  width: 60px;
  line-height: 64px;
  text-align: center;
  font-size: 18px;
  border-radius: 50%;
  transition: 0.3s;
  color: var(--it-common-black);
  background-color: var(--it-common-white);
}
.postbox-slider-arrow-wrap button:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}

/*----------------------------------------*/
/*  04. analytics css start
/*----------------------------------------*/
.it-analytics-button nav button {
  font-weight: 600;
  font-size: 16px;
  color: #5F6168;
  padding: 17.4px 40px;
  border-radius: 500px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-analytics-button nav button {
    font-size: 14px;
    padding: 9.4px 22px;
  }
}
@media (max-width: 767px) {
  .it-analytics-button nav button {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 9.4px 22px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-analytics-button nav button {
    font-size: 14px;
    margin-bottom: 10px;
    padding: 6.4px 17px;
  }
}
.it-analytics-button nav button:not(:last-child) {
  margin-right: 12px;
}
.it-analytics-button nav button.active {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-analytics-button nav button.active {
    color: var(--it-theme-1);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-analytics-button nav button.active {
    color: var(--it-common-white);
  }
}
.it-analytics-item-box {
  padding: 62px 70px;
  padding-right: 88px;
  border-radius: 30px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-analytics-item-box {
    padding: 52px 30px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-analytics-item-box {
    padding: 52px 30px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-analytics-item-box {
    flex-wrap: wrap;
    padding: 52px 30px;
    padding-right: 35px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-analytics-item-box .it-section-title-2 br {
    display: none;
  }
}
.it-analytics-item-list {
  margin-bottom: 38px;
}
.it-analytics-item-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 32px;
}
.it-analytics-item-list ul li:not(:last-child) {
  margin-bottom: 18px;
}
.it-analytics-item-list ul li span {
  font-weight: 600;
  font-size: 17px;
  color: var(--it-common-white);
}
.it-analytics-item-list ul li svg {
  position: absolute;
  top: 0;
  left: 0;
}
.it-analytics-item-right {
  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) {
  .it-analytics-item-right {
    flex: auto;
  }
}
@media (max-width: 767px) {
  .it-analytics-item-thumb {
    margin-bottom: 15px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-analytics-item-thumb img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .it-analytics-item-thumb-box {
    width: 100%;
  }
}
.it-analytics-shape-1 {
  position: absolute;
  bottom: -29%;
  right: -10%;
  z-index: -1;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-analytics-shape-1 {
    top: 3%;
    right: 2.5%;
  }
}
.it-analytics-shape-2 {
  position: absolute;
  top: 9%;
  right: 7.5%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-analytics-shape-2 {
    top: 2%;
    right: 2.5%;
    transform: scale(0.7);
  }
}

#lineMarker {
  position: absolute;
  top: 50%;
  height: 100%;
  z-index: -1;
  transition: 0.4s;
  border-radius: 500px;
  display: inline-block;
  transform: translateY(-50%);
  background: var(--it-theme-1);
}
@media (max-width: 767px) {
  #lineMarker {
    background: transparent;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  #lineMarker {
    top: 39%;
    background: var(--it-theme-1);
  }
}

/*----------------------------------------*/
/*  02. video css start
/*----------------------------------------*/
.dt-video-ptb {
  padding-top: 120px;
  padding-bottom: 220px;
}
.dt-video-box a {
  height: 113px;
  width: 113px;
  line-height: 110px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-black);
  border-radius: 50%;
  transition: 0.3s;
  margin-right: 15px;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-video-box a {
    height: 80px;
    width: 80px;
    line-height: 78px;
  }
}
.dt-video-box a i {
  display: inline-block;
  padding-left: 4px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-video-box a i svg {
    width: 16px;
  }
}
.dt-video-shape-1 {
  position: absolute;
  bottom: 16%;
  left: 6.5%;
  z-index: -1;
}
.dt-video-shape-2 {
  position: absolute;
  top: 28%;
  left: 57.5%;
  z-index: -1;
}

.cr-video-wrap {
  padding: 115px 70px;
  border-radius: 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) {
  .cr-video-wrap {
    padding: 70px 30px;
  }
}
.cr-video-wrap .cr-section-title {
  font-family: var(--it-ff-roboto);
}
.cr-video-thumb {
  margin-left: -24px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-video-thumb {
    margin-left: 0;
  }
}
.cr-video-thumb img {
  border: 5px solid #0c1e1b;
  border-radius: 30px;
  width: 100%;
}
.cr-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  transform: translate(-50%, -50%);
  height: 76px;
  width: 76px;
  line-height: 74px;
  text-align: center;
  display: inline-block;
  color: var(--it-common-white);
  border-radius: 50%;
  transition: 0.3s;
  margin-right: 15px;
  -webkit-animation: ripple-green 1s linear infinite;
  animation: ripple-green 1s linear infinite;
  box-shadow: 0 4px 30px 0 rgba(0, 0, 0, 0.15);
  background: var(--it-theme-4);
}
.cr-video-btn i, .cr-video-btn svg {
  display: inline-block;
  padding-left: 2px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-video-left {
    margin-bottom: 50px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-video-style {
    padding-bottom: 80px;
  }
}
.ag-video-style .cr-video-thumb img {
  border: none;
}
.ag-video-style .cr-video-btn {
  height: 150px;
  width: 150px;
  line-height: 150px;
  box-shadow: none;
  margin-right: 0;
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-video-style .cr-video-btn {
    height: 110px;
    width: 110px;
    line-height: 110px;
  }
}
@media (max-width: 767px) {
  .ag-video-style .cr-video-btn {
    height: 60px;
    width: 60px;
    line-height: 56px;
  }
}
.ag-video-style .cr-video-btn i {
  display: inline-block;
  padding-left: 5px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-video-style .cr-video-btn i svg {
    width: 25px;
  }
}
@media (max-width: 767px) {
  .ag-video-style .cr-video-btn i svg {
    width: 14px;
  }
}
.ag-video-style .ag-video-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.ag-video-style .ag-video-shape-2 {
  position: absolute;
  top: 4%;
  left: 2%;
  z-index: -1;
  animation: rotate2 5s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-video-style .ag-video-shape-2 {
    transform: scale(0.5);
  }
}

.it-video-inner-item {
  border-radius: 30px;
}
.it-video-inner-item:hover::after {
  opacity: 1;
  visibility: visible;
}
.it-video-inner-item:hover .cr-video-btn {
  transform: translate(-50%, -50%) scale(1);
}
.it-video-inner-item::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border-radius: 30px;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(1, 16, 61, 0.8);
}
.it-video-inner-item .cr-video-btn {
  height: 87px;
  width: 87px;
  line-height: 84px;
  -webkit-animation: ripple-white 1s linear infinite;
  animation: ripple-white 1s linear infinite;
  background-color: var(--it-common-white);
  z-index: 1;
  transition: 0.4s;
  transform: translate(-50%, -50%) scale(0);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-inner-item .cr-video-btn {
    height: 50px;
    width: 50px;
    line-height: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-video-inner-item .cr-video-btn svg {
    width: 11px;
  }
}
.it-video-inner-thumb img {
  width: 100%;
  border-radius: 30px;
}

.dt-video-style-2 {
  padding: 120px 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.dt-video-style-2 .dt-video-box a {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  transform: translateY(-50%);
  color: var(--it-theme-4);
}

/*----------------------------------------*/
/*  15. funfact css start
/*----------------------------------------*/
.dt-funfact-bg {
  border-radius: 30px;
  padding: 0 115px;
  margin-top: -125px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-funfact-bg {
    padding: 0 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-funfact-bg {
    padding: 0 40px;
  }
}
@media (max-width: 767px) {
  .dt-funfact-bg {
    padding: 45px 25px;
  }
}
.dt-funfact-bg::after {
  position: absolute;
  content: "";
  bottom: -16px;
  left: 0;
  right: 0;
  text-align: center;
  width: 95%;
  height: 100%;
  margin: 0 auto;
  border-radius: 30px;
  z-index: -1;
  background: rgba(24, 156, 132, 0.2);
}
.dt-funfact-item {
  padding: 74px 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-funfact-item {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .dt-funfact-item {
    padding: 0;
    width: 100%;
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .dt-funfact-item {
    width: auto;
  }
}
.dt-funfact-item h5 {
  font-weight: 700;
  font-size: 60px;
  color: var(--it-common-white);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-funfact-item h5 {
    font-size: 48px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-funfact-item h5 {
    font-size: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-funfact-item h5 {
    font-size: 36px;
  }
}
@media (max-width: 767px) {
  .dt-funfact-item h5 {
    font-size: 35px;
  }
}
.dt-funfact-item p {
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 0;
  color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-funfact-item p {
    font-size: 13px;
  }
}
.dt-funfact-item.border-right {
  position: relative;
}
.dt-funfact-item.border-right::after {
  position: absolute;
  content: "";
  top: 0;
  right: -40%;
  width: 1px;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-funfact-item.border-right::after {
    right: -31%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-funfact-item.border-right::after {
    right: -21%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-funfact-item.border-right::after {
    display: none;
  }
}
@media (max-width: 767px) {
  .dt-funfact-wrap {
    text-align: center;
  }
}

.pg-funfact-style-2 .dt-funfact-bg {
  background-color: #0c2c43;
  padding: 0 74px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-funfact-style-2 .dt-funfact-bg {
    padding: 70px 50px;
    padding-bottom: 40px;
  }
}
.pg-funfact-style-2 .dt-funfact-bg::after {
  background-color: #8595A1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-funfact-style-2 .dt-funfact-item {
    padding: 0;
    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) {
  .pg-funfact-style-2 .dt-funfact-item.border-right::after {
    display: none;
  }
}
.pg-funfact-style-2 .dt-funfact-item.style-1.border-right::after {
  right: 15%;
}
.pg-funfact-style-2 .dt-funfact-item.style-2 {
  margin-left: 25px;
}
@media (max-width: 767px) {
  .pg-funfact-style-2 .dt-funfact-item.style-2 {
    margin-left: 0px;
  }
}
.pg-funfact-style-2 .dt-funfact-item.style-2.border-right::after {
  right: 0%;
}
.pg-funfact-style-2 .dt-funfact-item.style-3 {
  margin-left: 55px;
}
@media (max-width: 767px) {
  .pg-funfact-style-2 .dt-funfact-item.style-3 {
    margin-left: 0px;
  }
}
.pg-funfact-style-2 .dt-funfact-item.style-3.border-right::after {
  right: -36%;
}

.pg-funfact-style {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.pg-funfact-style .dt-funfact-item {
  padding: 0;
}
.pg-funfact-style .dt-funfact-item p {
  background: linear-gradient(90deg, #0bcf77 0%, #69d619 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-funfact-style .dt-funfact-item p {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-funfact-style .dt-funfact-item {
    padding: 0;
    padding-top: 50px;
  }
}
.ma-funfact-style .dt-funfact-item.style-2 {
  margin-left: 30px;
}
@media (max-width: 767px) {
  .ma-funfact-style .dt-funfact-item.style-2 {
    margin-left: 0;
  }
}
.ma-funfact-style .dt-funfact-item.style-3 {
  margin-left: 80px;
}
@media (max-width: 767px) {
  .ma-funfact-style .dt-funfact-item.style-3 {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-funfact-style {
    margin-top: 100px;
  }
}
.cr-funfact-style .dt-funfact-item.style-2 {
  margin-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-funfact-style .dt-funfact-item.style-2 {
    margin-left: 0;
  }
}
.cr-funfact-style .dt-funfact-item.style-3 {
  margin-left: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-funfact-style .dt-funfact-item.style-3 {
    margin-left: 30px;
  }
}
@media (max-width: 767px) {
  .cr-funfact-style .dt-funfact-item.style-3 {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-funfact-style .dt-funfact-item {
    padding-left: 0;
    padding-right: 0;
  }
}

.it-funfact-inner-style .dt-funfact-item h5 {
  font-weight: 600;
  font-family: var(--it-ff-roboto);
  color: var(--it-common-black);
}
.it-funfact-inner-style .dt-funfact-item p {
  background: none;
  -webkit-text-fill-color: var(--it-common-black);
  color: var(--it-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-inner-style.cr-funfact-style {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-inner-style .dt-funfact-item {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-funfact-inner-style .dt-funfact-item.style-4 {
    margin-bottom: 0px;
  }
}

.dt-funfact-inner-style .dt-funfact-item {
  text-align: center;
  border: 1px solid #01103D;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-funfact-inner-style .dt-funfact-item {
    padding: 50px 5px;
  }
}
@media (max-width: 767px) {
  .dt-funfact-inner-style .dt-funfact-item {
    border: none;
  }
}
.dt-funfact-inner-style .dt-funfact-item h5 {
  color: var(--it-common-black);
}
.dt-funfact-inner-style .dt-funfact-item p {
  color: var(--it-common-black);
}
.dt-funfact-inner-style .dt-funfact-bg {
  border-radius: 0px;
  padding: 120px 0;
  margin-top: 0px;
  background-color: transparent;
}
.dt-funfact-inner-style .dt-funfact-bg::after {
  display: none;
}

.dt-funfact-bg .row [class*=col-]:not(:last-child) .dt-funfact-item {
  border-right: 0;
}

/*----------------------------------------*/
/*  22. payment css start
/*----------------------------------------*/
.pg-payment-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}
.pg-payment-icon {
  display: inline-block;
  height: 110px;
  line-height: 110px;
  width: 100px;
  border: 1px solid #0e5846;
  position: relative;
  z-index: 1;
  border-bottom: none;
  border-radius: 100px 100px 0 0;
  margin-bottom: 30px;
}
.pg-payment-icon::before {
  position: absolute;
  content: "";
  bottom: -4.5px;
  left: 0;
  right: 0;
  text-align: center;
  height: 7px;
  width: 7px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--it-theme-3);
  z-index: -1;
}
.pg-payment-icon::after {
  position: absolute;
  content: "";
  bottom: -8.5px;
  left: 0;
  right: 0;
  text-align: center;
  height: 15px;
  width: 15px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
  z-index: -2;
  border: 1px solid var(--it-theme-3);
}
.pg-payment-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--it-common-black);
  letter-spacing: 0.01em;
}
.pg-payment-border {
  position: relative;
}
.pg-payment-border::after {
  position: absolute;
  content: "";
  top: 53%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  z-index: -2;
  background-color: var(--it-theme-3);
}

.pg-payment-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
  text-align: center;
}

/*----------------------------------------*/
/*  28. rating css start
/*----------------------------------------*/
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-rating-area {
    padding: 120px 0;
  }
}
.cr-rating-item {
  padding: 50px 30px;
  padding-top: 55px;
  border-radius: 30px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-rating-item {
    padding: 50px 15px;
    padding-top: 55px;
  }
}
.cr-rating-item span {
  font-size: 17px;
}
.cr-rating-item img {
  height: 56px;
}

/*----------------------------------------*/
/*  23. platform css start
/*----------------------------------------*/
.cr-platform-bg {
  background-color: #143230;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-platform-bg {
    padding: 120px 0;
  }
}
.cr-platform-item {
  padding: 60px 30px;
  padding-bottom: 55px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
}
.cr-platform-item p {
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
  line-height: 1.7;
  color: var(--it-common-white);
}
.cr-platform-title {
  font-weight: 700;
  font-size: 22px;
}
.cr-platform-shape-1 {
  position: absolute;
  top: 22%;
  right: 10%;
  z-index: -1;
  -webkit-animation: animationglob 50s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
  animation: animationglob 4s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-platform-shape-1 {
    display: none;
  }
}
.cr-platform-shape-2 {
  position: absolute;
  top: 15%;
  left: 6%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .cr-platform-shape-2 {
    transform: scale(0.6);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-platform-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  18. integration css start
/*----------------------------------------*/
.pg-integration-bg {
  background-color: #0C2C43;
}
.pg-integration-left {
  margin-right: 45px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .pg-integration-left {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-integration-left {
    margin-right: 0px;
    margin-bottom: 50px;
  }
}
.pg-integration-thumb {
  padding: 59px 45px;
  text-align: center;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(255, 255, 255, 0.1);
}
.pg-integration-shape-1 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

@media (max-width: 767px) {
  .it-integration-inner-top {
    margin-bottom: 60px;
  }
}
.it-integration-inner-top a {
  height: 211px;
  width: 211px;
  line-height: 211px;
  text-align: center;
  border-radius: 50%;
  background-color: #F1F5FF;
  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) {
  .it-integration-inner-top a {
    height: 170px;
    width: 170px;
    line-height: 170px;
  }
}
@media (max-width: 767px) {
  .it-integration-inner-top a {
    height: 80px;
    width: 80px;
    line-height: 74px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-integration-inner-top a {
    height: 100px;
    width: 100px;
    line-height: 94px;
  }
}
@media (max-width: 767px) {
  .it-integration-inner-top a img {
    transform: scale(0.4);
  }
}
.it-integration-inner-top span {
  display: inline-block;
  font-weight: 700;
  font-size: 45px;
  margin: 0 50px;
  letter-spacing: -0.04em;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-integration-inner-top span {
    font-size: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-integration-inner-top span {
    font-size: 25px;
  }
}
@media (max-width: 767px) {
  .it-integration-inner-top span {
    margin: 0 30px;
    font-size: 20px;
  }
}
.it-integration-inner-wrap {
  padding: 50px 40px;
  border-radius: 10px;
  background-color: #F1F5FF;
}
@media (max-width: 767px) {
  .it-integration-inner-wrap {
    padding: 40px 25px;
  }
}
.it-integration-inner-wrap p {
  margin-bottom: 0;
  font-family: var(--it-ff-roboto);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-integration-inner-wrap p {
    font-size: 15px;
  }
}
.it-integration-inner-title {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: -0.01em;
  color: #000;
  margin-bottom: 17px;
  line-height: 1.4;
  font-family: var(--it-ff-roboto);
}
@media (max-width: 767px) {
  .it-integration-inner-title {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  26. process css start
/*----------------------------------------*/
.pg-process-title {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}
.pg-process-icon {
  display: inline-block;
  height: 110px;
  line-height: 110px;
  width: 100px;
  border: 1px solid #0e5846;
  position: relative;
  z-index: 1;
  border-bottom: none;
  border-radius: 100px 100px 0 0;
  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) {
  .pg-process-icon {
    border: 1px solid #0e5846;
  }
}
.pg-process-icon::before {
  position: absolute;
  content: "";
  bottom: -4.5px;
  left: 0;
  right: 0;
  text-align: center;
  height: 7px;
  width: 7px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: var(--it-theme-3);
  z-index: -1;
}
.pg-process-icon::after {
  position: absolute;
  content: "";
  bottom: -8.5px;
  left: 0;
  right: 0;
  text-align: center;
  height: 15px;
  width: 15px;
  margin: 0 auto;
  border-radius: 50%;
  background-color: #fff;
  z-index: -2;
  border: 1px solid var(--it-theme-3);
}
.pg-process-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 2;
  color: var(--it-common-black);
  letter-spacing: 0.01em;
}
.pg-process-border {
  position: relative;
}
.pg-process-border::after {
  position: absolute;
  content: "";
  top: 53%;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  z-index: -2;
  background-color: var(--it-theme-3);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .pg-process-border::after {
    top: 49%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .pg-process-border::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .seo-process-style {
    padding: 120px 0;
  }
}
.seo-process-style .pg-section-subtitle {
  border: 1px solid #1FE290;
  background-color: rgba(31, 226, 145, 0.2);
}
.seo-process-style .pg-process-icon {
  border: 1px solid #1FE290;
}
.seo-process-style .pg-process-icon::before {
  background-color: #1FE290;
}
.seo-process-style .pg-process-icon::after {
  background-color: #143230;
  border: 1px solid #1FE290;
}
.seo-process-style .pg-process-border::after {
  top: 36.5%;
  z-index: 0;
  border-bottom: 1px solid #1FE290;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-process-style .pg-process-border::after {
    top: 35%;
  }
}
.seo-process-style .pg-process-title {
  line-height: 1.5;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-process-style .pg-process-title {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  30. software css start
/*----------------------------------------*/
.it-software-item-list {
  margin-bottom: 38px;
}
.it-software-item-list ul {
  display: inline-block;
}
.it-software-item-list ul li {
  list-style-type: none;
  position: relative;
  padding-left: 32px;
}
.it-software-item-list ul li:not(:last-child) {
  margin-bottom: 18px;
}
.it-software-item-list ul li span {
  font-weight: 500;
  font-size: 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-software-item-list ul li span {
    font-size: 16px;
  }
}
.it-software-item-list ul li svg {
  position: absolute;
  top: 3px;
  left: 0;
}
.it-software-left-box {
  padding: 35px 45px;
  border-radius: 30px;
  background-color: #F2F3F7;
}
@media only screen and (min-width: 1600px) and (max-width: 1800px) {
  .it-software-left-box {
    bottom: 17%;
    right: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-software-left-box {
    margin-bottom: 50px;
    padding: 50px 20px;
  }
}
@media (max-width: 767px) {
  .it-software-left-box {
    margin-bottom: 50px;
    padding: 20px;
  }
}
.it-software-right-box {
  margin-left: 48px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-software-right-box {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-software-right-box {
    margin-left: 0px;
  }
}
.it-software-shape-1 {
  position: absolute;
  bottom: 21%;
  right: 9%;
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .it-software-shape-1 {
    bottom: 15%;
    right: 4%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-software-shape-1 {
    bottom: 11%;
    right: 4%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-software-shape-1 {
    bottom: 11%;
    right: 4%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-software-shape-1 {
    bottom: 7%;
    right: 4%;
  }
}
.it-software-shape-3 {
  position: absolute;
  right: 5%;
  top: -10%;
  z-index: -1;
  animation: rotate2 15s linear infinite;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-software-style {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
.dt-software-style .dt-section-title-box p {
  font-size: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-software-style .dt-section-title-box p {
    font-size: 16px;
  }
  .dt-software-style .dt-section-title-box p br {
    display: none;
  }
}
.dt-software-style .it-software-right-box {
  margin-left: 0;
}
.dt-software-style .it-software-item-list ul li span {
  font-size: 17px;
}
.dt-software-style .it-software-item-list ul li svg {
  top: 1px;
}
.dt-software-style .it-software-left-box {
  margin-left: -33px;
  padding: 70px 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) {
  .dt-software-style .it-software-left-box {
    margin-left: 0;
    padding: 70px 40px;
  }
}
@media (max-width: 767px) {
  .dt-software-style .it-software-left-box {
    margin-left: 0;
    padding: 30px 20px;
  }
}
.dt-software-style .it-software-thumb img {
  box-shadow: 0 50px 100px 0 rgba(1, 16, 61, 0.1);
}
.dt-software-style .it-software-shape-2 {
  position: absolute;
  bottom: 29%;
  left: 38%;
  z-index: -1;
}

.dt-software-style-2 .it-software-shape-1 {
  position: absolute;
  bottom: 15%;
  right: 8%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-software-style-2 .it-software-shape-1 {
    bottom: -2%;
    right: 2%;
    transform: scale(0.6);
  }
}
.dt-software-style-2 .it-software-left-box {
  padding: 48px 70px;
  background-color: #F2F3F7;
  margin-right: -33px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .dt-software-style-2 .it-software-left-box {
    padding: 48px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .dt-software-style-2 .it-software-left-box {
    margin-right: 0;
    padding: 40px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .dt-software-style-2 .it-software-left-box {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .dt-software-style-2 .it-software-left-box {
    margin-right: 0;
    padding: 20px;
  }
}
.dt-software-style-2 .it-software-right-box {
  margin-left: 81px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .dt-software-style-2 .it-software-right-box {
    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) {
  .cr-software-style {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}
.cr-software-style .it-software-item-list ul li span {
  font-size: 17px;
  font-weight: 600;
}
.cr-software-style .it-software-item-list ul li svg {
  color: var(--it-theme-4);
}
.cr-software-style .it-software-left-box {
  padding: 35px;
  background-color: #013941;
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cr-software-style .it-software-left-box {
    padding: 55px 60px;
  }
}
.cr-software-style .it-software-right-box {
  margin-left: 47px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-software-style .it-software-right-box {
    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) {
  .cr-software-style-2 {
    padding: 120px 0;
  }
}
.cr-software-style-2 .it-software-right-box {
  margin-left: 0px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .cr-software-style-2 .it-software-right-box {
    margin-bottom: 50px;
  }
}
.cr-software-style-2 .cr-section-title {
  font-family: var(--it-ff-roboto);
}
.cr-software-style-2 .it-software-left-box {
  margin-right: 22px;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .cr-software-style-2 .it-software-left-box {
    margin-right: 0;
  }
}
.cr-software-style-2 .it-software-shape-2 {
  position: absolute;
  right: -22px;
  bottom: -22px;
  z-index: -1;
}
@media (max-width: 767px) {
  .cr-software-style-2 .it-software-shape-2 {
    display: none;
  }
}
.cr-software-style-2 .it-software-shape-1 {
  position: absolute;
  right: 55%;
  bottom: 15%;
  z-index: -1;
}

.ai-software-style .it-software-left-box {
  margin-right: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ai-software-style .it-software-left-box {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .ai-software-style .it-software-left-box {
    margin-right: 0;
    padding: 20px;
  }
}
.ai-software-style .it-software-thumb-sm {
  position: absolute;
  right: 40px;
  bottom: 15%;
  animation: tpupdown 0.8s infinite alternate;
}
@media (max-width: 767px) {
  .ai-software-style .it-software-thumb-sm {
    display: none;
  }
}
.ai-software-style .it-software-item-list ul li {
  font-weight: 600;
  font-size: 17px;
}
.ai-software-style .it-software-item-list ul li svg {
  top: 1px;
  color: var(--it-theme-6);
}
.ai-software-style .it-software-right-box {
  margin-left: -32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-software-style .it-software-right-box {
    margin-left: 0;
  }
}
.ai-software-style .it-software-item-list ul li:not(:last-child) {
  margin-bottom: 28px;
}
.ai-software-style .it-software-shape-1 {
  position: absolute;
  bottom: 41%;
  right: 18%;
  z-index: -1;
  -webkit-animation: movingleftright5 infinite 20000ms;
  animation: movingleftright5 infinite 20000ms;
}
.ai-software-style .it-software-shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.3;
}

.seo-software-style .it-software-item-list ul li svg {
  color: var(--it-theme-4);
}
.seo-software-style .seo-software-shape-1 {
  position: absolute;
  top: 50%;
  right: 0px;
  z-index: -1;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-software-style .seo-software-shape-1 {
    display: none;
  }
}
.seo-software-style .it-software-right-box {
  margin-left: 0;
}
.seo-software-style .seo-software-thumb {
  transform: translateY(20px) translateX(51px);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-software-style .seo-software-thumb {
    margin-top: 50px;
    transform: translateY(0) translateX(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) {
  .ma-software-style {
    padding: 120px 0;
  }
}
.ma-software-style .it-software-item-list ul li {
  float: left;
  width: 50%;
  margin-bottom: 26px;
}
@media (max-width: 767px) {
  .ma-software-style .it-software-item-list ul li {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-software-style .it-software-item-list ul li span {
    font-size: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-software-style .it-software-item-list ul li svg {
    width: 17px;
  }
}
.ma-software-style .ma-software-left-box {
  padding: 40px 40px;
  margin-right: 19px;
  border-radius: 10px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-style .ma-software-left-box {
    margin-right: 0px;
  }
}
@media (max-width: 767px) {
  .ma-software-style .ma-software-left-box {
    padding: 20px;
    margin-right: 0px;
  }
}
.ma-software-style .ma-software-right-box {
  margin-left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ma-software-style .ma-software-right-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-software-style .ma-software-right-box {
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.ma-software-style .ma-software-right-box p {
  margin-right: 40px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-software-style .ma-software-right-box p {
    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) {
  .ma-software-2-area {
    padding: 120px 0;
  }
}
.ma-software-2-wrap span {
  font-weight: 500;
  font-size: 18px;
  color: var(--it-theme-4);
  text-decoration: underline;
  display: inline-block;
}
@media (max-width: 767px) {
  .ma-software-2-wrap span {
    font-size: 16px;
    margin-bottom: 40px;
  }
}
.ma-software-2-shape-1 {
  position: absolute;
  top: -6%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-1 {
    left: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-1 {
    top: -26%;
    left: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-1 {
    top: -19%;
    left: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-2 {
  position: absolute;
  top: 25%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-2 {
    left: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-2 {
    top: 9%;
    left: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-2 {
    top: 15%;
    left: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-3 {
  position: absolute;
  top: 58%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-3 {
    left: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-3 {
    top: 38%;
    left: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-3 {
    top: 48%;
    left: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-4 {
  position: absolute;
  top: 90%;
  left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-4 {
    left: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-4 {
    top: 72%;
    left: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-4 {
    top: 80%;
    left: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-5 {
  position: absolute;
  top: -6%;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-5 {
    right: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-5 {
    top: -26%;
    right: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-5 {
    top: -19%;
    right: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-6 {
  position: absolute;
  top: 25%;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-6 {
    right: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-6 {
    top: 9%;
    right: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-6 {
    top: 15%;
    right: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-7 {
  position: absolute;
  top: 58%;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-7 {
    right: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-7 {
    top: 38%;
    right: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-7 {
    top: 48%;
    right: -7%;
    transform: scale(0.7);
  }
}
.ma-software-2-shape-8 {
  position: absolute;
  top: 90%;
  right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-software-2-shape-8 {
    right: -4%;
    transform: scale(0.7);
  }
}
@media (max-width: 767px) {
  .ma-software-2-shape-8 {
    top: 72%;
    right: -11%;
    transform: scale(0.4);
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .ma-software-2-shape-8 {
    top: 80%;
    right: -7%;
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .ag-software-style {
    padding: 120px 0;
  }
}
@media (max-width: 767px) {
  .ag-software-style {
    padding-top: 70px;
    padding-bottom: -120px;
  }
}
.ag-software-style .it-software-item-list ul li span {
  color: #fff;
}
.ag-software-style .ag-software-thumb.style-1 img {
  border-radius: 0 100px 100px 100px;
}
.ag-software-style .ag-software-thumb.style-2 img {
  border-radius: 100px 0 100px 100px;
}
.ag-software-style .ag-software-thumb.style-3 img {
  border-radius: 100px 100px 100px 0;
}
.ag-software-style .ag-software-thumb.style-4 img {
  border-radius: 100px 100px 0 100px;
}
.ag-software-style .ag-software-right-box {
  margin-left: 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-software-style .ag-software-right-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ag-software-style .ag-software-right-box {
    margin-left: 0;
    margin-bottom: 50px;
  }
}
.ag-software-style .ag-software-shape-1 {
  position: absolute;
  top: -8%;
  left: 0;
  z-index: -1;
}
.ag-software-style .ag-software-shape-2 {
  position: absolute;
  bottom: 5%;
  right: 3%;
  z-index: -1;
  animation: rotate2 10s linear infinite;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ag-software-style .ag-software-shape-2 {
    bottom: -9%;
    right: -7%;
    z-index: -1;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .ag-software-style .ag-software-shape-2 {
    bottom: -9%;
    right: -10%;
    z-index: -1;
    transform: scale(0.7);
  }
}
.ag-software-style .ag-software-shape-3 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.it-software-inner-thumb img {
  border-radius: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-software-inner-thumb img {
    width: 100%;
    margin-bottom: 50px;
  }
}
.it-software-inner-style .dt-section-subtitle {
  color: #03dac6;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-software-inner-style .it-software-right-box {
    margin-left: 0;
  }
}
.it-software-inner-style-2 .it-software-left-box {
  background-color: var(--it-common-black);
}

/*----------------------------------------*/
/*  08. choose css start
/*----------------------------------------*/
.ai-choose-style .it-software-item-list ul li {
  padding-left: 35px;
}
.ai-choose-style .it-software-item-list ul li:not(:last-child) {
  margin-bottom: 20px;
}
.ai-choose-style .it-software-item-list ul li div span {
  font-weight: 600;
  font-size: 22px;
  display: block;
  margin-bottom: 10px;
  font-family: var(--it-ff-outfit);
}
.ai-choose-style .it-software-item-list ul li div p {
  margin-bottom: 0;
}
.ai-choose-right-box {
  margin-left: 60px;
  margin-right: 20px;
}
.ai-choose-thumb img {
  border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-choose-thumb img {
    width: 100%;
  }
}
.ai-choose-thumb-sm {
  position: absolute;
  top: 15%;
  left: -19%;
  animation: itupdown 0.8s infinite alternate;
  box-shadow: 0 4px 50px 0 rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-choose-thumb-sm {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ai-choose-right-box {
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
  }
}
.ai-choose-shape-2 {
  position: absolute;
  top: -8%;
  right: -6%;
  z-index: -1;
  animation: itswing 1s forwards infinite alternate;
  transform-origin: bottom left;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ai-choose-shape-2 {
    right: -8%;
  }
}
.ai-choose-shape-3 {
  position: absolute;
  top: 12%;
  left: 4%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .ai-choose-shape-3 {
    transform: scale(0.7);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-choose-area {
    padding-top: 120px;
    padding-bottom: 90px;
  }
}
.seo-choose-item {
  padding: 42px 20px;
  background-color: #F1F5FF;
  border-radius: 10px;
  text-align: center;
}
.seo-choose-item span {
  font-weight: 700;
  font-size: 80px;
  font-family: var(--it-ff-montserrat);
  color: var(--it-theme-4);
  display: block;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-choose-item span {
    font-size: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-choose-item span {
    font-size: 45px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-choose-item span {
    font-size: 40px;
  }
}
.seo-choose-item span i {
  font-style: normal;
}
.seo-choose-item p {
  margin-bottom: 0;
  font-size: 20px;
  letter-spacing: 0.01em;
  color: var(--it-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-choose-item p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-choose-item p {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-choose-item p {
    font-size: 18px;
  }
}
.seo-choose-shape-1 {
  position: absolute;
  bottom: 26%;
  left: 28%;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .seo-choose-shape-1 {
    left: 27%;
    transform: scale(0.7);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-choose-shape-1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .seo-choose-left {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .seo-choose-left p br {
    display: none;
  }
}

/*----------------------------------------*/
/*  07. career css start
/*----------------------------------------*/
.it-career-area {
  background: linear-gradient(180deg, #f1f5ff 0%, rgba(241, 245, 255, 0) 100%);
}
.it-career-title {
  font-weight: 600;
  font-size: 22px;
  color: #000;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-career-title {
    font-size: 19px;
  }
}
.it-career-meta {
  margin-bottom: 30px;
}
.it-career-meta span {
  font-weight: 400;
  font-size: 14px;
  letter-spacing: 0.01em;
}
.it-career-meta span i, .it-career-meta span svg {
  display: inline-block;
  margin-right: 3px;
}
.it-career-meta span:not(:last-child) {
  margin-right: 15px;
}
.it-career-item {
  border: 1px solid #189C84;
  background-color: var(--it-common-white);
  border-radius: 30px;
  padding: 40px 40px;
  padding-bottom: 50px;
  transition: 0.3s;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-item {
    padding: 40px 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-career-item {
    padding: 40px 15px;
  }
}
@media (max-width: 767px) {
  .it-career-item {
    padding: 40px 25px;
  }
}
.it-career-item p {
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.01em;
  line-height: 1.7;
  margin-bottom: 32px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-item p {
    font-size: 15px;
  }
}
.it-career-item .it-btn {
  background-color: #F1F5FF;
  color: var(--it-theme-1);
  border: 1px solid var(--it-theme-1);
  padding: 15.4px 38px;
  box-shadow: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-career-item .it-btn {
    padding: 15.4px 30px;
    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-career-item .it-btn {
    font-size: 14px;
    padding: 14px 26px;
  }
}
.it-career-item .it-btn::after {
  background-color: var(--it-theme-1);
}
.it-career-item .it-btn:hover {
  color: var(--it-common-white);
}
.it-career-item:hover {
  box-shadow: 0 20px 30px 0 rgba(1, 6, 20, 0.1);
}
.it-career-list a {
  font-weight: 400;
  font-size: 14px;
  text-transform: capitalize;
  display: inline-block;
  border-radius: 5px;
  padding: 7px 20px;
  background-color: #F1F5FF;
  transition: 0.3s;
}
.it-career-list a:not(:last-child) {
  margin-right: 17px;
}
.it-career-list a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-wrap {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .it-career-details-btn {
    margin-bottom: 20px;
  }
}
.it-career-details-thumb img {
  border-radius: 10px;
}
.it-career-details-thumb-content {
  border-bottom: 1px solid #5F6168;
}
.it-career-details-title {
  font-weight: 600;
  font-size: 35px;
  text-transform: capitalize;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-career-details-title {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .it-career-details-title {
    font-size: 22px;
  }
}
.it-career-details-list ul li {
  list-style-type: none;
  padding-left: 28px;
  position: relative;
}
.it-career-details-list ul li:not(:last-child) {
  margin-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-list ul li span {
    font-size: 14px;
  }
}
.it-career-details-list ul li span svg, .it-career-details-list ul li span i {
  position: absolute;
  top: 2px;
  left: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-list ul li span svg, .it-career-details-list ul li span i {
    width: 16px;
  }
}
.it-career-details-text {
  border-bottom: 1px solid rgba(95, 97, 104, 0.5);
}
.it-career-details-text span {
  font-weight: 400;
  font-size: 16px;
  display: block;
  font-family: var(--it-ff-roboto);
  margin-bottom: 20px;
  line-height: 1.6;
}
.it-career-details-text span i {
  font-weight: 600;
  font-style: normal;
  display: inline-block;
  margin-right: 5px;
  color: var(--it-common-black);
}
.it-career-details-social span {
  font-weight: 500;
  font-size: 30px;
  color: var(--it-common-black);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-social span {
    font-size: 25px;
  }
}
.it-career-details-social a {
  margin-left: 18px;
  color: var(--it-common-black);
  transition: 0.3s;
}
.it-career-details-social a:hover {
  color: var(--it-theme-1);
}
.it-career-details-left {
  margin-right: 120px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-career-details-left {
    margin-right: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-left {
    margin-right: 0;
    margin-bottom: 70px;
  }
}
.it-career-details-right {
  margin-left: -33px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-career-details-right {
    margin-left: 0;
  }
}
.it-career-details-map {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(95, 97, 104, 0.5);
}
.it-career-details-map iframe {
  width: 100%;
  height: 300px;
}
.it-career-details-contact ul li {
  display: block;
  list-style-type: none;
}
.it-career-details-contact ul li:not(:last-child) {
  margin-bottom: 18px;
}
.it-career-details-contact ul li span {
  font-weight: 400;
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding-left: 30px;
  transition: 0.3s;
}
.it-career-details-contact ul li span i, .it-career-details-contact ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
}
.it-career-sidebar-widget-icon {
  height: 90px;
  width: 90px;
  line-height: 90px;
  text-align: center;
  background-color: #F1F5FF;
  border: 1px solid rgba(1, 16, 61, 0.1);
  border-radius: 5px;
  flex: 0 0 auto;
}
.it-career-sidebar-widget-content h5 {
  font-weight: 700;
  font-size: 20px;
  text-transform: capitalize;
}
.it-career-sidebar-widget-content span {
  font-weight: 400;
  font-size: 14px;
  display: block;
  margin-top: 3px;
}
.it-career-sidebar-widget-content a {
  font-weight: 400;
  font-size: 14px;
  color: var(--it-theme-1);
}
.it-career-sidebar-widget.style-2 {
  padding: 15px 20px;
  border: 1px solid rgba(1, 16, 61, 0.1);
  border-radius: 5px;
}
.it-career-sidebar-widget.style-2 .it-career-sidebar-widget-icon {
  height: 55px;
  width: 55px;
  line-height: 48px;
}
.it-career-sidebar-widget.style-2 .it-career-sidebar-widget-content span {
  font-weight: 400;
  font-size: 12px;
  display: inline-block;
  letter-spacing: 0.01em;
}
.it-career-sidebar-widget.style-2 .it-career-meta {
  margin-top: 3px;
  margin-bottom: 10px;
}
.it-career-sidebar-title {
  font-weight: 700;
  font-size: 26px;
  text-transform: capitalize;
}

/*----------------------------------------*/
/*  09. contact css start
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-area .it-section-title {
    font-size: 40px;
  }
}
@media (max-width: 767px) {
  .it-contact-area .it-section-title {
    font-size: 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-inner-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.it-contact-inner-list ul li {
  display: block;
  list-style-type: none;
}
.it-contact-inner-list ul li:not(:last-child) {
  margin-bottom: 25px;
}
.it-contact-inner-list ul li span {
  font-weight: 500;
  font-size: 18px;
  position: relative;
  display: inline-block;
  padding-left: 35px;
  transition: 0.3s;
}
.it-contact-inner-list ul li span i, .it-contact-inner-list ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-inner-social {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-inner-social {
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .it-contact-inner-social {
    margin-bottom: 40px;
  }
}
.it-contact-inner-social span {
  font-weight: 700;
  font-size: 20px;
  display: block;
  margin-bottom: 26px;
  color: var(--it-common-black);
}
.it-contact-inner-social a {
  height: 41px;
  width: 41px;
  border-radius: 50%;
  line-height: 37px;
  background-color: #F1F5FF;
  border: 1px solid rgba(116, 111, 255, 0.1);
  transition: 0.3s;
  text-align: center;
  display: inline-block;
  color: var(--it-theme-1);
}
.it-contact-inner-social a:not(:last-child) {
  margin-right: 14px;
}
.it-contact-inner-social a:hover {
  color: var(--it-common-white);
  background-color: var(--it-theme-1);
}
.it-contact-inner-form-box {
  padding: 45px;
  padding-top: 35px;
  border-radius: 30px;
  background-color: #F1F5FF;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-contact-inner-form-box {
    padding: 35px 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-inner-form-box {
    margin-top: 70px;
  }
}
@media (max-width: 767px) {
  .it-contact-inner-form-box {
    padding: 35px 28px;
    margin-top: 70px;
  }
}
.it-contact-inner-icon {
  border-radius: 20px;
  width: 100px;
  height: 100px;
  line-height: 98px;
  text-align: center;
  display: inline-block;
  margin-bottom: 25px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-inner-icon {
    width: 70px;
    height: 70px;
    line-height: 68px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-inner-icon svg {
    width: 25px;
  }
}
.it-contact-inner-content > span {
  display: block;
  font-weight: 600;
  margin-bottom: 22px;
  font-size: 20px;
  color: #01103d;
}
.it-contact-inner-content a {
  display: block;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 5px;
  line-height: 1.6;
}
.it-contact-inner-content a span {
  transition: 0.3s;
  text-decoration: transparent;
}
@media (max-width: 767px) {
  .it-contact-inner-content a span br {
    display: none;
  }
}
.it-contact-inner-content a span:hover {
  text-decoration: underline;
}
.it-contact-inner-item {
  border-right: 1px solid var(--it-theme-1);
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-inner-item {
    border-right: 0;
  }
}
.it-contact-input-box label {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 8px;
}
.it-contact-input-box input {
  height: 60px;
  line-height: 60px;
  border: 1px solid rgba(1, 16, 61, 0.1);
  border-radius: 5px;
  background-color: var(--it-common-white);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-input-box input {
    height: 50px;
    line-height: 50px;
  }
}
.it-contact-input-box input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-input-box input::placeholder {
  font-weight: 400;
  color: var(--it-text-body);
}
.it-contact-textarea-box label {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 8px;
}
.it-contact-textarea-box textarea {
  border-radius: 5px;
  height: 200px;
  background-color: var(--it-common-white);
  border: 1px solid rgba(1, 16, 61, 0.1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-textarea-box textarea {
    height: 150px;
  }
}
.it-contact-textarea-box textarea:focus {
  border: 1px solid var(--it-theme-1);
}
.it-contact-textarea-box textarea::placeholder {
  font-weight: 400;
  color: var(--it-text-body);
}
.it-contact-agree .form-check {
  display: flex;
  align-items: center;
}
.it-contact-agree .form-check label {
  font-weight: 500;
  font-size: 16px;
  color: #01103d;
}
@media (max-width: 767px) {
  .it-contact-agree .form-check label {
    font-size: 14px;
  }
}
.it-contact-agree .form-check label:hover {
  cursor: pointer;
}
.it-contact-agree .form-check input:hover {
  cursor: pointer;
}
.it-contact-agree .form-check-input:checked {
  background-color: var(--it-theme-1);
  border-color: transparent;
}
.it-contact-agree .form-check-input:focus {
  box-shadow: none;
}
.it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 5px;
  height: 30px;
  width: 30px;
  padding: 0;
  margin-right: 11px;
  border: 1px solid var(--it-theme-1);
  margin-top: -1px;
  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) {
  .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
    height: 18px;
    width: 18px;
  }
}

.it-contact-innar-style-2 .row [class*=col-]:last-child .it-contact-inner-item {
  border-right: 0;
}
.it-contact-innar-style-2 .it-contact-input-box input {
  height: 70px;
  line-height: 70px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-innar-style-2 .it-contact-input-box input {
    height: 55px;
    line-height: 55px;
  }
}
.it-contact-innar-style-2 .it-contact-inner-form-box {
  padding: 70px 80px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-contact-innar-style-2 .it-contact-inner-form-box {
    padding: 50px 40px;
    margin-top: 0;
  }
}
@media (max-width: 767px) {
  .it-contact-innar-style-2 .it-contact-inner-form-box {
    padding: 50px 20px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-contact-innar-style-2 .it-contact-inner-form-box {
    padding: 50px 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-contact-innar-style-2 .it-contact-inner-form-box .it-contact-select .nice-select {
    height: 55px;
    line-height: 55px;
  }
}

.it-map-wrap {
  line-height: 0;
}
.it-map-wrap iframe {
  width: 100%;
  height: 600px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-map-wrap iframe {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .it-map-wrap iframe {
    height: 400px;
  }
}
@media (max-width: 767px) {
  .it-map-wrap iframe {
    height: 250px;
  }
}

.it-signup-bg {
  border-radius: 30px;
  padding: 70px;
  background-color: #F1F5FF;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-bg {
    padding: 40px 35px;
  }
}
@media (max-width: 767px) {
  .it-signup-bg {
    padding: 40px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-bg {
    padding: 50px;
  }
}
.it-signup-bg::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  z-index: -2;
  border-radius: 30px 0 0 30px;
  background-color: var(--it-theme-1);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-bg::after {
    display: none;
  }
}
.it-signup-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-shape-1 {
    display: none;
  }
}
.it-signup-wrap {
  margin-left: 60px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-wrap {
    margin-left: 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-wrap {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-wrap {
    margin-left: 0px;
    font-size: 15px;
  }
}
.it-signup-wrap > span {
  font-weight: 500;
  font-size: 17px;
  display: block;
  padding-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-wrap > span {
    font-size: 15px;
    padding-bottom: 30px;
  }
}
.it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
  margin-top: -2px;
  height: 20px;
  width: 20px;
}
@media (max-width: 767px) {
  .it-signup-wrap .it-contact-agree .form-check-input.form-check-input[type=checkbox] {
    height: 15px;
    width: 15px;
    border-radius: 2px;
  }
}
.it-signup-wrap .it-btn::after {
  height: 700px;
  width: 700px;
  transition: 0.5s;
}
.it-signup-title {
  font-weight: 600;
  font-size: 35px;
  line-height: 1;
  text-transform: capitalize;
  padding-bottom: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-title {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  .it-signup-title {
    font-size: 25px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-title {
    font-size: 30px;
  }
}
.it-signup-input {
  position: relative;
}
.it-signup-input input {
  border-radius: 10px;
  height: 60px;
  line-height: 60px;
  padding-left: 60px;
  border: 1px solid rgba(1, 16, 61, 0.2);
  background: rgba(255, 255, 255, 0.5);
  font-size: 16px;
}
.it-signup-input input::placeholder {
  color: #5F6168;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-input input {
    height: 55px;
    line-height: 55px;
  }
}
@media (max-width: 767px) {
  .it-signup-input input {
    height: 52px;
    line-height: 52px;
    padding-left: 44px;
    font-size: 14px;
  }
}
.it-signup-input input:focus {
  border: 1px solid var(--it-theme-1);
}
.it-signup-input-icon {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .it-signup-input-icon {
    left: 19px;
  }
}
@media (max-width: 767px) {
  .it-signup-input-icon svg {
    width: 15px;
  }
}
.it-signup-text span {
  color: var(--it-common-black);
  font-weight: 400;
  font-size: 16px;
  text-transform: capitalize;
  line-height: 1;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-text span {
    font-size: 15px;
  }
}
.it-signup-text span a {
  color: var(--it-theme-1);
  text-decoration: underline;
}
.it-signup-thumb {
  margin-right: -30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .it-signup-thumb {
    margin-right: 0;
  }
}
.it-signup-thumb img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.it-signup-forget a {
  font-weight: 500;
  font-size: 16px;
  text-decoration: underline;
  color: var(--it-theme-1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px) {
  .it-signup-forget a {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .it-signup-forget a {
    font-size: 14px;
  }
}
.it-signup-agree label {
  color: var(--it-common-white);
}
@media (max-width: 767px) {
  .it-signup-agree label {
    font-size: 14px;
  }
}
.it-signup-agree .form-check-input:checked {
  background-color: var(--it-common-black);
  border-color: transparent;
}
.it-signup-agree .form-check-input:focus {
  box-shadow: none;
}
.it-signup-agree .form-check-input.form-check-input[type=checkbox] {
  border-radius: 2px;
  margin-top: 10px;
  height: 15px;
  width: 15px;
  padding: 0;
  border-radius: 3px;
  border: 1px solid #E2E1E1;
}
@media (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-continue-wrap {
    flex-wrap: nowrap;
  }
}
.it-signup-continue-item {
  padding: 12px 60px;
  border: 1px solid rgba(1, 16, 61, 0.2);
  border-radius: 10px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-continue-item {
    padding: 12px 30px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-continue-item {
    padding: 12px 30px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 15px;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-signup-continue-item {
    padding: 12px 50px;
    margin-bottom: 0px;
  }
}
@media (max-width: 767px) {
  .it-signup-continue-item img {
    width: 20px;
  }
}
.it-signup-continue-item span {
  font-size: 20px;
  color: var(--it-common-black);
  display: inline-block;
  padding-left: 10px;
}
@media (max-width: 767px) {
  .it-signup-continue-item span {
    font-size: 14px;
  }
}
.it-signup-border {
  margin-bottom: 35px;
  position: relative;
}
.it-signup-border span {
  display: block;
  font-size: 16px;
  position: relative;
  text-transform: capitalize;
  padding: 0 25px;
  background-color: #F1F5FF;
  z-index: 1;
  display: inline-block;
}
@media (max-width: 767px) {
  .it-signup-border span {
    font-size: 13px;
    padding: 0 18px;
  }
}
.it-signup-border::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(1, 16, 61, 0.2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .it-signup-left img {
    width: 300px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .it-signup-left img {
    width: 250px;
  }
}

/*----------------------------------------*/
/*  24. policy css start
/*----------------------------------------*/
.it-policy-title {
  font-weight: 700;
  font-size: 22px;
  margin-bottom: 30px;
  color: var(--it-common-black);
  text-transform: capitalize;
  line-height: 1.3;
}
@media (max-width: 767px) {
  .it-policy-title {
    font-size: 19px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .it-policy-title {
    font-size: 21px;
  }
}
.it-policy-content p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  font-family: var(--it-ff-roboto);
}

.it-refund-list-box ul li {
  list-style-type: none;
  padding-left: 28px;
  position: relative;
}
.it-refund-list-box ul li:not(:last-child) {
  margin-bottom: 18px;
}
.it-refund-list-box ul li span {
  line-height: 1.6;
}
@media (max-width: 767px) {
  .it-refund-list-box ul li span {
    font-size: 14px;
  }
}
.it-refund-list-box ul li span svg {
  position: absolute;
  top: 2px;
  left: 0;
}
@media (max-width: 767px) {
  .it-refund-list-box ul li span svg {
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
  }
}

/*----------------------------------------*/
/*  19. marketing css start
/*----------------------------------------*/
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-marketing-area {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-marketing-left {
    margin-bottom: 50px;
  }
}
.ma-marketing-item h5 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
  color: var(--it-common-black);
}
.ma-marketing-item span {
  font-weight: 500;
  font-size: 14px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .ma-marketing-item p {
    font-size: 16px;
  }
  .ma-marketing-item 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) {
  .ma-marketing-item p {
    font-size: 14px;
  }
  .ma-marketing-item p br {
    display: none;
  }
}
@media (max-width: 767px) {
  .ma-marketing-item-box {
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .ma-marketing-item-box > div {
    margin-right: 0;
  }
}
.ma-marketing-right {
  text-align: center;
  margin-left: 20px;
  border-radius: 10px;
  padding: 45px 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .ma-marketing-right {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .ma-marketing-right {
    padding: 20px;
  }
}
.ma-marketing-shape-1 {
  position: absolute;
  bottom: 14%;
  left: 38%;
  z-index: -1;
}
.ma-marketing-2-icon {
  display: inline-block;
  margin-right: 25px;
  height: 50px;
  width: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 50%;
  color: var(--it-common-white);
  transition: 0.3s;
  background-color: var(--it-common-dark-green);
  flex: 0 0 auto;
}
.ma-marketing-2-title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 8px;
}
.ma-marketing-2-content p {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.7;
  color: rgba(18, 20, 29, 0.7);
}
.ma-marketing-2-content-box:hover .ma-marketing-2-icon {
  color: var(--it-common-black);
  background-color: var(--it-theme-4);
}

@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-marketing-style-2 {
    padding: 120px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-marketing-style-2 .ma-marketing-2-left {
    margin-bottom: 50px;
  }
}
.ma-marketing-style-2 .ma-marketing-right {
  padding: 40px 35px;
  padding-bottom: 0;
  margin-left: 75px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .ma-marketing-style-2 .ma-marketing-right {
    margin-left: 0px;
  }
}

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










    /* Scoped Animation Styles */
   /* --- Container --- */

#product-demo-root {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        z-index: 5;
    }

    .demoContainer {
        width: 100%;
        max-width: 1000px;
        height: 550px; /* Fixed height */
        background-color: #0f172a;
        border-radius: 16px;
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
        overflow: hidden;
        position: relative;
        font-family: 'Inter', sans-serif;
        color: #fff;
        border: 1px solid #334155;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    /* Browser Header */
    .browserHeader {
        height: 36px; /* Slightly shorter */
        background: #1e293b;
        display: flex;
        align-items: center;
        padding: 0 1rem;
        border-bottom: 1px solid #334155;
        gap: 8px;
        flex-shrink: 0;
    }
    .dot { width: 10px; height: 10px; border-radius: 50%; }
    .red { background: #ef4444; }
    .yellow { background: #f59e0b; }
    .green { background: #10b981; }

    /* Screen Content - Compact Padding */
    .screenContent {
        flex: 1;
        position: relative;
        padding: 1.5rem; /* Reduced from 2rem */
        overflow: hidden; /* Force hide scroll initially */
        display: flex;
        flex-direction: column;
    }

    /* Common UI */
    .primaryText { color: #03dac6; }
    .textSecondary { color: #94a3b8; }
    
    .anim-btn {
        background: linear-gradient(90deg, #03dac6 0%, #00b8a5 100%);
        color: #000;
        border: none;
        padding: 10px 24px;
        border-radius: 50px;
        font-weight: 600;
        cursor: pointer;
        transition: transform 0.2s;
        font-size: 0.95rem;
    }

    /* --- Step 0: Language Grid (Compact) --- */
    .stepContentContainer {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        animation: fadeIn 0.5s ease;
    }

    .stepHeader { text-align: center; margin-bottom: 1rem; flex-shrink: 0; width: 100%; }
    .stepTitle { font-size: 1.75rem; font-weight: 700; margin-bottom: 0.25rem; color: #fff; line-height: 1.2; }
    .stepDescription { font-size: 0.9rem; color: #94a3b8; }

    .languageGrid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem; /* Reduced gap */
        width: 100%;
        margin-bottom: 1rem;
    }
    .languageCard {
        background: #1e293b;
        border: 1px solid #334155;
        padding: 0.75rem; /* Reduced padding */
        border-radius: 8px;
        text-align: center;
        cursor: pointer;
        transition: all 0.2s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
        min-height: 70px; /* Reduced height */
    }
    .languageCard:hover { border-color: #03dac6; transform: translateY(-2px); }
    .languageCard.selected { background: rgba(3, 218, 198, 0.1); border-color: #03dac6; }
    
    .nativeName { font-size: 0.95rem; font-weight: 600; color: #fff; margin-bottom: 2px; font-family: 'Inter', sans-serif; }
    .englishName { font-size: 0.75rem; color: #94a3b8; }

    /* Navigation */
    .navigationButtons {
        display: flex;
        gap: 1rem;
        width: 100%;
        margin-top: auto;
        justify-content: space-between;
        background: transparent;
    }
    .navButton {
        padding: 8px 18px;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        border: none;
        font-size: 0.9rem;
    }
    .navButton.secondary { background: transparent; color: #94a3b8; border: 1px solid #334155; }
    .navButton.primary { background: #03dac6; color: #000; }

    /* --- Step 1 & 2: Inputs (Compact) --- */
    .inputStep {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        width: 100%;
        animation: fadeIn 0.5s ease;
    }
    .searchInput {
        background: #1e293b;
        border: 1px solid #334155;
        padding: 0.8rem 1.2rem;
        border-radius: 12px;
        width: 100%;
        color: white;
        font-size: 1.1rem;
        margin: 1.5rem 0;
        outline: none;
    }
    .searchInput.typing { border-color: #03dac6; box-shadow: 0 0 15px rgba(3, 218, 198, 0.2); }

    .gridContainer { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.8rem; margin-top: 1rem; width: 100%; }
    .card {
        background: #1e293b;
        border: 1px solid #334155;
        padding: 0.8rem;
        border-radius: 10px;
        text-align: center;
        transition: all 0.3s ease;
        position: relative;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 70px;
        font-weight: 500;
        color: #fff;
        font-size: 0.9rem;
    }
    .card.selected { border-color: #03dac6; background: rgba(3, 218, 198, 0.1); color: #03dac6; }
    .checkCircle { position: absolute; top: 6px; right: 6px; color: #03dac6; font-size: 0.8rem; }

    /* --- Step 3: Timeline (Compact) --- */
    .timeline { position: relative; width: 100%; margin: 0 auto; padding-left: 10px; }
    .timeline::before { content: ''; position: absolute; left: 29px; top: 0; bottom: 0; width: 2px; background: #334155; }
    .courseItem {
        margin-left: 50px;
        background: #1e293b;
        padding: 1rem; /* Compact padding */
        border-radius: 12px;
        margin-bottom: 0.8rem;
        position: relative;
        border-left: 4px solid #334155;
        opacity: 0.5;
        transform: translateX(-10px);
        transition: all 0.5s ease;
        text-align: left;
    }
    .courseItem.active { border-left-color: #03dac6; opacity: 1; transform: translateX(0); }
    .courseItem::before {
        content: ''; position: absolute; left: -30px; top: 50%; transform: translateY(-50%);
        width: 14px; height: 14px; background: #1e293b; border: 2px solid #334155; border-radius: 50%; z-index: 2;
    }
    .courseItem.active::before { background: #03dac6; border-color: #03dac6; box-shadow: 0 0 10px #03dac6; }
    .courseItem h4 { margin: 0 0 0.2rem 0; font-size: 1rem; color: #fff; }

    /* --- Step 4: Player Layout (Compact) --- */
    .playerLayout { 
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 1rem; 
        height: 100%; 
        width: 100%; 
    }
    .playerMainCol { display: flex; flex-direction: column; gap: 1rem; height: 100%; overflow: hidden; }
    
    .videoArea {
        background: #000;
        border-radius: 12px;
        position: relative;
        overflow: hidden;
        border: 1px solid #334155;
        height: 190px; /* Reduced Height */
        display: flex;
        flex-shrink: 0;
    }
    .videoInternalLeft { flex: 1; background: radial-gradient(circle at center, #1e293b 0%, #020617 100%); display: flex; align-items: center; justify-content: center; }
    .videoInternalRight { flex: 1; background: #0f172a; padding: 1rem; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid #334155; }
    .videoBullet { opacity: 0; transform: translateX(10px); transition: all 0.5s ease; margin-bottom: 5px; display: flex; align-items: center; gap: 6px; font-size: 0.8rem; color: #cbd5e1; }
    .videoBullet.visible { opacity: 1; transform: translateX(0); }

    /* Atom */
    .atom { position: relative; width: 60px; height: 60px; display: flex; justify-content: center; align-items: center; }
    .atom-core { width: 10px; height: 10px; background: #03dac6; border-radius: 50%; box-shadow: 0 0 10px #03dac6; z-index: 10; }
    .orbit { position: absolute; width: 100%; height: 100%; border: 1px solid rgba(3, 218, 198, 0.4); border-radius: 50%; animation: spin 3s linear infinite; }
    .orbit:nth-child(2) { transform: rotate(60deg); animation-delay: -1s; }
    .orbit:nth-child(3) { transform: rotate(120deg); animation-delay: -2s; }
    @keyframes spin { 0% { transform: rotateX(70deg) rotateZ(0deg); } 100% { transform: rotateX(70deg) rotateZ(360deg); } }

    .lessonTextContent { background: #1e293b; padding: 1rem; border-radius: 12px; border: 1px solid #334155; flex-grow: 1; display: flex; flex-direction: column; justify-content: center; }
    .lessonTextContent h3 { font-size: 1.1rem; margin-top: 0; margin-bottom: 0.5rem; color: #fff; }
    .lessonTextContent p { font-size: 0.85rem; line-height: 1.5; color: #94a3b8; margin: 0; }

    .aiTutor { background: #1e293b; border-radius: 12px; padding: 1rem; display: flex; flex-direction: column; border: 1px solid #334155; height: 100%; }
    .botMessage { background: rgba(3, 218, 198, 0.1); color: #03dac6; padding: 10px; border-radius: 8px; margin-bottom: 0.5rem; font-size: 0.8rem; animation: fadeIn 0.5s ease; text-align: left; line-height: 1.4; }
    @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }


    /* --- RESPONSIVE MEDIA QUERIES (No Scrollbars) --- */

    /* Tablet (max-width: 991px) */
    @media (max-width: 991px) {
        .demoContainer { height: 600px; }
        .languageGrid, .gridContainer { grid-template-columns: repeat(2, 1fr); }
    }

    /* Mobile (max-width: 768px) */
    @media (max-width: 768px) {
        .demoContainer { 
            height: 600px;
        }
        .screenContent { padding: 1.25rem; overflow-y: hidden; } /* Hide scrollbar */
        
        .stepTitle { font-size: 1.4rem; }
        
        /* Stack the Player Compactly */
        .playerLayout {
            display: flex;
            flex-direction: column;
            gap: 0.8rem;
        }
        .videoArea { height: 160px; } /* Smaller video on mobile */
        
        /* Smaller Texts */
        .lessonTextContent { padding: 0.8rem; }
        .lessonTextContent h3 { font-size: 1rem; }
        .lessonTextContent p { font-size: 0.8rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } /* Truncate text */
        
        .aiTutor { padding: 0.8rem; height: auto; flex: 1; }
        .botMessage { padding: 8px; font-size: 0.8rem; margin-bottom: 5px; }
    }










/* --- Why Choose Section Styles --- */
.wc-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 30px;
}
.wc-icon-box {
    width: 60px;
    height: 60px;
    background: rgba(3, 218, 198, 0.1);
    color: #03dac6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-right: 20px;
    flex-shrink: 0;
    transition: 0.3s;
}
.wc-item:hover .wc-icon-box {
    background: #03dac6;
    color: #1e1e2d;
    transform: translateY(-5px);
}
.wc-title {
    font-weight: 700;
    font-size: 20px;
    color: #1e1e2d;
    display: block;
    margin-bottom: 8px;
}
.wc-text {
    margin: 0;
    font-size: 16px;
    color: #5F6168;
    line-height: 1.5;
}

/* --- Pure CSS Career Animation --- */
.career-anim-card {
    background: #1e1e2d;
    border-radius: 24px;
    padding: 50px 40px;
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    box-shadow: 0 30px 60px rgba(0,0,0,0.15);
    border: 1px solid #334155;
    position: relative;
    overflow: hidden;
}

.career-anim-title {
    color: #fff;
    font-size: 24px;
    text-align: center;
    margin-bottom: 40px;
}

/* Floating Background Circles */
.anim-float-circle {
    position: absolute;
    border-radius: 50%;
    background: #03dac6;
    opacity: 0.05;
}
.c1 { width: 150px; height: 150px; top: -50px; right: -50px; }
.c2 { width: 100px; height: 100px; bottom: 20px; left: -30px; }

/* Skill Bars */
.skill-row { margin-bottom: 25px; }
.skill-info {
    display: flex;
    justify-content: space-between;
    color: #94a3b8;
    font-size: 14px;
    margin-bottom: 8px;
    font-weight: 500;
}
.skill-track {
    height: 10px;
    background: #334155;
    border-radius: 5px;
    overflow: hidden;
}
.skill-bar {
    height: 100%;
    border-radius: 5px;
    width: 0;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}

/* Animation Definitions */
.b1 { background: #03dac6; animation-name: fillBar1; }
.b2 { background: #3b37f4; animation-name: fillBar2; }
.b3 { background: #FFCE5A; animation-name: fillBar3; }

.skill-pct { opacity: 0; animation: fadeInText 4s infinite; }

/* Pop-up Badge */
.hired-badge {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: #03dac6;
    padding: 20px 30px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    box-shadow: 0 20px 40px rgba(3, 218, 198, 0.4);
    opacity: 0;
    animation: popUpBadge 4s infinite;
    z-index: 10;
    width: 80%;
    justify-content: center;
}
.hired-icon {
    width: 40px;
    height: 40px;
    background: #000;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.hired-content h5 { margin: 0; color: #000; font-size: 20px; font-weight: 800; line-height: 1; }
.hired-content p { margin: 0; color: #1e1e2d; font-size: 13px; font-weight: 600; }

/* --- Keyframes --- */

@keyframes fillBar1 {
    0% { width: 0; }
    40% { width: 95%; }
    80% { width: 95%; }
    100% { width: 0; }
}
@keyframes fillBar2 {
    0% { width: 0; }
    50% { width: 88%; }
    80% { width: 88%; }
    100% { width: 0; }
}
@keyframes fillBar3 {
    0% { width: 0; }
    60% { width: 100%; }
    80% { width: 100%; }
    100% { width: 0; }
}

@keyframes fadeInText {
    0% { opacity: 0; }
    50% { opacity: 1; }
    80% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes popUpBadge {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    60% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
    70% { transform: translate(-50%, -50%) scale(1.1); opacity: 1; }
    75% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    90% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(0); opacity: 0; }
}










/* --- Mission Animation Styles --- */
.mission-card {
    background: #1e1e2d;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
    padding: 30px;
    width: 320px;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
    position: relative;
    z-index: 2;
    transition: transform 0.3s ease;
}
.mission-card:hover {
    transform: translateY(-5px);
    border-color: #03dac6;
}

/* Floating Characters */
.float-char {
    position: absolute;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 900;
    font-family: 'Noto Sans Devanagari', sans-serif;
    user-select: none;
    z-index: 1;
}
.c1 { font-size: 150px; top: -20px; left: -20px; animation: floatSlow 6s infinite ease-in-out; }
.c2 { font-size: 120px; bottom: 20px; right: -20px; animation: floatSlow 7s infinite ease-in-out reverse; }
.c3 { font-size: 80px; top: 40%; left: 10%; animation: floatSlow 5s infinite ease-in-out; }
.c4 { font-size: 90px; top: 10%; right: 20%; animation: floatSlow 8s infinite ease-in-out; }
.c5 { font-size: 100px; bottom: 10%; left: 30%; animation: floatSlow 9s infinite ease-in-out reverse; }

/* Text Fade Animation */
.text-anim-wrap {
    animation: fadeInUp 0.5s ease-out;
}

@keyframes floatSlow {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Helper for spacing */
.pl-50 { padding-left: 50px; }
@media (max-width: 991px) { .pl-50 { padding-left: 0; margin-top: 30px; } }















/* Login Button Styles */
.it-btn-login {
    font-weight: 600;
    font-size: 16px;
    padding: 10px 25px;
    border-radius: 30px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.3); /* Default border for dark bg */
    color: #fff; /* Default text color */
}

.it-btn-login:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #fff;
}

/* Sticky Header Adjustments */
#header-sticky.header-sticky .it-btn-login {
    color: #1e1e2d; /* Dark text on white sticky header */
    border: 1px solid #1e1e2d;
}

#header-sticky.header-sticky .it-btn-login:hover {
    background-color: #1e1e2d;
    color: #fff;
}











/* Blog Section Tweaks */
.it-blog-date span {
    font-weight: 700 !important;
}
.it-blog-date i {
    font-weight: 600 !important;
}
.it-blog-item:hover {
    border-color: #03dac6;
    transform: translateY(-5px);
    transition: all 0.3s ease;
}
.it-blog-item {
    border: 1px solid rgba(0,0,0,0.05);
}














/* --- SMC Mobile Footer Accordion --- */

/* Only apply these styles on screens smaller than 768px (Mobile) */
@media (max-width: 767px) {
    
    /* Hide the menus by default on mobile */
    .it-footer-widget-menu {
        display: none; 
    }

    /* Style the Title to look clickable */
    .it-footer-widget-title {
        cursor: pointer;
        position: relative;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* Subtle separator line */
        display: block;
    }

    /* Add the Plus (+) Icon using CSS */
    .it-footer-widget-title::after {
        content: '+'; 
        position: absolute;
        right: 0;
        top: 0;
        font-size: 20px;
        font-weight: 400;
        color: #ffffff;
        transition: transform 0.3s ease;
    }

    /* When active (open), rotate the Plus to look like an X or check */
    .it-footer-widget-title.active::after {
        transform: rotate(45deg);
        content: '+'; /* Keeps it a plus, but rotated becomes X */
    }
}






/* =========================================
   SMC CUSTOM STYLES (Language & Header Fix)
   ========================================= */

/* --- 1. Prevent Header Buttons from Shrinking/Wrapping --- */
.it-header-right-action .it-btn, 
.it-header-right-action .it-btn-login {
    flex-shrink: 0;        /* Force buttons to keep their width */
    white-space: nowrap;   /* Prevent text from breaking into two lines */
}

/* --- 2. Language Switcher Button (Header) --- */
.smc-lang-btn {
    background: rgba(41, 55, 68, 1);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    padding: 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0; /* Prevent shrinking */
}
.smc-lang-btn:hover {
    background: #03dac6;
    color: #000;
    border-color: #03dac6;
}
/* Adjust color for sticky header (white background) */
.it-header-sticky .smc-lang-btn {
    color: #03dac6 !important;       /* Teal Text & Icon */
    border-color: #03dac6 !important; /* Teal Border */
    background: #000;
}
.it-header-sticky .smc-lang-btn:hover {
    background: #03dac6 !important;   /* Solid Teal Background */
    color: #000 !important;           /* Black Text */
}

/* --- 3. Laptop Screen Fixes (1200px to 1400px) --- */
/* This is the critical part to stop overlapping */
@media (min-width: 1200px) and (max-width: 1399px) {
    
    /* A. Give the container more internal space */
    .container {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    /* B. Tighten the Menu Items */
    .it-header-menu nav ul li {
        margin-right: 15px !important; /* Reduce gap between links */
    }
    .it-header-menu nav ul li a {
        font-size: 15px; /* Slightly smaller font if needed */
    }

    /* C. Tighten the Right Side Buttons */
    .it-header-right-action .d-none.d-md-block.mr-20 {
        margin-right: 10px !important; /* Less space after 'Log In' */
    }
    .it-header-right-action .it-btn.mr-20 {
        margin-right: 10px !important; /* Less space after 'Start Free' */
    }
    
    /* D. Compact the 'Start Free' button */
    .it-header-right-action .it-btn {
        height: 44px;
        line-height: 44px;
        padding: 0 18px !important;
        font-size: 14px;
    }

    /* E. Compact the Language Button */
    .smc-lang-btn {
        padding: 6px 12px;
    }
}

/* --- 4. Language Drawer (Popup) Styles --- */
.smc-lang-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(2px);
}
.smc-lang-drawer-overlay.active {
    opacity: 1;
    visibility: visible;
}

.smc-lang-drawer {
    position: fixed;
    top: 0;
    right: -350px; /* Hidden off-screen */
    width: 320px;
    height: 100vh;
    background: #1e1e2d;
    z-index: 9999;
    padding: 25px;
    box-shadow: -5px 0 30px rgba(0, 0, 0, 0.5);
    transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
}
.smc-lang-drawer.active {
    right: 0;
}

.smc-drawer-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 15px;
}
.smc-drawer-header h5 {
    color: #fff;
    margin: 0;
    font-size: 20px;
}
.smc-drawer-close {
    background: none;
    border: none;
    color: #94a3b8;
    font-size: 20px;
    cursor: pointer;
    transition: 0.3s;
}
.smc-drawer-close:hover {
    color: #03dac6;
    transform: rotate(90deg);
}

.smc-lang-search {
    position: relative;
    margin-bottom: 20px;
}
.smc-lang-search input {
    width: 100%;
    background: #0f172a;
    border: 1px solid #334155;
    padding: 12px 15px 12px 40px;
    border-radius: 8px;
    color: #fff;
}
.smc-lang-search i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #94a3b8;
}

.smc-lang-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    overflow-y: auto;
}
.smc-lang-item {
    background: #2d2d3f;
    border: 1px solid transparent;
    padding: 15px;
    border-radius: 10px;
    text-align: center;
    transition: 0.3s;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.smc-lang-item:hover {
    background: #03dac6;
    border-color: #03dac6;
}
.smc-lang-item:hover .lang-eng,
.smc-lang-item:hover .lang-native {
    color: #000;
}
.smc-lang-item.active {
    border-color: #03dac6;
    background: rgba(3, 218, 198, 0.1);
}
.lang-eng {
    font-size: 14px;
    color: #94a3b8;
    font-weight: 500;
}
.lang-native {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
}




/* ==========================================================================
   FINAL DEFINITIVE FIX v5: FONTS, ICONS, DROPDOWNS & HEADER
   1. Fixes "Dotted Circle" (◌)
   2. Fixes Vanishing Icons
   3. Fixes Dropdown Arrows (Targeting LI specifically)
   4. Fixes Header Menu Alignment
   ========================================================================== */

/* --- 1. UNIVERSAL FONT FIX (Removes Dotted Circles) --- */
/* Forces native fonts for text elements only */

/* Hindi, Marathi, Nepali */
html[lang="hi"] *, html[lang="hi"] *::before, html[lang="hi"] *::after,
html[lang="mr"] *, html[lang="mr"] *::before, html[lang="mr"] *::after {
    font-family: 'Nirmala UI', 'Mangal', 'Poppins', sans-serif !important;
}

/* Malayalam */
html[lang="ml"] *, html[lang="ml"] *::before, html[lang="ml"] *::after {
    font-family: 'Nirmala UI', 'Kartika', 'AnjaliOldLipi', sans-serif !important;
    line-height: 1.4 !important;
}

/* Tamil */
html[lang="ta"] *, html[lang="ta"] *::before, html[lang="ta"] *::after {
    font-family: 'Nirmala UI', 'Latha', 'Mukta Malar', sans-serif !important;
}

/* Telugu, Kannada, Bengali, Gujarati */
html[lang="te"] *, html[lang="kn"] *, html[lang="bn"] *, html[lang="gu"] * {
    font-family: 'Nirmala UI', 'Tunga', 'Gautami', sans-serif !important;
}

/* Arabic & Urdu (Right-to-Left) */
html[lang="ar"] *, html[lang="ur"] * {
    font-family: 'Tahoma', 'Arial', sans-serif !important;
    direction: rtl !important;
    text-align: right !important;
}

/* --- 2. ICON PROTECTION (Standard Icons) --- */
/* Protects standard FontAwesome classes */
html[lang] .fa::before, html[lang] .fas::before, html[lang] .far::before, 
html[lang] .fal::before, html[lang] .fab::before, html[lang] .fa-solid::before, 
html[lang] .fa-regular::before, html[lang] .fa-light::before, 
html[lang] .fa-brands::before, html[lang] i[class*="fa-"]::before {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro", "Font Awesome 5 Free", "FontAwesome" !important;
    font-style: normal !important;
    font-weight: 900 !important; /* Default weight */
    direction: ltr !important; 
    text-align: center !important;
}

/* Fix Weights for Light/Regular Icons */
html[lang] .far::before, html[lang] .fa-regular::before, html[lang] .fa-brands::before {
    font-weight: 400 !important;
}
html[lang] .fal::before, html[lang] .fa-light::before {
    font-weight: 300 !important;
}

/* --- 3. DROPDOWN ARROW FIX (Desktop & Mobile) --- */
/* CRITICAL: Targets the LI::after element where the arrow actually lives */

/* Desktop Menu Arrow */
html[lang] .it-header-menu nav ul li.has-dropdown::after,
html[lang] .it-header-menu nav ul li.has-dropdown-2::after {
    font-family: "Font Awesome 6 Pro", "Font Awesome 5 Pro" !important;
    content: "\f107" !important; /* Angle Down */
    font-weight: 400 !important; /* Regular weight as per theme */
    border: none !important;
    display: inline-block !important;
    margin-left: 1px !important;
}

/* Mobile Menu Arrow */
html[lang] .it-menu-mobile .has-dropdown > a .dropdown-toggle-btn i,
html[lang] .it-menu-mobile .has-dropdown-2 > a .dropdown-toggle-btn i {
    font-family: "Font Awesome 5 Pro", "Font Awesome 6 Pro" !important;
    font-weight: 400 !important;
}

/* --- 4. HEADER LAYOUT FIX (Prevents Menu Dropdown) --- */
/* Tights up the menu for wide Indic languages */

:lang(ta) .it-menu-content ul li,
:lang(ml) .it-menu-content ul li,
:lang(te) .it-menu-content ul li,
:lang(kn) .it-menu-content ul li {
    margin-right: 11px !important;
}

:lang(ta) .it-menu-content ul li a,
:lang(ml) .it-menu-content ul li a,
:lang(te) .it-menu-content ul li a,
:lang(kn) .it-menu-content ul li a {
    font-size: 14px !important;
    padding: 25px 0 !important;
    letter-spacing: -0.5px !important;
}

/* Nuclear Layout Override for Large Screens */
@media (min-width: 1400px) {
    :lang(ta) .it-header-area .row > div:nth-child(1),
    :lang(ml) .it-header-area .row > div:nth-child(1) {
        width: 15% !important;
        flex: 0 0 15% !important;
    }
    :lang(ta) .it-header-area .row > div:nth-child(2),
    :lang(ml) .it-header-area .row > div:nth-child(2) {
        width: 60% !important;
        flex: 0 0 60% !important;
    }
    :lang(ta) .it-header-area .row > div:nth-child(3),
    :lang(ml) .it-header-area .row > div:nth-child(3) {
        width: 25% !important;
        flex: 0 0 25% !important;
    }
    :lang(ta) .it-header-right-action,
    :lang(ml) .it-header-right-action {
        justify-content: flex-end;
        gap: 5px !important;
    }
    :lang(ta) .it-btn, :lang(ml) .it-btn {
        padding: 12px 18px !important;
        font-size: 13px !important;
    }
}