/* Theme Core Styles - Extracted from main.css */
:root {
  /**
  @font family declaration
  */
  --rr-ff-body: 'Rubik', sans-serif;
  --rr-ff-heading: 'Poppins', sans-serif;
  --rr-ff-subtitle: 'Sofia';
  --rr-ff-fontawesome: "Font Awesome 6 Pro";
  /**
  @color declaration
  */
  --rr-common-white: #FFFFFF;
  --rr-common-black: #000000;
  --rr-common-placeholder: #4A5764;
  --rr-body-primary: #ffffff;
  --rr-theme-primary: #FF3D00;
  --rr-theme-secondary: #07CBEB;
  --rr-heading-primary: #001D08;
  --rr-text-body: #646464;
  --rr-text-primary: #000;
  --rr-shadow-primary: 0px 30px 60px 0px rgba(0, 15, 32, 0.1);
  --rr-border-primary: 1px solid #FF3D00;
  /**
  @font weight declaration
  */
  --rr-fw-normal: normal;
  --rr-fw-thin: 100;
  --rr-fw-elight: 200;
  --rr-fw-light: 300;
  --rr-fw-regular: 400;
  --rr-fw-medium: 500;
  --rr-fw-sbold: 600;
  --rr-fw-bold: 700;
  --rr-fw-ebold: 800;
  --rr-fw-black: 900;
  /**
  @font size declaration
  */
  --rr-fs-body: 16px;
  --rr-fs-body2: 18px;
  --rr-fs-p: 16px;
  --rr-fs-h1: 68px;
  --rr-fs-h2: 48px;
  --rr-fs-h3: 36px;
  --rr-fs-h4: 24px;
  --rr-fs-h5: 22px;
  --rr-fs-h6: 18px;
  --rr-lh-body: 28px;
  --rr-lh-body2: 26px;
  --rr-lh-p: 26px;
  --rr-lh-h1: 84px;
  --rr-lh-h2: 66px;
  --rr-lh-h3: 46px;
  --rr-lh-h4: 28px;
  --rr-lh-h5: 32px;
  --rr-lh-h6: 28px;
}

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

html {
  font-size: 10px;
}

/*---------------------------------
    Typography css start 
---------------------------------*/
body {
  font-family: var(--rr-ff-body);
  font-size: var(--rr-fs-body);
  font-weight: normal;
  color: var(--rr-text-body);
  line-height: var(--rr-lh-body);
  background: var(--rr-body-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Full-width helper (100vw) */
.fullwidth-100vw {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

h1, .h1 h2,
.h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-family: var(--rr-ff-heading);
  color: var(--rr-heading-primary);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: var(--rr-fw-bold);
  word-break: break-word;
}

h1, .h1 {
  font-size: var(--rr-fs-h1);
  line-height: var(--rr-lh-h1);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  h1, .h1 {
    font-size: 60px;
    line-height: 72px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h1, .h1 {
    font-size: 52px;
    line-height: 64px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h1, .h1 {
    font-size: 50px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h1, .h1 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  h1, .h1 {
    font-size: 32px;
    line-height: 44px;
  }
}

h2, .h2 {
  font-size: var(--rr-fs-h2);
  line-height: var(--rr-lh-h2);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  h2, .h2 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  h2, .h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  h2, .h2 {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  h2, .h2 {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width:450px) {
  h2, .h2 {
    font-size: 27px;
    line-height: 37px;
  }
}

h3, .h3 {
  font-size: var(--rr-fs-h3);
  line-height: var(--rr-lh-h3);
}
@media (max-width: 575px) {
  h3, .h3 {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width:450px) {
  h3, .h3 {
    font-size: 27px;
    line-height: 37px;
  }
}

h4, .h4 {
  font-size: var(--rr-fs-h4);
  line-height: var(--rr-lh-h4);
}

h5, .h5 {
  font-size: var(--rr-fs-h5);
  line-height: var(--rr-lh-h5);
}

h6, .h6 {
  font-size: var(--rr-fs-h6);
  line-height: var(--rr-lh-h6);
}

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

p {
  font-size: var(--rr-fs-p);
  font-weight: var(--rr-fw-normal);
  color: var(--rr-text-body);
  line-height: var(--rr-lh-p);
}

.body-2 {
  font-size: var(--rr-fs-body2);
  line-height: var(--rr-lh-body2);
  font-weight: var(--rr-fw-light);
}

a {
  text-decoration: none;
}

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

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

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

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

button:hover {
  cursor: pointer;
}

button:focus {
  outline: 0;
}

.uppercase {
  text-transform: uppercase;
}

.capitalize {
  text-transform: capitalize;
}

hr:not([size]) {
  margin: 0;
  border-color: var(--rr-border-primary);
  opacity: 1;
  border-width: 1px;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
textarea {
  outline: none;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  font-size: 16px;
  color: var(--rr-heading-primary);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(0, 29, 8, 0.1);
  margin-left: 30px;
}

textarea {
  outline: none;
  background-color: rgba(255, 255, 255, 0.1);
  width: 100%;
  height: 60px !important;
  font-size: 16px;
  color: var(--rr-heading-primary);
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(0, 29, 8, 0.1);
}

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

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

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

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

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

*::-moz-placeholder {
  opacity: 1;
  font-size: 16px;
}
*::-moz-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--rr-common-placeholder);
}
*::-moz-placeholder::-moz-placeholder { /* Firefox 19+ */
  color: var(--rr-common-placeholder);
}
*::-moz-placeholder:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--rr-common-placeholder);
}
*::-moz-placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}

*::-webkit-input-placeholder {
  opacity: 1;
  font-size: 16px;
}

*::-moz-placeholder {
  opacity: 1;
  font-size: 16px;
}

*:-ms-input-placeholder {
  opacity: 1;
  font-size: 16px;
}

*::-ms-input-placeholder {
  opacity: 1;
  font-size: 16px;
}

*::placeholder {
  opacity: 1;
  font-size: 16px;
}
*::-webkit-input-placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--rr-common-placeholder);
}
*::placeholder::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: var(--rr-common-placeholder);
}
*::-moz-placeholder::-moz-placeholder { /* Firefox 19+ */
  color: var(--rr-common-placeholder);
}
*::placeholder::-moz-placeholder { /* Firefox 19+ */
  color: var(--rr-common-placeholder);
}
*:-ms-input-placeholder:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--rr-common-placeholder);
}
*::-ms-input-placeholder:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--rr-common-placeholder);
}
*::placeholder:-ms-input-placeholder { /* IE 10+  Edge*/
  color: var(--rr-common-placeholder);
}
*::-webkit-input-placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}
*::-moz-placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}
*:-ms-input-placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}
*::-ms-input-placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}
*::placeholder::placeholder { /* MODERN BROWSER */
  color: var(--rr-common-placeholder);
}

/*----------------------------------------
   Bootstrap customize
-----------------------------------------*/
.container {
  --bs-gutter-x: 30px;
  max-width: 1200px;
}

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

.row-none {
  --bs-gutter-x: none !important;
}

