/*---------------------------------
	1.2 Theme SCSS
---------------------------------*/
/*-----------------------------------------------------------------------------------

    Template Name: Axios - Digital Agency HTML Template
    Author: rs-theme
    Support: https://rstheme.com/support
    Description: Digital Agency HTML Template
    Version: 1.0
	Developer: Nayeem Ahmed

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

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

	-----------------
    01. THEME SCSS
	-----------------
		1.1 spacing
		1.2 theme
		1.3 typography
		1.4 index

	-----------------
    01. utils SCSS
	-----------------
		1.1 breakpoints
		1.2 extends
		1.3 mixins
		1.4 root
		1.5 index
		1.6 main

	-----------------
    02. COMPONENTS SCSS
	-----------------
		2.1 accordion
		2.2 animation
		2.3 background
		2.4 backtotop
		2.5 breadcrumb
		2.6 buttons
		2.7 color
		2.8 common
		2.9 counter
		2.10 cursor
		2.11 forms
		2.12 lenis
		2.13 line
		2.14 list
		2.15 navigation
		2.16 offcanvas
		2.17 pagination
		2.18 preloader
		2.19 progress-bar
		2.20 scrollbar
		2.21 section-title
		2.22 settings
		2.23 smooth-scroll
		2.24 social
		2.25 index

	-----------------
    03. layout
	-----------------
		-----------------
		3.1.1 banner SCSS
		-----------------
			3.1.1 banner-1
			3.1.2 banner-2
			3.1.3 banner-3
			3.1.4 banner-4
			3.1.5 banner-5
			3.1.6 index

		-----------------
		3.1.2 blog SCSS
		-----------------
			3.2.1 blog-tag
			3.2.2 blog
			3.2.3 postbox
			3.2.4 sidebar-tag
			3.2.5 sidebar
			3.2.6 index

		-----------------
		3.1.3 footer SCSS
		-----------------
			3.3.1 footer
			3.3.2 copyright
			3.3.3 index

		-----------------
		3.1.4 header SCSS
		-----------------
			3.4.1 header-1
			3.4.2 header-common
			3.4.3 header-top
			3.4.4 index
		-----------------
		3.1.5 menu SCSS
		-----------------
			3.5.1 memu
			3.5.2 mobile-menu
			3.5.3 index

	-----------------
    04. Page SCSS
	-----------------
		4.1 about
		4.2 agency
		4.3 award
		4.4 brand
		4.5 contact
		4.6 cta
		4.7 expertise
		4.8 faq
		4.9 feature
		4.10 gallery
		4.11 job
		4.12 portfolio
		4.13 pricing
		4.14 process
		4.15 review
		4.16 services
		4.17 skill
		4.18 slide-text
		4.19 team
		4.20 testimonial
		4.21 video
		4.22 why-choose
		4.23 work-step
		4.24 index

/*----------------------------------------*/
/*  1.1 Theme Default
/*----------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Maitree:wght@200;300;400;500;600;700&family=Space+Grotesk:wght@300..700&display=swap");
.offcanvas-overlay, a,
.btn,
button,
span,
sub,
sup,
p,
input,
select,
textarea,
img,
svg,
.transition-3,
li,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-transition: all 0.3s 0s ease-out;
  -moz-transition: all 0.3s 0s ease-out;
  -ms-transition: all 0.3s 0s ease-out;
  -o-transition: all 0.3s 0s ease-out;
  transition: all 0.3s 0s ease-out;
}

:root {
  /**  @font family declaration */
  --rs-ff-body: "Space Grotesk", sans-serif;
  --rs-ff-title: "Space Grotesk", sans-serif;
  --rs-ff-p: "Space Grotesk", sans-serif;
  --rs-ff-fontawesome: "Font Awesome 6 Pro";
  --rs-ff-remixicon: "remixicon";
  /** @color declaration */
  --rs-white: #FFFFFF;
  --rs-black: #000;
  --rs-light: #eee;
  --rs-theme-primary: #C9F31D;
  --rs-theme-secondary: #10171E;
  --rs-theme-purple: #5D5AD6;
  --rs-theme-purple-light: #675AE8;
  --rs-text-primary: #666666;
  --rs-title-primary: #10171E;
  --rs-title-secondary: #3B3663;
  --rs-bg-primary: #F0F5DA;
  --rs-bg-secondary: #F5F5FE;
  --rs-bg-brown:#FFFBF0;
  --rs-bg-green:#F0F5DA;
  --rs-bg-purple:#F1F0FD;
  --rs-border-primary: #EFEFEF;
  --rs-placeholder: rgba(30, 30, 30, 0.4);
  --rs-gradient-primary: #00033D;
  --rs-gradient-secondary: #0349EF;
  --rs-rating: #F3B656;
  /** @font weight declaration */
  --rs-fw-normal: normal;
  --rs-fw-thin: 100;
  --rs-fw-elight: 200;
  --rs-fw-light: 300;
  --rs-fw-regular: 400;
  --rs-fw-medium: 500;
  --rs-fw-sbold: 600;
  --rs-fw-bold: 700;
  --rs-fw-ebold: 800;
  --rs-fw-black: 900;
  /** @font size declaration */
  --rs-fs-body: 17px;
  --rs-fs-p: 17px;
  --rs-fs-h1: 70px;
  --rs-fs-h2: 52px;
  --rs-fs-h3: 38px;
  --rs-fs-h4: 28px;
  --rs-fs-h5: 24px;
  --rs-fs-h6: 20px;
  --rs-fs-b1: 14px;
  --rs-fs-b2: 16px;
  --rs-fs-b3: 18px;
  --rs-fs-b4: 22px;
}

/*----------------------------------------
   Bootstrap customize
-----------------------------------------*/
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 3rem;
}

@media (min-width: 1441px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1330px;
  }
}
.row {
  --bs-gutter-x: 3rem;
}

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

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

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

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

.g-30,
.gy-30 {
  --bs-gutter-y: 30px;
}

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

.g-40,
.gy-40 {
  --bs-gutter-y: 40px;
}

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

.g-50,
.gy-50 {
  --bs-gutter-y: 50px;
}

.g-60,
.gy-60 {
  --bs-gutter-y: 60px;
}

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

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

.fix {
  overflow: hidden;
}

.clear {
  clear: both;
}

.f-left {
  float: left;
}

.f-right {
  float: right;
}

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

.z-index-11 {
  z-index: 11;
}

.opacity-05 {
  opacity: 0.5;
}

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

.p-relative {
  position: relative;
}

.position-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.position-absolute {
  position: absolute;
}

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

.hr-1 {
  border-top: 1px solid rgb(232, 232, 232);
}

.x-clip {
  overflow-x: clip;
}

@media only screen and (max-width: 575px) {
  .o-xs {
    overflow-x: hidden;
  }
}

.overflow-visible {
  overflow: visible;
}

/*----------------------------------------
    Body Overlay 
-----------------------------------------*/
.image-bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/*----------------------------------------
   Text Underline
-----------------------------------------*/
.underline a {
  display: inline;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, currentColor), to(currentColor));
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 90%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  -webkit-transition: all 0.3s, background-size 0.8s;
  transition: all 0.3s, background-size 0.8s;
}
.underline a:hover {
  color: var(--rs-title-primary);
  background-size: 100% 2px;
}
.underline.is-white a {
  background-image: linear-gradient(var(--rs-white), var(--rs-white)), linear-gradient(var(--rs-white), var(--rs-white));
  padding: 0 0 3px 0;
}
.underline.is-white a:hover {
  color: var(--rs-white);
}

/*----------------------------------------
   Mfp customize
-----------------------------------------*/
.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (max-width: 1366px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 850px;
  }
}
@media only screen and (max-width: 1199px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 820px;
  }
}
@media only screen and (max-width: 991px) {
  .mfp-iframe-holder .mfp-content {
    max-width: 750px;
  }
}

