/*---------------------------------
	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 experience
		4.8 expertise
		4.9 faq
		4.10 feature
		4.11 gallery
		4.12 job
		4.13 portfolio
		4.14 pricing
		4.15 process
		4.16 services
		4.17 skill
		4.18 slide-text
		4.19 team
		4.20 testimonial
		4.21 video
		4.22 work-step
		4.23 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: 'Plus Jakarta Sans', sans-serif;
  --rs-ff-title: 'Plus Jakarta Sans', sans-serif;
  --rs-ff-p: 'Plus Jakarta Sans', 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: #4D71D4;
  --rs-theme-secondary: #10171E;
  --rs-theme-purple: #4D71D4;
  --rs-theme-purple-light:#4D71D4;
  --rs-theme-black: #171E24;
  --rs-text-primary: #fff;
  --rs-theme-hover: #4D71D4;
  --rs-title-primary: #fff;
  --rs-title-secondary: #10171E;
  --rs-bg-primary: #10171E;
  --rs-bg-secondary: #131C25;
  --rs-border-primary: #E1E1E10F;
  --rs-placeholder: rgba(30, 30, 30, 0.4);
  --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: 16px;
  --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;
  background: rgb(0, 0, 0);
}

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: 48px;
}
@media only screen and (max-width: 1366px) {
  h2.is-large,
  .h2.is-large {
    font-size: 48px;
  }
}
@media only screen and (max-width: 1199px) {
  h2.is-large,
  .h2.is-large {
    font-size: 42px;
  }
}
@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:  #ffffff;
}

a,
button {
  color: #ffffff;
  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: 80px;
  /* 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;
  padding-bottom: 60px;
}
@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: var(--rs-theme-secondary);
  padding: 50px;
  box-shadow: 2px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 20px;
  min-height: 598px;
  border: 1px solid var(--rs-border-primary);
}
@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(255, 255, 255, 0.0901960784);
  background: var(--rs-theme-secondary);
  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, #fff 0%, #fff 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: var(--rs-theme-primary);
}
.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 var(--rs-border-primary);
  position: relative;
  background: transparent;
}
.rs-accordion-three .accordion-item:first-child {
  border-top: 1px solid var(--rs-border-primary);
}
.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;
  }
}
.rs-accordion-four .accordion-button {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  padding-inline-start: 35px;
}
.rs-accordion-four .accordion-button .accordion-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--rs-title-primary);
  display: inline-flex;
}
.rs-accordion-four .accordion-button::after {
  content: none;
}
.rs-accordion-four .accordion-button:not(.collapsed) {
  box-shadow: none;
}
.rs-accordion-four .accordion-button:not(.collapsed) .accordion-icon::before {
  transform: translateX(-50%) rotate(90deg);
}
.rs-accordion-four .accordion-button:not(.collapsed) .accordion-icon::after {
  background: var(--rs-theme-primary);
}
.rs-accordion-four .accordion-icon {
  position: absolute;
  left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  text-align: center;
  transition: all 0.4s ease-out 0s;
  width: 14px;
  height: 14px;
}
.rs-accordion-four .accordion-icon::before {
  position: absolute;
  content: "";
  width: 2px;
  height: 100%;
  left: 50%;
  top: 0;
  background-color: var(--rs-white);
  transform: translateX(-50%);
  border-radius: 2px;
  transition: all 0.3s ease-out 0s;
}
.rs-accordion-four .accordion-icon::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--rs-white);
  border-radius: 2px;
}
.rs-accordion-four .accordion-item {
  border: 0;
  position: relative;
  background: transparent;
  padding-bottom: 22px;
  padding-top: 0;
}
.rs-accordion-four .accordion-item:last-child {
  padding-bottom: 0;
}
.rs-accordion-four .accordion-body {
  color: var(--rs-text-primary);
  padding: 15px 100px 0 0px;
  line-height: 28px;
}
@media only screen and (max-width: 1600px) {
  .rs-accordion-four .accordion-body {
    padding: 15px 0px 0 0px;
  }
}

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

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

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

/*----------------------------------------*/
/*  2.6 Buttons
/*----------------------------------------*/
.rs-btn {
  font-size: 17px;
  text-transform: capitalize;
  color:#ffffff;
  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-hover);
  color: var(--rs-theme-black);
}
.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: 50px;
  height: 50px;
  padding: 0;
  border-radius: 50%;
  background: var(--rs-theme-secondary);
}
.rs-btn.is-circle svg path {
  fill: var(--rs-theme-primary);
}
.rs-btn.is-circle:hover {
  background: var(--rs-theme-primary);
}
.rs-btn.is-circle:hover svg path {
  fill: var(--rs-black);
}
.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-purple:hover {
  background: var(--rs-white);
  color: var(--rs-black);
}
.rs-btn.has-bg-white {
  background: var(--rs-white);
}
.rs-btn.has-bg-white:hover {
  background: var(--rs-theme-primary);
  color: var(--rs-black);
}

.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-white);
  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 .rs-btn.has-bg-green {
  background: var(--rs-theme-primary);
  color: var(--rs-theme-secondary);
  font-weight: 600;
}
.rs-btn-group .rs-btn.has-bg-green svg path {
  fill: var(--rs-black);
}
.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-theme-black);
  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-theme-black);
  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-white);
  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;
}
@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: var(--rs-border-primary);
  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;
  background: var(--rs-theme-black);
}
@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-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.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-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;
  }
}
.rs-counter-five {
  position: relative;
  overflow: hidden;
}
.rs-counter-five .counter-item {
  text-align: center;
  position: relative;
}
.rs-counter-five .counter-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 991px) {
  .rs-counter-five .counter-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-counter-five .counter-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 480px) {
  .rs-counter-five .counter-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-counter-five .counter-number,
.rs-counter-five .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-five .counter-number,
  .rs-counter-five .suffix {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-counter-five .counter-number,
  .rs-counter-five .suffix {
    font-size: 50px;
  }
}
.rs-counter-five .counter-number-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  margin-bottom: 30px;
}
.rs-counter-five .counter-title {
  font-size: 22px;
  font-weight: 600;
}
@media only screen and (max-width: 1199px) {
  .rs-counter-five .counter-title {
    font-size: 20px;
  }
}

/*----------------------------------------*/
/*  2.16 Offcanvas
/*----------------------------------------*/
.offcanvas-area {
  background: var(--rs-theme-black) 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: var(--rs-theme-primary);
}
.offcanvas-area .mean-container .mean-nav ul li a.active {
  color: var(--rs-theme-primary);
}
.offcanvas-area.has-theme-orange .offcanvas-close {
  background: #FA6E46;
}
.offcanvas-area.has-theme-orange .offcanvas-close-icon {
  color: #fff;
}
.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: 215px;
}
.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(190, 190, 190, 0.231372549);
  color: #bebebe;
  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: var(--rs-theme-primary);
}
.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: var(--rs-theme-primary);
}

.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:#fff;
}
.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-primary {
  color: var(--rs-white);
}
.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: #4D71D4;
  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);
}
.section-subtitle.text-green-dark {
  font-size: 20px;
  color:  #4E6FC9;
  text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
  .section-subtitle.text-green-dark {
    font-size: 18px;
  }
}

.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-green .swiper-pagination-bullet {
  background: rgba(201, 243, 29, 0.4196078431);
}
.rs-pagination.swiper-pagination.has-green .swiper-pagination-bullet:hover {
  background: var(--rs-theme-primary);
}
.rs-pagination.swiper-pagination.has-green .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-theme-primary);
}
.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(255, 255, 255, 0.1);
  color: var(--rs-white);
  border-radius: 50%;
  position: relative;
}
.common-pagination ul li a:hover {
  background: var(--rs-theme-primary);
  border-color: var(--rs-theme-primary);
  color: var(--rs-title-secondary);
}
.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-white);
}
.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: #ffffff;
}
.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: var(--rs-theme-black);
  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;
  background: rgba(255, 255, 255, 0.0509803922);
}
.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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  z-index: -1;
  top: 0;
  left: 735px;
}
.rs-common-line-two .line__wrap::after {
  width: 1px;
  height: 100%;
  position: absolute;
  content: "";
  background: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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: var(--rs-border-primary);
  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;
  }
} */

/*----------------------------------------*/
/*  2.23 sidebar toggle
/*----------------------------------------*/
.rs-togglebar-wrapper {
  position: fixed;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%) translateX(55px);
  z-index: 999;
  transition: all 0.3s ease 0s;
}
.rs-togglebar-wrapper ul li {
  list-style: none;
}
.rs-togglebar-wrapper .social-trigger-btn {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px 0px 0 5px;
  transition: all 0.3s ease 0s;
  cursor: pointer;
  background: #fff;
  color: #000;
  box-shadow: 0 4px 52px rgba(0, 0, 0, 0.4);
  position: relative;
  font-size: 16px;
}
.rs-togglebar-wrapper .social-trigger-btn i {
  animation: rotate-infinite 8s infinite linear;
}
.rs-togglebar-wrapper .icon-collapse li {
  font-size: 14px;
  background: var(--rs-theme-primary);
  color: var(--rs-black);
  padding: 6px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  min-width: 55px;
}
.rs-togglebar-wrapper .sidebar-icon {
  display: flex;
  align-items: center;
}

body.demo-is-open .rs-togglebar-wrapper {
  transform: translateY(-50%) translateX(0);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  3.4.1 Header Style 1
/*----------------------------------------*/
.rs-header-one.has-border-bottom {
  border-bottom: 1px solid rgba(255, 255, 255, 0.121);
  /* background-color: black; */
}
.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: start;
  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: end;
}
@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: #fff;
}
.rs-header-one.has-theme-gradient .header-inner {
  background: var(--rs-theme-black);
  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-white);
}
.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-purple-bg .header-search-icon:hover i {
  color: var(--rs-theme-purple);
}