.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;
}
/*----------------------------------------*/
/*  offcanvas
/*----------------------------------------*/
.offcanvas__area {
  background: #0E0A24 none repeat scroll 0 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 500px;
  height: 100%;
  -webkit-transform: translateX(calc(100% + 80px));
  transform: translateX(calc(100% + 80px));
  -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  -webkit-transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
  transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
  z-index: 999;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  scrollbar-width: none;
  border-left: 1px solid var(--rr-border-primary);
}
.offcanvas__area ::-webkit-scrollbar {
  display: none;
}
@media (max-width: 575px) {
  .offcanvas__area {
    width: 400px;
  }
}
@media (max-width:450px) {
  .offcanvas__area {
    width: 100%;
  }
}
.offcanvas__area.info-open {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.offcanvas__logo a img {
  width: 160px;
}
@media (max-width: 575px) {
  .offcanvas__logo a img {
    width: 150px;
  }
}
@media (max-width: 575px) {
  .offcanvas__logo a img {
    width: 130px;
  }
}
.offcanvas__content {
  padding-bottom: 45px;
}
.offcanvas__wrapper {
  position: relative;
  height: 100%;
  padding: 35px 40px;
}
@media (max-width: 575px) {
  .offcanvas__wrapper {
    padding: 25px 25px;
  }
}
.offcanvas__top {
  padding-bottom: 20px;
  margin-bottom: 35px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.079);
}
@media (max-width: 575px) {
  .offcanvas__top {
    padding-bottom: 15px;
    margin-bottom: 30px;
  }
}
.offcanvas__search {
  position: relative;
}
.offcanvas__search input {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-right: 20px;
  background: transparent;
  border-bottom: 1px solid var(--rr-border-primary);
  font-size: 16px;
  color: var(--rr-common-white);
  padding-bottom: 15px;
}
.offcanvas__search input::-webkit-input-placeholder {
  color: var(--rr-common-white);
}
.offcanvas__search input::-moz-placeholder {
  color: var(--rr-common-white);
}
.offcanvas__search input:-ms-input-placeholder {
  color: var(--rr-common-white);
}
.offcanvas__search input::-ms-input-placeholder {
  color: var(--rr-common-white);
}
.offcanvas__search input::placeholder {
  color: var(--rr-common-white);
}
.offcanvas__search input:focus {
  border-color: var(--rr-common-white);
}
.offcanvas__search button {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 20px;
  color: var(--rr-common-white);
}
.offcanvas__search button:hover {
  color: var(--rr-theme-primary);
}
.offcanvas__title {
  color: var(--rr-common-white);
}
@media (max-width:450px) {
  .offcanvas__title {
    font-size: 20px;
  }
}
.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 {
  color: var(--rr-theme-primary);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--rr-common-white);
  font-size: 16px;
  border-radius: 50%;
}
.offcanvas__social ul li a:hover {
  background-color: var(--rr-theme-primary);
  color: var(--rr-common-white);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.offcanvas__notification-icon a {
  font-size: 14px;
  color: var(--rr-common-white);
  position: relative;
}
.offcanvas__notification-icon a .notification-count {
  position: absolute;
  top: -4px;
  right: -13px;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 22px;
  font-size: 12px;
  font-weight: 600;
  background-color: var(--rr-theme-primary);
  border-radius: 50%;
  color: var(--rr-common-white);
  text-align: center;
}
.offcanvas__notification-text p {
  margin-bottom: 0;
  font-weight: 500;
  color: var(--rr-common-white);
  font-size: 14px;
}
.offcanvas__notification-text p .notification-number {
  color: var(--rr-theme-primary);
}
.offcanvas__notification-text p a {
  color: var(--rr-theme-primary);
}
.offcanvas__overlay {
  position: fixed;
  height: 100%;
  width: 100%;
  background: var(--rr-common-black);
  z-index: 900;
  top: 0;
  opacity: 0;
  visibility: hidden;
  right: 0;
}
.offcanvas__overlay.overlay-open {
  opacity: 0.6;
  visibility: visible;
}

.sidebar__toggle {
  cursor: pointer;
}

.offcanvas__contact-icon {
  -webkit-margin-end: 15px;
          margin-inline-end: 15px;
}

.offcanvas__slider-content {
  border: 1px solid var(--rr-border-primary);
  padding: 20px;
}

.offcanvas__navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
.offcanvas__navigation button svg * {
  fill: var(--rr-common-white);
}
.offcanvas__navigation button:hover svg * {
  fill: var(--rr-theme-primary);
}
  }
}
@media (max-width: 575px) {
  .breadcrumb-space {
    padding: 157px 0 80px 0;
  }
}

.breadcrumb__area {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.breadcrumb__area.overly {
  position: relative;
  z-index: 1;
}
.breadcrumb__area.overly:after {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  content: "";
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 22, 10, 0.5)), to(#00160A));
  background: linear-gradient(180deg, rgba(0, 22, 10, 0.5) 0%, #00160A 100%);
}

.breadcrumb__title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-bold);
  font-size: 68px;
  line-height: 84px;
  font-style: normal;
  margin-bottom: 14px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .breadcrumb__title {
    font-size: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__title {
    font-size: 46px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .breadcrumb__title {
    font-size: 44px;
    line-height: 50px;
  }
}
@media (max-width: 575px) {
  .breadcrumb__title {
    font-size: 34px;
    line-height: 20px;
  }
}
@media (max-width:450px) {
  .breadcrumb__title {
    font-size: 32px;
  }
}

.breadcrumb__menu ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flexbox;
  display: inline-flex;
  gap: 27px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.breadcrumb__menu ul li {
  list-style: none;
  position: relative;
  line-height: 1;
}
.breadcrumb__menu ul li:not(:last-child)::before {
  display: inline-block;
  content: "\f105";
  position: absolute;
  top: 55.8888%;
  font-family: var(--rr-ff-fontawesome);
  inset-inline-end: -17px;
  color: var(--rr-text-body);
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.breadcrumb__menu ul li span {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  font-size: 20px;
  font-style: normal;
}
.breadcrumb__menu ul li span a:hover {
  color: var(--rr-theme-primary);
}
.breadcrumb__menu ul li.active span {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  font-size: 20px;
  font-style: normal;
}

.breadcrumb__area .inner-top-shape {
  z-index: -1;
  opacity: 0.5 !important;
  top: -55px;
  left: 621px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__area .inner-top-shape {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb__area .inner-top-shape {
    display: none;
  }
}
.breadcrumb__area .banner-all-shape-wrapper .first-shape {
  top: 222px;
  left: 585px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .breadcrumb__area .banner-all-shape-wrapper .first-shape {
    left: 370px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb__area .banner-all-shape-wrapper .first-shape {
    left: 245px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb__area .banner-all-shape-wrapper .first-shape {
    display: none;
  }
}
.breadcrumb__area .banner-all-shape-wrapper .second-shape {
  top: 500px;
  left: 33px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb__area .banner-all-shape-wrapper .second-shape {
    display: none;
  }
}
.breadcrumb__area .banner-all-shape-wrapper .right-shape {
  position: absolute;
  right: 35px;
}
.breadcrumb__area .banner-all-shape-wrapper .right-shape img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .breadcrumb__area .banner-all-shape-wrapper .right-shape img {
    display: none;
  }
}

/*----------------------------------------*/
/*  2.8 lightmode
/*----------------------------------------*/
.rs-theme-light:root {
  --rr-text-primary: rgba(6, 6, 6, 1);
  --rr-text-secondary: rgba(255, 255, 255, 1);
  --rr-text-body: rgb(81, 82, 84);
  --rr-border-primary: rgba(6, 6, 6, 0.1);
  --rr-bg-2: rgba(249, 249, 249, 1);
  --rr-bg-5: rgb(243, 243, 243);
}
.rs-theme-light:root body {
  background: var(--rr-body-secondary);
}
.rs-theme-light:root .theme-bg-1 {
  background-color: var(--rr-bg-2);
}

/* HEADER CSS */
/*----------------------------------------*/
/*  		3.1 header-1
/*----------------------------------------*/
.header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span {
  color: var(--rr-common-white);
}
.header-1.rs-sticky .header__btn .text a:hover h5 {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li > a {
  color: var(--rr-heading-primary);
}
.header-1.rs-sticky .main-menu ul li > a::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before {
  background-color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a::after {
  color: var(--rr-theme-primary);
}

/*----------------------------------------*/
/*  3.2 header-2
/*----------------------------------------*/
.header-1.rs-sticky .header__btn .text h5, .header-1.rs-sticky .header__btn .text span {
  color: var(--rr-common-white);
}
.header-1.rs-sticky .header__btn .text a:hover h5 {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li > a {
  color: var(--rr-heading-primary);
}
.header-1.rs-sticky .main-menu ul li > a::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li a:hover::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li:hover > a::before {
  background-color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .submenu li.has-dropdown:hover > a::after {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li ul li:hover > a::before {
  background: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li .mega-menu li:hover > .mega-menu-title {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a {
  color: var(--rr-theme-primary);
}
.header-1.rs-sticky .main-menu ul li:hover > a::after {
  color: var(--rr-theme-primary);
}

#popup-search-box {
  background-color: var(--rr-common-white);
  position: fixed;
  width: 100%;
  height: 20%;
  top: -100%;
  left: 0;
  right: 0;
  white-space: nowrap;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 500ms ease all;
  transition: 500ms ease all;
}
#popup-search-box .box-inner-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
}
#popup-search-box .box-inner-wrap form {
  position: relative;
  width: 100%;
  max-width: 560px;
  margin: 0 auto;
  padding: 0 15px;
}
#popup-search-box .box-inner-wrap form input {
  width: 100%;
  padding: 20px 15px;
  padding-right: 80px;
  background: transparent;
  border: none;
  color: #ddd;
  border: 1px solid var(--rr-common-black);
  color: #666;
  font-size: 16px;
}
#popup-search-box .box-inner-wrap form input:focus {
  outline: none;
}
#popup-search-box .box-inner-wrap:hover {
  cursor: url(../img/cross.png), auto;
}
#popup-search-box .box-inner-wrap .search-close {
  position: absolute;
  top: 30px;
  right: 50px;
  color: var(--rr-heading-primary);
  border: 1px solid var(--rr-heading-primary);
  height: 50px;
  width: 50px;
  font-size: 20px;
  border-radius: 50%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#popup-search-box .box-inner-wrap .search-close:hover {
  background-color: var(--rr-theme-primary);
  border: 1px solid var(--rr-theme-primary);
  color: var(--rr-common-white);
}
#popup-search-box.toggled {
  top: 0;
  opacity: 1;
  visibility: visible;
}

/*----------------------------------------*/
/*  3.3 header-3
/*----------------------------------------*/
.header__logo-3 {
  max-width: 100% !important;
}
.header__logo-3 .header__hamburger {
  margin-left: -80px !important;
}
@media (max-width: 1750px) {
  .header__logo-3 .header__hamburger {
    margin-left: 0 !important;
  }
}

/*----------------------------------------*/
/*  3.4 header-common
/*----------------------------------------*/
.rs-sticky {
  position: fixed !important;
  top: 0;
  z-index: 111;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--rr-common-white) !important;
  -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 29, 8, 0.1);
          box-shadow: 0px 10px 20px 0px rgba(0, 29, 8, 0.1);
  border-top: 0;
}
.rs-sticky .header-top {
  position: fixed !important;
  top: -100%;
  z-index: 111;
  inset-inline-end: 0;
  inset-inline-start: 0;
  width: 100%;
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: var(--rr-gray-900);
  border-top: 0;
}
.rs-sticky.header-2 {
      background: #dddddd !important;
}
.rs-sticky.header-2 .main-menu .mobile-menu ul li a {
  color: var(--rr-common-white) !important;
}
.rs-sticky.header-2 .main-menu .mobile-menu ul li a:hover {
  color: var(--rr-theme-primary) !important;
}

.rs-sticky.header-2 .main-menu .mobile-menu ul li ul.submenu li a {
  color: var(--rr-heading-primary) !important;
}

.header__area {
  background: -webkit-gradient(linear, left top, right top, color-stop(0.19%, rgba(255, 61, 0, 0.1)), color-stop(49.48%, rgba(255, 177, 152, 0.1)), color-stop(99.8%, rgba(255, 61, 0, 0.1)));
  background: linear-gradient(90deg, rgba(255, 61, 0, 0.1) 0.19%, rgba(255, 177, 152, 0.1) 49.48%, rgba(255, 61, 0, 0.1) 99.8%);
  background: transparent;
  position: inherit;
  width: 100%;
  z-index: 99;
}
.header__area .container {
  max-width: 1200px;
  padding: 0 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header__area .container {
    font-size: 13px;
  }
}
.header__area.header-inner {
  background: var(--rr-common-white);
}

.header__logo {
  max-width: 188px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .header__logo {
    max-width: 150px;
  }
}
@media (max-width:450px) {
  .header__logo {
    max-width: 150px;
  }
}
.header__logo.header__logo-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__logo.header__logo-3 .header__hamburger {
    margin-left: 55px;
  }
}
.header__logo.header__logo-3 .header__hamburger .sidebar__toggle {
  background: var(--rr-heading-primary);
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
}
.header__logo.header__logo-3 .header__hamburger .sidebar__toggle .bar-icon span {
  background: var(--rr-common-white);
}
.header__logo.header__logo-3 .logo-3 {
  width: 164px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__logo.header__logo-3 .logo-3 {
    width: 130px;
  }
}

