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

    Template Name: Wamexi - Creative Digital Agency HTML Template
    Author: sTheme-IT
    Support: saadalam291@gmail.com
    Description: Creative Digital Agency HTML Template
    Version: 1.0.0

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

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

	-----------------
    01. THEME CSS
	-----------------
		1.1 Theme Default
		1.2 Common Classes
		1.3 Spacing Classes
	-----------------
    02. COMPONENTS CSS
	-----------------
		2.1 Back to top
		2.2 Buttons
		2.3 Animations
		2.4 Preloader
		2.5 Background
		2.6 Nice Select
		2.7 Breadcrumb
		2.8 Accordion
		2.9 Section Title
		2.10 Accordion
		2.11 Search
		2.12 Magic Cursor
	-----------------
    03. HEADER CSS
	-----------------
		3.1 Header Style
    ---------------------------------
	04. MENU CSS
	---------------------------------
		4.1 Main Menu
		4.2 Mobile Menu
		4.3 offcanvas Menu
	---------------------------------
	05. BLOG CSS
	---------------------------------
		5.1 Sidebar css
		5.2 Blog css
		5.3 Blog Details css
	---------------------------------
	06. FOOTER CSS
	---------------------------------
		6.1 Footer Style 1
	---------------------------------
	07. PAGES CSS
	---------------------------------
	7.1 Banner
	7.2 Hero
	7.3 About Us
	7.4 Service
	7.5 Portfolio
	7.6 Team
	7.7 Award
	7.8 Testimonial
	7.9 FAQ
	7.10 Blog
	8.1 Client
	8.2 Marquee
	8.3 Service Details
	8.4 Team Details
	8.5 Portfolio Details
	8.6 Contact
	8.7 Work Process
	8.8 Why Choose Us
	8.9 Pricing
	8.10 Video