/*----------------------------------------*/
/*  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: 250px
}
@media only screen and (max-width: 575px) {
  .header-logo {
    max-width: 180px;
  }
}
.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-black);
}
[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-theme-black);
  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-theme-secondary);
}
@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-white);
  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;
  }
}
.rs-banner-three .banner-shape-two img, .rs-banner-three .banner-shape-three img, .rs-banner-three .banner-shape-five img, .rs-banner-three .banner-shape-seven img {
  opacity: 0.1;
}

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

/*----------------------------------------*/
/*  3.1.6 Banner Style 6
/*----------------------------------------*/
.rs-banner-six {
  padding-top: 180px;
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-six {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-six {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-six {
    padding-top: 130px;
  }
}
.rs-banner-six .banner-shape {
  position: absolute;
  inset-inline-start: 53%;
  top: 235px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-six .banner-shape {
    display: none;
  }
}
.rs-banner-six .banner-wrapper {
  display: grid;
  grid-template-columns: 630px 440px;
  gap: 30px;
  margin-bottom: 75px;
  justify-content: space-between;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-six .banner-wrapper {
    grid-template-columns: 580px 440px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-six .banner-wrapper {
    grid-template-columns: 540px 440px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-six .banner-wrapper {
    grid-template-columns: 500px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-six .banner-wrapper {
    grid-template-columns: auto;
  }
}
.rs-banner-six .banner-title {
  font-size: 70px;
  line-height: 1.14;
  text-decoration: underline;
  font-weight: 600;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-six .banner-title {
    font-size: 65px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-six .banner-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-six .banner-title {
    font-size: 55px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-six .banner-title {
    font-size: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-six .banner-title {
    font-size: 45px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-six .banner-title {
    font-size: 40px;
  }
}
.rs-banner-six .banner-description {
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-six .banner-description {
    font-size: 20px;
  }
}
.rs-banner-six .banner-bg-thumb {
  height: 850px;
  width: 100%;
  background-size: cover;
}
@media only screen and (max-width: 1800px) {
  .rs-banner-six .banner-bg-thumb {
    height: 750px;
  }
}
@media only screen and (max-width: 1600px) {
  .rs-banner-six .banner-bg-thumb {
    height: 700px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-six .banner-bg-thumb {
    height: 600px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-six .banner-bg-thumb {
    height: 500px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-six .banner-bg-thumb {
    height: 400px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-six .banner-bg-thumb {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-six .banner-bg-thumb {
    height: 250px;
  }
}

/*----------------------------------------*/
/*  3.1.7 Banner Style 7
/*----------------------------------------*/
.rs-banner-seven {
  position: relative;
  z-index: 1;
  overflow-x: clip;
}
.rs-banner-seven .banner-slider-pagination {
  position: relative;
  z-index: 1;
}
.rs-banner-seven .banner-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.rs-banner-seven .banner-wrapper {
  padding-top: 215px;
  padding-bottom: 100px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-seven .banner-wrapper {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-seven .banner-wrapper {
    padding-top: 160px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-wrapper {
    padding-top: 135px;
  }
}
.rs-banner-seven .banner-title {
  font-size: 165px;
  color: var(--rs-white);
  line-height: 0.95;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-seven .banner-title {
    font-size: 140px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-banner-seven .banner-title {
    font-size: 120px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-seven .banner-title {
    font-size: 100px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-title {
    font-size: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-seven .banner-title {
    font-size: 60px;
  }
}
@media only screen and (max-width: 575px) {
  .rs-banner-seven .banner-title {
    font-size: 50px;
    line-height: 1.1;
  }
}
@media only screen and (max-width: 480px) {
  .rs-banner-seven .banner-title {
    font-size: 40px;
    line-height: 1.1;
  }
}
.rs-banner-seven .banner-description {
  color: var(--rs-white);
  max-width: 490px;
  margin-top: 45px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .rs-banner-seven .banner-description {
    max-width: 430px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-description {
    max-width: 100%;
  }
}
.rs-banner-seven .banner-content {
  position: relative;
  z-index: 1;
}
.rs-banner-seven .banner-video-thumb {
  position: relative;
  width: 580px;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-seven .banner-video-thumb {
    width: 500px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-seven .banner-video-thumb {
    width: 450px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-video-thumb {
    width: 100%;
  }
}
.rs-banner-seven .banner-video-thumb img {
  width: 100%;
  border-radius: 8px;
}
.rs-banner-seven .banner-video {
  margin-top: -340px;
  margin-inline-end: 80px;
  position: relative;
  z-index: 1;
  margin-inline-start: auto;
  width: max-content;
}
@media only screen and (max-width: 1600px) {
  .rs-banner-seven .banner-video {
    margin-top: -320px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-banner-seven .banner-video {
    margin-inline-end: 80px;
    margin-top: -290px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-video {
    margin-inline-end: 0px;
    margin-top: 30px;
    margin-inline-start: unset;
    width: 100%;
  }
}
.rs-banner-seven .banner-video-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rs-banner-seven .banner-video-btn .rs-play-btn {
  background: var(--rs-black);
  color: var(--rs-theme-primary);
}
.rs-banner-seven .banner-video-btn .rs-play-btn:hover {
  color: var(--rs-white);
}
.rs-banner-seven .banner-video-btn .rs-play-btn:before {
  background: var(--rs-black);
}
.rs-banner-seven .banner-pagination {
  position: absolute;
  inset-inline-end: 50px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}
@media only screen and (max-width: 991px) {
  .rs-banner-seven .banner-pagination {
    top: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .rs-banner-seven .banner-pagination {
    top: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .rs-banner-seven .banner-pagination {
    position: relative;
    top: unset;
    inset-inline-end: unset;
    margin-top: -50px;
    margin-bottom: 45px;
    transform: unset;
  }
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination {
  display: flex;
  flex-direction: column;
  gap: 25px;
}
@media only screen and (max-width: 480px) {
  .rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination {
    flex-direction: row;
    justify-content: center;
  }
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet {
  width: 5px;
  height: 5px;
  margin: 0px;
  position: relative;
  background: var(--rs-theme-primary);
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet:hover {
  background: var(--rs-black);
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet:hover::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: var(--rs-theme-primary);
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--rs-black);
}
.rs-banner-seven .banner-pagination .rs-pagination.swiper-pagination.has-circle .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  background: var(--rs-theme-primary);
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.rs-banner-seven.rs-swiper .swiper-slide-active .banner-title,
.rs-banner-seven.rs-swiper .swiper-slide-active .banner-description,
.rs-banner-seven.rs-swiper .swiper-slide-active .banner-btn,
.rs-banner-seven.rs-swiper .swiper-slide-active .banner-video {
  animation-fill-mode: both;
  animation-name: fadeInUp;
}
.rs-banner-seven .swiper-slide-active .banner-title {
  animation-delay: 0.3s;
  animation-duration: 0.7s;
}
.rs-banner-seven .swiper-slide-active .banner-description {
  animation-delay: 0.5s;
  animation-duration: 0.9s;
}
.rs-banner-seven .swiper-slide-active .banner-btn {
  animation-delay: 0.7s;
  animation-duration: 1.1s;
}
.rs-banner-seven .swiper-slide-active .banner-video {
  animation-delay: 0.9s;
  animation-duration: 1.3s;
}

.banner-pagination.swiper-pagination {
  display: flex;
  flex-direction: column;
}

/* Menu index */
.main-menu ul li.active > a {
  color: #4D71D4;
}
.main-menu ul li a.active {
  color:#4D71D4;
}
.main-menu ul li ul.submenu li.active > a {
  color: #4D71D4;
}
.main-menu > ul {
  display: inline-flex;
  gap: 0 25px;
}
@media only screen and (max-width: 1366px) {
  .main-menu > ul {
    display:none;
  }
}
.main-menu > ul > li:hover > a {
  color: #4D71D4;
}
.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-black);
  -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-black);
  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 var(--rs-border-primary);
}
.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-purple-light);
}
.rs-header-area.has-theme-gradient .main-menu li a {
  color: var(--rs-title-primary);
}
.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 .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 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 > 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-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);
}

/*----------------------------------------*/
/*  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;
  color: black !important;
  padding:10px;
}
.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-white);
  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-white);
  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-meta-author.is-hover-green:hover {
  color: var(--rs-theme-primary);
}
.rs-blog-one .blog-btn .rs-btn {
  padding: 15px 22px;
  height: 50px;
}
.rs-blog-one.has-theme-primary .blog-section-wrapper {
  position: sticky;
  top: 110px;
}
.rs-blog-one.has-theme-primary .blog-title {
  margin-top: 10px;
  margin-bottom: 0px;
}
.rs-blog-two .blog-item {
  background-color: rgba(190, 190, 190, 0.0509803922);
  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-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;
}
@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;
  fill: var(--rs-white);
}

.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-secondary);
  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: var(--rs-theme-black);
  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-secondary);
  font-size: 14px;
  border-radius: 5px;
}
.rs-postbox-details-comment-reply a:hover {
  background: var(--rs-theme-hover);
}
.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: var(--rs-theme-black);
  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-white);
  font-weight: 500;
}
.rs-postbox-quote blockquote cite::before {
  content: "";
  font-size: 28px;
  padding-bottom: 0px;
  display: inline-block;
  background: var(--rs-white);
  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(255, 255, 255, 0.1);
  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;
}
.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-theme-black);
  color: var(--rs-white);
}
.rs-postbox-comment-form .input-box input::placeholder {
  color: #7D858E;
}
.rs-postbox-comment-form .input-box textarea {
  background: var(--rs-theme-black);
  height: 160px;
  color: var(--rs-white);
}
.rs-postbox-comment-form .input-box textarea::placeholder {
  color: #7D858E;
}

/*----------------------------------------*/
/*  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: var(--rs-theme-black);
  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 var(--rs-border-primary);
  padding: 10px 20px;
  background: var(--rs-theme-secondary);
  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-secondary);
}
.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: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 60px;
  color: var(--rs-white);
}
.sidebar-search-input input::placeholder {
  color: #7D858E;
}
.sidebar-search-input button {
  position: absolute;
  top: 50%;
  inset-inline-end: 25px;
  color: var(--rs-white);
  font-size: 16px;
  transform: translateY(-50%);
}
.sidebar-search-input button:hover {
  color: var(--rs-theme-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 var(--rs-border-primary);
  display: inline-block;
  padding: 7px 15px;
  margin-bottom: 10px;
  margin-inline-end: 8px;
  position: relative;
  transition: 0.3s;
  font-weight: 500;
  background: var(--rs-theme-secondary);
  border-radius: 5px;
}
.tagcloud a:hover {
  color: var(--rs-title-secondary);
  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: 28px;
  margin-bottom: 40px;
  font-weight: 600;
  line-height: 1.25;
}
@media only screen and (max-width: 1600px) {
  .rs-footer-one .footer-title {
    font-size: 25px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-footer-one .footer-title {
 font-size: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-footer-one .footer-title {
    font-size: 25px;
  }
}
.rs-footer-one .footer-top {
  padding-top: 45px;
  padding-bottom: 45px;
  position: relative;
  z-index: 1;
  border-top: 1px solid var(--rs-border-primary);
}
@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: 16px;
}
.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: 16px;
  color: var(--rs-white);
  line-height: 26px;
}
.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 var(--rs-border-primary);
  border-radius: 3px;
  color: var(--rs-white);
  margin-bottom: 25px;
  background: var(--rs-theme-black);
}
.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:271px;
}
@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 {
  background: transparent;
  color: var(--rs-white);
}

/*----------------------------------------*/
/*  3.3.1 Copyright Style
/*----------------------------------------*/
.rs-copyright-one {
  padding: 20px 0 20px;
  position: relative;
  z-index: 1;
  background: #030b17;
}
.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 .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 var(--rs-border-primary);
}
.rs-copyright-one.has-white-bg .footer-copyright p {
  color: var(--rs-text-primary);
}
.rs-copyright-one.has-white-bg .theme-social a {
  color: #bebebe;
}
.rs-copyright-one.has-white-bg .theme-social a:hover {
  color: var(--rs-theme-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: top 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 rgba(237, 237, 237, 0.0588235294);
  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: rgba(237, 237, 237, 0.0588235294);
  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: rgba(255, 255, 255, 0.05);
  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;
  }
}
.rs-about-seven {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  background: #131C25;
}
.rs-about-seven .about-bg-thumb {
  position: absolute;
  width: calc(100% + 70px);
  height: 100%;
  background-position: center right;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  z-index: -1;
}
@media only screen and (max-width: 1600px) {
  .rs-about-seven .about-bg-thumb {
    width: calc(100% + 230px);
  }
}
@media only screen and (max-width: 1366px) {
  .rs-about-seven .about-bg-thumb {
    width: calc(100% + 320px);
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-seven .about-bg-thumb {
    width: calc(100% + 420px);
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-seven .about-bg-thumb {
    display: none;
  }
}
.rs-about-seven .about-content-wrapper {
  max-width: 615px;
  position: relative;
  z-index: 1;
}
.rs-about-seven .rs-list-item ul li {
  align-items: start;
}
.rs-about-seven .rs-list-item ul li svg {
  top: 2px;
  position: relative;
}
.rs-about-seven .rs-list-item ul li svg path {
  fill: var(--rs-theme-hover);
}
.rs-about-seven .about-list-wrapper {
  margin-top: 30px;
  margin-bottom: 40px;
}
.rs-about-eight .about-wrapper {
  display: grid;
  grid-template-columns: 580px auto;
  gap: 30px 87px;
}
@media only screen and (max-width: 1600px) {
  .rs-about-eight .about-wrapper {
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-about-eight .about-wrapper {
    grid-template-columns: 450px auto;
  }
}
@media only screen and (max-width: 991px) {
  .rs-about-eight .about-wrapper {
    grid-template-columns: auto;
  }
}
.rs-about-eight .about-thumb-wrapper {
  position: relative;
  /*margin-inline-start: 125px;*/
  /*margin-bottom: 45px;*/
}
@media only screen and (max-width: 767px) {
  .rs-about-eight .about-thumb-wrapper {
    margin-inline-start: 0;
    margin-bottom: 0px;
  }
}
.rs-about-eight .about-thumb img {
  width: 100%;
  border-radius: 5px;
}
.rs-about-eight .about-thumb.thumb-small {
  width: 316px;
  position: absolute;
  bottom: -125px;
  inset-inline-start: -125px;
}
@media only screen and (max-width: 767px) {
  .rs-about-eight .about-thumb.thumb-small {
    display: none;
  }
}
.rs-about-eight .about-circle-btn {
  position: absolute;
  top: 30px;
  inset-inline-start: -125px;
}
@media only screen and (max-width: 767px) {
  .rs-about-eight .about-circle-btn {
    display: none;
  }
}
.rs-about-eight .rs-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rs-about-eight .rs-play-btn::before, .rs-about-eight .rs-play-btn::after {
  content: none;
}
.rs-about-eight .rs-play-btn img {
  animation: rs-scale 1s infinite alternate;
  animation-duration: 1s;
}
.rs-about-eight .rs-rotate-btn {
  background: var(--rs-theme-black);
  border-radius: 50%;
  padding: 6px;
}
.rs-about-eight .about-meta-description {
  font-size: 18px;
  font-weight: 600;
  color: var(--rs-title-secondary);
}
.rs-about-eight .about-meta {
  background: var(--rs-theme-primary);
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  border-radius: 5px;
  position: absolute;
  bottom: -105px;
  inset-inline-end: 0px;
}
@media only screen and (max-width: 767px) {
  .rs-about-eight .about-meta {
    bottom: 0;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
    justify-content: center;
  }
}
.rs-about-eight .about-meta-thumb {
  width: 145px;
}
.rs-about-eight .about-video {
  position: absolute;
  top: 30px;
  inset-inline-start: -60px;
}
.rs-about-eight .section-description {
  margin-top: 20px;
  margin-bottom: 38px;
  /*max-width: 600px;*/
}
.rs-about-eight .about-counter-wrapper {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 480px) {
  .rs-about-eight .about-counter-wrapper {
    gap: 30px;
    flex-wrap: wrap;
  }
}
.rs-about-eight .counter-number,
.rs-about-eight .suffix {
  font-size: 50px;
  position: relative;
  font-weight: 500;
  line-height: 0.8;
  color: var(--rs-title-primary);
}
@media only screen and (max-width: 480px) {
  .rs-about-eight .counter-number,
  .rs-about-eight .suffix {
    font-size: 40px;
  }
}
.rs-about-eight .counter-number-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}
@media only screen and (max-width: 480px) {
  .rs-about-eight .counter-number-wrapper {
    margin-bottom: 15px;
  }
}
.rs-about-eight .counter-title {
  font-size: 20px;
  font-weight: 600;
}
.rs-about-eight .counter-item:not(:last-child) {
  padding-inline-end: 50px;
  margin-inline-end: 50px;
  border-right: 1px solid var(--rs-border-primary);
}
@media only screen and (max-width: 480px) {
  .rs-about-eight .counter-item:not(:last-child) {
    padding-inline-end: 0px;
    margin-inline-end: 0px;
    border-right: none;
  }
}
.rs-about-eight .about-btn {
  margin-top: 40px;
}

/*----------------------------------------*/
/*  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: #030b17;
}
.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;
  }
}
.rs-cta-three {
  overflow-x: clip;
}
.rs-cta-three .cta-wrapper {
  display: flex;
  align-items: center;
  gap: 30px 100px;
  position: relative;
  z-index: 1;
  padding-top: 110px;
  padding-bottom: 110px;
  padding-inline-start: 85px;
  padding-inline-end: 85px;
}
@media only screen and (max-width: 1600px) {
  .rs-cta-three .cta-wrapper {
    padding-top: 70px;
    padding-bottom: 70px;
    padding-inline-start: 70px;
    padding-inline-end: 70px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-cta-three .cta-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    padding-inline-start: 40px;
    padding-inline-end: 40px;
    gap: 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-cta-three .cta-wrapper {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-inline-start: 30px;
    padding-inline-end: 30px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-cta-three .cta-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-cta-three .cta-wrapper {
    flex-wrap: wrap;
  }
}
.rs-cta-three .section-title {
  color: var(--rs-white);
}
.rs-cta-three .cta-description {
  color: var(--rs-white);
}
.rs-cta-three .cta-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-cta-three .cta-content-right {
  max-width: 327px;
  margin-left: auto;
}
@media only screen and (max-width: 991px) {
  .rs-cta-three .cta-content-right {
    max-width: 100%;
    margin-left: unset;
  }
}

/*----------------------------------------*/
/*  4.9 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;
}
.rs-faq-three {
  overflow-x: clip;
}
.rs-faq-three .faq-wrapper {
  display: grid;
  grid-template-columns: 1fr 576px;
  gap: 30px;
  align-items: center;
}
@media only screen and (max-width: 1199px) {
  .rs-faq-three .faq-wrapper {
    grid-template-columns: 1fr 450px;
    align-items: start;
  }
}
@media only screen and (max-width: 991px) {
  .rs-faq-three .faq-wrapper {
    grid-template-columns: 1fr;
  }
}
.rs-faq-three .faq-thumb {
  overflow: hidden;
  visibility: hidden;
}
@media only screen and (max-width: 1199px) {
  .rs-faq-three .faq-thumb {
    position: sticky;
    top: 110px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-faq-three .faq-thumb {
    position: relative;
    top: unset;
  }
}
.rs-faq-three .faq-thumb img {
  width: 100%;
  transition: unset;
}

/*----------------------------------------*/
/*  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-item:hover .team-thumb img {
  transform: scale(1.1);
}
.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 {
  overflow: hidden;
}
.rs-team-one .team-thumb img {
  width: 100%;
  transition: all 0.7s ease;
}
.rs-team-one .team-title {
  font-size: 26px;
  margin-bottom: 3px;
  color: var(--rs-title-secondary);
}
@media only screen and (max-width: 1199px) {
  .rs-team-one .team-title {
    font-size: 20px;
  }
}
.rs-team-one .team-title a:hover {
  color: var(--rs-title-secondary);
}
.rs-team-one .team-designation {
  color: var(--rs-title-secondary);
  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-item:hover .team-thumb img {
  transform: scale(1.1);
}
.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%;
  transition: all 0.7s ease;
}
.rs-team-two .team-title {
  font-size: 26px;
  margin-bottom: 3px;
  color: var(--rs-title-secondary);
}
@media only screen and (max-width: 1199px) {
  .rs-team-two .team-title {
    font-size: 20px;
  }
}
.rs-team-two .team-title a:hover {
  color: var(--rs-title-secondary);
}
.rs-team-two .team-designation {
  color: var(--rs-title-primary);
  font-size: 16px;
  color: var(--rs-title-secondary);
}
.rs-team-three {
  overflow-x: clip;
  position: relative;
}
.rs-team-three .team-bg-thumb {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
}
.rs-team-three .team-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-team-three .team-wrapper {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 991px) {
  .rs-team-three .team-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .rs-team-three .team-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-team-three .team-item {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-team-three .team-item:hover .team-content {
  transform: translate(-50%, -35px);
  opacity: 1;
  visibility: visible;
}
.rs-team-three .team-item:hover .team-thumb img {
  transform: scale(1.1);
}
.rs-team-three .team-content {
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease;
  padding: 0 20px;
  left: 50%;
  transform: translateX(-50%);
}
.rs-team-three .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-three .team-content-inner {
    padding: 15px 20px 15px 20px;
  }
}
.rs-team-three .team-thumb {
  overflow: hidden;
  border-radius: 5px;
}
.rs-team-three .team-thumb img {
  width: 100%;
  transition: all 0.7s ease;
}
.rs-team-three .team-title {
  font-size: 26px;
  margin-bottom: 3px;
  color: var(--rs-title-secondary);
}
@media only screen and (max-width: 1366px) {
  .rs-team-three .team-title {
    font-size: 22px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-team-three .team-title {
    font-size: 20px;
  }
}
.rs-team-three .team-title a:hover {
  color: var(--rs-title-secondary);
}
.rs-team-three .team-designation {
  color: var(--rs-title-secondary);
  font-size: 16px;
}
.rs-team-three .team-btn {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .rs-team-three .team-btn {
    justify-content: start;
  }
}
.rs-team-details .team-details-shape {
  position: absolute;
  right: 60px;
  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-black);
  border: 1px solid var(--rs-border-primary);
  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 var(--rs-border-primary);
  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: 40px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-testimonial-one .testimonial-icon {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-testimonial-one .testimonial-icon {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
.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-white);
}
@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;
  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-one img {
  opacity: 0.1;
}
.rs-testimonial-three .testimonial-shape-two {
  position: absolute;
  bottom: 0;
  inset-inline-end: 100px;
  width: 115px;
}
.rs-testimonial-three .testimonial-shape-two img {
  opacity: 0.1;
}
@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: top center;
  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;
      background-color: #030b17;
}
.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-theme-secondary);
  margin-top: 45px;
}
.rs-testimonial-four .testimonial-item.has-dark-blue {
  background: #131C25;
}
.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-quote.is-green svg path {
  fill: var(--rs-theme-primary);
}
.rs-testimonial-four .testimonial-avatar-wrapper {
  display: flex;
  align-items: center;
  gap: 30px;
  border-top: 1px solid var(--rs-border-primary);
  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.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 var(--rs-border-primary);
  transition: all 0.5s ease-in-out;
  position: relative;
  z-index: 1;
  background: var(--rs-theme-secondary);
}
@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-black);
  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-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: var(--rs-theme-black);
  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-white);
  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;
}
.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;
  background-image: linear-gradient(180deg, #171E24 0%, var(--rs-theme-secondary) 100%);
}
.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;
  background: var(--rs-theme-black);
}
.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-theme-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-six .services-section-wrapper {
  position: sticky;
  top: 110px;
}
@media only screen and (max-width: 991px) {
  .rs-services-six .services-section-wrapper {
    position: relative;
    top: unset;
  }
}
.rs-services-six .services-icon {
  width: 60px;
}
.rs-services-six .services-icon img {
  transition: all 0.5s ease-in-out;
}
.rs-services-six .services-description {
  margin-bottom: 15px;
}
.rs-services-six .services-title {
  margin-top: 28px;
  margin-bottom: 15px;
}
.rs-services-six .services-title a:hover {
  color: var(--rs-theme-hover);
}
.rs-services-six .services-btn {
  margin-top: 35px;
}
.rs-services-six .services-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px 100px;
}
@media only screen and (max-width: 1199px) {
  .rs-services-six .services-wrapper {
    gap: 50px 50px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-six .services-wrapper {
    gap: 40px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-six .services-wrapper {
    gap: 30px 30px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-services-six .services-item:hover .services-icon img {
  transform: scale(1.1);
}
.rs-services-six .rs-btn.has-text:hover {
  color: var(--rs-theme-hover);
}
.rs-services-six .rs-btn.has-text:hover .icon-box svg path {
  fill: var(--rs-theme-hover);
}
.rs-services-seven {
  overflow-x: clip;
  background: var(--rs-theme-black);
}
.rs-services-seven .services-item {
  display: grid;
  grid-template-columns: 500px 550px auto;
  align-items: center;
  border-bottom: 1px solid var(--rs-border-primary);
  padding: 40px;
  position: relative;
  z-index: 1;
  transition: 0.6s;
}
@media only screen and (max-width: 1600px) {
  .rs-services-seven .services-item {
    grid-template-columns: 430px 450px auto;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-services-seven .services-item {
    grid-template-columns: 380px 400px auto;
    padding: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-seven .services-item {
    grid-template-columns: 300px auto;
  }
}
@media only screen and (max-width: 767px) {
  .rs-services-seven .services-item {
    grid-template-columns: auto;
    gap: 30px;
  }
}
.rs-services-seven .services-item:first-child {
  border-top: 1px solid var(--rs-border-primary);
}
.rs-services-seven .services-item:hover {
  background: var(--rs-theme-secondary);
  border-radius: 5px;
}
.rs-services-seven .services-item:hover .services-thumb {
  opacity: 1;
  visibility: visible;
}
.rs-services-seven .services-item:hover .services-title {
  color: var(--rs-white);
}
.rs-services-seven .services-item:hover .services-description {
  color: var(--rs-white);
}
.rs-services-seven .services-item:hover .services-number {
  color: var(--rs-theme-primary);
}
.rs-services-seven .services-item:hover .is-circle {
  background: var(--rs-theme-primary);
}
.rs-services-seven .services-item:hover .is-circle svg path {
  fill: var(--rs-black);
}
.rs-services-seven .services-number {
  font-size: 36px;
  font-weight: 700;
  color: var(--rs-title-primary);
  line-height: 1.2;
}
.rs-services-seven .services-title {
  font-size: 30px;
}
@media only screen and (max-width: 1199px) {
  .rs-services-seven .services-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-services-seven .services-title {
    font-size: 22px;
  }
}
.rs-services-seven .services-title-info {
  display: flex;
  gap: 30px;
}
@media only screen and (max-width: 480px) {
  .rs-services-seven .services-title-info {
    gap: 20px;
    flex-wrap: wrap;
  }
}
.rs-services-seven .services-btn {
  display: flex;
  justify-content: end;
}
@media only screen and (max-width: 991px) {
  .rs-services-seven .services-btn {
    justify-content: start;
  }
}
.rs-services-seven .services-description {
  margin-bottom: 0;
}
.rs-services-seven .services-thumb {
  position: absolute;
  inset-inline-start: 634px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s ease 0s;
  top: -40px;
  z-index: 1;
}
@media only screen and (max-width: 991px) {
  .rs-services-seven .services-thumb {
    display: none;
  }
}
.rs-services-seven .services-thumb img {
  width: 280px;
}
.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-secondary);
}
.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-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(255, 255, 255, 0.031372549);
  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-two.has-bg-black::before {
  position: absolute;
  content: "";
  width: 100%;
  height: calc(100% + 260px);
  background: var(--rs-theme-black);
  top: 0;
  left: 0;
}
.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 var(--rs-border-primary);
  background: var(--rs-theme-secondary);
}
.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.13 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-theme-secondary);
  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;
  }
}
@media only screen and (max-width: 575px) {
  .rs-portfolio-two .portfolio-content-inner {
    padding: 20px 20px;
  }
}
.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-two.has-theme-primary .portfolio-item:hover .portfolio-content-inner {
  background: var(--rs-theme-primary);
}
.rs-portfolio-two.has-theme-primary .portfolio-item:hover .portfolio-content-inner::before {
  opacity: unset;
}
.rs-portfolio-two.has-theme-primary .portfolio-item:hover .portfolio-title {
  color: var(--rs-title-secondary);
}
.rs-portfolio-two.has-theme-primary .portfolio-item:hover .portfolio-tag a {
  color: var(--rs-title-secondary);
}
.rs-portfolio-two.has-theme-primary .portfolio-item .portfolio-slider {
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}
@media only screen and (max-width: 1600px) {
  .rs-portfolio-two.has-theme-primary .portfolio-item .portfolio-slider {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}
.rs-portfolio-two.has-theme-primary .portfolio-content-inner {
  transition: all 0.5s ease-in-out;
}
.rs-portfolio-two.has-theme-primary .portfolio-content-inner::before {
  content: none;
}
.rs-portfolio-two.has-theme-primary .portfolio-title a:hover {
  color: var(--rs-theme-secondary);
}
.rs-portfolio-two .portfolio-title {
  color: var(--rs-title-primary);
}
.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 var(--rs-border-primary);
  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 var(--rs-border-primary);
  border-radius: 5px;
  background: var(--rs-theme-black);
}
@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;
  background: var(--rs-theme-secondary);
}
@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 var(--rs-border-primary);
  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 rgba(255, 255, 255, 0.058);
  background: var(--rs-theme-black);
}
.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 rgba(255, 255, 255, 0.058);
  background: var(--rs-theme-black);
}
.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: hidden;
  background: var(--rs-theme-black);
}
.rs-contact-two .contact-shape {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .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-shape-two {
  position: absolute;
  right: 0;
  top: -130px;
  z-index: 1;
}
@media only screen and (max-width: 1600px) {
  .rs-contact-two .contact-shape-two {
    display: none;
  }
}
.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-color: rgba(129, 122, 155, 0.0784313725);
  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-color: rgba(129, 122, 155, 0.0784313725);
}
.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-black);
  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-one img {
  opacity: 0.1;
}
.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-shape-two img {
  opacity: 0.1;
}
.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(255, 255, 255, 0.0784313725);
  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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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;
  border: 1px solid var(--rs-border-primary);
}
@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-white);
  border-radius: 5px;
  border: 1px solid var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.rs-contact-four .contact-input textarea {
  height: 100px;
  padding: 10px 18px;
  resize: none;
  color: var(--rs-white);
  border-radius: 5px;
  border: 1px solid var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.rs-contact-four .contact-input input:focus,
.rs-contact-four .contact-input textarea:focus {
  border-color: var(--rs-theme-primary);
}
.rs-contact-four .contact-input input::placeholder,
.rs-contact-four .contact-input textarea::placeholder {
  color: #7D858E;
}
.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 var(--rs-border-primary);
  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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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-black);
  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 {
  border-radius: 10px;
  padding-top: 55px;
  padding-bottom: 55px;
  padding-inline-start: 50px;
  padding-inline-end: 50px;
  border: 1px solid var(--rs-border-primary);
  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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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 var(--rs-border-primary);
  background: var(--rs-theme-black);
}
.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.14 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-theme-black);
  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-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-white);
  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-shape img {
  opacity: 0.1;
}
.rs-pricing-one.has-theme-primary .pricing-item {
  background: var(--rs-theme-secondary);
  border: 1px solid rgba(255, 255, 255, 0.0784313725);
}
.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-primary);
}
.pricing-switcher-wrapper .switcher.has-primary::after {
  background: var(--rs-theme-secondary);
}

.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.22 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-theme-black);
  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;
  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;
  }
}
.rs-work-step-three .work-step-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  border-top: 2px solid var(--rs-border-primary);
}
@media only screen and (max-width: 991px) {
  .rs-work-step-three .work-step-wrapper {
    grid-template-columns: repeat(3, 1fr);
    border-top: none;
  }
}
@media only screen and (max-width: 767px) {
  .rs-work-step-three .work-step-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 575px) {
  .rs-work-step-three .work-step-wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}
.rs-work-step-three .work-step-item {
  padding-inline-start: 25px;
  padding-inline-end: 25px;
}
@media only screen and (max-width: 1600px) {
  .rs-work-step-three .work-step-item {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
  }
}
.rs-work-step-three .work-step-thumb {
  margin-inline-start: 20px;
}
@media only screen and (max-width: 991px) {
  .rs-work-step-three .work-step-thumb {
    margin-inline-start: 0;
  }
}
@media only screen and (max-width: 991px) {
  .rs-work-step-three .work-step-thumb img {
    display: none;
  }
}
.rs-work-step-three .work-step-number {
  font-size: 36px;
  color: var(--rs-theme-primary);
  font-weight: 700;
  line-height: 0.8;
  display: inline-block;
  margin-top: 32px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 991px) {
  .rs-work-step-three .work-step-number {
    margin-top: 0;
  }
}
.rs-work-step-three .work-step-title {
  margin-bottom: 10px;
}
.rs-work-step-three .section-description {
  max-width: 630px;
  margin: 0 auto;
}

/*----------------------------------------*/
/*  4.21 video css
/*----------------------------------------*/
.rs-video-one {
  position: relative;
  z-index: 1;
  height: 825px;
}
@media only screen and (max-width: 1600px) {
  .rs-video-one {
    height: 750px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-video-one {
    height: 650px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-video-one {
    height: 600px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-video-one {
    height: 500px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-one {
    height: 400px;
  }
}
.rs-video-one .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-one .video-bg-thumb {
    width: 100%;
  }
}
.rs-video-one .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.rs-video-one .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-one .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-one .video-cta-wrapper {
    width: 100%;
    bottom: -232px;
  }
}
.rs-video-one .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-one .video-cta-description {
    font-size: 20px;
  }
}
.rs-video-one.has-theme-primary .video-bg-thumb {
  border-radius: 0 20px 20px 0;
}
.rs-video-one.has-theme-primary .video-cta-wrapper {
  background: var(--rs-theme-primary);
  border-radius: 20px 0 20px 0;
}
.rs-video-one.has-theme-primary .video-cta-description {
  color: var(--rs-title-secondary);
}
.rs-video-two {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  height: 840px;
  margin-top: -45px;
}
@media only screen and (max-width: 1600px) {
  .rs-video-two {
    height: 750px;
  }
}
@media only screen and (max-width: 1366px) {
  .rs-video-two {
    height: 700px;
  }
}
@media only screen and (max-width: 1199px) {
  .rs-video-two {
    height: 650px;
  }
}
@media only screen and (max-width: 991px) {
  .rs-video-two {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .rs-video-two {
    height: 550px;
    margin-top: 0;
  }
}
@media only screen and (max-width: 575px) {
  .rs-video-two {
    height: 500px;
  }
}
@media only screen and (max-width: 480px) {
  .rs-video-two {
    height: 450px;
  }
}
.rs-video-two .video-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-video-two .video-play-btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
.rs-video-two .rs-play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
}
.rs-video-two .rs-rotate-btn {
  padding: 6px;
  background: var(--rs-theme-secondary);
  border-radius: 50%;
  width: 190px;
  height: 190px;
}

/*----------------------------------------*/
/*  4.11 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.12 job css
/*----------------------------------------*/
.rs-job-one .job-wrapper .job-item:first-child {
  border-top: 1px solid var(--rs-border-primary);
}
.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 var(--rs-border-primary);
  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: var(--rs-theme-black);
}
.rs-job-one .job-item:hover .job-number {
  color: var(--rs-theme-primary);
}
.rs-job-one .job-item:hover .job-title {
  color: var(--rs-theme-primary);
}
.rs-job-one .job-item:hover .rs-btn-circle {
  background: var(--rs-theme-primary);
}
.rs-job-one .job-item:hover .rs-btn-circle svg path {
  fill: var(--rs-theme-secondary);
}
.rs-job-one .job-btn .rs-btn-circle {
  width: 50px;
  height: 50px;
  border-radius: 0;
  background: var(--rs-theme-black);
}
.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-white);
}
.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(255, 255, 255, 0.1);
  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-black);
  border-radius: 20px;
  margin-bottom: 40px;
  border: 1px solid var(--rs-border-primary);
}
@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: 50px;
}
@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-theme-secondary);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
  gap: 15px;
  transition: all 0.5s ease;
  border: 1px solid var(--rs-border-primary);
}
@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-black);
}
.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-black);
}
.rs-award-one.has-bg-primary .award-shape {
  top: 130px;
}

/*----------------------------------------*/
/*   4.10 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: var(--rs-theme-black);
  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-white);
}
.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-one img {
  opacity: 0.1;
}
.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 .feature-shape-two img {
  opacity: 0.1;
}
.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: var(--rs-border-primary);
  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 var(--rs-border-primary);
    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-theme-black);
  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.15 process css
/*----------------------------------------*/
.rs-work-process-one {
  position: relative;
  z-index: 1;
  overflow-x: clip;
  margin-top: 40px;
}
.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 var(--rs-border-primary);
  border-radius: 30px 30px 30px 30px;
  gap: 20px 50px;
  align-items: start;
  position: relative;
  z-index: 1;
  overflow: hidden;
  background: var(--rs-theme-secondary);
}
@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 var(--rs-border-primary);
  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-theme-black);
  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 {
  text-align: start;
  border-radius: 10px;
}

/*----------------------------------------*/
/*  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 var(--rs-border-primary);
}
@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 .has-border .brand-item:nth-child(4) {
  border-inline-end: 1px solid var(--rs-border-primary);
}
@media only screen and (max-width: 991px) {
  .rs-brand-one .has-border .brand-item:nth-child(4) {
    border-inline-end: none;
  }
}
@media only screen and (max-width: 767px) {
  .rs-brand-one .has-border .brand-item:nth-child(4) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
.rs-brand-one .has-border .brand-item:nth-child(8) {
  border-inline-end: 1px solid var(--rs-border-primary);
}
@media only screen and (max-width: 767px) {
  .rs-brand-one .has-border .brand-item:nth-child(3) {
    border-inline-end: none;
  }
}
@media only screen and (max-width: 480px) {
  .rs-brand-one .has-border .brand-item:nth-child(3) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
.rs-brand-one .brand-item {
  border-inline-start: 1px solid var(--rs-border-primary);
  border-bottom: 1px solid var(--rs-border-primary);
}
@media only screen and (max-width: 1800px) {
  .rs-brand-one .brand-item:nth-child(4) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
@media only screen and (max-width: 1800px) and (max-width: 991px) {
  .rs-brand-one .brand-item:nth-child(4) {
    border-inline-end: none;
  }
}
@media only screen and (max-width: 1800px) and (max-width: 767px) {
  .rs-brand-one .brand-item:nth-child(4) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
@media only screen and (max-width: 1800px) {
  .rs-brand-one .brand-item:nth-child(8) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
@media only screen and (max-width: 991px) {
  .rs-brand-one .brand-item:nth-child(3) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
  .rs-brand-one .brand-item:nth-child(6) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
@media only screen and (max-width: 767px) {
  .rs-brand-one .brand-item:nth-child(2) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
@media only screen and (max-width: 480px) {
  .rs-brand-one .brand-item:nth-child(1) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
  .rs-brand-one .brand-item:nth-child(5) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
  .rs-brand-one .brand-item:nth-child(7) {
    border-inline-end: 1px solid var(--rs-border-primary);
  }
}
.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;
  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;
}
@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-black);
  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;
}
.rs-brand-six {
  background: #131C25;
}
.rs-brand-six .section-description {
  max-width: 650px;
  margin: 0 auto;
}
.rs-brand-six .brand-item {
  text-align: center;
}
.rs-brand-six .brand-item:hover .brand-thumb img {
  transform: scale(1.1);
}
.rs-brand-six .brand-thumb img {
  width: 120px;
  transition: all 0.5s ease-in-out;
}

.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: top center;
  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: var(--rs-theme-black);
  padding: 30px 30px 30px 30px;
  border-radius: 10px 10px 10px 10px;
  text-align: center;
}
.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 */
/*******************************************************************************************************************/
/* --- Core Layout Structural Block --- */
.seo-hero-prime-viewport {
  position: relative;
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box;
  background-color: #0c0c0e; /* Dark fallback while video loads */
}

/* --- Structural Content Container --- */
.seo-hero-grid-limiter {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 30px;
  position: relative;
  z-index: 5;
}

.seo-hero-text-engine {
  max-width: 680px; 
  text-align: left;
  color: #ffffff;
  font-family: 'Space Grotesk', -apple-system, sans-serif;
}

/* --- Fixed Aspect Ratio Video Config (1250x688) --- */
.seo-hero-media-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.seo-hero-native-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*max-width: 1250px;*/
  /*max-height: 688px;*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Side-weighted background overlay mask for typography punch */
.seo-hero-ambient-curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
 background: linear-gradient(267deg, rgb(10 10 14 / 0%) 0%, rgb(0 0 0 / 60%) 45%, #000000 100%);
  z-index: 2;
}

/* --- Simple & Professional Animations --- */
.seo-hero-main-title {
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.02em;
  margin-top: 0 !important; /* Theme override security */
  margin-bottom: 20px !important;
  opacity: 0;
  transform: translateY(25px);
  animation: seoSmoothSlideUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

.seo-hero-chroma-accent {
 background: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}

.seo-hero-body-excerpt {
  line-height: 1.6;
  color: #ffffff;
  margin-bottom: 35px !important;
  font-weight: 400;
  opacity: 0;
  transform: translateY(20px);
  animation: seoSmoothSlideUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards;
}

.seo-hero-trigger-zone {
  opacity: 0;
  transform: translateY(15px);
  animation: seoSmoothSlideUp 0.75s cubic-bezier(0.16, 1, 0.3, 1) 0.35s forwards;
}

/* --- Interactive Button Base --- */
.seo-hero-action-link {
  display: inline-block;
  padding: 14px 34px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff !important;
  background-color: #3b82f6;
  border-radius: 6px;
  text-decoration: none;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.2s ease, box-shadow 0.25s ease;
  box-shadow: 0 4px 14px rgba(59, 130, 246, 0.25);
}

.seo-hero-action-link:hover {
  background-color: #2563eb;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4);
}

@keyframes seoSmoothSlideUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ==========================================================================
   BREAKPOINTS MATRIX (Theme Isolation Protection)
   ========================================================================== */

/* 1. Large Desktops & TV Screens */
@media (min-width: 1400px) {
  .seo-hero-main-title { font-size: 64px !important; }
  .seo-hero-body-excerpt { font-size: 20px !important; }
}

/* 2. Standard Laptops & Small Desktops (Default Fallback Core) */
@media (min-width: 1025px) and (max-width: 1399px) {
  .seo-hero-main-title { font-size: 54px !important; }
  .seo-hero-body-excerpt { font-size: 18px !important; }
}

/* 3. Tablets / Landscape Mobile viewports */
@media (min-width: 768px) and (max-width: 1024px) {
  .seo-hero-prime-viewport { min-height: 75vh; } /* Prevents over-stretching on tablets */
  .seo-hero-grid-limiter { padding: 0 40px; }
  .seo-hero-text-engine { max-width: 580px; }
  .seo-hero-main-title { font-size: 44px !important; }
  .seo-hero-body-excerpt { font-size: 17px !important; }
}

/* 4. Smart Phones & Small Handsets */
@media (max-width: 767px) {
  .seo-hero-prime-viewport { min-height: 80vh; padding: 40px 0; }
  .seo-hero-grid-limiter { padding: 0 20px; }
  .seo-hero-text-engine { max-width: 100%; }
  
  .seo-hero-main-title { 
    font-size: 34px !important; 
    line-height: 1.25;
    margin-bottom: 15px !important;
  }
  .seo-hero-body-excerpt { 
    font-size: 15px !important; 
    line-height: 1.5;
    margin-bottom: 25px !important;
  }
  
  .seo-hero-action-link {
    width: 100%; /* Full width clean layout block on mobile devices */
    text-align: center;
    box-sizing: border-box;
    padding: 12px 24px;
    font-size: 15px;
  }
  
  /* Fallback opaque curtain overlay to protect copy contrast against raw text shifts on mobile dimensions */
  .seo-hero-ambient-curtain {
    /*background: rgba(10, 10, 14, 0.88);*/
  }
}



/************************ Counter section  *************************/


.stats-section {
  background-color: #000000; 
  padding: 30px 20px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.stats-container {
  max-width: 1200px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  text-align: center;
}

.stat-card {
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.stat-card:not(:last-child) {
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.stat-number {
  color: #4E6FC9; 
  font-size: clamp(3rem, 5vw, 4.5rem); 
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 15px;
}

.stat-label {

  background: #fff;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.5px;
  display: inline-block; /* Helps the gradient render cleanly on text blocks */
}

@media (max-width: 900px) {
  .stats-container {
    grid-template-columns: repeat(2, 1fr);
    row-gap: 40px;
  }
  .stat-card:not(:last-child) { border-right: none; }
  .stat-card:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.1); }
}

@media (max-width: 480px) {
  .stats-container { grid-template-columns: 1fr; row-gap: 30px; }
  .stat-card:nth-child(odd), .stat-card:not(:last-child) {
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 30px;
  }
}
/************************ Counter section end ********************/


/******************************* Our works  *******************************************/


/* ==================================================
   WORKS ACCORDION SECTION
================================================== */

/* Section Container Framework */
.works-accordion-section {
  background-color: #f3f4f6;
  padding: 80px 0px;
 
}

/* Header Alignment Rules */
.header-container {
  max-width: 1200px;
  margin: 0 auto 20px auto; /* 60px spacing separates header from accordion panels */
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
}

.header-left {
  flex: 1;
  max-width: 55%;
}

.category-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #e0e2fe 0%, #eef2ff 100%);
  padding: 6px 14px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #1f2937;
  margin-bottom: 24px;
}

.badge-dot {
  width: 6px;
  height: 6px;
  background-color: #000;
  border-radius: 50%;
}

.main-title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.15;
  color: #fff;
  margin: 0;
  letter-spacing: -1px;
}

.text-muted {
  color: #9ca3af;
}

.header-right {
  flex: 1;
  max-width: 40%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.header-description {
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
  margin: 0;
}

.btn-view-services {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
  color: #ffffff;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  transition: opacity 0.2s ease;
}

.btn-view-services:hover {
  opacity: 0.9;
}

.btn-view-services svg {
  transition: transform 0.2s ease;
}

.btn-view-services:hover svg {
  transform: translate(2px, -2px);
}

/* Mobile & Tablet Adaptation */
@media (max-width: 991px) {
  .header-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 40px;
  }
  
  .header-left, .header-right {
    max-width: 100%;
  }

  .main-title {
    font-size: 36px;
  }
}

.works-accordion-section{
    width:100%;
    min-height:100vh;
    overflow:hidden;
    background:#030b17;
    font-family:"Segoe UI",sans-serif;
}

.accordion-container{
    width:100%;
    height:100vh;
    display:flex;
}

/* ==================================================
   PANEL
================================================== */

.accordion-panel{
    position:relative;
    flex:0.8;
    overflow:hidden;
    cursor:pointer;
    border-right:1px solid rgba(255,255,255,.15);

    background: #030b17;
    /* radial-gradient(
        circle at center,
        rgba(0,110,110,.22) 0%,
        rgba(5,25,70,.55) 45%,
        rgba(2,8,20,1) 100%
    );

    transition:flex .7s cubic-bezier(.25,1,.5,1); */
}

.accordion-panel:last-child{
    border-right:none;
}

.accordion-panel.active{
    flex:5.5;
}

.panel-content-wrapper{
    position:relative;
    width:100%;
    height:100%;
}

/* ==================================================
   COLLAPSED TITLE
================================================== */

.collapsed-title{
    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%, -50%) rotate(-90deg);

    white-space:nowrap;
    color:#fff;
font-size: var(--rs-fs-h3);
    font-weight:500;
    letter-spacing:.5px;

    transition:.3s ease;
    z-index:2;
}

/* ==================================================
   EXPANDED CONTENT
================================================== */

.expanded-content{
    position:absolute;
    inset:0;

    padding:clamp(20px,2vw,32px);

    display:flex;
    flex-direction:column;

    opacity:0;
    visibility:hidden;

    transition:opacity .4s ease,
               visibility .4s ease;
}

.panel-title{
    color:#fff;
    
   
    margin-bottom:12px;
}

.panel-description{
    color:rgba(255,255,255,.8);

  
    max-width:520px;
    margin-bottom:18px;
}

/* ==================================================
   IMAGE
================================================== */

.panel-image-container{
    width:100%;

    flex:1;

    min-height:280px;
    max-height:550px;

    border-radius:24px;
    overflow:hidden;
}

.panel-image-container img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* ==================================================
   ACTIVE PANEL
================================================== */

.accordion-panel.active .collapsed-title{
    opacity:0;
    visibility:hidden;
}

.accordion-panel.active .expanded-content{
    opacity:1;
    visibility:visible;
}

/* ==================================================
   LARGE DESKTOP
================================================== */

@media (min-width:1600px){

    .expanded-content{
        padding:36px;
    }

    .panel-image-container{
        max-height:620px;
    }
}

/* ==================================================
   DESKTOP
================================================== */

@media (max-width:1400px){

    .accordion-panel.active{
        flex:5;
    }

    .panel-image-container{
        max-height:500px;
    }
}

/* ==================================================
   LAPTOP
================================================== */

@media (max-width:1200px){

    .accordion-panel.active{
        flex:4.5;
    }

    .expanded-content{
        padding:24px;
    }

    .panel-title{
        font-size:1.8rem;
    }

    .panel-image-container{
        min-height:260px;
        max-height:420px;
    }
}

/* ==================================================
   TABLET
================================================== */

@media (max-width:991px){

    .accordion-panel.active{
        flex:4;
    }

    .panel-title{
        font-size:1.6rem;
    }

    .panel-description{
        font-size:14px;
        line-height:1.7;
    }

    .panel-image-container{
        min-height:240px;
        max-height:340px;
    }

    .collapsed-title{
        font-size:18px;
    }
}

/* ==================================================
   MOBILE
================================================== */

@media (max-width:768px){

    .works-accordion-section{
        min-height:auto;
    }

    .accordion-container{
        flex-direction:column;
        height:auto;
    }

    .accordion-panel{
        width:100%;
        flex:none;
        height:80px;

        border-right:none;
        border-bottom:1px solid rgba(255,255,255,.15);

        transition:height .5s ease;
    }

    .accordion-panel:last-child{
        border-bottom:none;
    }

    .accordion-panel.active{
        height:auto;
        min-height:500px;
    }

    .collapsed-title{
        top:50%;
        left:20px;

        transform:translateY(-50%);
        transform-origin:left center;

        font-size:16px;
    }

    .expanded-content{
        position:relative;
        padding:20px;
    }

    .panel-title{
        font-size:1.4rem;
    }

    .panel-description{
        font-size:14px;
        margin-bottom:16px;
    }

    .panel-image-container{
        width:100%;
        height:220px;
        min-height:220px;
        max-height:none;
        border-radius:18px;
    }
}

/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width:480px){

    .accordion-panel{
        height:70px;
    }

    .accordion-panel.active{
        min-height:430px;
    }

    .collapsed-title{
        font-size:15px;
        left:16px;
    }

    .panel-title{
        font-size:2.2rem;
    }

    .panel-description{
        font-size:13px;
        line-height:1.6;
    }

    .panel-image-container{
        height:180px;
        min-height:180px;
        border-radius:16px;
    }
}

/* ==================================================
   EXTRA SMALL MOBILE
================================================== */

@media (max-width:360px){

    .expanded-content{
        padding:16px;
    }

    .panel-image-container{
        height:160px;
        min-height:160px;
    }

    .panel-description{
        font-size:14px;
    }
}
/******************************* Our works end  *******************************************/



/********************************* our service ****************************************/
.acc-showcase-section {
  background-color: #000000 !important;
  padding: 60px 0;
  position: relative;
  box-sizing: border-box;
  
}

.acc-showcase-container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: border-box;
}

/* --- Section Title Header --- */
.acc-showcase-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.acc-showcase-title {
  letter-spacing: -1px;
  color: #ffffff;
  margin: 0;
}

.acc-showcase-desc-area p {
  margin: 0;
  max-width: 600px;
  margin-bottom: 30px;
}

/* View All Services button */
.btn-view-services {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.btn-view-services:hover { opacity: 0.75; }

/* --- Track Layout --- */
.acc-showcase-track-container {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* =====================================================================
   STICKY WINDOW — mobile first
   Height is set dynamically by JS to = card height + viewport padding
   so the full card is always visible before the next card overlaps.
   The CSS just provides a safe fallback.
   ===================================================================== */
.acc-showcase-sticky-window {
  position: -webkit-sticky;
  position: sticky;
  top: var(--navbar-height, 0px); /* ← CHANGE: was top: 0 */
  height: auto;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  z-index: var(--card-index);
  padding: 12px 0;
}
/* --- Card Structure Base --- */
.acc-showcase-card {
  width: 100%;
  border-radius: 20px;
  position: relative;
  overflow: hidden;
  background: rgba(25, 25, 25, 0.85) !important;
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.4s ease;
}

.acc-showcase-sticky-window.is-stuck .acc-showcase-card {
  border-color: rgba(255, 255, 255, 0.35);
}

.acc-showcase-glass-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(30px) saturate(200%);
  -webkit-backdrop-filter: blur(30px) saturate(200%);
  z-index: 1;
  pointer-events: none;
}

.acc-showcase-card-body {
  display: flex;
  flex-direction: column-reverse;
  gap: 16px;
  padding: 20px;
  position: relative;
  z-index: 2;
  box-sizing: border-box;
}

/* --- Content Typography --- */
.acc-showcase-content-side {
  display: flex;
  flex-direction: column;
}
.acc-showcase-project-name {
  font-size: 22px !important;
  font-weight: 600 !important;
  color: #ffffff !important;
  margin: 0 0 10px 0 !important;
  letter-spacing: 1.5px;
 
}

/* --- Tags --- */
.acc-showcase-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
}

.acc-showcase-tag {
  font-size: 16px;
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.06);
  padding: 5px 10px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  text-decoration: none;
  transition: all 0.2s ease;
}

.acc-showcase-tag:hover {
  background-color: #ffffff;
  color: #000000 !important;
  border-color: #ffffff;
}

.acc-showcase-project-desc {


  margin: 0 0 16px 0;
}

.acc-showcase-link-btn {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 600;
  color: #ffffff !important;
  text-decoration: none;
  transition: opacity 0.2s ease;
}

.acc-showcase-link-btn:hover { opacity: 0.8; }
.acc-showcase-link-btn:hover i { transform: translateX(4px); }
.acc-showcase-link-btn i { transition: transform 0.2s ease; }

/* --- Video Box --- */
.acc-showcase-visual-side {
  width: 100%;
}

.acc-showcase-video-box {
  width: 100%;
  height: 170px;
  border-radius: 12px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.acc-showcase-video-box video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ==========================================================================
   TABLET (576px & 768px)
   ========================================================================== */
@media (min-width: 576px) {
  .acc-showcase-video-box {
    height: 220px;
  }
}

@media (min-width: 768px) {
  .acc-showcase-section { padding: 80px 0; }
  .acc-showcase-container { padding: 0 40px; }

  .acc-showcase-title { font-size: 40px !important; }

  .acc-showcase-card-body {
    flex-direction: row;
    padding: 36px;
    gap: 32px;
    align-items: center;
  }

  .acc-showcase-project-name { font-size: 28px !important; }
  /*.acc-showcase-project-desc { font-size: 14px; }*/

  .acc-showcase-content-side { flex: 1.1; }
  .acc-showcase-visual-side { flex: 0.9; }
  .acc-showcase-video-box { height: 260px; }
}

/* ==========================================================================
   DESKTOP (992px+) — restore original desktop behavior exactly
   ========================================================================== */
@media (min-width: 992px) {
  .acc-showcase-header {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
  }

  .acc-showcase-title-area { flex: 1.2; }
  .acc-showcase-title { font-size: 48px !important; }
  .acc-showcase-desc-area { flex: 0.8; }

  /* Desktop: restore fixed height sticky — JS will NOT override this */
@media (min-width: 992px) {
  .acc-showcase-sticky-window {
    top: 20px;
    height: 75vh !important; /* ← WAS 90vh, change to 60vh */
    padding: 0;
  }
}
  .acc-showcase-card {
    min-height: 480px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow:
      0 -20px 40px rgba(0, 0, 0, 0.7),
      0 40px 80px rgba(0, 0, 0, 0.9);
  }

  .acc-showcase-card-body {
    padding: 50px;
    gap: 50px;
  }

  .acc-showcase-content-side { flex: 0.9; }
  .acc-showcase-visual-side { flex: 1.1; }
  .acc-showcase-project-name { font-size: 36px !important; }
  .acc-showcase-video-box { height: 360px; }
}

@media (min-width: 1200px) {
  .acc-showcase-section { padding: 60px 0; }
  .acc-showcase-title { font-size: 54px !important; }
  .acc-showcase-card-body { padding: 30px; gap: 60px; }
  .acc-showcase-project-name { font-size: 40px !important; }
  .acc-showcase-video-box { height: 400px; }
}

/********************************* our service  end****************************************/
/* our parters  */
/* ==========================
   CHANNEL PARTNERS SECTION
========================== */

.partners-section{
    background:#000000;
    padding:60px 20px;
    font-family:'Segoe UI',sans-serif;
}

.partners-container{
    max-width:1400px;
    margin:auto;
}

.partners-title{
   

  line-height: 1.15;
  color: #ffffff;
  margin-bottom: 35px;
  letter-spacing: -1px;
  text-align: center;
}

/* ==========================
   GRID LAYOUT
========================== */

.partners-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
}

/* ==========================
   CARD
========================== */

.partner-item{
    background:#030b16;
    border:1px solid rgba(255,255,255,0.08);
    /* border-radius:16px; */
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:120px;
    padding:25px;

    transition:all .4s ease;
}

.partner-item:hover{
    transform:translateY(-6px);
    border-color:rgba(255,255,255,0.25);
    background:rgba(255,255,255,0.08);
}

/* ==========================
   LOGOS
========================== */

.partner-logo{
    width:100%;
    max-width:180px;
    max-height:55px;

    object-fit:contain;

    /* filter:brightness(0) invert(1);
    opacity:.7; */

    transition:all .35s ease;
}

.partner-item:hover .partner-logo{
    filter:none;
    opacity:1;
}

/* ==========================
   LARGE DESKTOP
========================== */

@media (min-width:1400px){

    .partners-grid{
        grid-template-columns:repeat(4,1fr);
        gap:30px;
    }

    .partner-item{
        min-height:130px;
    }

    .partner-logo{
        max-width:200px;
        max-height:60px;
    }
}

/* ==========================
   LAPTOP
========================== */

@media (max-width:1200px){

    .partners-grid{
        grid-template-columns:repeat(4,1fr);
        gap:20px;
    }

    .partner-item{
        min-height:110px;
    }
}

/* ==========================
   TABLET LANDSCAPE
========================== */

@media (max-width:992px){

    .partners-grid{
        grid-template-columns:repeat(3,1fr);
    }

    .partners-title{
        margin-bottom:40px;
    }
}

/* ==========================
   TABLET PORTRAIT
========================== */

@media (max-width:768px){

    .partners-section{
        padding:60px 15px;
    }

    .partners-grid{
        grid-template-columns:repeat(2,1fr);
        gap:16px;
    }

    .partner-item{
        min-height:95px;
        padding:18px;
    }

    .partner-logo{
        max-width:130px;
        max-height:40px;
    }
}

/* ==========================
   MOBILE
========================== */

@media (max-width:576px){

    .partners-grid{
        grid-template-columns:repeat(2,1fr);
        gap:14px;
    }

    .partner-item{
        min-height:85px;
        border-radius:12px;
    }

    .partner-logo{
        max-width:110px;
        max-height:35px;
    }
}

/* ==========================
   SMALL MOBILE
========================== */

@media (max-width:380px){

    .partners-grid{
        grid-template-columns:1fr;
    }

    .partner-item{
        min-height:80px;
    }

    .partner-logo{
        max-width:120px;
    }
}
/* our parters  */

/************************************************************************************/

/* Industry-We-Transform */
 /* Industry-We-Transform */
/* Scoped custom logic variables to guarantee mathematical pixel loop transitions */
.Industry-We-Transform {
    --marquee-gap: 30px;
    overflow: hidden;
    padding: 100px 0;
    background-color: #030b17;
}

.h-tag-fonts {
    color: black;
    font-size: 3rem;
}

/* --- Seamless Infinite Scroll Logic --- */
.marquee-container {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.marquee-content {
    display: flex;
    gap: var(--marquee-gap); 
    animation: scroll 35s linear infinite; /* Adjusted speed upward slightly for 10 items balance */
    width: max-content;
}

/* Precise calculation prevents the microscopic shift gap at cycle reset points */
@keyframes scroll {
    0% { 
        transform: translate3d(0, 0, 0); 
    }
    100% { 
        transform: translate3d(calc(-50% - (var(--marquee-gap) / 2)), 0, 0); 
    } 
}

/* Pause on hover for better UX */
.marquee-container:hover .marquee-content {
    animation-play-state: paused;
}

/* --- Card & Zigzag Styling --- */
.image_wrapper, .image_wrapper-2 {
    position: relative;
    flex-shrink: 0;
    border-radius: 30px;
    overflow: hidden; 
    height: 400px;
    width: 280px;
}

/* Top aligned cards */
.image_wrapper { 
    margin-top: 0; 
}

/* Lowered cards for perfect zigzag alternation */
.image_wrapper-2 { 
    margin-top: 80px; 
}

.image_wrapper img, .image_wrapper-2 img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
}

/* Text Overlay (Blue bar at bottom) */
.img-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: black; 
    color: white;
    padding: 15px 20px;
    text-align: left;
    z-index: 10;
}
/**********************************brands****************************************/

/* Scoped global variables for absolute pixel accuracy */
.brands-section {
    --gap-desktop: 35px;
    --gap-mobile: 20px;
    padding: 80px 0;
    overflow: hidden;
}

.seo-section-title {
    text-align: center;
    margin-bottom: 70px;
}

.marquee {
    overflow: hidden;
    width: 100%;
    margin: 35px 0;
    display: flex;
    user-select: none;
}

.track {
    display: flex;
    width: max-content;
    gap: var(--gap-desktop);
}

.brand-card {
    width: 185px;
    height: 100px;
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    flex-shrink: 0;
}

.brand-card img {
    max-width: 80%;
    max-height: 70px;
    object-fit: contain;
}

/* ==========================================================================
   Seamless Continuous Loop Keyframes
   Set A and Set B in each track are identical, so translating exactly -50%
   of the full (doubled) track width lands precisely back on Set A's start —
   no gap correction hacks needed, no visible seam or jump.
   ========================================================================== */

.left {
    animation: scrollLeftExact 30s linear infinite;
}

@keyframes scrollLeftExact {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(-50%, 0, 0);
    }
}

.right {
    animation: scrollRightExact 30s linear infinite;
}

@keyframes scrollRightExact {
    0% {
        transform: translate3d(-50%, 0, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
    }
}

.slow {
    animation-duration: 40s;
}

.marquee:hover .track {
    animation-play-state: paused;
}

/* ==========================================================================
   Responsive Adaptations
   ========================================================================== */
@media(max-width:768px) {
    .brand-card {
        width: 180px;
        height: 95px;
        border-radius: 22px;
    }
    .track {
        gap: var(--gap-mobile);
    }
    .left {
        animation: scrollLeftMobile 30s linear infinite;
    }
    .right {
        animation: scrollRightMobile 30s linear infinite;
    }

    @keyframes scrollLeftMobile {
        0% { transform: translate3d(0, 0, 0); }
        100% { transform: translate3d(-50%, 0, 0); }
    }
    @keyframes scrollRightMobile {
        0% { transform: translate3d(-50%, 0, 0); }
        100% { transform: translate3d(0, 0, 0); }
    }
}

.rs-togglebar-wrapper {
    display: none !important;
}
/**********************************************************************************************/        

        .breadcrumb-small{
    padding: 120px 0 20px;
    background: transparent !important;
    min-height: auto !important;
}

.breadcrumb-small .breadcrumb-btn,
.breadcrumb-small .breadcrumb-title-wrapper,
.breadcrumb-small .breadcrumb-bg-thumb{
    display:none !important;
}

.custom-breadcrumb{
    list-style:none;
    margin:0;
    padding:0;
    display:flex;
    gap:10px;
}

.custom-breadcrumb li{
    font-size:18px;
        color: #ffffff;
}

.custom-breadcrumb li:not(:last-child)::after{
    content:">";
    margin-left:10px;
}

.work-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    margin-bottom: 40px;
}

.filter-btn {
    background: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 12px 24px;
    cursor: pointer;
    transition: .3s;
}

.filter-btn.active {
    background: #fff;
    color: #000;
}


/******* About us  para********/


.about-us-section {
  
  background-color: #000000;
  color: #ffffff;
  line-height: 1.6;
  padding: 40px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
}

.about-us-section * {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.about-container {
  max-width: 1100px;
  width: 100%;
}

.about-main-heading {
  color: #1F419F;
  letter-spacing: 1px;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.about-sub-heading {
  color:  linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 40px;
}

.about-content-block {
  /* max-width: 950px; */
  margin: 0 auto;
}

.about-text-paragraph {

  color: #ffffff;
  margin-bottom: 25px;
  font-weight: 400;
  text-align: center;
}

.about-highlight-text {
  color: #4E6FC9;
  font-weight: 600;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
  .about-us-section {
    padding: 40px 15px;
  }

  .about-main-heading {
    font-size: 1.8rem;
  }

  .about-sub-heading {
   
    margin-bottom: 30px;
  }

  .about-text-paragraph {
   
    margin-bottom: 20px;
  }
}

@media (max-width: 480px) {
  .about-main-heading {
  
  }

 
}

/******* About us  para end********/

/******* Directors section  *************/
/* --- Global Section Settings --- */
.directors-section {
  padding: 80px 20px;
  background-color: #030b17;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  display: flex;
  justify-content: center;
}

.directors-container {
  max-width: 1200px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 100px; /* Space between the two director profiles */
}

/* --- Row Alignment Settings --- */
.director-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 60px;
}

/* --- Text Content Styling --- */
.director-content {
  flex: 1.2;
}

.director-name {
  font-size: 35px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 12px;
  text-transform: capitalize;
}

.director-title {
  display: inline-block;
  background-color: #2e51bb;
  color: #ffffff;
  font-size: 17px;
  font-weight: 600;
  letter-spacing: 0.8px;
  padding: 8px 20px;
  border-radius: 20px;
  margin-bottom: 25px;
}

.director-bio p {
  color: #ededed;

  line-height: 1.65;
  margin-bottom: 20px;
}

.director-bio p:last-child {
  margin-bottom: 0;
}

/* --- Media Structure & Backdrops --- */
.director-media {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 480px;
  width: 100%;
}

.image-wrapper {
  position: relative;
  width: 100%;
  /* background: linear-gradient(135deg, #1d428a 0%, #112959 100%); */
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 8px;
}

/* Curved top-left for first profile */
/* .curve-top-left {
  border-top-left-radius: 100px;
} */

/* Curved top-right for second profile */
.curve-top-right {
  border-top-right-radius: 100px;
}

.director-img {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* --- LinkedIn Link Setup --- */
.linkedin-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #0077b5;
  text-decoration: none;
  font-weight: 600;
  font-size: 14px;
  transition: color 0.2s ease;
}

.linkedin-link:hover {
  color: #005582;
  text-decoration: underline;
}

.linkedin-icon {
  width: 20px;
  height: 20px;
  fill: #0077b5;
}

/* --- Responsive Layout Rules --- */
@media (max-width: 992px) {
  .director-row {
    gap: 40px;
  }
  .director-name {
    font-size: 1.85rem;
  }
}

@media (max-width: 768px) {
  .directors-container {
    gap: 70px; /* Reduces separation space on tablets/mobile */
  }

  .director-row, 
  .director-row.reverse-row {
    flex-direction: column-reverse; /* Always keeps content on top of image for mobile flow */
    gap: 30px;
  }

  .director-media {
    max-width: 420px;
    align-items: flex-start;
  }

  .curve-top-left,
  .curve-top-right {
    border-top-left-radius: 70px;
    border-top-right-radius: 0px; /* Uniform look across mobile viewports */
  }
}
/******* Directors section  end***********/

/******* out vision misssion  section *************/



:root {
  --bg-light: #f7f9fa;
  --text-dark: #111111;
  --text-muted: #7c7c7c;
  --accent-purple: #6366f1;
  --dark-card-bg: #090a0f;
}

.vision-mission-section {
  width: 100%;
  padding: 60px 20px;
  background-color: #000000;
  display: flex;
  justify-content: center;
}

.vm-container {
  display: grid;
  grid-template-columns: 370px 1fr;
  gap: 40px;
  max-width: 1200px;
  width: 100%;
  align-items: start;
}

/* --- Left Column: Vision Card --- */
.vm-card-left {
  background-color: #030b17;
  border-radius: 24px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.card-image-wrapper {
  width: 100%;
  border-radius: 18px;
  overflow: hidden;
}

.card-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
}

.card-content {
  padding: 4px 8px 12px 8px;
}

.card-title {
  font-size: 18px;
  font-weight: 700;
  color: #aec8ff;
  margin-bottom: 12px;
}

.card-text {
 
  color: #fff
}

/* --- Right Column Layout --- */
.vm-content-right {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Mission Headers */
.mission-header {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.mission-title {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-dark);
  letter-spacing: -0.5px;
}

.highlight-text {
  color: var(--text-muted);
}

.mission-description {

  line-height: 1.6;
  color: #fff;
}

/* --- Stats & Badge Row Layout --- */
.stats-badge-container {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  background-color: #b4d1df;
  border-radius: 24px;
  overflow: hidden;
}

/* Stats Left Section */
.stats-left {
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.stat-number-yr {
  font-size: 50px;
  font-weight: 800;
  color: #030b17;
  line-height: 1;
  display: flex;
  align-items: flex-start;
}

.plus-sign {
  color: var(--accent-purple);
  font-size: 3rem;
  margin-left: 2px;
}

.stat-label {
  font-size: 24px;
  color: #fff;
  text-transform: capitalize;
  margin-top: 4px;
  margin-bottom: 24px;
}

/* Avatars Stack */
.avatar-group {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.avatar {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  border: 1px solid rgb(66, 66, 66);
  margin-right: -8px;
  object-fit: cover;
}

.avatar-plus {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #000000;
  color: #ffffff;
  font-size: 0.85rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bg-light);
  margin-left: 4px;
}

.reviews-text {
  font-size: 14px;
  color: var(--text-dark);
  font-weight: 400;
}

/* Vision Dark Accent Block Right */
.vision-dark-block {
  background-color: #030b17;
  /* background-image: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(0,0,0,0) 100%); Subtle sleek overlay texture */
  padding: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

/* Simulated backdrop wireframe text layout rule */
.vision-dark-block::after {
  
  position: absolute;
  bottom: -10px;
  right: 10px;
  font-size: 4.5rem;
  font-weight: 900;
  color: rgba(255, 255, 255, 0.03);
  letter-spacing: 2px;
  pointer-events: none;
  white-space: nowrap;
}

.dark-block-title {
  color: #aec8ff;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 16px;
}

.dark-block-text {
  color:#fff;

}

/* --- Responsive Breakpoints --- */

@media (max-width: 992px) {
  .vm-container {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  
  .vm-card-left {
    max-width: 450px;
    margin: 0 auto;
  }
}

@media (max-width: 680px) {
  .stats-badge-container {
    grid-template-columns: 1fr;
  }
  
  .stats-left, .vision-dark-block {
    padding: 30px;
  }
  
  .mission-title {
    font-size: 2rem;
  }
}
/******* our vision misssion end section *************/

/********our implementation and action starts********************/
 /* Section Container Styling */
.seo-feature-section {
  background-color: #0c0e12; /* Deep modern dark layout matching Acculer Media */
  color: #ffffff;
  padding: 5rem 1.25rem; /* Fluid padding using rem for better scaling */
  overflow: hidden;
  box-sizing: border-box;
}

/* Ensure all internal elements inherit box-sizing safely */
.seo-feature-section *, 
.seo-feature-section *::before, 
.seo-feature-section *::after {
  box-sizing: border-box;
}

.seo-container {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.seo-section-title {
  text-align: center;
 
 
  margin-bottom: clamp(35px, 0vw, 0px);
 
  
  /* Modern Metallic/Glow Gradient Text Effect */
  background: linear-gradient(
    90deg, 
    #ffffff 0%, 
    #ffffff 40%, 
    #4D71D4 50%, /* Accent blue shine matching your tabs */
    #ffffff 60%, 
    #ffffff 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  
  /* Trigger both entrance fade and background shimmer loop */
  animation: 
    headingReveal 1s cubic-bezier(0.16, 1, 0.3, 1) forwards,
    textShimmer 6s linear infinite;
  
  /* Ensures no flickering before animation starts */
  backface-visibility: hidden; 
}

/* 1. Smooth Fade-In Upwards Entrance Animation */
@keyframes headingReveal {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 2. Premium Light Shimmer Loop Animation */
@keyframes textShimmer {
  0% {
    background-position: 200% center;
  }
  100% {
    background-position: -200% center;
  }
}

/* Hide Radio Inputs Completely */
.seo-tab-input {
  display: none;
}

/* Tabs Navigation Layout */
.seo-nav-buttons {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
  max-width: 900px;
  margin: 0 auto 40px auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding-bottom: 20px;
  width: 100%;
}

/* Button & Micro-interaction Animations */
.seo-btn-label {
  display: block;
  text-align: center;
  padding: 14px 16px; /* Reduced side padding slightly to avoid text truncation on smaller laptops */
 
  color: #ffffff;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  position: relative;
  overflow: hidden;
  z-index: 1;
  white-space: nowrap; /* Keeps label text cleanly on one line */
  text-overflow: ellipsis;
}

/* Hover Glowing Slide Effect */
.seo-btn-label::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #4D71D4; /* Clean Tech Blue accent */
  opacity: 0;
  z-index: -1;
  transition: opacity 0.35s ease;
}

.seo-btn-label:hover {
  color: #ffffff;
  border-color: rgba(37, 99, 235, 0.5);
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(37, 99, 235, 0.2);
}

/* Pure CSS Engine: Active State Styling */
#tab-who:checked ~ .seo-nav-buttons [for="tab-who"],
#tab-what:checked ~ .seo-nav-buttons [for="tab-what"],
#tab-how:checked ~ .seo-nav-buttons [for="tab-how"],
#tab-where:checked ~ .seo-nav-buttons [for="tab-where"] {
  color: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 25px rgba(37, 99, 235, 0.4);
}

#tab-who:checked ~ .seo-nav-buttons [for="tab-who"]::before,
#tab-what:checked ~ .seo-nav-buttons [for="tab-what"]::before,
#tab-how:checked ~ .seo-nav-buttons [for="tab-how"]::before,
#tab-where:checked ~ .seo-nav-buttons [for="tab-where"]::before {
  opacity: 1;
}
/* Content Panel Core Engine */
.seo-content-wrapper {
  position: relative;
  min-height: 400px; /* Assures page structural stability during tab changes */
  width: 100%;
}

.seo-tab-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: opacity 0.45s ease, transform 0.45s ease, visibility 0.45s;
  pointer-events: none;
}

/* Conditional Render via CSS Selectors */
#tab-who:checked ~ .seo-content-wrapper .content-who,
#tab-what:checked ~ .seo-content-wrapper .content-what,
#tab-how:checked ~ .seo-content-wrapper .content-how,
#tab-where:checked ~ .seo-content-wrapper .content-where {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  pointer-events: auto;
}

/* SEO Subtext Description styling */
.seo-lead-text {
 
  color: #ffffff;
  text-align: center;
  max-width: 950px;
  margin: 0 auto 40px auto;
}

/* Cards Presentation Grid */
.seo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(15px, 3vw, 30px); /* Brings cards closer together on medium devices */
  width: 100%;
}

.seo-card {
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  padding: clamp(20px, 4vw, 35px); /* Responsive inner spacing for cards */
  border-radius: 16px;
  transition: border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
}

.seo-card:hover {
  border-color: rgba(255, 255, 255, 0.15);
  transform: scale(1.01);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.seo-card-icon {
  font-size: 2rem;
  margin-bottom: 20px;
  display: inline-block;
}

.seo-card h3 {
  
  margin-bottom: 15px;
  color: #ffffff;
}

.seo-card p {
 
  color: #ffffff;
  margin: 0;
}

/* Smooth Interactive Micro-Stagger animation on switch */
#tab-who:checked ~ .seo-content-wrapper .content-who .animate-card,
#tab-what:checked ~ .seo-content-wrapper .content-what .animate-card,
#tab-how:checked ~ .seo-content-wrapper .content-how .animate-card,
#tab-where:checked ~ .seo-content-wrapper .content-where .animate-card {
  animation: cardFadeUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes cardFadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ==========================================================================
   BREAKPOINTS ENGINE (Optimized for Large Desktop down to Small Mobile)
   ========================================================================== */

/* Laptop & Small Desktop Breakpoint */
@media (max-width: 1024px) {
  .seo-nav-buttons {
    max-width: 800px;
    gap: 10px;
  }
  .seo-btn-label {
    padding: 12px 10px;
  }
}

/* Tablets / IPads Breakpoint */
@media (max-width: 768px) {
  .seo-feature-section {
    padding: 4rem 1rem;
  }
  .seo-nav-buttons {
    grid-template-columns: repeat(2, 1fr); /* 2x2 layout on tablets */
    border-bottom: none;
    padding-bottom: 0;
  }
  .seo-grid {
    grid-template-columns: 1fr; /* Cards stack vertically on tablets */
  }
}

/* Mobile Devices (Smartphones) */
@media (max-width: 480px) {
  .seo-nav-buttons {
    grid-template-columns: 1fr; /* Buttons stack perfectly on narrow phone viewports */
    gap: 8px;
  }
  .seo-btn-label {
    padding: 14px 16px;

  }
  .seo-card {
    padding: 20px;
  }
}
/********our implementation and action ends********************/


/*************************** Service about para start *****************************************/
.service-about-section {
    background-color: #000000;
    color: #ffffff;
    line-height: 1.6;
    padding: 40px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

.service-about-section * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.service-about-container {
    max-width: 1100px;
    width: 100%;
}

.service-about-main-heading {
    color: #1F419F;
    font-size: 2.2rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.service-about-sub-heading {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    background: #4E6FC9;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.service-about-content-block {
    margin: 0 auto;
}

.service-about-text-paragraph {
    color: #ffffff;
    margin-bottom: 25px;
    font-weight: 400;
    text-align: center;
}

.service-about-highlight-text {
    color:#4E6FC9;
    font-weight: 600;
}

/* Responsive Breakpoints */
@media (max-width: 768px) {
    .service-about-section {
        padding: 40px 15px;
    }

    .service-about-main-heading {
        font-size: 1.8rem;
    }

    .service-about-sub-heading {
        /*font-size: 1.15rem;*/
        margin-bottom: 30px;
    }

    .service-about-text-paragraph {
      
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .service-about-main-heading {
        font-size: 1.6rem;
    }

 
}

/*************************** Service about para end *****************************************/

/************************* about page Branding Service **********************/

.acculer-branding-section {
  background-color: #030B17; /* Seamless integration with your brand palette */
  padding: 60px 24px;

  overflow: hidden;
  box-sizing: border-box;
}

.acculer-branding-section *,
.acculer-branding-section *::before,
.acculer-branding-section *::after {
  box-sizing: border-box;
}

.acculer-branding-container {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
}

/* Hidden Engine Core Radio Handlers */
.acculer-brand-input {
  display: none !important;
}

/* Primary Sidebar Split Engine Configuration */
.acculer-branding-layout {
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 65px;
  align-items: start;
}

/* Sticky Left Menu Column Track */
.acculer-brand-sidebar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: sticky;
  top: 50px;
}

/* Sidebar Trigger Micro-Interactions */
.acculer-brand-trigger {
  display: block;
  padding: 18px 24px;
  /* font-size: 0.95rem; */
  /* font-weight: 600; */
  color: #ffffff;
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.acculer-brand-trigger:hover {
  color: #ffffff;
  border-color: rgba(37, 99, 235, 0.3);
  background: rgba(37, 99, 235, 0.05);
  transform: translateX(5px);
}

/* Pure CSS Engine: Selected Functional State Transitions */
#brand-logo:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-logo"],
#brand-graphic:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-graphic"],
#brand-visual:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-visual"],
#brand-corp-video:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-corp-video"],
#brand-ai-video:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-ai-video"] {
  color: #ffffff;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  border-color: #2563eb;
  box-shadow: 0 8px 24px rgba(37, 99, 235, 0.35);
  transform: translateX(8px);
}

/* Right-side Display Canvas Block */
.acculer-brand-display-panel {
  position: relative;
  /* Locked to avoid bouncing layouts */
  width: 100%;
}

/* Global Fixed Title within the content area */
.acculer-brand-section-title {
  /* font-size: 2.5rem; */
  /* font-weight: 800; */
  color: #ffffff;
  margin: 0 0 10px 0;
  /* letter-spacing: -0.03em; */
  border-left: 4px solid #2563eb;
  padding-left: 20px;
  /* line-height: 1.1; */
}

/* Individual Slide Layers Configuration */
.acculer-brand-view {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px) scale(0.99);
  pointer-events: none;
  transition: opacity 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), 
              visibility 0.5s;
}

/* Pure CSS Engine: Layer Toggle Selectors */
#brand-logo:checked ~ .acculer-branding-layout .acculer-brand-display-panel .view-logo,
#brand-graphic:checked ~ .acculer-branding-layout .acculer-brand-display-panel .view-graphic,
#brand-visual:checked ~ .acculer-branding-layout .acculer-brand-display-panel .view-visual,
#brand-corp-video:checked ~ .acculer-branding-layout .acculer-brand-display-panel .view-corp-video,
#brand-ai-video:checked ~ .acculer-branding-layout .acculer-brand-display-panel .view-ai-video {
  position: relative;
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
  pointer-events: auto;
}

/* Horizontal Presentation Split: Text (Big Left) vs Media (Small Right) */
.acculer-brand-content-split {
  display: grid;
  grid-template-columns: 1fr 240px; /* Made the media frame small on the right */
  gap: 40px;
  align-items: center;
}

.acculer-brand-text-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.acculer-brand-heading {

  color: #ffffff;
  margin: 0 0 15px 0;

}

.acculer-brand-desc {

  margin: 0 0 30px 0;
}

/* Scaled-Down Frame Box for supporting visuals */
.acculer-brand-media-mini {
  width: 100%;
  height: 375px;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.06);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
  background: rgba(255, 255, 255, 0.01);
}

.acculer-brand-graphic {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  filter: grayscale(15%) contrast(105%);
}

.acculer-brand-view:hover .acculer-brand-graphic {
  transform: scale(1.05);
  filter: grayscale(0%) contrast(100%);
}

/* ==========================================================================
   Unique & Creative Premium Redirect Button
   ========================================================================== */
.acculer-brand-action-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
  color: #ffffff;
  text-decoration: none;
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  transition: opacity 0.2s ease;
}

/* High-tech radial background flare overlay */
/* .acculer-brand-action-btn::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  opacity: 0;
  transition: opacity 0.4s ease;
  z-index: 1;
} */

.acculer-brand-action-btn:hover {
  opacity: 0.9;
}

.acculer-brand-action-btn:hover::before {
  opacity: 1;
}

.acculer-brand-action-btn:active {
  transform: translateY(-1px);
}

/* Layering isolation safeguards */
.acculer-btn-text {
  position: relative;
  z-index: 2;
  letter-spacing: -0.01em;
}

.acculer-btn-arrow {
  position: relative;
  z-index: 2;
  margin-left: 12px;
  font-size: 1.1rem;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.acculer-brand-action-btn:hover .acculer-btn-arrow {
  transform: translateX(5px);
}


/* ==========================================================================
   Responsive Viewport Engine Breakpoints
   ========================================================================== */

@media (max-width: 1100px) {
  .acculer-brand-content-split {
    grid-template-columns: 1fr 200px;
    gap: 30px;
  }
  .acculer-brand-media-mini {
    height: 240px;
  }
}

@media (max-width: 991px) {
  .acculer-branding-layout {
    grid-template-columns: 240px 1fr;
    gap: 35px;
  }
  .acculer-brand-section-title {
    font-size: 2rem;
  }
}

/* Tablet & Mobile Breakdowns */
@media (max-width: 768px) {
  .acculer-branding-section {
    padding: 60px 16px;
  }
  .acculer-branding-layout {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .acculer-brand-sidebar {
    position: relative;
    top: 0;
    flex-direction: row;
    overflow-x: auto;
    padding-bottom: 12px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .acculer-brand-trigger {
    white-space: nowrap;
    scroll-snap-align: start;
    padding: 12px 20px;
    font-size: 0.9rem;
  }
  #brand-logo:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-logo"],
  #brand-graphic:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-graphic"],
  #brand-visual:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-visual"],
  #brand-corp-video:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-corp-video"],
  #brand-ai-video:checked ~ .acculer-branding-layout .acculer-brand-sidebar [for="brand-ai-video"] {
    transform: translateX(0) translateY(-2px);
  }
  .acculer-brand-display-panel {
    min-height: auto;
  }
  /* On mobile viewpoints, stack elements in traditional hierarchy */
  .acculer-brand-content-split {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .acculer-brand-media-mini {
    height: 250px;
    grid-row: 1; /* Pushes the scaled asset up above text descriptions on small phones */
  }
  .acculer-brand-action-btn {
    width: 100%;
    justify-content: center;
  }
}

/************************* About page Branding Service end**********************/


/************************* Service inside banner  ****************************/
/* =========================
   SERVICE BANNER SECTION
========================= */

.service-banner-section {
    position: relative;
    width: 100%;
   height: clamp(120px, 32vw, 480px);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.service-banner-image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    z-index: 1;
    transition: transform 0.5s ease;
}

.service-banner-section:hover .service-banner-image {
    transform: scale(1.03);
}

.service-banner-overlay {
    position: absolute;
    inset: 0;
    background: rgba(37, 37, 37, 0.08);
    z-index: 2;
}

/* =========================
   LARGE DESKTOP
========================= */
@media (min-width: 1600px) {
    .service-banner-section {
        height: 550px;
    }
}

/* =========================
   LAPTOP
========================= */
@media (max-width: 1200px) {
    .service-banner-section {
        height: 400px;
    }
}

/* =========================
   TABLET
========================= */
@media (max-width: 992px) {
    .service-banner-section {
        height: 320px;
    }
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {
    .service-banner-section {
        height: 185px;
    }

    .service-banner-image {
        object-position: center center;
    }
}

/* =========================
   SMALL MOBILE
========================= */
@media (max-width: 480px) {
    .service-banner-section {
        height: 150px;
    }
}

/* =========================
   EXTRA SMALL DEVICES
========================= */
@media (max-width: 360px) {
    .service-banner-section {
        height: 190px;
    }
}
/******************* SERVICES BANNER TEXT SECTION *****************/

.service-showcase{
    width:100%;
    background:#000;
    padding:80px 5%;
    box-sizing:border-box;
    
}

.service-container{
    max-width:1400px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:80px;
}

/* LEFT SIDE */

.service-left{
    flex:1.3;
}

.service-left h2{
    margin:0;
    color:#fff;
    font-size:clamp(42px,5vw,78px);
    line-height:1.05;
    /* font-weight:800; */
    letter-spacing:-2px;
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15;
    color: #fff;
    margin: 0;
    letter-spacing: -1px;
}

/* RIGHT SIDE */

.service-right{
    flex:0.9;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.service-right p{
    margin:0;

}

.service-btn{
    margin-top:50px;
    display:inline-flex;
    align-items:center;
    gap:12px;
    padding:12px 24px;
    background:linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
    color:#fff;
    text-decoration:none;
    font-size:18px;
    font-weight:600;
    border-radius:8px;
    transition:all .35s ease;
}

.service-btn span{
    font-size:20px;
    transition:transform .3s ease;
}

.service-btn:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(76,110,245,.35);
}

.service-btn:hover span{
    transform:translate(4px,-4px);
}

/* =========================
   TABLET
========================= */

@media (max-width:991px){

    .service-container{
        gap:50px;
        flex-direction:column;
    }

    .service-left,
    .service-right{
        width:100%;
    }

    .service-left h2{
        max-width:800px;
    }

    .service-right p{
        max-width:100%;
    }
}

/* =========================
   MOBILE
========================= */

@media (max-width:576px){

    .service-showcase{
        padding:60px 20px;
    }

    .service-left h2{
        font-size:clamp(34px,9vw,52px);
        line-height:1.1;
        letter-spacing:-1px;
    }

    .service-right p{
        font-size:15px;
        line-height:1.8;
    }

    .service-btn{
        width:100%;
        justify-content:center;
        padding:16px 24px;
        font-size:16px;
    }
}
/************************* Service inside banner end ****************************/

/************************* clients page   ****************************/
/* ===========================
   CLIENTS LOGO SECTION
=========================== */

.clients-logo-wrapper {
    background-color: #0d0e12;
    padding: 80px 24px;
    position: relative;
    overflow: hidden;
}

/* Background Glow */
.clients-logo-wrapper::before {
    content: "";
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translateX(-50%);
    width: 900px;
    height: 450px;
    background: radial-gradient(circle,
            rgba(99, 102, 241, 0.12) 0%,
            rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
    z-index: 0;
}

/* ===========================
   HEADER
=========================== */

.clients-logo-header {
    text-align: center;
    max-width: 850px;
    margin: 0 auto 50px;
    position: relative;
    z-index: 2;
}

.clients-logo-badge {
    display: inline-block;
    padding: 8px 18px;
    margin-bottom: 20px;
    border-radius: 50px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #a5b4fc;
    border: 1px solid rgba(99, 102, 241, 0.25);
    background: rgba(99, 102, 241, 0.08);
}

.clients-logo-title {
    color: #fff;
    margin-bottom: 20px;
}

.clients-logo-gradient {
    background: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);
    background-size: 300% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: clientsLogoGradient 6s linear infinite;
}

.clients-logo-subtitle {
    color: #9ca3af;
    max-width: 700px;
    margin: 0 auto;
}

/* ===========================
   LOGO GRID
=========================== */

.clients-logo-grid {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 2;
}

.clients-logo-card {
    height: 110px;
    background: rgba(255,255,255);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 7px;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 18px;
    transition: all 0.35s ease;
    backdrop-filter: blur(8px);
}

.clients-logo-card:hover {
    transform: translateY(-6px);
    border-color: rgba(99, 102, 241, 0.35);
    background: rgba(255,255,255,0.05);
    box-shadow:
        0 15px 35px rgba(0,0,0,0.4),
        0 0 20px rgba(99,102,241,0.12);
}

.clients-logo-image {
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
    transition: all 0.35s ease;
    /*filter: grayscale(100%) brightness(0.8);*/
    opacity: 0.75;
}

.clients-logo-card:hover .clients-logo-image {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.05);
}

/* ===========================
   METRICS SECTION
=========================== */

.clients-logo-metrics {
    max-width: 1000px;
    margin: 80px auto 0;
    padding: 45px;
    border-radius: 24px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    background: linear-gradient(
        135deg,
        rgba(20,22,28,0.7),
        rgba(13,14,18,0.95)
    );

    border: 1px solid rgba(255,255,255,0.05);
}

.clients-logo-metric-item {
    flex: 1;
    text-align: center;
}

.clients-logo-metric-number {
    margin-bottom: 10px;

    background: linear-gradient(
        135deg,
        #ffffff,
        #6e8dff
    );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.clients-logo-metric-label {
    color: #9ca3af;

}

.clients-logo-divider {
    width: 1px;
    height: 70px;
    background: linear-gradient(
        to bottom,
        transparent,
        rgba(255,255,255,0.15),
        transparent
    );
}

/* ===========================
   ANIMATIONS
=========================== */

@keyframes clientsLogoGradient {
    0% {
        background-position: 0% center;
    }
    100% {
        background-position: 300% center;
    }
}

/* ===========================
   TABLET
=========================== */

@media (max-width: 992px) {

    .clients-logo-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .clients-logo-card {
        height: 95px;
    }
}

/* ===========================
   MOBILE
=========================== */

@media (max-width: 768px) {

    .clients-logo-wrapper {
        padding: 60px 15px;
    }

    .clients-logo-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }

    .clients-logo-card {
        height: 85px;
        padding: 12px;
    }

    .clients-logo-image {
        max-height: 45px;
    }

    .clients-logo-metrics {
        flex-direction: column;
        gap: 30px;
        padding: 30px 20px;
    }

    .clients-logo-divider {
        display: none;
    }
}

/* ===========================
   SMALL MOBILE
=========================== */

@media (max-width: 480px) {

    .clients-logo-title {
        font-size: 2rem;
    }

    .clients-logo-subtitle {
       
        line-height: 1.7;
    }

    .clients-logo-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .clients-logo-card {
        height: 75px;
    }

    .clients-logo-image {
        max-height: 38px;
    }
}
/************************* clients page  end ****************************/


/************************* contact section ****************************/
/* ==========================
   CONTACT MAP SECTION
========================== */

.contact-map-section{
    width:100%;
    padding:60px 5%;
    background:#000000;
}

.contact-map-container{
    max-width:1400px;
    margin:0 auto;
}

.contact-map-header{
    text-align:center;
    margin-bottom:40px;
}

.contact-map-tag{
    display:inline-block;
    padding:8px 18px;
    background:#eef7ff;
    color:#0066ff;
    border-radius:50px;
    margin-bottom:15px;
}

.contact-map-header h2{
    
    color:#fff;
    margin-bottom:15px;

}

.contact-map-header p{
    max-width:700px;
    margin:0 auto;
    color: linear-gradient(45deg, hsla(224, 67%, 37%, 1) 30%, hsla(224, 73%, 63%, 1) 100%);;
}

.contact-map-wrapper{
    width:100%;
    overflow:hidden;
    border-radius:4px;
    box-shadow:
        0 10px 30px rgba(0,0,0,0.08),
        0 25px 60px rgba(0,0,0,0.05);
}

.contact-map-wrapper iframe{
    width:100%;
    height:550px;
    border:0;
    display:block;
}

/* ==========================
   TABLET
========================== */

@media (max-width:991px){

    .contact-map-section{
        padding:70px 4%;
    }

    .contact-map-wrapper iframe{
        height:450px;
    }

    .contact-map-header p{
        font-size:16px;
    }
}

/* ==========================
   MOBILE
========================== */

@media (max-width:767px){

    .contact-map-section{
        padding:60px 20px;
    }

    .contact-map-header{
        margin-bottom:30px;
    }

    .contact-map-header h2{
        font-size:30px;
    }

    .contact-map-header p{
        font-size:15px;
        line-height:1.7;
    }

    .contact-map-wrapper{
        border-radius:18px;
    }

    .contact-map-wrapper iframe{
        height:350px;
    }
}

/* ==========================
   SMALL MOBILE
========================== */

@media (max-width:480px){

    .contact-map-wrapper iframe{
        height:300px;
    }

    /*.contact-map-header h2{*/
    /*    font-size:26px;*/
    /*}*/
}
/************************* contact section end ****************************/

/***********************industry we serve **********************/
    /* --- Base Container & Tight Alignment --- */
/*********************** Industry We Serve **********************/
/* --- Base Container & Tight Alignment --- */
.srv-sec-container {
    /*background-color: #020813;*/
    color: #ffffff;
    padding: 60px 0 !important;
    /* Removed overflow: hidden from here to let the sticky effect work flawlessly */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
}

/* --- Fixed Bulletproof Heading Animation --- */
@keyframes srvHeadingReveal {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.srv-sec-header {
    text-align: center;
    margin-bottom: 40px;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(30px);
    animation: srvHeadingReveal 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s forwards;
}

.srv-sec-title {
    color: #ffffff;
    margin-bottom: 10px;
}

.srv-sec-subtitle {
    color: #a0aec0;
}

/* --- Layout Grid --- */
.srv-sec-grid {
    width: 100%;
    max-width: 1280px;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 50px;
    align-items: start; /* Crucial: Allows elements to scroll inside the parent space */
    box-sizing: border-box;
}

/* --- Dedicated Sticky Outer Column Wrapper --- */
.srv-sec-sticky-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 80px; /* Adjusts how high up the images lock on your screen while scrolling */
    height: auto;
}

/* --- Left Column: Larger Cards Grid --- */
.srv-sec-cards-col {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
}

.srv-sec-card {
    display: flex;
    flex-direction: column;
}

.srv-sec-img-wrapper {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 8px;
    overflow: hidden;
    background-color: #0d1527;
}

.srv-sec-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1);
}

.srv-sec-card:hover .srv-sec-img-wrapper img {
    transform: scale(1.04);
}

.srv-sec-card-label {
    font-size: 18px;
    color: #ffffff;
    margin-top: 12px;
    text-align: left;
}

/* --- Right Column: Text Blocks --- */
.srv-sec-info-col {
    display: flex;
    flex-direction: column;
}

.srv-sec-info-heading {
    font-size: 28px;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 25px;
}

.srv-sec-info-block {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

/* Separator Borders */
.srv-sec-info-block:not(:last-child)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.02) 100%);
}

.srv-sec-info-block:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
}

.srv-sec-feature-title {
    font-size: 20px;
    color: #4b83f2;
    margin-bottom: 6px;
}

.srv-sec-feature-desc {
    color: #fff;
    margin: 0;
}

/* ==========================================================================
   Full Universal Responsive Breakpoints
   ========================================================================== */

/* --- Laptops & Medium Screens (max-width: 1024px) --- */
@media (max-width: 1024px) {
    .srv-sec-container {
        padding: 50px 0;
    }
    .srv-sec-grid {
        gap: 35px;
        padding: 0 24px;
        grid-template-columns: 1.15fr 0.85fr;
    }
   
}

/* --- Tablets / iPads (max-width: 768px) --- */
@media (max-width: 768px) {
    .srv-sec-grid {
        grid-template-columns: 1fr;
        gap: 45px;
    }
    .srv-sec-sticky-wrapper {
        position: relative; /* Disables sticky positioning on tablets */
        top: 0;
    }
    .srv-sec-cards-col {
        gap: 20px;
    }
    .srv-sec-info-heading {
        margin-bottom: 20px;
    }
}

/* --- Compact Mobile Devices (max-width: 480px) --- */
@media (max-width: 480px) {
    .srv-sec-container {
        padding: 40px 0;
    }
    .srv-sec-header {
        margin-bottom: 30px;
    }
    
    
    .srv-sec-grid {
        padding: 0 16px;
    }
    .srv-sec-sticky-wrapper {
        position: relative;
        top: 0;
    }
    .srv-sec-cards-col {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .srv-sec-img-wrapper {
        aspect-ratio: 1.45 / 1;
    }
  
}
/************************* we serve *************************/

/********************** why choose us ********************** */
    /* --- Base Container Isolation Rules --- */
.wcb-premium-wrapper {
    background-color: #000000; /* Rich pure black backdrop */
    color: #ffffff;
    padding: 80px 0;
    
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
}

/* --- Creative Header Text Animation Sequence --- */
@keyframes wcbDynamicTextReveal {
    0% {
        opacity: 0;
        transform: translateY(-30px) scale(0.95);
        filter: blur(8px);
    }
    50% {
        filter: blur(2px);
    }
    100% {
        opacity: 1;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

.wcb-main-header {
    text-align: center;
    max-width: 920px;
    padding: 0 24px;
    margin-bottom: 50px;
}

/* Single heading animation applied cleanly */
.wcb-creative-title {
   
    color: #ffffff;
    margin: 0 0 16px 0;
   
    opacity: 0;
    animation: wcbDynamicTextReveal 1.3s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

.wcb-main-lead-text {
   
    color: #94a3b8;
    font-weight: 400;
    margin: 0;
}

/* --- Layout Grid Alignment Structural Framework --- */
.wcb-layout-grid {
    width: 100%;
    max-width: 1240px;
    padding: 0 30px;
    display: grid;
    grid-template-columns: 1.05fr 0.95fr; /* Perfectly balanced split layout */
    gap: 50px;
    align-items: start;
    box-sizing: border-box;
}

/* --- Left Accordion Stack Column Layout --- */
.wcb-cards-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

/* Premium Glass-Tint Styling for Accordion Item Cards */
.wcb-interactive-card {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    overflow: hidden;
    transition: border-color 0.4s ease, background-color 0.4s ease, box-shadow 0.4s ease;
}

.wcb-interactive-card:hover {
    border-color: rgba(75, 131, 242, 0.3);
    background: rgba(255, 255, 255, 0.04);
}

/* Opened Active Glow Layout Accentuation state rules */
.wcb-interactive-card[open] {
    border-color: rgba(75, 131, 242, 0.5);
    background: rgba(75, 131, 242, 0.03);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

/* --- Custom Click Trigger Target Setup --- */
.wcb-card-trigger::-webkit-details-marker {
    display: none;
}
.wcb-card-trigger {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 26px;
    list-style: none;
    cursor: pointer;
    outline: none;
    user-select: none;
}

.wcb-card-headline {
   font-size: 18px;
    color: #ffffff;
    margin: 0;
    transition: color 0.3s ease;
}

.wcb-card-trigger:hover .wcb-card-headline {
    color: #4b83f2;
}

/* --- Rotating Chevron Pointer Graphic Elements --- */
.wcb-circle-arrow-box {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.01);
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    flex-shrink: 0;
}

.wcb-chevron-icon {
    width: 7px;
    height: 7px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-45deg); /* Pointing neatly rightwards initially */
    margin-right: 2px;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.3s ease;
}

.wcb-interactive-card:hover .wcb-circle-arrow-box {
    border-color: rgba(75, 131, 242, 0.4);
    background: rgba(75, 131, 242, 0.1);
}

.wcb-interactive-card:hover .wcb-chevron-icon {
    border-color: #4b83f2;
}

/* Downward dynamic rotation logic applied when item expands */
.wcb-interactive-card[open] .wcb-circle-arrow-box {
    border-color: #4b83f2;
    background: #4b83f2;
}

.wcb-interactive-card[open] .wcb-chevron-icon {
    border-color: #ffffff;
    transform: rotate(45deg); /* Flawless down-pointing direction change */
    margin-right: 0;
    margin-bottom: 2px;
}

/* --- Internal Dropdown Body Text Container Panel --- */
.wcb-card-body-panel {
    padding: 0 26px 22px 26px;
}

.wcb-card-body-text {
   
    color: #fff;
    margin: 0;
    animation: wcbInnerFadeSmooth 0.4s ease-out forwards;
}

@keyframes wcbInnerFadeSmooth {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* --- Right Column Workspace Visual Media Section --- */
.wcb-graphic-showcase-col {
    width: 100%;
}

.wcb-image-container-frame {
    width: 100%;
    aspect-ratio: 16 / 11;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

.wcb-image-container-frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.wcb-dark-gradient-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.4) 100%);
    pointer-events: none;
}

/* ==========================================================================
   Full Universal Responsive Breakpoint Implementations
   ========================================================================== */

/* --- 1. Laptops & Mid-size Desktops (max-width: 1024px) --- */
@media (max-width: 1024px) {
    .wcb-premium-wrapper {
        padding: 70px 0;
    }
    .wcb-layout-grid {
        gap: 35px;
        padding: 0 24px;
    }
    .wcb-creative-title {
        font-size: 2.35rem;
    }
   
}

/* --- 2. Tablets & iPads (max-width: 768px) --- */
@media (max-width: 768px) {
    .wcb-premium-wrapper {
        padding: 60px 0;
    }
    .wcb-main-header {
        margin-bottom: 40px;
    }
    .wcb-layout-grid {
        grid-template-columns: 1fr; /* Shifts columns into stacked view mode cleanly */
        gap: 40px;
    }
    .wcb-graphic-showcase-col {
        order: -1; /* Pushes graphic frame back above text stack elements on smaller viewports */
    }
    .wcb-image-container-frame {
        aspect-ratio: 16 / 9;
    }
}

/* --- 3. Compact Mobile Devices (max-width: 480px) --- */
@media (max-width: 480px) {
    .wcb-premium-wrapper {
        padding: 50px 0;
    }
    .wcb-main-header {
        padding: 0 16px;
    }
    .wcb-creative-title {
        font-size: 1.95rem;
    }
  
    .wcb-layout-grid {
        padding: 0 16px;
    }
    .wcb-card-trigger {
        padding: 18px 20px;
    }
  
    .wcb-card-body-panel {
        padding: 0 20px 18px 20px;
    }
  
}
/********************** why choose us end********************** */

/********************** wha we offer********************** */

.acculer-offerings-wrapper {
  background-color: #030B17;
  padding: 100px 24px;
 
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
}

.acculer-offerings-wrapper *,
.acculer-offerings-wrapper *::before,
.acculer-offerings-wrapper *::after {
  box-sizing: border-box;
}

.acculer-offerings-container {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

/* ==========================================================================
   SEO Content Header
   ========================================================================== */
.acculer-offerings-header {
  text-align: center;
  margin-bottom: 60px;
}

.acculer-offerings-heading {
  /*font-size: 2.75rem;*/
  /*font-weight: 800;*/
  color: #ffffff;
  margin: 0 0 16px 0;
  /*letter-spacing: -0.03em;*/
  /*line-height: 1.2;*/
}

.acculer-offerings-subheading {
  /*font-size: 1.1rem;*/
  color: #ffffff;
  max-width: 620px;
  margin: 0 auto;
  /*line-height: 1.6;*/
}

/* ==========================================================================
   Carousel Sliding Viewport Track
   ========================================================================== */
.acculer-offerings-carousel-viewport {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 15px 5px 35px 5px; /* Fits shadows during translate transforms */
}

.acculer-offerings-track {
  display: flex;
  gap: 30px;
  width: max-content;
  will-change: transform;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ==========================================================================
   Component Card & Premium Micro-Animations
   ========================================================================== */
.acculer-offerings-card {
  width: 393px; /* Exact size for beautiful 3-card balance on 1240px layouts */
  background: rgba(255, 255, 255, 0.01);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.acculer-offerings-media-frame {
  width: 100%;
  height: 245px;
  overflow: hidden;
  position: relative;
  background: rgba(255, 255, 255, 0.02);
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.acculer-offerings-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s ease;
  filter: grayscale(8%) contrast(101%);
}

.acculer-offerings-body {
  padding: 32px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.acculer-offerings-card-title {
  /*font-size: 1.35rem;*/
  /*font-weight: 700;*/
  color: #ffffff;
  margin: 0 0 14px 0;
  /*letter-spacing: -0.01em;*/
  transition: color 0.3s ease;
}

.acculer-offerings-card-text {
  /*font-size: 0.96rem;*/
  color: #ffffff;
  /*line-height: 1.65;*/
  margin: 0;
}

/* --- Interactive Hover Effects --- */
.acculer-offerings-card:hover {
  transform: translateY(-8px);
  background: rgba(37, 99, 235, 0.02);
  border-color: rgba(37, 99, 235, 0.3);
  box-shadow: 0 22px 45px rgba(0, 0, 0, 0.5), 0 0 30px rgba(37, 99, 235, 0.04);
}

.acculer-offerings-card:hover .acculer-offerings-img {
  transform: scale(1.06);
  filter: grayscale(0%) contrast(100%);
}

.acculer-offerings-card:hover .acculer-offerings-card-title {
  color: #3b82f6;
}

/* ==========================================================================
   Navigation Overlay Controls (Buttons Design)
   ========================================================================== */
.acculer-offerings-controls {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}

.acculer-offerings-btn {
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.08);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  outline: none;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.acculer-btn-vector-shape {
  color: #94a3b8;
  /*font-size: 2.2rem;*/
  /*line-height: 1;*/
  position: relative;
  z-index: 2;
  transition: color 0.3s ease, transform 0.3s ease;
}

/* Fix vertical adjustments manually for raw typography symbols */
.acculer-offerings-prev .acculer-btn-vector-shape { transform: translateY(-3px) translateX(-1px); }
.acculer-offerings-next .acculer-btn-vector-shape { transform: translateY(-3px) translateX(1px); }

/* --- Interaction Styling Rules --- */
.acculer-offerings-btn:hover {
  background: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 8px 22px rgba(37, 99, 235, 0.45);
}

.acculer-offerings-btn:hover .acculer-btn-vector-shape {
  color: #ffffff;
}

.acculer-offerings-prev:hover .acculer-btn-vector-shape { transform: translateY(-3px) translateX(-4px); }
.acculer-offerings-next:hover .acculer-btn-vector-shape { transform: translateY(-3px) translateX(4px); }

.acculer-offerings-btn:active {
  transform: scale(0.94);
}

/* ==========================================================================
   Responsive Viewport Breakpoints (Mobile, Tab, Desktop, Laptop)
   ========================================================================== */

/* --- 1. Laptops and Smaller Monitors (max-width: 1200px) --- */
@media (max-width: 1200px) {
  .acculer-offerings-container {
    max-width: 960px;
  }
  .acculer-offerings-card {
    width: 300px; /* Recalculates sizes perfectly to fit 3 items beautifully */
  }
  .acculer-offerings-media-frame {
    height: 200px;
  }
  .acculer-offerings-body {
    padding: 24px;
  }
  .acculer-offerings-heading {
    font-size: 2.4rem;
  }
}

/* --- 2. Tablets and iPads (max-width: 991px) --- */
@media (max-width: 991px) {
  .acculer-offerings-wrapper {
    padding: 80px 20px;
  }
  .acculer-offerings-container {
    max-width: 720px;
  }
  .acculer-offerings-card {
    width: 345px; /* Switches perfectly into a 2-cards-per-view configuration */
  }
  .acculer-offerings-heading {
    /*font-size: 2.15rem;*/
  }
  .acculer-offerings-subheading {
    /*font-size: 1rem;*/
  }
}

/* --- 3. Small Devices & Mobile Environments (max-width: 768px) --- */
@media (max-width: 768px) {
  .acculer-offerings-wrapper {
    padding: 60px 16px;
  }
  .acculer-offerings-heading {
    /*font-size: 1.85rem;*/
    margin-bottom: 12px;
  }
  
  /* Seamless hardware mobile transition: flips into smooth thumb swiping layout */
  .acculer-offerings-carousel-viewport {
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 25px;
    padding-left: 4px;
    padding-right: 4px;
  }
  
  /* Clear native scrollbar trackers cleanly across browser implementations */
  .acculer-offerings-carousel-viewport::-webkit-scrollbar {
    display: none;
  }
  .acculer-offerings-carousel-viewport {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .acculer-offerings-track {
    gap: 16px;
  }
  
  .acculer-offerings-card {
    width: 285px; /* Clean size layout for perfect peek indicators on mobile screens */
    scroll-snap-align: start;
  }
  
  .acculer-offerings-card:hover {
    transform: none; /* Disables floating logic on mobile engines to maximize viewport performance */
    box-shadow: none;
  }

  .acculer-offerings-controls {
    display: none; /* Removes control buttons since modern mobile audiences use gestures */
  }
}

/* --- 4. Extra Small Mobile Displays (max-width: 480px) --- */
@media (max-width: 480px) {
  .acculer-offerings-heading {
    font-size: 2.65rem;
  }
  .acculer-offerings-subheading {
    /*font-size: 0.92rem;*/
  }
  .acculer-offerings-card {
    width: 265px;
  }
  .acculer-offerings-body {
    padding: 20px;
  }
  .acculer-offerings-card-title {
    /*font-size: 1.2rem;*/
  }
}

/********************** wha we offer end********************** */


/************************ development process  ***************************/

.acculer-process-section {
  background-color: #000000;
  padding: 100px 24px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.acculer-process-section *,
.acculer-process-section *::before,
.acculer-process-section *::after {
  box-sizing: border-box;
}

.acculer-process-container {
  max-width: 1240px;
  margin: 0 auto;
  width: 100%;
  display: grid;
  grid-template-columns: 340px 1fr;
  gap: 80px;
  align-items: start;
}

/* ==========================================================================
   Left Column: Pure CSS Word Animation for Simple Heading
   ========================================================================== */
.acculer-process-sidebar {
  position: sticky;
  top: 60px;
}

.acculer-process-title {

  color: #ffffff;
  line-height: 1.3;
  margin: 0;
  letter-spacing: -0.01em;
  white-space: normal;
  overflow: hidden;
  display: inline-block;
  
  /* Heading Entrance reveal and glow text animation engine */
  opacity: 0;
  transform: translateY(15px);
  animation: acculerTextReveal 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards,
             acculerTextGlowPulse 4s ease-in-out infinite alternate 1s;
}

/* --- Heading Keyframe Animations --- */
@keyframes acculerTextReveal {
  0% {
    opacity: 0;
    transform: translateY(15px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes acculerTextGlowPulse {
  0% {
    text-shadow: 0 0 0px rgba(37, 99, 235, 0);
  }
  50% {
    text-shadow: 0 0 15px rgba(37, 99, 235, 0.35);
    color: #ffffff;
  }
  100% {
    text-shadow: 0 0 4px rgba(37, 99, 235, 0.1);
  }
}

/* ==========================================================================
   Right Column Structural Accordion Node Elements
   ========================================================================== */
.acculer-process-accordion-group {
  display: flex;
  flex-direction: column;
}

.acculer-process-node {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  position: relative;
}

/* Completely hidden core engine radio states */
.acculer-process-control-input {
  display: none !important;
}

/* ==========================================================================
   Interactive Header Click Targets (The Trigger Labels)
   ========================================================================== */
.acculer-process-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 0;
  cursor: pointer;
  user-select: none;
  position: relative;
  transition: all 0.3s ease;
}

.acculer-trigger-text {

  color: #94a3b8;
  transition: color 0.35s cubic-bezier(0.16, 1, 0.3, 1), transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- Dynamic Morphing Indicator Icon (+ to - state) --- */
.acculer-trigger-icon {
  position: relative;
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
}

/* Horizontal node arm */
.acculer-trigger-icon::before {
  content: '';
  position: absolute;
  width: 14px;
  height: 2px;
  background-color: #64748b;
  transition: background-color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* Vertical node arm */
.acculer-trigger-icon::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 14px;
  background-color: #64748b;
  transition: background-color 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

/* --- Micro-Interaction Hover Pre-States --- */
.acculer-process-trigger:hover .acculer-trigger-text {
  color: #ffffff;
  transform: translateX(4px);
}

.acculer-process-trigger:hover .acculer-trigger-icon::before,
.acculer-process-trigger:hover .acculer-trigger-icon::after {
  background-color: #ffffff;
}

/* ==========================================================================
   Pure CSS Animation Engine: Sliding Output Drawer
   ========================================================================== */
.acculer-process-drawer {
  display: grid;
  grid-template-rows: 0fr; /* Smooth transform without absolute hardcoded heights */
  transition: grid-template-rows 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.acculer-process-drawer-inner {
  overflow: hidden;
}

.acculer-process-desc {

  color: #ffffff;
  line-height: 1.7;
  padding-bottom: 28px;
  margin: 0;
  max-width: 820px;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity 0.35s ease, transform 0.35s ease;
}

/* ==========================================================================
   Activated Radio Hook Selections (:checked States)
   ========================================================================== */
#acculer-process-radios:checked { display: none; }

/* Text highlight updates */
.acculer-process-control-input:checked + .acculer-process-trigger .acculer-trigger-text {
  color: #ffffff;
  font-weight: 600;
}

/* Icon morphs seamlessly into a subtraction bar (-) */
.acculer-process-control-input:checked + .acculer-process-trigger .acculer-trigger-icon::before {
  background-color: #ffffff;
  transform: rotate(180deg);
}
.acculer-process-control-input:checked + .acculer-process-trigger .acculer-trigger-icon::after {
  background-color: #ffffff;
  transform: rotate(90deg);
}

/* Unfurl drawer structure cleanly */
.acculer-process-control-input:checked ~ .acculer-process-drawer {
  grid-template-rows: 1fr;
}

/* Soft text appearance fading trigger animation logic */
.acculer-process-control-input:checked ~ .acculer-process-drawer .acculer-process-desc {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.08s;
}

/* ==========================================================================
   Responsive Viewport Breakpoints
   ========================================================================== */

/* --- Laptops (max-width: 1100px) --- */
@media (max-width: 1100px) {
  .acculer-process-container {
    grid-template-columns: 280px 1fr;
    gap: 50px;
  }
  .acculer-process-title {
    font-size: 1.75rem;
  }
}

/* --- Tablets (max-width: 991px) --- */
@media (max-width: 991px) {
  .acculer-process-section {
    padding: 80px 20px;
  }
  .acculer-process-container {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .acculer-process-sidebar {
    position: relative;
    top: 0;
  }
  .acculer-process-title {
    font-size: 1.85rem;
    display: block;
  }
}

/* --- Mobile Devices (max-width: 576px) --- */
@media (max-width: 576px) {
  .acculer-process-section {
    padding: 60px 16px;
  }
  .acculer-process-container {
    gap: 25px;
  }
  .acculer-process-title {
    font-size: 2.55rem;
  }
  .acculer-trigger-text {
    font-size: 2.05rem;
  }
  .acculer-process-desc {
    /*font-size: 0.92rem;*/
    /*line-height: 1.6;*/
    padding-bottom: 24px;
  }
}

/************************ development process end ***************************/

/******************** multi navbar  *****************/
@media (min-width:992px){

.custom-services-mega{
    position:static;
}

.custom-services-mega > .submenu{
    position:absolute;
    top:100%;
          left: -441%;
    transform:translateX(-50%);
    width:1200px;
    max-width:95vw;
    background:#fff;
    padding:20px 30px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);

    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}
.custom-services-mega:hover > .submenu{
    opacity:1;
    visibility:visible;
}

.custom-services-mega > .submenu > li{
    flex:1;
}

.custom-services-mega > .submenu > li > a{
    font-size:24px;
    font-weight:700;
    color:#222;
    margin-bottom:10px;
    display:block;
}

.custom-services-mega .submenu .submenu{
    position:static;
    opacity:1;
    visibility:visible;
    display:block;
    background:none;
    box-shadow:none;
    padding:0;
}

.custom-services-mega .submenu .submenu li{
    margin-bottom:5px;
}

.custom-services-mega .submenu .submenu li a{
    font-size:16px;
    color:#333;
}

.custom-services-mega .submenu .submenu li a:hover{
    color:hsla(224,73%,63%,1);
}

}@media (min-width:992px){

    .custom-services-mega > .submenu > li{
        flex:1;
        position:static;
    }

    /* Show inner submenu permanently */
    .custom-services-mega > .submenu > li > .submenu{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        position:static !important;
        transform:none !important;
        left:auto !important;
        top:auto !important;
        box-shadow:none !important;
        background:none !important;
        padding:0 !important;
        margin:0 !important;
    }

    /* Disable hover effect */
    .custom-services-mega > .submenu > li:hover > .submenu{
        display:block !important;
    }

}
/******************** multi navbar end ****************/


/******************** multi navbar  *****************/
@media (min-width:992px){

.custom-services-mega{
    position:static;
}

.custom-services-mega > .submenu{
    position:absolute;
    top:100%;
          left: -526%;
    transform:translateX(-50%);
    width:1200px;
    max-width:95vw;
    background: #030b17;
    padding:20px 30px;
    display:flex;
    justify-content:space-between;
    gap:30px;
    border-radius:8px;
    box-shadow:0 10px 30px rgba(0,0,0,.1);

    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:999;
}
.custom-services-mega:hover > .submenu{
    opacity:1;
    visibility:visible;
}

.custom-services-mega > .submenu > li{
    flex:1;
}

.custom-services-mega > .submenu > li > a{
    font-size:24px;
    font-weight:700;
    color:#fff;
    margin-bottom:10px;
    display:block;
}

.custom-services-mega .submenu .submenu{
    position:static;
    opacity:1;
    visibility:visible;
    display:block;
    background:none;
    box-shadow:none;
    padding:0;
}

.custom-services-mega .submenu .submenu li{
    margin-bottom:5px;
}

.custom-services-mega .submenu .submenu li a{
    font-size:16px;
    color:#fff;
}

.custom-services-mega .submenu .submenu li a:hover{
    color:hsla(224,73%,63%,1);
}

}@media (min-width:992px){

    .custom-services-mega > .submenu > li{
        flex:1;
        position:static;
    }

    /* Show inner submenu permanently */
    .custom-services-mega > .submenu > li > .submenu{
        display:block !important;
        opacity:1 !important;
        visibility:visible !important;
        position:static !important;
        transform:none !important;
        left:auto !important;
        top:auto !important;
        box-shadow:none !important;
        background:none !important;
        padding:0 !important;
        margin:0 !important;
    }

    /* Disable hover effect */
    .custom-services-mega > .submenu > li:hover > .submenu{
        display:block !important;
    }

}
/******************** multi navbar end ****************/


/******************** our team  ************************************************************/


.acculer-team-section {
    padding: 80px 0;
    overflow: hidden;
}

.container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

/* Large devices (Desktop) */
@media (min-width: 992px) {
    .container {
        max-width: 80%;
    }
}

.acculer-team-title {
    text-align: center;
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 50px;
    font-weight: 600;
}

/* Swiper Wrapper Setup */
.acculer-team-swiper {
    padding: 40px 0 !important;
    width: 100%;
}

/* 3D Card Base Design */
.acculer-team-card {
    position: relative;
    width: 300px;
    height: 400px;
    background: #ffffff;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: flex-end; /* Aligns profile details beautifully to the bottom */
    transition: box-shadow 0.3s ease;
}

/* Active Highlight Glow using your primary green branding color */
.swiper-slide-active {
    box-shadow: 0 20px 40px #030b17;
}

/* Dynamic background profile photo layer */
.card-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    pointer-events: none;
    transition: transform 0.4s ease;
}

/* Smooth scale up on active slide portrait */
.swiper-slide-active .card-bg {
    transform: scale(1.05);
}

/* Clean gradient mask to make text contrast perfect */
.acculer-team-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

/* Content Container */
.card-content {
    position: relative;
    z-index: 2;
    padding: 30px 20px;
    width: 100%;
    text-align: center;
}

/* Typography elements */
.member-name {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 6px;
}

.member-role {
    font-size: 20px;
    color: #ffffff; 
    font-weight: 700;
    letter-spacing: 0.5px;
}

/* Navigation Bullets styling using your brand green color */
.swiper-pagination-bullet-active {
    background: #4f70d7 ;
}

/* Mobile responsive breakpoints */
@media (max-width: 768px) {
    .acculer-team-card {
        width: 260px;
        height: 360px;
    }
    .acculer-team-title {
        font-size: 2rem;
        margin-bottom: 30px;
    }
    .member-name {
        font-size: 1.2rem;
    }
}
/******************** our team end ****************/

@media (max-width: 767px){
    .acc-showcase-title{
        font-size: 28px;
        line-height: 1.3;
        text-align: center;
    }
}  
    
    @media (min-width: 992px) {
    .text-lg-justify {
        text-align: justify;
        text-justify: inter-word;
    }
}

/********************we are offer extra ************/
/*.acculer-offerings-carousel-viewport{*/
/*    overflow:hidden;*/
/*    width:100%;*/
/*}*/

/*.acculer-offerings-track{*/
/*    display:flex;*/
/*    gap:20px;*/
/*    transition:transform .4s ease;*/
/*}*/

/*.acculer-offerings-card{*/
/*    box-sizing:border-box;*/
/*    flex-shrink:0;*/
/*}*/

/*@media(max-width:767px){*/
/*    .acculer-offerings-track{*/
/*        gap:0;*/
/*    }*/
/*}*/
/********************we are offer extra end ************/


/*navbar menu */
.rs-header-one .header-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 3;
}
/*navbar menu */


@media (max-width: 767.98px) {
    .header-logo,
    .header-logo img,
    .logo-area img,
    .site-logo img,
    .custom-logo,
    .custom-logo img {
        width: 180px !important;
        max-width: 180px !important;
        height: 94px !important;
        object-fit: contain !important;
    }
}



/*banner content */
@media (max-width: 767.98px) {
    .service-showcase .row {
        display: flex;
        flex-direction: column;
    }

    .service-left {
        order: 1;
        width: 100%;
        margin-bottom: 15px;
    }

    .service-right {
        order: 2;
        width: 100%;
    }

    .service-left h2 {
        text-align: center;
    }

    .service-right p {
        text-align: justify;
    }
}
/*banner content end*/



/* new vision  */
.vision-mission-canvas-section {
    position: relative;
    background-color: #000000 !important; /* Pure Black Background */
    padding: clamp(60px, 8vw, 80px) 0;
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}

.vision-mission-canvas-section *,
.vision-mission-canvas-section *::before,
.vision-mission-canvas-section *::after {
    box-sizing: border-box;
}

/* Updated container rules to cleanly layer with Bootstrap grid specs */
.vision-mission-canvas-container {
    display: flex;
    flex-direction: column;
    gap: clamp(60px, 7vw, 60px); /* Handles responsive deck separation */
}

/* --- TYPOGRAPHIC INTEL ROW SETUP --- */
.vision-mission-intel-deck {
    width: 100%;
}

.vision-mission-layout-row {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: clamp(32px, 5vw, 80px);
    align-items: start;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08); /* Subtle section separation */
    padding-bottom: clamp(40px, 5vw, 60px);
}

/* Remove bottom line on the final section deck */
.vision-mission-intel-deck:last-of-type .vision-mission-layout-row {
    border-bottom: none;
    padding-bottom: 0;
}

.vision-mission-micro-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    
    color: #4E6FC9;
    font-weight: 800;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 16px;
}

.vision-mission-tag-dash {
    width: 20px;
    height: 2px;
    background-color: #4E6FC9;
}

.vision-mission-heading-reveal {
    
    font-size: clamp(32px, 3.5vw, 46px);
    font-weight: 700;
    color: #ffffff;
    line-height: 1.18;
    margin: 0;
    letter-spacing: -0.025em;
    display: flex;
    flex-wrap: wrap;
    row-gap: 4px;
    column-gap: 10px;
}

/* CSS Split Word Target Blocks */
.vision-mission-heading-reveal .vision-word-span {
    display: inline-block;
    opacity: 0;
    transform: translate3d(0, 25px, 0);
    will-change: transform, opacity;
    transition: transform 0.8s cubic-bezier(0.215, 0.610, 0.355, 1), opacity 0.8s ease;
    transition-delay: calc(var(--vision-word-idx) * 0.08s);
}

.vision-mission-intersected .vision-mission-heading-reveal .vision-word-span {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.vision-mission-body-column {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.vision-mission-prose-text {
    
    font-size: clamp(15px, 1.2vw, 16px);
    line-height: 1.8;
    color: #ffffff; /* Soft readable gray text */
    margin: 0;
    
}

.vision-mission-prose-text strong {
    color: #ffffff;
    font-weight: 600;
}

/* --- ANIMATION REVEAL HANDLING --- */
.vision-mission-reveal-stagger {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
    will-change: transform, opacity;
    transition: transform 1s cubic-bezier(0.215, 0.610, 0.355, 1), opacity 1s ease;
}

.vision-mission-body-column .vision-mission-reveal-stagger:nth-child(1) { transition-delay: 0.25s; }
.vision-mission-body-column .vision-mission-reveal-stagger:nth-child(2) { transition-delay: 0.4s; }

.vision-mission-intersected .vision-mission-reveal-stagger {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* ==========================================================================
   CROSS-DEVICE RESPONSIVE BREAKPOINTS
   ========================================================================== */

@media (max-width: 991px) {
    .vision-mission-layout-row {
        grid-template-columns: 1fr; /* Responsively collapses column layout */
        gap: 24px;
    }
    
    .vision-mission-canvas-container {
        gap: 60px;
    }
}

@media (max-width: 576px) {
    .vision-mission-canvas-section { 
        padding: 60px 0; 
    }
}
/* new vision end */
@media (max-width: 767.98px) {
    .md-mb-30 {
        margin-bottom: 30px !important;
    }
}

.header-color:hover {
    background-color: #fff;
}
.hove-menu:hover { background-color: #000 !important;}

.header-transparent:hover .main-menus a {
    color: #000 !important;
}
.text-clr{
color:#000;}
/* Default Header */
.acculer-header {
    background: transparent;
}

.acculer-header .main-menu > ul > li > a {
    color: #fff;
}

.acculer-header .header-bar-icon span {
    background: #fff;
}

/* Sticky Header */
.acculer-header.rs-sticky.has-sticky-bg {
    background: #fff !important;
}

.acculer-header.rs-sticky.has-sticky-bg .main-menu > ul > li > a {
    color: #000 !important;
}

.acculer-header.rs-sticky.has-sticky-bg .header-bar-icon span {
    background: #000 !important;
}
/* Only this mega menu */
.white-mega-menu > a,
.white-mega-menu > .submenu > li > a,
.white-mega-menu > .submenu > li > .submenu > li > a {
    color: #fff !important;
}/* Default (Transparent Header) */
.mega-heading-white {
    color: #fff !important;
}
.text-white {
    background-color: #fff !important;
    border-radius:12px;
    
}.logo-black{
    display:none;
}

.header-color:hover .logo-white{
    display:none!important;
}

.header-color:hover .logo-black{
    display:block;
}
/* Sticky Header */
.acculer-header.rs-sticky.has-sticky-bg .logo-white{
    display:none;
}

.acculer-header.rs-sticky.has-sticky-bg .logo-black{
    display:block;
}

/***********************************************************contact address***********************************************************/
/* Custom Isolated Contact Section Layout Styles */

.amt-contact-section {
    padding: 90px 20px;
}

/* LEFT SIDE */
.amt-contact-left-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.amt-contact-main-title {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 10px;
}

.amt-contact-info-list {
    display: flex;
    flex-direction: column;
}

.amt-contact-info-item {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 30px;
}

.amt-contact-info-item img {
    width: 42px;
    flex-shrink: 0;
}

.amt-contact-info-content h6 {
    margin: 0;
    /*line-height: 1.7;*/
    font-size:16px;
}

.amt-contact-info-content a {
    text-decoration: none;
    color: #ffffff;
}

/* RIGHT SIDE & CARD GRIDS */
.amt-contact-right-heading {
    font-size: 35px;
    margin-bottom: 40px;
}

.amt-contact-card {
    border: 1.5px solid #ddd;
    border-radius: 20px;
    padding: 45px 35px 35px 35px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background: transparent;
    
    /* Smooth transition for mild hover animation */
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.4s ease, border-color 0.4s ease;
    
    /* Mild On-Load Fade In Entry Animation */
    animation: amtFadeInUp 0.7s ease-out forwards;
}

/* Mild Hover Animation Rule */
.amt-contact-card:hover {
    transform: translateY(-6px);
    border-color: #4E6FC9;
    box-shadow: 0 12px 30px rgba(78, 111, 201, 0.15);
}

.amt-contact-card h3 {
    position: absolute;
    top: -16px;
    left: 25px;
    background: #000;
    padding: 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: #4E6FC9;
    margin: 0;
}

.amt-contact-card-row {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 15px 0;
}

.amt-contact-card-row i {
    font-size: 24px;
    width: 25px;
    text-align: center;
}

.amt-contact-card-row a {
    text-decoration: none;
    color: #fff;
    font-size: 21px;
    
    /* Keeps emails and text strictly forced into a single line */
    white-space: nowrap; 
    transition: color 0.3s ease;
}

.amt-contact-card-row a:hover {
    color: #4E6FC9;
}

/* CSS Keyframe for Entry Animation */
@keyframes amtFadeInUp {
    from {
        opacity: 0;
        transform: translateY(15px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* RESPONSIVE BREAKPOINTS */

@media (max-width: 1200px) {
    /* Slightly shrinks long email text font to fit beautifully on small laptop layouts */
    .amt-contact-card-row a {
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    .amt-contact-left-wrapper {
        margin-bottom: 50px;
    }
}

@media (max-width: 768px) {
    .amt-contact-section {
        padding: 70px 18px;
    }
    .amt-contact-main-title {
        font-size: 30px;
    }
    .amt-contact-right-heading {
        font-size: 34px;
    }
    .amt-contact-card-row a {
        font-size: 17px;
    }
    .amt-contact-card {
        padding: 40px 30px 30px 30px;
    }
    .amt-contact-card h3 {
        font-size: 22px;
    }
}

@media (max-width: 480px) {
    .amt-contact-section {
        padding: 60px 15px;
    }
    .amt-contact-main-title {
        font-size: 26px;
    }
    .amt-contact-right-heading {
        font-size: 28px;
    }
    .amt-contact-card {
        padding: 35px 25px 25px 25px;
        border-radius: 22px;
    }
    .amt-contact-card h3 {
        font-size: 19px;
    }
    .amt-contact-card-row {
        gap: 12px;
    }
    .amt-contact-card-row a {
        font-size: 15px;
    }
}
/* Style Enhancements for the "Why Choose Us" List */
.contact-list-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 24px;
    padding: 8px 12px;
    border-radius: 8px;
    transition: transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease;
}

/* Mild interactive slide-in on hover */
.contact-list-item:hover {
    transform: translateX(6px);
    background-color: rgba(255, 255, 255, 0.03); /* Extremely soft highlight */
}

/* Designing a clean, modern frame for the Icon */
.contact-icon-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: rgba(78, 111, 201, 0.12); /* Soft tint of brand blue */
    border-radius: 50%;
    color: #4E6FC9; /* Brand Accent Blue */
    font-size: 14px;
    flex-shrink: 0;
    margin-top: 2px;
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.4s ease;
}



/* Polishing typography contrast */
.contact-list-content h6 {
    font-size: 16px;
    line-height: 1.6;
    margin: 0;
    font-weight: 400;
    color: #e0e0e0;
}

/* Gives the key features a premium accent color highlight */
.contact-list-content h6 strong {
    color: #4E6FC9; 
    font-weight: 600;
}
/****************************************footer*******************************************/
/************************* Footer Section (Unique Namespace) **********************/

.acculer-footer-section {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  background-color: #000000;
}

.acculer-footer-section *,
.acculer-footer-section *::before,
.acculer-footer-section *::after {
  box-sizing: border-box;
}

/* ---- Main Grid Zone ---- */
.acculer-footer-container {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 60px 0px 45px; /* Removed horizontal padding so it aligns with bootstrap container */
}

.acculer-footer-grid {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
  gap: 30px;
}

/* ---- Brand Column ---- */
.acculer-footer-brand-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 18px;
}

.acculer-footer-logo {
  width: 271px;
  height: 62px;
  object-fit: contain;
}

.acculer-footer-address {
  color: #ffffff;
  line-height: 1.6;
  margin: 0;
  font-size: 16px;
}

.acculer-footer-contact-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.acculer-footer-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
}

.acculer-footer-contact-icon {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  color: rgba(255, 255, 255, .75);
}

.acculer-footer-contact-icon svg {
  width: 100%;
  height: 100%;
  fill: currentColor;
}

.acculer-footer-contact-link {
  color: #ffffff;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  transition: color .3s ease;
}

.acculer-footer-contact-link:hover {
  color: #4d8dff;
}

/* ---- Bottom Bar Layout & Social Alignment ---- */
.acculer-footer-bottom-bar {
  position: relative;
  z-index: 1;
  background-color: #030B17;
  border-top: 1px solid rgba(255, 255, 255, .08);
  padding: 20px 0px; /* Removed horizontal padding so it aligns with bootstrap container */
}

.acculer-footer-bottom-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.acculer-footer-copy-text {
  color: #ffffff;
  margin: 0;
  font-size: 16px;
}

.acculer-footer-social-links {
  display: flex;
  align-items: center;
  gap: 12px;
}

.acculer-footer-social-icon {
  width: 38px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #ffffff;
  transition: transform .3s cubic-bezier(.25, 1, .5, 1), box-shadow .3s ease;
}

.acculer-footer-social-icon svg {
  width: 16px;
  height: 16px;
  fill: currentColor;
}

.acculer-footer-social-fb { background: #1877f2; }
.acculer-footer-social-ig { background: radial-gradient(circle at 30% 110%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); }
.acculer-footer-social-li { background: #0a66c2; }
.acculer-footer-social-yt { background: #ff0000; }

.acculer-footer-social-icon:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 18px rgba(0, 0, 0, .45);
}

/* ---- Link Columns & Hover Effect ---- */
.acculer-footer-links-col {
  display: flex;
  flex-direction: column;
}

.acculer-footer-col-title {
  color: #ffffff;
  margin: 0 0 20px 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.3;
}

.acculer-footer-link-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.acculer-footer-link {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  width: fit-content;
  display: inline-block;
  transition: color .3s ease, transform .3s ease;
}

.acculer-footer-link:hover {
  color: #4d8dff;
  transform: translateX(4px);
}

/* ---- Responsive ---- */
@media (max-width: 1100px) {
  .acculer-footer-grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
  }
}

@media (max-width: 768px) {
  .acculer-footer-bottom-container {
    flex-direction: column;
    text-align: center;
    gap: 15px;
  }
}

@media (max-width: 640px) {
  .acculer-footer-grid {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }
  .acculer-footer-brand-col {
    grid-column: 1 / -1;
  }
}

@media (max-width: 420px) {
  .acculer-footer-grid {
    grid-template-columns: 1fr;
  }
}