.header__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .header__main {
    padding: 18px 0;
  }
}
@media (max-width:450px) {
  .header__main {
    padding: 16px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li {
    -webkit-margin-end: 15px;
            margin-inline-end: 15px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header__main .header__middle .mean__menu-wrapper .main-menu .mobile-menu ul li a {
    font-size: 14px;
  }
}
.header__main .header__right .header__action {
  gap: 30px;
}
.header__main .header__right .header__action .search-icon {
  cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .header__main .header__right .header__action .search-icon {
    display: none !important;
  }
}
.header__main .header__right .header__action .header__social {
  gap: 24px;
}
.header__main .header__right .header__action .header__social a {
  position: relative;
}
.header__main .header__right .header__action .header__social a .icon-wrapper {
  position: absolute;
  top: -13px;
  left: 13px;
  width: 15px;
  height: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #FF3D00;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 500px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header__main .header__right .header__action .header__message {
  gap: 10px;
}
.header__main .header__right .header__action .header__message h6 {
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-30);
  font-size: 16px;
  font-style: normal;
}
@media (max-width: 575px) {
  .header__main .header__right .header__action .header__message h6 {
    display: none;
  }
}
.header__main .header__right .header__action .header__message h6:hover {
  color: var(--rr-theme-primary);
}
.header__main .header__right .header__action .header__message .circle-message {
  height: 50px;
  width: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: var(--rr-theme-primary);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  position: relative;
}

.bar-icon {
  width: 26px;
  height: 18px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.bar-icon span {
  width: 100%;
  height: 2px;
  background: var(--rr-theme-primary);
  display: inline-block;
  -webkit-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.bar-icon span:nth-child(2) {
  margin-left: 0px;
}
.bar-icon:hover span {
  -webkit-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;
}
.bar-icon:hover span:nth-child(2) {
  margin-left: 0px;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.bar-icon:hover span:nth-child(3) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.bar-icon.is-black span {
  background: var(--rr-common-black);
}
.bar-icon.is-white span {
  background: var(--rr-common-white);
}

.social-media {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  gap: 6px;
}
.social-media a {
  color: var(--rr-gray-900);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 42px;
  height: 42px;
  background: var(--rr-common-white);
  font-size: 20px;
  border-radius: 500px;
  border: 1px solid rgba(0, 213, 99, 0.2);
}
.social-media a::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 500px;
  -webkit-transform: translate(-100%, 0) rotate(50deg);
          transform: translate(-100%, 0) rotate(50deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background-color: var(--rr-theme-primary);
  z-index: -1;
  content: "";
}
.social-media a:hover {
  color: var(--rr-common-white);
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}
.social-media a:hover::before {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
.social-media-2 a {
  border-color: var(--rr-gray-200);
  color: var(--rr-theme-primary);
}
.social-media-2 a:hover {
  border-color: var(--rr-theme-primary);
}

.header__btn {
  gap: 15px;
}

.header-top {
  padding: 5px 0;
  background: rgba(255, 255, 255, 0.1);
}
.header-top-menu {
  gap: 30px;
  list-style: none;
}
.header-top-menu li {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-menu li {
    font-size: 12px;
  }
}
.header-top-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--rr-common-white);
}
.header-top-menu li a:hover {
  color: var(--rr-theme-primary);
}
.header-top-socail-menu {
  gap: 20px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top-socail-menu .lan-select-2 {
  width: 85px;
}
.header-top-socail-menu .lan-select-2 .lan-home-2 {
  background: transparent;
  color: #fff;
  border: none;
}
.header-top-socail-menu .lan-select-2 .lan-home-2 option {
  background: #000;
  border: none;
}
.header-top-socail-menu span a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  line-height: 17px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header-top-socail-menu span a {
    font-size: 12px;
  }
}
.header-top-socail-menu span a:hover {
  color: var(--rr-theme-primary);
}

.header-top-3 {
  padding: 5px 0;
  background: var(--rr-heading-primary);
}
.header-top-3 .header-top-socail-menu {
  gap: 15px !important;
}
.header-top-3 .lan-select .nice-select {
  margin-left: -18px !important;
  font-weight: 500 !important;
}
.header-top-3 .lan-select .nice-select:after {
  font-size: 12px;
}
.header-top-3 .container-width {
  padding-left: 15px;
  padding-right: 15px;
  max-width: 1550px;
}
.header-top-3-menu {
  gap: 30px;
  list-style: none;
}
.header-top-3-menu li {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.header-top-3-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--rr-common-white);
}
.header-top-3-menu li a:hover {
  color: var(--rr-theme-primary);
}
.header-top-3-socail-menu {
  gap: 20px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.header-top-3-socail-menu .lan-select .lan {
  background: transparent;
  color: #fff;
  border: none;
}
.header-top-3-socail-menu .lan-select .lan option {
  background: #000;
  border: none;
}
.header-top-3-socail-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
}
.header-top-3-socail-menu li a:hover {
  color: var(--rr-theme-primary);
}
.header-top-3 .header-top-menu li a {
  color: var(--rr-theme-primary);
}
.header-top-3 .header-top-menu li a:hover {
  text-decoration: underline;
}
.header-top-3 .header-top-social {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  gap: 20px;
}
.header-top-3 .header-top-social a:hover {
  color: var(--rr-common-white);
}

.inner-page {
  padding: 5px 0;
  background: var(--rr-heading-primary);
}
.inner-page-menu {
  gap: 30px;
  list-style: none;
}
.inner-page-menu li {
  gap: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
}
.inner-page-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  color: var(--rr-common-white);
}
.inner-page-menu li a:hover {
  color: var(--rr-theme-primary);
}
.inner-page-socail-menu {
  gap: 20px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.inner-page-socail-menu .lan-select .lan {
  background: transparent;
  color: #fff;
  border: none;
}
.inner-page-socail-menu .lan-select .lan option {
  background: #000;
  border: none;
}
.inner-page-socail-menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  color: var(--rr-common-white);
  font-family: var(--rr-ff-body);
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
}
.inner-page-socail-menu li a:hover {
  color: var(--rr-theme-primary);
}
.inner-page .header-top-menu li a {
  color: var(--rr-theme-primary);
}
.inner-page .header-top-social {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.7);
  gap: 20px;
}
.inner-page .header-top-social a:hover {
  color: var(--rr-common-white);
}