**********************************************/
/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Oooh+Baby&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap");
@keyframes bannerAnimationTwo {
  0% {
    transform: translate(0px, 0px);
  }
  20% {
    transform: translate(20px, -5px);
  }
  40% {
    transform: translate(50px, 20px);
  }
  60% {
    transform: translate(20px, 50px);
  }
  80% {
    transform: translate(-20px, 30px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
.back-to-top-wrapper, a,
button,
p,
input,
select,
textarea,
li,
.transition-3 {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* transform */
:root {
  /**
  @font family declaration
  */
  --si-ff-body: 'Urbanist', sans-serif;
  --si-ff-heading: 'Open Sans', sans-serif;
  --si-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --si-common-white: #ffffff;
  --si-common-black: #121212;
  --si-common-black-2: #1E1E1E;
  --si-common-black-3: #272727;
  --si-common-text-body: #554D4D;
  --si-common-gray: #A3A1A1;
  --si-common-gray-2: #878C8F;
  --si-common-gray-3: #E4E4E4;
  --si-common-gray-4: #C4C8CA;
  --si-common-surface: #F9F9F9;
  --si-theme-primary: #FF9776;
  --si-border-1: rgba(18, 18, 18, 0.2);
  --si-border-2: rgba(18, 18, 18, 0.12);
  --si-border-3: rgba(18, 18, 18, 0.1);
  --si-border-4: rgba(18, 18, 18, 0.5);
  --si-border-5: rgba(18, 18, 18, 0.28);
  --si-border-6: rgba(255, 255, 255, 0.1);
  --si-border-7: #D9D9D9;
  --si-border-8: rgba(255, 255, 255, 0.5);
  --si-border-9: rgba(255, 255, 255, 0.2);
  --si-border-10: #F3EEF5;
}

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

html {
  scroll-behavior: smooth;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1348px;
  }
  .container-1650 {
    max-width: 1650px;
  }
  .container-1900 {
    max-width: 1905px;
  }
  .container-1632 {
    max-width: 1632px;
  }
  .container-1737 {
    max-width: 1737px;
  }
}
/*---------------------------------
	typography css start 
---------------------------------*/
body {
  font-size: 18px;
  line-height: 1.5;
  font-weight: normal;
  color: var(--si-common-text-body);
  font-family: var(--si-ff-body);
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0px;
  font-weight: 600;
  line-height: 2.5;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -ms-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
  color: var(--si-common-black);
  font-family: var(--si-ff-heading);
}

h1 {
  font-size: 160px;
  line-height: 175px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1 {
    font-size: 120px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1 {
    font-size: 120px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1 {
    font-size: 90px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  h1 {
    font-size: 50px;
    line-height: 1.2;
  }
}

h2 {
  font-size: 65px;
  line-height: 85px;
  letter-spacing: -0.32px;
  font-weight: 500;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  h2 {
    font-size: 60px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h2 {
    font-size: 46px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2 {
    font-size: 38px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2 {
    font-size: 35px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 25px;
    line-height: 1.2;
  }
}

h3 {
  font-size: 30px;
  line-height: 41px;
  letter-spacing: -0.32px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h3 {
    font-size: 25px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h3 {
    font-size: 22px;
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  h3 {
    font-size: 20px;
    line-height: 1.4;
  }
}

h4 {
  font-size: 24px;
  line-height: 33px;
  letter-spacing: -0.32px;
}

h5 {
  font-size: 20px;
  line-height: 40px;
}

h6 {
  font-size: 18px;
  line-height: 34px;
}

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

p {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.7;
  margin-bottom: 15px;
  letter-spacing: -0.02em;
  font-family: var(--si-ff-body);
  color: var(--si-common-text-body);
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
input[type=url],
textarea {
  outline: none;
  height: 60px;
  width: 100%;
  line-height: 60px;
  font-size: 16px;
  padding-left: 26px;
  padding-right: 26px;
  border-radius: 0px;
  background: rgb(246, 246, 249);
  color: var(--si-common-black);
  border-top: none;
  border-left: none;
  border-right: none;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--si-common-black);
}
input[type=text]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=number]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=url]::-moz-placeholder,
textarea::-moz-placeholder { /* Firefox 19+ */
  color: var(--si-common-black);
}
input[type=text]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=number]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=url]:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 4-18 */
  color: var(--si-common-black);
}
input[type=text]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=number]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
textarea:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--si-common-black);
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
input[type=url]::placeholder,
textarea::placeholder { /* MODERN BROWSER */
  color: var(--si-common-black);
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=url]:focus,
textarea:focus {
  border-color: var(--si-common-black);
}
input[type=text]:focus::placeholder,
input[type=email]:focus::placeholder,
input[type=tel]:focus::placeholder,
input[type=number]:focus::placeholder,
input[type=password]:focus::placeholder,
input[type=url]:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

textarea {
  line-height: 1.4;
  padding-top: 17px;
  padding-bottom: 17px;
}

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

select:focus {
  outline: 0;
  box-shadow: none;
}

*::-moz-selection {
  background: var(--si-common-black);
  color: var(--si-common-white);
  text-shadow: none;
}

::-moz-selection {
  background: var(--si-common-black);
  color: var(--si-common-white);
  text-shadow: none;
}

::selection {
  background: var(--si-common-black);
  color: var(--si-common-white);
  text-shadow: none;
}

*::-moz-placeholder {
  color: var(--si-common-black);
  font-size: 14px;
  opacity: 1;
}

*::placeholder {
  color: var(--si-common-black);
  font-size: 14px;
  opacity: 1;
}

.si_img_reveal {
  visibility: hidden;
  overflow: hidden;
}

/*---------------------------------
    1.0 Common Classes
---------------------------------*/
.w-img img {
  width: 100%;
}

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.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-6 {
  position: relative;
  z-index: 6;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.gx-135 {
  --bs-gutter-x: 135px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .gx-135 {
    --bs-gutter-x: 30px;
  }
}

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

.text-capitalize {
  text-transform: capitalize;
}

.text-uppercase {
  text-transform: uppercase;
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.underline-black:hover {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 2px, 100% 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}

.underline-black {
  background-image: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
  background-size: 0 1px, 0 1px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.3s linear;
  -webkit-transition: all 0.4s ease 0.3s 0s ease-out;
  -moz-transition: all 0.4s ease 0.3s 0s ease-out;
  -ms-transition: all 0.4s ease 0.3s 0s ease-out;
  -o-transition: all 0.4s ease 0.3s 0s ease-out;
  transition: all 0.4s ease 0.3s 0s ease-out;
}

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

/*----------------------------------------*/
/*  1.1 Spacing
/*----------------------------------------*/
.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px;
}

.mt-15 {
  margin-top: 15px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-25 {
  margin-top: 25px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-35 {
  margin-top: 35px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-45 {
  margin-top: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mt-125 {
  margin-top: 125px;
}

.mt-130 {
  margin-top: 130px;
}

.mt-135 {
  margin-top: 135px;
}

.mt-140 {
  margin-top: 140px;
}

.mt-145 {
  margin-top: 145px;
}

.mt-150 {
  margin-top: 150px;
}

.mt-155 {
  margin-top: 155px;
}

.mt-160 {
  margin-top: 160px;
}

.mt-165 {
  margin-top: 165px;
}

.mt-170 {
  margin-top: 170px;
}

.mt-175 {
  margin-top: 175px;
}

.mt-180 {
  margin-top: 180px;
}

.mt-185 {
  margin-top: 185px;
}

.mt-190 {
  margin-top: 190px;
}

.mt-195 {
  margin-top: 195px;
}

.mt-200 {
  margin-top: 200px;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-10 {
  margin-bottom: 10px;
}

.mb-15 {
  margin-bottom: 15px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-22 {
  margin-bottom: 22px;
}

.mb-23 {
  margin-bottom: 23px;
}

.mb-25 {
  margin-bottom: 25px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-45 {
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .mb-45 {
    margin-bottom: 30px;
  }
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-55 {
  margin-bottom: 55px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-65 {
  margin-bottom: 65px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-75 {
  margin-bottom: 75px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-85 {
  margin-bottom: 85px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-95 {
  margin-bottom: 95px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-105 {
  margin-bottom: 105px;
}

.mb-110 {
  margin-bottom: 110px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-120 {
  margin-bottom: 120px;
}

.mb-125 {
  margin-bottom: 125px;
}

.mb-130 {
  margin-bottom: 130px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-140 {
  margin-bottom: 140px;
}

.mb-145 {
  margin-bottom: 145px;
}

.mb-150 {
  margin-bottom: 150px;
}

.mb-155 {
  margin-bottom: 155px;
}

.mb-160 {
  margin-bottom: 160px;
}

.mb-165 {
  margin-bottom: 165px;
}

.mb-170 {
  margin-bottom: 170px;
}

.mb-175 {
  margin-bottom: 175px;
}

.mb-180 {
  margin-bottom: 180px;
}

.mb-185 {
  margin-bottom: 185px;
}

.mb-190 {
  margin-bottom: 190px;
}

.mb-195 {
  margin-bottom: 195px;
}

.mb-200 {
  margin-bottom: 200px;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-5 {
  margin-left: 5px;
}

.ml-10 {
  margin-left: 10px;
}

.ml-15 {
  margin-left: 15px;
}

.ml-20 {
  margin-left: 20px;
}

.ml-25 {
  margin-left: 25px;
}

.ml-30 {
  margin-left: 30px;
}

.ml-35 {
  margin-left: 35px;
}

.ml-40 {
  margin-left: 40px;
}

.ml-45 {
  margin-left: 45px;
}

.ml-50 {
  margin-left: 50px;
}

.ml-55 {
  margin-left: 55px;
}

.ml-60 {
  margin-left: 60px;
}

.ml-65 {
  margin-left: 65px;
}

.ml-70 {
  margin-left: 70px;
}

.ml-75 {
  margin-left: 75px;
}

.ml-80 {
  margin-left: 80px;
}

.ml-85 {
  margin-left: 85px;
}

.ml-90 {
  margin-left: 90px;
}

.ml-95 {
  margin-left: 95px;
}

.ml-100 {
  margin-left: 100px;
}

.ml-105 {
  margin-left: 105px;
}

.ml-110 {
  margin-left: 110px;
}

.ml-115 {
  margin-left: 115px;
}

.ml-120 {
  margin-left: 120px;
}

.ml-125 {
  margin-left: 125px;
}

.ml-130 {
  margin-left: 130px;
}

.ml-135 {
  margin-left: 135px;
}

.ml-140 {
  margin-left: 140px;
}

.ml-145 {
  margin-left: 145px;
}

.ml-150 {
  margin-left: 150px;
}

.ml-155 {
  margin-left: 155px;
}

.ml-160 {
  margin-left: 160px;
}

.ml-165 {
  margin-left: 165px;
}

.ml-170 {
  margin-left: 170px;
}

.ml-175 {
  margin-left: 175px;
}

.ml-180 {
  margin-left: 180px;
}

.ml-185 {
  margin-left: 185px;
}

.ml-190 {
  margin-left: 190px;
}

.ml-195 {
  margin-left: 195px;
}

.ml-200 {
  margin-left: 200px;
}

.ml-223 {
  margin-left: 223px;
}

.mr-5 {
  margin-right: 5px;
}

.mr-10 {
  margin-right: 10px;
}

.mr-15 {
  margin-right: 15px;
}

.mr-20 {
  margin-right: 20px;
}

.mr-25 {
  margin-right: 25px;
}

.mr-30 {
  margin-right: 30px;
}

.mr-35 {
  margin-right: 35px;
}

.mr-40 {
  margin-right: 40px;
}

.mr-45 {
  margin-right: 45px;
}

.mr-50 {
  margin-right: 50px;
}

.mr-55 {
  margin-right: 55px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-65 {
  margin-right: 65px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-75 {
  margin-right: 75px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-85 {
  margin-right: 85px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-95 {
  margin-right: 95px;
}

.mr-100 {
  margin-right: 100px;
}

.mr-105 {
  margin-right: 105px;
}

.mr-110 {
  margin-right: 110px;
}

.mr-115 {
  margin-right: 115px;
}

.mr-120 {
  margin-right: 120px;
}

.mr-125 {
  margin-right: 125px;
}

.mr-130 {
  margin-right: 130px;
}

.mr-135 {
  margin-right: 135px;
}

.mr-140 {
  margin-right: 140px;
}

.mr-145 {
  margin-right: 145px;
}

.mr-150 {
  margin-right: 150px;
}

.mr-155 {
  margin-right: 155px;
}

.mr-160 {
  margin-right: 160px;
}

.mr-165 {
  margin-right: 165px;
}

.mr-170 {
  margin-right: 170px;
}

.mr-175 {
  margin-right: 175px;
}

.mr-180 {
  margin-right: 180px;
}

.mr-185 {
  margin-right: 185px;
}

.mr-190 {
  margin-right: 190px;
}

.mr-195 {
  margin-right: 195px;
}

.mr-200 {
  margin-right: 200px;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-25 {
  padding-top: 25px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-35 {
  padding-top: 35px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-45 {
  padding-top: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pt-110 {
  padding-top: 110px;
}
@media (max-width: 1399px) {
  .pt-110 {
    padding-top: 80px;
  }
}

.pt-115 {
  padding-top: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pt-125 {
  padding-top: 125px;
}

.pt-130 {
  padding-top: 130px;
}
@media (max-width: 1399px) {
  .pt-130 {
    padding-top: 80px;
  }
}

.pt-135 {
  padding-top: 135px;
}

.pt-140 {
  padding-top: 140px;
}

.pt-145 {
  padding-top: 145px;
}

.pt-150 {
  padding-top: 150px;
}
@media (max-width: 1399px) {
  .pt-150 {
    padding-top: 80px;
  }
}

.pt-155 {
  padding-top: 155px;
}

.pt-160 {
  padding-top: 160px;
}

.pt-165 {
  padding-top: 165px;
}

.pt-170 {
  padding-top: 170px;
}

.pt-175 {
  padding-top: 175px;
}

.pt-180 {
  padding-top: 180px;
}

.pt-185 {
  padding-top: 185px;
}

.pt-190 {
  padding-top: 190px;
}

.pt-195 {
  padding-top: 195px;
}

.pt-200 {
  padding-top: 200px;
}
@media (max-width: 767px) {
  .pt-200 {
    padding-top: 70px;
  }
}

.pt-270 {
  padding-top: 270px;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-15 {
  padding-bottom: 15px;
}

.pb-20 {
  padding-bottom: 20px;
}

.pb-25 {
  padding-bottom: 25px;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-35 {
  padding-bottom: 35px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pb-125 {
  padding-bottom: 125px;
}

.pb-130 {
  padding-bottom: 130px;
}
@media (max-width: 1399px) {
  .pb-130 {
    padding-bottom: 80px;
  }
}

.pb-135 {
  padding-bottom: 135px;
}

.pb-140 {
  padding-bottom: 140px;
}

.pb-145 {
  padding-bottom: 145px;
}

.pb-150 {
  padding-bottom: 150px;
}
@media (max-width: 1399px) {
  .pb-150 {
    padding-bottom: 80px;
  }
}

.pb-155 {
  padding-bottom: 155px;
}

.pb-160 {
  padding-bottom: 160px;
}

.pb-165 {
  padding-bottom: 165px;
}

.pb-170 {
  padding-bottom: 170px;
}

.pb-175 {
  padding-bottom: 175px;
}

.pb-180 {
  padding-bottom: 180px;
}

.pb-185 {
  padding-bottom: 185px;
}

.pb-190 {
  padding-bottom: 190px;
}
@media (max-width: 1399px) {
  .pb-190 {
    padding-bottom: 80px;
  }
}

.pb-195 {
  padding-bottom: 195px;
}

.pb-200 {
  padding-bottom: 200px;
}

.pl-5 {
  padding-left: 5px;
}

.pl-8 {
  padding-left: 8px;
}

.pl-10 {
  padding-left: 10px;
}

.pl-15 {
  padding-left: 15px;
}

.pl-20 {
  padding-left: 20px;
}

.pl-25 {
  padding-left: 25px;
}

.pl-30 {
  padding-left: 30px;
}

.pl-35 {
  padding-left: 35px;
}

.pl-40 {
  padding-left: 40px;
}

.pl-45 {
  padding-left: 45px;
}

.pl-50 {
  padding-left: 50px;
}

.pl-55 {
  padding-left: 55px;
}

.pl-60 {
  padding-left: 60px;
}

.pl-65 {
  padding-left: 65px;
}

.pl-70 {
  padding-left: 70px;
}

.pl-75 {
  padding-left: 75px;
}

.pl-80 {
  padding-left: 80px;
}

.pl-85 {
  padding-left: 85px;
}

.pl-90 {
  padding-left: 90px;
}

.pl-95 {
  padding-left: 95px;
}

.pl-100 {
  padding-left: 100px;
}

.pl-105 {
  padding-left: 105px;
}

.pl-110 {
  padding-left: 110px;
}

.pl-115 {
  padding-left: 115px;
}

.pl-120 {
  padding-left: 120px;
}

.pl-125 {
  padding-left: 125px;
}

.pl-130 {
  padding-left: 130px;
}

.pl-135 {
  padding-left: 135px;
}

.pl-140 {
  padding-left: 140px;
}

.pl-145 {
  padding-left: 145px;
}

.pl-150 {
  padding-left: 150px;
}

.pl-155 {
  padding-left: 155px;
}

.pl-160 {
  padding-left: 160px;
}

.pl-165 {
  padding-left: 165px;
}

.pl-170 {
  padding-left: 170px;
}

.pl-175 {
  padding-left: 175px;
}

.pl-180 {
  padding-left: 180px;
}

.pl-185 {
  padding-left: 185px;
}

.pl-190 {
  padding-left: 190px;
}

.pl-195 {
  padding-left: 195px;
}

.pl-200 {
  padding-left: 200px;
}

.pr-5 {
  padding-right: 5px;
}

.pr-10 {
  padding-right: 10px;
}

.pr-15 {
  padding-right: 15px;
}

.pr-20 {
  padding-right: 20px;
}

.pr-25 {
  padding-right: 25px;
}

.pr-30 {
  padding-right: 30px;
}

.pr-35 {
  padding-right: 35px;
}

.pr-40 {
  padding-right: 40px;
}

.pr-45 {
  padding-right: 45px;
}

.pr-50 {
  padding-right: 50px;
}

.pr-55 {
  padding-right: 55px;
}

.pr-60 {
  padding-right: 60px;
}

.pr-65 {
  padding-right: 65px;
}

.pr-70 {
  padding-right: 70px;
}

.pr-75 {
  padding-right: 75px;
}

.pr-80 {
  padding-right: 80px;
}

.pr-85 {
  padding-right: 85px;
}

.pr-90 {
  padding-right: 90px;
}

.pr-95 {
  padding-right: 95px;
}

.pr-100 {
  padding-right: 100px;
}

.pr-105 {
  padding-right: 105px;
}

.pr-110 {
  padding-right: 110px;
}

.pr-115 {
  padding-right: 115px;
}

.pr-120 {
  padding-right: 120px;
}

.pr-125 {
  padding-right: 125px;
}

.pr-130 {
  padding-right: 130px;
}

.pr-135 {
  padding-right: 135px;
}

.pr-140 {
  padding-right: 140px;
}

.pr-145 {
  padding-right: 145px;
}

.pr-150 {
  padding-right: 150px;
}

.pr-155 {
  padding-right: 155px;
}

.pr-160 {
  padding-right: 160px;
}

.pr-165 {
  padding-right: 165px;
}

.pr-170 {
  padding-right: 170px;
}

.pr-175 {
  padding-right: 175px;
}

.pr-180 {
  padding-right: 180px;
}

.pr-185 {
  padding-right: 185px;
}

.pr-190 {
  padding-right: 190px;
}

.pr-195 {
  padding-right: 195px;
}

.pr-200 {
  padding-right: 200px;
}

/*----------------------------------------*/
/*  1.4 Back to top
/*----------------------------------------*/
.back-to-top-wrapper {
  position: fixed;
  right: 50px;
  bottom: 0;
  height: 44px;
  width: 44px;
  cursor: pointer;
  display: block;
  border-radius: 50%;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 767px) {
  .back-to-top-wrapper {
    right: 20px;
    bottom: 20px;
  }
}
.back-to-top-wrapper.back-to-top-btn-show {
  visibility: visible;
  opacity: 1;
  bottom: 50px;
}

.back-to-top-btn {
  display: inline-block;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 50%;
  color: var(--si-common-black);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: var(--si-common-white);
  box-shadow: 0px 8px 16px rgba(3, 4, 28, 0.3);
}
.back-to-top-btn svg {
  -webkit-transform: translateY(-2px);
  -moz-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  -o-transform: translateY(-2px);
  transform: translateY(-2px);
}
.back-to-top-btn:hover {
  -webkit-transform: translateY(-4px);
  -moz-transform: translateY(-4px);
  -ms-transform: translateY(-4px);
  -o-transform: translateY(-4px);
  transform: translateY(-4px);
}

/*----------------------------------------*/
/*  1.6 Buttons
/*----------------------------------------*/
.si-circle-btn {
  display: inline-block;
  text-align: center;
  border: 1px solid var(--si-border-4);
  width: 200px;
  height: 200px;
  place-content: center;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  transition: all 0.9s ease-out;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-circle-btn {
    width: 150px;
    height: 150px;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .si-circle-btn {
    width: 150px;
    height: 150px;
    margin-bottom: 30px;
  }
}
.si-circle-btn:hover {
  border: 1px solid transparent;
}
.si-circle-btn-title {
  font-size: 20px;
  color: var(--si-common-black);
  padding-top: 16px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-circle-btn-title {
    font-size: 17px;
  }
}
@media (max-width: 767px) {
  .si-circle-btn-title {
    font-size: 17px;
  }
}
.si-circle-btn-dot {
  position: absolute;
  bottom: 0;
  left: 32px;
  width: 0px;
  height: 0px;
  -webkit-transition: all 0.6s ease-out;
  -moz-transition: all 0.6s ease-out;
  -ms-transition: all 0.6s ease-out;
  -o-transition: all 0.6s ease-out;
  transition: all 0.6s ease-out;
  line-height: 20px;
  border-radius: 50%;
  background-color: var(--si-theme-primary);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid transparent;
  z-index: -1;
}
.si-circle-btn:hover .si-circle-btn-dot {
  width: 420px;
  height: 420px;
}

.si-btn-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  line-height: 1;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 10px 0 0;
}
.si-btn-link .btn-text {
  overflow: hidden;
}
.si-btn-link .btn-text span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  text-shadow: 0 30px 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  color: var(--si-common-gray-2);
  text-decoration: underline;
}
.si-btn-link:hover .btn-text span {
  -webkit-transform: translateY(-30px);
  -ms-transform: translateY(-30px);
  transform: translateY(-30px);
}
.si-btn-link .btn-icon img {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.si-btn-link:hover .btn-icon img {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.link-effect {
  position: relative;
  overflow: hidden;
  display: block;
  height: 17px;
  line-height: normal;
}

.link-effect .effect-1 {
  display: block;
  height: 100%;
  position: relative;
  top: 0%;
  transition: 0.3s;
}

.link-effect:hover .effect-1 {
  top: -100%;
}

.si-client-wrap li a .link-effect {
  height: 120px;
}
@media (max-width: 767px) {
  .si-client-wrap li a .link-effect {
    height: 88px;
  }
}

.si-btn-text {
  background: var(--si-common-black);
  color: var(--si-common-white);
  padding: 12px 26px 10px 26px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  transition: 0.6s;
}

.si-btn-icon {
  background: var(--si-theme-primary);
  padding: 15px 19px 14px 19px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
  color: var(--si-common-black);
  transition: 0.6s;
}

.si__contact__btn a:hover .si-btn-text {
  background: var(--si-theme-primary);
}

.si__contact__btn a:hover .si-btn-text {
  background: var(--si-theme-primary);
}

.si__contact__btn a:hover .si-btn-icon {
  background: var(--si-common-black);
  color: var(--si-common-white);
}

/*----------------------------------------*/
/*  1.1 Animations
/*----------------------------------------*/
.rotate2 {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: rotate2 10s infinite linear;
  animation: rotate2 10s infinite linear;
}

@keyframes rotate2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes animationglob {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
@keyframes lqdItiImgOut {
  0% {
    transform: translateY(0) scale(1);
  }
  to {
    transform: translateY(100%) scale(1.15);
  }
}
@keyframes hero-circle-2 {
  0% {
    -webkit-transform: translateX(1000px);
    -moz-transform: translateX(1000px);
    -ms-transform: translateX(1000px);
    -o-transform: translateX(1000px);
    transform: translateX(1000px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes hero-circle-3 {
  0% {
    -webkit-transform: translateX(500px);
    -moz-transform: translateX(500px);
    -ms-transform: translateX(500px);
    -o-transform: translateX(500px);
    transform: translateX(500px);
  }
  100% {
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes move1 {
  0% {
    bottom: -300px;
    left: -300px;
  }
  30% {
    bottom: 100px;
    left: 300px;
  }
  60% {
    bottom: 200px;
    left: 600px;
  }
  100% {
    bottom: -300px;
    left: 1200px;
  }
}
@keyframes move1-reverse {
  0% {
    bottom: -150px;
    left: 1400px;
  }
  40% {
    bottom: 50px;
    left: 600px;
  }
  70% {
    bottom: 200px;
    left: 300px;
  }
  100% {
    bottom: -150px;
    left: -150px;
  }
}
@keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 255, 255, 0.2);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes animate-pulse-2 {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 246, 105, 0.1), 0 0 0 0 rgba(255, 246, 105, 0.1);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 0 rgba(255, 246, 105, 0.1);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
}
@keyframes rotate {
  100% {
    transform: translate(-50%, -50%) rotate(1turn);
  }
}
@keyframes marquee-horizontal {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-moz-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@-ms-keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes video-border {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  60% {
    opacity: 1;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}
@keyframes scroll-up-down {
  0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
@keyframes scroll1 {
  0% {
    top: 0px;
  }
  100% {
    top: 100%;
  }
}
@keyframes scroll2 {
  0% {
    top: 0px;
  }
  100% {
    top: 100%;
  }
}
@keyframes transform {
  0% {
    transform: scale(0.8);
    opacity: 0.8;
  }
  50% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.8);
    opacity: 0.8;
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 1000;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.si-zoom-in-out {
  -webkit-animation: si_zoom_in_out 7s infinite linear;
  -moz-animation: si_zoom_in_out 7s infinite linear;
  -ms-animation: si_zoom_in_out 7s infinite linear;
  -o-animation: si_zoom_in_out 7s infinite linear;
  animation: si_zoom_in_out 7s infinite linear;
}

@-webkit-keyframes si_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-moz-keyframes si_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@-ms-keyframes si_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes si_zoom_in_out {
  0% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes scroll_anim {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes loadingAnimation {
  to {
    transform: rotate(-360deg);
  }
}
@keyframes roteted {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes headerSlideDown {
  0% {
    margin-top: -150px;
  }
  100% {
    margin-top: 0;
  }
}
@keyframes bar_anim {
  0%, 100% {
    -webkit-clip-path: inset(-2px 0);
    clip-path: inset(-2px 0);
  }
  42% {
    -webkit-clip-path: inset(-2px 0 -2px 100%);
    clip-path: inset(-2px 0 -2px 100%);
  }
  43% {
    -webkit-clip-path: inset(-2px 100% -2px 0);
    clip-path: inset(-2px 100% -2px 0);
  }
}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  animation: fadeInUp 7s infinite linear;
}

@-webkit-keyframes sishake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-moz-keyframes sishake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@-ms-keyframes sishake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
@keyframes sishake {
  10% {
    transform: translateY(-10px);
  }
  50% {
    transform: skew(15deg);
  }
  80% {
    transform: rotate(10deg);
  }
  100% {
    transform: translate(0);
  }
}
/*----------------------------------------*/
/*  1.9 Preloader
/*----------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background-color: var(--si-theme-primary);
}

.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(--si-common-black);
  animation: preloader 1.3s linear infinite;
  -webkit-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 ---*/
/*----------------------------------------*/
/*  1.3 Background
/*----------------------------------------*/
.si-background {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

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

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

.surface-bg {
  background-color: var(--si-common-surface);
}

[data-bg-color=footer-bg-grey] {
  background-color: var(--si-footer-grey-1);
}

[data-bg-color=footer-bg-white] {
  background-color: var(--si-common-white);
}

/*----------------------------------------*/
/*  1.8 Nice Select
/*----------------------------------------*/
.custom-select {
  position: relative;
  width: 200px;
  border: 1px solid #ccc;
  cursor: pointer;
}
.custom-select .selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  background: #fff;
}
.custom-select .selected.open .arrow {
  transform: rotate(-135deg);
}
.custom-select .selected.open + .options {
  max-height: 500px;
  opacity: 1;
}
.custom-select .selected .arrow {
  display: inline-block;
  width: 8px;
  height: 8px;
  border: solid #333;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transition: transform 0.3s ease;
}
.custom-select .options {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ccc;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  z-index: 100;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
.custom-select .options li {
  padding: 10px;
  cursor: pointer;
  list-style: none;
  transition: background 0.2s ease;
}
.custom-select .options li:hover {
  background: #f0f0f0;
}

/*----------------------------------------*/
/*  1.5 Breadcrumb
/*----------------------------------------*/
.si__breadcumb__area {
  padding-top: 263px;
  padding-bottom: 115px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__breadcumb__area {
    padding-top: 190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__breadcumb__area {
    padding-top: 190px;
  }
}
@media (max-width: 991px) {
  .si__breadcumb__area {
    padding-top: 90px;
  }
}
.si__breadcumb__text h2 {
  font-size: 100px;
  line-height: 180px;
  color: #fff;
  font-weight: 700;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__breadcumb__text h2 {
    font-size: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__breadcumb__text h2 {
    font-size: 70px;
  }
}
@media (max-width: 991px) {
  .si__breadcumb__text h2 {
    font-size: 55px;
    line-height: 150px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__breadcumb__text h2 {
    font-size: 40px;
  }
}
.si__breadcumb__text span {
  font-weight: 600;
  font-size: 18px;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(7.5px);
  color: #fff;
  padding: 18px 25px 16px 25px;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  1.0 Accordion
/*----------------------------------------*/
.si-faq-accordion-wrap .accordion-items {
  padding-bottom: 15px;
  margin-bottom: 30px;
  position: relative;
  background: var(--si-common-white);
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-items {
    padding-bottom: 0;
  }
}
.si-faq-accordion-wrap .accordion-items:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.si-faq-accordion-wrap .si-faq-number {
  font-weight: 600;
  font-size: 100px;
  line-height: 136px;
  color: #E7E8E9;
  letter-spacing: -0.05em;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-faq-accordion-wrap .si-faq-number {
    font-size: 50px;
  }
}
.si-faq-accordion-wrap .accordion-header {
  margin-bottom: 0;
  padding-left: 40px;
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-header {
    padding-right: 70px;
    padding-left: 20px;
  }
}
.si-faq-accordion-wrap .accordion-header .accordion-buttons {
  padding-top: 20px;
  padding-bottom: 0px;
  font-weight: 600;
  font-size: 30px;
  line-height: 41px;
  width: 100%;
  text-align: left;
  letter-spacing: -0.02em;
  color: var(--si-common-black);
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-faq-accordion-wrap .accordion-header .accordion-buttons {
    font-size: 22px;
  }
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-header .accordion-buttons {
    font-size: 20px;
    line-height: 32px;
    padding-top: 0;
  }
}
.si-faq-accordion-wrap .accordion-header .accordion-buttons:not(.collapsed) .accordion-icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}
.si-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon {
  position: absolute;
  top: 92px;
  right: 23px;
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon {
    top: 67px;
  }
}
.si-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::before {
  position: absolute;
  content: "";
  width: 2.5px;
  height: 18px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--si-common-black);
  border-radius: 2px;
  transition: 0.4s;
}
.si-faq-accordion-wrap .accordion-header .accordion-buttons .accordion-icon::after {
  position: absolute;
  content: "";
  width: 18px;
  height: 2.5px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--si-common-black);
  border-radius: 2px;
}
.si-faq-accordion-wrap .accordion-header span {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-header span {
    margin-right: 10px;
  }
}
.si-faq-accordion-wrap .accordion-body {
  padding-right: 40px;
  padding-left: 40px;
  border-top: 1px solid var(--si-border-7);
  margin-top: 10px;
  padding-top: 35px;
  padding-bottom: 5px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-body {
    padding-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-body {
    padding-right: 30px;
  }
}
.si-faq-accordion-wrap .accordion-body p {
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  color: var(--si-text-body);
  margin-bottom: 0;
  padding-bottom: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-faq-accordion-wrap .accordion-body p {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .si-faq-accordion-wrap .accordion-body p {
    font-size: 18px;
  }
}
.si-faq-box-2 .accordion-buttons .accordion-icon {
  top: 37px !important;
  right: -12px !important;
}
@media (max-width: 767px) {
  .si-faq-box-2 .accordion-buttons .accordion-icon {
    right: 0px !important;
    top: 16px !important;
  }
}
.si-faq-box-2 .si-faq-accordion-wrap .accordion-header {
  margin-bottom: 0;
  padding-left: 0;
}
.si-faq-box-2 .si-faq-accordion-wrap .accordion-items {
  padding-bottom: 35px;
  margin-bottom: 15px;
  position: relative;
  background: var(--si-common-white);
  margin-right: 50px;
}
.si-faq-box-2 .si-faq-accordion-wrap .accordion-body {
  padding-right: 100px;
  padding-left: 0;
  border-top: none;
  margin-top: 10px;
  padding-top: 16px;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .si-faq-box-2 .si-faq-accordion-wrap .accordion-body {
    padding-right: 0;
  }
}
.si-faq-box-2 .si-faq-accordion-wrap .accordion-items:not(:last-child) {
  border-bottom: 1px solid var(--si-border-1);
}

/*----------------------------------------*/
/*  2.1 Section Title
/*----------------------------------------*/
.si-section-title {
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  .si-section-title {
    padding-bottom: 30px;
  }
}
.si-section-title .space {
  margin-left: 353px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-section-title .space {
    margin-left: 150px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-section-title .space {
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-section-title .space {
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .si-section-title .space {
    margin-left: 0px;
  }
}
.si-section-title.space2 {
  margin-left: 285px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-section-title.space2 {
    margin-left: 0;
  }
}
.si-section-title span {
  font-size: 18px;
  border: 1px solid var(--si-border-3);
  border-radius: 5px;
  padding: 4px 12px;
  display: inline-block;
  margin-bottom: 5px;
}
.si-section-title-white span {
  color: #fff;
  border: 1px solid var(--si-border-6);
}
.si-section-title-white h2 {
  color: #fff;
}

/*----------------------------------------*/
/*  2.0 Search
/*----------------------------------------*/
.si-search-area {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  height: 300px;
  visibility: hidden;
  background: var(--si-common-white);
  -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));
  transition: all 0.5s ease-in-out 0s, visibility 0.5s ease-in-out;
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  z-index: 99999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
}
.si-search-area::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}
.si-search-area.opened {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.si-search-area.search-black {
  background: rgb(38, 37, 40);
}
.si-search-area.search-black .si-search-content .search::before {
  background-color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input {
  border-color: #4F4F4F;
  background-color: transparent;
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input::-moz-placeholder { /* Firefox 19+ */
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content input::placeholder { /* MODERN BROWSER */
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-content .si-search-icon {
  color: var(--si-common-white);
}
.si-search-area.search-black .si-search-close-btn {
  border-color: #4F4F4F;
  color: var(--si-common-white);
}
.si-search-wrapper {
  position: relative;
  display: flex;
  padding-top: 80px;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-search-wrapper {
    padding-top: 115px;
  }
}
.si-search-close {
  position: absolute;
  top: 35px;
  right: 35px;
}
@media (max-width: 767px) {
  .si-search-close {
    right: 20px;
    top: 20px;
  }
}
.si-search-close-btn {
  position: relative;
  height: 50px;
  width: 50px;
  z-index: 2;
  line-height: 1;
  border-radius: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: transparent;
  color: var(--si-common-black);
  border: 1px solid rgba(22, 22, 19, 0.1);
}
.si-search-close-btn svg {
  height: 12px;
  width: 12px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}
.si-search-close-btn:hover svg {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.si-search-content .search {
  margin-bottom: 40px;
  position: relative;
}
.si-search-content .search:has(input:focus)::before {
  width: 100%;
}
.si-search-content .search::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: 0.4s;
  background-color: var(--si-common-black);
}
.si-search-content input {
  height: 80px;
  border: none;
  font-size: 30px;
  font-weight: 400;
  padding: 0 60px 0 10px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-bottom: 1px solid #E6E8F0;
  color: var(--si-common-black);
  background: var(--si-common-white);
}
.si-search-content input:focus:hover {
  background: transparent;
}
.si-search-content input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 30px;
  font-weight: 400;
  color: var(--si-common-black);
}
.si-search-content input::-moz-placeholder { /* Firefox 19+ */
  font-size: 30px;
  font-weight: 400;
  color: var(--si-common-black);
}
.si-search-content input:-moz-placeholder { /* Firefox 4-18 */
  font-size: 30px;
  font-weight: 400;
  color: var(--si-common-black);
}
.si-search-content input:-ms-input-placeholder { /* IE 10+  Edge*/
  font-size: 30px;
  font-weight: 400;
  color: var(--si-common-black);
}
.si-search-content input::placeholder { /* MODERN BROWSER */
  font-size: 30px;
  font-weight: 400;
  color: var(--si-common-black);
}
.si-search-icon {
  position: absolute;
  right: 20px;
  top: 50%;
  line-height: 1;
  transform: translateY(-50%);
}

.si-header-search-title {
  font-size: 18px;
  font-weight: 500;
  margin-left: 13px;
}

/*----------------------------------------*/
/*  1.7 Magic Cursor
/*----------------------------------------*/
body.si-magic-cursor #magic-cursor {
  display: block;
}

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

#ball {
  position: fixed;
  display: flex;
  align-items: center;
  pointer-events: none;
  border-radius: 50%;
  color: transparent;
  justify-content: center;
  mix-blend-mode: difference;
  background-color: var(--si-common-black);
}

.cursor-theme-bg #ball {
  background-color: var(--si-theme-primary) !important;
}
.cursor-theme-bg #ball .ball-view {
  color: var(--si-common-black);
}

.cursor-black-bg #ball .ball-view {
  color: var(--si-common-white);
}

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

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

#ball .ball-drag::before,
#ball .ball-drag::after {
  position: absolute;
  top: 50%;
  margin-top: -5px;
  font-size: 19px;
  height: 10px;
  line-height: 10px;
  font-weight: 900;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: var(--si-common-white);
  font-family: "Font Awesome 6 Pro";
  -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.with-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

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

#ball .ball-close {
  position: absolute;
  padding: 0 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  color: var(--si-common-black);
}

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

/* HEADER CSS */
/*----------------------------------------*/
/*   3.1 Header Style
/*----------------------------------------*/
.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  width: 100%;
}

.header-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 55;
}

@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-header-ptb {
    padding: 10px 0;
  }
}
.si-header-menu > nav > ul > li {
  margin: 0 18px;
  list-style-type: none;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-header-menu > nav > ul > li {
    margin: 0 15px;
  }
}
.si-header-menu > nav > ul > li > a {
  padding: 50px 0;
  font-weight: 500;
  font-size: 18px;
  display: inline-block;
  color: var(--si-common-black);
}
.si-header-lang a {
  font-weight: 400;
  font-size: 16px;
  line-height: 1;
  display: inline-block;
}
.si-header-lang a.active {
  color: var(--si-theme-primary);
}
.si-header-lang a:not(:first-child) {
  margin-left: 10px;
}
.si-header-lang a:hover {
  color: var(--si-theme-primary);
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-header-box {
    padding-right: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-header-box {
    padding-right: 0px;
  }
}
.si-header-logo img {
  max-width: inherit;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .si-header-logo {
    padding-left: 30px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-header-logo {
    padding-right: 25px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-header-logo {
    padding: 10px 0;
  }
}
.si-header-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px) {
  .si-header-right {
    justify-content: right;
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .si-header-right {
    display: block;
    text-align: right;
  }
}
.si-header-bar button {
  color: var(--si-common-white);
  border: 1px solid var(--si-border-1);
  border-radius: 50px;
  width: 50px;
  height: 50px;
  place-content: center;
}
.si-header-bar button:hover span {
  animation: bar_anim 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-header-social {
    display: none !important;
  }
}
.si-header-social a {
  margin-right: 15px;
}

.si-header-white .si-header-menu > nav > ul > li > a {
  color: var(--si-common-white);
}
.si-header-white .si-header-dropdown nav ul li.has-dropdown::after {
  color: var(--si-common-white);
}
.si-header-white .si-header-search-title {
  color: var(--si-common-white);
}
.si-header-white .si-header-bar button {
  border: 1px solid var(--si-border-9);
}
.si-header-white.header-sticky {
  background: var(--si-common-black);
}

/*----------------------------------------*/
/*  4.1 Main Menu
/*----------------------------------------*/
.header-sticky {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  opacity: 1;
  width: 100%;
  z-index: 10;
  visibility: visible;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(19, 19, 22, 0.08);
  animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
  -webkit-animation: 0.95s ease 0s normal forwards 1 running headerSlideDown;
}
.header-sticky .si-header-menu > nav > ul > li > a {
  padding: 30px 0;
}

.si-header-dropdown nav ul li {
  position: relative;
  list-style: none;
}
.si-header-dropdown nav ul li.p-static {
  position: static;
}
.si-header-dropdown nav ul li.has-dropdown::after {
  content: "\f107";
  font-size: 16px;
  font-weight: 400;
  margin-left: 2px;
  display: inline-block;
  color: var(--si-common-black);
  transition: all 0.3s 0s ease-out;
  font-family: var(--si-ff-fontawesome);
}
.si-header-dropdown nav ul li.has-dropdown:hover::after {
  transform: rotate(-180deg);
}
.si-header-dropdown nav ul li .si-submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  z-index: 99;
  opacity: 0;
  padding: 12px 0;
  transition: 0.5s;
  text-align: start;
  visibility: hidden;
  border-radius: 14px;
  transform-origin: 0 0;
  transform: scale(1, 0);
  backdrop-filter: blur(40px);
  background: rgba(38, 37, 40, 0.9);
  box-shadow: 0 20px 30px -8px rgba(19, 19, 22, 0.1);
}
.si-header-dropdown nav ul li .si-submenu li {
  width: 100%;
  padding: 0 12px;
  border-radius: 8px;
}
.si-header-dropdown nav ul li .si-submenu li a {
  position: relative;
  border-radius: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1;
  color: #bfbfc0;
  padding: 12px 18px;
  display: inline-block;
  letter-spacing: -0.01em;
  text-align: start;
  width: 100%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-header-dropdown nav ul li .si-submenu li a {
    font-size: 14px;
  }
}
.si-header-dropdown nav ul li .si-submenu li .si-submenu {
  top: 0;
  left: 100%;
}
.si-header-dropdown nav ul li .si-submenu li:hover > a {
  background-color: #2c2b2e;
  color: var(--si-common-white);
}
.si-header-dropdown nav ul li .si-submenu li.menu-item-has-children > a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.si-header-dropdown nav ul li .si-submenu li.menu-item-has-children > a::after {
  content: "\f107";
  font-size: 16px;
  font-weight: 400;
  margin-left: 2px;
  color: #bfbfc0;
  display: inline-block;
  transform: rotate(-90deg);
  transition: all 0.3s 0s ease-out;
  font-family: var(--si-ff-fontawesome);
}
.si-header-dropdown nav ul li .si-submenu li.menu-item-has-children:hover a::after {
  transform: rotate(0deg);
  color: var(--si-common-white);
}
.si-header-dropdown nav ul li:hover > .si-submenu {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.si-header-dropdown nav ul li:hover > .si-megamenu-wrapper {
  visibility: visible;
  opacity: 1;
  transition-duration: 0.2s;
  -webkit-transform: perspective(300px) rotateX(0deg);
  -moz-transform: perspective(300px) rotateX(0deg);
  -ms-transform: perspective(300px) rotateX(0deg);
  -o-transform: perspective(300px) rotateX(0deg);
  transform: perspective(300px) rotateX(0deg);
}

.dropdown-white-bg nav ul li .si-submenu {
  background: var(--si-common-white);
}
.dropdown-white-bg nav ul li .si-submenu li a {
  color: var(--si-common-black);
}
.dropdown-white-bg nav ul li .si-submenu li:hover > a {
  background-color: var(--si-theme-primary);
  color: var(--si-common-white);
}
.dropdown-white-bg nav ul li .si-submenu li.menu-item-has-children > a::after {
  color: #636368;
}
.dropdown-white-bg nav ul li .si-submenu li.menu-item-has-children:hover > a::after {
  color: var(--si-common-black);
}

/*----------------------------------------*/
/*  4.2 Mobile Menu
/*----------------------------------------*/
.si-offcanvas-menu {
  margin-bottom: 80px;
}
.si-offcanvas-menu ul {
  list-style: none;
}
.si-offcanvas-menu ul li {
  position: relative;
}
.si-offcanvas-menu ul li > a {
  padding: 10px 0;
  display: block;
  font-size: 20px;
  font-weight: 500;
}
.si-offcanvas-menu ul li.active > a {
  color: var(--si-common-red-3);
}
.si-offcanvas-menu ul li.active > .si-menu-close i {
  top: 10px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.si-offcanvas-menu ul li .submenu {
  display: none;
}
.si-offcanvas-menu ul li .submenu .submenu {
  margin-left: 30px;
}
.si-offcanvas-menu .si-megamenu-wrapper.megamenu-white-bg {
  backdrop-filter: none;
  background: transparent;
  box-shadow: none;
}
.si-offcanvas-menu .mega-menu {
  width: auto;
  opacity: 1;
  visibility: visible;
  transition: none;
  position: static;
  display: none;
  -webkit-transform: perspective(0) rotateX(0);
  -moz-transform: perspective(0) rotateX(0);
  -ms-transform: perspective(0) rotateX(0);
  -o-transform: perspective(0) rotateX(0);
  transform: perspective(0) rotateX(0);
}
.si-offcanvas-menu .si-megamenu-list ul li {
  padding: 0;
}
.si-offcanvas-menu .si-megamenu-list ul li a {
  padding: 8px 20px;
  font-size: 17px;
}
.si-offcanvas-menu .si-submenu li a {
  padding: 8px 20px;
  border-radius: 10px;
  font-size: 17px;
}
.si-offcanvas-menu .si-submenu li a:hover {
  background-color: #f8f8fb;
  color: var(--si-common-black);
}

.si-menu-close {
  position: absolute;
  right: 7px;
  top: 12px;
}
.si-menu-close i {
  transition: all 0.3s;
  font-size: 18px;
  font-weight: 500;
}

.menu-item-has-children .si-menu-close {
  right: 14px;
  top: 9px;
}

/*----------------------------------------*/
/*  4.3 offcanvas Menu
/*----------------------------------------*/
.body-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: 0.45s ease-in-out;
  background: rgba(24, 24, 24, 0.4);
}
.body-overlay.opened {
  opacity: 1;
  visibility: visible;
}

.si-offcanvas-wrapper {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100vh;
  z-index: 999;
  padding: 50px 50px;
  overflow-y: scroll;
  transition: all 0.3s;
  background: #FFF;
  overscroll-behavior-y: contain;
  -webkit-transform: translateX(calc(100% + 80px));
  -moz-transform: translateX(calc(100% + 80px));
  -ms-transform: translateX(calc(100% + 80px));
  -o-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
}
@media (max-width: 767px) {
  .si-offcanvas-wrapper {
    width: 100%;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si-offcanvas-wrapper {
    width: 450px;
  }
}
.si-offcanvas-wrapper .logo-2 {
  display: none;
}
.si-offcanvas-wrapper.offcanvas-black-bg {
  background: var(--si-common-black);
}
.si-offcanvas-wrapper.offcanvas-black-bg .logo-1 {
  display: none;
}
.si-offcanvas-wrapper.offcanvas-black-bg .logo-2 {
  display: block !important;
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-close-btn {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-menu ul li > a {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-menu ul li.active > a {
  color: var(--si-theme-primary);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-menu .si-submenu li a:hover {
  background-color: #2c2b2e;
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-menu-close i {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-megamenu-wrapper.megamenu-black-bg {
  backdrop-filter: initial;
  background: transparent;
  box-shadow: none;
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-title.sm {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-contact ul li a {
  color: rgba(255, 255, 255, 0.8);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-contact ul li a:hover {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-contact ul li a::after {
  background-color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-social ul li a {
  color: var(--si-common-white);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-social ul li a:hover {
  color: var(--si-common-black);
  border-color: var(--si-common-white);
  background-color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-title {
  color: var(--si-common-white);
}
.si-offcanvas-wrapper.offcanvas-black-bg .si-offcanvas-content p {
  color: rgba(255, 255, 255, 0.8);
}
.si-offcanvas-area.opened .si-offcanvas-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.si-offcanvas-top {
  margin-bottom: 90px;
}
.si-offcanvas-close-btn {
  color: black;
}
.si-offcanvas-close-btn:hover {
  opacity: 1;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.si-offcanvas-content {
  margin-bottom: 45px;
}
.si-offcanvas-content p {
  font-size: 18px;
  font-weight: 500;
  color: var(--si-common-black);
}
.si-offcanvas-title {
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.8px;
  font-weight: 700;
  margin-bottom: 15px;
  color: var(--si-common-black);
}
.si-offcanvas-title.sm {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: var(--si-common-black);
}
.si-offcanvas-gallery {
  margin-bottom: 65px;
}
.si-offcanvas-gallery-img img {
  transition: 0.9s;
}
.si-offcanvas-gallery-img:hover img {
  transform: scale(1.2) rotate(-2deg);
}
.si-offcanvas-contact {
  margin-bottom: 55px;
}
.si-offcanvas-contact ul li {
  list-style: none;
}
.si-offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 2px;
}
.si-offcanvas-contact ul li a {
  display: inline-block;
  color: var(--si-common-black);
  font-size: 16px;
  position: relative;
}
.si-offcanvas-contact ul li a::after {
  position: absolute;
  bottom: 2px;
  right: 0;
  width: 0;
  height: 1px;
  content: "";
  transition: 0.4s;
  background-color: #1e1e1e;
}
.si-offcanvas-contact ul li a:hover {
  color: var(--si-common-black);
}
.si-offcanvas-contact ul li a:hover::after {
  width: 100%;
  right: auto;
  left: 0;
}
.si-offcanvas-social ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.si-offcanvas-social ul li {
  list-style: none;
}
.si-offcanvas-social ul li:not(:last-child) {
  margin-right: 8px;
}
.si-offcanvas-social ul li a {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 38px;
  border-radius: 40px;
  transition: all 0.3s;
  color: var(--si-common-black);
  border: 1px solid rgba(2, 11, 24, 0.1);
}
.si-offcanvas-social ul li a:hover {
  background-color: var(--si-theme-primary);
  border-color: var(--si-theme-primary);
  color: var(--si-common-white);
}
.si-offcanvas-social ul li a svg {
  -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  -ms-transform: translateY(-1px);
  -o-transform: translateY(-1px);
  transform: translateY(-1px);
}

.si__blog__details__area {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si__blog__details__area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.si__blog__details__thumb {
  position: relative;
}
.si__blog__details__date {
  text-align: center;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--si-common-white);
  padding: 17px 14px 13px 14px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__date {
    position: inherit;
    margin-bottom: 15px;
  }
}
.si__blog__details__date h1 {
  font-size: 50px;
  line-height: 41px;
  color: var(--si-theme-primary);
}
.si__blog__details__date span {
  font-weight: 500;
  font-size: 18px;
}
.si__blog__details__date h3 {
  font-size: 40px;
  color: var(--si-theme-primary);
  font-weight: 700;
}
.si__blog__details__list ul {
  background: #f6f6f6;
  display: inline-block;
  padding: 15px 5px 19px 24px;
}
.si__blog__details__list ul li {
  list-style: none;
  font-size: 18px;
  font-weight: 500;
  display: inline;
  margin-right: 22px;
}
.si__blog__details__list ul li img {
  margin-right: 5px;
}
.si__blog__details__list ul li a:hover {
  color: var(--si-theme-primary);
}
.si__blog__details__text {
  margin-top: 27px;
}
.si__blog__details__text h2 {
  font-size: 30px;
  line-height: 40px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__blog__details__text h2 {
    font-size: 24px;
  }
}
.si__blog__details__text p {
  margin-top: 14px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__text p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__blog__details__text p br {
    display: none;
  }
}
.si__blog__details__text h3 {
  font-size: 30px;
  line-height: 40px;
  margin-top: 29px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__blog__details__text h3 {
    font-size: 24px;
  }
}
.si__blog__details__icon {
  text-align: center;
  background: #f6f6f6;
  border: 1px solid var(--si-border-2);
  padding: 42px 0 16px 0;
  margin-top: 37px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__icon {
    padding: 42px 11px 16px 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__icon {
    padding: 42px 11px 16px 11px;
  }
}
@media (max-width: 991px) {
  .si__blog__details__icon {
    padding: 42px 11px 16px 11px;
  }
}
.si__blog__details__icon p {
  margin-top: 18px;
  font-size: 20px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__icon p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__icon p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__icon p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__blog__details__icon p br {
    display: none;
  }
}
.si__blog__details__listtwo {
  margin-top: 44px;
}
.si__blog__details__listtwo h4 {
  font-size: 30px;
  margin-bottom: 36px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__blog__details__listtwo h4 {
    font-size: 24px;
  }
}
.si__blog__details__listtwo ul li {
  font-size: 20px;
  list-style: none;
  margin-top: 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__listtwo ul li {
    font-size: 18px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__listtwo ul li {
    font-size: 18px;
  }
}
.si__blog__details__listtwo ul li img {
  margin-right: 5px;
}
.si__blog__details__img {
  position: relative;
  margin-top: 46px;
}
.si__blog__details__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--si-border-7);
  padding: 20px 0 19px 0;
  border-bottom: 1px solid var(--si-border-7);
  margin-top: 38px;
  margin-bottom: 50px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__main {
    display: block;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__blog__details__main {
    display: block;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__main {
    display: block;
  }
}
.si__blog__details__tag h4 {
  margin-right: 19px;
}
.si__blog__details__word span a {
  font-weight: 500;
  color: #010141;
  background: transparent;
  border: 1px solid var(--si-border-2);
  padding: 11px 23px 10px 23px;
  margin-right: 5px;
  border-radius: 10px;
  transition: 0.5s;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__word span a {
    display: block;
    margin-bottom: 13px;
  }
}
.si__blog__details__word span a:hover {
  background: var(--si-theme-primary);
  color: var(--si-common-white);
}
.si__blog__details__share span {
  color: #010141;
  font-weight: 500;
}
.si__blog__details__right {
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__blog__details__right {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__right {
    margin-top: 15px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__share {
    margin-right: 10px;
  }
}
.si__blog__details__listthree ul li {
  list-style: none;
  color: #010141;
  display: inline;
  margin-left: 12px;
}
.si__blog__details__button a {
  font-size: 18px;
  font-weight: 600;
}
.si__blog__details__maintwo {
  margin-top: 44px;
}
.si__blog__details__mainthree {
  display: flex;
  align-items: center;
}
.si__blog__details__reply {
  position: relative;
  left: -25px;
  top: -34px;
}
@media (max-width: 991px) {
  .si__blog__details__reply {
    display: none;
  }
}
.si__blog__details__reply span {
  font-weight: 500;
  color: var(--si-common-black);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__reply span {
    display: inline-flex;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__reply span {
    display: inline-flex;
  }
}
.si__blog__details__reply span img {
  position: relative;
  left: -12px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__reply span img {
    top: 1px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__reply span img {
    top: 1px;
  }
}
.si__blog__details__righttwo {
  display: flex;
  gap: 42px;
  margin-top: 22px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__righttwo {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__righttwo {
    display: block;
  }
}
@media (max-width: 991px) {
  .si__blog__details__righttwo {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__title {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__details__title {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .si__blog__details__title {
    margin-top: 20px;
  }
}
.si__blog__details__title span {
  position: relative;
  top: -5px;
}
.si__blog__details__title p {
  margin-top: 11px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__details__title p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__details__title p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__blog__details__title p br {
    display: none;
  }
}
.si__blog__details__at {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 22px;
}
.si__blog__details__from {
  margin-top: 22px;
}
.si__blog__details__from h4 {
  font-size: 30px;
  margin-bottom: 30px;
}
.si__blog__details__from textarea {
  border: 1px solid var(--si-border-7);
  padding: 21px 0px 0px 25px;
  height: 130px;
  border-radius: 10px;
  background: var(--si-common-white);
}
.si__blog__details__from textarea::placeholder {
  font-size: 18px;
  font-weight: 600;
  color: var(--si-common-text-body);
  background: var(--si-common-white);
}
.si__blog__details__from textarea:focus {
  border: 1px solid var(--si-border-7);
  box-shadow: none;
  outline: 1;
  background: var(--si-common-white);
}
.si__blog__details .si__contact__btn {
  margin-top: 30px;
}
.si__blog__details__name {
  width: 50%;
}
.si__blog__details__name input {
  background: var(--si-common-white);
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
}
.si__blog__details__name input::placeholder {
  font-size: 18px;
  font-weight: 600;
  color: var(--si-common-text-body);
}
.si__blog__details__name input:focus {
  border: 1px solid var(--si-border-7);
  box-shadow: none;
  outline: 0;
}
.si__blog__details__mailchip {
  width: 50%;
}
.si__blog__details__mailchip input {
  background: var(--si-common-white);
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
}
.si__blog__details__mailchip input::placeholder {
  font-size: 18px;
  font-weight: 600;
  color: var(--si-common-text-body);
}
.si__blog__details__mailchip input:focus {
  border: 1px solid var(--si-border-7);
  box-shadow: none;
  outline: 0;
}
.si__blog__details__btn a {
  display: inline-block;
  background: var(--si-common-black);
  color: var(--si-common-white);
  padding: 13px 26px 11px 26px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 500;
}
.si__blog__details__btn span {
  position: relative;
  left: -4px;
}
.si__blog__details__btn span i {
  font-size: 20px;
  font-weight: 500;
  background: var(--si-theme-primary);
  padding: 17px 19px;
  border-radius: 10px;
  color: var(--si-common-black);
}

.blog-details-text {
  margin-top: 43px;
}

.si__righttwo {
  margin-top: 18px !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-right {
    margin-bottom: 20px;
  }
}

.si__blog__checkbox {
  margin-bottom: -10px;
}
.si__blog__checkbox label {
  padding-left: 5px;
}

/*----------------------------------------*/
/*  5.3 Sidebar css
/*----------------------------------------*/
.si__blog__sidebar__searchtwo {
  position: relative;
}
.si__blog__sidebar__searchtwo input {
  background: transparent;
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
  padding: 0px 0px 0px 20px;
}
.si__blog__sidebar__searchtwo input::placeholder {
  font-size: 18px;
  font-weight: 500;
  border: none;
}
.si__blog__sidebar__searchtwo input:focus {
  border: 1px solid var(--si-border-7);
  outline: 0;
  box-shadow: none;
}
.si__blog__sidebar__icontwo {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6px;
  display: flex;
  align-items: center;
  text-align: center;
}
.si__blog__sidebar__icontwo a {
  display: inline-block;
  background: var(--si-theme-primary);
  padding: 8px 12px 11px 12px;
  border-radius: 10px;
}
.si__blog__sidebar__post {
  border: 1px solid var(--si-border-7);
  padding: 26px 0px 10px 29px;
  border-radius: 10px;
  margin-top: 30px;
}
.si__blog__sidebar__post h4 {
  margin-bottom: 26px;
}
.si__blog__sidebar__rightthree {
  display: flex;
  gap: 20px;
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__sidebar__rightthree {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__sidebar__rightthree {
    display: block;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__sidebar__rightthree {
    display: block;
  }
}
.si__blog__sidebar__imgtwo img {
  border-radius: 10px;
}
.si__blog__sidebar__texttwo span {
  font-size: 16px;
  font-weight: 500;
}
.si__blog__sidebar__texttwo span svg {
  margin-right: 5px;
}
.si__blog__sidebar__texttwo h5 {
  margin-top: 7px;
  font-weight: 600;
  font-size: 18px;
  line-height: 1.6;
}
.si__blog__sidebar__services {
  border: 1px solid var(--si-border-7);
  padding: 26px 29px 20px 29px;
  border-radius: 10px;
  margin-top: 30px;
}
.si__blog__sidebar__services h4 {
  margin-bottom: 26px;
}
.si__blog__sidebar__talha {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--si-border-7);
  padding: 7px 7px 7px 20px;
  border-radius: 10px;
  transition: 0.6s;
  margin-bottom: 15px;
}
.si__blog__sidebar__talha:hover {
  background: var(--si-common-black);
  border: 1px solid var(--si-common-black);
  padding: 7px 7px 7px 20px;
}
.si__blog__sidebar__talha:hover .si__blog__sidebar__listfour span {
  color: var(--si-common-white);
}
.si__blog__sidebar__talha:hover .si__blog__sidebar__iconthree a i {
  background: var(--si-theme-primary);
  padding: 13px 13px 13px 15px;
  border-radius: 10px;
  color: var(--si-common-white);
}
.si__blog__sidebar__listfour span {
  font-weight: 500;
  font-size: 18px;
}
.si__blog__sidebar__iconthree a i {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  background: var(--si-common-white);
  color: var(--si-common-black);
  padding: 13px 13px 13px 15px;
  border-radius: 10px;
}
.si__blog__sidebar__search {
  border: 1px solid var(--si-border-7);
  padding: 26px 29px 34px 29px;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .si__blog__sidebar__search {
    margin-top: 30px;
  }
}
.si__blog__sidebar__search h4 {
  margin-bottom: 26px;
}
.si__blog__sidebar__tags {
  border: 1px solid var(--si-border-7);
  padding: 26px 0px 23px 29px;
  border-radius: 10px;
  margin-top: 30px;
}
.si__blog__sidebar__tags h4 {
  margin-bottom: 26px;
}
.si__blog__sidebar__tags span a {
  display: inline-block;
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
  font-weight: 500;
  font-size: 18px;
  padding: 12px 21px 10px 21px;
  margin-right: 6px;
  margin-bottom: 10px;
  transition: 0.6s;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__sidebar__tags span a {
    padding: 12px 15px 10px 15px;
  }
}
.si__blog__sidebar__tags span a:hover {
  background: var(--si-theme-primary);
  border: 1px solid var(--si-theme-primary);
  color: var(--si-common-white);
}
.si__blog__sidebar__call {
  border: 1px solid var(--si-border-7);
  padding: 26px 0px 31px 29px;
  border-radius: 10px;
  margin-top: 30px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__sidebar__call {
    padding: 26px 10px 31px 29px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__sidebar__call {
    padding: 26px 5px 31px 20px;
  }
}
.si__blog__sidebar__call h4 {
  margin-bottom: 26px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__blog__sidebar__call p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__blog__sidebar__call p br {
    display: none;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__blog__sidebar__call p br {
    display: none;
  }
}
.si__blog__sidebar__call span {
  font-weight: 500;
  font-size: 18px;
}
.si__blog__sidebar__quote {
  border: 1px solid var(--si-border-7);
  padding: 26px 29px 20px 29px;
  border-radius: 10px;
  margin-top: 30px;
}
.si__blog__sidebar__quote h4 {
  margin-bottom: 26px;
}
.si__blog__sidebar__quote input {
  background: transparent;
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
  padding: 0px 0px 0px 20px;
  margin-bottom: 15px;
}
.si__blog__sidebar__quote input::placeholder {
  font-size: 18px;
  font-weight: 500;
  border: none;
  color: var(--si-common-text-body);
}
.si__blog__sidebar__quote input:focus {
  border: 1px solid var(--si-border-7);
  outline: 0;
  box-shadow: none;
}
.si__blog__sidebar__quote textarea {
  background: transparent;
  border: 1px solid var(--si-border-7);
  padding-left: 0;
  padding-right: 0;
  height: 150px;
  padding: 18px 0 17px 20px;
  border-radius: 10px;
}
.si__blog__sidebar__quote textarea::placeholder {
  font-size: 18px;
  font-weight: 500;
  border: none;
  color: var(--si-common-text-body);
}
.si__blog__sidebar__quote textarea:focus {
  border: 1px solid var(--si-border-7);
  outline: 0;
  box-shadow: none;
}

.blog-btn {
  margin-top: 25px !important;
}

.si-select-two {
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 500;
  padding: 18px 0 17px 20px;
  width: 100%;
  border: 1px solid var(--si-border-7);
  border-radius: 10px;
  color: var(--si-common-text-body);
  margin-bottom: 15px;
}

/*----------------------------------------*/
/*  1.0 Blog css
/*----------------------------------------*/
.si__our__blog__box {
  margin-bottom: 40px;
}
@media (max-width: 991px) {
  .si__our__blog__box {
    margin-bottom: 28px;
  }
}
.si__our__blog__btn a {
  font-weight: 500;
  font-size: 20px;
  position: relative;
  color: var(--si-common-gray-2);
}
.si__our__blog__btn a::before {
  position: absolute;
  content: "";
  bottom: 3px;
  left: -1px;
  background: var(--si-common-gray-2);
  width: 95px;
  height: 1px;
}
.si__our__blog__btn a i {
  color: var(--si-common-black);
  margin-left: 5px;
}
.si__our__blog__number {
  margin-top: 59px;
}
@media (max-width: 991px) {
  .si__our__blog__number {
    margin-top: 0;
  }
}
.si__our__blog__number ul li {
  list-style: none;
  display: inline;
  margin-right: 10px;
}
.si__our__blog__number ul li a {
  display: inline-block;
  font-weight: 500;
  font-size: 18px;
  background: var(--si-common-white);
  color: var(--si-common-black);
  border: 1px solid rgba(18, 18, 18, 0.25);
  border-radius: 10px;
  padding: 15px 21px 15px 21px;
}
@media (max-width: 991px) {
  .si__our__blog__number ul li a {
    padding: 11px 15px 11px 15px;
  }
}
.si__our__blog__number ul li a {
  transition: 0.6s;
}
.si__our__blog__number ul li a:hover {
  background: var(--si-theme-primary);
  border: 1px solid var(--si-theme-primary);
  color: var(--si-common-white);
}
.si__our__blog__number ul li a i {
  font-size: 22px;
}

/*----------------------------------------*/
/*  1.0 Footer Style
/*----------------------------------------*/
.si-footer-logo a {
  width: 250px;
  height: 250px;
  background: var(--si-common-black-2);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: 80px;
  z-index: 2;
  border: 1px solid var(--si-border-8);
}
@media (max-width: 767px) {
  .si-footer-logo a {
    width: 190px;
    height: 190px;
    position: inherit;
    margin-bottom: 30px;
  }
}
.si-footer-widget-content p {
  color: var(--si-common-gray-4);
  font-size: 18px;
  margin-top: 5px;
}
.si-footer-widget-menu ul li {
  list-style: none;
  padding-bottom: 15px;
}
.si-footer-widget-menu ul li a {
  color: var(--si-common-gray-4);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.si-footer-widget-menu ul li a:hover {
  color: var(--si-theme-primary);
}
.si-footer-contact-list ul li {
  list-style: none;
  margin-bottom: 33px;
}
.si-footer-contact-list ul li span {
  padding-bottom: 11px;
  font-size: 16px;
  color: var(--si-common-gray-4);
  display: inline-block;
}
.si-footer-contact-list ul li P {
  color: var(--si-common-white);
  font-size: 18px;
}
.si-footer-img {
  display: flex;
}
@media (max-width: 767px) {
  .si-footer-img {
    display: block;
  }
}
@media (max-width: 767px) {
  .si-footer-img span {
    padding-bottom: 20px;
    display: inline-block;
  }
}
.si-footer-subscribe-form input {
  background: transparent;
  border-bottom: 1px solid #4E4E4E;
  border-left: none;
  border-right: none;
  border-top: none;
  border-radius: 0;
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
  padding-left: 0;
  padding-bottom: 8px;
}
.si-footer-subscribe-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
}
.si-footer-subscribe-form input::-moz-placeholder { /* Firefox 19+ */
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
}
.si-footer-subscribe-form input:-moz-placeholder { /* Firefox 4-18 */
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
}
.si-footer-subscribe-form input:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
}
.si-footer-subscribe-form input::placeholder { /* MODERN BROWSER */
  color: var(--si-common-gray-4);
  font-size: 18px;
  font-weight: 500;
}
.si-footer-subscribe-form input:focus {
  border-bottom: 1px solid #4E4E4E;
}
.si-footer-subscribe-form button {
  position: absolute;
  right: 0px;
  bottom: 8px;
  transform: translateY(-50%);
}
.si-footer-col-1 {
  max-width: 400px;
  width: 100%;
  padding-bottom: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-footer-col-1 {
    padding-bottom: 40px;
  }
}
.si-footer-col-2 {
  margin-left: 65px;
  padding-bottom: 65px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-footer-col-2 {
    margin-left: 0;
    padding-bottom: 40px;
  }
}
.si-footer-col-3 {
  margin-left: 38px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-footer-col-3 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .si-footer-col-3 {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.si-footer-col-4 {
  margin-left: -25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-footer-col-4 {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .si-footer-col-4 {
    margin-left: 0;
    margin-bottom: 30px;
  }
}

.si-copyright-area {
  background: var(--si-common-black-3);
  padding: 27px 0 10px;
}
.si-copyright-content p {
  font-size: 18px;
}

/*----------------------------------------*/
/*  1.2 Banner Css
/*----------------------------------------*/
@media (max-width: 767px) {
  .si-banner-area {
    display: none;
  }
}
.si-banner-img {
  overflow: hidden;
  height: 650px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-banner-img {
    height: 440px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-banner-img {
    height: 350px;
  }
}

/*----------------------------------------*/
/*  1.1 Hero css
/*----------------------------------------*/
.si-hero-ptb {
  padding-top: 220px;
  padding-bottom: 108px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-hero-ptb {
    padding-top: 180px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-hero-ptb {
    padding-top: 170px;
    padding-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .si-hero-ptb {
    padding-top: 155px;
    padding-bottom: 70px;
  }
}
.si-hero-desc {
  display: flex;
  justify-content: center;
  margin-left: -95px;
  font-size: 24px;
  margin-top: 78px;
  margin-bottom: 48px;
}
@media (max-width: 1399px) {
  .si-hero-desc {
    margin-left: 0px;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .si-hero-desc {
    font-size: 18px;
  }
}
.si-hero-title {
  font-weight: 700;
}
@media (max-width: 1199px) {
  .si-hero-title {
    margin-top: 20px;
  }
}
.si-hero-title span {
  margin-left: 70px;
}
@media (max-width: 1199px) {
  .si-hero-title span {
    margin-left: 0px;
  }
}
.si-hero-title-light-text {
  color: transparent;
  -webkit-text-stroke: 3px var(--si-common-black);
  display: flex;
  justify-content: right;
}
@media (max-width: 1199px) {
  .si-hero-title-light-text {
    display: block;
  }
}
.si-hero-bottom {
  gap: 28px;
  margin-left: 155px;
  margin-top: 20px;
}
@media (max-width: 1199px) {
  .si-hero-bottom {
    margin-left: 0;
  }
}
.si-hero-bottom a {
  margin-top: -13px;
  display: inline-block;
}
.si-hero-bottom a svg {
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-hero-bottom a svg:hover {
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
}
.si-hero-bottom p {
  border-bottom: 1px solid var(--si-common-black);
  padding-bottom: 10px;
  color: var(--si-common-black);
  font-size: 24px;
}
@media (max-width: 767px) {
  .si-hero-bottom p {
    font-size: 18px;
  }
}
.si-hero-thumb {
  overflow: hidden;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-position: center center;
  mask-image: url(../img/hero/mask-1.png);
  -webkit-mask-image: url(../img/hero/mask-1.png);
}
.si-hero-thumb img {
  border-radius: 0 0 0 0;
}
.si-hero-shape1 {
  position: absolute;
  top: 39.9%;
  right: 8.2%;
}
@media (max-width: 1470px) {
  .si-hero-shape1 {
    display: none;
  }
}
.si-hero-shape2 {
  position: absolute;
  top: 33.5%;
  right: 13.4%;
}
@media (max-width: 1470px) {
  .si-hero-shape2 {
    display: none;
  }
}

.si-hero-white.si-hero-ptb {
  padding-bottom: 95px;
}
.si-hero-white .si-hero-title-box h1 {
  color: var(--si-common-white);
}
.si-hero-white .si-hero-title-box h1 span {
  margin-left: 0;
  font-family: "Oooh Baby", cursive;
  color: var(--si-common-white);
  font-weight: 400;
}
@media (max-width: 767px) {
  .si-hero-white .si-hero-title-box h1 {
    line-height: 2;
  }
}
.si-hero-white .si-hero-bottom {
  gap: 40px;
  margin-left: 0px;
  margin-top: 40px;
}
@media (max-width: 767px) {
  .si-hero-white .si-hero-bottom {
    display: block !important;
  }
}
.si-hero-white .si-hero-bottom p {
  color: var(--si-common-gray-4);
  margin: 0;
  padding: 0;
  border: none;
}
.si-hero-white .si-hero-thumb-2 img {
  margin-left: -35px;
  width: 100%;
  margin-top: 65px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-hero-white .si-hero-thumb-2 img {
    margin-left: 0;
    width: 100%;
  }
}

/*----------------------------------------*/
/*  1.3 About css
/*----------------------------------------*/
.si-about-img {
  margin-right: 21px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .si-about-img {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}
@media (max-width: 991px) {
  .si-about-img img {
    width: 100%;
  }
}
.si-about-img::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: radial-gradient(50% 50% at 50% 50%, var(--si-theme-primary) 0%, rgba(255, 151, 118, 0) 100%);
  z-index: 2;
  width: 1212px;
  height: 1212px;
  overflow: hidden;
}
.si-about-desc {
  margin-bottom: 117px;
  margin-left: 93px;
}
@media (max-width: 1199px) {
  .si-about-desc {
    margin-left: 0;
    margin-bottom: 30px;
  }
}
.si-about-box {
  background: #FFFFFF;
  border: 1px solid var(--si-border-2);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  padding: 12px 27px;
}
@media (max-width: 767px) {
  .si-about-box {
    margin-bottom: 30px;
  }
}
.si-about-box-content {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .si-about-box-content {
    margin-bottom: 30px;
  }
}
.si-about-box-content span {
  margin-left: 22px;
}
.si-about-box-content span::before {
  position: absolute;
  content: "";
  top: 25%;
  transform: translateY(-25%);
  left: -22px;
  width: 8px;
  height: 8px;
  background: var(--si-common-black);
  border-radius: 40px;
}
.si-about-shape {
  position: absolute;
  right: 8.5%;
  top: 21%;
}
@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) {
  .si-about-shape {
    right: 5%;
    top: 10%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-shape {
    display: none;
  }
}
.si-about-img-top {
  position: relative;
}
.si-about-img-top::before {
  position: absolute;
  content: "";
  width: 90px;
  height: 96px;
  top: 48px;
  left: -2px;
  background: url(../img/about-us/shape-2.png);
  background-repeat: no-repeat;
  transform: rotate(0deg);
  z-index: -1;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-about-img-top::before {
    top: -22px;
    left: 76px;
    transform: rotate(20deg);
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-img-top::before {
    display: none;
  }
}
.si-about-img-top img {
  border-radius: 50%;
  border: 8px solid var(--si-common-white);
}
.si-about-video-text {
  position: absolute;
  width: 220px;
  height: 220px;
  top: -18%;
  left: -25%;
  background-color: var(--si-common-white);
  -webkit-mask-position: center;
  mask-position: center;
  z-index: -1;
  border-radius: 50%;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-about-video-text {
    top: -33%;
    left: -10%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-video-text {
    display: none;
  }
}
.si-about-video-text img {
  border: none;
}
.si-about-content-2 {
  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) {
  .si-about-content-2 {
    margin-left: 0;
  }
}
.si-about-desc-2 {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-desc-2 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
.si-about-area .col-md-6:last-child .si-about-box-2 {
  width: 382px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-area .col-md-6:last-child .si-about-box-2 {
    width: 100%;
  }
}
.si-about-box-2 {
  box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  background: var(--si-common-white);
  padding: 18px 36px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-about-box-2 {
    padding: 18px 26px;
  }
}
@media (max-width: 767px) {
  .si-about-box-2 {
    margin-bottom: 30px;
  }
}
.si-about-box-2 h2 {
  font-weight: 600;
}
.si-about-box-2 span::before {
  display: none;
}
.si-about-box-content-2 {
  gap: 20px;
}
.si-about-text-inner a {
  position: absolute;
  top: 95px;
  left: 100px;
}
.si-about-rotate-image {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation: rotate2 10s infinite linear;
  animation: rotate2 10s infinite linear;
  position: absolute;
  top: 24px;
  left: 27px;
}
.si-about-text-img {
  display: flex;
  justify-content: right;
  position: absolute;
  bottom: 11.8%;
  right: 1%;
  z-index: -1;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-about-text-img {
    display: none;
  }
}
.si-about-text-img h1 {
  font-size: 300px;
  font-weight: 800;
  letter-spacing: -0.32px;
  line-height: 236px;
  background-image: url(../img/about-us/text-image.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  background-repeat: no-repeat;
  text-align: right;
}

/*----------------------------------------*/
/*  1.4 Service css
/*----------------------------------------*/
.si-service-box {
  background: var(--si-common-white);
  padding: 30px 35px 28px 35px;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .si-service-box {
    margin-bottom: 30px;
  }
}
.si-service-box:hover .si-service-border-shape span svg {
  stroke-opacity: 1;
}
.si-service-title {
  margin-bottom: 25px;
  transition: 0.5s;
}
.si-service-title a {
  transition: 0.5s;
}
.si-service-list {
  padding-top: 215px;
}
.si-service-border-shape span {
  position: absolute;
  left: -2px;
  top: 47.5%;
}
.si-service-border-shape span svg {
  stroke-opacity: 0.28;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-service-border-shape h4 {
  position: absolute;
  left: 47.5%;
  top: 29.5%;
}
.si-service-img-text {
  font-size: 200px;
  font-weight: 800;
  line-height: 1.1;
  background-image: url(../img/service/text1.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  background-repeat: no-repeat;
}
.si-service-img-text-2 {
  font-size: 200px;
  font-weight: 800;
  line-height: 1.1;
  background-image: url(../img/service/text2.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  background-repeat: no-repeat;
}
.si-service-img-text-3 {
  font-size: 200px;
  font-weight: 800;
  line-height: 1.1;
  background-image: url(../img/service/text3.jpg);
  background-size: cover;
  background-position: center;
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  position: absolute;
  background-repeat: no-repeat;
}
.si-service-list {
  position: relative;
  z-index: 1;
}
.si-service-list ul li {
  list-style: none;
  color: var(--si-common-black);
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}
.si-service-list ul li span {
  margin-right: 10px;
}

.si-service-2-area {
  position: relative;
}
.si-service-2-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--si-border-1);
  padding: 42px 49px 30px 49px;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .si-service-2-box {
    display: block;
  }
}
.si-service-2-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0;
  left: 0;
  bottom: 0;
  background: url(../img/service/bg-2.jpg);
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  opacity: 0;
  z-index: -1;
  border-radius: 10px;
  transition: 0.6s;
}
.si-service-2-box:hover::before {
  height: 100%;
  opacity: 1;
  bottom: 0;
}
.si-service-2-main {
  display: flex;
  align-items: center;
  gap: 41px;
}
@media (max-width: 991px) {
  .si-service-2-main {
    gap: 10px;
  }
}
.si-service-2-number span {
  font-weight: 600;
  font-size: 18px;
  transition: 0.6s;
}
.si-service-2-box:hover .si-service-2-number span {
  color: var(--si-common-white);
}
.si-service-2-text h3 {
  margin-bottom: 20px;
}
.si-service-2-text h3 a {
  transition: 0.3s;
}
.si-service-2-box:hover .si-service-2-text h3 {
  color: var(--si-common-white);
}
.si-service-2-box:hover .si-service-2-text p {
  color: var(--si-common-white);
}
@media (max-width: 991px) {
  .si-service-2-list {
    margin-top: 5px;
    margin-bottom: 30px;
  }
}
.si-service-2-list ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
  color: var(--si-common-black);
  transition: 0.6s;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si-service-2-list ul li {
    font-size: 18px;
  }
}
.si-service-2-list ul li span {
  font-weight: 800;
  color: var(--si-common-black);
  margin-right: 11px;
  transition: 0.6s;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si-service-2-list p {
    font-size: 18px;
  }
}
.si-service-2-box:hover .si-service-2-list ul li {
  color: var(--si-common-white);
}
.si-service-2-box:hover .si-service-2-list ul li span {
  color: var(--si-common-white);
}
.si-service-2-icon a {
  display: inline-block;
  width: 100px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  border-radius: 50%;
  background: transparent;
  border: 1px solid var(--si-common-black);
  transition: 0.6s;
}
@media (max-width: 991px) {
  .si-service-2-icon a {
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
}
.si-service-2-icon a svg {
  transition: 0.5s;
}
.si-service-2-box:hover .si-service-2-icon a {
  transform: rotate(80deg);
  background: var(--si-theme-primary);
  border: 1px solid var(--si-theme-primary);
}
.si-service-2-box:hover .si-service-2-icon a img {
  filter: brightness(0) invert(1);
}
.si-service-2-shape {
  position: absolute;
  top: 0;
  bottom: 23.6%;
  left: 0;
  justify-content: center;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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), (max-width: 991px) {
  .si-service-2-shape {
    display: none;
  }
}

/*----------------------------------------*/
/*  1.5 Portfolio css
/*----------------------------------------*/
.si-portfolio-title {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -3px;
  font-size: 160px;
  line-height: 175px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-portfolio-title {
    font-size: 95px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-portfolio-title {
    font-size: 75px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .si-portfolio-title {
    font-size: 40px;
    margin-left: 0;
    line-height: 1.2;
  }
}
.si-portfolio-box {
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-portfolio-box {
    margin-top: 30px;
  }
}
@media (max-width: 1199px) {
  .si-portfolio-box {
    margin-left: 0;
  }
}
.si-portfolio-thumb-height1 {
  height: 370px;
}
.si-portfolio-thumb-height2 {
  height: 600px;
}
.si-portfolio-thumb-height3 {
  height: 370px;
}
@media (max-width: 991px) {
  .si-portfolio-thumb-height3 a img {
    width: 100%;
  }
}
.si-portfolio-thumb-height4 {
  height: 368px;
}
.si-portfolio-thumb-height5 {
  height: 500px;
}
.si-portfolio-content {
  margin-top: 20px;
  padding-bottom: 4px;
}

.si-portfolio-2-box {
  display: inline-block;
}
@media (max-width: 991px) {
  .si-portfolio-2-bottom {
    margin-bottom: 25px;
  }
}
.si-portfolio-2-thumb {
  position: relative;
}
.si-portfolio-2-thumb img {
  transition: 0.5s;
}
.si-portfolio-2-thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 59.62%, rgba(18, 18, 18, 0.9) 100%);
  overflow: hidden;
}
.si-portfolio-2-thumb:hover .si-portfolio-2-text {
  bottom: 23px;
  opacity: 1;
}
.si-portfolio-2-text {
  position: absolute;
  bottom: -20px;
  left: 39px;
  transition: 0.6s;
  opacity: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-portfolio-2-text {
    left: 19px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-portfolio-2-text {
    left: 19px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-portfolio-2-text {
    left: 19px;
  }
}
.si-portfolio-2-text span {
  color: var(--si-common-white);
  position: relative;
}
.si-portfolio-2-text span::before {
  position: absolute;
  content: "";
  right: -94%;
  bottom: 9px;
  width: 100px;
  height: 1px;
  background: var(--si-border-7);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-portfolio-2-text span::before {
    width: 70px;
    right: -65%;
  }
}
.si-portfolio-2-text h3 {
  color: var(--si-common-white);
  margin-top: 16px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .si-portfolio-2-text h3 {
    font-size: 29px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-portfolio-2-text h3 {
    font-size: 26px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-portfolio-2-text h3 {
    font-size: 21px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-portfolio-2-text h3 {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  1.6 Team css
/*----------------------------------------*/
.si-team-box {
  background: var(--si-common-black-2);
  border: 1px solid var(--si-border-6);
  border-radius: 10px;
  padding: 33px 38px 0 38px;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-team-box:hover {
  background: var(--si-theme-primary);
}
@media (max-width: 991px) {
  .si-team-box {
    margin-bottom: 30px;
  }
}
.si-team-box:hover .si-team-title, .si-team-box:hover .si-team-designation {
  color: var(--si-common-black);
}
.si-team-title {
  color: var(--si-common-white);
  -webkit-transition: 0.2s 0.3s ease-in-out;
  -moz-transition: 0.2s 0.3s ease-in-out;
  -ms-transition: 0.2s 0.3s ease-in-out;
  -o-transition: 0.2s 0.3s ease-in-out;
  transition: 0.2s 0.3s ease-in-out;
}
.si-team-designation {
  color: var(--si-common-gray);
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
  margin-bottom: 5px;
  display: inline-block;
}
.si-team-shape {
  position: absolute;
  bottom: 0;
  left: 0px;
}
.si-team-shape img {
  opacity: 0.1;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-team-box:hover .si-team-shape img {
  opacity: 1;
}

.si-team-2-area {
  position: relative;
}
.si-team-2-thumb img {
  transition: 0.6s;
}
@media (max-width: 767px) {
  .si-team-2-thumb img {
    width: 100%;
  }
}
.si-team-2-text {
  margin-top: 25px;
  text-align: center;
}
.si-team-2-text span {
  position: relative;
  top: -4px;
}
.si-team-2-shape {
  position: absolute;
  right: 3.7%;
  bottom: 10.6%;
}

.si-team-3-area {
  padding-top: 190px;
  padding-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-team-3-area {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.si-team-3-area .si-circle-btn-box {
  margin-top: -49px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-team-3-area .si-circle-btn-box {
    margin-top: 0;
  }
}
.si-team-3-box {
  background: #F6F0F8;
}
.si-team-3-box .si-team-shape img {
  opacity: 1 !important;
}
.si-team-3-box .si-team-designation {
  color: #554D4D;
}
.si-team-3-box .si-team-title {
  color: var(--si-common-black);
}

/*----------------------------------------*/
/*  1.7 Award css
/*----------------------------------------*/
.si-award-box-2 {
  margin-top: -105px;
  margin-left: 23px;
}
@media (max-width: 1199px) {
  .si-award-box-2 {
    margin-top: 0px;
    margin-left: 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-award-box-2 {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.si-award-box-3 {
  margin-top: -258px;
  margin-left: 45px;
}
@media (max-width: 1199px) {
  .si-award-box-3 {
    margin-top: 0px;
    margin-left: 0px;
  }
}
.si-award-box-number {
  display: inline-block;
  width: 260px;
  height: 260px;
  place-content: center;
  text-align: center;
  border-radius: 50%;
}
.si-award-box-number p {
  font-weight: 700;
}
.si-award-box-number-2 {
  border: 1px solid var(--si-border-2);
  width: 300px;
  height: 300px;
}
@media (max-width: 767px) {
  .si-award-box-number-2 {
    width: 260px;
    height: 260px;
  }
}
.si-award-box-number-3 {
  border: 1px solid var(--si-border-2);
  filter: drop-shadow(0px 0px 40px rgba(0, 0, 0, 0.08));
  width: 360px;
  height: 360px;
}
@media (max-width: 767px) {
  .si-award-box-number-3 {
    width: 260px;
    height: 260px;
  }
}
.si-award-box-content-inner {
  gap: 30px;
}
@media (max-width: 767px) {
  .si-award-box-content-inner {
    display: block !important;
  }
}
.si-award-box-content-inner span {
  background: var(--si-common-white);
  padding: 2px 23px;
  border-radius: 50px;
  border: 1px solid var(--si-border-1);
  display: inline-block;
}
@media (max-width: 767px) {
  .si-award-box-content-inner span {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .si-award-box-content-text svg {
    width: 260px !important;
  }
}
.si-award-shape {
  position: absolute;
  top: -21%;
  left: -30px;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: -1;
}
@media (max-width: 1399px) {
  .si-award-shape {
    display: none;
  }
}
.si-award-shape2 {
  position: absolute;
  right: 9.2%;
  bottom: 7%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-award-shape2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  1.8 Testimonial css
/*----------------------------------------*/
.si-testimonial-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.si-testimonial-spacing {
  padding-top: 585px;
}
.si-testimonial-active {
  width: 426px;
  height: 100%;
  margin-top: -338px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-testimonial-active {
    margin-top: 70px;
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-testimonial-active {
    margin-top: 70px;
    padding-bottom: 70px;
    width: 390px;
  }
}
.si-testimonial-title {
  text-transform: uppercase;
  font-weight: 700;
  color: var(--si-common-white);
  margin-left: -40px;
  margin-bottom: 4px;
  font-size: 160px;
}
@media only screen and (min-width: 1801px) and (max-width: 1850px) {
  .si-testimonial-title {
    font-size: 140px;
  }
}
@media only screen and (min-width: 1701px) and (max-width: 1800px) {
  .si-testimonial-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .si-testimonial-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-testimonial-title {
    font-size: 130px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-testimonial-title {
    font-size: 80px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-testimonial-title {
    font-size: 60px;
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-testimonial-title {
    font-size: 40px;
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .si-testimonial-title {
    font-size: 40px;
    margin-left: 0;
  }
}
.si-testimonial-top {
  padding: 30px 30px 40px 37px;
  border: 1px solid var(--si-border-2);
}
.si-testimonial-top h4 {
  font-weight: 400;
  padding-top: 18px;
}
.si-testimonial-ratting-number {
  color: var(--si-common-gray-2);
  font-weight: 500;
  padding-top: 20px;
  display: inline-block;
  margin-left: 12px;
}
.si-testimonial-content {
  background: var(--si-common-black);
  padding: 20px 35px;
  gap: 27px;
}
.si-testimonial-text span {
  color: #BABABA;
}
.si-testimonial-text h4 {
  color: var(--si-common-white);
}
.si-testimonial-img img {
  border-radius: 50%;
}
.si-testimonial-pagination {
  position: relative;
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 40px 0 0px;
  margin-top: 66px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-testimonial-pagination {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .si-testimonial-pagination {
    display: none;
  }
}
.si-testimonial-pagination .swiper-pagination-bullet {
  width: 0;
  height: 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--si-common-black);
  display: inline-block;
  opacity: 1;
  font-family: "Open Sans", sans-serif;
}
.si-testimonial-pagination .swiper-pagination-bullet-active {
  color: var(--si-theme-primary);
}

.si-testimonial-pagination .swiper-pagination-bullet-active {
  color: var(--si-theme-primary);
  font-weight: 600;
  transition: 0.5s;
  animation-delay: 100ms;
  position: relative;
}

.si-testimonial-pagination .progress-fill {
  position: absolute;
  left: 52px;
  right: 0;
  top: 58px;
  height: 3px;
  width: 220px;
  background: var(--si-theme-primary);
  transform: translateY(-50%);
  border-radius: 2px;
  width: 0;
  z-index: 1;
}

.si-testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  content: "";
  position: absolute;
  left: 52px;
  right: 0;
  top: 18px;
  height: 3px;
  width: 220px;
  background: var(--si-border-1);
  transform: translateY(-50%);
  z-index: 0;
  margin: 0 auto;
}

.si-testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  margin-right: 260px;
}

.si-testimonial-2-area {
  position: relative;
}
.si-testimonial-2-box {
  padding: 35px 20px 0 20px;
  position: relative;
  z-index: 1;
  transition: 0.6s;
}
.si-testimonial-2-box::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/testimonial/bg.jpg);
  z-index: -1;
  border-radius: 10px;
  transition: 0.6s;
}
.si-testimonial-2-box:hover::before {
  background: url(../img/testimonial/bg2.jpg);
}
.si-testimonial-2-box:hover .si-testimonial-2-star ul li i {
  color: var(--si-common-white);
}
.si-testimonial-2-box:hover .si-testimonial-2-star span {
  color: var(--si-common-gray-4);
}
.si-testimonial-2-box:hover .si-testimonial-2-name h3 {
  color: var(--si-common-white);
}
.si-testimonial-2-box:hover .si-testimonial-2-name span {
  color: var(--si-common-gray-4);
}
.si-testimonial-2-box:hover .si-testimonial-2-text h3 {
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(7.5px);
  color: var(--si-common-white);
}
.si-testimonial-2-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.si-testimonial-2-star ul li {
  list-style: none;
  display: inline;
}
.si-testimonial-2-star ul li i {
  color: var(--si-common-black);
  transition: 0.9s;
}
.si-testimonial-2-star span {
  margin-top: 5px;
  display: inline-block;
  color: var(--si-common-text-body);
}
.si-testimonial-2-text {
  margin-top: 17px;
}
.si-testimonial-2-text h3 {
  background: var(--si-common-white);
  display: inline-block;
  padding: 20px 0 19px 18px;
  border-radius: 10px;
  transition: 0.6s;
  font-size: 24px;
}
.si-testimonial-2-main {
  display: flex;
  align-items: center;
  gap: 25px;
  margin-top: 13px;
}
.si-testimonial-2-shape {
  position: relative;
}
.si-testimonial-2-img {
  position: absolute;
  bottom: 25px;
  left: 5px;
}
.si-testimonial-2-name h3 {
  transition: 0.6s;
  color: var(--si-common-black);
}
.si-testimonial-2-name span {
  color: var(--si-common-text-body);
  transition: 0.6s;
}
.si-testimonial-2-shape2 {
  position: absolute;
  right: 5.2%;
  top: 19.2%;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), 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), (max-width: 991px) {
  .si-testimonial-2-shape2 {
    display: none;
  }
}

.si-testimonial-pagination-2-wrap {
  width: 429px;
  margin: 0 auto;
}

.testimonial-box2 {
  margin-top: 25px;
}

/*----------------------------------------*/
/*  1.8 FAQ css
/*----------------------------------------*/
.si-faq-area {
  padding-top: 350px;
  padding-bottom: 120px;
  margin-top: -200px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-faq-area {
    margin-top: 0;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.faq-more {
  margin-top: 0 !important;
  padding-top: 150px !important;
}

/*----------------------------------------*/
/*  1.9 Blog css
/*----------------------------------------*/
.si-blog-area {
  padding-top: 185px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-blog-area {
    padding-top: 70px;
  }
}
.si-blog-area .si-circle-btn-box {
  margin-top: -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) {
  .si-blog-area .si-circle-btn-box {
    margin-bottom: 20px;
  }
}
.si-blog-area .si-section-title {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-blog-box {
    margin-bottom: 30px;
  }
}
.si-blog-meta {
  padding-top: 28px;
  padding-bottom: 9px;
  font-size: 18px;
  color: var(--si-common-gray-2);
}
.si-blog-main-title {
  margin-bottom: 22px;
}
.si-blog-img {
  overflow: hidden;
}
.si-blog-img img {
  transition: 0.4s;
  transform: scale(1.04);
}
.si-blog-box:hover .si-blog-img img {
  transform: scale(1.04) translateX(8px);
}
.si-blog-shape {
  position: absolute;
  bottom: 5%;
  left: 50px;
}
@media (max-width: 1700px) {
  .si-blog-shape {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.0 Client css
/*----------------------------------------*/
.si-client-area {
  padding: 145px 0 150px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-client-area {
    padding: 50px 0 100px;
  }
}
.si-client-area .si-section-title {
  padding-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-client-area .si-section-title {
    padding-bottom: 10px !important;
  }
}
.si-client-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--si-common-black);
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-client-header {
    display: block;
  }
}
.si-client-img-group {
  padding-top: 50px;
  padding-left: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-client-img-group {
    padding-top: 30px;
    padding-left: 0;
  }
}
.si-client-img-group img {
  border-radius: 50%;
  border: 1px solid var(--si-common-black);
  margin-left: -33px;
  position: relative;
  left: 33px;
}
.si-client-circle {
  display: inline-block;
  width: 80px;
  border-radius: 50%;
  height: 80px;
  background: var(--si-theme-primary);
  color: var(--si-common-white);
  font-size: 30px;
  z-index: 1;
  position: relative;
  text-align: center;
  place-content: center;
  top: 7px;
}
.si-client-counter {
  padding-top: 55px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
  .si-client-counter {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.si-client-counter span {
  font-weight: 800;
  color: var(--si-common-gray-3);
  line-height: 0.8;
  font-size: 160px;
  font-family: "Open Sans", sans-serif;
}
.si-client-counter span span {
  font-size: 70px;
}
@media (max-width: 767px) {
  .si-client-counter span span {
    font-size: 50px;
  }
}
.si-client-counter h3 {
  margin-top: 5px;
  color: var(--si-common-text-body);
  font-size: 24px;
}
.si-client-wrap {
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.si-client-wrap li {
  border: 1px solid var(--si-common-black);
  margin-left: -1px;
  margin-top: -1px;
}
.si-client-wrap li a {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 0;
}
@media (max-width: 767px) {
  .si-client-wrap li a {
    padding: 40px 20px;
  }
}

/*----------------------------------------*/
/*  2.1 Marquee css
/*----------------------------------------*/
.si-marquee-item {
  display: flex;
  align-items: center;
  gap: 48px;
}
.si-marquee-item span {
  color: var(--si-common-white);
  text-transform: uppercase;
  letter-spacing: -0.02em;
  font-size: 160px;
  line-height: 175px;
  font-weight: 600;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-marquee-item span {
    font-size: 90px;
    line-height: 1.2;
  }
}
@media (max-width: 767px) {
  .si-marquee-item span {
    font-size: 50px;
    line-height: 1.2;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-marquee-item img {
    width: 95px;
  }
}
@media (max-width: 767px) {
  .si-marquee-item img {
    width: 75px;
  }
}
.si-marquee-item-2 h1 {
  font-size: 100px;
}
@media (max-width: 767px) {
  .si-marquee-item-2 h1 {
    font-size: 50px;
  }
}
.si-marquee-textstoke {
  color: transparent !important;
  -webkit-text-stroke: 1px var(--si-common-white) !important;
}
.si-marquee-colortext {
  color: var(--si-theme-primary) !important;
  -webkit-text-stroke: 1px #fff !important;
}
.si-marquee-active .swiper-slide {
  width: auto;
  margin: 0 -135px;
}
.si-marquee-active .swiper-wrapper {
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
}

.marquee-black {
  color: var(--si-common-black) !important;
}

/*----------------------------------------*/
/*  2.2 Service Details css
/*----------------------------------------*/
.si__service__details__area {
  padding-top: 140px;
  padding-bottom: 110px;
}
@media (max-width: 991px) {
  .si__service__details__area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.si__service__details__text h3 {
  letter-spacing: 0;
}
@media (max-width: 991px) {
  .si__service__details__text h3 {
    font-size: 24px;
  }
}
.si__service__details__text p {
  margin-top: 25px;
}
@media (max-width: 991px) {
  .si__service__details__text p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__text p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__text p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__service__details__text p br {
    display: none;
  }
}
.si__service__details__right {
  display: flex;
  gap: 29px;
  align-items: center;
  margin-top: 38px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__right {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__right {
    display: block;
  }
}
@media (max-width: 991px) {
  .si__service__details__right {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__list {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__list {
    margin-top: 20px;
  }
}
@media (max-width: 991px) {
  .si__service__details__list {
    margin-top: 20px;
  }
}
.si__service__details__list h4 {
  margin-bottom: 21px;
}
.si__service__details__list ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 20px;
}
.si__service__details__list ul li svg {
  margin-right: 6px;
}
.si__service__details__heading {
  margin-bottom: 28px;
  margin-top: 39px;
}
@media (max-width: 991px) {
  .si__service__details__heading h3 {
    font-size: 24px;
  }
}
.si__service__details__main {
  display: flex;
  gap: 20px;
}
@media (max-width: 991px) {
  .si__service__details__main {
    display: block;
  }
}
.si__service__details__texttwo h4 svg {
  margin-right: 20px;
}
.si__service__details__texttwo p {
  margin-left: 56px;
}
@media (max-width: 991px) {
  .si__service__details__texttwo p {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__texttwo p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__texttwo p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__service__details__texttwo p br {
    display: none;
  }
}
.si__service__details__listtwo {
  margin-top: 17px;
}
.si__service__details__listtwo h3 {
  margin-bottom: 31px;
}
@media (max-width: 991px) {
  .si__service__details__listtwo h3 {
    font-size: 24px;
  }
}
.si__service__details__listtwo ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 19px;
}
@media (max-width: 991px) {
  .si__service__details__listtwo ul li {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__listtwo ul li svg {
    margin-right: 6px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__listtwo ul li svg {
    margin-right: 6px;
  }
}
@media (max-width: 991px) {
  .si__service__details__listtwo ul li svg {
    margin-right: 6px;
  }
}
.si__service__details__img {
  position: relative;
  margin-top: 47px;
}
.si__service__details__icon {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  align-content: center;
  text-align: center;
}
.si__service__details__icon a {
  width: 80px;
  height: 80px;
  line-height: 80px;
  background: #ff9776;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__service__details__icon a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__service__details__icon a svg {
    width: 18px;
    height: 18px;
  }
}
.si__service__details__textthree {
  margin-top: 41px;
}
@media (max-width: 991px) {
  .si__service__details__textthree {
    margin-top: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__service__details__textthree p br {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__service__details__textthree p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__service__details__textthree p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__service__details__textthree p {
    font-size: 18px;
  }
}

/*----------------------------------------*/
/*  2.3 Team Details css
/*----------------------------------------*/
.si__team__details__area {
  padding-top: 150px;
  padding-bottom: 150px;
}
.si__team__details__box {
  display: flex;
  justify-content: space-between;
  border: 1px solid rgba(18, 18, 18, 0.12);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  padding: 19px 41px 19px 18px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si__team__details__box {
    display: block;
    margin-bottom: 25px;
    padding: 19px 19px 19px 18px;
  }
}
.si__team__details__thumb {
  background: #f4edf1;
  padding: 19px 15px 0 15px;
  position: relative;
}
.si__team__details__thumb::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(18, 18, 18, 0) 44.23%, rgba(18, 18, 18, 0.85) 100%);
}
.si__team__details__thumb img {
  width: 100%;
}
.si__team__details__text {
  position: absolute;
  bottom: 21px;
  left: 0;
  right: 0;
  text-align: center;
}
.si__team__details__text h2 {
  font-size: 30px;
  line-height: 41px;
  color: var(--si-common-white);
}
.si__team__details__text span {
  color: var(--si-common-gray-4);
}
.si__team__details__address {
  margin-top: 24px;
}
.si__team__details__address ul li {
  font-size: 20px;
  font-weight: 500;
  color: var(--si-common-text-body);
  list-style: none;
  margin-top: 20px;
}
.si__team__details__address ul li span {
  color: var(--si-common-black);
  font-weight: 600;
}
.si__team__details__main {
  display: flex;
  gap: 20px;
  margin-bottom: 14px;
}
.si__team__details__check img {
  max-width: inherit;
}
.si__team__details__title h2 {
  font-size: 50px;
  line-height: 77px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__team__details__title h2 {
    font-size: 45px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__team__details__title h2 {
    font-size: 37px;
  }
}
.si__team__details__p span {
  font-weight: 500;
  font-size: 20px;
  line-height: 34px;
  color: var(--si-common-gray-2);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__team__details__p span {
    font-size: 19px;
  }
}
.si__team__details__right {
  display: inline-block;
  margin-right: 40px;
}
.si__team__details__maintwo {
  display: flex;
  align-items: center;
  gap: 31px;
  margin-top: 35px;
}
@media (max-width: 991px) {
  .si__team__details__maintwo {
    margin-top: 5px;
  }
}
.si__team__details__img {
  border: 1px solid rgba(18, 18, 18, 0.25);
  border-radius: 10px;
  display: inline-block;
  padding: 10px;
}
.si__team__details__texttwo {
  margin-top: 25.5%;
}
@media (max-width: 991px) {
  .si__team__details__texttwo {
    margin-top: 15px;
  }
}
.si__team__details__texttwo h3 {
  font-size: 50px;
  line-height: 68px;
}
.si__team__details__titletwo {
  margin-top: 14px;
}
.si__team__details__titletwo h3 {
  font-size: 24px;
  line-height: 34px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si__team__details__titletwo h3 {
    font-size: 22px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si__team__details__titletwo h3 br {
    display: none;
  }
}
.si__team__details__titletwo a {
  font-size: 18px;
  font-weight: 500;
  margin-top: 6px;
  display: inline-block;
}
.si__team__details__titletwo a span {
  display: inline-block;
  color: var(--si-common-text-body);
  border-bottom: 1px solid var(--si-common-text-body);
}
.si__team__details__titletwo a i {
  margin-left: 6px;
  position: relative;
  top: 3px;
}
.si__team__details__right2 {
  border: 1px solid rgba(1, 1, 65, 0.12);
  box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
  background: var(--si-common-white);
  padding: 29px 48px 15px 48px;
  margin-top: 23.8%;
}
@media (max-width: 991px) {
  .si__team__details__right2 {
    margin-top: 47px;
  }
}
.si__team__details__right2 h3 {
  margin-bottom: 19px;
}
.si__team__details__mainthree {
  display: flex;
  align-items: center;
  gap: 20px;
}
.si__team__details__number h2 {
  font-weight: 800;
  font-size: 60px;
  color: transparent;
  -webkit-text-stroke: 2px var(--si-theme-primary);
}
.si__team__details__textthree span {
  color: var(--si-common-black);
  font-weight: 500;
  font-size: 18px;
}

.team-top {
  margin-top: 120px !important;
  display: inline-block;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .team-top {
    margin-top: 20px !important;
  }
}

.progress-items {
  margin-bottom: 22px;
}

.progress-items h4 {
  font-weight: 500 !important;
}

.bar-bg {
  height: 20px;
  padding: 1px 0 19px 2px;
  background: var(--si-common-white);
  border: 1px solid rgba(1, 1, 65, 0.25);
}

.bar-bg .color-2 {
  background-color: var(--si-theme-primary) !important;
  height: 18px;
  border: 2px solid var(--si-common-white);
  transition: width 1s linear;
  width: 0%;
}

.bar-bg .progress-bar {
  height: 18px;
  background-color: var(--si-common-black);
  border: 2px solid var(--si-common-white);
  transition: width 1s linear;
  width: 0%;
}

/*----------------------------------------*/
/*  2.4 Portfolio Details css
/*----------------------------------------*/
.si__portfolio__details__area {
  padding-top: 150px;
  padding-bottom: 150px;
}
@media (max-width: 991px) {
  .si__portfolio__details__area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.si__portfolio__details__right {
  display: flex;
  gap: 127px;
  justify-content: center;
  background: #fff;
  padding: 38px 0 38px 0;
  margin-top: -78px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__portfolio__details__right {
    gap: 90px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__portfolio__details__right {
    gap: 60px;
    margin-top: 0;
  }
}
@media (max-width: 991px) {
  .si__portfolio__details__right {
    margin-top: 25px;
    padding: 0;
    display: block;
  }
}
@media (max-width: 991px) {
  .si__portfolio__details__content {
    margin-bottom: 15px;
  }
}
.si__portfolio__details__content h2 {
  font-size: 24px;
  line-height: 34px;
}
.si__portfolio__details__content span {
  font-weight: 500;
  font-size: 18px;
}
.si__portfolio__details__box {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__portfolio__details__box {
    display: block;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__portfolio__details__box {
    display: block;
  }
}
@media (max-width: 991px) {
  .si__portfolio__details__box {
    display: block;
  }
}
.si__portfolio__details__text {
  margin-top: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__portfolio__details__text p br {
    display: none;
  }
}
@media (max-width: 991px) {
  .si__portfolio__details__text p br {
    display: none;
  }
}
.si__portfolio__details__text span {
  font-size: 20px;
  color: var(--si-common-black);
  display: inline-block;
  margin-top: 5px;
  margin-bottom: 22px;
}
.si__portfolio__details__list {
  margin-top: 26px;
}
.si__portfolio__details__list ul li {
  list-style: none;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 18px;
  color: var(--si-common-black);
}
.si__portfolio__details__list ul li img {
  margin-right: 7px;
}
.si__portfolio__details__list p {
  margin-top: 33px;
}
@media (max-width: 991px) {
  .si__portfolio__details__list p br {
    display: none;
  }
}
.si__portfolio__details__button {
  background: var(--si-common-surface);
  border: 1px solid rgba(18, 18, 18, 0.25);
  padding: 9px 9px 9px 9px;
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__portfolio__details__button {
    display: block;
  }
}
.si__portfolio__details__previous a {
  display: inline-block;
  font-size: 24px;
  font-weight: 600;
  color: var(--si-common-black);
  background: var(--si-common-white);
  padding: 14px 30px 14px 9px;
  border: 1px solid rgba(18, 18, 18, 0.25);
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__portfolio__details__previous a {
    width: 100%;
    text-align: center;
  }
}
.si__portfolio__details__previous a i {
  color: var(--si-common-white);
  background: var(--si-common-black);
  padding: 14px 28px 14px 28px;
  margin-right: 15px;
  transition: 0.6s;
}
.si__portfolio__details__previous a i:hover {
  background: var(--si-theme-primary);
}

.next a {
  padding: 14px 0px 14px 74px;
}
.next a i {
  margin-right: 9px;
  margin-left: 15px;
}

/*----------------------------------------*/
/*  2.5 Contact css
/*----------------------------------------*/
.si__contact__area {
  padding-top: 160px;
  padding-bottom: 160px;
}
@media (max-width: 991px) {
  .si__contact__area {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.si__contact__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 991px) {
  .si__contact__main {
    display: block;
  }
}
.si__contact__main2 {
  position: relative;
  margin-left: 115px;
  left: 87px;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px) {
  .si__contact__main2 {
    left: 35px;
  }
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si__contact__main2 {
    left: 10px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__contact__main2 {
    margin-bottom: 60px;
  }
}
@media (max-width: 991px) {
  .si__contact__main2 {
    margin-bottom: 20px;
  }
}
@media (max-width: 1400px) {
  .si__contact__main2 {
    left: 0;
    margin-left: 0;
  }
}
.si__contact__text span {
  font-size: 18px;
  font-weight: 500;
  padding: 6px 16px 6px 16px;
  border: 1px solid var(--si-border-2);
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 3px;
}
.si__contact__text h1 {
  font-size: 65px;
  line-height: 85px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__contact__text h1 {
    font-size: 51px;
    line-height: 75px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__contact__text h1 {
    font-size: 37px;
    line-height: 50px;
    margin-top: 11px;
  }
}
@media (max-width: 991px) {
  .si__contact__text h1 {
    font-size: 50px;
    line-height: 70px;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .si__contact__text h1 {
    font-size: 45px;
    line-height: 60px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si__contact__text h1 {
    font-size: 29px;
    line-height: 45px;
  }
}
@media (max-width: 991px) {
  .si__contact__p p {
    font-size: 18px;
    margin-top: 17px;
  }
}
@media (max-width: 991px) {
  .si__contact__p p br {
    display: none;
  }
}
.si__contact__box {
  width: 100%;
  margin-bottom: 32px;
}
.si__contact__box input {
  background: transparent;
  border-bottom: 1px solid #000;
  padding-left: 0;
  padding-right: 0;
}
.si__contact__box input::placeholder {
  font-size: 18px;
  font-weight: 500;
  border: none;
}
.si__contact__box input:focus {
  border-bottom: 1px solid #000;
  outline: 0;
  box-shadow: none;
}
.si__contact__msg {
  width: 100%;
}
.si__contact__msg textarea {
  background: transparent;
  border-bottom: 1px solid #000;
  padding-left: 0;
  padding-right: 0;
  height: 119px;
}
.si__contact__msg textarea::placeholder {
  font-size: 18px;
  font-weight: 500;
  border: none;
}
.si__contact__msg textarea:focus {
  border-bottom: 1px solid #000;
  outline: 0;
  box-shadow: none;
}
.si__contact__img {
  position: relative;
  margin-left: 16%;
  margin-top: 19px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__contact__img {
    margin-left: 10%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__contact__img {
    margin-left: 0%;
  }
}
@media (max-width: 991px) {
  .si__contact__img {
    margin-left: 0%;
  }
}
.si__contact__right {
  display: flex;
  gap: 21px;
  margin-top: 69%;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si__contact__right {
    margin-top: 45%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si__contact__right {
    margin-top: 43%;
  }
}
.si__contact__icon {
  position: absolute;
  top: 20px;
  left: 31px;
}
.si__contact__icon span {
  display: block;
  font-size: 18px;
  font-weight: 500;
  margin-top: 13px;
}
.si__contact__title h2 {
  font-weight: 500;
  font-size: 18px;
  line-height: 30px;
}
.si__contact__list ul li {
  list-style: none;
  display: inline;
  margin-right: 12px;
}
.si__contact__btn {
  margin-top: 37px;
}
.si__contact__thumb {
  text-align: right;
}

.contact-top {
  margin-top: 53px;
}
@media (max-width: 991px) {
  .contact-top {
    margin-top: 15px;
  }
}

.si-select {
  background: transparent;
  font-size: 18px;
  font-weight: 500;
  width: 100%;
  border-bottom: 1px solid #000;
  padding-bottom: 18px;
  border-top: none;
  border-left: none;
  border-right: none;
}

.si-select-2:focus {
  border: none;
}

.si-select-2 {
  background: var(--si-common-white);
  font-weight: 600;
  border: none;
  padding: 17px 0 17px 20px;
  border-radius: 10px;
}

.select-border {
  margin-top: 16px;
}

.contact-2-area {
  padding-top: 85px;
  padding-bottom: 0px;
}

.Contact-box2 {
  margin-top: 0;
  margin-bottom: 21px;
}
.Contact-box2 input {
  background: var(--si-common-white) !important;
  border-bottom: none;
  padding-left: 20px;
  border-radius: 10px;
}
.Contact-box2 input::placeholder {
  font-weight: 600;
}
.Contact-box2 input:focus {
  border-bottom: none;
}
.Contact-box2 textarea {
  background: var(--si-common-white) !important;
  border-bottom: none;
  padding-left: 20px;
  border-radius: 10px;
  height: 150px;
}
.Contact-box2 textarea::placeholder {
  font-weight: 600;
}
.Contact-box2 textarea:focus {
  border-bottom: none;
}

.si-select-2 {
  background: var(--si-common-white) !important;
}

.map__wrap iframe {
  width: 100%;
  height: 500px;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  2.6 Work Process css
/*----------------------------------------*/
.si-process-box {
  position: relative;
  background: #fff;
  padding: 30px;
  overflow: hidden;
  border-radius: 15px;
  z-index: 1;
}
@media (max-width: 991px) {
  .si-process-box {
    margin-bottom: 30px;
  }
}
.si-process-box::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  background: url(../img/process/box-bg.jpg);
  z-index: -1;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-process-box:hover::before {
  height: 100%;
}
.si-process-box-wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 38px;
  background: var(--si-border-10);
}
.si-process-box-wrapper::before {
  inset: calc(100% - 2em) 0 0 -1em;
  border-bottom-right-radius: 1.15em;
  box-shadow: 0.3em 0.3em 0 0.2em var(--si-border-10);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.56em;
  background: transparent;
  transform: rotate(-44deg);
}
.si-process-box-wrapper::after {
  inset: 0.1em 0 0 1.2em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.2em var(--si-border-10);
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.6em;
  background: transparent;
  transform: rotate(140deg);
}
.si-process-text {
  display: flex;
  border-radius: 50%;
  width: 110px;
  height: 110px;
  background: var(--si-common-white);
  border: 8px solid var(--si-border-10);
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-process-number {
  font-weight: 600;
  font-size: 30px;
  color: var(--si-common-black);
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-process-content h3 {
  padding: 32px 0 12px;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
@media (max-width: 1399px) {
  .si-process-content h3 {
    font-size: 25px;
  }
}
.si-process-content P {
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-process-list {
  display: inline-grid;
  text-align: left;
  padding-top: 12px;
}
.si-process-list span i {
  margin-right: 10px;
  font-family: sans-serif;
}
.si-process-list span {
  display: block;
  font-weight: 500;
  color: var(--si-common-black);
  font-size: 20px;
  padding-bottom: 10px;
  -webkit-transition: 0.3s 0.3s ease-in-out;
  -moz-transition: 0.3s 0.3s ease-in-out;
  -ms-transition: 0.3s 0.3s ease-in-out;
  -o-transition: 0.3s 0.3s ease-in-out;
  transition: 0.3s 0.3s ease-in-out;
}
.si-process-box:hover .si-process-text {
  background: var(--si-theme-primary);
}
.si-process-box:hover .si-process-number, .si-process-box:hover .si-process-content h3, .si-process-box:hover .si-process-content p, .si-process-box:hover .si-process-list span {
  color: var(--si-common-white);
}
.si-process-shape {
  display: flex;
  justify-content: center;
}
@media (max-width: 1399px) {
  .si-process-shape {
    display: none;
  }
}
.si-process-area .color2 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 38px;
  background: #F7F6FB !important;
}
.si-process-area .color2::before {
  inset: calc(100% - 2em) 0 0 -1em;
  border-bottom-right-radius: 1.15em;
  box-shadow: 0.3em 0.3em 0 0.2em #F7F6FB;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.56em;
  background: transparent;
  transform: rotate(-44deg);
}
.si-process-area .color2::after {
  inset: 0.1em 0 0 1.2em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.2em #F7F6FB;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.6em;
  background: transparent;
  transform: rotate(140deg);
}
.si-process-area .common-color2 {
  border-color: #F7F6FB;
}
.si-process-area .color3 {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 26px;
  height: 38px;
  background: #F9F9F9 !important;
}
.si-process-area .color3::before {
  inset: calc(100% - 2em) 0 0 -1em;
  border-bottom-right-radius: 1.15em;
  box-shadow: 0.3em 0.3em 0 0.2em #F9F9F9;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.56em;
  background: transparent;
  transform: rotate(-44deg);
}
.si-process-area .color3::after {
  inset: 0.1em 0 0 1.2em;
  border-bottom-right-radius: 1.25em;
  box-shadow: 0.3em 0.3em 0 0.2em #F9F9F9;
  transition: 1s ease;
  position: absolute;
  content: "";
  width: 1.25em;
  height: 1.6em;
  background: transparent;
  transform: rotate(140deg);
}
.si-process-area .common-color3 {
  border-color: #F9F9F9;
}
.si-process-shape-2 {
  position: absolute;
  top: 13%;
  left: 30px;
  -webkit-animation: transform 5s infinite linear;
  animation: transform 5s infinite linear;
}
@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), (max-width: 991px) {
  .si-process-shape-2 {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.7 Choose Us css
/*----------------------------------------*/
.si-why-choose-us-box {
  margin-left: -74px;
  position: relative;
}
@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), (max-width: 991px) {
  .si-why-choose-us-box {
    margin-left: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si-why-choose-us-box {
    margin-top: 30px;
  }
}
.si-why-choose-us-border {
  position: absolute;
  bottom: 38px;
  left: 45px;
}
@media (max-width: 1400px) {
  .si-why-choose-us-border {
    display: none;
  }
}
.si-why-choose-us-main {
  display: flex;
  gap: 41px;
  position: relative;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si-why-choose-us-main {
    display: block;
  }
}
.si-why-choose-us-main:last-child::before {
  display: none;
}
.si-why-choose-us-main:hover .si-why-choose-us-icon a svg {
  fill: var(--si-theme-primary);
}
.si-why-choose-us-icon a {
  display: inline-block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  text-align: center;
  border-radius: 50%;
  position: relative;
  background: var(--si-common-white);
}
.si-why-choose-us-icon a svg {
  fill: var(--si-common-black);
  transition: 0.6s;
}
.si-why-choose-us-icon span {
  position: absolute;
  left: 0;
}
.si-why-choose-us-icon span svg {
  stroke: var(--si-common-black);
  stroke-dasharray: 5;
  stroke-width: 1;
  fill: none;
}
.si-why-choose-us-text {
  margin-top: -10px;
}
@media only screen and (min-width: 350px) and (max-width: 575px) {
  .si-why-choose-us-text {
    margin-top: 20px;
  }
}
.si-why-choose-us-text h3 {
  margin-bottom: 15px;
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-why-choose-us-text h3 {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-why-choose-us-text p br {
    display: none;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-why-choose-us-text p {
    font-size: 18px;
  }
}

.why-choose-us-title {
  padding-bottom: 41px !important;
}

.dashed-line path {
  stroke: #121212;
  stroke-dasharray: 5 5;
}

/*----------------------------------------*/
/*  2.8 Pricing CSS
/*----------------------------------------*/
.si-pricing-area {
  position: relative;
}
.si-pricing-button span {
  font-weight: 600;
  font-size: 18px;
  background: var(--si-common-white);
  color: var(--si-common-black);
  padding: 25px 40px 24px 41px;
  cursor: pointer;
}
@media (max-width: 991px) {
  .si-pricing-button span {
    padding: 17px 25px 17px 25px;
  }
}
.si-pricing-number-1 {
  font-weight: 500;
  font-size: 18px;
  color: var(--si-common-text-body);
  font-family: var(--si-ff-body);
  margin-right: 8px;
}
.si-pricing-number-2 {
  font-weight: 600;
  font-size: 80px;
  margin-left: -15px;
}
@media (max-width: 991px) {
  .si-pricing-number-2 {
    font-size: 55px;
  }
}
.si-pricing-number h2 strong {
  font-weight: 500;
  font-size: 18px;
  color: var(--si-common-text-body);
  font-family: var(--si-ff-body);
  margin-left: -12px;
}
.si-pricing-number h3 {
  display: inline-block;
  color: var(--si-theme-primary);
  border: 1px solid rgba(18, 18, 18, 0.15);
  border-radius: 10px;
  padding: 8px 35px 12px 35px;
  margin-top: -15px;
}
@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), (max-width: 991px) {
  .si-pricing-number h3 {
    margin-top: 11px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si-pricing-number h3 {
    padding: 5px 17px 7px 17px;
  }
}
.si-pricing-number a {
  display: block;
  margin-top: 46px;
}
@media (max-width: 1600px) {
  .si-pricing-number a {
    display: none;
  }
}
.si-pricing-right {
  display: flex;
  align-items: center;
  gap: 91px;
  background: var(--si-common-white);
  padding: 24px 0 32px 51px;
  margin-left: -44px;
  width: 100%;
}
@media (max-width: 1600px) {
  .si-pricing-right {
    display: block;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si-pricing-right {
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .si-pricing-right {
    margin-top: 45px;
  }
}
@media (max-width: 767px) {
  .si-pricing-right {
    padding: 21px 0 21px 10px;
  }
}
.si-pricing-list {
  display: inline-block;
  margin-left: 15px;
  margin-top: 18px;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-pricing-list {
    margin-left: -20px;
  }
}
.si-pricing-list ul li {
  font-weight: 600;
  font-size: 18px;
  list-style: none;
  margin-bottom: 29px;
  position: relative;
}
.si-pricing-list ul li img {
  margin-right: 17px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), (max-width: 991px) {
  .si-pricing-list ul li {
    margin-bottom: 15px;
  }
}
.si-pricing-list-color2 {
  color: var(--si-common-gray-2);
}
.si-pricing-list ul li::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: -16px;
  width: 320px;
  height: 1px;
  background: var(--si-border-7);
}
@media (max-width: 1600px) {
  .si-pricing-list ul li::before {
    display: none;
  }
}
.si-pricing-list ul li:last-child::before {
  display: none;
}
.si-pricing-shape {
  position: absolute;
  bottom: 8.3%;
  left: 26.6%;
}
@media (max-width: 1500px) {
  .si-pricing-shape {
    display: none;
  }
}
.si-pricing-shape2 {
  position: absolute;
  bottom: 50%;
  left: 0;
}
@media (max-width: 1800px) {
  .si-pricing-shape2 {
    display: none;
  }
}

.si-list-2 {
  margin-left: 33px;
}

.tab-btn .annual_tab_title .active .si-list-2 {
  margin-left: 0px;
}

.si-right-2 {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .si-right-2 {
    transform: scale(1);
  }
}

.si-number-2 h2 {
  color: var(--si-common-white);
}
.si-number-2 h2 .si-pricing-number-1 {
  color: var(--si-common-white);
}
.si-number-2 h2 strong {
  color: var(--si-common-white);
}
.si-number-2 h3 {
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(7.5px);
  color: var(--si-common-white);
  font-size: 24px;
}

.si-list-color ul li {
  color: var(--si-common-white);
}
.si-list-color .si-pricing-list-color2 {
  color: var(--si-common-gray-2);
}

.si-pricing-number .tab-annual-price {
  display: none;
}

.si-pricing-number .change-subs-duration .tab-annual-price {
  display: flex;
}

.si-pricing-number.change-subs-duration .tab-monthly-price {
  display: none;
}

.si-pricing-button .pricing-tab-switcher.active::before {
  left: calc(100% - 28px);
}

.si-pricing-button .pricing-tab-switcher::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  bottom: 2px;
  width: 26px;
  border-radius: 50%;
  background: var(--si-common-white);
  transition: 0.3s;
}

.si-pricing-button .pricing-tab-switcher.active::before {
  left: calc(100% - 28px);
}

.tab-btn {
  cursor: pointer;
}

.tab-btn.active {
  color: var(--si-common-white);
  background: var(--si-theme-primary);
}

/*----------------------------------------*/
/*  2.9 Video css
/*----------------------------------------*/
.si-video-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.si-video-bg {
  height: 752px;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 1600px) and (max-width: 1700px), only screen and (min-width: 1400px) and (max-width: 1599px) {
  .si-video-bg {
    height: 600px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .si-video-bg {
    height: 500px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .si-video-bg {
    height: 450px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-video-bg {
    height: 300px;
  }
}
@media (max-width: 767px) {
  .si-video-bg {
    height: 300px;
  }
}
.si-video-play {
  color: var(--si-common-white);
  font-size: 30px;
  width: 220px;
  height: 220px;
  line-height: 220px;
  background: rgba(18, 18, 18, 0.5);
  backdrop-filter: blur(10px);
  text-align: center;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .si-video-play {
    display: none;
  }
}
@media (max-width: 767px) {
  .si-video-play {
    display: none;
  }
}
.si-video-play a {
  z-index: 1;
}
.si-video-text {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

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