.mfp-close {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mfp-close:hover {
  color: var(--rs-white);
}
.mfp-close::after {
  position: absolute;
  content: "\f00d";
  height: 100%;
  width: 100%;
  font-family: var(--rs-ff-fontawesome);
  font-size: 31px;
  font-weight: 200;
  right: -20px;
  margin-top: -25px;
}
@media only screen and (max-width: 991px) {
  .mfp-close::after {
    right: 15px;
    margin-top: -30px;
  }
}

/*---------------------------------
	1.3 Typography SCSS
---------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
}

/*---------------------------------
    Typography css start 
---------------------------------*/
body {
  color: var(--rs-text-primary);
  font-family: var(--rs-ff-body);
  font-size: var(--rs-fs-body);
  font-weight: normal;
  line-height: 1.5;
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h5,
h5, .h5,
h6, .h6 {
  color: var(--rs-title-primary);
  margin-top: 0px;
  line-height: 1;
  margin-bottom: 0;
  font-weight: var(--rs-fw-bold);
  word-break: break-word;
  font-family: var(--rs-ff-title);
}

h1,
.h1 {
  font-size: var(--rs-fs-h1);
  line-height: 1;
  font-weight: var(--rs-fw-bold);
  font-family: var(--rs-ff-title);
}

h2,
.h2 {
  font-size: var(--rs-fs-h2);
  line-height: 1.17;
  font-weight: var(--rs-fw-bold);
}
@media only screen and (max-width: 1366px) {
  h2,
  .h2 {
    font-size: 45px;
  }
}
@media only screen and (max-width: 1199px) {
  h2,
  .h2 {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  h2,
  .h2 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  h2,
  .h2 {
    font-size: 30px;
  }
}
h2.is-large,
.h2.is-large {
  font-size: 60px;
}
@media only screen and (max-width: 1366px) {
  h2.is-large,
  .h2.is-large {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  h2.is-large,
  .h2.is-large {
    font-size: 45px;
  }
}
@media only screen and (max-width: 991px) {
  h2.is-large,
  .h2.is-large {
    font-size: 40px;
  }
}
@media only screen and (max-width: 767px) {
  h2.is-large,
  .h2.is-large {
    font-size: 35px;
  }
}
@media only screen and (max-width: 575px) {
  h2.is-large,
  .h2.is-large {
    font-size: 30px;
  }
}
h2.is-title-small,
.h2.is-title-small {
  font-size: 42px;
  line-height: 1.25;
}
@media only screen and (max-width: 1199px) {
  h2.is-title-small,
  .h2.is-title-small {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  h2.is-title-small,
  .h2.is-title-small {
    font-size: 30px;
  }
}

h3,
.h3 {
  font-size: var(--rs-fs-h3);
  line-height: 1.25;
  font-weight: var(--rs-fw-bold);
}
@media only screen and (max-width: 767px) {
  h3,
  .h3 {
    font-size: 28px;
  }
}
@media only screen and (max-width: 575px) {
  h3,
  .h3 {
    font-size: 24px;
  }
}

h4,
.h4 {
  font-size: var(--rs-fs-h4);
  line-height: 1.33;
  font-weight: var(--rs-fw-bold);
}
@media only screen and (max-width: 1600px) {
  h4,
  .h4 {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  h4,
  .h4 {
    font-size: 22px;
  }
}

h5,
.h5 {
  font-size: var(--rs-fs-h5);
  line-height: 1.4;
  font-weight: var(--rs-fw-bold);
}
@media only screen and (max-width: 1366px) {
  h5,
  .h5 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1199px) {
  h5,
  .h5 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 991px) {
  h5,
  .h5 {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  h5,
  .h5 {
    font-size: 20px;
  }
}

h6,
.h6 {
  font-size: var(--rs-fs-h6);
  line-height: 1.44;
  font-weight: var(--rs-fw-bold);
}
h6.small,
.h6.small {
  font-size: 18px;
}
@media only screen and (max-width: 575px) {
  h6,
  .h6 {
    font-size: 18px;
  }
}

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

p {
  font-size: var(--rs-fs-p);
  font-family: var(--rs-ff-p);
  font-weight: var(--rs-fw-normal);
  color: var(--rs-text-primary);
  margin-bottom: 30px;
  line-height: 30px;
}
p.b1 {
  font-size: var(--rs-fs-b1);
  line-height: 1.714;
}
p.b2 {
  font-size: var(--rs-fs-b2);
  line-height: 1.625;
}
p.b3 {
  font-size: var(--rs-fs-b3);
  line-height: 1.55;
}
p.b4 {
  font-size: var(--rs-fs-b4);
  line-height: 1.454;
}
p:last-child {
  margin-bottom: 0;
}

.b1 {
  font-size: var(--rs-fs-b1);
  line-height: 1.714;
}

.b2 {
  font-size: var(--rs-fs-b2);
  line-height: 1.625;
}

.b3 {
  font-size: var(--rs-fs-b3);
  line-height: 1.55;
}

.b4 {
  font-size: var(--rs-fs-b4);
  line-height: 1.454;
}

a {
  text-decoration: none;
}

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

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

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

img {
  max-width: 100%;
}

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

hr:not([size]) {
  margin: 0;
  opacity: 1;
  border: none;
  height: 1px;
  background-color: #ececec;
}
[rs-theme=rs-theme-dark] hr:not([size]) {
  background-color: #2d2d27;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea {
  outline: none;
  background-color: transparent;
  height: 50px;
  width: 100%;
  font-size: 16px;
  border: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid var(--rs-border-primary);
  color: var(--rs-black);
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: var(--rs-theme-primary);
}

textarea {
  padding: 14px 24px;
}
textarea:focus {
  border-color: var(--rs-theme-primary);
}

*::-moz-selection {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  text-shadow: none;
}

::selection {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  text-shadow: none;
}

*::-moz-placeholder {
  opacity: 1;
  font-size: 16px;
  color: var(--rs-placeholder);
}

*::placeholder {
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  font-family: var(--rs-ff-title);
  color: var(--rs-placeholder);
}

/*---------------------------------
	1.1 Default Spacing SCSS
---------------------------------*/
.section-space {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .section-space {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

.section-space-top {
  padding-top: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space-top {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .section-space-top {
    padding-top: 70px;
  }
}

.section-space-bottom {
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .section-space-bottom {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px), only screen and (max-width: 575px) {
  .section-space-bottom {
    padding-bottom: 70px;
  }
}

.section-title-space {
  margin-bottom: 45px;
}

/*----------------------------------------*/
/*  2.1 accordion
/*----------------------------------------*/
.rs-accordion-one .accordion-wrapper {
  background: #fff;
  padding: 50px;
  box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  min-height: 598px;
}
@media only screen and (max-width: 991px) {
  .rs-accordion-one .accordion-wrapper {
    padding: 40px;
    min-height: 550px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-accordion-one .accordion-wrapper {
    padding: 30px;
  }
}
.rs-accordion-one .accordion-item {
  border: 0;
  padding: 0px 0px 2px 0px;
  background: transparent;
}
.rs-accordion-one .accordion-item:not(:last-child) {
  margin-bottom: 25px;
}
.rs-accordion-one .accordion-button {
  font-size: 28px;
  font-weight: 700;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  padding-right: 50px;
  color: var(--rs-title-primary);
  padding: 0px;
  background-image: linear-gradient(to bottom, #10171e 0%, #10171e 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 2px;
  transition: all 0.3s, background-size 0.5s;
}
@media only screen and (max-width: 1600px) {
  .rs-accordion-one .accordion-button {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-accordion-one .accordion-button {
    font-size: 22px;
  }
}
.rs-accordion-one .accordion-button::after {
  content: none;
}
.rs-accordion-one .accordion-button.collapsed {
  background-size: 100% 2px;
}
.rs-accordion-one .accordion-button:not(.collapsed) {
  pointer-events: none;
}
.rs-accordion-one .accordion-header {
  display: inline-flex;
  cursor: pointer;
}
.rs-accordion-one .accordion-body {
  color: var(--rs-text-primary);
  padding: 0px;
}
.rs-accordion-one .accordion-body p {
  margin-top: 10px;
}
.rs-accordion-one .accordion-details-btn .rs-btn {
  height: 42px;
  padding: 15px 22px;
  font-size: 16px;
}
.rs-accordion-two {
  margin-inline-start: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-accordion-two {
    margin-inline-start: 0px;
  }
}
.rs-accordion-two .accordion-item {
  border: 0;
  border-radius: 10px;
  padding: 30px 35px 30px 35px;
  border: 1px solid rgba(51, 112, 255, 0.168);
  background: var(--rs-white);
  cursor: pointer;
}
@media only screen and (max-width: 1199px) {
  .rs-accordion-two .accordion-item {
    padding: 30px 25px 30px 25px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-accordion-two .accordion-item {
    padding: 25px 25px 25px 25px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-accordion-two .accordion-item {
    padding: 20px 20px 20px 20px;
  }
}
.rs-accordion-two .accordion-item:not(:last-child) {
  margin-bottom: 20px;
}
.rs-accordion-two .accordion-item:hover .accordion-icon {
  background: var(--rs-theme-purple);
  border-color: var(--rs-theme-purple);
}
.rs-accordion-two .accordion-item:hover .accordion-icon path {
  fill: var(--rs-white);
}
.rs-accordion-two .accordion-thumb img {
  width: 40px;
}
.rs-accordion-two .accordion-button {
  font-size: 28px;
  font-weight: 600;
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  padding-right: 50px;
  color: var(--rs-title-primary);
  padding: 0px 40px 0px 0px;
  display: flex;
  align-items: center;
  gap: 17px;
}
@media only screen and (max-width: 1600px) {
  .rs-accordion-two .accordion-button {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-accordion-two .accordion-button {
    font-size: 22px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-accordion-two .accordion-button {
    font-size: 20px;
    padding: 0px 60px 0px 0px;
    gap: 20px;
  }
}
.rs-accordion-two .accordion-button::after {
  content: none;
}
.rs-accordion-two .accordion-button:not(.collapsed) {
  box-shadow: none;
  color: var(--rs-theme-purple);
}
.rs-accordion-two .accordion-button:not(.collapsed) .accordion-icon {
  background: var(--rs-theme-purple);
  border-color: var(--rs-theme-purple);
}
.rs-accordion-two .accordion-button:not(.collapsed) .accordion-icon svg path {
  fill: var(--rs-white);
}
.rs-accordion-two .accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(90deg);
}
.rs-accordion-two .accordion-button .accordion-icon {
  position: absolute;
  right: 0px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #ebebeb;
  border-radius: 50%;
  text-align: center;
  transition: all 0.4s ease-out 0s;
}
.rs-accordion-two .accordion-button .accordion-icon svg {
  width: 20px;
}
.rs-accordion-two .accordion-button .accordion-icon svg path {
  fill: var(--rs-theme-purple);
  transition: all 0.4s ease-out 0s;
}
.rs-accordion-two .accordion-body {
  color: var(--rs-text-primary);
  padding: 20px 75px 0 57px;
}
@media only screen and (max-width: 480px) {
  .rs-accordion-two .accordion-body {
    padding: 20px 0px 0 0px;
  }
}
.rs-accordion-two .accordion-body a {
  text-decoration: underline;
  color: var(--rs-title-primary);
}
.rs-accordion-two .accordion-body a:hover {
  color: var(--rs-theme-purple);
}
.rs-accordion-three .accordion-button {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  padding: 0px 50px 0px 0px;
}
.rs-accordion-three .accordion-button .accordion-title {
  font-size: 28px;
  font-weight: 700;
  background-color: transparent;
  padding-right: 50px;
  color: var(--rs-title-primary);
  padding: 0px;
  background-image: linear-gradient(to bottom, #10171e 0%, #10171e 100%);
  background-repeat: no-repeat;
  background-position: 0 100%;
  background-size: 0 2px;
  transition: all 0.3s, background-size 0.5s;
  display: inline-flex;
}
@media only screen and (max-width: 1600px) {
  .rs-accordion-three .accordion-button .accordion-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-accordion-three .accordion-button .accordion-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-accordion-three .accordion-button .accordion-title {
    font-size: 20px;
  }
}
.rs-accordion-three .accordion-button::after {
  content: none;
}
.rs-accordion-three .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.rs-accordion-three .accordion-button:not(.collapsed) .accordion-title {
  background-size: 100% 2px;
}
.rs-accordion-three .accordion-button:not(.collapsed) .accordion-icon {
  background: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
}
.rs-accordion-three .accordion-button:not(.collapsed) .accordion-icon svg {
  transform: rotate(90deg);
}
.rs-accordion-three .accordion-icon {
  position: absolute;
  right: 0px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  transition: all 0.4s ease-out 0s;
  background: rgba(201, 243, 29, 0.2196078431);
}
.rs-accordion-three .accordion-icon svg {
  width: 16px;
}
.rs-accordion-three .accordion-icon svg path {
  fill: var(--rs-theme-secondary);
  transition: all 0.4s ease-out 0s;
}
.rs-accordion-three .accordion-item {
  padding: 22px 0px 22px 0px;
  border: 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.rs-accordion-three .accordion-item:first-child {
  border-top: 1px solid #ebebeb;
}
.rs-accordion-three .accordion-body {
  color: var(--rs-text-primary);
  padding: 20px 50px 0 0px;
  line-height: 28px;
}
@media only screen and (max-width: 767px) {
  .rs-accordion-three .accordion-body {
    padding: 20px 0px 0 0px;
  }
}

/*----------------------------------------*/
/*  2.3 Background
/*----------------------------------------*/
.primary-bg {
  background-color: var(--rs-bg-primary);
}

.black-bg {
  background: var(--rs-theme-secondary);
}

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

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.rs-btn {
  font-size: 17px;
  text-transform: capitalize;
  color: var(--rs-theme-secondary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 30px;
  height: 60px;
  transition: all 0.4s ease-out 0s;
  border-radius: 5px 5px 5px 5px;
  font-weight: 500;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--rs-theme-primary);
}
.rs-btn:hover {
  background: var(--rs-theme-secondary);
  color: var(--rs-theme-primary);
}
.rs-btn:hover.has-icon .icon-first {
  transform: translateX(150%);
}
.rs-btn:hover.has-icon .icon-second {
  transform: translateX(0%);
}
.rs-btn.has-text {
  color: var(--rs-title-primary);
  padding: 0;
  width: unset;
  height: unset;
  background: transparent;
}
.rs-btn.has-text:hover {
  color: var(--rs-theme-primary);
}
.rs-btn.has-text:hover .icon-box svg path {
  fill: var(--rs-theme-primary);
}
.rs-btn.has-text.has-icon {
  gap: 8px;
}
.rs-btn.has-text .icon-box svg path {
  fill: var(--rs-title-primary);
}
.rs-btn.has-text.is-text-orange {
  color: #FD644F;
}
.rs-btn.has-text.is-text-orange:hover {
  color: #FD644F;
}
.rs-btn.has-text.is-text-orange.has-icon svg path {
  fill: #FD644F;
}
.rs-btn.has-text.is-text-primary {
  color: var(--rs-theme-primary);
}
.rs-btn.has-text.is-text-primary:hover {
  color: var(--rs-theme-primary);
}
.rs-btn.has-text.is-text-primary.has-icon svg path {
  fill: var(--rs-theme-primary);
}
.rs-btn.has-icon {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.rs-btn.has-icon .icon-box {
  overflow: hidden;
  position: relative;
  display: inline-flex;
  transition: all 0.3s ease-out 0s;
}
[dir=rtl] .rs-btn.has-icon .icon-box {
  transform: rotate(-180deg);
}
.rs-btn.has-icon .icon-box svg {
  width: 17px;
  fill: var(--rs-white);
}
.rs-btn.has-icon .icon-box:hover .icon-first {
  transform: translateX(150%);
}
.rs-btn.has-icon .icon-box:hover .icon-second {
  transform: translateX(0%);
}
.rs-btn.has-icon .icon-first {
  transition: all 0.3s ease-out 0s;
}
.rs-btn.has-icon .icon-second {
  position: absolute;
  transform: translateX(-150%);
  transition: all 0.3s ease-out 0s;
}
.rs-btn.hover-white:hover {
  background: var(--rs-white);
  color: var(--rs-black);
}
.rs-btn.hover-black:hover {
  color: var(--rs-white);
  background: var(--rs-theme-secondary);
}
.rs-btn.is-circle {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 50%;
  background: #f2f2f2;
}
.rs-btn.is-circle svg path {
  fill: var(--rs-primary);
}
.rs-btn.is-circle:hover {
  background: var(--rs-primary);
}
.rs-btn.is-circle:hover svg path {
  fill: var(--rs-white);
}
.rs-btn.has-radius {
  border-radius: 50px;
}
.rs-btn.is-small {
  height: 45px;
  padding: 15px 20px;
}
.rs-btn.is-transparent {
  background: transparent;
  border: 1px solid rgba(54, 114, 255, 0.278);
  color: var(--rs-text-primary);
}
.rs-btn.is-transparent:hover {
  background: var(--rs-primary);
  color: var(--rs-white);
}
.rs-btn.has-gradient {
  background: linear-gradient(to right, #FD644F 0%, #F28E26 50%, #FD644F 100%);
  background-size: 200% 200%;
  background-position: 0% 100%;
  color: var(--rs-white);
  transition: 0.4s ease-out;
  font-weight: 400;
  padding: 15px 35px;
}
.rs-btn.has-gradient:hover {
  background-position: right center;
}
.rs-btn.has-gradient-purple {
  position: relative;
  overflow: hidden;
  color: var(--rs-white);
  font-weight: 400;
  padding: 15px 35px;
  background: linear-gradient(132deg, #685BE8 0%, #9289F1 100%);
  z-index: 0;
}
.rs-btn.has-gradient-purple::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-132deg, #FD644F 0%, #F28E26 100%);
  opacity: 0;
  transition: opacity 0.4s ease-out;
  z-index: -1;
}
.rs-btn.has-gradient-purple:hover::before {
  opacity: 1;
}
.rs-btn.has-bg-purple {
  background: var(--rs-theme-purple);
  color: var(--rs-white);
}
.rs-btn.has-bg-white {
  background: var(--rs-white);
}
.rs-btn.has-bg-white:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-title-primary);
}

.rs-rotate-btn {
  width: 180px;
  height: 180px;
  position: relative;
}
.rs-rotate-btn:hover .rs-text-circle {
  animation-play-state: paused;
}
.rs-rotate-btn .rs-circle-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px;
  transform: translate(-50%, -50%);
  background: var(--rs-theme-primary);
  border-radius: 50%;
  text-align: center;
  padding: 20px;
  z-index: 1;
  transition: 0.3s;
}
.rs-rotate-btn .rs-circle-btn:hover svg {
  transform: rotate(45deg);
}
.rs-rotate-btn .rs-circle-btn svg {
  width: 27px;
  height: 27px;
}
.rs-rotate-btn .rs-circle-btn svg path {
  fill: var(--rs-theme-secondary);
}
.rs-rotate-btn .rs-text-circle-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}
.rs-rotate-btn .rs-text-circle {
  animation: rotate-infinite 30s infinite linear;
  width: 100%;
  height: 100%;
  position: relative;
}
.rs-rotate-btn .rs-text-circle span {
  position: absolute;
  height: 100%;
  width: 100%;
  text-transform: uppercase;
  font-size: 18px;
  text-align: center;
  color: var(--rs-title-primary);
}
.rs-rotate-btn .rs-text-circle.is-text-white span {
  color: var(--rs-white);
}

.rs-play-btn {
  width: 60px;
  height: 60px;
  font-size: 26px;
  background: var(--rs-theme-primary);
  display: inline-flex;
  border-radius: 50%;
  color: var(--rs-theme-secondary);
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out 0s;
}
.rs-play-btn.is-large {
  width: 80px;
  height: 80px;
  font-size: 26px;
}
.rs-play-btn.is-large::before {
  width: 80px;
  height: 80px;
}
.rs-play-btn.is-white {
  background: var(--rs-white);
  color: var(--rs-primary);
}
.rs-play-btn.is-white::before {
  background: var(--rs-white);
}
.rs-play-btn.is-white:hover {
  background: var(--rs-primary);
}
.rs-play-btn.has-transparent-btn::before, .rs-play-btn.has-transparent-btn::after {
  content: none;
}
.rs-play-btn.has-bg-gradient {
  background: linear-gradient(180deg, #FD644F 0%, #F28E26 100%);
  color: var(--rs-white);
}
.rs-play-btn.has-bg-gradient::before, .rs-play-btn.has-bg-gradient::after {
  background: linear-gradient(180deg, #FD644F 0%, #F28E26 100%);
}
.rs-play-btn.has-bg-purple {
  background: var(--rs-theme-purple);
  color: var(--rs-white);
}
.rs-play-btn.has-bg-purple::before, .rs-play-btn.has-bg-purple::after {
  background: var(--rs-theme-purple);
}
.rs-play-btn:hover {
  color: var(--rs-white);
}
.rs-play-btn::before {
  background: var(--rs-theme-primary);
  content: "";
  position: absolute;
  width: 60px;
  height: 60px;
  z-index: -1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  border-radius: 50%;
  -webkit-animation: rs-pulse-border 1500ms ease-out infinite;
  animation: rs-pulse-border 1500ms ease-out infinite;
}
.rs-play-btn::after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  border-radius: 50%;
  transition: all 200ms;
}

.rs-btn-circle {
  width: 60px;
  height: 60px;
  background: var(--rs-theme-purple);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-out 0s;
  border-radius: 50%;
}
.rs-btn-circle:hover svg {
  transform: rotate(45deg);
}
.rs-btn-circle svg {
  width: 14px;
  height: 14px;
}
.rs-btn-circle svg path {
  fill: var(--rs-white);
}

.rs-button-wrapper .rs-btn {
  height: 60px;
  padding: 15px 5px;
  border: 1px solid #666666;
  border-radius: 40px 40px 40px 40px;
  text-transform: uppercase;
  color: var(--rs-black);
  background: transparent;
}
.rs-button-wrapper .rs-btn.has-border-white {
  border-color: var(--rs-white);
  color: var(--rs-white);
}
.rs-button-wrapper .rs-btn.has-border-white:hover {
  color: var(--rs-white);
}
.rs-button-wrapper .rs-btn:hover .rs-icon {
  inset-inline-start: calc(100% - 50px);
}
.rs-button-wrapper .rs-btn:hover .rs-btn-text {
  transform: translate3d(-50px, 0, 0) !important;
  transform-style: preserve-3d;
}
[dir=rtl] .rs-button-wrapper .rs-btn:hover .rs-btn-text {
  transform: translate3d(50px, 0, 0) !important;
}
.rs-button-wrapper .rs-icon {
  background: var(--rs-theme-purple);
  height: 50px;
  width: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.5s ease 0s, left 0.5s;
  position: relative;
  animation: 0.6s btnHoverEffectReverse;
  inset-inline-start: 0;
}
.rs-button-wrapper .rs-icon svg {
  width: 16px;
  height: 16px;
}
.rs-button-wrapper .rs-icon svg path {
  fill: var(--rs-white);
}
.rs-button-wrapper .rs-btn-text {
  transform: translate3d(0, 0, 0);
  transform-style: preserve-3d;
  padding: 0 20px 0 20px;
}

.rs-btn-group {
  display: flex;
  width: fit-content;
}
.rs-btn-group .rs-btn {
  background: var(--rs-theme-purple);
  color: white;
  text-transform: uppercase;
  padding: 15px 35px;
  font-weight: 400;
}
.rs-btn-group > *:nth-child(1) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-end: -60px;
}
.rs-btn-group > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.rs-btn-group > *:nth-child(3) {
  transform: scale3d(1, 1, 1);
  margin-inline-start: 0;
}
.rs-btn-group:hover > *:nth-child(1) {
  transform: scale3d(1, 1, 1);
  margin-inline-end: 0;
}
.rs-btn-group:hover > *:nth-child(2) {
  transform: scale3d(1, 1, 1);
}
.rs-btn-group:hover > *:nth-child(3) {
  transform: scale3d(0.5, 0.5, 1);
  margin-inline-start: -60px;
}
.rs-btn-group .rs-btn-primary {
  overflow: hidden;
  position: relative;
  z-index: 2;
}
.rs-btn-group .rs-btn-circle {
  position: relative;
  z-index: 1;
  padding: 0;
}
.rs-btn-group .rs-btn-circle:hover svg {
  transform: rotate(0deg);
}

/*----------------------------------------*/
/*  2.7 Color Short Code
/*----------------------------------------*/
.rs-text-primary {
  color: var(--rs-primary);
}

.rs-white {
  color: var(--rs-white);
}

.rs-black {
  color: var(--rs-black);
}

.rs-light-purple {
  color: var(--rs-theme-purple-light);
}

.rs-red {
  color: var(--rs-red);
}

.rating-color {
  color: #FFB21D;
}

/*----------------------------------------*/
/*  2. 9 counter
/*----------------------------------------*/
.rs-counter-one {
  position: relative;
  z-index: 1;
}
.rs-counter-one .counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 75px;
}
@media only screen and (max-width: 1366px) {
  .rs-counter-one .counter-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-counter-one .counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-one .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-counter-one .counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-counter-one .counter-number,
.rs-counter-one .suffix {
  font-size: 70px;
  position: relative;
  font-weight: 500;
  line-height: 0.8;
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 1366px) {
  .rs-counter-one .counter-number,
  .rs-counter-one .suffix {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-counter-one .counter-number,
  .rs-counter-one .suffix {
    font-size: 50px;
  }
}
.rs-counter-one .counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  background: var(--rs-bg-primary);
  border-radius: 70px;
  padding: 0px 17px 0px 17px;
  height: 100px;
  width: 100%;
}
.rs-counter-one .counter-title {
  font-size: 22px;
  font-weight: 500;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-one .counter-title {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-counter-one .counter-title {
    font-size: 18px;
  }
}
.rs-counter-one .counter-item {
  text-align: center;
}
.rs-counter-two {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-counter-two .counter-shape {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
}
@media only screen and (max-width: 1600px) {
  .rs-counter-two .counter-shape {
    display: none;
  }
}
.rs-counter-two .counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 100px;
  padding: 60px;
  background: var(--rs-bg-purple);
  gap: 30px;
}
@media only screen and (max-width: 1366px) {
  .rs-counter-two .counter-wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-counter-two .counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-two .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .rs-counter-two .counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-counter-two .counter-number,
.rs-counter-two .suffix {
  font-size: 46px;
  position: relative;
  line-height: 0.8;
  color: var(--rs-theme-purple-light);
  font-weight: 700;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-two .counter-number,
  .rs-counter-two .suffix {
    font-size: 40px;
  }
}
.rs-counter-two .counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 14px;
}
.rs-counter-two .counter-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--rs-title-secondary);
}
@media only screen and (max-width: 1199px) {
  .rs-counter-two .counter-title {
    font-size: 18px;
  }
}
.rs-counter-two .counter-item {
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .rs-counter-two .counter-item::before {
    display: none;
  }
}
.rs-counter-two .counter-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #D8D8E3;
  inset-inline-end: -20px;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .rs-counter-two .counter-item:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .rs-counter-two .counter-item:nth-child(3)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-two .counter-item:nth-child(3)::before {
    display: block;
  }
}
@media only screen and (max-width: 575px) {
  .rs-counter-two .counter-item:nth-child(3)::before {
    display: none;
  }
}
.rs-counter-three {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-counter-three .counter-wrapper {
  position: relative;
  z-index: 1;
}
.rs-counter-three .counter-item-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-radius: 30px;
  padding: 60px;
  position: relative;
  gap: 30px;
}
@media only screen and (max-width: 1366px) {
  .rs-counter-three .counter-item-wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-counter-three .counter-item-wrapper {
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-counter-three .counter-item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-three .counter-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .rs-counter-three .counter-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-counter-three .counter-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 30px;
  z-index: -1;
}
.rs-counter-three .counter-number,
.rs-counter-three .suffix {
  font-size: 70px;
  position: relative;
  line-height: 0.8;
  color: var(--rs-theme-primary);
  font-weight: 500;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-three .counter-number,
  .rs-counter-three .suffix {
    font-size: 40px;
  }
}
.rs-counter-three .counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-three .counter-number-wrapper {
    margin-bottom: 20px;
  }
}
.rs-counter-three .counter-title {
  font-size: 22px;
  font-weight: 600;
  color: var(--rs-white);
  line-height: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-three .counter-title {
    font-size: 18px;
  }
}
.rs-counter-three .counter-item {
  text-align: center;
  position: relative;
  z-index: 1;
}
.rs-counter-three .counter-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(221, 221, 221, 0.12);
  inset-inline-end: 0px;
  top: 50%;
  transform: translateY(-50%);
}
.rs-counter-three .counter-item:first-child::before {
  inset-inline-end: -20px;
}
@media only screen and (max-width: 767px) {
  .rs-counter-three .counter-item:first-child::before {
    display: none;
  }
}
.rs-counter-three .counter-item:nth-child(2)::before {
  inset-inline-end: -20px;
}
@media only screen and (max-width: 767px) {
  .rs-counter-three .counter-item:nth-child(2)::before {
    display: none;
  }
}
.rs-counter-three .counter-item:nth-child(3)::before {
  inset-inline-end: -15px;
}
@media only screen and (max-width: 991px) {
  .rs-counter-three .counter-item:nth-child(3)::before {
    display: none;
  }
}
.rs-counter-four {
  position: relative;
  overflow: hidden;
  margin-top: -300px;
  padding-top: 390px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-four {
    margin-top: -235px;
    padding-top: 310px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-four {
    margin-top: 0px;
  }
}
.rs-counter-four::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: var(--rs-bg-secondary);
  top: 0;
  inset-inline-start: 300px;
  z-index: -1;
}
@media only screen and (max-width: 1800px) {
  .rs-counter-four::before {
    inset-inline-start: 0;
  }
}
.rs-counter-four.has-bg-primary::before {
  background: var(--rs-bg-primary);
  border-radius: 0px 0 0 20px;
}
.rs-counter-four.has-bg-primary .counter-item:not(:last-child) {
  border-color: #E7EAD5;
}
.rs-counter-four .counter-item {
  text-align: center;
  position: relative;
}
.rs-counter-four .counter-item:not(:last-child)::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #E9EAE6;
}
@media only screen and (max-width: 767px) {
  .rs-counter-four .counter-item:not(:last-child)::before {
    display: none;
  }
}
.rs-counter-four .counter-item:nth-child(1)::before {
  right: -20px;
}
.rs-counter-four .counter-item:nth-child(2)::before {
  right: -20px;
}
.rs-counter-four .counter-item:nth-child(3)::before {
  right: -20px;
}
@media only screen and (max-width: 991px) {
  .rs-counter-four .counter-item:nth-child(3)::before {
    display: none;
  }
}
.rs-counter-four .counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-counter-four .counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-four .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-counter-four .counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-counter-four .counter-number,
.rs-counter-four .suffix {
  font-size: 70px;
  position: relative;
  font-weight: 500;
  line-height: 0.8;
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 1366px) {
  .rs-counter-four .counter-number,
  .rs-counter-four .suffix {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-counter-four .counter-number,
  .rs-counter-four .suffix {
    font-size: 50px;
  }
}
.rs-counter-four .counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-bottom: 30px;
}
.rs-counter-four .counter-title {
  font-size: 22px;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-four .counter-title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  2.16 Offcanvas
/*----------------------------------------*/
.offcanvas-area {
  background: var(--rs-white) none repeat scroll 0 0;
  position: fixed;
  inset-inline-end: -100%;
  top: 0;
  width: 400px;
  height: 100%;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  transition: all 0.5s ease-in-out;
}
.offcanvas-area ::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 575px) {
  .offcanvas-area {
    width: 100%;
  }
}
.offcanvas-area.info-open {
  inset-inline-end: 0%;
}
.offcanvas-area .mean-container .mean-nav ul li.active > a {
  color: #acd601;
}
.offcanvas-area .mean-container .mean-nav ul li a.active {
  color: #acd601;
}
.offcanvas-area.has-theme-orange .offcanvas-close {
  background: #FA6E46;
}
.offcanvas-area.has-theme-orange .offcanvas-close-icon {
  color: var(--rs-white);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.active > a {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > a,
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--rs-white);
}
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-orange .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-purple);
  color: var(--rs-white);
}
.offcanvas-area.has-theme-orange .offcanvas-contact-text a:hover {
  color: #FA6E46;
}
.offcanvas-area.has-theme-orange .offcanvas-contact-icon svg path {
  fill: #FA6E46;
}
.offcanvas-area.has-theme-orange .offcanvas-social ul li a:hover {
  background: #FA6E46;
  border-color: #FA6E46;
  color: var(--rs-white);
}
.offcanvas-area.has-theme-orange .mobile-menu.mean-container .menu-item:hover .title {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .offcanvas-close {
  background: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .offcanvas-close-icon {
  color: var(--rs-white);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.active > a {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li a:hover,
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > a,
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--rs-white);
}
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li a.mean-expand:hover,
.offcanvas-area.has-theme-purple .mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-purple);
  color: var(--rs-white);
}
.offcanvas-area.has-theme-purple .offcanvas-contact-text a:hover {
  color: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .offcanvas-contact-icon svg path {
  fill: var(--rs-theme-purple);
}
.offcanvas-area.has-theme-purple .offcanvas-social ul li a:hover {
  background: var(--rs-theme-purple);
  border-color: var(--rs-theme-purple);
  color: var(--rs-white);
}
.offcanvas-area.has-theme-purple .mobile-menu.mean-container .menu-item:hover .title {
  color: var(--rs-theme-purple);
}
.offcanvas-logo a img {
  width: 150px;
}
.offcanvas-content {
  padding-bottom: 45px;
}
.offcanvas-wrapper {
  position: relative;
  height: 100%;
  padding: 40px 40px;
}
@media only screen and (max-width: 575px) {
  .offcanvas-wrapper {
    padding: 30px 30px;
  }
}
.offcanvas-title-meta {
  color: var(--rs-title-primary);
  margin-bottom: 20px;
  font-size: 22px;
}
.offcanvas-text p {
  margin-bottom: 25px;
}
.offcanvas-social {
  margin-bottom: 40px;
}
.offcanvas-social ul li {
  display: inline-block;
}
.offcanvas-social ul li:not(:last-child) {
  margin-right: 5px;
}
.offcanvas-social ul li a {
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.0627);
  color: #585B6F;
  font-size: 14px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
.offcanvas-social ul li a:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  border-color: var(--rs-theme-primary);
}
.offcanvas-overlay {
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 99;
  inset-inline-start: 0;
  opacity: 0;
  visibility: hidden;
}
.offcanvas-overlay:hover {
  cursor: url(../images/shape/cross-out.png), pointer;
}
.offcanvas-overlay.overlay-open {
  opacity: 1;
  visibility: visible;
}
.offcanvas-contact ul li:not(:last-child) {
  margin-bottom: 20px;
}
.offcanvas-contact ul li a:hover {
  color: #acd601;
}
.offcanvas-contact ul li:hover svg {
  animation: rs-fold linear 0.5s;
}
.offcanvas-contact-icon {
  flex: 0 0 auto;
}
.offcanvas-contact-icon svg {
  width: 22px;
  height: 22px;
}
.offcanvas-contact-icon svg path {
  fill: #acd601;
}

.offcanvas-gallery-thumb-wrapper {
  gap: 20px;
  display: flex;
  flex-wrap: wrap;
}
.offcanvas-gallery-thumb-wrapper .offcanvas-popup-thumb img {
  width: 85px;
  height: 85px;
  object-fit: cover;
}

.offcanvas-about p {
  max-width: 300px;
}

.offcanvas-close {
  width: 35px;
  height: 35px;
  background: var(--rs-theme-primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}

.offcanvas-close-icon {
  line-height: 1;
  color: var(--rs-black);
}
.offcanvas-close-icon .offcanvas-m-lines {
  position: relative;
  display: block;
  height: 14px;
  width: 14px;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--1 {
  top: 6px;
  transform: rotate(45deg);
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--3 {
  opacity: 0;
  opacity: 0;
}
.offcanvas-close-icon.animation--flip .offcanvas-m-line.line--2 {
  top: 6px;
  transform: rotate(-45deg);
}
.offcanvas-close-icon .offcanvas-m-line {
  position: absolute;
  inset-inline-start: 0;
  height: 2px;
  width: 100%;
  background-color: currentColor;
  transition: top 0.15s ease, transform 0.3s ease;
}
.offcanvas-close-icon .offcanvas-m-line.line--1 {
  top: 0;
}
.offcanvas-close-icon .offcanvas-m-line.line--2 {
  top: 5px;
}
.offcanvas-close-icon .offcanvas-m-line.line--3 {
  bottom: 0;
  bottom: 0;
}
.offcanvas-close-icon:hover .offcanvas-m-line {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.offcanvas-close-icon:hover .offcanvas-m-line:nth-of-type(2) {
  animation-delay: 0.1s;
}

/*----------------------------------------*/
/*  2.21 Section Title  
/*----------------------------------------*/
.section-title {
  color: var(--rs-title-primary);
  font-weight: var(--rs-fw-bold);
  font-family: var(--rs-ff-title);
  letter-spacing: -1px;
}
.section-title.is-text-white {
  color: var(--rs-white);
}
.section-title.is-black {
  color: var(--rs-theme-black);
}
.section-title.has-title-secondary {
  color: var(--rs-title-secondary);
}
.section-subtitle {
  font-size: 17px;
  font-weight: 600;
  line-height: 25px;
  text-transform: capitalize;
  color: var(--rs-title-primary);
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 15px;
}
[dir=rtl] .section-subtitle svg {
  transform: rotateY(-180deg);
}
.section-subtitle.is-uppercase {
  text-transform: uppercase;
}
.section-subtitle.text-light-purple {
  color: var(--rs-theme-purple-light);
}
.section-subtitle.text-purple-uppercase {
  color: var(--rs-theme-purple);
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.section-subtitle.text-purple-capitalize {
  color: var(--rs-theme-purple);
  font-size: 20px;
  font-weight: 500;
  text-transform: capitalize;
}
.section-subtitle.has-text-primary {
  color: var(--rs-theme-primary);
  letter-spacing: 3px;
  font-size: 18px;
}
.section-subtitle.is-text-white {
  color: var(--rs-white);
}

.rs-section-subtitle-wrapper {
  display: flex;
  position: relative;
  align-items: center;
  margin-bottom: 25px;
}
.rs-section-subtitle-wrapper .rs-section-subtitle {
  position: relative;
  padding-inline-end: 12px;
  flex: 0 0 auto;
  margin-bottom: 0;
}

.rs-section-border-line {
  position: relative;
  background: rgba(43, 77, 255, 0.0725);
  width: 100%;
  height: 1px;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
}

/*----------------------------------------*/
/*  2.5 Breadcrumb
/*----------------------------------------*/
.rs-breadcrumb-one {
  padding-top: 195px;
  padding-bottom: 140px;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .rs-breadcrumb-one {
    padding-top: 175px;
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one {
    padding-top: 165px;
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one {
    padding-top: 155px;
    padding-bottom: 220px;
  }
}
.rs-breadcrumb-one .breadcrumb-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width: 480px) {
  .rs-breadcrumb-one .breadcrumb-bg-thumb {
    background-position: center left;
  }
}
.rs-breadcrumb-one .breadcrumb-title {
  font-size: 120px;
  color: var(--rs-white);
  line-height: 0.95;
  letter-spacing: -2px;
  font-weight: 400;
}
@media only screen and (max-width: 1366px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 80px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-breadcrumb-one .breadcrumb-title {
    font-size: 50px;
  }
}
.rs-breadcrumb-one .breadcrumb-more-btn .rs-btn {
  font-size: 22px;
  text-transform: uppercase;
  border-radius: 40px;
  letter-spacing: 0;
  font-weight: 400;
  border-radius: 40px;
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-more-btn .rs-btn {
    font-size: 18px;
  }
}
.rs-breadcrumb-one .breadcrumb-text-wrap {
  display: flex;
  align-items: center;
  gap: 45px;
}
@media only screen and (max-width: 991px) {
  .rs-breadcrumb-one .breadcrumb-text-wrap {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    gap: 0;
    align-items: start;
  }
}
.rs-breadcrumb-one .breadcrumb-more-btn {
  margin-top: -40px;
}
@media only screen and (max-width: 1199px) {
  .rs-breadcrumb-one .breadcrumb-more-btn {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-more-btn {
    margin-top: 20px;
  }
}
.rs-breadcrumb-one .breadcrumb-btn {
  position: absolute;
  inset-inline-end: 55px;
  bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-btn {
    inset-inline-start: 50%;
    bottom: 40px;
    inset-inline-end: auto;
    transform: translateX(-50%);
  }
}
@media only screen and (max-width: 575px) {
  .rs-breadcrumb-one .breadcrumb-btn {
    inset-inline-start: 30px;
    bottom: 40px;
    inset-inline-end: auto;
    transform: translateX(0%);
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-btn .rs-rotate-btn {
    width: 150px;
    height: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-btn .rs-rotate-btn .rs-circle-btn {
    width: 70px;
    height: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-btn .rs-rotate-btn .rs-circle-btn svg {
    width: 24px;
    height: 24px;
  }
}
.rs-breadcrumb-one .breadcrumb-btn .rs-rotate-btn .rs-circle-btn:hover svg {
  transform: rotate(0deg);
}
@media only screen and (max-width: 767px) {
  .rs-breadcrumb-one .breadcrumb-btn .rs-rotate-btn .rs-text-circle span {
    font-size: 16px;
  }
}

/*----------------------------------------
   2.17 Basic pagination
-----------------------------------------*/
.rs-pagination.swiper-pagination {
  position: unset;
  overflow: visible;
  font-size: unset;
  transform: unset !important;
  width: 100% !important;
}
.rs-pagination.swiper-pagination .swiper-pagination-bullet {
  background: #CDD5D9;
  border-radius: 0;
  height: 6px;
  margin: 0 6px;
  width: 30px;
  transform: unset;
  opacity: unset;
}
.rs-pagination.swiper-pagination .swiper-pagination-bullet:hover {
  background: var(--rs-theme-primary);
}
.rs-pagination.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-primary);
}
.rs-pagination.swiper-pagination.has-orange .swiper-pagination-bullet {
  background: #695CE8;
}
.rs-pagination.swiper-pagination.has-orange .swiper-pagination-bullet:hover {
  background: #FA6E46;
}
.rs-pagination.swiper-pagination.has-orange .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #FA6E46;
}
.rs-pagination.swiper-pagination.has-purple .swiper-pagination-bullet {
  background: #DFDEF7;
}
.rs-pagination.swiper-pagination.has-purple .swiper-pagination-bullet:hover {
  background: var(--rs-theme-purple);
}
.rs-pagination.swiper-pagination.has-purple .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-purple);
}
.rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin: 0 6px;
  border-radius: 50%;
}
.rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet::before {
  content: none;
}

.common-pagination {
  margin-top: 45px;
}
.common-pagination ul {
  display: inline-flex;
  gap: 10px;
}
.common-pagination ul li {
  list-style: none;
}
.common-pagination ul li.current {
  background: var(--rs-theme-primary);
}
.common-pagination ul li a {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(0, 0, 0, 0.11);
  color: var(--rs-black);
  border-radius: 50%;
  position: relative;
}
.common-pagination ul li a:hover {
  background: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
}
.common-pagination ul li a.current {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  border: none;
}
.common-pagination ul li a.is-next::before {
  position: absolute;
  font-family: remixicon !important;
  font-size: 16px;
  line-height: 1;
  opacity: 1;
  content: "\ea6c";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/*----------------------------------------*/
/*  2.11 forms
/*----------------------------------------*/
/* Custom checkbox button */
input[type=checkbox] {
  display: none;
}
input[type=checkbox]:checked ~ label::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
input[type=checkbox]:checked ~ label::after {
  background-color: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
}
input[type=checkbox]:checked ~ label::before {
  visibility: visible;
  opacity: 1;
}
input[type=checkbox] ~ label {
  position: relative;
  padding-inline-start: 30px;
}
input[type=checkbox] ~ label::after {
  position: absolute;
  content: "";
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  border: 1px solid #C3C7C9;
  z-index: -1;
  transition: all 0.2s linear;
}
input[type=checkbox] ~ label::before {
  position: absolute;
  content: "\f00c";
  top: 3px;
  left: 0px;
  width: 18px;
  height: 18px;
  line-height: 16px;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  color: var(--rs-white);
  transition: all 0.2s linear;
  font-family: var(--rs-ff-fontawesome);
  font-size: 14px;
}
input[type=checkbox] ~ label:hover {
  cursor: pointer;
}

/*----------------------------------------*/
/*  2.24 social
/*----------------------------------------*/
.theme-social {
  display: inline-flex;
  gap: 12px;
}
.theme-social a {
  color: var(--rs-white);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  font-size: 18px;
  background-color: var(--rs-theme-primary);
  transition: 0.3s;
  border-radius: 3px;
  will-change: transform;
}
.theme-social a:hover {
  background: var(--rs-white);
  color: var(--rs-title-primary);
}
.theme-social.has-bg a {
  background: #E6E6E9;
  color: #737373;
}
.theme-social.has-bg a:hover {
  background: var(--rs-theme-orange);
  color: var(--rs-white);
}
.theme-social.has-border a {
  border: 1px solid #D9E2DF;
  background: transparent;
  color: #666;
}
.theme-social.has-border a:hover {
  background: var(--rs-primary);
  color: var(--rs-white);
  border-color: var(--rs-primary);
}
.theme-social.has-transparent a {
  background: transparent;
  color: #fff;
  width: unset;
  height: unset;
}
.theme-social.has-transparent a:hover {
  color: var(--rs-theme-primary);
}
.theme-social.has-transform a:hover {
  transform: translate(0, -10%);
}
.theme-social.is-medium a {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.theme-social.is-medium a:hover {
  transform: translate(0, -10%);
  color: var(--rs-theme-primary);
}
.theme-social.is-primary:hover a:hover {
  background: var(--rs-primary);
  color: var(--rs-white);
}
.theme-social.is-white a {
  color: var(--rs-black);
}
.theme-social.is-white a:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
}
.theme-social.is-radius a {
  border-radius: 50%;
}
.theme-social.is-light-purple a:hover {
  color: var(--rs-theme-purple-light);
}
.theme-social.is-purple a:hover {
  color: var(--rs-theme-purple);
}

/*----------------------------------------*/
/*  2.4 Back to top
/*----------------------------------------*/
.backtotop-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 42px;
  width: 42px;
  cursor: pointer;
  border-radius: 5px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
  background: var(--rs-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  color: var(--rs-theme-secondary);
}
.backtotop-wrap:hover {
  opacity: 0.8;
}
.backtotop-wrap.has-bg-orange {
  background: #FA6E46;
  color: var(--rs-white);
}
.backtotop-wrap.has-bg-purple {
  background: var(--rs-theme-purple);
  color: var(--rs-white);
}
@media only screen and (max-width: 575px) {
  .backtotop-wrap {
    bottom: 20px;
    inset-inline-end: 20px;
  }
}
.backtotop-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/*----------------------------------------*/
/*  2.2 Animations
/*----------------------------------------*/
.animate-play {
  position: relative;
  z-index: 5;
}
.animate-play::before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.6s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}
.animate-play::after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  position: absolute;
  border: 1px solid rgb(134, 134, 134);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0px;
  z-index: 0;
  animation-name: popupBtn;
  animation-duration: 1.8s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  z-index: -1;
}

@keyframes qode-draw {
  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 rs-scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
  }
}
@-webkit-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-moz-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-ms-keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-infinite {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rs-left-right {
  0% {
    transform: translateX(-200px);
    -webkit-transform: translateX(-200px);
  }
  0% {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}
@keyframes rs-pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes rs-fold {
  0% {
    transform: rotateY(0);
  }
  50% {
    transform: rotateY(90deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes updown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}
@keyframes scale {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  100% {
    transform: scale(1.07);
    -webkit-transform: scale(1.07);
  }
}
@keyframes btnHoverEffectReverse {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes btnHoverEffect {
  0% {
    transform: scale(1);
  }
  30% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes marquee_rev {
  100% {
    transform: translateX(0);
  }
  0% {
    transform: translateX(-50%);
  }
}
/* marquee left */
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes rs-scale-two {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  100% {
    transform: scale(1.03);
    -webkit-transform: scale(1.03);
  }
}
@keyframes rs-scale-three {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
  }
  100% {
    transform: scale(1.08);
    -webkit-transform: scale(1.08);
  }
}
@-webkit-keyframes rs-scale-three {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
/*----------------------------------------*/
/*  2. 8 Short codes
/*----------------------------------------*/
.container.has-large {
  max-width: 1720px;
}

.is-stroke-text {
  -webkit-text-stroke: 2px var(--rs-primary);
  -webkit-text-fill-color: var(--rs-white);
}

.h-55 {
  height: 55px;
}

.height-50 {
  height: 50px;
}

/* display flex */
.d-flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.d-flex-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.has-separator {
  position: relative;
}
.has-separator::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 12px;
  background-color: rgba(101, 101, 103, 0.3);
  transform: translateY(-50%);
  inset-inline-end: 0px;
  top: 50%;
}

/* gap */
.gap-05 {
  gap: 5px;
}

.gap-10 {
  gap: 10px;
}

.gap-15 {
  gap: 15px;
}

.gap-16 {
  gap: 16px;
}

.gap-25 {
  gap: 25px;
}

.gap-30 {
  gap: 30px;
}

.gap-35 {
  gap: 35px;
}

.mb-0 {
  margin-bottom: 0;
}

/* List Style None */
.list-none ul {
  list-style: none;
}

.gap-20 {
  --bs-gutter-x: 20px;
  --bs-gutter-y: 20px;
}

/* Font Weight */
.fw-1 {
  font-weight: var(--rs-fw-thin);
}

.fw-2 {
  font-weight: var(--rs-fw-elight);
}

.fw-3 {
  font-weight: var(--rs-fw-light);
}

.fw-4 {
  font-weight: var(--rs-fw-regular);
}

.fw-5 {
  font-weight: var(--rs-fw-medium);
}

.fw-6 {
  font-weight: var(--rs-fw-sbold);
}

.fw-7 {
  font-weight: var(--rs-fw-bold);
}

.fw-8 {
  font-weight: var(--rs-fw-ebold);
}

.fw-9 {
  font-weight: var(--rs-fw-black);
}

/*----------------------------------------*/
/*  2.18 Preloader
/*----------------------------------------*/
#pre-load {
  background-color: var(--rs-white);
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}

.loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid #ebebec;
  border-radius: 50%;
}
.loader .loader-container.has-theme-cyan::before {
  border-color: var(--rs-cyan);
}
.loader .loader-container.has-theme-gradient::before {
  border-color: var(--rs-theme-purple-light);
}
.loader .loader-container.has-theme-purple::before {
  border-color: var(--rs-theme-purple);
}

.loader .loader-container:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid var(--rs-theme-primary);
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}

.loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  text-align: center;
}

.loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 40px;
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}
/*----------------------------------------*/
/*  2.19 Progress Bar
/*----------------------------------------*/
.single-progress {
  position: relative;
  overflow: hidden;
}

.progress {
  height: 6px;
  overflow: visible;
  background-color: #eee;
  border-radius: 10px;
}

.progress-bar {
  border-radius: 10px;
  width: 0;
  height: 100%;
  background-color: var(--rs-theme-primary);
  transition: width 0.5s ease;
  overflow: visible;
}

.progress-number {
  position: absolute;
  font-size: 14px;
  top: 0;
  inset-inline-end: 0;
  z-index: 1;
}

/*----------------------------------------*/
/*  2.10 cursor
/*----------------------------------------*/
#rs-mouse {
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  pointer-events: none;
  z-index: 999999;
  transition: opacity 0.2s ease-in-out 0.5s;
}

#rs-mouse #cursor-ball {
  position: fixed;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(156, 156, 156, 0.5);
  border-radius: 50%;
  pointer-events: none;
  box-sizing: border-box;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: 99;
}

#rs-mouse #cursor-ball:after {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: var(--rs-theme-primary);
  transform: translate(-50%);
}

@media only screen and (max-width: 991px) {
  #rs-mouse {
    display: none;
  }
}
/*----------------------------------------*/
/*  2.20 Swiper scrollbar 
/*----------------------------------------*/
.rs-swiper-scrollbar.swiper-scrollbar {
  height: 5px;
  background: var(--rs-bg-secondary);
}
.rs-swiper-scrollbar .swiper-scrollbar-drag {
  width: 220px !important;
  background: var(--rs-theme-primary);
}

/*----------------------------------------*/
/* 2.12 lenis
/*----------------------------------------*/
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-scrolling {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

/*----------------------------------------*/
/*  2.22 cursor
/*----------------------------------------*/
.rs-theme-settings-area {
  position: fixed;
  top: 50%;
  right: 0px;
  width: 240px;
  background-color: var(--rs-white);
  transform: translateY(-50%) translateX(100%);
  z-index: 991;
  border-bottom-right-radius: 4px;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.1);
  transition: all 0.4s 0s ease-out;
}
.rs-theme-settings-area.settings-opened {
  transform: translateY(-50%) translateX(0%);
}
.rs-theme-settings-area.settings-opened .rs-theme-settings-gear {
  opacity: 0;
}
.rs-theme-settings-area.settings-opened .rs-theme-settings-close {
  opacity: 1;
}
.rs-theme-settings-open {
  position: absolute;
  top: -1px;
  right: 100%;
}
.rs-theme-settings-open button {
  background-color: var(--rs-white);
  border-inline-end: 0;
  width: 45px;
  height: 45px;
  text-align: center;
  font-size: 20px;
  color: var(--rs-black);
  position: relative;
  border-start-start-radius: 2px;
  border-bottom-left-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 35px 0 rgba(0, 0, 0, 0.15);
}
.rs-theme-settings-gear {
  display: inline-block;
  color: var(--rs-black);
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-ms-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rs-theme-settings-close {
  display: inline-block;
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
[dir=rtl] .rs-theme-settings-close {
  inset-inline-end: 50%;
  inset-inline-start: auto;
}
.rs-theme-header-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 20px;
  color: var(--rs-black);
}
.rs-theme-wrapper {
  padding: 20px 30px 30px;
}
.rs-theme-toggle {
  text-align: center;
}
.rs-theme-toggle-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: var(--rs-theme-primary);
  padding: 4px;
  border-radius: 20px;
}
.rs-theme-toggle-light, .rs-theme-toggle-dark {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.rs-theme-toggle input {
  display: none;
}
.rs-theme-toggle:hover {
  cursor: pointer;
}
.rs-theme-toggle label {
  color: var(--rs-white);
  font-size: 14px;
  font-weight: 500;
}
.rs-theme-toggle label:hover {
  cursor: pointer;
}
.rs-theme-toggle #rs-theme-toggler {
  display: none;
}
.rs-theme-toggle #rs-theme-toggler:checked + i {
  inset-inline-end: calc(50% - 4px);
}
.rs-theme-toggle-slide {
  position: absolute;
  top: 50%;
  inset-inline-end: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 26px;
  background-color: var(--rs-black);
  border-radius: 30px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  transition: all, 0.2s, cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}
.rs-theme-dir {
  text-align: center;
}
.rs-theme-dir-main {
  display: inline-block;
  width: 160px;
  margin: auto;
  position: relative;
  z-index: 1;
  background-color: var(--rs-black);
  padding: 4px 0px 3px 0px;
  border-radius: 2px;
}
.rs-theme-dir-ltr, .rs-theme-dir-rtl {
  display: inline-block;
  width: 48%;
  height: 26px;
  line-height: 26px;
}
.rs-theme-dir input {
  display: none;
}
.rs-theme-dir:hover {
  cursor: pointer;
}
.rs-theme-dir label {
  font-size: 14px;
  font-weight: 500;
}
.rs-theme-dir label:hover {
  cursor: pointer;
}
.rs-theme-dir #rs-dir-toggler {
  display: none;
}
.rs-theme-dir #rs-dir-toggler:checked + i {
  inset-inline-end: calc(50% - 4px);
}
.rs-theme-dir-slide {
  position: absolute;
  top: 50%;
  inset-inline-end: 4px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50%;
  height: 25px;
  background-color: var(--rs-white);
  border-radius: 2px;
  -webkit-transform: translate3d(0, 0);
  transform: translate3d(0, 0);
  transition: all, 0.2s, cubic-bezier(0.25, 1, 0.5, 1);
  z-index: -1;
}

/*----------------------------------------
   2.15 Basic navigation
-----------------------------------------*/
.rs-swiper-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}

.rs-swiper-btn {
  width: 40px;
  height: 40px;
  background: var(--rs-theme-secondary);
  color: var(--rs-theme-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 14px;
  transition: all 0.3s 0s ease-out;
  cursor: pointer;
}
[dir=rtl] .rs-swiper-btn {
  transform: rotateY(-180deg);
}
.rs-swiper-btn.is-large {
  width: 70px;
  height: 70px;
  border: 1px solid rgba(255, 255, 255, 0.125);
  backdrop-filter: blur(21px);
  background: rgba(255, 255, 255, 0.168);
  border-radius: 0%;
  font-size: 20px;
}
.rs-swiper-btn.is-large:hover {
  background: var(--rs-primary);
}
.rs-swiper-btn.is-red {
  background: var(--rs-red);
}
.rs-swiper-btn.is-red:hover {
  background: var(--rs-theme-black);
}
.rs-swiper-btn.is-blue {
  background: var(--rs-blue);
}
.rs-swiper-btn.is-blue:hover {
  background: var(--rs-orange);
}
.rs-swiper-btn.has-radius-small {
  border-radius: 3px;
}
.rs-swiper-btn:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-theme-secondary);
}

.rs-swiper .swiper-button-prev,
.rs-swiper .swiper-button-next {
  position: unset;
  margin-top: 0;
}
.rs-swiper .swiper-button-prev::after,
.rs-swiper .swiper-button-next::after {
  content: none;
}

/*----------------------------------------*/
/*  2.14 list
/*----------------------------------------*/
.rs-list-item ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 30px;
}
@media only screen and (max-width: 480px) {
  .rs-list-item ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-list-item ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--rs-title-primary);
}
.rs-list-item ul li svg {
  width: 20px;
  height: 20px;
}
.rs-list-item ul li svg path {
  fill: var(--rs-theme-primary);
}
.rs-list-item ul li i {
  border: 2px solid var(--rs-theme-blue);
  color: var(--rs-theme-blue);
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rs-list-item.is-list-block ul {
  display: block;
}
.rs-list-item.is-list-block ul li:not(:last-child) {
  margin-bottom: 13px;
}
.rs-list-item.is-large ul li svg {
  width: 22px;
  height: 22px;
}
.rs-list-item.is-large ul li svg path {
  fill: var(--rs-primary);
}

/*----------------------------------------*/
/* 2.13 line css
/*----------------------------------------*/
.rs-common-line .line__wrap::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  left: 50%;
}
@media only screen and (max-width: 991px) {
  .rs-common-line .line__wrap::before {
    left: 38%;
  }
}
.rs-common-line .line__wrap::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  left: 302px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line .line__wrap::after {
    left: 100px;
  }
}
.rs-common-line .line__wrap-two::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  right: 625px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line .line__wrap-two::before {
    right: 450px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-common-line .line__wrap-two::before {
    right: 350px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-common-line .line__wrap-two::before {
    right: 300px;
  }
}
.rs-common-line .line__wrap-two::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  right: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line .line__wrap-two::after {
    right: 100px;
  }
}
.rs-common-line .line__wrap-three {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  left: 627px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line .line__wrap-three {
    left: 450px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-common-line .line__wrap-three {
    left: 350px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-common-line .line__wrap-three {
    display: none;
  }
}

.rs-common-line-two .line__wrap::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  left: 735px;
}
.rs-common-line-two .line__wrap::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  left: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line-two .line__wrap::after {
    left: 100px;
  }
}
.rs-common-line-two .line__wrap-two::before {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  inset-inline-end: 735px;
}
.rs-common-line-two .line__wrap-two::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: #EFEFEF;
  z-index: -1;
  top: 0;
  inset-inline-end: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-common-line-two .line__wrap-two::after {
    right: 100px;
  }
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.4.1 Header Style 1
/*----------------------------------------*/
.rs-header-one.has-border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.121);
}
.rs-header-one .header-inner {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 99;
  justify-content: space-between;
}
@media only screen and (max-width: 1199px) {
  .rs-header-one .header-inner {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-header-one .header-inner {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-header-one .header-inner.rs-sticky {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
  }
}
.rs-header-one .header-inner.is-space-none {
  padding-inline-end: 0px;
  padding-inline-start: 0px;
}
.rs-header-one .header-logo {
  position: relative;
  z-index: 1;
}
.rs-header-one .header-left {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 30px;
}
.rs-header-one .header-menu {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 575px) {
  .rs-header-one .theme-social {
    display: none;
  }
}
.rs-header-one .header-right {
  display: flex;
  gap: 25px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-header-one .header-right {
    gap: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-header-one .header-right {
    gap: 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-header-one .header-btn {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-header-one .header-btn {
    display: block;
  }
}
@media only screen and (max-width: 575px) {
  .rs-header-one .header-btn {
    display: none;
  }
}
.rs-header-one.rs-sticky.has-sticky-bg {
  background: rgba(16, 23, 30, 0.878);
}
.rs-header-one.has-theme-gradient .header-inner {
  background: var(--rs-white);
  border-radius: 0 0 15px 15px;
  padding-inline-start: 45px;
  padding-inline-end: 45px;
  box-shadow: 0px 0px 90px 0px rgba(0, 0, 0, 0.05);
}
@media only screen and (max-width: 1199px) {
  .rs-header-one.has-theme-gradient .header-inner {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
.rs-header-one.has-theme-gradient .header-bar-icon span {
  background: var(--rs-theme-secondary);
}
.rs-header-one.has-theme-gradient .header-call-icon img {
  width: 20px;
}
.rs-header-one.has-theme-gradient .header-call-wrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
@media only screen and (max-width: 1600px) {
  .rs-header-one.has-theme-gradient .header-call-wrapper {
    display: none;
  }
}
.rs-header-one.has-theme-gradient .header-call-content p a {
  color: var(--rs-title-primary);
}
.rs-header-one.has-theme-gradient .header-call-content p a:hover {
  color: var(--rs-theme-purple-light);
}
.rs-header-one.has-theme-gradient.rs-sticky {
  box-shadow: none;
  background: transparent;
}
.rs-header-one.has-black-bg .header-search-icon:hover i {
  color: var(--rs-theme-primary);
}
.rs-header-one.has-black-bg .header-search-icon i {
  color: var(--rs-black);
}
.rs-header-one.has-black-bg .header-icon-wrapper::before {
  background: #CFD1D2;
}
.rs-header-one.has-black-bg .header-bar-icon span {
  background: var(--rs-black);
}
.rs-header-one.has-purple-bg .header-search-icon:hover i {
  color: var(--rs-theme-purple);
}
.rs-header-one.has-purple-bg .header-search-icon i {
  color: var(--rs-black);
}
.rs-header-one.has-purple-bg .header-icon-wrapper::before {
  background: #CFD1D2;
}
.rs-header-one.has-purple-bg .header-bar-icon span {
  background: var(--rs-black);
}

/*----------------------------------------*/
/*  3.4.3 Header Top Style
/*----------------------------------------*/
.rs-header-top.rs-header-top-one {
  padding-inline-start: 130px;
  padding-inline-end: 130px;
  padding-bottom: 12px;
  padding-top: 12px;
  background: var(--rs-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
@media only screen and (max-width: 1600px) {
  .rs-header-top.rs-header-top-one {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-header-top.rs-header-top-one {
    gap: 10px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-one {
    justify-content: center;
  }
}
.rs-header-top.rs-header-top-one.is-large-space {
  padding-inline-start: 295px;
  padding-inline-end: 295px;
}
@media only screen and (max-width: 1700px) {
  .rs-header-top.rs-header-top-one.is-large-space {
    padding-inline-start: 160px;
    padding-inline-end: 160px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-header-top.rs-header-top-one.is-large-space {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
.rs-header-top.rs-header-top-one.is-bg-orange {
  background-image: linear-gradient(298deg, var(--rs-blue) 37%, var(--rs-orange) 0%);
}
.rs-header-top.rs-header-top-one .header-top-wrapper {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rs-header-top.rs-header-top-one .header-top-wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-one .header-top-wrapper {
    gap: 10px 20px;
  }
}
.rs-header-top.rs-header-top-one .header-top-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rs-header-top.rs-header-top-one .header-top-item:not(:last-child) {
  height: 15px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.21);
  padding-inline-end: 30px;
  margin-inline-end: 30px;
}
@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-one .header-top-item:not(:last-child) {
    height: unset;
    border-inline-end: 0;
    padding-inline-end: 0px;
    margin-inline-end: 0px;
  }
}
.rs-header-top.rs-header-top-one .header-top-item h6 {
  font-size: 15px;
  font-weight: 400;
  color: var(--rs-white);
}
.rs-header-top.rs-header-top-one .header-top-item h6 a:hover {
  color: rgba(255, 255, 255, 0.72);
}
.rs-header-top.rs-header-top-one .header-top-icon {
  line-height: 0;
}
.rs-header-top.rs-header-top-one .header-top-icon svg {
  width: 18px;
  height: 18px;
}
.rs-header-top.rs-header-top-one .header-top-icon svg path {
  fill: var(--rs-white);
}
.rs-header-top.rs-header-top-one .header-top-social {
  display: flex;
  gap: 24px;
}
.rs-header-top.rs-header-top-one .header-top-social a {
  color: var(--rs-white);
  font-size: 14px;
}
.rs-header-top.rs-header-top-one .header-top-social a:hover {
  color: rgba(255, 255, 255, 0.72);
}
.rs-header-top.rs-header-top-two {
  padding-inline-start: 30px;
  padding-inline-end: 50px;
  padding-bottom: 12px;
  padding-top: 12px;
  background: var(--rs-dark-blue);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-inline-start: 310px;
  border-radius: 0px 0px 0px 10px;
}
@media only screen and (max-width: 1366px) {
  .rs-header-top.rs-header-top-two {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-header-top.rs-header-top-two {
    margin-inline-start: 0px;
    border-radius: 0px;
    gap: 10px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-header-top.rs-header-top-two {
    justify-content: center;
  }
}
.rs-header-top.rs-header-top-two .header-top-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 0px;
}
@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-two .header-top-wrapper {
    gap: 10px 20px;
  }
}
.rs-header-top.rs-header-top-two .header-top-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rs-header-top.rs-header-top-two .header-top-item h6 {
  font-size: 15px;
  font-weight: 400;
  color: var(--rs-white);
}
.rs-header-top.rs-header-top-two .header-top-item h6 a:hover {
  color: var(--rs-primary);
}
.rs-header-top.rs-header-top-two .header-top-icon {
  line-height: 0;
}
.rs-header-top.rs-header-top-two .header-top-icon svg {
  width: 18px;
  height: 18px;
}
.rs-header-top.rs-header-top-two .header-top-icon svg path {
  fill: var(--rs-white);
}
.rs-header-top.rs-header-top-two .header-top-icon img {
  width: 16px;
  height: 16px;
}
.rs-header-top.rs-header-top-two .header-top-social {
  display: flex;
  gap: 15px;
}
.rs-header-top.rs-header-top-two .header-top-social a {
  color: var(--rs-white);
  font-size: 14px;
}
.rs-header-top.rs-header-top-two .header-top-social a:hover {
  color: var(--rs-primary);
  transform: translate(0, -10%);
}
.rs-header-top.rs-header-top-two .header-top-right {
  display: flex;
  gap: 20px;
  align-items: center;
}
.rs-header-top.rs-header-top-two .header-top-right:not(:last-child) {
  height: 15px;
  border-right: 1px solid rgba(255, 255, 255, 0.21);
  padding-inline-end: 40px;
  margin-inline-end: 40px;
}
@media only screen and (max-width: 480px) {
  .rs-header-top.rs-header-top-two .header-top-right:not(:last-child) {
    height: unset;
    border-right: 0;
    padding-inline-end: 0px;
    margin-inline-end: 0px;
  }
}
.rs-header-top.rs-header-top-two .header-top-left {
  display: flex;
  align-items: center;
  gap: 10px 20px;
  flex-wrap: wrap;
  justify-content: center;
}

/*----------------------------------------*/
/*  3.4.2 Header Common Style 
/*----------------------------------------*/
.header-logo {
  max-width: 180px;
}
@media only screen and (max-width: 575px) {
  .header-logo {
    max-width: 160px;
  }
}
.header-search-wrapper {
  position: relative;
}
.header-search-inner {
  display: none;
  position: absolute;
  width: 290px;
  top: 64px;
  z-index: 2;
  inset-inline-end: 0;
}
@media only screen and (max-width: 1199px) {
  .header-search-inner {
    top: 52px;
  }
}
@media only screen and (max-width: 575px) {
  .header-search-inner {
    top: 54px;
  }
}
@media only screen and (max-width: 575px) {
  .header-search-inner {
    width: 250px;
  }
}
.header-search-icon {
  cursor: pointer;
}
.header-search-icon:hover .has-search {
  color: var(--rs-theme-primary);
}
.header-search-icon:hover .has-close {
  color: var(--rs-theme-primary);
}
.header-search-icon i {
  font-size: 22px;
  transition: all 0.3s ease-out 0s;
  color: var(--rs-white);
}
.header-search-icon .has-close {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 1;
}
.header-search-icon.icon-close .has-search {
  opacity: 0;
  visibility: hidden;
}
.header-search-icon.icon-close .has-close {
  opacity: 1;
  visibility: visible;
}
.header-search input {
  color: #444;
  padding-inline-end: 50px;
  padding-inline-start: 15px;
  width: 100%;
  background: var(--rs-white);
  border-radius: 5px;
  border: 1px solid rgba(62, 62, 62, 0.1);
  font-size: 14px;
  height: 50px;
}
[dir=rtl] .header-search input {
  padding-inline-end: 40px;
}
.header-search input:focus {
  border-color: rgba(31, 31, 31, 0.5);
}
.header-search button {
  position: absolute;
  right: 10px;
  font-size: 22px;
  top: 50%;
  transform: translate(-50%, -50%);
  color: var(--rs-primary);
}
[dir=rtl] .header-search button {
  left: 20px;
}
.header-icon-wrapper {
  display: flex;
  align-items: center;
  position: relative;
}
.header-icon-wrapper::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 26px;
  background: rgba(255, 255, 255, 0.121);
  left: 50%;
  transform: translateX(-50%);
}
.header-search-wrapper:not(:last-child) {
  padding-inline-end: 20px;
  margin-inline-end: 20px;
}
.header-btn .rs-btn {
  height: 50px;
  padding: 15px 23px;
}
.header-inner.rs-sticky .header-menu > nav > ul > li > a {
  padding: 32px 0;
}
.header-inner.rs-sticky .header-search-inner {
  top: 56px;
}
@media only screen and (max-width: 1199px) {
  .header-inner.rs-sticky .header-search-inner {
    top: 51px;
  }
}
@media only screen and (max-width: 480px) {
  .header-inner.rs-sticky .header-search-inner {
    top: 48px;
  }
}

.header-bar-icon {
  width: 20px;
  height: 16px;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  transition: color 0.2s ease-out;
}
.header-bar-icon span {
  width: 28px;
  height: 2px;
  background: var(--rs-white);
  display: inline-block;
  transition: color 0.2s ease-out;
  margin: 0 auto;
  margin-right: auto;
  margin-right: 0;
}
.header-bar-icon span:nth-child(1) {
  width: 20px;
  transition: all 0.3s linear;
}
.header-bar-icon span:nth-child(2) {
  width: 15px;
  transition: all 0.3s linear;
}
.header-bar-icon span:nth-child(3) {
  width: 20px;
  transition: all 0.3s linear;
}
.header-bar-icon:hover span {
  animation: qode-draw 0.8s cubic-bezier(0.44, 1.1, 0.53, 0.99) 1 forwards;
}
.header-bar-icon:hover span:nth-child(2) {
  animation-delay: 0.1s;
}
.header-bar-icon:hover span:nth-child(3) {
  animation-delay: 0.2s;
}

.rs-sticky {
  position: fixed !important;
  top: 0;
  z-index: 55;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  -webkit-animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 600ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--rs-white);
  border-top: 0;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
}

.header-transparent {
  position: absolute;
  inset-inline-start: 0;
  margin: auto;
  width: 100%;
  z-index: 99;
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.1.1 banner Style 1
/*----------------------------------------*/
.rs-banner-one {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 227px;
  padding-bottom: 165px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-one {
    padding-top: 210px;
    padding-bottom: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-one {
    padding-top: 190px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-one {
    padding-top: 165px;
    padding-bottom: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-one {
    padding-top: 125px;
    padding-bottom: 72px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one {
    padding-top: 140px;
  }
}
.rs-banner-one .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-end: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-banner-one .banner-content {
  position: relative;
}
.rs-banner-one .banner-content-top {
  position: relative;
}
.rs-banner-one .banner-title {
  font-size: 150px;
  color: var(--rs-white);
  letter-spacing: -2px;
  font-weight: 400;
  line-height: 1.16;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-one .banner-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-one .banner-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-one .banner-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-one .banner-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .banner-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-one .banner-title {
    font-size: 50px;
  }
}
.rs-banner-one .banner-slide-wrapper {
  display: inline-block;
  top: 25px;
  position: relative;
  overflow: hidden;
}
.rs-banner-one .banner-slide-wrapper.is-slide-two {
  top: 0;
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .banner-slide-wrapper.is-slide-two {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .banner-slide-wrapper {
    width: 100%;
    margin-bottom: 25px;
  }
}
.rs-banner-one .banner-shape {
  width: 650px;
  height: 150px;
  background: var(--rs-theme-primary);
  border-radius: 75px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-one .banner-shape {
    height: 120px;
    width: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-one .banner-shape {
    width: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-one .banner-shape {
    width: 380px;
    height: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .banner-shape {
    height: 75px;
    width: 100%;
  }
}
.rs-banner-one .text-slide-title {
  font-size: 150px;
  font-weight: 400;
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 1600px) {
  .rs-banner-one .text-slide-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-one .text-slide-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-one .text-slide-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-one .text-slide-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .text-slide-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-one .text-slide-title {
    font-size: 50px;
  }
}
.rs-banner-one .text-slide-wrapper {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .text-slide-wrapper {
    gap: 30px;
  }
}
.rs-banner-one .text-slide-wrapper.is-text-active {
  animation: marquee 50s linear 0s infinite normal;
  animation-play-state: running;
  flex-wrap: nowrap;
}
.rs-banner-one .text-slide-wrapper.is-slide-rev {
  animation-name: marquee_rev;
}
.rs-banner-one .banner-description {
  font-size: 22px;
  color: var(--rs-white);
  letter-spacing: -0.2px;
  max-width: 435px;
  line-height: 34px;
  position: absolute;
  inset-inline-end: 10px;
  top: 220px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-one .banner-description {
    top: 170px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-one .banner-description {
    font-size: 18px;
    top: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-one .banner-description {
    display: block;
    max-width: 100%;
    margin-top: 15px;
    position: unset;
  }
}
.rs-banner-one .banner-content-bottom {
  display: flex;
  align-items: center;
  gap: 30px 60px;
  justify-content: end;
  flex-wrap: wrap;
}
@media only screen and (max-width: 991px) {
  .rs-banner-one .banner-content-bottom {
    justify-content: start;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-one .banner-content-bottom {
    margin-top: 25px;
  }
}

/*----------------------------------------*/
/*  3.1.2 banner Style 2
/*----------------------------------------*/
.rs-banner-two {
  padding-top: 235px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1366px) {
  .rs-banner-two {
    padding-top: 205px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-two {
    padding-top: 180px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-two {
    padding-top: 145px;
  }
}
.rs-banner-two .banner-subtitle {
  font-weight: 500;
  color: var(--rs-theme-purple-light);
  margin-bottom: 15px;
  display: inline-block;
}
.rs-banner-two .banner-title {
  font-size: 75px;
  color: var(--rs-title-secondary);
  line-height: 1.2;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-two .banner-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-two .banner-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-two .banner-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-two .banner-title {
    font-size: 40px;
  }
}
.rs-banner-two .banner-title .text-light-purple {
  color: var(--rs-theme-purple-light);
}
.rs-banner-two .banner-description {
  margin-top: 25px;
  margin-bottom: 40px;
  font-size: 20px;
  max-width: 650px;
}
@media only screen and (max-width: 575px) {
  .rs-banner-two .banner-description {
    font-size: 18px;
  }
}
.rs-banner-two .banner-content {
  padding-top: 80px;
}
@media only screen and (max-width: 1366px) {
  .rs-banner-two .banner-content {
    padding-top: 0;
  }
}
.rs-banner-two .banner-thumb-wrapper {
  position: relative;
  z-index: 1;
}
.rs-banner-two .banner-thumb {
  width: 640px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-thumb {
    width: 550px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-two .banner-thumb {
    width: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-two .banner-thumb {
    width: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-two .banner-thumb {
    width: 100%;
  }
}
.rs-banner-two .banner-thumb img {
  width: 100%;
}
.rs-banner-two .banner-shape-one {
  position: absolute;
  top: -40px;
  inset-inline-start: 295px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-shape-one {
    inset-inline-start: 250px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-two .banner-shape-one {
    display: none;
  }
}
.rs-banner-two .banner-shape-two {
  position: absolute;
  top: 40px;
  inset-inline-start: -95px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-two .banner-shape-two {
    inset-inline-start: 0px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-two .banner-shape-two {
    display: none;
  }
}
.rs-banner-two .banner-shape-three {
  position: absolute;
  bottom: -85px;
  inset-inline-start: 175px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-two .banner-shape-three {
    display: none;
  }
}
.rs-banner-two .banner-shape-four {
  position: absolute;
  bottom: 175px;
  inset-inline-start: -100px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-shape-four {
    inset-inline-start: -40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-two .banner-shape-four {
    display: none;
  }
}
.rs-banner-two .banner-shape-five {
  position: absolute;
  inset-inline-end: 110px;
  bottom: 45px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-shape-five {
    display: none;
  }
}
.rs-banner-two .banner-shape-six {
  position: absolute;
  inset-inline-end: 80px;
  top: 340px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-two .banner-shape-six {
    display: none;
  }
}
.rs-banner-two .banner-shape-seven {
  animation: scale 1s alternate infinite;
  -webkit-animation: scale 1s alternate infinite;
  animation-duration: 1.6s;
  position: absolute;
  inset-inline-start: 210px;
  top: 180px;
  z-index: -1;
}
.rs-banner-two .has-anim {
  animation: rs-scale-two 1s alternate infinite;
  -webkit-animation: rs-scale-two 1s alternate infinite;
  animation-duration: 2.4s;
}

.has-banner-bg {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.has-banner-bg .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: -1;
  background-position: bottom;
}

/*----------------------------------------*/
/*  3.1.3 banner Style 3
/*----------------------------------------*/
.rs-banner-three {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  padding-top: 200px;
  padding-bottom: 180px;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-three {
    padding-top: 160px;
    padding-bottom: 120px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-three {
    padding-top: 130px;
    padding-bottom: 80px;
  }
}
.rs-banner-three .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-banner-three .banner-wrapper {
  display: grid;
  grid-template-columns: 650px auto;
  gap: 30px 120px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-three .banner-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-wrapper {
    grid-template-columns: 600px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-three .banner-wrapper {
    grid-template-columns: 500px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-wrapper {
    grid-template-columns: auto;
  }
}
.rs-banner-three .banner-title {
  font-size: 100px;
  letter-spacing: -3px;
  font-weight: 600;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-three .banner-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-three .banner-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-three .banner-title {
    font-size: 50px;
    letter-spacing: 0;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-three .banner-title {
    font-size: 40px;
  }
}
.rs-banner-three .banner-content {
  padding-top: 55px;
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-content {
    padding-top: 0;
  }
}
.rs-banner-three .banner-description {
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 575px) {
  .rs-banner-three .banner-description {
    font-size: 18px;
  }
}
.rs-banner-three .banner-thumb {
  max-width: 515px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-thumb {
    max-width: 100%;
  }
}
.rs-banner-three .banner-thumb img {
  width: 100%;
}
.rs-banner-three .banner-meta {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 65px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-meta {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-three .banner-meta {
    flex-wrap: wrap;
  }
}
.rs-banner-three .banner-meta .meta-title {
  font-size: 20px;
  font-weight: 500;
  color: var(--rs-title-primary);
  max-width: 300px;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-three .banner-meta .meta-title {
    font-size: 18px;
  }
}
.rs-banner-three .banner-meta-thumb {
  flex: 0 0 auto;
}
.rs-banner-three .has-anim {
  animation: rs-scale-three 1s alternate infinite;
  -webkit-animation: rs-scale-three 1s alternate infinite;
  animation-duration: 3s;
}
.rs-banner-three .banner-shape-one {
  position: absolute;
  inset-inline-start: 70px;
  top: 290px;
}
@media only screen and (max-width: 1800px) {
  .rs-banner-three .banner-shape-one {
    display: none;
  }
}
.rs-banner-three .banner-shape-two {
  position: absolute;
  top: 410px;
  inset-inline-start: 70px;
  width: 70px;
}
@media only screen and (max-width: 1800px) {
  .rs-banner-three .banner-shape-two {
    inset-inline-start: 20px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-shape-two {
    display: none;
  }
}
.rs-banner-three .banner-shape-three {
  position: absolute;
  width: 115px;
  top: 145px;
  inset-inline-start: 48%;
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-shape-three {
    display: none;
  }
}
.rs-banner-three .banner-shape-four {
  position: absolute;
  bottom: 180px;
  left: 48%;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-three .banner-shape-four {
    left: 50%;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-shape-four {
    display: none;
  }
}
.rs-banner-three .banner-shape-five {
  position: absolute;
  width: 77px;
  bottom: 100px;
  left: 45%;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-three .banner-shape-five {
    display: none;
  }
}
.rs-banner-three .banner-shape-six {
  position: absolute;
  inset-inline-end: 155px;
  bottom: 130px;
}
@media only screen and (max-width: 1366px) {
  .rs-banner-three .banner-shape-six {
    display: none;
  }
}
.rs-banner-three .banner-shape-seven {
  position: absolute;
  width: 115px;
  inset-inline-end: 370px;
  bottom: 60px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-three .banner-shape-seven {
    inset-inline-end: 300px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-three .banner-shape-seven {
    display: none;
  }
}

/*----------------------------------------*/
/*  3.1.4 Banner Style 4
/*----------------------------------------*/
.rs-banner-four {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  padding-top: 200px;
  padding-bottom: 290px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-four {
    padding-top: 190px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-four {
    padding-top: 160px;
    padding-bottom: 280px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-four {
    padding-top: 135px;
    padding-bottom: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-four {
    padding-top: 125px;
    padding-bottom: 250px;
  }
}
.rs-banner-four .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-banner-four .banner-shape {
  position: absolute;
  inset-inline-start: 0;
  top: 180px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-four .banner-shape {
    display: none;
  }
}
.rs-banner-four .banner-wrapper {
  display: grid;
  grid-template-columns: 630px 580px;
  gap: 30px 40px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-four .banner-wrapper {
    gap: 30px 30px;
    grid-template-columns: 570px 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-four .banner-wrapper {
    grid-template-columns: 500px 400px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-four .banner-wrapper {
    grid-template-columns: auto;
  }
}
.rs-banner-four .banner-title {
  font-size: 100px;
  letter-spacing: -3px;
  font-weight: 600;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-four .banner-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-four .banner-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-four .banner-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-four .banner-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-four .banner-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-four .banner-title {
    font-size: 40px;
    letter-spacing: 0px;
  }
}
.rs-banner-four .banner-subtitle {
  text-transform: uppercase;
  font-weight: 500;
  color: var(--rs-theme-purple);
  letter-spacing: 3px;
  margin-bottom: 20px;
  display: inline-block;
}
.rs-banner-four .banner-description {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  font-weight: 500;
}
@media only screen and (max-width: 575px) {
  .rs-banner-four .banner-description {
    font-size: 18px;
  }
}
.rs-banner-four .banner-thumb img {
  width: 100%;
}

/*----------------------------------------*/
/*  3.1.5 Banner Style 5
/*----------------------------------------*/
.rs-banner-five {
  background: var(--rs-theme-secondary);
  padding-top: 90px;
  padding-bottom: 120px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five {
    padding-top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-five {
    padding-top: 70px;
    padding-bottom: 80px;
  }
}
.rs-banner-five .banner-thumb-one {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-thumb-one {
    display: none;
  }
}
.rs-banner-five .banner-thumb-two {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-thumb-two {
    display: none;
  }
}
.rs-banner-five .banner-shape-one {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-five .banner-shape-one {
    left: -130px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-five .banner-shape-one {
    left: -210px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-shape-one {
    display: none;
  }
}
.rs-banner-five .banner-shape-two {
  position: absolute;
  top: -150px;
  right: 0;
  transform: rotate(180deg);
}
@media only screen and (max-width: 1600px) {
  .rs-banner-five .banner-shape-two {
    right: -90px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-shape-two {
    display: none;
  }
}
.rs-banner-five .banner-subtitle {
  font-size: 36px;
  color: var(--rs-white);
  margin-bottom: 5px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-subtitle {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-five .banner-subtitle {
    font-size: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-subtitle {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.rs-banner-five .banner-title {
  font-size: 152px;
  font-weight: 400;
  color: var(--rs-white);
  text-transform: uppercase;
  letter-spacing: -2px;
  line-height: 1.05;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-five .banner-title {
    font-size: 150px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-five .banner-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-five .banner-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-five .banner-title {
    font-size: 50px;
  }
}
.rs-banner-five .banner-description {
  font-size: 22px;
  color: var(--rs-white);
  max-width: 570px;
  margin-top: 10px;
  margin-bottom: 42px;
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-description {
    font-size: 20px;
    margin-top: 20px;
  }
}
.rs-banner-five .banner-text-wrap {
  display: flex;
  align-items: flex-start;
  gap: 38px;
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-text-wrap {
    flex-wrap: wrap;
    gap: 20px;
  }
}
.rs-banner-five .banner-line {
  background: var(--rs-theme-purple);
  width: 240px;
  height: 10px;
  display: inline-block;
  margin-top: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-five .banner-line {
    width: 200px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-line {
    width: 240px;
    margin-top: 20px;
  }
}
.rs-banner-five .banner-wrapper {
  padding: 50px 0px 0px 80px;
  background: var(--rs-theme-secondary);
}
@media only screen and (max-width: 1199px) {
  .rs-banner-five .banner-wrapper {
    padding: 0;
    background: transparent;
  }
}
.rs-banner-five .banner-content {
  padding-inline-start: 280px;
}
@media only screen and (max-width: 991px) {
  .rs-banner-five .banner-content {
    padding-inline-start: 240px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-five .banner-content {
    padding-inline-start: 0px;
  }
}

/* Menu index */
.main-menu ul li.active > a {
  color: var(--rs-theme-primary);
}
.main-menu ul li ul.submenu li.active > a {
  color: var(--rs-theme-primary);
}
.main-menu > ul {
  display: inline-flex;
  gap: 0 40px;
}
@media only screen and (max-width: 1366px) {
  .main-menu > ul {
    gap: 0 30px;
  }
}
.main-menu > ul > li:hover > a {
  color: var(--rs-theme-primary);
}
.main-menu > ul > li:hover > a::before {
  opacity: 1;
}
.main-menu > ul > li:hover > ul {
  opacity: 1;
  pointer-events: all;
  transform: scaleY(1);
  visibility: visible;
}
.main-menu > ul > li:hover > ul.submenu li:hover > ul {
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}
.main-menu li {
  position: relative;
  list-style: none;
}
.main-menu li a {
  font-size: 17px;
  font-weight: 500;
  line-height: 1;
  color: var(--rs-white);
  padding: 37px 0px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  position: relative;
  transition: all 0.3s linear;
}
.main-menu .submenu {
  background-color: var(--rs-theme-secondary);
  -webkit-box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 10px -2px rgba(0, 0, 0, 0.1);
  width: 260px;
  position: absolute;
  opacity: 0;
  pointer-events: none;
  z-index: 10;
  top: 100%;
  transform: scaleY(0);
  transition: all 0.5s ease;
  visibility: hidden;
  transform-origin: top center;
}
.main-menu .submenu ul {
  background-color: var(--rs-theme-secondary);
  width: 260px;
  position: absolute;
  inset-inline-start: 100%;
  top: 0;
  opacity: 0;
  z-index: 10;
  transition: all 0.5s;
}
.main-menu .submenu li {
  position: relative;
}
.main-menu .submenu li:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}
.main-menu .submenu li:hover > a {
  color: var(--rs-theme-primary);
}
.main-menu .submenu li:hover > ul {
  opacity: 1;
  transform: none !important;
  pointer-events: all;
}
.main-menu .submenu li a {
  font-size: 15px;
  color: var(--rs-white);
  display: block;
  transition: all 0.5s;
  text-align: start;
  cursor: pointer;
  padding: 15px 20px 15px 20px;
}

.main-menu li .has-arrow > a::after {
  position: absolute;
  inset-inline-end: 20px;
  transition: all 0.3s ease-in-out;
  font-size: 20px;
  content: "\ea4e";
  font-family: var(--rs-ff-remixicon);
}
.main-menu li .has-arrow:hover a::after {
  transform: rotate(-90deg);
}
[dir=rtl] .main-menu li .has-arrow:hover a::after {
  transform: rotate(90deg);
}

.main-menu > ul > li:hover > a::after {
  transform: rotate(180deg);
  color: var(--rs-theme-primary);
}
.main-menu > ul > li.menu-item-has-children > a {
  position: relative;
}
.main-menu > ul > li.menu-item-has-children > a::after {
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  display: inline-block;
  margin-left: 2px;
  font-size: 20px;
  content: "\ea4e";
  font-family: var(--rs-ff-remixicon);
}

.rs-header-area.has-theme-gradient .main-menu ul li.active > a {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu ul li a.active {
  color: var(--rs-theme-light-purple);
}
.rs-header-area.has-theme-gradient .main-menu li a {
  color: var(--rs-title-primary);
}
.rs-header-area.has-theme-gradient .main-menu .submenu {
  background: var(--rs-white);
}
.rs-header-area.has-theme-gradient .main-menu .submenu li:hover > a {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu .submenu li a {
  color: var(--rs-text-primary);
}
.rs-header-area.has-theme-gradient .main-menu .submenu li a:hover {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu .submenu li a.active {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu .submenu li:not(:last-child) {
  border-color: #F3F3F3;
}
.rs-header-area.has-theme-gradient .main-menu .mega-menu .menu-item:hover .title {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu > ul > li:hover > a {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu > ul > li:hover > a::after {
  color: var(--rs-theme-purple-light);
}
.rs-header-area.has-theme-gradient .header-menu > nav > ul > li > a {
  padding: 33px 0;
  font-size: 16px;
}
.rs-header-area.has-purple-bg .main-menu ul li.active > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu ul li a.active {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu li a {
  color: var(--rs-title-primary);
}
.rs-header-area.has-purple-bg .main-menu .submenu {
  background: var(--rs-white);
}
.rs-header-area.has-purple-bg .main-menu .submenu li:hover > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu .submenu li a {
  color: var(--rs-text-primary);
}
.rs-header-area.has-purple-bg .main-menu .submenu li a:hover {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu .submenu li a.active {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu .submenu li:not(:last-child) {
  border-color: #F3F3F3;
}
.rs-header-area.has-purple-bg .main-menu > ul > li:hover > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg .main-menu > ul > li:hover > a::after {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-black-bg .main-menu ul li.active > a {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu ul li a.active {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu li a {
  color: var(--rs-title-primary);
}
.rs-header-area.has-black-bg .main-menu .submenu {
  background: var(--rs-white);
}
.rs-header-area.has-black-bg .main-menu .submenu li:hover > a {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu .submenu li a {
  color: var(--rs-text-primary);
}
.rs-header-area.has-black-bg .main-menu .submenu li a:hover {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu .submenu li a.active {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu .submenu li:not(:last-child) {
  border-color: #F3F3F3;
}
.rs-header-area.has-black-bg .main-menu > ul > li:hover > a {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-black-bg .main-menu > ul > li:hover > a::after {
  color: var(--rs-theme-primary);
}
.rs-header-area.has-purple-bg-dark {
  background: var(--rs-theme-secondary);
}
.rs-header-area.has-purple-bg-dark .main-menu ul li.active > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu ul li a.active {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu li a {
  color: var(--rs-white);
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu {
  background: #151D25;
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu li:hover > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu li a {
  color: var(--rs-white);
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu li a:hover {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu li a.active {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu .submenu li:not(:last-child) {
  border-color: rgba(255, 255, 255, 0.0509803922);
}
.rs-header-area.has-purple-bg-dark .main-menu > ul > li:hover > a {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-purple-bg-dark .main-menu > ul > li:hover > a::after {
  color: var(--rs-theme-purple);
}
.rs-header-area.has-green-dark .main-menu ul li.active > a {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu ul li a.active {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu .submenu {
  background: var(--rs-white);
}
.rs-header-area.has-green-dark .main-menu .submenu li:hover > a {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu .submenu li a {
  color: var(--rs-text-primary);
}
.rs-header-area.has-green-dark .main-menu .submenu li a:hover {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu .submenu li a.active {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu .submenu li:not(:last-child) {
  border-color: #F3F3F3;
}
.rs-header-area.has-green-dark .main-menu > ul > li:hover > a {
  color: #acd601;
}
.rs-header-area.has-green-dark .main-menu > ul > li:hover > a::after {
  color: #acd601;
}

/*----------------------------------------*/
/*  3.5.2 Mobile Menu css
/*----------------------------------------*/
.mean-container .mean-bar {
  padding: 0;
  min-height: auto;
  background: none;
  float: left;
  width: 100%;
  position: relative;
  padding: 4px 0;
  min-height: 42px;
  z-index: 999999;
  margin-bottom: 30px;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: var(--rs-white);
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  font-weight: 700;
  display: none !important;
}

.mean-container a.meanmenu-reveal span {
  display: block;
  background: var(--rs-white);
  height: 3px;
  margin-top: 3px;
}

.mean-container .mean-nav {
  background: none;
  margin-top: 0;
  float: left;
  width: 100%;
}

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

.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.mean-container .mean-nav ul.mega-menu {
  position: static;
  height: 100%;
  background: transparent;
  z-index: 3;
  display: block;
  padding: 0 0;
  opacity: 1;
  visibility: visible;
  transition: none;
  padding-inline-end: 22px;
}
[dir=rtl] .mean-container .mean-nav ul.mega-menu {
  padding-inline-start: 22px;
  padding-inline-end: 0;
}

.mean-container .mean-nav .submenu {
  padding-inline-start: 20px;
}
.mean-container .mean-nav .submenu a {
  font-size: 16px;
}
.mean-container .mean-nav .mega-menu a {
  font-size: 15px;
}
.mean-container .mean-nav .mega-menu ul {
  padding-inline-start: 20px;
}

.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
  border-bottom: 1px solid var(--rs-border-primary);
}

.mean-container .mean-nav ul li a,
.mean-container .mean-nav ul li span {
  display: block;
  float: left;
  width: 90%;
  padding: 10px 5%;
  margin: 0;
  text-align: start;
  text-decoration: none;
  text-transform: capitalize;
  width: 100%;
  padding: 10px 0;
  color: var(--rs-black);
  border-top: 1px solid rgba(255, 255, 255, 0.079);
  font-size: 17px;
  line-height: 1.5;
  font-weight: 500;
}
.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li span:hover {
  color: var(--rs-theme-primary);
}

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

.mean-container .mean-nav ul li.dropdown-opened > a,
.mean-container .mean-nav ul li.dropdown-opened > span {
  color: var(--rs-theme-primary);
}

.mean-container .mean-nav ul li a.mean-expand,
.mean-container .mean-nav ul li span.mean-expand {
  text-align: center;
  position: absolute;
  inset-inline-end: 0;
  top: 0;
  z-index: 2;
  background: transparent;
  border: none !important;
  font-size: 14px !important;
  margin-top: 8px;
  padding: 0 !important;
  height: 30px;
  width: 30px;
  color: var(--rs-black);
  line-height: 30px;
  font-weight: 400;
}
.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li span.mean-expand:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
}
.mean-container .mean-nav ul li a.mean-expand i,
.mean-container .mean-nav ul li span.mean-expand i {
  transition: all 0.3s ease-out 0s;
}

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked,
.mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  border-color: transparent;
}

.mean-container .mean-nav ul li.dropdown-opened > a.mean-expand.mean-clicked i,
.mean-container .mean-nav ul li.dropdown-opened > span.mean-expand.mean-clicked i {
  color: var(--rs-black);
  transform: rotate(45deg);
}

.mobile-menu.mean-container .menu-item {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  border: 1px solid rgba(43, 77, 255, 0.1215686275);
  padding: 10px 10px 10px 10px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 10px;
}
.mobile-menu.mean-container .menu-item:hover {
  background: rgba(43, 77, 255, 0.0392156863);
}
.mobile-menu.mean-container .menu-item:hover .title {
  color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.2.2 Blog css
/*----------------------------------------*/
.rs-blog-one .blog-item:hover .blog-thumb img {
  transform: scale(1.05);
}
.rs-blog-one .blog-title {
  margin-top: 10px;
  margin-bottom: 25px;
}
.rs-blog-one .blog-thumb {
  overflow: hidden;
  border-radius: 20px;
  position: relative;
  z-index: 1;
  margin-bottom: 28px;
}
.rs-blog-one .blog-thumb.has-radius {
  border-radius: 5px;
}
.rs-blog-one .blog-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all linear 0.3s;
}
.rs-blog-one .blog-meta-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.rs-blog-one .blog-meta-item span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  position: relative;
}
.rs-blog-one .blog-meta-item::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  inset-inline-start: -18px;
  top: 50%;
  background: #666;
  transform: translate(-50%, -50%);
}
.rs-blog-one .blog-meta-item:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}
.rs-blog-one .blog-meta-item:not(:last-child)::before {
  content: none;
}
.rs-blog-one .blog-meta-author {
  font-weight: 700;
}
.rs-blog-one .blog-meta-author:hover {
  color: var(--rs-theme-primary);
}
.rs-blog-one .blog-meta-author.is-hover-purple:hover {
  color: var(--rs-theme-purple);
}
.rs-blog-one .blog-btn .rs-btn {
  padding: 15px 22px;
  height: 50px;
}
.rs-blog-two .blog-item {
  background: var(--rs-white);
  padding: 25px;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.06);
  border-radius: 5px;
}
.rs-blog-two .blog-item:hover .blog-thumb img {
  transform: scale(1.1);
}
.rs-blog-two .blog-title {
  color: var(--rs-title-secondary);
}
.rs-blog-two .blog-title.underline a:hover {
  color: var(--rs-title-secondary);
}
.rs-blog-two .blog-description {
  margin-top: 13px;
  margin-bottom: 15px;
}
.rs-blog-two .blog-thumb {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 5px;
}
.rs-blog-two .blog-thumb img {
  width: 100%;
  transition: all 0.5s ease-in-out;
}
.rs-blog-two .blog-meta {
  margin-top: 22px;
  margin-bottom: 15px;
}
.rs-blog-two .blog-meta-item {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
.rs-blog-two .blog-meta-item span {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  position: relative;
}
.rs-blog-two .blog-meta-item::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  inset-inline-start: -18px;
  top: 50%;
  background: var(--rs-theme-purple-light);
  transform: translate(-50%, -50%);
}
.rs-blog-two .blog-meta-item:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}
.rs-blog-two .blog-meta-item:not(:last-child)::before {
  content: none;
}
.rs-blog-two .blog-meta-author {
  font-weight: 700;
}
.rs-blog-two .blog-meta-author:hover {
  color: var(--rs-theme-purple-light);
}

/*----------------------------------------*/
/*  3.2.1 Blog tag css
/*----------------------------------------*/
.blog-tag a {
  color: var(--rs-white);
  font-size: 14px;
  padding: 6px 15px 6px 15px;
  border-radius: 5px;
  background: var(--rs-primary);
  transition: 0.3s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 30px;
  font-weight: 500;
}
.blog-tag a:hover {
  background: var(--rs-white);
  color: var(--rs-title-primary);
}

/*----------------------------------------*/
/*  3.2.3 Postbox css
/*----------------------------------------*/
.rs-postbox-more-navigation {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--rs-border-primary);
  border-bottom: 1px solid var(--rs-border-primary);
  padding-top: 50px;
  padding-bottom: 50px;
  background: var(--rs-white);
}
@media only screen and (max-width: 991px) {
  .rs-postbox-more-navigation {
    display: none;
  }
}
.rs-postbox-more-navigation a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--rs-title-primary);
}
.rs-postbox-more-navigation a:hover {
  color: var(--rs-theme-primary);
}
.rs-postbox-more-navigation a:hover svg path {
  fill: var(--rs-theme-primary);
}
.rs-postbox-more-navigation a svg {
  width: 20px;
  height: 20px;
}
.rs-postbox-more-navigation a svg path {
  transition: all 0.3s 0s ease-out;
}

.rs-postbox-item:not(:last-child) {
  margin-bottom: 50px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.11);
  padding-bottom: 50px;
}
@media only screen and (max-width: 575px) {
  .rs-postbox-item:not(:last-child) {
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
.rs-postbox-content {
  padding-top: 30px;
}
.rs-postbox-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}
.rs-postbox-thumb:hover img {
  transform: scale(1.1);
}
.rs-postbox-thumb img {
  width: 100%;
  transition: 0.9s;
}
.rs-postbox-tag {
  position: absolute;
  top: 20px;
  inset-inline-start: 20px;
}
.rs-postbox-tag a {
  color: var(--rs-title-primary);
  font-size: 16px;
  text-transform: capitalize;
  padding: 5px 20px 5px 20px;
  border-radius: 4px;
  background: var(--rs-theme-primary);
  transition: 0.3s;
}
.rs-postbox-tag a:hover {
  background: var(--rs-theme-secondary);
  color: var(--rs-white);
}
.rs-postbox-meta-list {
  display: flex;
  align-items: center;
  gap: 20px 0px;
}
.rs-postbox-title {
  margin: 15px 0 15px;
  font-size: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-postbox-title {
    font-size: 26px;
  }
}
.rs-postbox-title a:hover {
  color: #acd601;
}
.rs-postbox-meta-item {
  position: relative;
  display: flex;
  align-items: center;
}
.rs-postbox-meta-item:not(:last-child) {
  padding-inline-end: 15px;
  margin-inline-end: 15px;
}
.rs-postbox-meta-item::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  inset-inline-start: -15px;
  top: 50%;
  background: #616161;
  transform: translate(-50%, -50%);
}
.rs-postbox-meta-item:not(:last-child)::before {
  content: none;
}
.rs-postbox-meta-item span {
  font-size: 16px;
}
.rs-postbox-meta-item .meta-author {
  font-weight: 700;
}
.rs-postbox-meta-item .meta-author:hover {
  color: var(--rs-theme-primary);
}
.rs-postbox-btn {
  margin-top: 30px;
}
.rs-postbox-btn .rs-btn {
  height: 55px;
  padding: 15px 20px;
}
.rs-postbox-details-thumb img {
  width: 100%;
  border-radius: 4px;
}
.rs-postbox-details-title {
  font-size: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .rs-postbox-details-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-postbox-details-title {
    font-size: 30px;
  }
}
.rs-postbox-details-tags {
  margin-bottom: 40px;
  display: flex;
  gap: 15px 8px;
  flex-wrap: wrap;
  align-items: center;
}
.rs-postbox-details-tags span {
  font-weight: 700;
  padding-inline-end: 10px;
}
.rs-postbox-details-tags.tagcloud a {
  padding: 5px 15px;
  margin-bottom: 0px;
  margin-inline-end: 0px;
  background: #f7f7f7;
  border: none;
  border-radius: 5px;
}
.rs-postbox-details-comment-title {
  margin-bottom: 20px;
  margin-top: 40px;
}
.rs-postbox-details-video {
  position: relative;
  z-index: 1;
  height: 380px;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1199px) {
  .rs-postbox-details-video {
    height: 300px;
  }
}
.rs-postbox-details-video .rs-video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.rs-postbox-details-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  border-radius: 8px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-postbox-details-comment-inner ul li {
  list-style: none;
}
.rs-postbox-details-comment-inner ul.children {
  margin-inline-start: 77px;
}
@media only screen and (max-width: 1199px) {
  .rs-postbox-details-comment-inner ul.children {
    margin-inline-start: 0px;
  }
}
.rs-postbox-details-comment-inner ul.children li {
  border-bottom: 1px solid var(--rs-border-primary);
}
.rs-postbox-details-comment-inner ul.children li:first-child {
  border-top: 1px solid var(--rs-border-primary);
}
.rs-postbox-details-avater-meta {
  font-size: 14px;
  margin-bottom: 8px;
  margin-top: 8px;
  display: inline-block;
}
.rs-postbox-details-comment-content P {
  margin-bottom: 20px;
}
.rs-postbox-details-comment-box {
  margin-bottom: 30px;
  padding-top: 30px;
  gap: 20px 30px;
  display: flex;
  align-items: start;
}
@media only screen and (max-width: 575px) {
  .rs-postbox-details-comment-box {
    flex-wrap: wrap;
  }
}
.rs-postbox-details-comment-reply a {
  padding: 6px 20px;
  background: var(--rs-theme-primary);
  color: var(--rs-title-primary);
  font-size: 14px;
  border-radius: 5px;
}
.rs-postbox-details-comment-reply a:hover {
  background: var(--rs-theme-secondary);
  color: var(--rs-white);
}
.rs-postbox-details-comment-thumb img {
  width: 70px;
  height: 70px;
  min-width: 70px;
  border-radius: 50%;
}
.rs-postbox-quote {
  margin-bottom: 40px;
}
.rs-postbox-quote blockquote {
  position: relative;
  overflow: hidden;
  padding: 30px 40px;
  background: #f7f7f7;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  border-left: 7px solid var(--rs-theme-primary);
}
@media only screen and (max-width: 480px) {
  .rs-postbox-quote blockquote {
    padding: 20px 30px;
  }
}
.rs-postbox-quote blockquote p {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.rs-postbox-quote blockquote cite {
  font-style: normal;
  color: var(--rs-black);
  font-weight: 500;
}
.rs-postbox-quote blockquote cite::before {
  content: "";
  font-size: 28px;
  padding-bottom: 0px;
  display: inline-block;
  background: var(--rs-black);
  height: 1px;
  width: 20px;
  font-weight: 400;
  text-align: center;
  top: -5px;
  position: relative;
  left: 0;
  margin-inline-end: 10px;
}
.rs-postbox-quote blockquote:before {
  content: "\ec51" !important;
  font-family: remixicon !important;
  position: absolute;
  left: auto;
  right: 30px;
  bottom: 100px;
  font-size: 183px;
  color: rgba(0, 0, 0, 0.05);
  text-align: center;
  display: block;
  border-radius: 50%;
  height: 0;
  line-height: 1;
}
.rs-postbox-quote blockquote p {
  font-size: 18px;
}
.rs-postbox-details-feature {
  margin-bottom: 40px;
}
.rs-postbox-details-feature ul {
  display: flex;
  align-items: center;
  gap: 20px 40px;
  flex-wrap: wrap;
}
.rs-postbox-details-feature ul li {
  list-style: none;
  position: relative;
  padding-inline-start: 40px;
  display: flex;
  align-items: center;
  color: var(--rs-black);
}
.rs-postbox-details-feature ul li::before {
  content: "\eb7b";
  font-family: remixicon;
  position: absolute;
  font-size: 18px;
  color: var(--rs-theme-primary);
  width: 22px;
  height: 22px;
  border: 2px solid var(--rs-theme-primary);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  inset-inline-start: 0;
}
.rs-postbox-details-feature-title {
  font-size: 36px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: 1600px) {
  .rs-postbox-details-feature-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-postbox-details-feature-title {
    font-size: 26px;
  }
}
.rs-postbox-comment-form .input-box input {
  width: 100%;
  height: 50px;
  outline: 0;
  padding: 0 25px;
  background: var(--rs-white);
}
.rs-postbox-comment-form .input-box textarea {
  background: var(--rs-white);
  height: 160px;
}

/*----------------------------------------*/
/*  3.2.5 Sidebar css
/*----------------------------------------*/
.rs-sidebar-sticky {
  position: sticky;
  top: 110px;
}
@media only screen and (max-width: 991px) {
  .rs-sidebar-sticky {
    position: relative;
    top: unset;
  }
}

.sidebar-widget {
  position: relative;
  padding: 40px 30px 40px 30px;
  background: #f7f7f7;
  border-radius: 4px;
}
.sidebar-widget::before {
  content: "";
  width: 4px;
  height: 15px;
  position: absolute;
  inset-inline-start: 30px;
  top: 0;
  background: var(--rs-theme-primary);
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget {
    padding: 30px 25px 30px 25px;
  }
}
.sidebar-widget.widget-categories ul li {
  list-style: none;
}
.sidebar-widget.widget-categories ul li:not(:last-child) {
  border-bottom: 1px solid rgba(62, 62, 62, 0.1);
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.sidebar-widget.widget-categories ul li a {
  cursor: pointer;
  transition: all 0.3s ease 0s;
  position: relative;
}
.sidebar-widget.widget-categories ul li a:hover {
  color: var(--rs-theme-orange);
}
.sidebar-widget.widget-categories-two {
  padding: 40px 30px 40px 30px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-categories-two {
    padding: 20px 20px 20px 20px;
  }
}
.sidebar-widget.widget-categories-two.has-content-none::before {
  content: none;
}
.sidebar-widget.widget-categories-two ul li {
  list-style: none;
}
.sidebar-widget.widget-categories-two ul li:not(:last-child) {
  margin-bottom: 10px;
  border-bottom: 1px solid var(--rs-border-primary);
  padding-bottom: 10px;
}
.sidebar-widget.widget-categories-two ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid rgba(2, 1, 1, 0.09);
  padding: 10px 20px;
  background: var(--rs-white);
  font-weight: 500;
  border-radius: 2px;
  font-size: 17px;
}
.sidebar-widget.widget-categories-two ul li a:hover {
  background: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
  color: var(--rs-title-primary);
}
.sidebar-widget.widget-categories-two ul li i {
  font-size: 20px;
}
.sidebar-widget.widget-cta {
  position: relative;
  z-index: 1;
  height: 600px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-cta {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-widget.widget-cta {
    height: 400px;
  }
}
.sidebar-widget.widget-cta::before {
  content: none;
}
.sidebar-widget-cta-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  inset-inline-start: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.sidebar-widget.widget-download {
  background: var(--rs-bg-primary);
  padding: 40px 40px 40px 40px;
  border-radius: 4px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-download {
    padding: 20px 20px 20px 20px;
  }
}
.sidebar-widget.widget-download::before {
  content: none;
}
.sidebar-widget.widget-download ul li {
  list-style: none;
}
.sidebar-widget.widget-download ul li:not(:last-child) {
  margin-bottom: 10px;
}
.sidebar-widget.widget-download ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  border: 1px solid rgba(2, 1, 1, 0.09);
  padding: 0 15px;
  height: 50px;
  background: var(--rs-white);
  border-radius: 2px;
}
.sidebar-widget.widget-download ul li a:hover {
  color: var(--rs-theme-orange);
}
.sidebar-widget.widget-download ul li a .left {
  display: flex;
  align-items: center;
  font-size: 16px;
  gap: 10px;
}
.sidebar-widget.widget-project::before {
  content: none;
}
.sidebar-widget.widget-project .sidebar-widget-icon {
  width: 60px;
  height: 60px;
  background: #E1E1E5;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex: 0 0 auto;
}
.sidebar-widget.widget-project .sidebar-widget-icon svg {
  width: 22px;
  height: 22px;
}
.sidebar-widget.widget-project .sidebar-widget-icon svg path {
  fill: var(--rs-black);
}
.sidebar-widget.widget-project .sidebar-widget-title {
  font-size: 30px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-project .sidebar-widget-title {
    font-size: 26px;
  }
}
.sidebar-widget.widget-project .sidebar-widget-info span {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 5px;
  display: inline-block;
  text-transform: uppercase;
}
.sidebar-widget.widget-project .sidebar-widget-info h6 {
  font-weight: 500;
}
.sidebar-widget.widget-project .sidebar-widget-client-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sidebar-widget.widget-project .sidebar-widget-client-item:not(:last-child) {
  border-bottom: 1px solid rgba(97, 97, 97, 0.18);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.sidebar-widget.widget-project .sidebar-widget-client-item:first-child {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid rgba(97, 97, 97, 0.18);
}
.sidebar-widget.widget-project .sidebar-widget-client-item:hover .sidebar-widget-icon svg {
  animation: rs-fold linear 0.5s;
}
.sidebar-widget.widget-social::before {
  content: none;
}
.sidebar-widget.widget-social .sidebar-widget-title {
  font-size: 30px;
  margin-bottom: 10px;
}
@media only screen and (max-width: 1199px) {
  .sidebar-widget.widget-social .sidebar-widget-title {
    font-size: 26px;
  }
}
.sidebar-widget.widget-services .sidebar-widget-content ul li {
  list-style: none;
}
.sidebar-widget.widget-services .sidebar-widget-content ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: var(--rs-white);
  font-weight: 500;
  border-radius: 8px;
  font-size: 17px;
  color: var(--rs-dark-blue);
  transition: all 0.5s;
}
.sidebar-widget.widget-services .sidebar-widget-content ul li a:hover {
  background: var(--rs-primary);
  color: var(--rs-white);
}
.sidebar-widget.widget-services .sidebar-widget-content ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar-widget.widget-time .sidebar-widget-content ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 18px;
  color: var(--rs-dark-blue);
  font-weight: 500;
  background: var(--rs-white);
  border-radius: 8px;
  padding: 20px;
}
.sidebar-widget.widget-time .sidebar-widget-content ul li svg {
  width: 18px;
  height: 18px;
  min-width: 18px;
}
.sidebar-widget.widget-time .sidebar-widget-content ul li:not(:last-child) {
  margin-bottom: 15px;
}
.sidebar-widget.widget-contact {
  height: 365px;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  justify-content: center;
  display: flex;
  align-items: end;
}
.sidebar-widget.widget-contact .sidebar-widget-contact-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  z-index: -1;
}
.sidebar-widget.widget-contact .sidebar-widget-contact-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(180deg, rgba(43, 77, 255, 0) 0%, var(--rs-primary) 100%);
  border-radius: 10px;
  z-index: -1;
}
.sidebar-widget.widget-contact .sidebar-widget-subtitle {
  color: var(--rs-white);
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}
.sidebar-widget.widget-contact .sidebar-widget-title {
  color: var(--rs-white);
  margin-bottom: 25px;
}
.sidebar-widget.widget-contact .sidebar-call-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
}
.sidebar-widget.widget-contact .sidebar-widget-content {
  text-align: center;
}
.sidebar-widget.widget-contact .sidebar-call-icon {
  background-color: var(--rs-primary);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.sidebar-widget.widget-contact .sidebar-call-icon svg {
  width: 24px;
  height: 24px;
}
.sidebar-widget.widget-contact .sidebar-call-icon svg path {
  fill: var(--rs-white);
}
.sidebar-widget.widget-contact .sidebar-call-content .title {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--rs-white);
  margin-bottom: 2px;
  display: flex;
  justify-content: start;
}
.sidebar-widget.widget-contact .sidebar-call-content h6 {
  font-size: 18px;
  color: var(--rs-white);
}
.sidebar-widget.widget-contact .sidebar-call-content h6 a:hover {
  color: var(--rs-black);
}
.sidebar-search-input {
  position: relative;
}
.sidebar-search-input input {
  padding-inline-end: 50px;
  background: var(--rs-white);
  border: 1px solid #ddd;
  height: 60px;
}
.sidebar-search-input button {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  color: var(--rs-black);
  font-size: 16px;
  transform: translateY(-50%);
}
.sidebar-search-input button:hover {
  color: var(--rs-primary);
}
.sidebar-widget-title {
  margin-bottom: 20px;
}
.sidebar-widget-title.has-large {
  font-size: 36px;
}
@media only screen and (max-width: 575px) {
  .sidebar-widget-title.has-large {
    font-size: 30px;
  }
}
.sidebar-widget-title.has-border {
  position: relative;
  margin-bottom: 40px;
  border-inline-start: 2px solid var(--rs-theme-orange);
  padding-inline-start: 20px;
}
.sidebar-blog-item {
  display: flex;
  align-items: center;
  gap: 20px;
}
@media only screen and (max-width: 480px) {
  .sidebar-blog-item {
    display: grid;
    grid-template-columns: auto;
  }
}
.sidebar-blog-item:not(:last-child) {
  margin-bottom: 25px;
}
.sidebar-blog-item:hover .sidebar-blog-thumb img {
  transform: scale3d(1.07, 1.07, 1.07);
}
.sidebar-blog-thumb {
  overflow: hidden;
  flex: 0 0 auto;
  width: 85px;
  border-radius: 4px;
}
@media only screen and (max-width: 480px) {
  .sidebar-blog-thumb {
    width: 100%;
  }
}
.sidebar-blog-thumb img {
  width: 100%;
  border-radius: 4px;
  transition: all 1s cubic-bezier(0, 0, 0.2, 1);
}
.sidebar-blog-title {
  font-size: 18px;
}
.sidebar-blog-title a:hover {
  color: #acd601;
}
.sidebar-blog-meta {
  font-size: 16px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
}
.sidebar-blog-meta i {
  color: var(--rs-theme-primary);
}
.sidebar-social a {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(116, 116, 117, 0.141);
  background: transparent;
}
.sidebar-social a:hover {
  border-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.2.4 Sidebar css
/*----------------------------------------*/
.tagcloud a {
  font-size: 16px;
  border: 1px solid rgba(62, 62, 62, 0.1);
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 10px;
  margin-inline-end: 8px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  background: var(--rs-white);
  border-radius: 5px;
}
.tagcloud a:hover {
  color: var(--rs-title-primary);
  background-color: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.3.2 Footer Style
/*----------------------------------------*/
.rs-footer-one {
  position: relative;
  z-index: 1;
}
.rs-footer-one .footer-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  inset-inline-end: 0;
  top: 0;
  z-index: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-footer-one .footer-title {
  color: var(--rs-white);
  font-size: 42px;
  margin-bottom: 40px;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (max-width: 1600px) {
  .rs-footer-one .footer-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-footer-one .footer-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-footer-one .footer-title {
    font-size: 30px;
  }
}
.rs-footer-one .footer-top {
  padding-top: 100px;
  padding-bottom: 95px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rs-footer-one .footer-top {
    padding-top: 80px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-footer-one .footer-top {
    padding-top: 70px;
    padding-bottom: 65px;
  }
}
.rs-footer-one .footer-widget-description {
  color: var(--rs-white);
  margin-bottom: 30px;
}
.rs-footer-one .footer-widget-title {
  color: var(--rs-white);
  margin-bottom: 25px;
  font-weight: 600;
}
.rs-footer-one .footer-info-item {
  display: flex;
  gap: 12px;
  align-items: start;
}
.rs-footer-one .footer-info-item:not(:last-child) {
  margin-bottom: 25px;
}
.rs-footer-one .footer-info-icon {
  flex: 0 0 auto;
}
.rs-footer-one .footer-info-icon img {
  width: 25px;
  height: 25px;
}
.rs-footer-one .footer-info-text a {
  font-size: 17px;
  color: var(--rs-white);
  line-height: 27px;
}
.rs-footer-one .footer-info-text a:hover {
  color: var(--rs-theme-primary);
}
.rs-footer-one .footer-info-text span {
  font-size: 17px;
  color: var(--rs-white);
}
.rs-footer-one .footer-subscribe-input input {
  height: 56px;
  border: 1px solid #1E2A37;
  border-radius: 3px;
  color: var(--rs-white);
  margin-bottom: 25px;
  background: #131C25;
}
.rs-footer-one .footer-subscribe-input input::placeholder {
  color: #7D858E;
  font-size: 16px;
}
.rs-footer-one .footer-subscribe-input input:focus {
  border-color: var(--rs-theme-primary);
}
.rs-footer-one .footer-1-col-1 {
  max-width: 380px;
}
@media only screen and (max-width: 991px) {
  .rs-footer-one .footer-1-col-1 {
    max-width: 100%;
  }
}
.rs-footer-one .footer-1-col-2 {
  margin-inline-start: 60px;
}
@media only screen and (max-width: 1199px) {
  .rs-footer-one .footer-1-col-2 {
    margin-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-footer-one .footer-1-col-2 {
    margin-inline-start: 0px;
  }
}
.rs-footer-one .footer-1-col-3 {
  margin-inline-start: 80px;
}
@media only screen and (max-width: 1199px) {
  .rs-footer-one .footer-1-col-3 {
    margin-inline-start: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-footer-one .footer-1-col-3 {
    margin-inline-start: 0px;
  }
}
.rs-footer-one.has-theme-light-purple .footer-info-text a:hover {
  color: var(--rs-theme-purple-light);
}
.rs-footer-one.has-theme-light-purple .footer-subscribe-input input {
  background: var(--rs-white);
  color: var(--rs-black);
  border: none;
}
.rs-footer-one.has-theme-light-purple .footer-subscribe-input input::placeholder {
  color: #999;
}
.rs-footer-one.has-theme-purple .footer-info-text a:hover {
  color: var(--rs-theme-purple);
}
.rs-footer-one.has-theme-purple .footer-subscribe-input input {
  background: var(--rs-white);
  color: var(--rs-black);
  border: none;
}
.rs-footer-one.has-theme-purple .footer-subscribe-input input::placeholder {
  color: #999;
}
.rs-footer-one.has-white-bg .footer-widget-title {
  color: var(--rs-title-primary);
}
.rs-footer-one.has-white-bg .footer-title {
  color: var(--rs-title-primary);
}
.rs-footer-one.has-white-bg .footer-info-text a {
  color: var(--rs-text-primary);
}
.rs-footer-one.has-white-bg .footer-info-text a:hover {
  color: var(--rs-theme-primary);
}
.rs-footer-one.has-white-bg .footer-info-text span {
  color: var(--rs-text-primary);
}
.rs-footer-one.has-white-bg .footer-widget-description {
  color: var(--rs-text-primary);
}
.rs-footer-one.has-white-bg .footer-top {
  padding-top: 90px;
  padding-bottom: 85px;
}
.rs-footer-one.has-white-bg .footer-subscribe-input input {
  border-color: rgba(30, 42, 55, 0.078);
  background: transparent;
  color: var(--rs-black);
}
.rs-footer-one.has-white-bg .footer-subscribe-input input:focus {
  border-color: var(--rs-theme-primary);
}

/*----------------------------------------*/
/*  3.3.1 Copyright Style
/*----------------------------------------*/
.rs-copyright-one {
  padding: 20px 0 20px;
  position: relative;
  z-index: 1;
  background: #131C25;
}
.rs-copyright-one .footer-copyright-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .rs-copyright-one .footer-copyright-wrapper {
    flex-wrap: wrap;
    gap: 15px;
  }
}
.rs-copyright-one .footer-copyright-logo {
  max-width: 110px;
  margin-inline-start: 260px;
}
@media only screen and (max-width: 1600px) {
  .rs-copyright-one .footer-copyright-logo {
    margin-inline-start: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-copyright-one .footer-copyright-logo {
    margin-inline-start: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-copyright-one .footer-copyright-logo {
    margin-inline-start: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-copyright-one .footer-copyright-logo {
    margin-inline-start: 0px;
  }
}
.rs-copyright-one .footer-copyright {
  text-align: center;
}
.rs-copyright-one .footer-copyright a {
  color: var(--rs-theme-primary);
}
.rs-copyright-one .footer-copyright a:hover {
  color: var(--rs-theme-primary);
}
.rs-copyright-one .footer-copyright p {
  color: var(--rs-white);
}
.rs-copyright-one .footer-copyright-social {
  margin-inline-start: auto;
}
@media only screen and (max-width: 767px) {
  .rs-copyright-one .footer-copyright-social {
    margin-inline-start: unset;
  }
}
.rs-copyright-one .footer-copyright-social .theme-social {
  gap: 25px;
}
.rs-copyright-one.has-theme-light-purple {
  background: #3F396B;
}
.rs-copyright-one.has-theme-light-purple .footer-copyright a {
  color: #FD644F;
}
.rs-copyright-one.has-theme-light-purple .footer-copyright a:hover {
  color: #FD644F;
}
.rs-copyright-one.has-theme-purple {
  background: #131C25;
}
.rs-copyright-one.has-theme-purple .footer-copyright a {
  color: var(--rs-theme-purple);
}
.rs-copyright-one.has-theme-purple .footer-copyright a:hover {
  color: var(--rs-theme-purple);
}
.rs-copyright-one.has-white-bg {
  background: transparent;
  border-top: 1px solid #eee;
}
.rs-copyright-one.has-white-bg .footer-copyright p {
  color: var(--rs-text-primary);
}
.rs-copyright-one.has-white-bg .theme-social a {
  color: #666;
}
.rs-copyright-one.has-white-bg .theme-social a:hover {
  color: var(--rs-theme-primary);
}
.rs-copyright-one.has-white-bg .footer-copyright a {
  color: var(--rs-title-primary);
}

/*----------------------------------------*/
/*  4.1 About css
/*----------------------------------------*/
.rs-about-one {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-about-one .about-shape {
  position: absolute;
  inset-inline-end: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-one .about-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-about-one .about-shape {
    display: none;
  }
}
.rs-about-one .section-title-wrapper {
  display: flex;
  gap: 30px 65px;
}
@media only screen and (max-width: 991px) {
  .rs-about-one .section-title-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-about-one .section-title-wrapper {
    flex-wrap: wrap;
    gap: 20px 30px;
  }
}
.rs-about-one .section-title {
  position: relative;
}
.rs-about-one .divider-line {
  width: 190px;
  background: var(--rs-theme-primary);
  height: 2px;
  position: relative;
  display: inline-block;
  min-width: 190px;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .rs-about-one .divider-line {
    margin-top: 0;
  }
}
.rs-about-one .about-thumb {
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .rs-about-one .about-thumb {
    width: 100%;
  }
}
.rs-about-one .about-thumb img {
  border-radius: 20px;
  width: 100%;
  transition: unset;
}
.rs-about-one .about-thumb.is-large-thumb {
  max-width: 480px;
}
@media only screen and (max-width: 1199px) {
  .rs-about-one .about-thumb.is-large-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-one .about-thumb.is-large-thumb {
    max-width: 100%;
    position: relative;
    top: unset;
  }
}
.rs-about-one .about-content-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 80px;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-about-one .about-content-bottom {
    margin-top: 30px;
    align-items: start;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-one .about-content-bottom {
    flex-direction: unset;
  }
}
@media only screen and (max-width: 767px) {
  .rs-about-one .about-content-bottom {
    flex-direction: column-reverse;
  }
}
.rs-about-one .about-description {
  max-width: 590px;
}
.rs-about-two {
  overflow-x: clip;
}
.rs-about-two .about-thumb {
  max-width: 605px;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .rs-about-two .about-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-two .about-thumb {
    position: relative;
    top: unset;
  }
}
.rs-about-two .about-thumb img {
  width: 100%;
  transition: unset;
}
.rs-about-two .about-content-wrapper {
  max-width: 600px;
}
.rs-about-two .rs-list-item li {
  color: var(--rs-text-primary);
  align-items: start;
}
.rs-about-two .rs-list-item li:not(:last-child) {
  margin-bottom: 15px;
}
.rs-about-two .rs-list-item li img {
  width: 20px;
  height: 20px;
  top: 2px;
  position: relative;
}
.rs-about-two .about-description {
  margin-top: 20px;
  margin-bottom: 23px;
}
.rs-about-two .about-list-wrapper {
  margin-bottom: 35px;
}
.rs-about-three {
  position: relative;
  z-index: 1;
}
.rs-about-three .about-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width: 1366px) {
  .rs-about-three .about-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-three .about-thumb {
    position: relative;
    top: unset;
  }
}
.rs-about-three .about-thumb img {
  width: 100%;
}
.rs-about-three .about-wrapper {
  display: grid;
  grid-template-columns: 545px auto;
  gap: 30px 85px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-about-three .about-wrapper {
    grid-template-columns: 470px auto;
    gap: 30px 30px;
    align-items: start;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-three .about-wrapper {
    grid-template-columns: 430px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-three .about-wrapper {
    grid-template-columns: auto;
  }
}
.rs-about-three .rs-list-item li {
  color: var(--rs-text-primary);
  align-items: start;
}
.rs-about-three .rs-list-item li:not(:last-child) {
  margin-bottom: 15px;
}
.rs-about-three .rs-list-item li svg {
  width: 20px;
  height: 20px;
  top: 2px;
  position: relative;
}
.rs-about-three .section-description {
  margin-top: 20px;
  margin-bottom: 23px;
}
.rs-about-three .about-list-wrapper {
  margin-bottom: 40px;
}
.rs-about-three .about-cta-wrapper {
  display: flex;
  align-items: center;
  gap: 23px;
}
.rs-about-three .about-video-btn .rs-play-btn {
  width: 65px;
  height: 65px;
  font-size: 22px;
}
.rs-about-three .about-video-btn .rs-play-btn::before {
  width: 65px;
  height: 65px;
}
.rs-about-three .about-shape-one {
  position: absolute;
  width: 115px;
  height: auto;
  inset-inline-start: 35px;
  top: 50px;
}
@media only screen and (max-width: 991px) {
  .rs-about-three .about-shape-one {
    display: none;
  }
}
.rs-about-three .about-shape-two {
  position: absolute;
  inset-inline-end: 250px;
  bottom: 60px;
  width: 115px;
  height: auto;
}
@media only screen and (max-width: 1600px) {
  .rs-about-three .about-shape-two {
    inset-inline-end: 150px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-three .about-shape-two {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-three .about-shape-two {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .rs-about-three .about-shape-two {
    display: none;
  }
}
.rs-about-three .has-anim {
  animation: rs-scale-three 1s alternate infinite;
  -webkit-animation: rs-scale-three 1s alternate infinite;
  animation-duration: 3s;
}
.rs-about-four .about-thumb {
  max-width: 580px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-four .about-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-four .about-thumb {
    max-width: 100%;
    position: relative;
    top: unset;
  }
}
.rs-about-four .about-thumb img {
  width: 100%;
}
.rs-about-four .about-tab {
  margin-top: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dee2e6;
  display: inline-flex;
  padding-bottom: 13px;
}
.rs-about-four .about-tab .nav-link {
  background: transparent;
  color: var(--rs-text-primary);
  font-weight: 500;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.5s ease-out 0s;
  font-size: 18px;
  font-weight: 600;
}
@media only screen and (max-width: 480px) {
  .rs-about-four .about-tab .nav-link {
    width: 100%;
  }
}
.rs-about-four .about-tab .nav-link.active {
  color: var(--rs-theme-purple);
}
.rs-about-four .about-tab .nav-link:hover {
  color: var(--rs-theme-purple);
}
.rs-about-four .about-tab .nav-item {
  position: relative;
}
.rs-about-four .about-tab .nav-item:not(:last-child) {
  padding-inline-end: 40px;
  margin-inline-end: 40px;
}
@media only screen and (max-width: 767px) {
  .rs-about-four .about-tab .nav-item:not(:last-child) {
    padding-inline-end: 20px;
    margin-inline-end: 20px;
  }
}
.rs-about-four .about-tab .nav-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 17px;
  background: #e5e5e5;
  inset-inline-end: 0;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rs-about-four .about-tab-content {
  max-width: 560px;
}
.rs-about-four .about-tab-content p {
  border-inline-start: 6px solid var(--rs-theme-purple);
  padding-inline-start: 50px;
}
@media only screen and (max-width: 1199px) {
  .rs-about-four .about-tab-content p {
    padding-inline-start: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-about-four .about-tab-content p {
    padding-inline-start: 20px;
  }
}
.rs-about-four .about-tab-anim .tab-pane.active .about-tab-content {
  -webkit-animation: slide-down 5s ease-out;
  animation: slide-down 5s ease-out;
}
.rs-about-four .author-info {
  display: flex;
  align-items: center;
  margin-top: 40px;
  position: relative;
  z-index: 1;
  gap: 20px;
  flex-wrap: wrap;
}
.rs-about-four .author-left {
  position: relative;
  z-index: 1;
  padding-inline-end: 40px;
  margin-inline-end: 20px;
}
@media only screen and (max-width: 480px) {
  .rs-about-four .author-left {
    padding-inline-end: 30px;
    margin-inline-end: 10px;
  }
}
.rs-about-four .author-left::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: #D9D9D9;
  inset-inline-end: 0;
}
.rs-about-four .author-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 3px;
}
.rs-about-four .author-designation {
  font-size: 14px;
  text-transform: capitalize;
}
.rs-about-five {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-about-five .about-shape {
  position: absolute;
  right: 300px;
  bottom: 120px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-five .about-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-five .about-shape {
    display: none;
  }
}
.rs-about-five .section-title.has-padding {
  padding-inline-start: 80px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-five .section-title.has-padding {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-five .section-title.has-padding {
    padding-inline-start: 0px;
  }
}
.rs-about-five .section-title-wrapper {
  margin-bottom: 45px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-five .section-title-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-five .section-title-wrapper {
    margin-bottom: 0px;
  }
}
.rs-about-five .about-thumb {
  overflow: hidden;
  visibility: hidden;
}
.rs-about-five .about-thumb img {
  width: 100%;
  transition: unset;
}
.rs-about-five .about-content-top {
  display: grid;
  grid-template-columns: 695px auto;
  gap: 30px 80px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-about-five .about-content-top {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-five .about-content-top {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-five .about-content-top {
    grid-template-columns: auto;
  }
}
.rs-about-five .about-description {
  margin-bottom: 50px;
}
.rs-about-five .about-content-bottom {
  display: grid;
  grid-template-columns: 480px 595px;
  gap: 30px 70px;
  align-items: center;
  margin-top: -60px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-five .about-content-bottom {
    gap: 30px 30px;
    margin-top: -40px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-five .about-content-bottom {
    margin-top: 0px;
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-five .about-content-bottom {
    margin-top: 30px;
    grid-template-columns: auto;
  }
}
.rs-about-six .about-thumb {
  max-width: 480px;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1600px) {
  .rs-about-six .about-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-six .about-thumb {
    position: relative;
    top: unset;
    max-width: 100%;
  }
}
.rs-about-six .about-thumb img {
  width: 100%;
  border-radius: 20px;
  transition: unset;
}
.rs-about-six .about-shape {
  position: absolute;
  inset-inline-end: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-six .about-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-about-six .about-shape {
    display: none;
  }
}
.rs-about-six .section-title-wrapper {
  display: flex;
  gap: 30px 65px;
}
@media only screen and (max-width: 991px) {
  .rs-about-six .section-title-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-about-six .section-title-wrapper {
    flex-wrap: wrap;
    gap: 20px 30px;
  }
}
.rs-about-six .divider-line {
  width: 190px;
  background: var(--rs-theme-primary);
  height: 2px;
  position: relative;
  display: inline-block;
  min-width: 190px;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .rs-about-six .divider-line {
    margin-top: 0;
  }
}
.rs-about-six .about-description {
  margin-bottom: 40px;
}
.rs-about-six .about-content-wrapper {
  margin-inline-end: 10px;
}
@media only screen and (max-width: 991px) {
  .rs-about-six .about-content-wrapper {
    margin-inline-end: 0px;
  }
}

/*----------------------------------------*/
/*  4.6 call to action css
/*----------------------------------------*/
.rs-cta-one {
  overflow-x: clip;
}
.rs-cta-one .cta-wrapper {
  display: grid;
  grid-template-columns: 760px auto;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-cta-one .cta-wrapper {
    grid-template-columns: 600px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-cta-one .cta-wrapper {
    grid-template-columns: 470px auto;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-one .cta-wrapper {
    grid-template-columns: auto;
  }
}
.rs-cta-two {
  background: var(--rs-bg-brown);
}
.rs-cta-two .cta-wrapper {
  display: grid;
  grid-template-columns: 200px 650px 365px;
  gap: 30px 50px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-cta-two .cta-wrapper {
    gap: 30px 30px;
    grid-template-columns: 200px 500px 350px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-cta-two .cta-wrapper {
    grid-template-columns: 195px 400px 300px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-cta-two .cta-wrapper {
    grid-template-columns: 200px 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-two .cta-wrapper {
    grid-template-columns: auto;
    text-align: center;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-cta-two .section-title {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-cta-two .section-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-cta-two .section-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-two .cta-thumb {
    width: 200px;
    margin: 0 auto;
  }
}
.rs-cta-two .cta-thumb img {
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .rs-cta-two .cta-content {
    width: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-two .cta-content {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-two .cta-btn {
    display: flex;
    justify-content: center;
  }
}

/*----------------------------------------*/
/*  4.8 FAq css
/*----------------------------------------*/
.rs-faq-one .faq-thumb {
  max-width: 480px;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1600px) {
  .rs-faq-one .faq-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-faq-one .faq-thumb {
    position: relative;
    top: unset;
    max-width: 100%;
  }
}
.rs-faq-one .faq-thumb img {
  width: 100%;
  border-radius: 20px;
  transition: unset;
}
.rs-faq-two {
  overflow-x: clip;
}
.rs-faq-two .faq-thumb {
  max-width: 580px;
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1600px) {
  .rs-faq-two .faq-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-faq-two .faq-thumb {
    position: relative;
    top: unset;
    max-width: 100%;
  }
}
.rs-faq-two .faq-thumb img {
  width: 100%;
  border-radius: 20px;
  transition: unset;
}
.rs-faq-two .faq-content-wrapper {
  margin-inline-end: 10px;
}

/*----------------------------------------*/
/*  4.19 Team css
/*----------------------------------------*/
.rs-team-one {
  overflow-x: clip;
}
.rs-team-one .team-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
@media only screen and (max-width: 991px) {
  .rs-team-one .team-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-team-one .team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .rs-team-one .team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-team-one .team-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-team-one .team-item:hover .team-content {
  transform: translate(-50%, -35px);
  opacity: 1;
  visibility: visible;
}
.rs-team-one .team-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  padding: 0 70px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1600px) {
  .rs-team-one .team-content {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-team-one .team-content {
    padding: 0 30px;
  }
}
.rs-team-one .team-content-inner {
  background: var(--rs-theme-primary);
  padding: 15px 20px 15px 25px;
  border-radius: 10px;
}
@media only screen and (max-width: 1199px) {
  .rs-team-one .team-content-inner {
    padding: 15px 20px 15px 20px;
  }
}
.rs-team-one .team-thumb img {
  width: 100%;
}
.rs-team-one .team-title {
  font-size: 26px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 1199px) {
  .rs-team-one .team-title {
    font-size: 20px;
  }
}
.rs-team-one .team-designation {
  color: var(--rs-title-primary);
  font-size: 16px;
}
.rs-team-two {
  overflow-x: clip;
}
.rs-team-two .team-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-team-two .team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-team-two .team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-team-two .team-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-team-two .team-item:hover .team-content {
  transform: translate(-50%, -35px);
  opacity: 1;
  visibility: visible;
}
.rs-team-two .team-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  padding: 0 70px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 1600px) {
  .rs-team-two .team-content {
    padding: 0 50px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-team-two .team-content {
    padding: 0 30px;
  }
}
.rs-team-two .team-content-inner {
  background: var(--rs-theme-primary);
  padding: 15px 20px 15px 25px;
  border-radius: 10px;
}
@media only screen and (max-width: 1199px) {
  .rs-team-two .team-content-inner {
    padding: 15px 20px 15px 20px;
  }
}
.rs-team-two .team-thumb {
  overflow: hidden;
  border-radius: 10px;
}
.rs-team-two .team-thumb img {
  width: 100%;
}
.rs-team-two .team-title {
  font-size: 26px;
  margin-bottom: 3px;
}
@media only screen and (max-width: 1199px) {
  .rs-team-two .team-title {
    font-size: 20px;
  }
}
.rs-team-two .team-designation {
  color: var(--rs-title-primary);
  font-size: 16px;
}
.rs-team-details .team-details-shape {
  width: 142px;
  position: absolute;
  right: 60px;
  opacity: 0.05;
  bottom: 60px;
  animation: rotate-infinite 30s infinite linear;
}
@media only screen and (max-width: 1199px) {
  .rs-team-details .team-details-shape {
    width: 90px;
    right: 40px;
    bottom: 40px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-team-details .team-details-shape {
    display: none;
  }
}
.rs-team-details .team-details-wrapper {
  padding: 60px;
  background: var(--rs-theme-secondary);
  border: 1px solid rgba(3, 78, 255, 0.14);
  display: grid;
  grid-template-columns: 450px auto;
  gap: 30px 70px;
  border-radius: 20px;
  align-items: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-team-details .team-details-wrapper {
    padding: 30px;
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-team-details .team-details-wrapper {
    align-items: start;
    grid-template-columns: 400px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-team-details .team-details-wrapper {
    grid-template-columns: auto;
  }
}
@media only screen and (max-width: 480px) {
  .rs-team-details .team-details-wrapper {
    padding: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-team-details .team-details-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-team-details .team-details-thumb {
    position: relative;
    top: unset;
  }
}
.rs-team-details .team-details-thumb img {
  width: 100%;
  border-radius: 10px;
}
.rs-team-details .team-details-designation {
  font-weight: 500;
  color: var(--rs-theme-primary);
  font-size: 18px;
  margin-top: 20px;
  display: inline-block;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.rs-team-details .team-details-info-wrapper {
  margin-top: 55px;
  margin-bottom: 45px;
}
.rs-team-details .team-details-info-item {
  display: grid;
  grid-template-columns: 140px auto;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .rs-team-details .team-details-info-item {
    grid-template-columns: 1fr 1fr;
  }
}
.rs-team-details .team-details-info-item:not(:last-child) {
  margin-bottom: 10px;
}
.rs-team-details .team-details-info-title {
  font-size: 18px;
  font-weight: 500;
  color: var(--rs-white);
}
@media only screen and (max-width: 480px) {
  .rs-team-details .team-details-info-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-team-details .team-details-info-content {
    font-size: 16px;
  }
}
.rs-team-details .team-details-info-content a:hover {
  color: var(--rs-theme-primary);
}
.rs-team-details .team-details-social {
  margin-top: 30px;
}
.rs-team-details .team-details-social a {
  border-color: rgba(190, 190, 190, 0.3607843137);
  color: #BEBEBE;
}
.rs-team-details .team-details-social a:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-theme-secondary);
  border-color: var(--rs-theme-primary);
}
.rs-team-details .team-details-title {
  font-size: 60px;
  color: var(--rs-white);
}
@media only screen and (max-width: 1600px) {
  .rs-team-details .team-details-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-team-details .team-details-title {
    font-size: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-team-details .team-details-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-team-details .team-details-title {
    font-size: 30px;
  }
}
.rs-team-details .team-details-description {
  color: #BEBEBE;
  max-width: 617px;
  margin-bottom: 0;
}
.rs-team-details .team-details-info-content {
  color: #BEBEBE;
}

/*----------------------------------------*/
/*  4.20 Testimonial css
/*----------------------------------------*/
.rs-testimonial-one {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-testimonial-one .testimonial-thumb {
  position: relative;
  z-index: 1;
  overflow: hidden;
  visibility: hidden;
  margin-inline-end: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-one .testimonial-thumb {
    margin-inline-end: 0px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-one .testimonial-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-one .testimonial-thumb {
    position: relative;
    top: unset;
  }
}
.rs-testimonial-one .testimonial-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: unset;
}
.rs-testimonial-one .testimonial-slider-wrapper {
  position: relative;
  z-index: 1;
}
.rs-testimonial-one .testimonial-description {
  font-size: 24px;
  line-height: 1.5;
  border-bottom: 1px solid #E9E9E9;
  padding-bottom: 40px;
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-one .testimonial-description {
    font-size: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-testimonial-one .testimonial-description {
    font-size: 18px;
  }
}
.rs-testimonial-one .testimonial-icon {
  margin-top: 50px;
  margin-bottom: 30px;
}
.rs-testimonial-one .testimonial-icon svg {
  width: 60px;
  height: 60px;
}
.rs-testimonial-one .testimonial-icon svg path {
  fill: var(--rs-theme-primary);
}
.rs-testimonial-one .testimonial-avater-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
}
.rs-testimonial-one .testimonial-avater-thumb img {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.rs-testimonial-one .testimonial-navigation {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .rs-testimonial-one .testimonial-navigation {
    position: relative;
    margin-top: 30px;
  }
}
.rs-testimonial-two .testimonial-thumb-wrapper {
  position: relative;
  z-index: 1;
}
.rs-testimonial-two .testimonial-shape {
  position: absolute;
  inset-inline-end: 10px;
  bottom: 20px;
}
.rs-testimonial-two .testimonial-thumb {
  max-width: 580px;
}
.rs-testimonial-two .testimonial-thumb img {
  width: 100%;
}
.rs-testimonial-two .testimonial-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.rs-testimonial-two .testimonial-description {
  font-size: 20px;
  color: var(--rs-title-secondary);
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-two .testimonial-description {
    font-size: 18px;
  }
}
.rs-testimonial-two .testimonial-icon {
  width: 70px;
  height: 70px;
  background: var(--rs-theme-purple-light);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.rs-testimonial-two .testimonial-icon svg {
  width: 35px;
  height: 35px;
}
.rs-testimonial-two .testimonial-icon svg path {
  fill: var(--rs-white);
}
.rs-testimonial-two .testimonial-avater-title {
  font-weight: 600;
  color: var(--rs-title-secondary);
  margin-bottom: 5px;
}
.rs-testimonial-two .testimonial-item {
  display: flex;
  gap: 30px;
  margin-top: 40px;
  margin-inline-start: 20px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-two .testimonial-item {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-two .testimonial-item {
    flex-wrap: wrap;
  }
}
.rs-testimonial-two .testimonial-pagination {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .rs-testimonial-two .testimonial-pagination {
    position: relative;
    margin-top: 20px;
  }
}
.rs-testimonial-three {
  overflow-x: clip;
  position: relative;
  z-index: 1;
}
.rs-testimonial-three .testimonial-shape-one {
  position: absolute;
  inset-inline-start: 35px;
  width: 115px;
  top: 50px;
}
.rs-testimonial-three .testimonial-shape-two {
  position: absolute;
  bottom: 0;
  inset-inline-end: 100px;
  width: 115px;
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-three .testimonial-shape-two {
    display: none;
  }
}
.rs-testimonial-three .has-anim,
.rs-testimonial-three .testimonial-shape-one,
.rs-testimonial-three .testimonial-shape-two {
  animation: rs-scale-three 3s ease-in-out alternate infinite;
  -webkit-animation: rs-scale-three 3s ease-in-out alternate infinite;
}
.rs-testimonial-three .testimonial-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: bottom left;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-testimonial-three .testimonial-thumb {
  width: 560px;
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-three .testimonial-thumb {
    width: 100%;
  }
}
.rs-testimonial-three .testimonial-thumb img {
  width: 100%;
  transition: unset;
}
.rs-testimonial-three .testimonial-content-wrapper {
  margin-inline-start: 60px;
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-three .testimonial-content-wrapper {
    margin-inline-start: 0px;
  }
}
.rs-testimonial-three .testimonial-description {
  font-size: 20px;
  color: var(--rs-title-primary);
}
.rs-testimonial-three .testimonial-icon {
  width: 70px;
  height: 70px;
  background: var(--rs-theme-secondary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}
.rs-testimonial-three .testimonial-icon svg {
  width: 35px;
  height: 35px;
}
.rs-testimonial-three .testimonial-icon svg path {
  fill: var(--rs-theme-primary);
}
.rs-testimonial-three .testimonial-avater-title {
  font-weight: 600;
  margin-bottom: 5px;
}
.rs-testimonial-three .testimonial-item {
  display: flex;
  gap: 30px;
  margin-top: 60px;
  margin-inline-start: 20px;
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-three .testimonial-item {
    margin-inline-start: 0px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-testimonial-three .testimonial-item {
    flex-wrap: wrap;
  }
}
.rs-testimonial-three .testimonial-pagination {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 480px) {
  .rs-testimonial-three .testimonial-pagination {
    position: relative;
    margin-top: 20px;
  }
}
.rs-testimonial-four {
  position: relative;
  z-index: 1;
}
.rs-testimonial-four .testimonial-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
}
.rs-testimonial-four .testimonial-item {
  box-shadow: 0px 5px 18px 0px rgba(93.027, 90, 214, 0.07);
  padding: 30px;
  border-radius: 4px;
  background: var(--rs-white);
  margin-top: 45px;
}
.rs-testimonial-four .testimonial-quote svg {
  width: 38px;
  height: 38px;
}
.rs-testimonial-four .testimonial-quote svg path {
  fill: var(--rs-theme-purple);
}
.rs-testimonial-four .testimonial-avatar-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  border-top: 1px solid #EFEFEF;
  margin-top: 30px;
  padding-top: 33px;
}
.rs-testimonial-four .testimonial-avatar-thumb img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.rs-testimonial-four .testimonial-avatar-title {
  font-weight: 600;
}
.rs-testimonial-four .testimonial-quote {
  margin-bottom: 23px;
}
.rs-testimonial-four .testimonial-description {
  color: var(--rs-title-primary);
  margin-bottom: 0;
}
.rs-testimonial-four .testimonial-pagination {
  margin-top: 35px;
}
.rs-testimonial-five {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  padding-top: 170px;
  padding-bottom: 175px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-five {
    padding-top: 140px;
    padding-bottom: 145px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-testimonial-five {
    padding-top: 120px;
    padding-bottom: 125px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-five {
    padding-top: 100px;
    padding-bottom: 105px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-five {
    padding-top: 70px;
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-five {
    padding-top: 60px;
    padding-bottom: 65px;
  }
}
.rs-testimonial-five .testimonial-shape-one {
  position: absolute;
  top: 110px;
  inset-inline-start: 225px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-five .testimonial-shape-one {
    inset-inline-start: 120px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-testimonial-five .testimonial-shape-one {
    inset-inline-start: 50px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-five .testimonial-shape-one {
    display: none;
  }
}
.rs-testimonial-five .testimonial-shape-two {
  position: absolute;
  top: 385px;
  inset-inline-start: 20px;
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-five .testimonial-shape-two {
    display: none;
  }
}
.rs-testimonial-five .testimonial-shape-three {
  position: absolute;
  bottom: 140px;
  inset-inline-start: 300px;
}
@media only screen and (max-width: 1366px) {
  .rs-testimonial-five .testimonial-shape-three {
    bottom: 70px;
    inset-inline-start: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-five .testimonial-shape-three {
    display: none;
  }
}
.rs-testimonial-five .testimonial-shape-four {
  position: absolute;
  top: 95px;
  inset-inline-end: 470px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-five .testimonial-shape-four {
    inset-inline-end: 250px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-testimonial-five .testimonial-shape-four {
    inset-inline-end: 150px;
    top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-five .testimonial-shape-four {
    display: none;
  }
}
.rs-testimonial-five .testimonial-shape-five {
  position: absolute;
  top: 215px;
  inset-inline-end: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-five .testimonial-shape-five {
    display: none;
  }
}
.rs-testimonial-five .testimonial-shape-six {
  position: absolute;
  bottom: 155px;
  inset-inline-end: 285px;
}
@media only screen and (max-width: 1600px) {
  .rs-testimonial-five .testimonial-shape-six {
    inset-inline-end: 130px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-five .testimonial-shape-six {
    display: none;
  }
}
.rs-testimonial-five .testimonial-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-testimonial-five .testimonial-item {
  text-align: center;
  max-width: 670px;
  margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-five .testimonial-item {
    max-width: 100%;
  }
}
.rs-testimonial-five .testimonial-description {
  font-size: 24px;
  color: var(--rs-white);
  font-weight: 300;
  line-height: 40px;
  margin-bottom: 45px;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .rs-testimonial-five .testimonial-description {
    font-size: 20px;
  }
}
.rs-testimonial-five .testimonial-quote svg {
  width: 60px;
}
.rs-testimonial-five .testimonial-quote svg path {
  fill: var(--rs-theme-purple);
}
.rs-testimonial-five .testimonial-avatar-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: center;
}
.rs-testimonial-five .testimonial-avatar-thumb img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
.rs-testimonial-five .testimonial-avatar-title {
  font-weight: 500;
  font-size: 22px;
  color: var(--rs-white);
  margin-bottom: 3px;
}
.rs-testimonial-five .testimonial-avatar-designation {
  color: rgba(255, 255, 255, 0.65);
  display: flex;
  justify-content: start;
}
.rs-testimonial-five .has-anim {
  animation: rs-scale-two 1s alternate infinite;
  -webkit-animation: rs-scale-two 1s alternate infinite;
  animation-duration: 3s;
}
.rs-testimonial-five .testimonial-pagination {
  margin-top: 50px;
}
.rs-testimonial-five .testimonial-pagination .swiper-pagination-bullet {
  background: rgba(255, 255, 255, 0.14);
}
.rs-testimonial-five .testimonial-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-purple);
}
.rs-testimonial-five .testimonial-pagination .swiper-pagination-bullet:hover {
  background: var(--rs-theme-purple);
}

/*----------------------------------------*/
/*  4.22 Why Choose css
/*----------------------------------------*/
.rs-why-choose-one.is-space {
  padding-top: 410px;
  background: var(--rs-bg-primary);
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-one.is-space {
    padding-top: 375px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-why-choose-one.is-space {
    padding-top: 365px;
  }
}
.rs-why-choose-one .why-choose-sec-wrapper {
  position: relative;
}
.rs-why-choose-one .why-choose-sec-wrapper.is-sticky {
  position: sticky;
  top: 110px;
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-one .why-choose-sec-wrapper.is-sticky {
    position: relative;
    top: unset;
  }
}
.rs-why-choose-one .why-choose-thumb img {
  width: 100%;
  border-radius: 10px;
}
.rs-why-choose-one .section-title-wrapper .descrip {
  margin-bottom: 35px;
}
.rs-why-choose-one .why-choose-icon {
  background-color: var(--rs-bg-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 10px;
  flex: 0 0 auto;
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-one .why-choose-icon svg {
  width: 40px;
  height: 40px;
}
.rs-why-choose-one .why-choose-icon svg path {
  fill: var(--rs-primary);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-one .why-choose-item {
  display: flex;
  gap: 20px 30px;
  transition: all 0.3s ease 0s;
  background-color: rgba(255, 255, 255, 0.96);
  padding-inline-start: 25px;
  padding-inline-end: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #E5EAFF;
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-one .why-choose-item {
    padding-inline-end: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-one .why-choose-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-one .why-choose-item:hover {
  border-color: var(--rs-primary);
}
.rs-why-choose-one .why-choose-item:hover .why-choose-icon {
  background: var(--rs-primary);
}
.rs-why-choose-one .why-choose-item:hover .why-choose-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-one .why-choose-item:hover .why-choose-icon svg path {
  fill: var(--rs-white);
}
.rs-why-choose-one .why-choose-title {
  margin-bottom: 10px;
  font-size: 26px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-one .why-choose-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-why-choose-one .why-choose-title {
    font-size: 22px;
  }
}
.rs-why-choose-two {
  overflow-x: clip;
}
.rs-why-choose-two .why-choose-sec-wrapper {
  margin-inline-end: 25px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-two .why-choose-sec-wrapper {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-two .why-choose-sec-wrapper {
    position: relative;
    top: unset;
    margin-inline-end: 0px;
  }
}
.rs-why-choose-two .why-choose-thumb-wrapper {
  position: relative;
}
.rs-why-choose-two .why-choose-thumb {
  overflow: hidden;
  visibility: hidden;
}
.rs-why-choose-two .why-choose-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: unset;
}
.rs-why-choose-two .section-title-wrapper .descrip {
  margin-bottom: 35px;
}
.rs-why-choose-two .is-space {
  margin-inline-start: 60px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-two .is-space {
    margin-inline-start: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-why-choose-two .is-space {
    margin-inline-start: 0px;
  }
}
.rs-why-choose-two .why-choose-icon {
  background-color: var(--rs-bg-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 10px;
  flex: 0 0 auto;
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-two .why-choose-icon svg {
  width: 40px;
  height: 40px;
}
.rs-why-choose-two .why-choose-icon svg path {
  fill: var(--rs-primary);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-two .why-choose-wrapper {
  padding: 0 !important;
}
.rs-why-choose-two .why-choose-item {
  display: flex;
  gap: 30px;
  transition: all 0.3s ease 0s;
  background-color: rgba(255, 255, 255, 0.96);
  padding-inline-start: 25px;
  padding-inline-end: 30px;
  padding-top: 25px;
  padding-bottom: 20px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #E5EAFF;
}
@media only screen and (max-width: 1199px) {
  .rs-why-choose-two .why-choose-item {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-two .why-choose-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-two .why-choose-item:hover {
  border-color: var(--rs-primary);
}
.rs-why-choose-two .why-choose-item:hover .why-choose-icon {
  background: var(--rs-primary);
}
.rs-why-choose-two .why-choose-item:hover .why-choose-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-two .why-choose-item:hover .why-choose-icon svg path {
  fill: var(--rs-white) !important;
}
.rs-why-choose-two .why-choose-title {
  margin-bottom: 10px;
  font-size: 26px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-two .why-choose-title {
    font-size: 22px;
  }
}
.rs-why-choose-two .why-choose-experience-icon svg {
  width: 60px;
  height: 60px;
}
.rs-why-choose-two .why-choose-experience-icon svg path {
  fill: var(--rs-white);
}
.rs-why-choose-two .why-choose-experience {
  padding: 35px 35px 35px 35px;
  background: var(--rs-primary);
  border-radius: 5px;
  position: absolute;
  text-align: center;
  inset-inline-end: -55px;
  max-width: 280px;
  bottom: 55px;
  animation: updown 2.3s ease-in-out 2.3s forwards infinite alternate;
}
@media only screen and (max-width: 1199px) {
  .rs-why-choose-two .why-choose-experience {
    inset-inline-end: -25px;
    bottom: 25px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-two .why-choose-experience {
    inset-inline-end: 0px;
    bottom: 0px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-two .why-choose-experience {
    padding: 20px 20px 20px 20px;
    max-width: 200px;
  }
}
.rs-why-choose-two .why-choose-experience-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--rs-white);
  margin-top: 15px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-two .why-choose-experience-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-two .why-choose-experience-title {
    font-size: 24px;
  }
}
.rs-why-choose-two .why-choose-experience-content .descrip {
  color: var(--rs-white);
}
.rs-why-choose-three {
  background: var(--rs-bg-secondary);
  overflow-x: clip;
}
.rs-why-choose-three .why-choose-sec-wrapper .descrip {
  margin-top: 20px;
  margin-bottom: 40px;
}
.rs-why-choose-three .why-choose-btn {
  margin-bottom: 50px;
}
.rs-why-choose-three .why-choose-thumb img {
  width: 525px;
  animation: scale 1s alternate infinite;
  -webkit-animation: scale 1s alternate infinite;
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-three .why-choose-thumb img {
    width: 100%;
  }
}
.rs-why-choose-four .why-choose-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 60px;
  align-items: start;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-four .why-choose-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-four .why-choose-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-four .why-choose-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-four .why-choose-thumb {
    position: relative;
    top: unset;
  }
}
.rs-why-choose-four .why-choose-thumb img {
  width: 100%;
  border-radius: 10px;
}
.rs-why-choose-four .why-choose-list-item {
  display: flex;
  gap: 20px 30px;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-four .why-choose-list-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-four .why-choose-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.rs-why-choose-four .why-choose-list-item:hover .why-choose-list-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-four .why-choose-list-wrapper {
  max-width: 545px;
  margin-top: 30px;
}
.rs-why-choose-four .why-choose-list-icon {
  width: 86px;
  height: 86px;
  box-shadow: 0px 7px 15px 0px rgba(44, 87, 211, 0.11);
  background: var(--rs-white);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex: 0 0 auto;
}
.rs-why-choose-four .why-choose-list-icon svg {
  width: 42px;
  height: 42px;
}
.rs-why-choose-four .why-choose-list-icon svg path {
  fill: var(--rs-primary);
}
.rs-why-choose-four .why-choose-list-title {
  margin-bottom: 8px;
}
.rs-why-choose-five {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  background-image: linear-gradient(294deg, #00033D 0%, #0349EF 100%);
}
.rs-why-choose-five .why-choose-bg-thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-five .why-choose-bg-thumb {
    width: 100%;
    position: relative;
    height: 450px;
    background-position: top center;
  }
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-five .why-choose-bg-thumb {
    height: 400px;
  }
}
.rs-why-choose-five .why-choose-bg-thumb-two {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.06;
  z-index: -1;
}
.rs-why-choose-five .why-choose-experience-icon svg {
  width: 60px;
  height: 60px;
}
.rs-why-choose-five .why-choose-experience-icon svg path {
  fill: var(--rs-white);
}
.rs-why-choose-five .why-choose-experience {
  padding: 35px 35px 35px 35px;
  background-image: linear-gradient(176deg, #00033D 0%, #0349EF 100%);
  border-radius: 5px;
  position: absolute;
  text-align: center;
  inset-inline-end: 50px;
  max-width: 280px;
  bottom: 50px;
  animation: updown 2.3s ease-in-out 2.3s forwards infinite alternate;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-five .why-choose-experience {
    padding: 25px 25px 25px 25px;
    inset-inline-end: 20px;
    bottom: 20px;
    max-width: 250px;
  }
}
.rs-why-choose-five .why-choose-experience-title {
  font-size: 30px;
  font-weight: 600;
  color: var(--rs-white);
  margin-top: 15px;
  margin-bottom: 5px;
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-five .why-choose-experience-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-five .why-choose-experience-title {
    font-size: 24px;
  }
}
.rs-why-choose-five .why-choose-experience-content .descrip {
  color: var(--rs-white);
}
.rs-why-choose-five .why-choose-content {
  position: relative;
  z-index: 2;
  padding-top: 110px;
  padding-bottom: 120px;
  padding-inline-start: 85px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-five .why-choose-content {
    padding-inline-start: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-five .why-choose-content {
    padding-inline-start: 0px;
    padding-top: 75px;
    padding-bottom: 80px;
  }
}
.rs-why-choose-five .why-choose-content .descrip {
  color: rgba(255, 255, 255, 0.83);
  margin-top: 15px;
  margin-bottom: 35px;
}
.rs-why-choose-five .why-choose-list-icon {
  width: 50px;
  height: 50px;
  border: 1px solid var(--rs-white);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 0 0 auto;
}
@media only screen and (max-width: 1366px) {
  .rs-why-choose-five .why-choose-list-icon {
    width: 30px;
    height: 30px;
  }
}
.rs-why-choose-five .why-choose-list-icon svg {
  width: 30px;
  height: 30px;
}
@media only screen and (max-width: 1366px) {
  .rs-why-choose-five .why-choose-list-icon svg {
    width: 20px;
    height: 20px;
  }
}
.rs-why-choose-five .why-choose-list-icon svg path {
  fill: var(--rs-white);
}
.rs-why-choose-five .why-choose-list ul {
  gap: 40px 25px;
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-five .why-choose-list ul {
    gap: 30px 25px;
  }
}
.rs-why-choose-five .why-choose-list ul li {
  font-size: 20px;
  font-weight: 500;
  color: #FAFAFA;
  gap: 15px;
}
@media only screen and (max-width: 1366px) {
  .rs-why-choose-five .why-choose-list ul li {
    font-size: 18px;
  }
}
.rs-why-choose-five .why-choose-btn {
  margin-top: 45px;
}
.rs-why-choose-six .section-title-wrapper {
  margin-inline-end: 60px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-six .section-title-wrapper {
    margin-inline-end: 0px;
  }
}
.rs-why-choose-six .why-choose-thumb img {
  border-radius: 10px;
  width: 100%;
}
.rs-why-choose-six .why-choose-wrapper {
  margin-top: 50px;
}
.rs-why-choose-six .why-choose-item {
  display: flex;
  gap: 20px 30px;
  transition: all 0.3s ease 0s;
  background-color: rgba(255, 255, 255, 0.96);
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid #E5EAFF;
}
@media only screen and (max-width: 1366px) {
  .rs-why-choose-six .why-choose-item {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-six .why-choose-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-six .why-choose-item:hover {
  border-color: var(--rs-cyan);
}
.rs-why-choose-six .why-choose-item:hover .why-choose-icon {
  background-color: var(--rs-cyan);
}
.rs-why-choose-six .why-choose-item:hover .why-choose-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-six .why-choose-item:hover .why-choose-icon svg path {
  fill: var(--rs-title-primary);
}
.rs-why-choose-six .why-choose-icon {
  background-color: var(--rs-bg-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border-radius: 10px;
  flex: 0 0 auto;
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-six .why-choose-icon svg {
  width: 40px;
  height: 40px;
}
.rs-why-choose-six .why-choose-icon svg path {
  fill: var(--rs-cyan);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-six .why-choose-title {
  font-size: 26px;
  margin-bottom: 13px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-six .why-choose-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-why-choose-six .why-choose-title {
    font-size: 22px;
  }
}
.rs-why-choose-seven .why-choose-thumb-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-seven .why-choose-thumb-wrapper {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-why-choose-seven .why-choose-thumb-wrapper {
    position: relative;
    top: unset;
  }
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-seven .why-choose-thumb-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-why-choose-seven .why-choose-thumb-item-two {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rs-why-choose-seven .why-choose-thumb img {
  width: 100%;
  border-radius: 5px;
}
.rs-why-choose-seven .why-choose-content-wrapper {
  margin-inline-start: 20px;
}
@media only screen and (max-width: 1600px) {
  .rs-why-choose-seven .why-choose-content-wrapper {
    margin-inline-start: 0;
  }
}
.rs-why-choose-seven .section-title-wrapper .descrip {
  margin-top: 20px;
  margin-bottom: 40px;
}
.rs-why-choose-seven .why-choose-list-wrapper .why-choose-list-item:not(:last-child) {
  margin-bottom: 20px;
}
.rs-why-choose-seven .why-choose-list-item {
  display: flex;
  gap: 20px 30px;
  max-width: 500px;
}
@media only screen and (max-width: 480px) {
  .rs-why-choose-seven .why-choose-list-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-seven .why-choose-list-item:hover {
  border-color: var(--rs-primary);
}
.rs-why-choose-seven .why-choose-list-item:hover .why-choose-list-icon {
  background: var(--rs-primary);
}
.rs-why-choose-seven .why-choose-list-item:hover .why-choose-list-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-seven .why-choose-list-item:hover .why-choose-list-icon svg path {
  fill: var(--rs-white) !important;
}
.rs-why-choose-seven .why-choose-list-title {
  margin-bottom: 10px;
}
.rs-why-choose-seven .why-choose-list-icon {
  background-color: var(--rs-bg-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 78px;
  height: 78px;
  border-radius: 5px;
  flex: 0 0 auto;
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-seven .why-choose-list-icon svg {
  width: 42px;
  height: 42px;
}
.rs-why-choose-seven .why-choose-list-icon svg path {
  fill: var(--rs-primary);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-eight .why-choose-item {
  display: flex;
  gap: 20px 30px;
  background: rgba(255, 255, 255, 0.968);
  border: 1px solid rgba(43, 77, 255, 0.1);
  border-radius: 10px;
  box-shadow: 0px 0px 68px 9px rgba(0, 0, 0, 0.04);
  transition: all 0.5s ease-in-out;
  padding: 25px 25px 25px 25px;
}
@media only screen and (max-width: 1366px) {
  .rs-why-choose-eight .why-choose-item {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .rs-why-choose-eight .why-choose-item {
    flex-wrap: nowrap;
  }
}
@media only screen and (max-width: 575px) {
  .rs-why-choose-eight .why-choose-item {
    flex-wrap: wrap;
  }
}
.rs-why-choose-eight .why-choose-item:hover {
  border-color: var(--rs-primary);
}
.rs-why-choose-eight .why-choose-item:hover .why-choose-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-eight .why-choose-title {
  margin-bottom: 10px;
}
.rs-why-choose-eight .why-choose-icon svg {
  width: 56px;
  height: 56px;
}
.rs-why-choose-eight .why-choose-icon svg path {
  fill: var(--rs-primary);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-nine {
  padding-bottom: 410px;
}
.rs-why-choose-nine .why-choose-item {
  padding: 35px 25px 35px 25px;
  border-radius: 10px 10px 10px 10px;
  border: 1px solid rgba(43, 77, 255, 0.078);
  background: var(--rs-white);
  text-align: center;
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-nine .why-choose-item:hover {
  background: var(--rs-primary);
  border-color: var(--rs-primary);
}
.rs-why-choose-nine .why-choose-item:hover .why-choose-icon svg {
  animation: rs-fold linear 0.5s;
}
.rs-why-choose-nine .why-choose-item:hover .why-choose-icon svg path {
  fill: var(--rs-white);
}
.rs-why-choose-nine .why-choose-item:hover .why-choose-title {
  color: var(--rs-white);
}
.rs-why-choose-nine .why-choose-item:hover .why-choose-descrip {
  color: var(--rs-white);
}
.rs-why-choose-nine .why-choose-icon svg {
  width: 56px;
  height: 56px;
}
.rs-why-choose-nine .why-choose-icon svg path {
  fill: var(--rs-primary);
  transition: all 0.5s ease-in-out;
}
.rs-why-choose-nine .why-choose-title {
  margin-top: 30px;
  margin-bottom: 8px;
}

/*----------------------------------------*/
/*  4.16 services css
/*----------------------------------------*/
.rs-services-one {
  position: relative;
  z-index: 1;
}
.rs-services-one .section-title-wrapper {
  max-width: 650px;
}
.rs-services-one .services-item {
  display: flex;
  gap: 20px 30px;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid #E1E1E1;
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-services-one .services-item {
    padding: 20px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-services-one .services-item {
    flex-wrap: wrap;
  }
}
.rs-services-one .services-item::before {
  position: absolute;
  content: "";
  background: var(--rs-theme-secondary);
  width: 37px;
  height: 35px;
  bottom: 0;
  right: 0;
  border-radius: 0 0 20px 0;
  z-index: -1;
  transition: all 0.5s ease-in-out;
}
.rs-services-one .services-item:hover::before {
  width: 100%;
  height: 100%;
  border-radius: 20px 20px 20px 20px;
}
.rs-services-one .services-item:hover .services-title {
  color: var(--rs-theme-primary);
}
.rs-services-one .services-item:hover .rs-list-item ul li {
  color: var(--rs-white);
}
.rs-services-one .services-item:hover .services-icon img {
  transform: scale(1.1);
}
.rs-services-one .services-item.has-bg-white {
  background: var(--rs-white);
}
.rs-services-one .services-title {
  margin-bottom: 20px;
}
.rs-services-one .services-title a:hover {
  color: var(--rs-theme-primary);
}
.rs-services-one .services-icon {
  flex: 0 0 auto;
  width: 53px;
  height: 53px;
  position: relative;
  top: 5px;
}
.rs-services-one .services-icon img {
  transition: all 0.5s ease-in-out;
}
.rs-services-one .services-list li {
  align-items: start;
  color: var(--rs-text-primary);
}
.rs-services-one .services-list li svg {
  position: relative;
  top: 3px;
}
.rs-services-one .services-list li:not(:last-child) {
  margin-bottom: 10px;
}
.rs-services-two {
  overflow-x: clip;
}
.rs-services-two .services-shape {
  position: absolute;
  left: 47%;
}
@media only screen and (max-width: 991px) {
  .rs-services-two .services-shape {
    display: none;
  }
}
.rs-services-two .services-more-btn {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .rs-services-two .services-more-btn {
    justify-content: start;
  }
}
.rs-services-two .services-content {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.rs-services-two .services-item {
  background-color: #FFFFFF;
  padding: 30px 20px 30px 20px;
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.07);
  transition: all 0.5s ease-in-out;
  border-radius: 2px;
}
@media only screen and (max-width: 1199px) {
  .rs-services-two .services-item {
    padding: 25px 20px 25px 20px;
  }
}
.rs-services-two .services-item:hover {
  box-shadow: 0px 35px 47px 0px rgba(0, 0, 0, 0.2);
  background: var(--rs-theme-purple-light);
}
.rs-services-two .services-item:hover .services-icon img {
  transform: scale(1.1);
}
.rs-services-two .services-item:hover .services-title,
.rs-services-two .services-item:hover .services-description {
  color: var(--rs-white);
}
.rs-services-two .services-title {
  font-size: 22px;
  color: var(--rs-title-secondary);
  transition: unset;
}
@media only screen and (max-width: 1199px) {
  .rs-services-two .services-title {
    font-size: 20px;
  }
}
.rs-services-two .services-description {
  margin-inline-start: 15px;
}
.rs-services-two .services-icon img {
  width: 45px;
  height: 45px;
  transition: all 0.5s ease-in-out;
}
.rs-services-three .services-icon {
  margin-bottom: 40px;
}
.rs-services-three .services-icon img {
  width: 90px;
  height: auto;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 1600px) {
  .rs-services-three .services-icon img {
    width: 70px;
  }
}
.rs-services-three .services-item {
  position: relative;
  z-index: 1;
}
.rs-services-three .services-item:not(:last-child)::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 100%;
  background: rgba(237, 237, 237, 0.0784);
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rs-services-three .services-item:nth-child(1)::before {
  right: -10px;
}
@media only screen and (max-width: 767px) {
  .rs-services-three .services-item:nth-child(1)::before {
    display: none;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-three .services-item:nth-child(1) .services-content {
    padding-bottom: 0;
  }
}
.rs-services-three .services-item:nth-child(2)::before {
  right: -10px;
}
@media only screen and (max-width: 991px) {
  .rs-services-three .services-item:nth-child(2) .services-content {
    padding-bottom: 0;
  }
  .rs-services-three .services-item:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-three .services-item:nth-child(2) .services-content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-three .services-item:nth-child(3) .services-content {
    padding-top: 0;
  }
}
.rs-services-three .services-item:hover .services-icon img {
  transform: scale(1.1);
}
.rs-services-three .services-item:hover .services-title {
  color: var(--rs-theme-primary);
}
.rs-services-three .services-wrapper {
  background: var(--rs-theme-secondary);
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-services-three .services-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-three .services-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-services-three .services-content {
  padding: 50px 40px 50px 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-services-three .services-content {
    padding: 25px;
  }
}
.rs-services-three .services-title {
  color: var(--rs-white);
  font-weight: 600;
}
@media only screen and (max-width: 1366px) {
  .rs-services-three .services-title {
    font-size: 20px;
  }
}
.rs-services-three .services-title a:hover {
  color: var(--rs-theme-primary);
}
.rs-services-three .services-description {
  color: var(--rs-white);
  margin-top: 12px;
  margin-bottom: 25px;
}
.rs-services-four {
  position: relative;
  z-index: 1;
  background-color: #FFFBF0;
}
.rs-services-four .services-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center right;
  z-index: -1;
  opacity: 0.7;
}
.rs-services-four .services-thumb img {
  width: 100%;
}
.rs-services-four .services-section-wrapper {
  margin-inline-end: 70px;
}
@media only screen and (max-width: 1600px) {
  .rs-services-four .services-section-wrapper {
    margin-inline-end: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-services-four .services-section-wrapper {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-four .services-section-wrapper {
    position: relative;
    top: unset;
  }
}
.rs-services-five {
  overflow-x: clip;
  position: relative;
  z-index: 2;
}
.rs-services-five .services-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-services-five .services-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-five .services-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-five .services-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-services-five .services-shape {
  position: absolute;
  inset-inline-end: 300px;
  top: 170px;
}
@media only screen and (max-width: 1600px) {
  .rs-services-five .services-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-five .services-shape {
    display: none;
  }
}
.rs-services-five .services-item {
  box-shadow: 0px 0px 40px 3px rgba(0, 0, 0, 0.05);
  padding: 10px;
  position: relative;
  z-index: 1;
  transition: all 0.7s 0s ease-out;
}
.rs-services-five .services-item:hover .services-bg-thumb {
  opacity: 1;
  visibility: visible;
  transform: scale(1);
}
.rs-services-five .services-item:hover .services-content {
  background: transparent;
}
.rs-services-five .services-item:hover .services-title {
  color: var(--rs-white);
}
.rs-services-five .services-item:hover .services-description {
  color: var(--rs-white);
}
.rs-services-five .services-item:hover .services-btn-wrapper {
  background: var(--rs-theme-purple);
}
.rs-services-five .services-item:hover .services-btn a {
  color: var(--rs-white);
}
.rs-services-five .services-item:hover .services-btn-icon svg {
  transform: rotate(45deg);
}
.rs-services-five .services-item:hover .services-btn-icon svg path {
  fill: var(--rs-white);
}
.rs-services-five .services-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.7s ease, visibility 0.7s ease, transform 0.7s ease;
  transform: scale(1.05);
}
.rs-services-five .services-content {
  padding: 30px;
  background: var(--rs-bg-secondary);
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1600px) {
  .rs-services-five .services-content {
    padding: 20px;
  }
}
.rs-services-five .section-title.has-padding {
  padding-inline-start: 110px;
}
@media only screen and (max-width: 575px) {
  .rs-services-five .section-title.has-padding {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-services-five .section-title.has-padding {
    padding-inline-start: 0px;
  }
}
.rs-services-five .services-icon {
  width: 53px;
  height: 53px;
}
.rs-services-five .services-title {
  margin-top: 30px;
  margin-bottom: 15px;
  transition: unset;
}
@media only screen and (max-width: 1600px) {
  .rs-services-five .services-title {
    font-size: 22px;
  }
}
.rs-services-five .services-btn-wrapper {
  display: flex;
  padding: 15px 35px 15px 28px;
  justify-content: space-between;
  transition: all 0.6s ease;
}
.rs-services-five .services-btn a {
  color: var(--rs-title-primary);
  font-weight: 600;
  text-transform: uppercase;
}
.rs-services-five .services-btn-icon {
  width: 15px;
  height: 15px;
}
.rs-services-five .services-btn-icon path {
  fill: var(--rs-title-primary);
}
.rs-services-details .services-details-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-services-details .services-details-wrapper {
    grid-template-columns: auto;
  }
}
.rs-services-details .services-details-thumb img {
  width: 100%;
  border-radius: 20px;
  height: 100%;
  object-fit: cover;
}
.rs-services-details .services-details-title {
  font-size: 36px;
  margin-bottom: 15px;
}
@media only screen and (max-width: 991px) {
  .rs-services-details .services-details-title {
    font-size: 30px;
  }
}
.rs-services-details .services-details-thumb-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px;
  margin-bottom: 44px;
}
@media only screen and (max-width: 991px) {
  .rs-services-details .services-details-thumb-wrapper {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-details .services-details-thumb-wrapper {
    grid-template-columns: auto;
  }
}
.rs-services-details .services-details-left {
  max-width: 770px;
}
@media only screen and (max-width: 480px) {
  .rs-services-details .rs-list-item ul li {
    font-size: 15px;
  }
}

/*----------------------------------------*/
/*  4.18 slide text css
/*----------------------------------------*/
.rs-text-slide-one {
  padding-bottom: 28px;
  overflow-x: clip;
  background: var(--rs-theme-primary);
  padding-top: 28px;
  position: relative;
  z-index: 1;
}
.rs-text-slide-one .text-slide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}
.rs-text-slide-one .text-slide-inner {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 0px 80px;
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-one .text-slide-inner {
    gap: 0px 50px;
  }
}
.rs-text-slide-one .text-slide-item {
  display: inline-flex;
  align-items: center;
  gap: 0px 80px;
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-one .text-slide-item {
    gap: 0px 50px;
  }
}
.rs-text-slide-one .text-slide-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rs-title-primary);
}
.rs-text-slide-one .text-slide-thumb img {
  width: 30px;
}
.rs-text-slide-one.has-bg-purple {
  background: var(--rs-theme-purple);
}
.rs-text-slide-one.has-bg-purple .text-slide-title {
  color: var(--rs-white);
}
.rs-text-slide-two {
  overflow-x: clip;
  position: relative;
  z-index: 1;
  padding-top: 70px;
  padding-bottom: 70px;
}
.rs-text-slide-two .text-slide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}
.rs-text-slide-two .text-slide-inner {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 0px 85px;
}
.rs-text-slide-two .text-slide-item {
  display: inline-flex;
  align-items: center;
  gap: 0px 85px;
}
.rs-text-slide-two .text-slide-title {
  font-size: 150px;
  position: relative;
  text-transform: uppercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rs-white);
  line-height: 0.9;
}
@media only screen and (max-width: 1600px) {
  .rs-text-slide-two .text-slide-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-text-slide-two .text-slide-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-two .text-slide-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-two .text-slide-title {
    font-size: 60px;
  }
}
.rs-text-slide-two .text-slide-thumb img {
  width: 120px;
}
@media only screen and (max-width: 1600px) {
  .rs-text-slide-two .text-slide-thumb img {
    width: 100px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-text-slide-two .text-slide-thumb img {
    width: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-two .text-slide-thumb img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-two .text-slide-thumb img {
    width: 50px;
  }
}
.rs-text-slide-two.has-stroke-text {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: -45px;
  z-index: -1;
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-two.has-stroke-text {
    margin-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-two.has-stroke-text {
    margin-top: 50px;
  }
}
.rs-text-slide-two.has-stroke-text .text-slide-title {
  font-size: 120px;
  color: rgba(235, 0, 61, 0);
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: #E9E7FC;
  stroke: #E9E7FC;
  text-transform: uppercase;
  font-weight: 800;
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-two.has-stroke-text .text-slide-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-two.has-stroke-text .text-slide-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-two.has-stroke-text .text-slide-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-text-slide-two.has-stroke-text .text-slide-title {
    font-size: 70px;
  }
}
.rs-text-slide-two.has-stroke-text .text-slide-inner {
  gap: 0px 35px;
}
.rs-text-slide-three {
  overflow-x: clip;
  position: relative;
  z-index: 1;
  padding-top: 240px;
  perspective: 1000px;
}
@media only screen and (max-width: 1600px) {
  .rs-text-slide-three {
    padding-top: 220px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-text-slide-three {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-three {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-three {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-three {
    padding-top: 125px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-text-slide-three {
    padding-top: 115px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-text-slide-three {
    padding-top: 100px;
  }
}
.rs-text-slide-three .text-slide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}
.rs-text-slide-three .text-slide-wrapper.has-rotate-one {
  transform: scale(1.1) rotate(7deg);
}
.rs-text-slide-three .text-slide-wrapper.has-rotate-two {
  margin-top: -91px;
  transform: scale(1.1) rotate(-7deg);
}
.rs-text-slide-three .text-slide-content {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 0px 80px;
  padding-top: 25px;
  padding-bottom: 25px;
}
.rs-text-slide-three .text-slide-item {
  display: inline-flex;
  align-items: center;
  gap: 0px 80px;
}
.rs-text-slide-three .text-slide-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rs-title-primary);
}
.rs-text-slide-three .text-slide-thumb img {
  width: 30px;
}
.rs-text-slide-three .gsap-marquee {
  display: flex;
  min-width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  border: 1px solid #666;
  background: var(--rs-white);
}
.rs-text-slide-four {
  padding-bottom: 70px;
  overflow-x: clip;
  padding-top: 70px;
  position: relative;
  z-index: 1;
}
.rs-text-slide-four .text-slide-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-align: center;
}
.rs-text-slide-four .text-slide-inner {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 0px 80px;
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-four .text-slide-inner {
    gap: 0 40px;
  }
}
.rs-text-slide-four .text-slide-item {
  display: inline-flex;
  align-items: center;
  gap: 0px 80px;
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-four .text-slide-item {
    gap: 0 40px;
  }
}
.rs-text-slide-four .text-slide-title {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--rs-title-primary);
  font-size: 150px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 6px;
  line-height: 0.85;
}
@media only screen and (max-width: 1600px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-text-slide-four .text-slide-title {
    font-size: 70px;
  }
}
.rs-text-slide-four .text-slide-thumb img {
  width: 120px;
}
@media only screen and (max-width: 1366px) {
  .rs-text-slide-four .text-slide-thumb img {
    width: 90px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-text-slide-four .text-slide-thumb img {
    width: 80px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-text-slide-four .text-slide-thumb img {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-text-slide-four .text-slide-thumb img {
    width: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-text-slide-four .text-slide-thumb img {
    width: 50px;
  }
}

/*----------------------------------------*/
/*  4.12 portfolio css
/*----------------------------------------*/
.rs-portfolio-one {
  position: relative;
  z-index: 1;
}
.rs-portfolio-one .portfolio-wrapper {
  display: grid;
  grid-template-columns: auto 520px;
  align-items: end;
  padding-top: 125px;
  padding-bottom: 125px;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-one .portfolio-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    grid-template-columns: auto 470px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-one .portfolio-wrapper {
    padding-top: 0px;
    padding-bottom: 30px;
    grid-template-columns: auto;
  }
}
.rs-portfolio-one .portfolio-bg-thumb {
  position: absolute;
  width: 1250px;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  border-radius: 0 20px 20px 0;
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-one .portfolio-bg-thumb {
    display: none;
  }
  .rs-portfolio-one .portfolio-bg-thumb.active {
    position: static;
    height: 350px;
    display: block;
    width: 100%;
    border-radius: 20px;
  }
}
.rs-portfolio-one .portfolio-bg-thumb.active {
  opacity: 1;
  visibility: visible;
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-one .portfolio-btn {
    display: none;
  }
}
.rs-portfolio-two .portfolio-slider {
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-two .portfolio-slider {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}
.rs-portfolio-two .portfolio-item {
  position: relative;
  z-index: 1;
  transition: all 0.5s ease-in-out;
}
.rs-portfolio-two .portfolio-item:hover .portfolio-content-inner::before {
  opacity: 1;
}
.rs-portfolio-two .portfolio-item:hover .portfolio-title {
  color: var(--rs-white);
}
.rs-portfolio-two .portfolio-item:hover .portfolio-tag a {
  color: var(--rs-white);
}
.rs-portfolio-two .portfolio-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 8px;
  color: var(--rs-title-secondary);
  transition: unset;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-two .portfolio-title {
    font-size: 20px;
  }
}
.rs-portfolio-two .portfolio-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 30px 35px 30px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-two .portfolio-content {
    padding: 25px 25px 25px;
  }
}
.rs-portfolio-two .portfolio-content-inner {
  padding: 30px 30px;
  background: var(--rs-white);
  text-align: center;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-two .portfolio-content-inner {
    padding: 25px 25px;
  }
}
.rs-portfolio-two .portfolio-content-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #675AE8 0%, #8E8CF0 100%);
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  z-index: -1;
}
.rs-portfolio-two .portfolio-thumb img {
  width: 100%;
  border-radius: 5px;
}
.rs-portfolio-two .portfolio-pagination {
  margin-top: 25px;
}
.rs-portfolio-three {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-portfolio-three .portfolio-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  z-index: -1;
}
.rs-portfolio-three .portfolio-item:hover .portfolio-thumb img {
  transform: scale(1.04);
}
.rs-portfolio-three .portfolio-thumb {
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.rs-portfolio-three .portfolio-thumb img {
  width: 100%;
  transition: all 0.7s ease 0s;
}
.rs-portfolio-three .portfolio-tag a {
  font-size: 16px;
  font-weight: 500;
}
.rs-portfolio-three .portfolio-tag a:hover {
  color: var(--rs-theme-purple);
}
.rs-portfolio-three .portfolio-tag.hover-text-primary a:hover {
  color: var(--rs-theme-primary);
}
.rs-portfolio-three .portfolio-title {
  margin-bottom: 3px;
  font-size: 30px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-three .portfolio-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-three .portfolio-title {
    font-size: 22px;
  }
}
.rs-portfolio-three .portfolio-title a:hover {
  color: var(--rs-theme-purple);
}
.rs-portfolio-three .portfolio-title.hover-text-primary a:hover {
  color: var(--rs-theme-primary);
}
.rs-portfolio-three .portfolio-btn {
  display: flex;
  justify-content: center;
  margin-top: 50px;
}
.rs-portfolio-four .section-title-wrapper {
  overflow: hidden;
}
.rs-portfolio-four .text-slide-wrapper {
  min-width: max-content;
  display: flex;
  align-items: center;
  gap: 100px;
}
@media only screen and (max-width: 1366px) {
  .rs-portfolio-four .text-slide-wrapper {
    gap: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-four .text-slide-wrapper {
    gap: 30px;
  }
}
.rs-portfolio-four .text-slide-wrapper.is-text-active {
  animation: marquee_rev 50s linear 0s infinite normal;
  animation-play-state: running;
  flex-wrap: nowrap;
}
.rs-portfolio-four .text-slide-wrapper .text-slide-title {
  font-size: 150px;
  color: var(--rs-title-primary);
  font-weight: 700;
  text-transform: uppercase;
  line-height: 0.8;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-four .text-slide-wrapper .text-slide-title {
    font-size: 130px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-portfolio-four .text-slide-wrapper .text-slide-title {
    font-size: 110px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-portfolio-four .text-slide-wrapper .text-slide-title {
    font-size: 90px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-four .text-slide-wrapper .text-slide-title {
    font-size: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-four .text-slide-wrapper .text-slide-title {
    font-size: 50px;
  }
}
.rs-portfolio-four .text-slide-two {
  margin-inline-start: 330px;
  overflow: hidden;
  margin-top: 35px;
}
@media only screen and (max-width: 1366px) {
  .rs-portfolio-four .text-slide-two {
    margin-inline-start: 250px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-portfolio-four .text-slide-two {
    margin-inline-start: 200px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-four .text-slide-two {
    margin-inline-start: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-four .text-slide-two {
    margin-inline-start: 100px;
  }
}
.rs-portfolio-four .portfolio-btn {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-four .portfolio-btn {
    margin-bottom: 45px;
    justify-content: start;
  }
}
.rs-portfolio-four .portfolio-thumb {
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}
.rs-portfolio-four .portfolio-thumb img {
  width: 100%;
  transition: all 0.7s ease 0s;
}
.rs-portfolio-four .portfolio-tag a {
  font-size: 16px;
  font-weight: 500;
}
.rs-portfolio-four .portfolio-tag a:hover {
  color: var(--rs-theme-purple);
}
.rs-portfolio-four .portfolio-title {
  margin-bottom: 3px;
  font-size: 30px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-four .portfolio-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-four .portfolio-title {
    font-size: 22px;
  }
}
.rs-portfolio-four .portfolio-title a:hover {
  color: var(--rs-theme-purple);
}
.rs-portfolio-four .portfolio-item:hover .portfolio-thumb img {
  transform: scale(1.04);
}
.rs-portfolio-details .portfolio-details-slider-wrapper {
  margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-details .portfolio-details-slider-wrapper {
    margin-bottom: 40px;
  }
}
.rs-portfolio-details .portfolio-details-slider-thumb {
  position: relative;
  height: 645px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 10px;
}
@media only screen and (max-width: 1366px) {
  .rs-portfolio-details .portfolio-details-slider-thumb {
    height: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-portfolio-details .portfolio-details-slider-thumb {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-details .portfolio-details-slider-thumb {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-details .portfolio-details-slider-thumb {
    height: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-portfolio-details .portfolio-details-slider-thumb {
    height: 350px;
  }
}
.rs-portfolio-details .portfolio-details-pagination {
  margin-top: -60px;
  z-index: 1;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}
.rs-portfolio-details .portfolio-details-feature-list ul li {
  list-style: none;
  display: flex;
  align-items: start;
  gap: 18px;
  font-weight: 400;
  line-height: 1;
}
.rs-portfolio-details .portfolio-details-feature-list ul li:not(:last-child) {
  margin-bottom: 16px;
}
.rs-portfolio-details .portfolio-details-feature-list ul li svg {
  width: 18px;
  height: 18px;
  flex: 0 0 auto;
}
.rs-portfolio-details .portfolio-details-feature-list ul li svg path {
  fill: var(--rs-theme-primary);
}
.rs-portfolio-details .portfolio-details-content {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 20px 50px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-details .portfolio-details-content {
    gap: 20px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-details .portfolio-details-content {
    grid-template-columns: 1fr;
  }
}
.rs-portfolio-details .portfolio-details-case-top {
  border-radius: 10px;
  margin-bottom: 30px;
}
.rs-portfolio-details .portfolio-details-case-info-wrapper ul li {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
  color: var(--rs-title-primary);
  font-weight: 700;
  text-transform: uppercase;
}
.rs-portfolio-details .portfolio-details-case-info-wrapper ul li:not(:last-child) {
  border-bottom: 1px solid #EDEDED;
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.rs-portfolio-details .portfolio-details-case-info-wrapper ul li span {
  color: var(--rs-text-primary);
  font-weight: 400;
  text-transform: capitalize;
}
.rs-portfolio-details .portfolio-details-case-information {
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 40px;
  padding-right: 40px;
  border: 1px solid #EBEBEB;
  border-radius: 5px;
  background: var(--rs-white);
}
@media only screen and (max-width: 575px) {
  .rs-portfolio-details .portfolio-details-case-information {
    padding-top: 25px;
    padding-bottom: 25px;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.rs-portfolio-details .portfolio-details-thumb-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  overflow-x: clip;
}
@media only screen and (max-width: 767px) {
  .rs-portfolio-details .portfolio-details-thumb-wrapper {
    flex-wrap: wrap;
  }
}
.rs-portfolio-details .portfolio-details-thumb {
  overflow: hidden;
  visibility: hidden;
}
.rs-portfolio-details .portfolio-details-thumb img {
  width: 100%;
  border-radius: 10px;
  transition: unset;
}
.rs-portfolio-details .portfolio-details-content-two {
  display: grid;
  grid-template-columns: 640px 1fr;
  gap: 30px 60px;
  margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-portfolio-details .portfolio-details-content-two {
    gap: 30px 30px;
    grid-template-columns: 520px 1fr;
  }
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-details .portfolio-details-content-two {
    grid-template-columns: 1fr;
  }
}

.rs-portfolio-navigation-area {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: 991px) {
  .rs-portfolio-navigation-area {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.has-portfolio-bg {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.has-portfolio-bg .portfolio-sec-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

/*----------------------------------------*/
/*   4.5 Contact css
/*----------------------------------------*/
.rs-contact-one {
  position: relative;
  z-index: 1;
}
.rs-contact-one .contact-bg-thumb {
  position: absolute;
  width: 1084px;
  height: 100%;
  top: 0;
  right: 0;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: auto;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .rs-contact-one .contact-bg-thumb {
    display: none;
  }
}
.rs-contact-one .contact-form {
  background: var(--rs-theme-secondary);
  border-radius: 10px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(54, 114, 255, 0.18);
  margin-bottom: 130px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1366px) {
  .rs-contact-one .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-one .contact-form {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-contact-one .contact-form {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-contact-one .contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-contact-one .contact-form-title {
  font-size: 42px;
  color: var(--rs-white);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-one .contact-form-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-one .contact-form-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.rs-contact-one .contact-social {
  display: flex;
  align-items: center;
  gap: 20px 90px;
  justify-content: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-one .contact-social {
    gap: 20px 50px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-contact-one .contact-social {
    gap: 20px 25px;
  }
}
.rs-contact-one .contact-social a {
  font-size: 30px;
  font-weight: 500;
  color: var(--rs-title-primary);
  text-decoration: underline;
}
.rs-contact-one .contact-social a:hover {
  color: var(--rs-theme-primary);
}
@media only screen and (max-width: 1366px) {
  .rs-contact-one .contact-social a {
    font-size: 26px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-contact-one .contact-social a {
    font-size: 20px;
  }
}
.rs-contact-one .contact-input input {
  width: 100%;
  height: 60px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-one .contact-input textarea {
  height: 140px;
  padding: 16px 15px 16px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-one .contact-input input:focus,
.rs-contact-one .contact-input textarea:focus {
  border-color: var(--rs-theme-primary);
}
.rs-contact-one .contact-input input::placeholder,
.rs-contact-one .contact-input textarea::placeholder {
  color: #7D858E;
}
.rs-contact-one .contact-video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-one .contact-video-play-btn {
    left: 75%;
  }
}
.rs-contact-two {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-contact-two .contact-shape {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .rs-contact-two .contact-shape {
    display: none;
  }
}
.rs-contact-two .contact-bg-thumb {
  position: absolute;
  width: 50%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 991px) {
  .rs-contact-two .contact-bg-thumb {
    width: 100%;
    position: relative;
    height: 300px;
  }
}
.rs-contact-two .contact-bg-thumb-two {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-contact-two .contact-form {
  padding-top: 70px;
  padding-bottom: 70px;
  position: relative;
  z-index: 2;
}
.rs-contact-two .contact-form-title {
  color: var(--rs-white);
  margin-bottom: 40px;
}
.rs-contact-two .contact-from-subtitle {
  color: rgba(255, 255, 255, 0.878);
  font-weight: 500;
  margin-bottom: 15px;
  display: inline-block;
}
.rs-contact-two .contact-input input {
  width: 100%;
  height: 55px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-white);
  border-radius: 5px;
  background: #7B73D7;
  border: none;
}
.rs-contact-two .contact-input textarea {
  height: 100px;
  padding: 16px 15px 16px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: none;
  background: #7B73D7;
}
.rs-contact-two .contact-input input::placeholder,
.rs-contact-two .contact-input textarea::placeholder {
  color: #C5C5C5;
}
.rs-contact-two .contact-call-icon img {
  width: 40px;
  height: 40px;
}
.rs-contact-two .contact-info-wrapper {
  position: absolute;
  left: 50%;
  bottom: 50px;
  transform: translateX(-50%);
  z-index: 1;
}
.rs-contact-two .contact-info-content {
  padding: 20px 25px 20px 25px;
  background: var(--rs-theme-purple-light);
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 13px;
  max-width: 315px;
  width: 315px;
}
.rs-contact-two .contact-call-content .title {
  font-size: 17px;
  color: var(--rs-white);
  font-weight: 400;
  margin-bottom: 3px;
}
.rs-contact-two .contact-call-content p {
  font-weight: 500;
  font-size: 24px;
  color: var(--rs-white);
}
.rs-contact-two .contact-call-content p a:hover {
  color: #FD644F;
}
.rs-contact-three {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-three .contact-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-three .contact-thumb {
    position: relative;
    top: unset;
  }
}
.rs-contact-three .contact-thumb img {
  width: 100%;
}
.rs-contact-three .contact-shape-one {
  position: absolute;
  inset-inline-start: 40px;
  width: 115px;
  bottom: 0;
}
@media only screen and (max-width: 991px) {
  .rs-contact-three .contact-shape-one {
    display: none;
  }
}
.rs-contact-three .contact-shape-two {
  position: absolute;
  top: 0;
  inset-inline-end: 40px;
  width: 115px;
  bottom: 0;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-three .contact-shape-two {
    display: none;
  }
}
.rs-contact-three .contact-wrapper {
  display: grid;
  grid-template-columns: 590px 590px;
  gap: 30px 90px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-three .contact-wrapper {
    grid-template-columns: 530px 530px;
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-contact-three .contact-wrapper {
    grid-template-columns: 450px 450px;
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-three .contact-wrapper {
    grid-template-columns: auto;
  }
}
.rs-contact-three .contact-form {
  background: var(--rs-theme-secondary);
  border-radius: 10px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(54, 114, 255, 0.18);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-three .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-contact-three .contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-contact-three .contact-form-title {
  font-size: 42px;
  color: var(--rs-white);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-three .contact-form-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-contact-three .contact-form-title {
    font-size: 34px;
  }
}
.rs-contact-three .contact-input input {
  width: 100%;
  height: 60px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-three .contact-input textarea {
  height: 140px;
  padding: 16px 15px 16px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-three .contact-input input:focus,
.rs-contact-three .contact-input textarea:focus {
  border-color: var(--rs-theme-primary);
}
.rs-contact-three .contact-input input::placeholder,
.rs-contact-three .contact-input textarea::placeholder {
  color: #7D858E;
}
.rs-contact-four {
  background: var(--rs-theme-secondary);
  border-radius: 20px;
  padding-top: 50px;
  padding-bottom: 40px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-four {
    position: sticky;
    top: 110px;
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-four {
    position: relative;
    top: unset;
  }
}
.rs-contact-four .section-title {
  font-size: 32px;
  color: var(--rs-white);
}
@media only screen and (max-width: 991px) {
  .rs-contact-four .section-title {
    font-size: 26px;
  }
}
.rs-contact-four .section-description {
  color: rgba(255, 255, 255, 0.83);
  margin-top: 10px;
  margin-bottom: 45px;
}
.rs-contact-four .contact-input input {
  width: 100%;
  height: 60px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-black);
  border-radius: 5px;
  border: 1px solid rgba(54, 114, 255, 0.1411764706);
  background: var(--rs-white);
}
.rs-contact-four .contact-input textarea {
  height: 100px;
  padding: 10px 18px;
  resize: none;
  color: var(--rs-black);
  border-radius: 5px;
  border: 1px solid rgba(54, 114, 255, 0.14);
  background: var(--rs-white);
}
.rs-contact-four .contact-input input:focus,
.rs-contact-four .contact-input textarea:focus {
  border-color: var(--rs-primary);
}
.rs-contact-five {
  position: relative;
  z-index: 1;
}
.rs-contact-five .contact-wrapper {
  display: grid;
  grid-template-columns: 585px auto;
  gap: 30px 70px;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-five .contact-wrapper {
    gap: 30px 30px;
    grid-template-columns: 500px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-contact-five .contact-wrapper {
    grid-template-columns: 450px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-five .contact-wrapper {
    grid-template-columns: auto;
  }
}
.rs-contact-five .contact-form {
  background: var(--rs-theme-secondary);
  border-radius: 5px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(54, 114, 255, 0.18);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-five .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-contact-five .contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-contact-five .contact-form-title {
  font-size: 42px;
  color: var(--rs-white);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-five .contact-form-title {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-five .contact-form-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
}
.rs-contact-five .contact-social {
  display: flex;
  align-items: center;
  gap: 20px 90px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1199px) {
  .rs-contact-five .contact-social {
    gap: 20px 50px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-contact-five .contact-social {
    gap: 20px 25px;
  }
}
.rs-contact-five .contact-social a {
  font-size: 30px;
  font-weight: 500;
  color: var(--rs-title-primary);
  text-decoration: underline;
}
.rs-contact-five .contact-social a:hover {
  color: var(--rs-theme-purple);
}
@media only screen and (max-width: 1366px) {
  .rs-contact-five .contact-social a {
    font-size: 26px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-contact-five .contact-social a {
    font-size: 20px;
  }
}
.rs-contact-five .section-title {
  padding-top: 160px;
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .rs-contact-five .section-title {
    padding-top: 35px;
    padding-bottom: 40px;
  }
}
.rs-contact-five .contact-input input {
  width: 100%;
  height: 60px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-five .contact-input textarea {
  height: 140px;
  padding: 16px 15px 16px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-five .contact-input input:focus,
.rs-contact-five .contact-input textarea:focus {
  border-color: var(--rs-theme-purple);
}
.rs-contact-five .contact-input input::placeholder,
.rs-contact-five .contact-input textarea::placeholder {
  color: #7D858E;
}
.rs-contact-six .contact-list-item {
  display: flex;
  align-items: center;
  gap: 15px;
}
.rs-contact-six .contact-list-item:not(:last-child) {
  margin-bottom: 10px;
}
.rs-contact-six .section-description {
  max-width: 520px;
  margin-top: 15px;
  margin-bottom: 35px;
}
.rs-contact-six .contact-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: var(--rs-theme-secondary);
  border-radius: 15%;
}
.rs-contact-six .contact-icon img {
  width: 25px;
}
.rs-contact-six .contact-list-content h6 {
  font-size: 17px;
  font-weight: 400;
}
.rs-contact-six .contact-list-content h6 a:hover {
  color: var(--rs-theme-primary);
}
.rs-contact-six .contact-form {
  background: var(--rs-theme-secondary);
  border-radius: 10px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(54, 114, 255, 0.18);
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-six .contact-form {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-contact-six .contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-contact-six .contact-form-title {
  font-size: 42px;
  color: var(--rs-white);
  margin-bottom: 40px;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-six .contact-form-title {
    font-size: 38px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-contact-six .contact-form-title {
    font-size: 34px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-contact-six .contact-form-title {
    font-size: 30px;
  }
}
.rs-contact-six .contact-input input {
  width: 100%;
  height: 60px;
  outline: 0;
  padding: 0 20px;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-six .contact-input textarea {
  height: 140px;
  padding: 16px 15px 16px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid #1E2A37;
  background: #131C25;
}
.rs-contact-six .contact-input input:focus,
.rs-contact-six .contact-input textarea:focus {
  border-color: var(--rs-theme-primary);
}
.rs-contact-six .contact-input input::placeholder,
.rs-contact-six .contact-input textarea::placeholder {
  color: #7D858E;
}

.rs-map-one {
  line-height: 0;
}
.rs-map-one .rs-google-map iframe {
  width: 100%;
  height: 570px;
  filter: brightness(75%) contrast(200%) saturate(0%) blur(0px) hue-rotate(0deg);
}
@media only screen and (max-width: 1600px) {
  .rs-map-one .rs-google-map iframe {
    height: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-map-one .rs-google-map iframe {
    height: 450px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-map-one .rs-google-map iframe {
    height: 400px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-map-one .rs-google-map iframe {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-map-one .rs-google-map iframe {
    height: 250px;
  }
}

/*----------------------------------------*/
/*   4.13 portfolio css
/*----------------------------------------*/
.rs-pricing-one {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-pricing-one .pricing-shape {
  position: absolute;
  left: -100px;
  top: -160px;
  z-index: -1;
}
.rs-pricing-one .pricing-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-pricing-one .pricing-bg-thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: var(--rs-dark-blue);
  opacity: 0.85;
  z-index: -1;
}
.rs-pricing-one .is-yearly {
  display: none;
}
.rs-pricing-one .rs-pricing-switcher.switched .is-yearly {
  display: block;
}
.rs-pricing-one .rs-pricing-switcher.switched .is-monthly {
  display: none;
}
.rs-pricing-one .pricing-item {
  padding: 40px 40px 40px 40px;
  border-radius: 5px;
  background: var(--rs-white);
  transition: all 0.5s ease;
  box-shadow: 0px 0px 49px 0px rgba(0, 0, 0, 0.04);
}
@media only screen and (max-width: 1600px) {
  .rs-pricing-one .pricing-item {
    padding: 30px 30px 30px 30px;
  }
}
.rs-pricing-one .pricing-item.is-active .rs-btn.has-gradient-purple {
  position: relative;
  overflow: hidden;
  color: var(--rs-white);
  font-weight: 400;
  padding: 15px 35px;
  background: linear-gradient(-132deg, #FD644F 0%, #F28E26 100%);
  z-index: 0;
}
.rs-pricing-one .pricing-item.is-active .rs-btn.has-gradient-purple::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(132deg, #685BE8 0%, #9289F1 100%);
  opacity: 0;
  transition: opacity 0.4s ease-out;
  z-index: -1;
}
.rs-pricing-one .pricing-item.is-active .rs-btn.has-gradient-purple:hover::before {
  opacity: 1;
}
.rs-pricing-one .pricing-description {
  margin-top: 5px;
  font-size: 16px;
}
.rs-pricing-one .pricing-amount-wrapper {
  display: flex;
  align-items: end;
  gap: 6px;
  margin-top: 25px;
  margin-bottom: 35px;
}
.rs-pricing-one .pricing-amount {
  color: var(--rs-title-secondary);
}
.rs-pricing-one .pricing-title {
  color: var(--rs-title-secondary);
}
.rs-pricing-one .pricing-duration {
  font-size: 17px;
  font-weight: 500;
}
.rs-pricing-one .pricing-feature ul li {
  list-style: none;
  position: relative;
  padding-inline-start: 30px;
  display: flex;
  align-items: center;
  font-weight: 500;
}
.rs-pricing-one .pricing-feature ul li:not(:last-child) {
  margin-bottom: 13px;
}
.rs-pricing-one .pricing-feature ul li::before {
  content: "\eb7b";
  color: var(--rs-theme-purple-light);
  font-size: 21px;
  margin: 0;
  font-weight: 400;
  display: inline-block;
  font-family: "remixicon";
  position: absolute;
  inset-inline-start: 0;
}
.rs-pricing-one .pricing-feature ul li.close {
  color: #666;
}
.rs-pricing-one .pricing-feature ul li.close::before {
  content: "\eb99";
  color: #666;
}
.rs-pricing-one .pricing-feature-title {
  font-weight: 600;
  color: var(--rs-title-secondary);
  margin-top: 40px;
  margin-bottom: 20px;
  display: inline-block;
}
.rs-pricing-one.has-theme-primary .pricing-shape {
  position: absolute;
  width: 115px;
  inset-inline-start: 60px;
  top: 120px;
  animation: rs-scale-three 3s ease-in-out alternate infinite;
  -webkit-animation: rs-scale-three 3s ease-in-out alternate infinite;
}
@media only screen and (max-width: 1366px) {
  .rs-pricing-one.has-theme-primary .pricing-shape {
    top: 50px;
    inset-inline-start: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-pricing-one.has-theme-primary .pricing-shape {
    display: none;
  }
}
.rs-pricing-one.has-theme-primary .pricing-item {
  background: var(--rs-theme-secondary);
}
.rs-pricing-one.has-theme-primary .pricing-title {
  color: var(--rs-white);
}
.rs-pricing-one.has-theme-primary .pricing-description {
  color: var(--rs-white);
}
.rs-pricing-one.has-theme-primary .pricing-amount {
  color: var(--rs-theme-primary);
}
.rs-pricing-one.has-theme-primary .pricing-duration {
  color: var(--rs-theme-primary);
}
.rs-pricing-one.has-theme-primary .pricing-feature-title {
  color: var(--rs-white);
}
.rs-pricing-one.has-theme-primary .pricing-feature ul li {
  color: var(--rs-white);
}
.rs-pricing-one.has-theme-primary .pricing-feature ul li::before {
  color: var(--rs-theme-primary);
}

.pricing-switcher-wrapper {
  display: inline-flex;
  gap: 20px;
  justify-content: center;
  width: 100%;
  align-items: center;
}
.pricing-switcher-wrapper span {
  display: inline-block;
  cursor: pointer;
  color: var(--rs-title-primary);
}
.pricing-switcher-wrapper .switcher {
  width: 50px;
  height: 30px;
  border-radius: 30px;
  position: relative;
  box-shadow: inset 0 0 8px 3px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(132deg, #FD644F 0%, #F28E26 100%);
}
.pricing-switcher-wrapper .switcher::after {
  position: absolute;
  content: "";
  top: 2px;
  inset-inline-start: 2px;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #fff;
  transition: all 0.3s;
}
.pricing-switcher-wrapper .switcher.has-primary {
  background: var(--rs-theme-secondary);
}
.pricing-switcher-wrapper .switcher.has-primary::after {
  background: var(--rs-theme-primary);
}

.rs-pricing-switcher:not(.switched) .btn-yearly {
  opacity: 0.6;
}
.rs-pricing-switcher.switched .btn-monthly {
  opacity: 0.6;
}
.rs-pricing-switcher.switched .switcher:after {
  inset-inline-start: calc(100% - 27px);
}

/*----------------------------------------*/
/*  4.23 work step css
/*----------------------------------------*/
.rs-work-step-one {
  overflow-x: clip;
}
.rs-work-step-one .work-step-thumb {
  overflow: hidden;
  visibility: hidden;
}
.rs-work-step-one .work-step-thumb img {
  width: 100%;
  border-radius: 5px;
  transition: unset;
}
.rs-work-step-one .work-step-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 70px;
}
@media only screen and (max-width: 1199px) {
  .rs-work-step-one .work-step-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-step-one .work-step-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-work-step-one .work-step-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-work-step-one .work-step-item {
  background: var(--rs-white);
  border-radius: 4px;
  padding: 35px 25px 35px 25px;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.08);
  border-bottom: 5px solid var(--rs-theme-purple-light);
  position: relative;
  z-index: 1;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
.rs-work-step-one .work-step-item:hover {
  box-shadow: -1px 17px 38px 0px rgba(0, 0, 0, 0);
  border-color: #FA6E45;
}
.rs-work-step-one .work-step-number {
  font-size: 48px;
  font-weight: 700;
  color: var(--rs-theme-purple-light);
  line-height: 1;
  margin-bottom: 20px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .rs-work-step-one .work-step-number {
    font-size: 40px;
  }
}
.rs-work-step-one .work-step-title {
  font-size: 22px;
  color: var(--rs-title-secondary);
  margin-bottom: 12px;
}
@media only screen and (max-width: 767px) {
  .rs-work-step-one .work-step-title {
    font-size: 20px;
  }
}
.rs-work-step-one .work-step-icon {
  position: absolute;
  top: -25px;
  inset-inline-end: -25px;
}
.rs-work-step-two {
  position: relative;
  z-index: 1;
}
.rs-work-step-two .work-step-shape {
  position: absolute;
  inset-inline-start: 0px;
  overflow: hidden;
  visibility: hidden;
  bottom: 0;
}
@media only screen and (max-width: 1600px) {
  .rs-work-step-two .work-step-shape {
    display: none;
  }
}
.rs-work-step-two .work-step-shape img {
  transition: unset;
}
.rs-work-step-two .section-title-wrapper .descrip {
  color: rgba(255, 255, 255, 0.8);
}
.rs-work-step-two .work-step-circle-btn .rs-rotate-btn {
  width: 160px;
  height: 160px;
  background-color: transparent;
  background-image: radial-gradient(at center center, var(--rs-primary) 0%, rgba(255, 255, 255, 0) 100%);
  backdrop-filter: blur(21px);
  border: 1px solid rgba(255, 255, 255, 0.078);
  border-radius: 50%;
  padding: 2px;
}
.rs-work-step-two .work-step-circle-btn .shape-star {
  background-color: rgba(255, 255, 255, 0);
  width: 80px;
  height: 80px;
  border: 1px solid rgba(255, 255, 255, 0.078);
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-align: center;
  padding: 20px;
  z-index: 1;
}
.rs-work-step-two .work-step-circle-btn .shape-star img {
  animation: rs-scale 1s infinite alternate;
  animation-duration: 1s;
}
.rs-work-step-two .work-step-inner {
  overflow-y: scroll;
  height: 552px;
  padding-inline-end: 25px;
}
.rs-work-step-two .work-step-item {
  display: flex;
  padding: 30px 30px 30px 30px;
  border: 1px solid rgba(43, 77, 255, 0.1098039216);
  border-radius: 10px;
  gap: 20px 100px;
  align-items: start;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
@media only screen and (max-width: 1600px) {
  .rs-work-step-two .work-step-item {
    gap: 20px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-work-step-two .work-step-item {
    padding: 25px 25px 25px 25px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.rs-work-step-two .work-step-item:not(:last-child) {
  margin-bottom: 20px;
}
.rs-work-step-two .work-step-item.active .work-step-bg-thumb {
  width: 100%;
}
.rs-work-step-two .work-step-item.active .work-step-title {
  color: var(--rs-primary);
}
.rs-work-step-two .work-step-item:hover .work-step-bg-thumb {
  width: 100%;
}
.rs-work-step-two .work-step-item:hover .work-step-title {
  color: var(--rs-primary);
}
.rs-work-step-two .work-step-bg-thumb {
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 10px 10px;
  z-index: -1;
  transition: all 0.5s ease;
}
.rs-work-step-two .work-step-title {
  color: var(--rs-white);
  margin-bottom: 15px;
}
.rs-work-step-two .work-step-descrip {
  color: rgba(255, 255, 255, 0.81);
}
.rs-work-step-two .work-step-number {
  color: #F5F6F7;
  font-size: 60px;
  font-weight: 700;
  line-height: 0.9;
}
@media only screen and (max-width: 1600px) {
  .rs-work-step-two .work-step-number {
    font-size: 45px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-work-step-two .work-step-number {
    font-size: 40px;
  }
}

/*----------------------------------------*/
/*  4.21 video css
/*----------------------------------------*/
.rs-video-one {
  position: relative;
  margin-bottom: -300px;
  z-index: 2;
  overflow-x: clip;
}
.rs-video-one .circuit-shape {
  position: absolute;
  inset-inline-end: 0;
  bottom: 40px;
}
.rs-video-one .video-wrapper {
  position: relative;
  z-index: 1;
  min-height: 600px;
}
@media only screen and (max-width: 1366px) {
  .rs-video-one .video-wrapper {
    min-height: 550px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-video-one .video-wrapper {
    min-height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-video-one .video-wrapper {
    min-height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-one .video-wrapper {
    min-height: 400px;
  }
}
.rs-video-one .video-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 40px;
  border: 10px solid var(--rs-white);
}
.rs-video-one .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.rs-video-one .rs-text-circle span {
  font-size: 16px;
  font-weight: 400;
}
.rs-video-one .rs-rotate-btn {
  width: 167px;
  height: 167px;
  position: relative;
  background-image: radial-gradient(at center center, rgba(125, 124, 134, 0.4) 0%, rgba(242, 41, 91, 0) 100%);
  backdrop-filter: blur(25px);
  border-radius: 50%;
  padding: 6px;
  border: 1px solid var(--rs-white);
}
.rs-video-one .rs-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
  width: 68px;
  height: 68px;
  border: 1px solid var(--rs-white);
  font-size: 22px;
}
.rs-video-one .rs-play-btn i {
  font-size: 30px;
}
.rs-video-two {
  position: relative;
  z-index: 2;
  overflow-x: clip;
  margin-top: -340px;
}
.rs-video-two .video-wrapper {
  position: relative;
  z-index: 1;
  min-height: 600px;
}
@media only screen and (max-width: 1366px) {
  .rs-video-two .video-wrapper {
    min-height: 550px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-video-two .video-wrapper {
    min-height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-video-two .video-wrapper {
    min-height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-two .video-wrapper {
    min-height: 400px;
  }
}
.rs-video-two .video-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 24px;
}
.rs-video-two .counter-wrapper {
  z-index: 1;
  display: flex;
  background: var(--rs-primary);
  position: absolute;
  inset-inline-end: 0px;
  bottom: 0px;
  padding: 40px;
  border-radius: 30px;
  margin: 30px;
}
@media only screen and (max-width: 767px) {
  .rs-video-two .counter-wrapper {
    margin: 20px;
    padding: 30px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 575px) {
  .rs-video-two .counter-wrapper {
    display: block;
  }
}
.rs-video-two .counter-number-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 15px;
}
.rs-video-two .counter-item:not(:last-child) {
  margin-inline-end: 50px;
  border-inline-end: 1px solid rgba(255, 255, 255, 0.08);
  padding-inline-end: 50px;
}
@media only screen and (max-width: 767px) {
  .rs-video-two .counter-item:not(:last-child) {
    margin-inline-end: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-video-two .counter-item:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-inline-end: 0;
    padding-inline-end: 0px;
    margin-inline-end: 0px;
  }
}
.rs-video-two .counter-number,
.rs-video-two .prefix {
  color: rgba(2, 1, 1, 0);
  font-size: 42px;
  -webkit-text-stroke-width: 1px;
  stroke-width: 1px;
  -webkit-text-stroke-color: var(--rs-white);
  stroke: var(--rs-white);
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .rs-video-two .counter-number,
  .rs-video-two .prefix {
    font-size: 35px;
  }
}
.rs-video-two .counter-title {
  color: var(--rs-white);
  font-size: 18px;
}
.rs-video-three {
  position: relative;
  z-index: 1;
  height: 825px;
}
@media only screen and (max-width: 1600px) {
  .rs-video-three {
    height: 750px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-video-three {
    height: 650px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-video-three {
    height: 600px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-video-three {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-three {
    height: 400px;
  }
}
.rs-video-three .video-bg-thumb {
  position: absolute;
  width: calc(100% - 310px);
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
@media only screen and (max-width: 991px) {
  .rs-video-three .video-bg-thumb {
    width: 100%;
  }
}
.rs-video-three .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.rs-video-three .video-cta-wrapper {
  background: var(--rs-theme-purple);
  text-align: center;
  position: absolute;
  bottom: 0;
  inset-inline-end: 0;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 45px;
  padding-inline-end: 45px;
}
@media only screen and (max-width: 1600px) {
  .rs-video-three .video-cta-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-three .video-cta-wrapper {
    width: 100%;
    bottom: -232px;
  }
}
.rs-video-three .video-cta-description {
  max-width: 240px;
  font-size: 24px;
  margin: 0 auto;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 25px;
  color: var(--rs-white);
}
@media only screen and (max-width: 1600px) {
  .rs-video-three .video-cta-description {
    font-size: 20px;
  }
}
.rs-video-three.has-theme-primary .video-bg-thumb {
  border-radius: 0 20px 20px 0;
}
.rs-video-three.has-theme-primary .video-cta-wrapper {
  background: var(--rs-theme-primary);
  border-radius: 20px 0 20px 0;
}
.rs-video-three.has-theme-primary .video-cta-description {
  color: var(--rs-title-primary);
}

/*----------------------------------------*/
/*   4.15 review css
/*----------------------------------------*/
.rs-review-one {
  position: relative;
  z-index: 1;
  padding-bottom: 320px;
  overflow-x: clip;
}
.rs-review-one.is-space-medium {
  padding-bottom: 110px;
}
@media only screen and (max-width: 991px) {
  .rs-review-one.is-space-medium {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-one.is-space-medium {
    padding-bottom: 70px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-review-one {
    padding-bottom: 280px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-one {
    padding-bottom: 270px;
  }
}
.rs-review-one .shape-two {
  position: absolute;
  top: 400px;
  inset-inline-start: -155px;
}
.rs-review-one .shape-three {
  position: absolute;
  top: 400px;
  inset-inline-end: 40px;
}
@media only screen and (max-width: 767px) {
  .rs-review-one .shape-three {
    display: none;
  }
}
.rs-review-one .review-section-wrapper .shape img {
  animation: rotate-infinite 30s infinite linear;
  width: 310px;
  border-radius: 200px 200px 200px 200px;
}
.rs-review-one .review-item {
  background: #101C66;
  padding-top: 35px;
  padding-bottom: 35px;
  padding-inline-start: 30px;
  padding-inline-end: 30px;
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 10px;
  width: 260px;
}
@media only screen and (max-width: 1600px) {
  .rs-review-one .review-item {
    width: 220px;
    padding-top: 25px;
    padding-bottom: 25px;
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-review-one .review-item {
    width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-one .review-item {
    width: 100%;
  }
}
.rs-review-one .review-title {
  color: var(--rs-white);
  font-size: 18px;
  margin-top: 20px;
  display: inline-block;
}
@media only screen and (max-width: 1199px) {
  .rs-review-one .review-title {
    font-size: 16px;
  }
}
.rs-review-one .review-content-left {
  gap: 20px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media only screen and (max-width: 480px) {
  .rs-review-one .review-content-left {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-review-one .review-thumb img {
  width: 140px;
}
.rs-review-one .review-content-wrapper {
  gap: 30px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rs-review-one .review-content-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}
.rs-review-one .review-counter-wrapper {
  background: #101C66;
  border-radius: 10px 10px 10px 10px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 0;
}
@media only screen and (max-width: 1600px) {
  .rs-review-one .review-counter-wrapper {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-one .review-counter-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.rs-review-one .review-counter-wrapper .counter-number-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  justify-content: center;
}
.rs-review-one .review-counter-wrapper .counter-item {
  position: relative;
  z-index: 1;
}
.rs-review-one .review-counter-wrapper .counter-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.rs-review-one .review-counter-wrapper .counter-inner {
  text-align: center;
}
.rs-review-one .review-counter-wrapper .counter-number,
.rs-review-one .review-counter-wrapper .prefix {
  font-size: 50px;
  position: relative;
  color: var(--rs-white);
  font-weight: 700;
  line-height: 0.8;
}
@media only screen and (max-width: 1600px) {
  .rs-review-one .review-counter-wrapper .counter-number,
  .rs-review-one .review-counter-wrapper .prefix {
    font-size: 35px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-review-one .review-counter-wrapper .counter-number,
  .rs-review-one .review-counter-wrapper .prefix {
    font-size: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-one .review-counter-wrapper .counter-number,
  .rs-review-one .review-counter-wrapper .prefix {
    font-size: 50px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-review-one .review-counter-wrapper .counter-number,
  .rs-review-one .review-counter-wrapper .prefix {
    font-size: 40px;
  }
}
.rs-review-one .review-counter-wrapper .counter-title {
  font-size: 18px;
  color: var(--rs-white);
  font-weight: 500;
}
@media only screen and (max-width: 1199px) {
  .rs-review-one .review-counter-wrapper .counter-title {
    font-size: 16px;
  }
}
.rs-review-one .review-content-right {
  position: relative;
  z-index: 2;
  width: 100%;
}
.rs-review-one .review-bg-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-review-two {
  position: relative;
  z-index: 1;
}
.rs-review-two .review-stroke-text {
  position: absolute;
  transform: rotate(-90deg);
  z-index: 2;
  bottom: 415px;
  inset-inline-start: -130px;
}
@media only screen and (max-width: 1700px) {
  .rs-review-two .review-stroke-text {
    inset-inline-start: -180px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-review-two .review-stroke-text {
    display: none;
  }
}
.rs-review-two .review-stroke-text span {
  color: rgba(3, 51, 51, 0);
  -webkit-text-stroke: 1px rgba(54, 114, 255, 0.1);
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
  font-size: 100px;
  font-weight: 800;
  text-transform: uppercase;
  line-height: 0.9;
}
@media only screen and (max-width: 1700px) {
  .rs-review-two .review-stroke-text span {
    font-size: 80px;
  }
}
.rs-review-two .review-counter {
  position: relative;
  z-index: 1;
}
.rs-review-two .review-bg-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  top: 0;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-review-two .review-counter-item-wrapper {
  background: #101C66;
  border-radius: 10px 10px 10px 10px;
  padding-top: 45px;
  padding-bottom: 45px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-bottom: 0;
  height: 100%;
}
@media only screen and (max-width: 1600px) {
  .rs-review-two .review-counter-item-wrapper {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-review-two .review-counter-item-wrapper .counter-number-wrapper {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  justify-content: center;
}
.rs-review-two .review-counter-item-wrapper .counter-item {
  position: relative;
  z-index: 1;
}
.rs-review-two .review-counter-item-wrapper .counter-item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  padding-bottom: 35px;
  margin-bottom: 35px;
}
.rs-review-two .review-counter-item-wrapper .counter-inner {
  text-align: center;
}
.rs-review-two .review-counter-item-wrapper .counter-number,
.rs-review-two .review-counter-item-wrapper .prefix {
  font-size: 50px;
  position: relative;
  color: var(--rs-white);
  font-weight: 700;
  line-height: 0.8;
}
@media only screen and (max-width: 1600px) {
  .rs-review-two .review-counter-item-wrapper .counter-number,
  .rs-review-two .review-counter-item-wrapper .prefix {
    font-size: 35px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-review-two .review-counter-item-wrapper .counter-number,
  .rs-review-two .review-counter-item-wrapper .prefix {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-two .review-counter-item-wrapper .counter-number,
  .rs-review-two .review-counter-item-wrapper .prefix {
    font-size: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-review-two .review-counter-item-wrapper .counter-number,
  .rs-review-two .review-counter-item-wrapper .prefix {
    font-size: 40px;
  }
}
.rs-review-two .review-counter-item-wrapper .counter-title {
  font-size: 18px;
  color: var(--rs-white);
  font-weight: 500;
}
.rs-review-two .review-thumb {
  margin-bottom: 45px;
}
.rs-review-two .review-thumb img {
  border-radius: 5px;
  width: 100%;
}
.rs-review-two .review-wrapper {
  display: grid;
  grid-template-columns: auto auto;
  gap: 30px 50px;
}
@media only screen and (max-width: 1600px) {
  .rs-review-two .review-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-review-two .review-wrapper {
    grid-template-columns: auto 600px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-review-two .review-wrapper {
    grid-template-columns: auto;
  }
}
.rs-review-two .review-icon {
  width: 130px;
  margin: 0 auto;
}
.rs-review-two .review-title {
  font-size: 18px;
  margin-top: 20px;
  display: inline-block;
}
.rs-review-two .review-item-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .rs-review-two .review-item-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-review-two .review-item-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-review-two .review-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-review-two .review-item {
  background-color: transparent;
  background-image: linear-gradient(267deg, #F5F8FF 25%, var(--rs-bg-primary) 86%);
  text-align: center;
  padding: 30px;
  border-radius: 10px;
}
@media only screen and (max-width: 1600px) {
  .rs-review-two .review-item {
    padding: 25px;
  }
}

/*----------------------------------------*/
/*  4.10 gallery css
/*----------------------------------------*/
.rs-gallery-one .gallery-thumb-wrapper {
  display: flex;
  gap: 25px;
  justify-content: center;
}
@media only screen and (max-width: 991px) {
  .rs-gallery-one .gallery-thumb-wrapper {
    flex-wrap: wrap;
  }
}
.rs-gallery-one .gallery-thumb:first-child {
  display: flex;
  align-items: end;
}
.rs-gallery-one .gallery-thumb img {
  width: 100%;
  border-radius: 20px;
}
@media only screen and (max-width: 767px) {
  .rs-gallery-one .gallery-thumb {
    width: 100%;
  }
}

/*----------------------------------------*/
/*  4.11 job css
/*----------------------------------------*/
.rs-job-one .job-wrapper .job-item:first-child {
  border-top: 1px solid #F1F1F1;
}
.rs-job-one .job-item {
  padding: 40px 40px 40px 40px;
  display: grid;
  grid-template-columns: 480px 530px auto;
  gap: 30px;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.4s ease;
  border-bottom: 1px solid #F1F1F1;
  cursor: pointer;
}
@media only screen and (max-width: 1600px) {
  .rs-job-one .job-item {
    padding: 30px 30px 30px 30px;
    grid-template-columns: 400px 450px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-job-one .job-item {
    grid-template-columns: auto 400px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-job-one .job-item {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 767px) {
  .rs-job-one .job-item {
    grid-template-columns: auto;
    gap: 20px;
  }
}
.rs-job-one .job-item:hover {
  background: rgba(240, 245, 218, 0.5803921569);
}
.rs-job-one .job-item:hover .job-number {
  color: #acd601;
}
.rs-job-one .job-item:hover .job-title {
  color: #acd601;
}
.rs-job-one .job-item:hover .job-meta-wrapper span:first-child {
  border-color: var(--rs-white);
}
.rs-job-one .job-item:hover .rs-btn-circle {
  background: var(--rs-theme-primary);
}
.rs-job-one .job-btn .rs-btn-circle {
  width: 50px;
  height: 50px;
  border-radius: 0;
  background: rgba(201, 243, 29, 0.3215686275);
}
.rs-job-one .job-btn .rs-btn-circle svg {
  width: 16px;
  height: 16px;
}
.rs-job-one .job-btn .rs-btn-circle svg path {
  fill: var(--rs-theme-secondary);
}
.rs-job-one .job-item-info {
  display: flex;
  gap: 20px 30px;
}
@media only screen and (max-width: 480px) {
  .rs-job-one .job-item-info {
    flex-wrap: wrap;
  }
}
.rs-job-one .job-descrip {
  margin-bottom: 0;
  transition: all 0.4s ease;
}
.rs-job-one .job-number {
  font-size: 26px;
  color: var(--rs-title-primary);
  font-weight: 700;
  line-height: 1.35;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 1366px) {
  .rs-job-one .job-number {
    font-size: 36px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-job-one .job-number {
    font-size: 30px;
  }
}
.rs-job-one .job-title {
  font-size: 28px;
  margin-bottom: 20px;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 1366px) {
  .rs-job-one .job-title {
    font-size: 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-job-one .job-title {
    font-size: 26px;
  }
}
.rs-job-one .job-title a:hover {
  color: #acd601;
}
.rs-job-one .job-meta-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.rs-job-one .job-meta-wrapper span {
  line-height: 20px;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 480px) {
  .rs-job-one .job-meta-wrapper span {
    font-size: 14px;
  }
}
.rs-job-one .job-meta-wrapper span:first-child {
  border-inline-end: 1px solid rgba(0, 0, 0, 0.2);
  padding-inline-end: 8px;
  margin-inline-end: 8px;
}
.rs-job-one .job-meta-wrapper span:first-child::before {
  position: absolute;
  content: "";
  width: 10px;
}
.rs-job-one .job-btn {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .rs-job-one .job-btn {
    justify-content: start;
  }
}

/*----------------------------------------*/
/*  4.7 experience css
/*----------------------------------------*/
.rs-experience-one .experience-wrapper {
  display: grid;
  grid-template-columns: 755px auto;
  gap: 30px 90px;
  align-items: center;
}
@media only screen and (max-width: 1800px) {
  .rs-experience-one .experience-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-experience-one .experience-wrapper {
    grid-template-columns: 600px auto;
    align-items: start;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-experience-one .experience-wrapper {
    grid-template-columns: auto auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-experience-one .experience-wrapper {
    grid-template-columns: auto;
  }
}
.rs-experience-one .experience-content-wrapper {
  margin-inline-end: 20px;
}
@media only screen and (max-width: 1600px) {
  .rs-experience-one .experience-content-wrapper {
    margin-inline-end: 0px;
  }
}
.rs-experience-one .experience-content-wrapper .experience-description {
  margin-top: 20px;
  margin-bottom: 40px;
}
.rs-experience-one .experience-counter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  flex-wrap: wrap;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-inline-start: 40px;
  padding-inline-end: 40px;
  background: var(--rs-theme-secondary);
  border-radius: 20px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 991px) {
  .rs-experience-one .experience-counter {
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
.rs-experience-one .experience-title {
  font-size: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-experience-one .experience-title {
    font-size: 26px;
  }
}
.rs-experience-one .counter-number-wrapper {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  margin-bottom: 10px;
}
.rs-experience-one .counter-number,
.rs-experience-one .suffix {
  font-size: 36px;
  font-weight: 600;
  color: var(--rs-theme-primary);
  line-height: 0.9;
}
.rs-experience-one .counter-title {
  display: block;
  color: rgba(255, 255, 255, 0.831372549);
  font-weight: 400;
  font-size: 18px;
}
@media only screen and (max-width: 1600px) {
  .rs-experience-one .counter-title {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-experience-one .counter-title {
    font-size: 18px;
  }
}
.rs-experience-one .experience-progress-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  gap: 35px 60px;
}
@media only screen and (max-width: 1199px) {
  .rs-experience-one .experience-progress-wrapper {
    gap: 30px 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .rs-experience-one .experience-progress-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-experience-one .experience-progress-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-experience-one .experience-progress-item {
  position: relative;
  overflow: hidden;
}
.rs-experience-one .progress-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}
.rs-experience-one .progress-number {
  color: var(--rs-title-primary);
  font-size: 16px;
  font-weight: 700;
}
.rs-experience-one .progress {
  height: 8px;
}
.rs-experience-one .progress-bar {
  background-color: var(--rs-theme-secondary);
}
.rs-experience-one .progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

/*----------------------------------------*/
/*  4.3 award css
/*----------------------------------------*/
.rs-award-one {
  overflow-x: clip;
  position: relative;
  z-index: 2;
}
.rs-award-one .award-shape {
  position: absolute;
  inset-inline-end: 300px;
  top: 170px;
}
@media only screen and (max-width: 1600px) {
  .rs-award-one .award-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-award-one .award-shape {
    display: none;
  }
}
.rs-award-one .section-title.has-padding {
  padding-inline-start: 180px;
}
@media only screen and (max-width: 1199px) {
  .rs-award-one .section-title.has-padding {
    padding-inline-start: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-award-one .section-title.has-padding {
    padding-inline-start: 0px;
  }
}
.rs-award-one .award-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .rs-award-one .award-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-award-one .award-item a {
  padding: 40px 30px 40px 30px;
  background: var(--rs-bg-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 15px;
  transition: all 0.5s ease;
}
@media only screen and (max-width: 1600px) {
  .rs-award-one .award-item a {
    padding: 30px 30px 30px 30px;
  }
}
.rs-award-one .award-item a:hover {
  background: var(--rs-theme-secondary);
}
.rs-award-one .award-item a:hover .award-thumb {
  opacity: 1;
  visibility: visible;
}
.rs-award-one .award-item a:hover .award-title {
  color: var(--rs-white);
}
.rs-award-one .award-item a:hover .award-description {
  color: var(--rs-white);
}
.rs-award-one .award-title {
  display: inline;
  background-image: linear-gradient(to right, currentColor 0, currentColor 100%);
  background-position: 0 90%;
  background-repeat: no-repeat;
  background-size: 0 2px;
  -webkit-transition: all 0.3s, background-size 0.8s;
  transition: all 0.3s, background-size 0.8s;
  padding: 0 0 3px 0;
}
.rs-award-one .award-title:hover {
  background-size: 100% 2px;
}
.rs-award-one .award-thumb {
  position: absolute;
  inset-inline-start: 330px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
  top: -10px;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-award-one .award-thumb {
    inset-inline-start: 300px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-award-one .award-thumb {
    inset-inline-start: 230px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-award-one .award-thumb {
    inset-inline-start: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-award-one .award-thumb {
    inset-inline-start: 250px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-award-one .award-thumb {
    inset-inline-start: 150px;
  }
}
.rs-award-one .award-thumb img {
  width: 280px;
}
@media only screen and (max-width: 1600px) {
  .rs-award-one .award-thumb img {
    width: 100%;
  }
}
.rs-award-one.has-bg-primary .award-item a {
  background: var(--rs-bg-primary);
  border-radius: 10px;
}
.rs-award-one.has-bg-primary .award-item a:hover {
  background: var(--rs-theme-secondary);
}
.rs-award-one.has-bg-primary .award-shape {
  top: 130px;
}

/*----------------------------------------*/
/*   4.9 feature css
/*----------------------------------------*/
.rs-feature-one .feature-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media only screen and (max-width: 1199px) {
  .rs-feature-one .feature-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-one .feature-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-feature-one .feature-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-feature-one .feature-item {
  background: rgba(255, 255, 255, 0);
  box-shadow: 0px 0px 70px 0px rgba(0, 0, 0, 0.07);
  padding: 30px 25px 30px 25px;
  position: relative;
  z-index: 1;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
.rs-feature-one .feature-item:hover {
  background: var(--rs-theme-purple-light);
}
.rs-feature-one .feature-item:hover .feature-title {
  color: var(--rs-white);
}
.rs-feature-one .feature-item:hover .feature-description {
  color: var(--rs-white);
}
.rs-feature-one .feature-item:hover .feature-shape.shape-primary {
  opacity: 0;
}
.rs-feature-one .feature-item:hover .feature-shape.shape-hover {
  opacity: 1;
}
.rs-feature-one .feature-item .feature-title {
  color: var(--rs-title-secondary);
}
.rs-feature-one .feature-item .feature-icon {
  margin-bottom: 20px;
}
.rs-feature-one .feature-item .feature-icon img {
  width: 60px;
  height: 60px;
}
.rs-feature-one .feature-line {
  width: 70px;
  display: inline-block;
  background-image: linear-gradient(132deg, #FD644F 0%, #F28E26 100%);
  height: 2px;
  margin-top: 20px;
  margin-bottom: 35px;
}
.rs-feature-one .feature-shape {
  position: absolute;
  inset-inline-end: 45px;
  transition: opacity 0.5s ease;
  pointer-events: none;
  top: 145px;
}
.rs-feature-one .feature-shape.shape-primary {
  opacity: 1;
  z-index: 1;
}
.rs-feature-one .feature-shape.shape-hover {
  opacity: 0;
  z-index: 2;
}
.rs-feature-two {
  padding-top: 240px;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-feature-two {
    padding-top: 220px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-feature-two {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-feature-two {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-two {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-feature-two {
    padding-top: 125px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-feature-two {
    padding-top: 115px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-feature-two {
    padding-top: 100px;
  }
}
.rs-feature-two .feature-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-feature-two .feature-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 125px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-feature-two .feature-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-feature-two .feature-wrapper {
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-two .feature-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (max-width: 1199px) {
  .rs-feature-two .feature-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-two .feature-thumb {
    position: relative;
    top: unset;
  }
}
.rs-feature-two .feature-thumb img {
  width: 100%;
}
.rs-feature-two .feature-details {
  margin-bottom: 25px;
}
.rs-feature-two .feature-details.is-secondary {
  margin-bottom: 0;
}
.rs-feature-two .feature-btn {
  margin-top: 40px;
}
.rs-feature-two .feature-shape-one {
  position: absolute;
  width: 115px;
  inset-inline-start: 44%;
  top: 130px;
}
@media only screen and (max-width: 1199px) {
  .rs-feature-two .feature-shape-one {
    top: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-two .feature-shape-one {
    top: 40px;
  }
}
.rs-feature-two .feature-shape-two {
  position: absolute;
  width: 115px;
  inset-inline-end: 80px;
  bottom: 0;
}
@media only screen and (max-width: 1199px) {
  .rs-feature-two .feature-shape-two {
    display: none;
  }
}
.rs-feature-two .has-anim,
.rs-feature-two .feature-shape-one,
.rs-feature-two .feature-shape-two {
  animation: rs-scale-three 3s ease-in-out alternate infinite;
  -webkit-animation: rs-scale-three 3s ease-in-out alternate infinite;
}
.rs-feature-three {
  position: relative;
  z-index: 1;
}
.rs-feature-three .feature-thumb {
  margin-bottom: 30px;
}
.rs-feature-three .feature-thumb img {
  width: 180px;
  height: auto;
  transition: all 0.5s ease-in-out;
}
.rs-feature-three .feature-item {
  position: relative;
  z-index: 1;
}
.rs-feature-three .feature-item:hover .feature-thumb img {
  transform: scale(1.1);
}
.rs-feature-three .feature-item:not(:last-child)::before {
  position: absolute;
  content: "";
  background: #EDEDED;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  inset-inline-end: 0;
}
@media only screen and (max-width: 767px) {
  .rs-feature-three .feature-item:not(:last-child) {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 20px;
  }
}
.rs-feature-three .feature-item:first-child::before {
  inset-inline-end: -15px;
}
@media only screen and (max-width: 991px) {
  .rs-feature-three .feature-item:first-child .feature-content {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .rs-feature-three .feature-item:first-child::before {
    display: none;
  }
  .rs-feature-three .feature-item:first-child .feature-content {
    padding-bottom: 0;
  }
}
.rs-feature-three .feature-item:nth-child(2)::before {
  inset-inline-end: -15px;
}
@media only screen and (max-width: 991px) {
  .rs-feature-three .feature-item:nth-child(2) .feature-content {
    padding-bottom: 0;
  }
  .rs-feature-three .feature-item:nth-child(2)::before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .rs-feature-three .feature-item:nth-child(2) .feature-content {
    padding-top: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-three .feature-item:nth-child(3) .feature-content {
    padding-top: 0;
  }
}
.rs-feature-three .feature-wrapper {
  background: var(--rs-white);
  box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: -180px;
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-feature-three .feature-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-feature-three .feature-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-feature-three .feature-content {
  padding: 50px 40px 50px 40px;
  text-align: center;
}
@media only screen and (max-width: 1199px) {
  .rs-feature-three .feature-content {
    padding: 40px 30px 40px 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-feature-three .feature-content {
    padding: 30px;
  }
}
.rs-feature-three .feature-title {
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 1199px) {
  .rs-feature-three .feature-title {
    font-size: 22px;
  }
}
.rs-feature-three .feature-description {
  margin-top: 12px;
}

/*----------------------------------------*/
/*  4.14 process css
/*----------------------------------------*/
.rs-work-process-one {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-work-process-one .work-process-inner {
  overflow-y: scroll;
  height: 552px;
  padding-inline-end: 25px;
}
.rs-work-process-one .work-process-inner::-webkit-scrollbar {
  width: 6px;
}
.rs-work-process-one .work-process-inner::-webkit-scrollbar-track {
  background: #ecfbae;
}
.rs-work-process-one .work-process-inner::-webkit-scrollbar-thumb {
  background-color: var(--rs-theme-secondary);
  border-radius: 6px;
}
.rs-work-process-one .work-process-item {
  display: flex;
  padding: 33px 30px 35px 35px;
  border: 1px solid #EBEBEB;
  border-radius: 30px 30px 30px 30px;
  gap: 20px 50px;
  align-items: start;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--rs-white);
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-one .work-process-item {
    gap: 20px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-work-process-one .work-process-item {
    padding: 25px 25px 25px 25px;
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.rs-work-process-one .work-process-item:not(:last-child) {
  margin-bottom: 20px;
}
.rs-work-process-one .work-process-item.active .work-process-bg-thumb {
  inset-inline-start: 0;
  width: 100%;
  opacity: 1;
}
.rs-work-process-one .work-process-item.active .work-process-title {
  color: var(--rs-white);
}
.rs-work-process-one .work-process-item.active .work-process-description {
  color: var(--rs-white);
}
.rs-work-process-one .work-process-item.active .work-process-number {
  color: var(--rs-theme-primary);
}
.rs-work-process-one .work-process-item:hover .work-process-bg-thumb {
  inset-inline-start: 0;
  width: 100%;
  opacity: 1;
}
.rs-work-process-one .work-process-item:hover .work-process-title {
  color: var(--rs-white);
}
.rs-work-process-one .work-process-item:hover .work-process-description {
  color: var(--rs-white);
}
.rs-work-process-one .work-process-item:hover .work-process-number {
  color: var(--rs-theme-primary);
}
.rs-work-process-one .work-process-bg-thumb {
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px 10px 10px 10px;
  z-index: -1;
  transition: all 0.5s ease;
  width: 100%;
  opacity: 0;
  inset-inline-start: -30%;
}
.rs-work-process-one .work-process-title {
  color: var(--rs-title-primary);
  margin-bottom: 15px;
}
.rs-work-process-one .work-process-description {
  color: var(--rs-text-primary);
}
.rs-work-process-one .work-process-number {
  color: var(--rs-title-primary);
  font-size: 60px;
  font-weight: 700;
  line-height: 0.9;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-one .work-process-number {
    font-size: 45px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-work-process-one .work-process-number {
    font-size: 40px;
  }
}
.rs-work-process-one .work-process-wrapper {
  margin-inline-start: 30px;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-one .work-process-wrapper {
    margin-inline-start: 0px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-one.has-theme-primary .work-process-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-process-one.has-theme-primary .work-process-thumb {
    position: relative;
    top: unset;
  }
}
.rs-work-process-one.has-theme-primary .work-process-thumb img {
  width: 100%;
  border-radius: 20px;
}
.rs-work-process-one.has-theme-primary .work-process-shape {
  position: absolute;
  inset-inline-end: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-one.has-theme-primary .work-process-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-process-one.has-theme-primary .work-process-shape {
    display: none;
  }
}
.rs-work-process-two .section-title.has-padding {
  padding-inline-start: 120px;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-two .section-title.has-padding {
    padding-inline-start: 50px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .section-title.has-padding {
    padding-inline-start: 0px;
  }
}
.rs-work-process-two .work-process-top {
  display: grid;
  grid-template-columns: 630px auto;
  gap: 30px 40px;
  border-bottom: 2px solid #E7E7E8;
  padding-bottom: 55px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-two .work-process-top {
    grid-template-columns: 570px auto;
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-work-process-two .work-process-top {
    grid-template-columns: 400px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-top {
    grid-template-columns: auto;
    padding-bottom: 0;
    border: none;
  }
}
.rs-work-process-two .work-process-item-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 575px) {
  .rs-work-process-two .work-process-item-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-work-process-two .work-process-item {
  background: var(--rs-bg-secondary);
  padding-top: 25px;
  padding-bottom: 30px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .rs-work-process-two .work-process-item {
    padding: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-work-process-two .work-process-item {
    padding: 30px;
  }
}
.rs-work-process-two .work-process-number {
  font-size: 36px;
  font-weight: 700;
  color: #E7E7E7;
  display: inline-block;
  line-height: 1;
}
.rs-work-process-two .work-process-title {
  margin-top: 10px;
  margin-bottom: 6px;
}
.rs-work-process-two .work-process-shape-one {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -60px;
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-shape-one {
    display: none;
  }
}
.rs-work-process-two .work-process-shape-two {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  bottom: -60px;
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-shape-two {
    display: none;
  }
}
.rs-work-process-two .work-process-shape-three {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -60px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-shape-three {
    display: none;
  }
}
.rs-work-process-two .work-process-shape-four {
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  top: -60px;
  transform: rotate(180deg);
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-shape-four {
    display: none;
  }
}
.rs-work-process-two .work-process-bottom {
  display: grid;
  grid-template-columns: 630px auto;
  gap: 30px 150px;
}
.rs-work-process-two .work-process-bottom {
  display: grid;
  grid-template-columns: 630px auto;
  gap: 30px 150px;
  padding-top: 55px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-work-process-two .work-process-bottom {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-work-process-two .work-process-bottom {
    grid-template-columns: 550px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-bottom {
    grid-template-columns: auto;
    padding-top: 30px;
  }
}
.rs-work-process-two .work-process-section-description {
  max-width: 470px;
}
@media only screen and (max-width: 991px) {
  .rs-work-process-two .work-process-section-description {
    max-width: 100%;
  }
}
.rs-work-process-two .work-process-description {
  margin-bottom: 0;
}
.rs-work-process-two.has-bg-primary .work-process-item {
  background: #F0F5DA;
  text-align: start;
  border-radius: 10px;
}
.rs-work-process-two.has-bg-primary .work-process-number {
  color: #E0E5CC;
}

/*----------------------------------------*/
/*  4.4 brand css
/*----------------------------------------*/
.rs-brand-one {
  position: relative;
  z-index: 1;
}
.rs-brand-one .brand-shape {
  position: absolute;
  inset-inline-end: 300px;
}
@media only screen and (max-width: 1600px) {
  .rs-brand-one .brand-shape {
    inset-inline-end: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-brand-one .brand-shape {
    display: none;
  }
}
.rs-brand-one .section-title-wrapper {
  max-width: 1000px;
}
.rs-brand-one .brand-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-top: 1px solid #EFEFEF;
}
@media only screen and (max-width: 991px) {
  .rs-brand-one .brand-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-brand-one .brand-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-brand-one .brand-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-brand-one .brand-item {
  border-inline-start: 1px solid #EFEFEF;
  border-bottom: 1px solid #EFEFEF;
}
@media only screen and (max-width: 1800px) {
  .rs-brand-one .brand-item:nth-child(4) {
    border-inline-end: 1px solid #EFEFEF;
  }
  .rs-brand-one .brand-item:nth-child(8) {
    border-inline-end: 1px solid #EFEFEF;
  }
}
@media only screen and (max-width: 991px) {
  .rs-brand-one .brand-item:nth-child(3) {
    border-inline-end: 1px solid #EFEFEF;
  }
  .rs-brand-one .brand-item:nth-child(6) {
    border-inline-end: 1px solid #EFEFEF;
  }
}
@media only screen and (max-width: 767px) {
  .rs-brand-one .brand-item:nth-child(2) {
    border-inline-end: 1px solid #EFEFEF;
  }
}
@media only screen and (max-width: 480px) {
  .rs-brand-one .brand-item:nth-child(1) {
    border-inline-end: 1px solid #EFEFEF;
  }
  .rs-brand-one .brand-item:nth-child(5) {
    border-inline-end: 1px solid #EFEFEF;
  }
  .rs-brand-one .brand-item:nth-child(7) {
    border-inline-end: 1px solid #EFEFEF;
  }
}
.rs-brand-one .brand-item:hover .brand-thumb img {
  transform: scale(1.1);
}
.rs-brand-one .brand-thumb {
  overflow: hidden;
}
.rs-brand-one .brand-thumb img {
  width: 100%;
  transition: all ease 0.5s;
}
.rs-brand-two {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-brand-two .brand-section-wrapper {
  margin-bottom: 75px;
}
@media only screen and (max-width: 767px) {
  .rs-brand-two .brand-section-wrapper {
    margin-bottom: 50px;
  }
}
.rs-brand-two .brand-item:hover .brand-thumb img {
  transform: scale(1.1);
}
.rs-brand-two .brand-slider {
  text-align: center;
}
.rs-brand-two .brand-title {
  font-size: 22px;
  color: var(--rs-title-secondary);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .rs-brand-two .brand-title {
    font-size: 20px;
  }
}
.rs-brand-two .brand-thumb {
  overflow: hidden;
}
.rs-brand-two .brand-thumb img {
  width: 130px;
  transition: all 0.5s ease-in-out;
}
.rs-brand-three {
  padding-top: 70px;
  padding-bottom: 50px;
  border-bottom: 1px solid #eee;
}
@media only screen and (max-width: 991px) {
  .rs-brand-three {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
.rs-brand-three .brand-slider-wrapper {
  text-align: center;
}
.rs-brand-three .brand-item:hover .brand-thumb img {
  transform: scale(1.2);
}
.rs-brand-three .brand-thumb img {
  width: 200px;
}
.rs-brand-four {
  position: relative;
  z-index: 1;
}
.rs-brand-four::before {
  position: absolute;
  width: 100%;
  height: calc(100% - 90px);
  background: var(--rs-theme-purple);
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
}
.rs-brand-four .brand-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-brand-four .brand-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-brand-four .brand-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-brand-four .brand-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-brand-four .brand-item {
  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.04);
  transition: all ease 0.5s;
  overflow: hidden;
}
.rs-brand-four .brand-item:hover img {
  transform: scale(1.1);
}
.rs-brand-four .brand-item img {
  width: 100%;
}
.rs-brand-four .section-subtitle {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 3px;
  text-transform: uppercase;
}
.rs-brand-five {
  padding-top: 50px;
}
.rs-brand-five .brand-item {
  margin-inline-start: 30px;
  margin-inline-end: 30px;
}
@media only screen and (max-width: 1600px) {
  .rs-brand-five .brand-item {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
  }
}
.rs-brand-five .brand-item:hover .brand-thumb img {
  transform: scale(1.2);
}
.rs-brand-five .brand-thumb img {
  width: 100%;
  transition: all 0.5s ease;
}

.has-brand-bg {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.has-brand-bg .brand-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100px;
  left: 0;
  background-repeat: no-repeat;
  z-index: -1;
}

/*----------------------------------------*/
/*   4.17 Skill css
/*----------------------------------------*/
.rs-skill-one {
  position: relative;
  z-index: 1;
  background: var(--rs-theme-secondary);
  overflow-x: clip;
}
.rs-skill-one .skill-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center right;
  background-repeat: no-repeat;
  z-index: -1;
  opacity: 0.7;
}
.rs-skill-one .section-description {
  color: #CACACA;
  margin-bottom: 30px;
}
.rs-skill-one .skill-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 180px;
  align-items: center;
}
@media only screen and (max-width: 1600px) {
  .rs-skill-one .skill-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-skill-one .skill-wrapper {
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .rs-skill-one .skill-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-skill-one .single-progress:not(:last-child) {
  margin-bottom: 25px;
}
.rs-skill-one .progress {
  height: 10px;
  background-color: #404548;
  padding: 2px 0px 0px 2px;
}
.rs-skill-one .progress-title {
  color: var(--rs-white);
  font-weight: 600;
}
.rs-skill-one .progress-bar {
  background-color: var(--rs-theme-purple);
  height: 6px;
}
.rs-skill-one .progress-top {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rs-skill-one .progress-number {
  height: 28px;
  width: 48px;
  font-size: 16px;
  color: var(--rs-white);
  font-weight: 700;
  display: flex;
  justify-content: center;
  line-height: 28px;
}
.rs-skill-one .progress-number::before {
  content: "";
  position: absolute;
  display: block;
  width: 10px;
  height: 15px;
  background: #fff;
  top: 100%;
  left: 20px;
  box-sizing: border-box;
  clip-path: polygon(0 0, 0% 100%, 100% 0%, calc(100% - 2px) 0, 1px calc(100% - 2px), 1px 0);
}
.rs-skill-one .progress-number::after {
  content: "";
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 2px;
  box-sizing: border-box;
  clip-path: polygon(0% 105%, 0% 0%, 105% 0%, 105% 105%, 23px 105%, 43px 80%, 21px 80%, 21px 105%);
}
.rs-skill-one .skill-thumb {
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .rs-skill-one .skill-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-skill-one .skill-thumb {
    position: relative;
    top: unset;
  }
}
.rs-skill-one .skill-thumb img {
  width: 100%;
  transition: unset;
}

/*----------------------------------------*/
/*  4.2 Agency css
/*----------------------------------------*/
.rs-agency-one {
  overflow-x: clip;
}
.rs-agency-one .agency-cta-content {
  background: #F0F5DA;
  padding: 30px 30px 30px 30px;
  border-radius: 10px 10px 10px 10px;
}
.rs-agency-one .agency-cta-description {
  font-size: 20px;
  font-weight: 500;
  color: var(--rs-title-primary);
}
.rs-agency-one .agency-cta-thumb {
  margin-bottom: 15px;
}
.rs-agency-one .agency-cta-wrapper {
  display: grid;
  grid-template-columns: 295px auto;
  gap: 30px 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-agency-one .agency-cta-wrapper {
    grid-template-columns: 230px auto;
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-agency-one .agency-cta-wrapper {
    grid-template-columns: auto;
  }
}
.rs-agency-one .section-description {
  margin-top: 20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 1600px) {
  .rs-agency-one .agency-thumb {
    position: sticky;
    top: 110px;
  }
}
.rs-agency-one .agency-thumb img {
  width: 100%;
  border-radius: 20px;
}

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