.header-select {
  margin-left: -18px;
}
.latest-blog__area .bottom-button {
  gap: 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.latest-blog__area .bottom-button a {
  color: var(--rr-heading-primary);
  background: #F5F5F5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.latest-blog__area .bottom-button a:hover {
  background: var(--rr-theme-primary);
  color: var(--rr-common-white);
}

/*----------------------------------------*/
/*  5.3 sidebar
/*----------------------------------------*/
.sidebar-rr-sticky {
  position: sticky;
  top: 120px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-rr-sticky {
    margin-top: 50px;
  }
}

.sidebar__widget:not(:last-child) {
  margin-bottom: 30px;
}

.sidebar__widget {
  padding: 30px;
  border-radius: 10px;
  background: var(--rr-common-white);
  border: 1px solid #e5e8e6;
}
.sidebar__widget-title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-sbold);
  font-size: var(--rr-fs-h4);
  line-height: var(--rr-lh-h5);
  margin-bottom: 24px;
  font-style: normal;
}
.sidebar__widget-title__have-bar {
  padding-bottom: 10px;
  position: relative;
}
.sidebar__widget-service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 17px;
}
.sidebar__widget-service a {
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 27px;
  border-bottom: 1px solid rgba(0, 15, 32, 0.1);
  color: var(--rr-heading-primary);
}
.sidebar__widget-service a:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.sidebar__widget-service a:hover {
  color: var(--rr-theme-primary);
}
.sidebar__widget-service a i {
  color: var(--rr-theme-primary);
  font-size: 14px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
.sidebar__widget-download {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
.sidebar__widget-download a {
  padding: 11.5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 25px;
  border-radius: 4px;
  border: 1px solid rgba(0, 15, 32, 0.1);
  color: var(--rr-heading-primary);
}
.sidebar__widget-download a img {
  max-width: 15px;
}
.sidebar__widget-download a:hover {
  background-color: var(--rr-theme-primary);
  color: var(--rr-common-white);
}
.sidebar__widget-download a:hover img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}
.sidebar__widget-search .search__bar {
  height: 50px;
  width: 100%;
  position: relative;
  border-radius: 4px;
}
.sidebar__widget-search .search__bar input {
  height: 100%;
  padding: 20px;
  padding-left: 42px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #e5e8e6;
  background: var(--rr-common-white);
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
  margin-left: 0;
}
.sidebar__widget-search .search__bar button {
  position: absolute;
  left: 18px;
  padding: 0;
  height: 100%;
  line-height: 0;
}
.sidebar__widget-search .search__bar button:hover svg path[stroke="#525257"] {
  stroke: var(--rr-theme-primary);
}
.sidebar__widget-category {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.sidebar__widget-category a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: var(--rr-heading-primary);
  font-size: var(--rr-fs-body2);
  font-style: normal;
  font-weight: 400;
  padding: 16px;
  line-height: normal;
  border: 1px solid #e5e8e6;
  border-radius: 4px;
}
.sidebar__widget-category a span:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar__widget-category a:hover {
  background: var(--rr-theme-primary);
  color: var(--rr-common-white);
}
.sidebar__widget-category a:hover span:first-child svg circle[fill="#525257"] {
  fill: var(--rr-theme-primary);
}
.sidebar__widget-tags .tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
.sidebar__widget-tags .tags a {
  display: block;
  padding: 2px 11.5px;
  border-radius: 4px;
  background: var(--rr-common-white);
  border: 1px solid rgba(0, 15, 32, 0.1);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
.sidebar__widget-tags .tags a:hover {
  color: var(--rr-common-white);
  background: var(--rr-theme-primary);
}
.sidebar__widget-have_any_question {
  padding: 30px;
  border-radius: 10px;
  background: var(--rr-theme-primary);
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 15, 32, 0.1);
          box-shadow: 0px 1px 3px 0px rgba(0, 15, 32, 0.1);
  background-repeat: no-repeat;
  background-size: cover;
}
.sidebar__widget-have_any_question-space {
  padding: 0;
  border-radius: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.sidebar__widget-have_any_question-media {
  padding-left: 41px;
  margin-top: -93px;
  margin-bottom: -30px;
  margin-right: -30px;
  max-width: 367px;
}
.sidebar__widget-have_any_question h3 {
  margin-bottom: 5px;
}
.sidebar__widget-have_any_question p {
  max-width: 275px;
  opacity: 0.8;
  color: var(--rr-common-white);
}
.sidebar__widget-have_any_question .rr-btn .text-one {
  color: var(--rr-heading-primary);
}
.sidebar__widget .sidebar-post {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sidebar__widget .sidebar-post:last-child {
  margin-bottom: 0;
}
.sidebar__widget .sidebar-post_thumb {
  width: 90px;
  overflow: hidden;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  border-radius: 4px;
}
.sidebar__widget .sidebar-post_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sidebar__widget .sidebar-post_thumb:hover img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.sidebar__widget .sidebar-post_content {
  max-width: 186px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .sidebar__widget .sidebar-post_content {
    max-width: 100%;
  }
}
.sidebar__widget .sidebar-post_content .post-meta {
  margin-bottom: 6px;
}
.sidebar__widget .sidebar-post_content .post-meta li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: var(--rr-theme-primary);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 10px;
}
.sidebar__widget .sidebar-post_content .post-meta li i {
  color: var(--rr-theme-primary);
}
.sidebar__widget .sidebar-post_content h3 {
  font-size: 16px;
  font-style: normal;
  line-height: 26px;
}
@media (max-width:320px) {
  .sidebar__widget .sidebar-post_content h3 {
    font-size: 13px;
    line-height: 20px;
  }
}
.sidebar__widget .sidebar-post_content a:hover h3 {
  color: var(--rr-theme-primary);
}

.sidebar__widget-button {
  border: 1px solid #e5e8e6;
  border-radius: 10px;
  padding: 30px;
  margin-bottom: 26px;
}
.sidebar__widget-button .sidebar {
  margin-bottom: 24px;
  font-weight: var(--rr-fw-sbold);
}
.sidebar__widget-button .sidebar-tags .btn {
  gap: 10px;
  padding: 0;
}
.sidebar__widget-button .sidebar-tags .btn a {
  font-size: 14px;
  border: 1px solid #e5e8e6;
  border-radius: 4px;
  width: 34px;
  height: 34px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sidebar__widget-button .sidebar-tags .btn a:hover {
  background: var(--rr-theme-primary);
  color: var(--rr-common-white);
}

/*----------------------------------------*/
/*  5.1 blog-details
/*----------------------------------------*/
.blog__details-content img {
  width: auto;
  border-radius: 10px;
  overflow: hidden;
  max-width: 100%;
}
.blog__details-content h1, .blog__details-content h2, .blog__details-content h3, .blog__details-content h4, .blog__details-content h6 {
  margin-bottom: 14px;
  font-weight: var(--rr-fw-medium);
  color: var(--rr-heading-primary);
}
.blog__details-content h4 {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-sbold);
  font-size: var(--rr-fs-h4);
  line-height: var(--rr-lh-h5);
  font-style: normal;
}
.blog__details-content p, .blog__details-content img {
  margin-bottom: 30px;
}
.blog__details-content ul:not(.blog__details-meta) {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 0;
  margin: 0 0 30px;
}
.blog__details-content ul:not(.blog__details-meta) li {
  padding-left: 21px;
  position: relative;
  font-size: 18px;
  line-height: 28px;
  font-weight: var(--rr-fw-medium);
  text-transform: capitalize;
}
.blog__details-content ul:not(.blog__details-meta) li:before {
  left: 0;
  top: 1px;
  content: "•";
  color: var(--rr-theme-primary);
  font-weight: bold;
  display: inline-block;
  width: 8px;
  position: absolute;
}
.blog__details-content .blog__details-meta {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px 35px;
  padding: 0;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog__details-content .blog__details-meta li {
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  gap: 8px;
  line-height: normal;
}
.blog__details-content .blog__details-meta li a {
  gap: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog__details-content .blog__details-meta li a:hover {
  color: var(--rr-theme-primary);
}
.blog__details-content .blog__details-meta li a:hover svg path[stroke="#4A5764"] {
  stroke: var(--rr-theme-primary);
}
.blog__details-content p {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.blog__details-content .media {
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
}
.blog__details-content .media-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media (max-width: 575px) {
  .blog__details-content .media-group {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.blog__details-content .media img {
  margin: 0;
  width: auto;
  max-width: 100%;
}
.blog__details-content blockquote {
  margin-bottom: 50px;
  padding: 30px;
  border-radius: 10px;
  background: var(--rr-common-white);
  -webkit-box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1), inset 4px 0px 0px #FE5624;
          box-shadow: 0px 20px 40px rgba(0, 29, 8, 0.1), inset 4px 0px 0px #FE5624;
}
.blog__details-content blockquote p {
  margin-bottom: 24px;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
.blog__details-content blockquote span {
  padding-left: 30px;
  position: relative;
  color: var(--rr-heading-primary);
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.blog__details-content blockquote span:after {
  height: 2px;
  left: 10px;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 20px;
  background: var(--rr-theme-primary);
}
.blog__details-thumb {
  border-radius: 10px;
  overflow: hidden;
}
.blog__details-thumb img {
  margin-bottom: 0;
}
.blog__details-bottom {
  padding-top: 20px;
}
.blog__details-bottom .share-social-media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog__details-bottom .share-social-media_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog__details-bottom .share-social-media_wrapper span {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.blog__details-bottom .share-social-media a {
  background-color: var(--rr-theme-primary);
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
}
.blog__details-bottom .share-social-media a:nth-child(1) {
  background-color: #229EF2;
}
.blog__details-bottom .share-social-media a:nth-child(2) {
  background-color: #2E4E9C;
}
.blog__details-bottom .share-social-media a:nth-child(3) {
  background-color: #0681BA;
}
.blog__details-bottom .share-social-media a:nth-child(4) {
  background-color: #EB044F;
}
.blog__details-bottom .share-social-media a:hover {
  -webkit-transform: translate(0, -5px);
  transform: translate(0, -5px);
}
.blog__details-bottom .share-social-media a:hover svg path[fill="#00D563"] {
  fill: var(--rr-heading-primary);
}
.blog__details-bottom-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blog__details-bottom-tags_wapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blog__details-bottom-tags_wapper span {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 20px;
}
.blog__details-bottom-tags a {
  overflow: hidden;
  border-radius: 2px;
  background: #F5F5F5;
  padding: 3px 12px;
  color: var(--rr-heading-primary);
  text-align: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
}
@media (max-width:376px) {
  .blog__details-bottom-tags a {
    padding: 3px 6px;
  }
}
.blog__details-bottom-tags a:hover {
  color: var(--rr-common-white);
  background-color: var(--rr-theme-primary);
}

.next-prev-post {
  background: #F9F9F9;
  border-radius: 10px;
  padding: 24px 30px;
  row-gap: 30px;
}
.next-prev-post .line-border {
  background: var(--rr-heading-primary);
  opacity: 0.1;
  width: 1px;
  height: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.next-prev-post .prev-post .btn {
  width: 96px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  background: var(--rr-common-white);
  font-size: 12px;
  border-radius: 2px;
  line-height: 12px;
  font-style: normal;
  -webkit-transition: ease-in-out 0.3s all;
  transition: ease-in-out 0.3s all;
  margin-bottom: 8px;
}
.next-prev-post .prev-post .btn:hover {
  color: var(--rr-common-white);
  background: var(--rr-theme-primary);
}
.next-prev-post .prev-post .post-title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-medium);
  line-height: var(--rr-lh-h6);
  font-size: 16px;
  font-style: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.next-prev-post .prev-post .post-title:hover {
  color: var(--rr-theme-primary);
}
.next-prev-post .next-post {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
@media (max-width: 575px) {
  .next-prev-post .next-post {
    -webkit-box-align: start !important;
        -ms-flex-align: start !important;
            align-items: start !important;
  }
}
@media (max-width: 575px) {
  .next-prev-post .next-post {
    margin-left: 28px;
  }
}
.next-prev-post .next-post .btn {
  width: 96px;
  height: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  background: var(--rr-common-white);
  font-size: 12px;
  border-radius: 2px;
  line-height: 12px;
  font-style: normal;
  -webkit-transition: ease-in-out 0.3s all;
  transition: ease-in-out 0.3s all;
  margin-bottom: 8px;
}
.next-prev-post .next-post .btn:hover {
  color: var(--rr-common-white);
  background: var(--rr-theme-primary);
}
.next-prev-post .next-post .post-title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-medium);
  line-height: var(--rr-lh-h6);
  font-size: 16px;
  font-style: normal;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.next-prev-post .next-post .post-title:hover {
  color: var(--rr-theme-primary);
}

.author-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 27px;
  padding: 25px 20px;
  border-radius: 10px;
  background: var(--rr-common-white);
  -webkit-box-shadow: 0px 10px 60px 0px rgba(8, 8, 33, 0.1), 2px 0px 0px 0px #1745B3 inset;
          box-shadow: 0px 10px 60px 0px rgba(8, 8, 33, 0.1), 2px 0px 0px 0px #1745B3 inset;
}
.author-widget__media {
  width: 100px;
  height: 100px;
  min-height: 100px;
  min-width: 100px;
  overflow: hidden;
  border-radius: 10px;
}
.author-widget__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.author-widget__content {
  max-width: 565px;
}
.author-widget__content h4 {
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.comment-item {
  gap: 20px;
  background: #F9F9F9;
  border-radius: 10px;
  padding: 20px;
}
.comment-item:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-item {
    gap: 10px;
  }
}
.comment-item__reply {
  margin-left: 80px;
}
@media (max-width: 575px) {
  .comment-item__reply {
    margin-left: 0;
  }
}
.comment-item__reply .comment-item__content {
  border-bottom: 0;
}
.comment-item__img {
  min-width: 60px;
  min-height: 60px;
  width: 60px;
  overflow: hidden;
  height: 60px;
  border-radius: 500px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .comment-item__img {
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }
}
.comment-item__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.comment-item__content span {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  font-size: 14px;
  line-height: 17px;
  font-style: normal;
  text-transform: uppercase;
}
.comment-item__content p {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  font-size: 15px;
  line-height: 24px;
  font-style: normal;
}
.comment-item__content button {
  padding: 8px 23px;
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 10px;
  text-transform: uppercase;
  border-radius: 4px;
  border: 1px solid rgba(3, 4, 29, 0.1);
}
.comment-item__content button:hover {
  background-color: var(--rr-theme-primary);
  color: var(--rr-common-white);
}

.live-comment-widget h4 {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-sbold);
  font-size: var(--rr-fs-h4);
  line-height: var(--rr-lh-h5);
  margin-bottom: 12px;
  font-style: normal;
}
.live-comment-widget p span {
  color: var(--rr-theme-primary);
}
.live-comment-widget__input {
  margin-bottom: 20px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__input {
    margin-bottom: 10px;
  }
}
.live-comment-widget__textarea {
  margin-bottom: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__textarea {
    margin-bottom: 15px;
  }
}
.live-comment-widget__form ::-webkit-resizer {
  color: var(--rr-gray-200);
}
.live-comment-widget__form .rr-btn {
  padding: 16px 28px;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  margin-top: 25px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__form .rr-btn {
    margin-top: 20px;
  }
}
.live-comment-widget__form label {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-size: 16px;
  font-style: normal;
  margin-bottom: 11px;
  font-weight: 500;
  line-height: normal;
}
.live-comment-widget__form input, .live-comment-widget__form textarea {
  margin: 0 !important;
  padding: 10px 17px;
  border-radius: 4px;
  color: var(--rr-text-body);
  border: 1px solid rgba(0, 15, 32, 0.1);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
.live-comment-widget__form input {
  height: 46px;
}
.live-comment-widget__form textarea {
  min-height: 162px;
}
.live-comment-widget__agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__agree {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
}
.live-comment-widget__agree label {
  margin-bottom: 0;
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .live-comment-widget__agree label {
    margin-top: -4px;
  }
}
.live-comment-widget__agree input {
  width: 14px;
  height: 14px;
  padding: 4px 6px;
  border-radius: 2px !important;
  border: 1px solid rgba(3, 4, 29, 0.3) !important;
}

.form-check-input:checked {
  background-color: var(--rr-theme-primary);
}

.form-check-input:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
/*----------------------------------------*/
/*  6.1 footer
/*----------------------------------------*/
.footer__area-common {
  position: relative;
  z-index: 1;
}
.footer__area-common.background {
  background: #FFF5F1;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common {
    padding-top: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common {
    padding-top: 50px;
  }
}

.footer-wrap {
  padding: 80px 0 70px 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer-wrap {
    --bs-gutter-x: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer-wrap {
    padding: 0px 0 70px 0;
  }
}

.footer__main {
  position: relative;
  padding-bottom: 80px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__main {
    padding-bottom: 60px;
  }
}
@media (max-width: 575px) {
  .footer__main {
    padding-bottom: 40px;
  }
}
.footer__widget {
  margin-bottom: 0;
}
.footer__widget.footer__widget-item-1 {
  max-width: 323px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget.footer__widget-item-1 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget.footer__widget-item-2 {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget.footer__widget-item-2 {
    padding-left: 0;
  }
}
.footer__widget.footer__widget-item-3 {
  padding-left: 45px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget.footer__widget-item-3 {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget.footer__widget-item-3 {
    padding-left: 0;
  }
}
.footer__widget-title h4 {
  margin-bottom: 35px;
  font-size: 22px;
  line-height: var(--rr-lh-h4);
  position: relative;
  z-index: 10;
  text-transform: capitalize;
  color: var(--rr-common-black);
  font-family: var(--rr-ff-heading);
  margin-top: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-title h4 {
    font-size: 18px;
  }
}
.footer__widget-description p {
  font-size: var(--rr-fs-body2);
  margin-bottom: 0;
  opacity: 0.9;
  color: var(--rr-common-black);
}
.footer__logo img {
  max-width: 188px;
}
.footer__content p {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  font-size: 16px;
}
.footer__link ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 15px;
}
.footer__link ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer__link ul li a {
  font-family: var(--rr-ff-heading);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--rr-text-body);
  font-size: 18px;
  position: relative;
  font-weight: var(--rr-fw-regular);
  gap: 10px;
}
.footer__link ul li a i {
  margin-top: 5px;
}
.footer__link ul li a:hover {
  color: var(--rr-theme-primary);
}
.footer__link ul li a:hover::before {
  width: 12px;
}
.footer__social {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
.footer__social a {
  overflow: hidden;
  position: relative;
  color: var(--rr-text-body);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  font-size: 14px;
  border-radius: 3px;
  border: 1px solid rgba(0, 29, 8, 0.1);
}
.footer__social a::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 1px;
  -webkit-transform: translate(-177%, 0) rotate(50deg);
  transform: translate(-177%, 0) rotate(50deg);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background-color: var(--rr-theme-primary);
  z-index: -1;
  content: "";
}
.footer__social a:hover {
  color: var(--rr-common-white);
}
.footer__social a:hover::before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.footer__subscribe {
  max-width: 210px;
}
.footer__subscribe ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.footer__subscribe ul li a {
  font-family: var(--rr-ff-heading);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--rr-text-body);
  font-size: 18px;
  position: relative;
  font-weight: var(--rr-fw-regular);
  gap: 10px;
  margin-bottom: 18px;
}
.footer__subscribe ul li a:hover {
  color: var(--rr-theme-primary);
}
.footer__subscribe.subscribe-2 {
  max-width: inherit;
}
.footer__background-shpae {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

/*----------------------------------------*/
/*  6.2 footer-2
/*----------------------------------------*/
.footer__area-common-2 {
  padding-top: 175px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-2 {
    padding-top: 150px;
  }
}
.footer__social-2 a {
  color: var(--rr-heading-primary);
  border: 1px solid rgba(0, 15, 32, 0.1);
  background: rgba(23, 69, 179, 0);
}
.footer__social-2 a:before {
  background: var(--rr-theme-primary-gradient);
}
.footer__social-2 a:hover {
  color: var(--rr-common-white);
}
.footer__content-2 p {
  opacity: 1;
  color: var(--rr-text-body);
}
.footer__widget-title-2 h4 {
  margin-bottom: 18px;
  color: var(--rr-heading-primary);
}
.footer__link-2 ul {
  gap: 9px;
}
.footer__link-2 ul li {
  gap: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--rr-text-body);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: var(--rr-fs-body2);
  font-weight: var(--rr-fw-normal);
  line-height: 33.5px;
}
.footer__link-2 ul li a {
  opacity: 1;
  color: var(--rr-text-body);
}
.footer__widget-2 {
  margin-bottom: 30px;
}
.footer__widget-2.footer__widget-2-item-1 {
  max-width: 304px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget-2.footer__widget-2-item-1 {
    max-width: 100%;
  }
}
.footer__widget-2.footer__widget-2-item-2 {
  padding-left: 36px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget-2.footer__widget-2-item-2 {
    padding-left: 0;
  }
}
.footer__widget-2.footer__widget-2-item-3 {
  padding-left: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget-2.footer__widget-2-item-3 {
    padding-left: 0;
  }
}
.footer__widget-2.footer__widget-2-item-4 {
  padding-left: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__widget-2.footer__widget-2-item-4 {
    padding-left: 0;
  }
}

/*----------------------------------------*/
/*  6.3 footer-3
/*----------------------------------------*/
.footer__area-common {
  background-size: contain;
}
.footer__area-common-3 {
  background-position: center right;
  padding-top: 94px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px), only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-3 {
    background-image: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__area-common-3 {
    padding-top: 85px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .footer__area-common-3 {
    padding-top: 80px;
  }
}
.footer__area-common-3 .footer__bottom {
  border-top: 1px solid var(--rr-border-secondary);
}
.footer__area-common-3 .footer__bottom-wrapper {
  border-top: 0;
}

.footer__widget-3:nth-child(1) {
  max-width: 381px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer__widget-3:nth-child(1) {
    max-width: 250px;
  }
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3:nth-child(1) {
    max-width: 100%;
  }
}
.footer__widget-3:nth-child(2) {
  max-width: 221px;
}
.footer__widget-3:nth-child(3) {
  max-width: 191px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__widget-3:nth-child(3) {
    max-width: 100%;
  }
}
.footer__widget-3:nth-child(4) {
  max-width: 300px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__widget-3:nth-child(4) {
    max-width: 100%;
    min-width: 100%;
  }
}
.footer__widget-3:nth-child(4) .footer__link ul {
  max-width: 166px;
}
.footer__widget-3 .footer__widget-title h4 {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 40px;
}
.footer__widget-3 .footer__link ul {
  gap: 10px;
}

.footer__social-xl {
  gap: 10px;
}
.footer__social-xl a {
  border: 0;
  background: var(--rr-gray-700);
  width: 50px;
  height: 50px;
}

/*----------------------------------------*/
/*  6.4 footer-copyright
/*----------------------------------------*/
.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 30px 0;
  gap: 10px 30px;
}
.footer__bottom-wrapper {
  border-top: 1px solid var(--rr-border-secondary);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px), only screen and (min-width: 768px) and (max-width: 991px) {
  .footer__bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.footer-bottom-border {
  border: 1px solid #e5e8e6;
}
.footer-bottom-border .footer__bottom .footer__copyright p {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h6);
  font-size: 18px;
  font-style: normal;
  text-align: center;
}
.footer-bottom-border .footer__bottom .footer__copyright p a:hover {
  color: var(--rr-theme-primary);
}
.footer-bottom-border .footer__bottom .footer__copyright-menu ul li a {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h6);
  font-size: 18px;
  font-style: normal;
}
.footer-bottom-border .footer__bottom .footer__copyright-menu ul li a:hover {
  color: var(--rr-theme-primary);
}

.footer__copyright p {
  color: var(--rr-common-white);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  font-size: 14px;
  margin-bottom: 0;
}
.footer__copyright p a:hover {
  color: var(--rr-theme-primary);
}
.footer__copyright-2 p {
  color: var(--rr-common-white);
}

.footer__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24.5px 0;
  gap: 10px 30px;
  border-top: var(--rr-border-white30);
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__bottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__bottom-1 {
  padding-top: 80px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__bottom-1 {
    padding-top: 60px;
  }
}

.footer__copyright p {
  font-size: 14px;
  margin-bottom: 0;
  color: var(--rr-common-white);
  opacity: 0.9;
}
.footer__copyright p a:hover {
  color: var(--rr-theme-primary);
}

.footer__copyright-menu ul {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  gap: 10px;
}
@media (max-width: 575px), only screen and (min-width: 576px) and (max-width: 767px) {
  .footer__copyright-menu ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.footer__copyright-menu ul li {
  list-style: none;
  position: relative;
}
.footer__copyright-menu ul li.no_bullet:after {
  display: none;
}
.footer__copyright-menu ul li a {
  color: var(--rr-common-white);
  font-size: 14px;
  position: relative;
  opacity: 0.9;
}
.footer__copyright-menu ul li a:hover {
  color: var(--rr-theme-primary);
}

.footer__bottom-2 {
  padding: 25px 0;
  border-top-color: rgba(0, 15, 32, 0.1);
}

.footer__copyright-2 p {
  text-align: center;
  color: var(--rr-text-body);
}
.footer__copyright-2 a {
  font-weight: var(--rr-fw-sbold);
  color: var(--rr-theme-primary);
}


/*----------------------------------------*/
/*  2.10 backtotop
/*----------------------------------------*/
.backtotop-wrap {
  position: fixed;
  bottom: 30px;
  right: 30px;
  height: 46px;
  overflow: hidden;
  width: 46px;
  cursor: pointer;
  display: block;
  border-radius: 50px;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  background: var(--rr-theme-primary);
}
@media (max-width:450px) {
  .backtotop-wrap {
    bottom: 20px;
    right: 20px;
  }
}
.backtotop-wrap.active-progress {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.backtotop-wrap::before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  border: 1px solid var(--rr-theme-primary);
  left: 0;
  border-radius: 500px;
  -webkit-transform: translate(-100%, 0) rotate(50deg);
          transform: translate(-100%, 0) rotate(50deg);
  -webkit-transform-origin: top left;
          transform-origin: top left;
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  background-color: var(--rr-heading-primary);
  z-index: -1;
  content: "";
}
.backtotop-wrap::after {
  position: absolute;
  font-family: var(--rr-ff-fontawesome);
  content: "\f062";
  text-align: center;
  line-height: 46px;
  font-size: 16px;
  font-weight: 400;
  color: var(--rr-common-white);
  left: 0;
  top: 0;
  height: 46px;
  width: 46px;
  cursor: pointer;
  display: block;
  z-index: 1;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.backtotop-wrap svg path {
  fill: none;
}
.backtotop-wrap svg.backtotop-circle path {
  stroke: #ccc;
  stroke-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}
.backtotop-wrap:hover::before {
  border-color: var(--rr-heading-primary);
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.entry-content > * {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.entry-content > section.banner,
.entry-content > section.latest-service,
.entry-content > .wp-block-lazyblock-banner,
.entry-content > .wp-block-lazyblock-latest-service,
.entry-content > .alignfull {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.entry-content > .alignfull {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.banner__area .bg-color {
  background: linear-gradient(90.22deg, rgba(219, 255, 0, 0.1) 0.19%, rgba(247, 255, 152, 0.1) 49.48%, rgba(219, 255, 0, 0.1) 99.8%);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.banner__area .banner-home__middel-shape-2 {
  position: absolute;
  background: radial-gradient(50% 50% at 49.98% 50%, #FFF 0%, #DADADA 8%, #A1A1A1 22%, #707070 36%, #474747 50%, #282828 63%, #121212 77%, #040404 89%, #000 100%);
  background-blend-mode: screen;
  mix-blend-mode: screen;
  width: 639.5px;
  height: 639.5px;
  border-radius: 500px;
  top: -60px;
  left: 556px;
  z-index: -2;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -200px;
    left: 370px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -200px;
    left: 190px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -200px;
    left: 190px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -230px;
    left: 100px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -280px;
    left: -80px;
  }
}
@media (max-width: 575px) {
  .banner__area .banner-home__middel-shape-2 {
    top: -330px;
    left: -80px;
  }
}
.banner__area .banner-custom-container .banner {
  position: relative;
}
.banner__area .banner-custom-container .banner .content-3 {
  margin-top: 0;
  max-width: 597px;
  margin-right: -59px;
}
.banner__area .banner-custom-container .banner .content-3 .sub-title {
  color: var(--rr-theme-primary);
  font-family: var(--rr-ff-subtitle);
  font-weight: var(--rr-fw-regular);
  font-size: var(--rr-fs-h4);
  line-height: var(--rr-lh-h5);
  font-style: normal;
  margin-bottom: 12px;
}
.banner__area .banner-custom-container .banner .content-3 .title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-bold);
  font-style: normal;
  font-size: 64px;
  line-height: 86px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 59px;
    line-height: 86px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 62px;
    line-height: 86px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 62px;
    line-height: 86px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 62px;
    line-height: 86px;
  }
}
@media (max-width: 575px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 45px;
    line-height: 70px;
  }
}
@media (max-width:376px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 37px;
    line-height: 55px;
  }
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .content-3 .title {
    font-size: 31px;
    line-height: 48px;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
  position: relative;
  top: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 70px;
    right: 67px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 282px;
    left: 60px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 282px;
  }
}
@media (max-width: 575px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 300px;
    right: 16px;
  }
}
@media (max-width:376px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 300px;
    right: 16px;
  }
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img {
    top: 300px;
    right: 16px;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border {
  position: relative;
  z-index: 1;
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border:before {
  background-color: transparent;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 4px solid var(--rr-common-white);
  border-radius: 10px;
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .img-border:before {
    width: 81%;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img {
  position: absolute;
  top: -151px;
  left: 66px;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  width: 300px;
  border-radius: 10px;
  height: 370px;
  overflow: hidden;
}
@media (max-width: 575px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img {
    -webkit-transform: rotate(-17deg);
            transform: rotate(-17deg);
  }
}
@media (max-width:376px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img {
    left: 37px;
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img {
    left: 40px;
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
    top: -111px;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img img {
  width: 300px;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 11px;
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .frist-img img {
    width: 240px;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img {
  left: 172px;
  position: absolute;
  width: 300px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  border-radius: 10px;
  height: 370px;
  overflow: hidden;
  top: 138px;
}
@media (max-width: 575px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
    left: 63px;
  }
}
@media (max-width:376px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    left: 36px;
  }
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
    left: 38px;
  }
}
.banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img img {
  width: 300px;
  height: 370px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 11px;
}
@media (max-width:320px) {
  .banner__area .banner-custom-container .banner .banner-media-3 .middel-img .secend-img img {
    width: 243px;
  }
}
.banner__area .banner-custom-container .banner .banner-text .text-space p {
  margin-bottom: 20px;
  max-width: 485px;
  font-family: var(--rr-ff-body);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  color: var(--rr-text-body);
  font-style: normal;
  font-size: 20px;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space p {
    margin-top: -60px;
  }
}
.banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
  position: relative;
  left: 72px;
  margin-bottom: -74px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
    left: 361px;
    margin-bottom: -150px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
    left: 397px;
    top: -161px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
    left: 397px;
    top: -161px;
  }
}
@media (max-width: 575px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
    left: 397px;
    top: -161px;
  }
}
@media (max-width:376px) {
  .banner__area .banner-custom-container .banner .banner-text .text-space .arrow {
    left: 397px;
    top: -161px;
  }
}
.banner__area .banner-custom-container .banner .banner-text .text-space .arrow img {
  width: auto;
  max-width: 410px;
  height: auto;
}
.banner__area .banner__navigation-3 {
  position: absolute;
  top: 90%;
  left: 90%;
}
.banner__area .banner__navigation-3 button {
  background: transparent;
  border: 1px solid #e3e8d2;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.banner__area .banner__navigation-3 button:hover {
  color: var(--rr-common-white);
  background: var(--rr-theme-primary);
}


.latest-about2__all-shape-bg-shape {
  position: absolute;
  top: -90px;
  right: -150px;
}
.latest-about2__all-shape-bg-shape img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__all-shape-bg-shape {
    display: none;
  }
}
.latest-about2__all-shape-circle-shape {
  position: absolute;
  top: 150px;
  right: -200px;
}
.latest-about2__all-shape-circle-shape img {
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 1400px) and (max-width: 1600px) {
  .latest-about2__all-shape-circle-shape {
    right: -115px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px), only screen and (min-width: 992px) and (max-width: 1199px) {
  .latest-about2__all-shape-circle-shape {
    top: 390px;
    right: 30px;
  }
}
.latest-about2__content-subtitle {
  color: var(--rr-theme-primary);
  font-family: var(--rr-ff-subtitle);
  font-size: var(--rr-fs-h4);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h5);
  font-style: normal;
  margin-bottom: 12px;
}
.latest-about2__content-title {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-size: var(--rr-fs-h2);
  font-weight: var(--rr-fw-bold);
  line-height: var(--rr-lh-h2);
  font-style: normal;
  margin-bottom: 14px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .latest-about2__content-title {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .latest-about2__content-title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .latest-about2__content-title {
    font-size: 40px;
    line-height: 52px;
  }
}
@media (max-width: 575px) {
  .latest-about2__content-title {
    font-size: 30px;
    line-height: 42px;
  }
}
@media (max-width:450px) {
  .latest-about2__content-title {
    font-size: 27px;
    line-height: 37px;
  }
}
.latest-about2__content-description p {
  color: var(--rr-text-body);
  font-family: var(--rr-ff-body);
  font-size: var(--rr-fs-h6);
  font-weight: var(--rr-fw-regular);
  line-height: var(--rr-lh-h6);
  font-style: normal;
  margin-bottom: 20px;
}
.latest-about2__content-text {
  margin-bottom: 30px;
}
.latest-about2__content-text ul li {
  color: var(--rr-heading-primary);
  font-family: var(--rr-ff-heading);
  font-weight: var(--rr-fw-regular);
  font-size: 16px;
  font-style: normal;
  line-height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__content-text ul li {
    -webkit-box-align: inherit;
        -ms-flex-align: inherit;
            align-items: inherit;
  }
}
.latest-about2__content-text ul li i {
  color: var(--rr-theme-primary);
}
@media only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__content-text ul li i {
    padding-top: 12px;
  }
}
@media (max-width:376px) {
  .latest-about2__content-text ul li {
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 20px;
  }
  .latest-about2__content-text ul li:last-child {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px), (max-width:450px), (max-width: 575px) {
  .latest-about2__content-btn {
    margin-bottom: 30px;
  }
}
.latest-about2__media {
  position: relative;
}
.latest-about2__media-img1 {
  float: right;
}
.latest-about2__media-img1 img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}
.latest-about2__media-img1 img:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__media-img1 {
    width: 100%;
    margin-bottom: 30px;
  }
}
.latest-about2__media-img2 {
  position: absolute;
  top: 255px;
}
.latest-about2__media-img2 img {
  position: relative;
  max-width: 370px;
  height: auto;
  border-radius: 10px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .latest-about2__media-img2 img {
    top: 25px;
    right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__media-img2 img {
    max-width: 100%;
  }
}
.latest-about2__media-img2 img:hover {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (min-width: 576px) and (max-width: 767px), (max-width: 575px) {
  .latest-about2__media-img2 {
    position: inherit;
    top: 0;
  }
}

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

.section-space {
    padding-top: 120px;
    padding-bottom: 120px;
}
.brand__thumb img, .mean-container .mean-nav ul li > a.mean-expand i, .main-menu ul li.has-dropdown > a::after, .main-menu ul li .submenu, .main-menu ul li .submenu li a::before, .main-menu ul li .mega-menu, .main-menu ul li .mega-menu li ul li a::before, .offcanvas__overlay, .offcanvas__navigation button svg, .rr-btn svg path, .rr-btn.btn-transparent.btn-border-gray i, .body__overlay, a, .btn, button, span, sub, sup, p, input, select, textarea, li, img, svg, .transition-3, h1, h2, h3, h4, h5, h6 {
    -webkit-transition: all 0.3s 0s 
ease-out;
    transition: all 0.3s 0s 
ease-out;
}


.upDown-bottom {
    -webkit-animation: upDown 0.8S infinite alternate;
    animation: upDown 0.8S infinite alternate;
}


.upDown {
  -webkit-animation: upDown 1.3S infinite alternate;
          animation: upDown 1.3S infinite alternate;
}

@-webkit-keyframes upDown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes upDown {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
.upDown-top {
  -webkit-animation: upDown 1S infinite alternate;
          animation: upDown 1S infinite alternate;
}

@-webkit-keyframes upDown-top {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}

@keyframes upDown-top {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
}
.upDown-bottom {
  -webkit-animation: upDown 0.8S infinite alternate;
          animation: upDown 0.8S infinite alternate;
}

@-webkit-keyframes upDown-bottom {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes upDown-bottom {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}


@-webkit-keyframes zooming {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes zooming {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.zooming {
  -webkit-animation: zooming 1.3S infinite alternate;
          animation: zooming 1.3S infinite alternate;
}


.latest-newsletter__content .form-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 700px;
    margin: 0 auto;
}


.latest-newsletter__content .wpcf7-list-item {
    display: inline-block;
    margin: 30px 0 0;
}

.latest-newsletter__content .search.custom-search input {
    padding: 0 30px;
}
.latest-newsletter__content .search{
  margin-left: 0;
}
.wpcf7.js {
    width: 100%;
}
.wpcf7-spinner {
    visibility: hidden;

    position: absolute;
    display: none;
}

 .latest-newsletter__content input[type=tel]{
  margin-left: 0;}


h6 {
 font-family: "Pattaya", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}