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

    Theme Name: Saasty - Sass Startup & Software Multipurpose Template
    Author: Ordianit
    Support:ordianit@gmail.com
    Description: Saasty - Sass Startup & Software Multipurpose Template
    Version: 1.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" rel="stylesheet');
:root {
  /**
  @font family declaration
  */
  --it-ff-body: 'Plus Jakarta Sans', sans-serif;
  --it-ff-heading: 'Montserrat', sans-serif;
  --it-ff-roboto: 'Roboto', sans-serif;
  --it-ff-outfit: 'Outfit', sans-serif;
  --it-ff-nunito: 'Nunito', sans-serif;
  --it-ff-urbanist: 'Urbanist', sans-serif;
  --it-ff-montserrat: 'Montserrat Alternates', sans-serif;
  --it-ff-fontawesome: Font Awesome 6 Pro;
  /**
  @color declaration
  */
  --it-common-white: #ffffff;
  --it-common-black: #25495C;
  --it-common-black-2: #021211;
  --it-common-dark-green: #143230;
  --it-common-blue: #010A42;
  --it-common-yellow: #FFCE5A;
  --it-gray-1: #f9f9f9;
  --it-gray-2: #f9f9f9;
  --it-heading-primary: #01103D;
  --it-text-body: #5F6168;
  --it-theme-1: #54C4C7;                                                                                                                                 ;
  --it-theme-2: #189C84;
  --it-theme-3: #085441;
  --it-theme-4: #1FE290;
  --it-theme-5: #3B37F4;
  --it-theme-6: #746FFF;
}

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

.orange{color:#FF7426 !important;}
.blue{color:#437F9E !important;}
.padding20 { padding: 20px !important}

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

.sentence{
     color: #00ccff;
     font-size: 60px;
	 position:relative;
	 z-index:999;
     text-align: left;
}

/*Wrapper*/
.wrapper{
    background-color: #f5f5f5;
    font-family: 'Raleway', sans-serif;
    margin: 100px auto;
    padding: 40px 40px;
    position: relative;
    width: 70%;
}

/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	text-indent: 9px;
}
.slidingVertical span{
	animation: topToBottom 9.5s linear infinite 0s;
	-ms-animation: topToBottom 9.5s linear infinite 0s;
	-webkit-animation: topToBottom 9.5s linear infinite 0s;
	color: #00ccff;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
img {
  max-width: 100%;
}

h1 {
  font-size: 40px;
}

h2 {
  font-size: 32px;
}

h3 {
  font-size: 28px;
}

h4 {
  font-size: 24px;
}

h5 {
  font-size: 20px;
}

h6 {
  font-size: 16px;
}

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

p {
  color: var(--it-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: var(--it-common-white);
  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: var(--it-common-white);
  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: #33A3B3;
}
.it-btn.theme-2-bg::after {
  background-color: #33A3B3;
}
.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: #33A3B3;

}

.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.html), 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;
  }
  .sentence{
     color: #00ccff;
     font-size: 36px;
     text-align: left;
}

/*Wrapper*/
.wrapper{
    background-color: #f5f5f5;
    font-family: 'Raleway', sans-serif;
    margin: 100px auto;
    padding: 40px 40px;
    position: relative;
    width: 70%;
}

/*Vertical Sliding*/
.slidingVertical{
	display: inline;
	text-indent: 9px;
}
.slidingVertical span{
	animation: topToBottom 9.5s linear infinite 0s;
	-ms-animation: topToBottom 9.5s linear infinite 0s;
	-webkit-animation: topToBottom 9.5s linear infinite 0s;
	color: #00ccff;
	opacity: 0;
	overflow: hidden;
	position: absolute;
}
.slidingVertical span:nth-child(2){
	animation-delay: 2.5s;
	-ms-animation-delay: 2.5s;
	-webkit-animation-delay: 2.5s;
}
.slidingVertical span:nth-child(3){
	animation-delay: 5s;
	-ms-animation-delay: 5s;
	-webkit-animation-delay: 5s;
}
.slidingVertical span:nth-child(4){
	animation-delay: 7.5s;
	-ms-animation-delay: 7.5s;
	-webkit-animation-delay: 7.5s;
}

/*topToBottom Animation*/
@-moz-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -moz-transform: translateY(-50px); }
	10% { opacity: 1; -moz-transform: translateY(0px); }
	25% { opacity: 1; -moz-transform: translateY(0px); }
	30% { opacity: 0; -moz-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-webkit-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -webkit-transform: translateY(-50px); }
	10% { opacity: 1; -webkit-transform: translateY(0px); }
	25% { opacity: 1; -webkit-transform: translateY(0px); }
	30% { opacity: 0; -webkit-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
@-ms-keyframes topToBottom{
	0% { opacity: 0; }
	5% { opacity: 0; -ms-transform: translateY(-50px); }
	10% { opacity: 1; -ms-transform: translateY(0px); }
	25% { opacity: 1; -ms-transform: translateY(0px); }
	30% { opacity: 0; -ms-transform: translateY(50px); }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
}
@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: 204px;
  padding-bottom: 144px;
}
@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: #0c1e1b;
  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: #5F6168;
  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: #746fff;
  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: #437F9E;
}
@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;
  transform: translateY(-14px);
  display: inline-block;
  background-color: var(--it-common-black);
  z-index: -1;
}
.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: 95px;
}
@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: var(--it-common-white);
  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: 66px;
  }
}
@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: 265px;
  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 {
  
  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: 1px solid rgba(116, 111, 255, 0.5);
}
.ai-service-item:hover .ai-service-number {
  color: rgba(120, 113, 247, 0.2);
}
.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(120, 113, 247, 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.2;
  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: var(--it-common-white);
}
.ai-price-style .it-price-item.active .it-price-value {
  color: var(--it-common-white);
}
.ai-price-style .it-price-item.active .it-price-item-list > span {
  color: var(--it-common-white);
}
.ai-price-style .it-price-item.active .it-price-item-list ul li span {
  color: var(--it-common-white);
}
.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;
  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;
  text-align: center;
  z-index: -1;
}

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

.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: #7771F7;
}
@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 */