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

    Theme Name: Insurigo - Insurance HTML Template
    Author: rs-theme
    Author URI: https://themeforest.net/user/rs-theme/portfolio
    Description: Insurigo is a Insurance and Business Service.
    Version: 1.0.0

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

    CSS INDEX
    ===================

    00 - Helpers (Variables)
        01. Variables CSS

    01 - Basic (Typography)
        01. Typography CSS

    02 - Layout (Header, Footer, Section, Main Container/Wrapper and Page Header Styles)
        01. Header CSS
        02. Footer CSS

    03 - Modules (Template Design Elements as Modules and Third party Plugins Custom Styles)
        01. Banner CSS
        02. About CSS
        03. Service CSS
        04. Why Choose CSS
        05. Work Progress CSS
        06. Faq CSS
        07. Compare CSS
        08. Testimonial CSS
        09. Blog CSS
        10. Cta CSS
        11. Mission Vision CSS
        12. Counter CSS
        13. Team CSS
        14. Project CSS
        15. Award CSS
        16. Brand CSS
        17. Agent CSS
        18. Benefit CSS
        19. Pricing CSS
        20. Contact CSS

-----------------------------------------------------------------------------------*/
/*----------------------------------------*/
/*  01. Typography CSS
/*----------------------------------------*/
/* Common Style */
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: "Epilogue", sans-serif;
  font-size: 17px;
  font-weight: 400;
  font-style: normal;
  line-height: 29px;
  overflow-x: hidden;
  color: #656567;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Epilogue", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  margin: 0;
  color: #000000;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  line-height: inherit;
  margin: 0;
}

p {
  margin: 0;
}

a,
button {
  line-height: inherit;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}

#team-name {
  line-height: inherit;
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  cursor: auto;
}

*:focus {
  outline: none;
}

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

a:hover {
  text-decoration: none;
  color: #25826A;
}

button,
input[type=submit] {
  cursor: pointer;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

ul:last-child {
  margin-bottom: 0;
}

hr {
  border-top-width: 2px;
}

::-moz-selection {
  color: #ffffff;
  background: #25826A;
}

::selection {
  color: #ffffff;
  background: #25826A;
}

.home-2 ::-moz-selection {
  background: #008eff;
}

.home-2 ::-moz-selection,
.home-2 ::selection {
  background: #008eff;
}

.home-3 ::-moz-selection {
  background: #E11631;
}

.home-3 ::-moz-selection,
.home-3 ::selection {
  background: #E11631;
}

.home-4 ::-moz-selection {
  background: #F18F20;
}

.home-4 ::-moz-selection,
.home-4 ::selection {
  background: #F18F20;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-center {
  align-items: center;
}

.align-items-end {
  align-items: flex-end;
}

.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: "Epilogue", sans-serif !important;
}

.main-btn {
  padding: 14px 28px;
  font-weight: 500;
  color: #ffffff;
  background-color: #25826A;
  border-radius: 6px;
  transition: all linear 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.main-btn i {
  position: relative;
  transition: all linear 0.3s;
}

.main-btn:hover {
  background-color: #003A37;
  color: #ffffff;
}

.main-btn:hover i {
  transform: translateX(5px);
}

.section-title {
  text-align: center;
}

.section-title>span {
  border: 1px solid #25826A66;
  font-size: 16px;
  font-weight: 500;
  color: #25826A;
  border-radius: 40px;
  line-height: 26px;
  padding: 4px 20px 2px 20px;
  display: inline-block;
}

.section-title .title {
  font-size: 40px;
  line-height: 50px;
  margin-top: 20px;
  margin-bottom: 33px;
}

@media only screen and (max-width: 767px) {
  .section-title .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.section-title.white {
  text-align: left;
}

.section-title.white>span {
  border-color: #6A8887;
  color: #ffffff;
}

.section-title.white .title {
  color: #ffffff;
}

.section-title.white .title span {
  color: #FFFFFF59;
}

.section-title-2 {
  text-align: center;
}

.section-title-2 span {
  font-size: 17px;
  font-weight: 500;
  color: #008eff;
}

.section-title-2 .title {
  font-size: 40px;
  color: #0C2543;
  margin-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2 .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2 .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2 .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.section-title-2.section-title-3 {
  text-align: left;
}

.section-title-2.section-title-3 span {
  color: #E11631;
  position: relative;
  display: inline-block;
  font-weight: 500;
}

.section-title-2.section-title-3 span::before {
  position: absolute;
  content: "";
  left: 0;
  top: -1px;
  height: 100%;
  width: 23px;
  clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
  -webkit-clip-path: polygon(0 0, 76% 0, 100% 100%, 0 100%);
  background: rgba(225, 22, 49, 0.08);
  pointer-events: none;
}

.section-title-2.section-title-3 .title {
  color: #00214D;
}

.rs-contact-page .row {
  display: flex;
}

.rs-contact-page__info {
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 1599px) {
  .section-title-2.section-title-3 .title {
    font-size: 34px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .section-title-2.section-title-3 .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2.section-title-3 .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2.section-title-3 .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2.section-title-3 .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.section-title-2.section-title-3 p {
  padding-right: 100px;
  padding-top: 25px;
  font-size: 16px;
  line-height: 1.75;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-2.section-title-3 p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-2.section-title-3 p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-2.section-title-3 p {
    padding-right: 0;
  }
}

#pre-load {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0;
  top: 0;
  z-index: 9999;
}

.loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid #ebebec;
  border-radius: 50%;
}

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

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

.loader .loader-icon img {
  width: 45px;
}

@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }

  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/*----------------------------------------*/
/*  02. Footer CSS
/*----------------------------------------*/

/*----------------------------------------
    # ScrollUp CSS
----------------------------------------*/
#scrollUp {
  text-align: center;
  bottom: 20px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 98;
  border-radius: 50%;
  background: #2563eb;
  padding: 1px;
  transition: all linear 0.3s;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
}

#scrollUp .scrollprogress .progress-circle {
  transition: stroke-dashoffset 0.5s ease;
}

#scrollUp .arrowup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#scrollUp:hover {
  background: #2563eb;
}

#scrollUp.scroll-up-2 {
  background: #2563eb;
}

#scrollUp.scroll-up-3 {
  background: #2563eb;
}

#scrollUp.scroll-up-4 {
  background: #2563eb;
}


/*----------------------------------------*/
/*  04. Why Choose CSS
/*----------------------------------------*/
.rs-why-choose {
  background: #003A37;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-why-choose .section-title .title {
    font-size: 34px;
    line-height: 44px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose .section-title .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose .section-title .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-why-choose .section-title .title {
    font-size: 22px;
    line-height: 32px;
  }
}

.rs-why-choose__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: -35px;
  padding-top: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose__list {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose__list {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose__list {
    flex-direction: column;
    align-items: flex-start;
  }
}

.rs-why-choose__list ul li {
  font-weight: 600;
  color: #ffffff;
  font-size: 16px;
  line-height: 30px;
  display: inline-flex;
  align-items: center;
  margin: 8px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-why-choose__list ul li {
    font-size: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose__list ul li {
    font-size: 14px;
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose__list ul li {
    font-size: 14px;
    display: block;
  }
}

.rs-why-choose__list ul li i {
  color: #F2B700;
  font-size: 25px;
  margin-right: 10px;
}

.rs-why-choose__thumb {
  text-align: right;
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose__thumb {
    margin-top: 30px;
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose__thumb {
    margin-top: 30px;
    text-align: left;
  }
}

.rs-why-choose__thumb>img {
  display: inline-block;
  margin-right: -80px;
  border-radius: 5px;
}

.rs-why-choose__thumb .rs-thumb-2 {
  position: absolute;
  left: 95px;
  bottom: -100px;
}

@media only screen and (max-width: 575px) {
  .rs-why-choose__thumb .rs-thumb-2 {
    left: 30px;
    bottom: -100px;
  }
}

.rs-why-choose__thumb .rs-shape-1 {
  position: absolute;
  right: 30px;
  bottom: -70px;
  animation: x-anim2 2s alternate infinite;
  -webkit-animation: x-anim2 2s alternate infinite;
}

@keyframes x-anim2 {
  from {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
  }

  from {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}

@-webkit-keyframes x-anim2 {
  from {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
  }

  from {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}

.rs-why-choose-2 {
  background-color: #0C2543;
  overflow: hidden;
  background-image: url(../images/Profit.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose-2 {
    padding-bottom: 250px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-2 {
    padding-bottom: 250px;
  }
}

.rs-why-choose-2 .section-title-2 {
  text-align: left;
}

.rs-why-choose-2 .section-title-2 .title {
  color: #ffffff;
  padding-right: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-2 .section-title-2 .title {
    padding-right: 0;
  }
}

.rs-why-choose-2 .section-title-2 p {
  color: #FFFFFFB8;
  padding-right: 50px;
  padding-top: 26px;
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-2 .section-title-2 p {
    padding-right: 0;
  }
}

.rs-why-choose-2__content .rs-why-choose-icon-box {
  display: flex;
  align-items: center;
  margin-top: 37px;
  margin-bottom: 10px;
}

.rs-why-choose-2__content .rs-why-choose-icon-box img {
  max-width: 25px;
}

.rs-why-choose-2__content .rs-why-choose-icon-box span {
  font-size: 18px;
  font-weight: 500;
  color: #ffffff;
  display: inline-block;
  margin-left: 15px;
}

.rs-why-choose-2__content .rs-link a {
  color: #FFFFFFC7;
  font-size: 16px;
  text-transform: capitalize;
  transition: all linear 0.3s;
  border-bottom: 1px solid #ffffff;
  font-weight: 500;
}

.rs-why-choose-2__content .rs-link a i {
  display: inline-block;
  transition: all linear 0.3s;
  font-size: 20px;
  transform: translateX(0px);
}

.rs-why-choose-2__content .rs-link a:hover {
  color: #008eff;
}

.rs-why-choose-2__content .rs-link a:hover i {
  transform: translateX(6px);
}

.rs-why-choose-2__chart {
  margin-left: 60px;
  margin-top: 160px;
  display: flex;
  gap: 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose-2__chart {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose-2__chart {
    margin-top: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-2__chart {
    margin-top: 200px;
    margin-left: -135px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__chart {
    margin-left: -145px;
  }
}

.rs-why-choose-2__chart .chart-item {
  transform: rotate(-90deg);
  min-width: 360px;
  margin-right: -240px;
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__chart .chart-item {
    margin-right: -275px;
  }
}

.rs-why-choose-2__chart .chart-item .skillbar {
  height: 85px;
  border-radius: 0;
  width: 100%;
  display: flex;
  align-items: center;
  background: transparent;
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__chart .chart-item .skillbar {
    height: 70px;
  }
}

.rs-why-choose-2__chart .chart-item .skillbar .skillbar-bar {
  height: 85px;
  top: 0;
  border-radius: 0;
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__chart .chart-item .skillbar .skillbar-bar {
    height: 70px;
  }
}

.rs-why-choose-2__chart .chart-item .skillbar span {
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  right: -40px;
  color: #FFFFFFF7;
  font-size: 16px;
  font-weight: 500;
}

.rs-why-choose-2__titles {
  position: absolute;
  left: 210px;
  bottom: 15px;
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .rs-why-choose-2__titles {
    bottom: 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose-2__titles {
    left: 150px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose-2__titles {
    bottom: -160px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-2__titles {
    bottom: -160px;
    left: 15px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__titles {
    display: none;
  }
}

.rs-why-choose-2__titles span {
  display: inline-block;
  color: #ffffff;
  white-space: nowrap;
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-2__titles span {
    font-size: 14px;
  }
}

.skillbar {
  position: relative;
  display: inline-block;
  margin: 15px 0;
  width: 100%;
  background: #243B55;
  height: 6px;
  border-radius: 10px;
  width: 95%;
}

.skillbar .skillbar-bar {
  height: 6px;
  width: 0px;
  background: #008eff;
  border-radius: 10px;
  display: inline-block;
  position: relative;
  top: -13px;
}

.skillbar span {
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  display: block;
  position: absolute;
  right: -65px;
  top: 50%;
  transform: translateY(-50%);
}

.rs-why-choose-3 {
  border-bottom: 1px solid #F6F5F6;
  background-image: url(../images/growth-shape.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: auto;
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-3 {
    margin: 0;
  }
}

.rs-why-choose-3__thumb {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.rs-why-choose-3__thumb img {
  transform: scale(1.01);
  width: 100%;
}

.rs-why-choose-3__thumb .rs-play-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.rs-why-choose-3__thumb .rs-play-popup a {
  height: 80px;
  width: 80px;
  background: #ffffff;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  color: #E11631;
  position: relative;
  z-index: 10;
}

.rs-why-choose-3__thumb .rs-play-popup a::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #ffffff;
  border-radius: 50%;
  z-index: -1;
  animation: popup 2s infinite;
  -webkit-animation: popup 2s infinite;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-why-choose-3__content {
    padding: 50px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose-3__content {
    padding: 50px 0;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-why-choose-3__content .section-title-2 {
    padding-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose-3__content .section-title-2 {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-3__content .section-title-2 {
    padding-left: 0;
    padding-top: 60px;
    padding-bottom: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-why-choose-3__content .section-title-2 {
    padding-bottom: 130px;
  }
}

.rs-why-choose-3__content .section-title-2 p {
  padding-right: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-why-choose-3__content .section-title-2 p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-why-choose-3__content .section-title-2 p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-why-choose-3__content .section-title-2 p {
    padding-right: 0;
  }
}

.rs-why-choose-3__content .section-title-2>a {
  margin-top: 30px;
  background: #E11631;
  font-weight: 700;
  padding: 14px 28px;
}

.rs-why-choose-3__content .section-title-2>a i {
  font-weight: 300;
  font-size: 20px;
}

.rs-why-choose-3__content .section-title-2>a:hover {
  background: #00214D;
}

@-webkit-keyframes popup {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes popup {
  0% {
    transform: scale(1);
    opacity: 1;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/*----------------------------------------*/
/*  05. Work Progress CSS
/*----------------------------------------*/
.rs-work-progress {
  position: relative;
  z-index: 10;
}

.rs-work-progress .rs-shape {
  position: absolute;
  top: 170px;
  left: 95px;
  animation: x-anim2 2s alternate infinite;
  -webkit-animation: x-anim2 2s alternate infinite;
  z-index: -1;
}

.rs-work-progress .col-lg-4 {
  padding-left: 0;
  padding-right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress .col-lg-4 {
    padding-left: 15px;
    padding-right: 15px;
  }
}

.rs-work-progress .section-title {
  padding: 0 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress .section-title {
    padding: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-work-progress .section-title {
    padding: 0px;
  }
}

.rs-work-progress__item {
  text-align: center;
  border-right: 1px solid #003A371F;
  margin-right: 34px;
  margin-top: 20px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-work-progress__item {
    padding-right: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress__item {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-work-progress__item {
    border-right: 0;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px;
  }
}

.rs-work-progress__item .rs-top-inner {
  padding: 20px 20px 10px;
  background: #42806b;
  text-align: center;
  border-radius: 10px;
  position: relative;
  z-index: 10;
  transition: all ease 0.3s;
}

.rs-work-progress__item .rs-top-inner::before {
  position: absolute;
  content: "";
  left: 3px;
  right: 4px;
  top: 99.4%;
  height: 50px;
  background: #42806b;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  transition: all 0.3s ease 0s;
  transition: all ease 0.3s;
}

.rs-work-progress__item .rs-top-inner .rs-thumb {
  border-radius: 10px;
  overflow: hidden;
}

.rs-work-progress__item .rs-top-inner .rs-thumb img {
  transition: all ease 0.3s;
}

.rs-work-progress__item .rs-top-inner .rs-title .title {
  color: #ffffff;
  margin-top: 20px;
  font-size: 26px;
  line-height: 36px;
}

.rs-work-progress__item .rs-top-inner .rs-number {
  position: absolute;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
}

.rs-work-progress__item .rs-top-inner .rs-number span {
  color: #ffffff;
  font-size: 20px;
  display: inline-block;
  height: 40px;
  width: 40px;
  background: #2d6759;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
  transition: all ease 0.3s;
}

.rs-work-progress__item .rs-top-inner .rs-number span::before {
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 60px;
  width: 60px;
  border: 1px solid #ffffff;
  border-radius: 50%;
}

.rs-work-progress__item .rs-text {
  text-align: center;
  margin-top: 82px;
}

.rs-work-progress__item .rs-text p {
  font-size: 16px;
}

.rs-work-progress__item .rs-arrow {
  position: absolute;
  right: -51px;
  top: 130px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-work-progress__item .rs-arrow {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress__item .rs-arrow {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-work-progress__item .rs-arrow {
    display: none;
  }
}

.rs-work-progress__item:hover .rs-top-inner {
  background: #003A37;
}

.rs-work-progress__item:hover .rs-top-inner .rs-thumb img {
  transform: scale(1.05);
}

.rs-work-progress__item:hover .rs-top-inner::before {
  background: #003A37;
}

.rs-work-progress__item:hover .rs-top-inner .rs-number span {
  background: #42806b;
}

.rs-work-progress__item.item-2 {
  padding-right: 30px;
  border-right: 0;
  padding-left: 63px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-work-progress__item.item-2 {
    padding-right: 0;
    padding-left: 0px;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress__item.item-2 {
    padding-right: 0;
    padding-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-work-progress__item.item-2 {
    padding-right: 0;
    padding-left: 0px;
  }
}

.rs-work-progress__item.item-2 .rs-top-inner {
  background: #003A37;
}

.rs-work-progress__item.item-2 .rs-top-inner::before {
  background: #003A37;
}

.rs-work-progress__item.item-2 .rs-top-inner .rs-number span {
  background: #42806b;
}

.rs-work-progress__item.item-2 .rs-arrow {
  right: -115px;
}

.rs-work-progress__item.item-2:hover .rs-top-inner {
  background: #42806b;
}

.rs-work-progress__item.item-2:hover .rs-top-inner::before {
  background: #42806b;
}

.rs-work-progress__item.item-2:hover .rs-top-inner .rs-number span {
  background: #003A37;
}

.rs-work-progress__item.item-3 {
  border-right: 0;
  border-left: 1px solid #003A371F;
  margin-right: 0;
  margin-left: 30px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-work-progress__item.item-3 {
    padding-right: 0;
    padding-left: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-work-progress__item.item-3 {
    padding-left: 0px;
    margin-left: 0;
    border-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-work-progress__item.item-3 {
    padding-left: 0px;
    margin-left: 0;
    border-left: 0;
  }
}

@keyframes x-anim2 {
  from {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
  }

  from {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}

@-webkit-keyframes x-anim2 {
  from {
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
  }

  from {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
  }
}

/*----------------------------------------*/
/*  06. Faq CSS
/*----------------------------------------*/
.rs-faq {
  background-image: url("../images/faq_bg_image.jpg");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq {
    background-position: top left;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq {
    background-position: top left;
  }
}

.rs-faq__content .section-title {
  text-align: left;
}

.rs-faq__wrapper {
  margin-top: 40px;
}

.rs-faq__wrapper .accordion .accordion_tab {
  background: #E0EBEA;
  color: #003A37;
}

.rs-faq__wrapper .accordion .accordion_tab .heading-icon {
  display: inline-block;
  color: #25826A;
  font-size: 38px;
  font-weight: 400;
}

.rs-faq__wrapper .accordion .accordion_content {
  background: #E0EBEA;
}

.rs-faq__wrapper .accordion.active .accordion_tab .accordion_arrow {
  color: #25826A;
}

.rs-faq__wrapper .rs-faq-btn a {
  margin-top: 20px;
  background: #ffffff;
  border: 2px solid #323F7C33;
  color: #003A37;
  transition: all linear 0.3s;
}

.rs-faq__wrapper .rs-faq-btn a::before {
  background: #003A37;
}

.rs-faq__wrapper .rs-faq-btn a:hover {
  color: #ffffff;
  border-color: #003A37;
}

.rs-faq__form {
  padding: 45px 50px 50px;
  background: #003A37;
  border-radius: 10px;
  margin-left: 100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-faq__form {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq__form {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq__form {
    margin-left: 0;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq__form {
    padding: 35px 20px;
  }
}

.rs-faq__form .title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-faq__form .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq__form .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq__form .title {
    font-size: 30px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq__form .title {
    font-size: 24px;
  }
}

.rs-faq__form .input-box {
  position: relative;
}

.rs-faq__form .input-box input[type=email],
.rs-faq__form .input-box input[type=text] {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  color: #ffffff;
  border-radius: 5px;
  border: 0;
  background: #25826A;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
}

.rs-faq__form .input-box input[type=email]::-moz-placeholder,
.rs-faq__form .input-box input[type=text]::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

.rs-faq__form .input-box input[type=email]:-ms-input-placeholder,
.rs-faq__form .input-box input[type=text]:-ms-input-placeholder {
  color: #ffffff;
  opacity: 1;
}

.rs-faq__form .input-box input[type=email]::placeholder,
.rs-faq__form .input-box input[type=text]::placeholder {
  color: #ffffff;
  opacity: 1;
}

.rs-faq__form .input-box.arrow-select i {
  position: absolute;
  right: 20px;
  top: 16px;
  z-index: 9;
  color: #ffffff;
}

.rs-faq__form .input-box select {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  border: 0;
  background: #25826A;
  color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  position: relative;
}

.rs-faq__form .input-box select::before {
  position: absolute;
  content: "\ea4e";
  font-family: remixicon;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
}

.rs-faq__form .input-box button {
  border: 0;
  margin-top: 35px;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  background: #42806B;
}

.rs-faq__form .input-box button:focus {
  color: #ffffff;
}

.rs-faq__form .input-box button:hover {
  background: #25826A;
}

.rs-faq .form-message {
  color: #ffffffa6;
}

.accordion {
  width: auto;
  height: 65px;
  margin: 0 auto;
  background: #fff;
  border-radius: 6px;
  overflow: hidden;
  transition: height 0.3s ease;
  margin-bottom: 24px;
}

.accordion .accordion_tab_2,
.accordion .accordion_tab {
  padding: 9px 20px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: capitalize;
  color: #002559;
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
}

@media only screen and (max-width: 575px) {

  .accordion .accordion_tab_2,
  .accordion .accordion_tab {
    font-size: 15px;
  }
}

.accordion .accordion_tab_2 .accordion_arrow,
.accordion .accordion_tab .accordion_arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
  width: 30px;
  height: 30px;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
}

@media only screen and (max-width: 575px) {

  .accordion .accordion_tab_2 .accordion_arrow,
  .accordion .accordion_tab .accordion_arrow {
    display: none;
  }
}

.accordion .accordion_tab_2 img,
.accordion .accordion_tab img {
  width: 100%;
  height: 100%;
}

.accordion .accordion_tab_2.active .accordion_arrow,
.accordion .accordion_tab.active .accordion_arrow {
  color: #25826A;
  transform: translateY(-50%) rotate(180deg);
}

.accordion .accordion_tab_2.active .accordion_arrow i::before,
.accordion .accordion_tab.active .accordion_arrow i::before {
  content: "\f1ae";
}

.accordion.active {
  height: 165px;
}

@media only screen and (max-width: 1599px) {
  .accordion.active {
    height: 190px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .accordion.active {
    height: 165px;
  }
}

@media only screen and (max-width: 575px) {
  .accordion.active {
    height: 245px;
  }
}

.accordion .accordion_content {
  padding: 20px;
  border-top: 1px solid #D3E0DF;
}

.accordion .accordion_content .accordion_item {
  margin-bottom: 20px;
}

.accordion .accordion_content .accordion_item p {
  color: #606060;
  font-size: 16px;
  line-height: 28px;
}

.range-slider {
  margin: 0px 0 0 0;
  width: 100%;
  position: relative;
}

.range-slider__range {
  -webkit-appearance: none;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  background: #204D4B;
  outline: none;
  padding: 0;
  margin: 0;
}

.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #25826A;
  cursor: pointer;
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.range-slider__range::-webkit-slider-thumb:hover {
  background: #ffffff;
}

.range-slider__range:active::-webkit-slider-thumb {
  background: #ffffff;
}

.range-slider__range::-moz-range-thumb {
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 50%;
  background: #25826A;
  border: 1px solid #ffffff2c;
  cursor: pointer;
  -moz-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
}

.range-slider__range::-moz-range-thumb:hover {
  background: #ffffff;
}

.range-slider__range:active::-moz-range-thumb {
  background: #ffffff;
}

.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: none;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  color: #ffffff;
  margin-left: 0px;
  position: absolute;
  right: 0;
  top: -35px;
}

.range-slider__label {
  position: absolute;
  left: 0;
  top: -35px;
  color: #ffffff;
  font-weight: 500;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}

.rs-faq-2 .section-title-2 {
  margin: 0 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq-2 .section-title-2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq-2 .section-title-2 {
    margin-bottom: 40px;
  }
}

.rs-faq-2__box {
  margin-top: 50px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq-2__box {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq-2__box {
    margin-top: 0;
  }
}

.rs-faq-2__box .accordion .accordion_tab_2,
.rs-faq-2__box .accordion .accordion_tab {
  background: #F7FCFF;
  color: #0C2543;
}

.rs-faq-2__box .accordion .accordion_tab_2 .heading-icon,
.rs-faq-2__box .accordion .accordion_tab .heading-icon {
  display: inline-block;
  color: #008eff;
  font-size: 38px;
  font-weight: 400;
}

.rs-faq-2__box .accordion .accordion_tab_2 .accordion_arrow,
.rs-faq-2__box .accordion .accordion_tab .accordion_arrow {
  color: #0C2543;
}

.rs-faq-2__box .accordion .accordion_content {
  background: #F7FCFF;
}

.rs-faq-2__box .accordion.active {
  height: 195px;
}

.rs-faq-2__box .accordion.active .accordion_tab .accordion_arrow {
  color: #008eff;
}

.rs-faq-3 {
  background-image: url(../images/faq_sec-bg.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 1599px) {
  .rs-faq-3 {
    background-position: center;
  }
}

.rs-faq-3 .rs-faq__wrapper .accordion.active {
  height: 195px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-faq-3 .rs-faq__wrapper .accordion.active {
    height: 215px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq-3 .rs-faq__wrapper .accordion.active {
    height: 315px;
  }
}

.rs-faq-3 .rs-faq__wrapper .accordion .accordion_tab {
  background: #F6F5F6;
  padding: 21px 20px;
  color: #00214D;
}

.rs-faq-3 .rs-faq__wrapper .accordion .accordion_tab .accordion_arrow {
  background: #E11631;
  color: #ffffff;
}

.rs-faq-3 .rs-faq__wrapper .accordion .accordion_tab.active .accordion_arrow {
  background: #ffffff;
  color: #E11631;
}

.rs-faq-3 .rs-faq__wrapper .accordion .accordion_content {
  background: #F6F5F6;
}

.rs-faq-3 .rs-faq__wrapper>a {
  color: #E11631;
  font-weight: 700;
  display: block;
  margin-top: 40px;
}

.rs-faq-3 .rs-faq__wrapper>a:hover i {
  transform: translateX(5px);
}

.rs-faq-3 .rs-faq__wrapper>a i {
  display: inline-block;
  padding-left: 5px;
  font-weight: 400;
  font-size: 20px;
  transform: translateX(0px);
  transition: all ease 0.3s;
}

.rs-faq-3 .rs-shape {
  position: absolute;
  left: 150px;
  top: -120px;
  transform: rotate(-75deg);
  z-index: -1;
}

.rs-faq-page .section-title .title {
  font-size: 36px;
  line-height: 46px;
}

@media only screen and (max-width: 767px) {
  .rs-faq-page .section-title .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.rs-faq-page .rs-faq__wrapper {
  margin-top: 10px;
  margin-left: -25px;
  margin-right: -25px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-faq-page .rs-faq__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-faq-page .rs-faq__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq-page .rs-faq__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq-page .rs-faq__wrapper {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq-page .rs-faq__wrapper .accordion {
    height: 80px;
  }
}

.rs-faq-page .rs-faq__wrapper .accordion .accordion_tab {
  padding: 21px 20px;
  background: #EEF5F5;
  font-weight: 600;
}

@media only screen and (max-width: 575px) {
  .rs-faq-page .rs-faq__wrapper .accordion .accordion_tab {
    padding: 30px 20px;
  }
}

.rs-faq-page .rs-faq__wrapper .accordion .accordion_tab.active {
  color: #25826A;
}

.rs-faq-page .rs-faq__wrapper .accordion .accordion_tab .accordion_arrow {
  background: #25826A;
  color: #ffffff;
  font-weight: 400;
}

.rs-faq-page .rs-faq__wrapper .accordion .accordion_content {
  background: #EEF5F5;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq-page .rs-faq__wrapper .accordion.active {
    height: 190px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq-page .rs-faq__wrapper .accordion.active {
    height: 315px;
  }
}

.rs-faq-page__box {
  background: #EEF5F5;
  margin-left: -25px;
  margin-right: -25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border-radius: 6px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-faq-page__box {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-faq-page__box {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-faq-page__box {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-faq-page__box {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-faq-page__box {
    flex-direction: column;
    gap: 15px;
    padding: 30px 20px;
  }
}

.rs-faq-page__box span {
  font-size: 18px;
  font-weight: 600;
  color: #003A37;
}

.rs-faq-page__box a {
  padding: 10px 20px;
}

/*----------------------------------------*/
/*  07. Compare CSS
/*----------------------------------------*/
.rs-compare {
  position: relative;
  z-index: 10;
}

.rs-compare__tabs .skltbs-tab-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item {
  float: none;
  display: inline-block;
  margin: 0;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  background: #e6ebeb;
  color: #003A37;
  font-size: 18px;
  font-weight: 500;
  padding: 15px 0px;
  width: 245px;
  position: relative;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 30px;
  width: 1px;
  background: #c5d0d0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
    width: auto;
    padding: 15px 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
    width: auto;
    padding: 15px 45px;
  }
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:focus,
.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:active {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #25826A;
  color: #ffffff;
  border-radius: 3px;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active::before {
  display: none;
}

.rs-compare__tabs .skltbs-tab-group .skltbs-tab-item:last-child .skltbs-tab::before {
  display: none;
}

.rs-compare__tabs .skltbs-panel-group .skltbs-panel {
  border: 0;
  padding: 50px 165px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-compare__tabs .skltbs-panel-group .skltbs-panel {
    padding: 50px 50px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare__tabs .skltbs-panel-group .skltbs-panel {
    padding: 50px 0px 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare__tabs .skltbs-panel-group .skltbs-panel {
    padding: 50px 0px 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare__tabs .skltbs-panel-group .skltbs-panel {
    padding: 30px 0px 30px;
  }
}

.rs-compare__tabs .skltbs-panel-group .skltbs-panel .title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 5px;
}

.rs-compare__tabs .skltbs-panel-group .skltbs-panel p {
  font-size: 16px;
  font-weight: 400;
  color: #656567;
  padding-bottom: 50px;
}

.rs-compare .rs-shape-1 {
  position: absolute;
  left: 150px;
  bottom: 5px;
  z-index: -1;
}

@media only screen and (max-width: 1900px) {
  .rs-compare .rs-shape-1 {
    left: 0;
    width: 12%;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-compare .rs-shape-1 {
    width: 8%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare .rs-shape-1 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare .rs-shape-1 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare .rs-shape-1 {
    display: none;
  }
}

.rs-compare .rs-shape-2 {
  position: absolute;
  right: 95px;
  bottom: 105px;
  z-index: -1;
}

@media only screen and (max-width: 1900px) {
  .rs-compare .rs-shape-2 {
    right: 0;
    width: 12%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare .rs-shape-2 {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare .rs-shape-2 {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare .rs-shape-2 {
    display: none;
  }
}

.rs-compare .skltbs-theme-light .skltbs-tab {
  font-size: 18px;
  font-weight: 500;
  color: #003A37;
  background: #c5d0d0;
}

.rs-compare .skltbs-theme-light .skltbs-tab:focus,
.rs-compare .skltbs-theme-light .skltbs-tab:active {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.rs-compare .skltbs-theme-light .skltbs-tab.skltbs-active {
  background: #25826A;
  color: #ffffff;
  border-color: #25826A;
}

.rs-compare .skltbs-theme-light .skltbs-panel {
  background: transparent;
}

.rs-compare-2 {
  background-image: url(../images/compare-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare-2 {
    background-position: left center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-2 {
    background-position: left center;
  }
}

.rs-compare-2 .section-title-2 {
  text-align: left;
  padding-right: 50px;
}

@media only screen and (max-width: 767px) {
  .rs-compare-2 .section-title-2 {
    padding-right: 0;
  }
}

.rs-compare-2__tabs {
  margin-top: 40px;
  padding-right: 50px;
}

@media only screen and (max-width: 1599px) {
  .rs-compare-2__tabs {
    padding-right: 0;
  }
}

.rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item {
  margin: 0 10px 0 0;
}

.rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  background: #0C2543;
  color: #ffffff;
  padding: 3px 15px 4px 15px;
  border-radius: 6px;
  font-size: 16px;
}

@media only screen and (max-width: 1599px) {
  .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
    padding: 3px 12px 4px 12px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
    margin-bottom: 10px;
  }
}

.rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:focus,
.rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:active {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #008eff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel {
  padding: 40px 0 0 0;
  border: 0;
  background: transparent;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 30px;
  color: #0C2543;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box {
  margin-bottom: 20px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box label {
  color: #012644;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
  margin-bottom: 10px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text],
.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email] {
  width: 100%;
  height: 50px;
  background: #ffffff;
  border: 0;
  border-radius: 6px;
  padding-left: 20px;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  color: #656567;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text]::-moz-placeholder,
.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email]::-moz-placeholder {
  opacity: 0.7;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text]:-ms-input-placeholder,
.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email]:-ms-input-placeholder {
  opacity: 0.7;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text]::placeholder,
.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email]::placeholder {
  opacity: 0.7;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider {
  margin-top: 35px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range {
  background: #ffffff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range::-webkit-slider-thumb {
  background: #008eff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range::-moz-range-thumb {
  background: #008eff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__value {
  font-size: 16px;
  color: #008eff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button {
  border: 0;
  background: #008eff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Epilogue", sans-serif;
  margin-top: 45px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:focus {
  color: #ffffff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:hover {
  background: #0C2543;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form p {
  font-size: 16px;
  color: #656567;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .rs-list {
  display: flex;
  flex-wrap: wrap;
  gap: 25px;
  margin-top: 27px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .rs-list ul li {
  font-size: 16px;
  color: #656567;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .rs-list ul li i {
  color: #008eff;
  font-size: 22px;
  margin-right: 10px;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a {
  margin-top: 40px;
  background: #008eff;
}

.rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a:hover {
  background: #0C2543;
}

.rs-compare-2.rs-compare-3 {
  background-image: none;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  transition: all ease 0.3s;
  background: #00214D;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:hover,
.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
  color: #00214D;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box label {
  color: #00214D;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text],
.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email] {
  background: #F6F5F6;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button {
  background: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:hover {
  background: #00214D;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range {
  background: #F6F5F6;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range::-webkit-slider-thumb {
  background: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range::-moz-range-thumb {
  background: #E11631;
  border: 0;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__value {
  color: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .rs-list ul li i {
  color: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a {
  background: #E11631;
}

.rs-compare-2.rs-compare-3 .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a:hover {
  background: #00214D;
}

.rs-compare-2.rs-compare-3 .rs-compare-3__thumb {
  margin-right: -100px;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 1599px) {
  .rs-compare-2.rs-compare-3 .rs-compare-3__thumb {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare-2.rs-compare-3 .rs-compare-3__thumb {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-2.rs-compare-3 .rs-compare-3__thumb {
    margin-top: 50px;
  }
}

.rs-compare-2.rs-compare-3 .rs-compare-3__thumb>img {
  width: 100%;
}

.rs-compare-2.rs-compare-3 .skltbs-theme-light .skltbs-tab:focus,
.rs-compare-2.rs-compare-3 .skltbs-theme-light .skltbs-tab:active {
  box-shadow: none;
  border: 0;
  outline: 0;
}

.rs-compare-2.rs-compare-3 .skltbs-theme-light .skltbs-tab.skltbs-active {
  background: #E11631;
}

.rs-compare-2.rs-compare-tab-style {
  background-image: none;
}

.rs-compare-2.rs-compare-tab-style .section-title-2 span {
  color: #25826A;
}

.rs-compare-2.rs-compare-tab-style .section-title-2 span::before {
  background: #25826A21;
}

.rs-compare-2.rs-compare-tab-style .section-title-2 .title {
  color: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  background: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:hover,
.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #25826A;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=text],
.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input[type=email] {
  background: #F6F5F6;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range {
  background: #F6F5F6;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
  color: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box label {
  color: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__range::-moz-range-thumb {
  background: #25826A;
  border: 0;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box .range-slider .range-slider__value {
  color: #25826A;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button {
  background: #25826A;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:hover {
  background: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .rs-list ul li i {
  color: #25826A;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a {
  background: #25826A;
}

.rs-compare-2.rs-compare-tab-style .rs-compare-2__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form>a:hover {
  background: #003A37;
}

.rs-compare-2.rs-compare-tab-style .rs-company-slogan {
  background-color: #25826A;
  left: 44%;
}

@media only screen and (max-width: 1599px) {
  .rs-compare-2.rs-compare-tab-style .rs-company-slogan {
    left: 36%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare-2.rs-compare-tab-style .rs-company-slogan {
    left: 30%;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-2.rs-compare-tab-style .rs-company-slogan {
    left: 31%;
  }
}

.rs-compare-2.rs-compare-tab-style .rs-company-slogan .slogan-logo {
  background-color: #25826A;
}

.rs-compare-2.rs-compare-tab-style .skltbs-theme-light .skltbs-tab.skltbs-active {
  background: #25826A;
}

@media only screen and (max-width: 767px) {
  .rs-compare-2.rs-compare-tab-style .rs-compare-3__thumb {
    margin-top: 50px;
  }
}

.rs-compare-2.rs-compare-tab-style .rs-compare-3__thumb .rs-thumb {
  margin-right: -100px;
}

@media only screen and (max-width: 1599px) {
  .rs-compare-2.rs-compare-tab-style .rs-compare-3__thumb .rs-thumb {
    margin-right: 0;
  }
}

.rs-company-slogan {
  width: 180px;
  height: 180px;
  background-color: #E11631;
  padding: 11px 11px 11px 11px;
  border-style: solid;
  border-width: 2px 2px 2px 2px;
  border-color: #FFFFFF;
  position: absolute;
  border-radius: 50%;
  left: 38%;
  top: 35%;
}

@media only screen and (max-width: 1599px) {
  .rs-company-slogan {
    left: 33%;
    top: 30%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-company-slogan {
    left: 38%;
    top: 34%;
  }
}

@media only screen and (max-width: 575px) {
  .rs-company-slogan {
    position: relative;
    left: 0%;
    top: 0%;
    margin-top: 40px;
  }
}

.rs-company-slogan .slogan-logo {
  width: 80px;
  height: 80px;
  background-color: #E11631;
  border-style: dashed;
  border-width: 1px 1px 1px 1px;
  border-color: #FFFFFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  text-align: center;
  padding: 20px;
}

.rs-company-slogan .text-wrapper {
  -webkit-animation: slogan-text-anim 30s infinite linear;
  animation: slogan-text-anim 30s infinite linear;
  position: relative;
  width: 100%;
  height: 100%;
}

.rs-company-slogan .text-wrapper span {
  position: absolute;
  color: #fff;
  height: 100%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}

.rs-company-slogan .text-wrapper .char1 {
  transform: rotate(12deg);
}

.rs-company-slogan .text-wrapper .char2 {
  transform: rotate(24deg);
}

.rs-company-slogan .text-wrapper .char3 {
  transform: rotate(36deg);
}

.rs-company-slogan .text-wrapper .char4 {
  transform: rotate(48deg);
}

.rs-company-slogan .text-wrapper .char5 {
  transform: rotate(60deg);
}

.rs-company-slogan .text-wrapper .char6 {
  transform: rotate(72deg);
}

.rs-company-slogan .text-wrapper .char7 {
  transform: rotate(84deg);
}

.rs-company-slogan .text-wrapper .char8 {
  transform: rotate(96deg);
}

.rs-company-slogan .text-wrapper .char9 {
  transform: rotate(108deg);
}

.rs-company-slogan .text-wrapper .char10 {
  transform: rotate(120deg);
}

.rs-company-slogan .text-wrapper .char11 {
  transform: rotate(132deg);
}

.rs-company-slogan .text-wrapper .char12 {
  transform: rotate(144deg);
}

.rs-company-slogan .text-wrapper .char13 {
  transform: rotate(156deg);
}

.rs-company-slogan .text-wrapper .char14 {
  transform: rotate(168deg);
}

.rs-company-slogan .text-wrapper .char15 {
  transform: rotate(180deg);
}

.rs-company-slogan .text-wrapper .char16 {
  transform: rotate(192deg);
}

.rs-company-slogan .text-wrapper .char17 {
  transform: rotate(204deg);
}

.rs-company-slogan .text-wrapper .char18 {
  transform: rotate(216deg);
}

.rs-company-slogan .text-wrapper .char19 {
  transform: rotate(228deg);
}

.rs-company-slogan .text-wrapper .char20 {
  transform: rotate(240deg);
}

.rs-company-slogan .text-wrapper .char21 {
  transform: rotate(252deg);
}

.rs-company-slogan .text-wrapper .char22 {
  transform: rotate(264deg);
}

.rs-company-slogan .text-wrapper .char23 {
  transform: rotate(276deg);
}

.rs-company-slogan .text-wrapper .char24 {
  transform: rotate(288deg);
}

.rs-company-slogan .text-wrapper .char25 {
  transform: rotate(300deg);
}

.rs-company-slogan .text-wrapper .char26 {
  transform: rotate(312deg);
}

.rs-company-slogan .text-wrapper .char27 {
  transform: rotate(324deg);
}

.rs-company-slogan .text-wrapper .char28 {
  transform: rotate(336deg);
}

.rs-company-slogan .text-wrapper .char29 {
  transform: rotate(348deg);
}

.rs-company-slogan .text-wrapper .char30 {
  transform: rotate(360deg);
}

@keyframes slogan-text-anim {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes slogan-text-anim {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

.rs-compare-4 {
  background-image: url(../images/faq-h3-b1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare-4 {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-4 {
    padding-top: 80px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-compare-4__tabs {
    margin-left: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare-4__tabs {
    margin-left: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare-4__tabs {
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-4__tabs {
    margin-left: 0;
  }
}

.rs-compare-4__tabs .skltbs-tab-group .skltbs-tab-item {
  margin: 0 12px 0 0;
}

.rs-compare-4__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  background: #F18F20;
  padding: 6px 24px 6px 24px;
  color: #ffffff;
  border-radius: 4px 4px 0 0;
  font-size: 16px;
  font-weight: 400;
}

.rs-compare-4__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:focus,
.rs-compare-4__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab:active {
  box-shadow: none;
  outline: 0;
  border: 0;
}

.rs-compare-4__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #034B5B;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel {
  padding: 35px 38px 42px 38px;
  border-radius: 0 4px 4px 4px;
  border: 0;
}

@media only screen and (max-width: 575px) {
  .rs-compare-4__tabs .skltbs-panel-group .skltbs-panel {
    padding: 20px;
  }
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel:focus {
  border: none;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
  font-size: 36px;
  line-height: 46px;
  color: #202020;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
    font-size: 30px;
    line-height: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form p {
  color: #656567;
  padding-top: 7px;
  padding-bottom: 27px;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box {
  margin-bottom: 15px;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #F4F3EF;
  border-radius: 5px;
  padding-left: 20px;
  color: #656567;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input::-moz-placeholder {
  opacity: 1;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input:-ms-input-placeholder {
  opacity: 1;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box input::placeholder {
  opacity: 1;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box select {
  width: 100%;
  height: 60px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 5px;
  color: #656567;
  border: 0;
  background: #F4F3EF;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button {
  margin-top: 25px;
  border: 0;
  background: #F18F20;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 700;
  font-family: "Epilogue", sans-serif;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:focus {
  color: #ffffff;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box button:hover {
  background: #034B5B;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box.arrow-select {
  position: relative;
}

.rs-compare-4__tabs .skltbs-panel-group .skltbs-panel .rs-compare-tab-form .input-box.arrow-select i {
  position: absolute;
  right: 20px;
  top: 15px;
}

.rs-compare-4 .skltbs-theme-light .skltbs-tab {
  background: #034B5B;
  color: #ffffff;
}

.rs-compare-4 .skltbs-theme-light .skltbs-tab:focus,
.rs-compare-4 .skltbs-theme-light .skltbs-tab:active {
  border: 0;
  box-shadow: none;
  outline: 0;
}

.rs-compare-4 .skltbs-theme-light .skltbs-tab.skltbs-active {
  background: #F18F20;
}

/*----------------------------------------*/
/*  08. Testimonial CSS
/*----------------------------------------*/
.rs-testimonial {
  background-image: url(../images/testimonial_bg_home_4.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 10;
}

.rs-testimonial .section-title {
  text-align: left;
  padding-right: 50px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-testimonial .section-title {
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-testimonial .section-title {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial .section-title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial .section-title {
    padding-right: 0;
  }
}

.rs-testimonial .section-title p {
  padding-right: 100px;
  font-size: 16px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial .section-title p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial .section-title p {
    padding-right: 0;
  }
}

.rs-testimonial__rating-item {
  margin-top: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial__rating-item {
    margin-bottom: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial__rating-item {
    margin-bottom: 60px;
  }
}

.rs-testimonial__rating-item>ul {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  flex-wrap: wrap;
}

.rs-testimonial__rating-item>ul>li {
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  padding: 20px 0px 20px 20px;
  border-radius: 10px;
  width: 265px;
}

.rs-testimonial__rating-item>ul>li .rs-icon {
  background: #25826A;
  height: 60px;
  width: 60px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 0 11px;
  margin-right: 25px;
}

.rs-testimonial__rating-item>ul>li .rs-content span {
  font-size: 16px;
  font-weight: 500;
  color: #656567;
}

.rs-testimonial__rating-item>ul>li .rs-content ul li {
  display: inline-block;
  margin: 0 -3px 0 0;
}

.rs-testimonial__rating-item>ul>li .rs-content ul li i {
  color: #FFB100;
  font-size: 20px;
}

.rs-testimonial__rating-item>ul>li:nth-child(2) {
  padding: 10px;
}

.rs-testimonial__slider .rs-testimonial-slider-item {
  padding-left: 75px;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial__slider .rs-testimonial-slider-item {
    padding-left: 0;
  }
}

.rs-testimonial__slider .rs-testimonial-slider-item .rs-icon {
  height: 50px;
  width: 50px;
  background: #25826A;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial__slider .rs-testimonial-slider-item .rs-icon {
    position: static;
    margin-bottom: 10px;
  }
}

.rs-testimonial__slider .rs-testimonial-slider-item .rs-content p {
  padding-bottom: 30px;
  border-bottom: 1px solid #DBDEE3;
  margin-bottom: 25px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

.rs-testimonial__slider .rs-testimonial-slider-item .rs-author .title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px;
}

.rs-testimonial__slider .rs-service__slider .owl-dots {
  text-align: left;
  margin-top: 30px;
  margin-left: 65px;
}

.rs-testimonial__slider .rs-service__slider .owl-dots .owl-dot::before {
  height: 6px;
  width: 6px;
}

.rs-testimonial .rs-testimonial-partner-text {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial .rs-testimonial-partner-text {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial .rs-testimonial-partner-text {
    margin-bottom: 30px;
  }
}

.rs-testimonial .rs-testimonial-partner-text .title {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-right: 25px;
}

.rs-testimonial .rs-testimonial-partner-text .title::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 70px;
  background: #D8E0E3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial .rs-testimonial-partner-text .title::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial .rs-testimonial-partner-text .title::before {
    display: none;
  }
}

.rs-testimonial .rs-testimonial-partner-slider .partner-slider-item {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.rs-testimonial .rs-shape {
  position: absolute;
  left: 190px;
  bottom: -70px;
}

.rs-testimonial-2 {
  position: relative;
  z-index: 10;
}

.rs-testimonial-2 .rs-shape-2 {
  position: absolute;
  left: 100px;
  bottom: 180px;
}

.rs-testimonial-2 .section-title-2 {
  text-align: left;
}

.rs-testimonial-2__slider {
  background: #008eff;
  padding: 40px;
  border-radius: 10px;
  margin-top: 45px;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-2__slider {
    padding: 20px 20px 90px;
  }
}

.rs-testimonial-2__slider .owl-nav {
  display: flex;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 0;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-2__slider .owl-nav {
    bottom: -60px;
  }
}

.rs-testimonial-2__slider .owl-nav .owl-next,
.rs-testimonial-2__slider .owl-nav .owl-prev {
  height: 45px;
  width: 45px;
  border: 1px solid #ffffff;
  color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 15px;
  font-size: 20px;
  transition: all linear 0.3s;
}

.rs-testimonial-2__slider .owl-nav .owl-next span,
.rs-testimonial-2__slider .owl-nav .owl-prev span {
  display: none;
}

.rs-testimonial-2__slider .owl-nav .owl-next:hover,
.rs-testimonial-2__slider .owl-nav .owl-prev:hover {
  background: #0C2543;
  border-color: #0C2543;
}

.rs-testimonial-2__slider-item {
  margin-right: 30px;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-2__slider-item {
    margin-right: 0;
  }
}

.rs-testimonial-2__slider-item p {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  font-style: italic;
  line-height: 36px;
  padding-top: 25px;
}

.rs-testimonial-2__slider-item .rs-author {
  display: flex;
  align-items: center;
  margin-top: 35px;
}

.rs-testimonial-2__slider-item .rs-author .rs-thumb {
  max-width: 70px;
  margin-right: 25px;
  border-radius: 50%;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-2__slider-item .rs-author .rs-thumb {
    max-width: 50px;
  }
}

.rs-testimonial-2__slider-item .rs-author .rs-content .title {
  color: #ffffff;
  font-size: 20px;
  font-weight: 500;
}

.rs-testimonial-2__slider-item .rs-author .rs-content span {
  font-size: 15px;
  color: #FCFCFC;
}

.rs-testimonial-2__thumb {
  text-align: right;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-2__thumb {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-2__thumb {
    margin-top: 40px;
  }
}

.rs-testimonial-2__thumb .rs-shape {
  position: absolute;
  right: -80px;
  top: 12px;
  z-index: -1;
  animation: spine 30s infinite linear;
  -webkit-animation: spine 30s infinite linear;
}

.rs-testimonial-2__thumb .rs-testimonial-image-box {
  position: absolute;
  left: 85px;
  bottom: -95px;
  background: #0C2543;
  width: 210px;
  border-radius: 10px;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-2__thumb .rs-testimonial-image-box {
    left: 0;
  }
}

.rs-testimonial-2__thumb .rs-testimonial-image-box .rs-icon {
  display: inline-flex;
  height: 60px;
  width: 60px;
  background: #008eff;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}

.rs-testimonial-2__thumb .rs-testimonial-image-box .title {
  color: #ffffff;
  font-size: 36px;
  font-weight: 600;
  margin-top: 12px;
}

.rs-testimonial-2__thumb .rs-testimonial-image-box span {
  font-size: 20px;
  font-weight: 500;
  color: #FFFFFFC2;
}

.rs-testimonial-2 .rs-testimonial-partner-text {
  margin-top: 30px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-2 .rs-testimonial-partner-text {
    margin-bottom: 30px;
    margin-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-2 .rs-testimonial-partner-text {
    margin-bottom: 30px;
    margin-top: 70px;
  }
}

.rs-testimonial-2 .rs-testimonial-partner-text .title {
  font-size: 20px;
  font-weight: 600;
  position: relative;
  margin-right: 25px;
  color: #0C2543;
}

.rs-testimonial-2 .rs-testimonial-partner-text .title::before {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 70px;
  background: #D8E0E3;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-2 .rs-testimonial-partner-text .title::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-2 .rs-testimonial-partner-text .title::before {
    display: none;
  }
}

.rs-testimonial-2 .rs-testimonial-partner-slider .owl-dots {
  display: none;
}

.rs-testimonial-2 .rs-testimonial-partner-slider .partner-slider-item {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes spine {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes spine {
  from {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

.rs-testimonial-3 {
  position: relative;
  z-index: 10;
}

.rs-testimonial-3__title {
  text-align: center;
}

.rs-testimonial-3__title .title {
  background-color: transparent;
  background-image: linear-gradient(180deg, #1A001B8F 0%, #FFFFFF00 70%);
  font-size: 120px;
  line-height: 120px;
  margin: 0px;
  padding: 0px;
  -ms-writing-mode: unset;
  writing-mode: unset;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  font-weight: 700;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-testimonial-3__title .title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-testimonial-3__title .title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-3__title .title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-3__title .title {
    font-size: 40px;
  }
}

.rs-testimonial-3 .rs-testimonial-slider-box {
  text-align: center;
  padding: 0 200px;
}

.rs-testimonial-3 .rs-testimonial-slider-box img {
  display: inline-block;
}

@media only screen and (max-width: 1599px) {
  .rs-testimonial-3 .rs-testimonial-slider-box {
    padding: 0;
  }
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item {
  text-align: center;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item p {
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  margin: 30px 0 25px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item p {
    font-size: 18px;
    line-height: 32px;
  }
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item ul li {
  display: inline-block;
  margin: 0 11px;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item ul li.rs-review {
  width: 100px;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item ul li.rs-brand {
  width: 90px;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item .rs-author {
  margin: 17px 0 0;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item .rs-author .title {
  font-size: 20px;
  font-weight: 600;
  color: #00214d;
  font-family: "Epilogue", sans-serif;
  margin-bottom: 8px;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testimonial-item .rs-author span {
  font-size: 16px;
  font-weight: 400;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testi-slider-nav {
  width: 280px;
  display: inline-block;
  margin-top: 38px;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testi-slider-nav .rs-thumb {
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #ffffff;
}

.rs-testimonial-3 .rs-testimonial-slider-box .testi-slider-nav .rs-thumb.slick-current {
  border-color: #FADADE;
}

.rs-testimonial-3 .rs-shape {
  position: absolute;
  right: 45px;
  bottom: 60px;
  animation: veritcal2 3s alternate infinite;
  -webkit-animation: veritcal2 3s alternate infinite;
  z-index: -1;
}

.rs-testimonial-3 .rs-shape img {
  transform: translate3d(-6.3px, -15px, 0px) rotate(12deg);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 100px;
  height: auto;
  opacity: 0.3;
}

.rs-testimonial-3 .rs-shape-2 {
  position: absolute;
  left: 80px;
  top: 0;
  z-index: -1;
  width: 100px;
  animation: veritcal2 3s alternate infinite;
  -webkit-animation: veritcal2 3s alternate infinite;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-testimonial-4 .section-text {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-4 .section-text {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4 .section-text {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.rs-testimonial-4__box {
  position: relative;
  z-index: 10;
}

.rs-testimonial-4__box::before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  height: 100%;
  width: 80%;
  background-image: url(../images/testimonial_large_img.jpg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: cover;
  z-index: -1;
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4__box::before {
    display: none;
  }
}

.rs-testimonial-4__box .rs-service__slider {
  width: auto;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.06);
  padding: 50px 55px 45px 45px;
  background: #ffffff;
  margin: 75px 80px 75px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-testimonial-4__box .rs-service__slider {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-4__box .rs-service__slider {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4__box .rs-service__slider {
    margin-right: 0;
    margin: 0px 0px 0px 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-4__box .rs-service__slider {
    padding: 20px;
  }
}

.rs-testimonial-4__slider .rs-icon {
  width: 45px;
  margin-bottom: 25px;
}

.rs-testimonial-4__slider p {
  font-size: 20px;
  line-height: 1.75;
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4__slider p {
    font-size: 17px;
  }
}

.rs-testimonial-4__slider .rs-author {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

@media only screen and (max-width: 575px) {
  .rs-testimonial-4__slider .rs-author {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

.rs-testimonial-4__slider .rs-author .rs-thumb {
  max-width: 65px;
  margin-right: 24px;
  border-radius: 50%;
  overflow: hidden;
}

.rs-testimonial-4__slider .rs-author .rs-content .title {
  font-size: 20px;
  color: #202020;
  margin-bottom: 7px;
}

.rs-testimonial-4__slider .rs-author .rs-content span {
  color: #656567;
}

.rs-testimonial-4 .rs-service__slider .owl-nav {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-testimonial-4 .rs-service__slider .owl-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-testimonial-4 .rs-service__slider .owl-nav {
    display: none;
  }
}

.rs-testimonial-4 .rs-service__slider .owl-nav .owl-prev,
.rs-testimonial-4 .rs-service__slider .owl-nav .owl-next {
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #034B5B;
  transition: all ease 0.3s;
  border-radius: 4px;
}

.rs-testimonial-4 .rs-service__slider .owl-nav .owl-prev span,
.rs-testimonial-4 .rs-service__slider .owl-nav .owl-next span {
  display: none;
}

.rs-testimonial-4 .rs-service__slider .owl-nav .owl-prev {
  position: absolute;
  right: -65px;
  bottom: 0;
}

.rs-testimonial-4 .rs-service__slider .owl-nav .owl-next {
  position: absolute;
  right: -65px;
  bottom: 50px;
}

/*----------------------------------------*/
/*  09. Blog CSS
/*----------------------------------------*/
.rs-blog__single {
  border-radius: 4px;
  overflow: hidden;
  margin: 0 10px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-blog__single {
    margin: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog__single {
    margin: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog__single {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog__single {
    margin: 0 0 30px;
  }
}

.rs-blog__single .rs-thumb {
  overflow: hidden;
}

.rs-blog__single .rs-thumb a {
  display: block;
}

.rs-blog__single .rs-thumb a img {
  transition: all linear 0.3s;
  width: 100%;
}

.rs-blog__single .rs-content {
  border: 1px solid #003A3714;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  padding: 30px;
}

.rs-blog__single .rs-content ul li {
  display: inline-block;
  font-size: 15px;
}

.rs-blog__single .rs-content ul li i {
  color: #25826A;
  margin-right: 5px;
}

.rs-blog__single .rs-content ul li:first-child {
  margin-right: 25px;
}

@media only screen and (max-width: 767px) {
  .rs-blog__single .rs-content ul li:first-child {
    margin-right: 20px;
  }
}

.rs-blog__single .rs-content .title {
  border-bottom: 1px solid #F3F3F3;
  padding-bottom: 20px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 28px;
  margin-top: 9px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-blog__single .rs-content .title {
    font-size: 20px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog__single .rs-content .title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog__single .rs-content .title {
    font-size: 20px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog__single .rs-content .title {
    font-size: 20px;
    line-height: 30px;
  }
}

.rs-blog__single .rs-content .title a {
  transition: all linear 0.3s;
}

.rs-blog__single .rs-content .rs-link {
  font-size: 16px;
  font-weight: 600;
}

.rs-blog__single .rs-content .rs-link i {
  margin-left: 5px;
}

.rs-blog__single .rs-content .rs-link:hover {
  color: #25826A;
}

.rs-blog__single:hover .rs-thumb img {
  transform: scale(1.1);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog__single.item-3 {
    display: none;
  }
}

.rs-blog.rs-blog-2 {
  background: #F7FCFF;
}

.rs-blog.rs-blog-2 .rs-blog__single {
  background: #ffffff;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content {
  border: 2px solid #01264414;
  border-top: 0;
  padding-bottom: 20px;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content ul li i {
  color: #008eff;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content .title {
  border-bottom-color: #01264414;
  margin-bottom: 22px;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content .title a {
  color: #0C2543;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content .title a:hover {
  color: #008eff;
}

.rs-blog.rs-blog-2 .rs-blog__single .rs-content .rs-link:hover {
  color: #008eff;
}

.rs-blog.rs-blog-2 .rs-blog-2__btns {
  text-align: center;
  margin-top: 70px;
}

.rs-blog.rs-blog-2 .rs-blog-2__btns a {
  background: #0C2543;
}

.rs-blog.rs-blog-2 .rs-blog-2__btns a:hover {
  background: #008eff;
}

.rs-blog-3 {
  background: #F6F5F6;
}

.rs-blog-3 .rs-team-3__btn .title {
  color: #F6F5F6;
}

.rs-blog-3 .rs-blog__single .rs-content {
  padding: 20px 0 0;
  border: 0;
}

.rs-blog-3 .rs-blog__single .rs-content ul li i {
  color: #E11631;
}

.rs-blog-3 .rs-blog__single .rs-content .title {
  color: #00214D;
  font-size: 23px;
  line-height: 33px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 0;
}

.rs-blog-3 .rs-blog__single .rs-content .title a:hover {
  color: #E11631;
}

.rs-blog-4 {
  background: #F4F3EF;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-4 .section-text {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog-4 .section-text {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-4 .section-text {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.rs-blog-4 .rs-blog__single {
  border-radius: 5px;
  overflow: hidden;
  background: #ffffff;
  margin: 0;
}

.rs-blog-4 .rs-blog__single .rs-content {
  border: 0;
  padding: 25px 30px 20px;
}

@media only screen and (max-width: 767px) {
  .rs-blog-4 .rs-blog__single .rs-content {
    padding: 25px 15px 20px;
  }
}

.rs-blog-4 .rs-blog__single .rs-content ul li i {
  color: #F18F20;
}

.rs-blog-4 .rs-blog__single .rs-content ul li a {
  transition: all linear 0.3s;
}

.rs-blog-4 .rs-blog__single .rs-content ul li a:hover {
  color: #F18F20;
}

.rs-blog-4 .rs-blog__single .rs-content .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .rs-blog-4 .rs-blog__single .rs-content .title {
    line-height: 32px;
  }
}

.rs-blog-4 .rs-blog__single .rs-content .title a {
  color: #202020;
}

.rs-blog-4 .rs-blog__single .rs-content .title a:hover {
  color: #F18F20;
}

.rs-blog-4 .rs-blog__single .rs-content>a {
  color: #202020;
  transition: all linear 0.3s;
}

.rs-blog-4 .rs-blog__single .rs-content>a:hover {
  color: #F18F20;
}

.rs-blog-4 .rs-service__slider .owl-nav {
  display: block;
}

.rs-blog-4 .rs-service__slider .owl-nav .owl-next,
.rs-blog-4 .rs-service__slider .owl-nav .owl-prev {
  height: 45px;
  width: 45px;
  background: #034B5B;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  border-radius: 6px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {

  .rs-blog-4 .rs-service__slider .owl-nav .owl-next,
  .rs-blog-4 .rs-service__slider .owl-nav .owl-prev {
    display: none;
  }
}

@media only screen and (max-width: 767px) {

  .rs-blog-4 .rs-service__slider .owl-nav .owl-next,
  .rs-blog-4 .rs-service__slider .owl-nav .owl-prev {
    display: none;
  }
}

.rs-blog-4 .rs-service__slider .owl-nav .owl-next span,
.rs-blog-4 .rs-service__slider .owl-nav .owl-prev span {
  display: none;
}

.rs-blog-4 .rs-service__slider .owl-nav .owl-next {
  position: absolute;
  right: 0;
  top: -100px;
}

.rs-blog-4 .rs-service__slider .owl-nav .owl-prev {
  position: absolute;
  right: 0;
  top: -150px;
}

.rs-blog-4 .rs-service__slider .owl-dots {
  display: none;
}

.rs-blog-4 .rs-service__slider .rs-blog__single.item-3 {
  display: inline-block;
}

.rs-blog-standard {
  background: #f9f9f9;
}

.rs-blog-standard__sidebar {
  padding: 20px;
  border: 2px solid rgba(187, 185, 185, 0.1019607843);
  border-radius: 0;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-common {
  background: #ffffff;
  padding: 40px 30px;
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-common {
    padding: 40px 20px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-common .title {
  color: #003A37;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  position: relative;
  z-index: 1;
  padding-bottom: 0;
  margin-bottom: 40px;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box {
  position: relative;
  z-index: 10;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box input {
  width: 100%;
  height: 60px;
  border: 0;
  background: #fafafa;
  padding-left: 20px;
  font-size: 16px;
  color: #656567;
  font-family: "Epilogue", sans-serif;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box input::-moz-placeholder {
  opacity: 0.7;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box input:-ms-input-placeholder {
  opacity: 0.7;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box input::placeholder {
  opacity: 0.7;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-search .input-box button {
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  height: 100%;
  background: #25826A;
  padding: 0 20px;
  border: 0;
  color: #ffffff;
  font-size: 22px;
  border-radius: 0 5px 5px 0;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post {
  padding: 40px 20px 40px 30px;
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post {
    padding: 40px 20px 40px 20px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post {
  display: flex;
  align-items: flex-start;
  margin-bottom: 25px;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post:last-child {
  margin-bottom: 0;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-thumb {
  margin-right: 15px;
  max-width: 85px;
  border-radius: 5px;
  overflow: hidden;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-thumb {
    max-width: 60px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-thumb {
    max-width: 60px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content .title {
  color: #003A37;
  font-size: 16px;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content .title {
    font-size: 13px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content .title {
    font-size: 13px;
    line-height: 20px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content span {
  font-size: 15px;
  color: #656567;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content span {
    font-size: 12px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content span {
    font-size: 12px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-post .rs-blog-post .rs-content span i {
  color: #25826A;
  display: inline-block;
  margin-right: 5px;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-categories ul li a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 20px;
  background: #fafafa;
  border-radius: 5px;
  margin-top: 12px;
  color: #003A37;
  transition: all linear 0.3s;
  font-size: 16px;
  font-weight: 500;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-categories ul li a {
    font-size: 14px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-categories ul li a {
    font-size: 14px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-categories ul li a:hover {
  background: #25826A;
  color: #ffffff;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-social ul li {
  display: inline-block;
  margin-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-social ul li {
    margin-right: 3px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__sidebar .rs-blog-sidebar-social ul li {
    margin-right: 3px;
  }
}

.rs-blog-standard__sidebar .rs-blog-sidebar-social ul li a {
  height: 40px;
  width: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(81, 61, 232, 0.1411764706);
  border-radius: 50%;
  transition: all linear 0.3s;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-social ul li a:hover {
  background: #25826A;
  border-color: #25826A;
  color: #ffffff;
}

.rs-blog-standard__sidebar .rs-blog-sidebar-social ul li:nth-child(2) a {
  font-size: 15px;
}

.rs-blog-standard__item {
  border-radius: 2px;
  overflow: hidden;
}

.rs-blog-standard__item .rs-thumb a {
  display: block;
  width: 100%;
}

.rs-blog-standard__item .rs-thumb a img {
  width: 100%;
}

.rs-blog-standard__item .rs-content {
  background: #ffffff;
  padding: 6px 40px 46px;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 575px) {
  .rs-blog-standard__item .rs-content {
    padding: 6px 20px 46px;
  }
}

.rs-blog-standard__item .rs-content ul {
  background: #25826A;
  display: inline-block;
  border-radius: 5px;
  padding: 3px 19px 3px 16px;
  position: relative;
  top: -23px;
}

.rs-blog-standard__item .rs-content ul li {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #ffffff;
  position: relative;
  z-index: 10;
}

.rs-blog-standard__item .rs-content ul li::after {
  content: "";
  height: 8px;
  width: 1px;
  background: #fff;
  transform: rotate(22deg);
  display: inline-block;
  margin: 0 5px 0 8px;
}

.rs-blog-standard__item .rs-content ul li:last-child::after {
  display: none;
}

.rs-blog-standard__item .rs-content .title {
  font-size: 30px;
  line-height: 40px;
}

@media only screen and (max-width: 767px) {
  .rs-blog-standard__item .rs-content .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.rs-blog-standard__item .rs-content p {
  font-size: 16px;
  margin-top: 10px;
}

.rs-blog-standard__item .rs-content>a {
  border: 2px solid rgba(233, 232, 232, 0.6784313725);
  background: transparent;
  color: #003A37;
  font-size: 16px;
  font-weight: 700;
  margin-top: 30px;
}

.rs-blog-standard__item .rs-content>a:hover {
  background: #25826A;
  color: #ffffff;
  border-color: #25826A;
}

.rs-blog-grid-page .rs-blog__single {
  border-radius: 0;
  margin: 50px 0 0;
}

.rs-blog-grid-page .rs-blog__single .rs-content ul li i {
  color: #656567;
}

.rs-blog-grid-page .rs-blog__single .rs-content>a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
}

.rs-blog-grid-page .rs-blog__single .rs-content .title {
  font-weight: 600;
  color: #003A37;
}

.rs-blog-grid-page .rs-blog__single .rs-content .title a:hover {
  color: #25826A;
}

.rs-blog-details {
  background: #f9f9f9;
}

.rs-blog-details__content p {
  font-size: 16px;
}

.rs-blog-details__content .rs-content .rs-quote {
  padding: 30px 52px 38px;
  color: #003A37;
  position: relative;
  background: #ffffff;
  text-align: left;
  clear: both;
  border-left: 4px solid #25826a;
  position: relative;
  min-height: 170px;
  margin: 0;
  z-index: 10;
  margin-top: 40px;
}

@media only screen and (max-width: 767px) {
  .rs-blog-details__content .rs-content .rs-quote {
    padding: 30px 20px 38px;
  }
}

.rs-blog-details__content .rs-content .rs-quote::before {
  content: "\ec52";
  font-family: remixicon;
  position: absolute;
  left: 10px;
  right: auto;
  top: -10px;
  font-size: 183px;
  color: rgba(0, 0, 0, 0.0588235294);
  text-align: center;
  display: block;
  border-radius: 50%;
  height: 0;
  line-height: 1;
}

.rs-blog-details__content .rs-content .rs-quote p {
  font-size: 22px;
  color: #222;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-details__content .rs-content .rs-quote p {
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog-details__content .rs-content .rs-quote p {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-details__content .rs-content .rs-quote p {
    font-size: 18px;
  }
}

.rs-blog-details__content .rs-content .rs-quote span {
  display: block;
  padding-left: 50px;
  font-size: 15px;
  color: #656567;
  font-weight: 500;
  position: relative;
  z-index: 10;
}

.rs-blog-details__content .rs-content .rs-quote span::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 40px;
  background: #222;
}

.rs-blog-details__content .rs-content>.title {
  font-size: 40px;
  line-height: 50px;
  margin-top: 35px;
  margin-bottom: 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-blog-details__content .rs-content>.title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-blog-details__content .rs-content>.title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-blog-details__content .rs-content>.title {
    font-size: 26px;
    line-height: 36px;
  }
}

.rs-blog-details__content .rs-content ul {
  margin-top: 25px;
  margin-bottom: 25px;
}

.rs-blog-details__content .rs-content ul li {
  color: rgba(48, 48, 48, 0.7215686275);
  margin-bottom: 10px;
}

.rs-blog-details__content .rs-content ul li i {
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #25826A;
  border: 1px solid rgba(26, 115, 233, 0.1411764706);
  margin-right: 10px;
}

.rs-blog-details__content .rs-tags {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.rs-blog-details__content .rs-tags span {
  font-size: 20px;
  font-weight: 700;
  color: #656567;
  display: inline-block;
  margin-right: 10px;
}

.rs-blog-details__content .rs-tags ul li {
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 5px;
  margin-top: 5px;
}

.rs-blog-details__content .rs-tags ul li a {
  background: #25826A;
  color: #ffffff;
  border-radius: 6px;
  font-size: 15px;
  padding: 2px 15px;
}

.rs-blog-details__content .rs-blog-form .title {
  font-size: 24px;
  font-weight: 700;
  position: relative;
  padding: 0 0 40px;
}

.rs-blog-details__content .rs-blog-form .input-box {
  margin-top: 30px;
}

.rs-blog-details__content .rs-blog-form .input-box input {
  width: 100%;
  border: 1px solid rgba(230, 226, 226, 0.6117647059);
  border-radius: 5px;
  height: 50px;
  background: #ffffff;
  padding-left: 20px;
  font-size: 16px;
  font-weight: 400;
  color: #656567;
  font-family: "Epilogue", sans-serif;
}

.rs-blog-details__content .rs-blog-form .input-box input::-moz-placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box input:-ms-input-placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box input::placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box textarea {
  width: 100%;
  border: 1px solid rgba(230, 226, 226, 0.6117647059);
  border-radius: 5px;
  height: 160px;
  background: #ffffff;
  padding-left: 20px;
  padding-top: 15px;
  resize: none;
  font-size: 16px;
  font-weight: 400;
  color: #656567;
  font-family: "Epilogue", sans-serif;
}

.rs-blog-details__content .rs-blog-form .input-box textarea::-moz-placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box textarea:-ms-input-placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box textarea::placeholder {
  opacity: 0.7;
}

.rs-blog-details__content .rs-blog-form .input-box button {
  margin-top: 30px;
  border: 0;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
}

/*----------------------------------------*/
/*  10. Cta CSS
/*----------------------------------------*/
.rs-cta {
  background-image: url(../images/newsletter_bg_home_4.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta__title {
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta__title {
    text-align: center;
  }
}

.rs-cta__title span {
  font-size: 16px;
  font-weight: 500;
  color: #25826A;
  display: block;
  margin-bottom: 16px;
}

.rs-cta__title .title {
  font-size: 40px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-cta__title .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-cta__title .title {
    font-size: 26px;
  }
}

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

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta__form {
    text-align: center;
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta__form {
    text-align: center;
    margin-top: 30px;
  }
}

.rs-cta__form .rs-shape {
  position: absolute;
  left: 120px;
  bottom: -130px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta__form .rs-shape {
    bottom: -40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta__form .rs-shape {
    bottom: -40px;
  }
}

.rs-cta__form .rs-shape img {
  display: block;
  animation: x-anim2 2s alternate infinite;
  -webkit-animation: x-anim2 2s alternate infinite;
}

.rs-cta__form .input-box {
  width: 510px;
  float: right;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-cta__form .input-box {
    width: 445px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta__form .input-box {
    display: inline-block;
    float: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta__form .input-box {
    display: inline-block;
    float: none;
    width: 100%;
  }
}

.rs-cta__form .input-box input {
  width: 100%;
  border: 0;
  padding-left: 20px;
  height: 60px;
  font-size: 16px;
  font-family: "Epilogue", sans-serif;
  border-radius: 5px;
  color: #0C2543;
}

.rs-cta__form .input-box input::-moz-placeholder {
  opacity: 0.6;
}

.rs-cta__form .input-box input:-ms-input-placeholder {
  opacity: 0.6;
}

.rs-cta__form .input-box input::placeholder {
  opacity: 0.6;
}

.rs-cta__form .input-box button {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding: 6px 35px;
  background: #25826A;
  color: #ffffff;
  border: 0;
  border-radius: 5px;
  font-size: 15px;
  font-weight: 500;
  font-family: "Epilogue", sans-serif;
  transition: all linear 0.3s;
}

.rs-cta__form .input-box button:hover {
  background: #003A37;
}

@media only screen and (max-width: 575px) {
  .rs-cta__form .input-box button {
    position: static;
    margin-top: 40px;
  }
}

.rs-cta.rs-cta-2-footer {
  background-image: url(../images/newslatter-bg2.jpg);
}

.rs-cta.rs-cta-2-footer .rs-cta__title span {
  color: #008eff;
}

.rs-cta.rs-cta-2-footer .rs-cta__title .title {
  color: #0C2543;
}

.rs-cta.rs-cta-2-footer .rs-cta__form {
  position: relative;
  z-index: 10;
}

.rs-cta.rs-cta-2-footer .rs-cta__form .rs-shape {
  left: -70px;
  bottom: -70px;
  z-index: -1;
}

@media only screen and (max-width: 1599px) {
  .rs-cta.rs-cta-2-footer .rs-cta__form .rs-shape {
    left: 0;
    bottom: -140px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta.rs-cta-2-footer .rs-cta__form .rs-shape {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta.rs-cta-2-footer .rs-cta__form .rs-shape {
    display: none;
  }
}

.rs-cta.rs-cta-2-footer .rs-cta__form .input-box input {
  background: #F7FCFF;
}

.rs-cta.rs-cta-2-footer .rs-cta__form .input-box button {
  background: #008eff;
  transition: all linear 0.3s;
}

.rs-cta.rs-cta-2-footer .rs-cta__form .input-box button:hover {
  background: #0C2543;
}

.rs-cta-2 {
  background-image: url(../images/call-action-bg1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.rs-cta-2__title .title {
  color: #ffffff;
  font-size: 40px;
  font-weight: 600;
  line-height: 1.2;
  text-align: right;
  border-right: 1px solid #99D1FD;
  padding-right: 50px;
  padding: 20px 50px 20px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-cta-2__title .title {
    font-size: 28px;
    line-height: 38px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta-2__title .title {
    text-align: left;
    border-right: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta-2__title .title {
    text-align: left;
    border-right: 0;
    padding-right: 0;
  }
}

.rs-cta-2__content {
  padding-left: 25px;
}

.rs-cta-2__content p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
}

.rs-cta-2__content .rs-about-contact a {
  display: flex;
  align-items: center;
}

.rs-cta-2__content .rs-about-contact a .rs-icon {
  height: 55px;
  width: 55px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  border: 2px solid #FFFFFF9C;
  border-radius: 50%;
  margin-right: 18px;
  font-size: 22px;
  color: #ffffff;
}

.rs-cta-2__content .rs-about-contact a .rs-icon i {
  transition: all linear 0.3s;
}

.rs-cta-2__content .rs-about-contact a .rs-content span {
  color: #FFFFFFEB;
  font-size: 15px;
  font-weight: 400;
}

.rs-cta-2__content .rs-about-contact a .rs-content .title {
  font-size: 18px;
  margin-top: 5px;
  font-weight: 600;
  transition: all linear 0.3s;
  position: relative;
  color: #ffffff;
}

.rs-cta-2__content .rs-about-contact a .rs-content .title a {
  color: #ffffff;
}

.rs-cta-2__content .rs-about-contact a .rs-content .title::before {
  position: absolute;
  content: "";
  left: auto;
  right: 0;
  bottom: 2px;
  height: 2px;
  width: 0%;
  background: #ffffff;
  transition: all linear 0.3s;
}

.rs-cta-2__content .rs-about-contact a:hover .rs-icon i {
  -webkit-animation: vibrate 0.4s infinite;
  animation: vibrate 0.4s infinite;
}

.rs-cta-2__content .rs-about-contact a:hover .rs-content .title {
  color: #ffffff;
}

.rs-cta-2__content .rs-about-contact a:hover .rs-content .title::before {
  width: 100%;
  left: 0;
  right: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-cta-2__content .rs-about-contact {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta-2__content .rs-about-contact {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta-2__content .rs-about-contact {
    display: none;
  }
}

.rs-cta-3__box {
  background-image: url(../images/cta-bg.jpg);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 100px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  margin-bottom: -80px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta-3__box {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta-3__box {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    text-align: center;
    padding: 50px 30px;
  }
}

.rs-cta-3__box .rs-arrow {
  position: absolute;
  right: 480px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-cta-3__box .rs-arrow {
    right: 370px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-cta-3__box .rs-arrow {
    right: 30px;
    bottom: 30px;
    top: auto;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 767px) {
  .rs-cta-3__box .rs-arrow {
    right: 30px;
    bottom: 30px;
    top: auto;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 575px) {
  .rs-cta-3__box .rs-arrow {
    display: none;
  }
}

.rs-cta-3__box .title {
  color: #ffffff;
  font-size: 40px;
  text-transform: capitalize;
}

@media only screen and (max-width: 1599px) {
  .rs-cta-3__box .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-cta-3__box .title {
    font-size: 26px;
    line-height: 36px;
  }
}

.rs-cta-3__box a {
  border: 2px solid #ffffff;
  background: transparent;
  color: #ffffff;
}

@media only screen and (max-width: 575px) {
  .rs-cta-3__box a {
    padding: 14px 15px;
  }
}

.rs-cta-3__box a:hover {
  background: #00214D;
  border-color: #00214D;
}

/*----------------------------------------*/
/*  11. Mission Vision CSS
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-mission-vision__content {
    padding-bottom: 50px;
  }
}

.rs-mission-vision__content span {
  font-size: 17px;
  font-weight: 500;
  color: #008eff;
}

.rs-mission-vision__content .title {
  font-size: 40px;
  color: #0C2543;
  margin-top: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-mission-vision__content .title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-mission-vision__content .title {
    font-size: 32px;
    line-height: 42px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-mission-vision__content .title {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-mission-vision__content .title {
    font-size: 24px;
    line-height: 32px;
  }
}

.rs-mission-vision__content p {
  padding-right: 85px;
  padding-top: 26px;
}

@media only screen and (max-width: 767px) {
  .rs-mission-vision__content p {
    padding-right: 0;
  }
}

.rs-mission-vision__content a {
  margin-top: 24px;
  background: #008eff;
}

.rs-mission-vision__content a:hover {
  background: #0C2543;
}

.rs-mission-vision__tabs {
  background-image: url(../images/about_bg.jpg);
  padding: 60px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media only screen and (max-width: 1599px) {
  .rs-mission-vision__tabs {
    padding: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-mission-vision__tabs {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-mission-vision__tabs {
    margin-top: 30px;
  }
}

.rs-mission-vision__tabs .skltbs-tab-group .skltbs-tab-item {
  margin: 0 20px 0 0;
}

.rs-mission-vision__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
  padding: 10px 32px;
  background: #ffffff;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  border: 2px solid #6765650D;
  font-size: 15px;
  font-weight: 600;
  color: #656567;
  border-radius: 6px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-mission-vision__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab {
    padding: 10px 24px;
  }
}

.rs-mission-vision__tabs .skltbs-tab-group .skltbs-tab-item .skltbs-tab.skltbs-active {
  background: #008eff;
  color: #ffffff;
  border-color: #008eff;
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel {
  border: 0;
  padding: 0;
  margin-top: 40px;
  background: transparent;
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content {
  display: flex;
  align-items: center;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media only screen and (max-width: 767px) {
  .rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content {
    flex-direction: column;
    align-items: flex-start;
  }
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content .rs-thumb {
  min-width: 200px;
  margin-right: 45px;
  border-radius: 4px;
  overflow: hidden;
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content .rs-list ul li {
  font-size: 16px;
  color: #656567;
  margin: 10px 0;
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content .rs-list ul li i {
  color: #008eff;
  margin-right: 10px;
  font-size: 22px;
}

.rs-mission-vision__tabs .skltbs-panel-group .skltbs-panel .rs-mission-vision-tab-content .rs-list a {
  margin-top: 25px;
  padding: 10px 20px;
}

/*----------------------------------------*/
/*  12. Counter CSS
/*----------------------------------------*/
.rs-counter-2 {
  position: relative;
  z-index: 10;
}

.rs-counter-2 .rs-shape-1 {
  position: absolute;
  right: 160px;
  top: 100px;
  width: 30px;
}

.rs-counter-2__author {
  position: relative;
  z-index: 10;
  display: flex;
  align-items: center;
}

.rs-counter-2__author .rs-shape-2 {
  position: absolute;
  left: 30%;
  bottom: -100px;
  width: 30px;
}

.rs-counter-2__author .rs-thumb {
  max-width: 70px;
  margin-right: 40px;
}

@media only screen and (max-width: 767px) {
  .rs-counter-2__author .rs-thumb {
    margin-right: 20px;
  }
}

.rs-counter-2__author .rs-content .title {
  color: #0C2543;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 3px;
}

.rs-counter-2__author-text {
  margin-left: -20px;
  padding-right: 20px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-2__author-text {
    margin-top: 40px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-2__author-text {
    margin-top: 40px;
    margin-left: 0;
  }
}

.rs-counter-2__author-text p {
  font-size: 36px;
  line-height: 46px;
}

@media only screen and (max-width: 767px) {
  .rs-counter-2__author-text p {
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-2__author-text p {
    font-size: 20px;
    line-height: 30px;
  }
}

.rs-counter-2__author-text p span {
  color: #0C2543;
}

.rs-counter-2__item {
  padding: 15px 30px 15px 30px;
  border: 1px solid #1A001B1A;
  background: #F6FBFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  margin: 40px 10px 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-2__item {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-2__item {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-2__item {
    flex-wrap: wrap;
  }
}

.rs-counter-2__item .rs-icon {
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-right: 1px solid #1A001B1A;
  display: inline-block;
  max-width: 90px;
  min-width: 90px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-icon {
    min-width: 70px;
    max-width: 70px;
  }
}

.rs-counter-2__item .rs-icon img {
  height: 68px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-icon img {
    height: auto;
  }
}

.rs-counter-2__item .rs-counter {
  padding-left: 20px;
  width: 145px;
  min-width: 145px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-counter {
    min-width: 110px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-2__item .rs-counter {
    width: 110px;
    min-width: 110px;
  }
}

.rs-counter-2__item .rs-counter .title {
  color: #0C2543;
  font-size: 50px;
  font-weight: 500;
  letter-spacing: -4px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-counter .title {
    font-size: 36px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-2__item .rs-counter .title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-2__item .rs-counter .title {
    font-size: 28px;
  }
}

.rs-counter-2__item .rs-content {
  margin-left: 23px;
}

@media only screen and (max-width: 575px) {
  .rs-counter-2__item .rs-content {
    margin-left: 0;
    margin-top: 20px;
  }
}

.rs-counter-2__item .rs-content .title {
  color: #0C2543;
  font-size: 20px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-content .title {
    font-size: 16px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-2__item .rs-content p {
    font-size: 14px;
  }
}

.rs-counter-2.about-counter-1 .rs-counter-2__item .rs-counter .title {
  color: #003A37;
}

.rs-counter-2.about-counter-1 .rs-counter-2__item .rs-content .title {
  color: #003A37;
}

.rs-counter-3 {
  background-image: url(../images/counter-sec-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 11;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-3 {
    margin-left: 0;
    margin-right: 0;
  }
}

.rs-counter-3__item {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-3__item {
    margin: 30px 0;
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-3__item {
    margin: 20px 0;
    justify-content: center;
  }
}

.rs-counter-3__item::before {
  position: absolute;
  content: "";
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 80px;
  background: #00204A30;
}

@media only screen and (max-width: 1599px) {
  .rs-counter-3__item::before {
    display: none;
  }
}

.rs-counter-3__item .rs-icon {
  width: 80px;
  margin-right: 15px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-3__item .rs-icon {
    width: 50px;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-3__item .rs-icon {
    width: 50px;
    margin-right: 10px;
  }
}

.rs-counter-3__item .rs-counter-text {
  margin-right: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-3__item .rs-counter-text {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-3__item .rs-counter-text {
    margin-right: 10px;
  }
}

.rs-counter-3__item .rs-counter-text .title {
  font-size: 50px;
  line-height: 60px;
  font-weight: 500;
  color: #00214D;
  text-transform: capitalize;
}

@media only screen and (max-width: 1599px) {
  .rs-counter-3__item .rs-counter-text .title {
    font-size: 44px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-3__item .rs-counter-text .title {
    font-size: 40px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-counter-3__item .rs-counter-text .title {
    font-size: 40px;
  }
}

.rs-counter-3__item .rs-content span {
  font-size: 18px;
  line-height: 26px;
  color: #00214D;
}

.rs-counter-3__item.item-2 {
  padding-left: 35px;
}

@media only screen and (max-width: 1599px) {
  .rs-counter-3__item.item-2 {
    padding-left: 0;
  }
}

.rs-counter-3__item.item-2::before {
  right: -20px;
}

.rs-counter-3__item.item-3 {
  justify-content: flex-end;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-3__item.item-3 {
    justify-content: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-3__item.item-3 {
    justify-content: center;
  }
}

.rs-counter-3__item.item-3::before {
  display: none;
}

.rs-counter-4__box {
  padding: 40px 0px 54px 80px;
  background-image: url(../images/counter-h2-bg1.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  border-radius: 6px;
  position: relative;
  z-index: 11;
  margin-bottom: -100px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-4__box {
    padding: 30px 0px 34px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-4__box {
    padding: 40px 0px 30px 0px;
    margin: 0 0 80px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-4__box {
    padding: 40px 0px 30px 0px;
    margin: 0 0 80px;
  }
}

.rs-counter-4__item {
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-4__item {
    margin: 20px 0;
    text-align: center;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-4__item {
    margin: 20px 0;
    text-align: center;
  }
}

.rs-counter-4__item::before {
  position: absolute;
  content: "";
  right: 40px;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 90px;
  background: #356f7c;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-counter-4__item::before {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-4__item::before {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-counter-4__item::before {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-counter-4__item::before {
    display: none;
  }
}

.rs-counter-4__item .title {
  font-size: 52px;
  letter-spacing: -4px;
  color: #F18F20;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-4__item .title {
    font-size: 40px;
  }
}

.rs-counter-4__item p {
  font-size: 20px;
  padding-top: 9px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-counter-4__item p {
    font-size: 16px;
  }
}

.rs-counter-4__item.item-4::before {
  display: none;
}

/*----------------------------------------*/
/*  13. Team CSS
/*----------------------------------------*/
.rs-team-3 {
  position: relative;
  z-index: 10;
}

.rs-team-3 .rs-shape {
  position: absolute;
  left: 100px;
  bottom: 50px;
  transform: translate3d(9.2px, -12.1px, 0px);
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  width: 94px;
  opacity: 0.2;
  animation: veritcal2 3s alternate infinite;
  -webkit-animation: veritcal2 3s alternate infinite;
}

.rs-team-3 .rs-shape img {
  transform: rotate(45deg);
}

.rs-team-3__btn {
  position: relative;
  z-index: 10;
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-3__btn {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-3__btn {
    text-align: left;
  }
}

.rs-team-3__btn .title {
  position: absolute;
  left: 40px;
  top: 50%;
  transform: translateY(-50%);
  color: #ffffff;
  font-size: 128px;
  font-weight: 900;
  text-shadow: -4px -30px 40px rgba(26, 0, 27, 0.06);
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-3__btn .title {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-3__btn .title {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-3__btn .title {
    display: none;
  }
}

.rs-team-3__btn a {
  border: 2px solid #E8E5E8;
  background: transparent;
  color: #00214D;
  font-weight: 700;
  padding: 14px 22px;
}

.rs-team-3__btn a i {
  font-weight: 600;
}

.rs-team-3__btn a:hover {
  background: #00214D;
  border-color: #00214D;
  color: #ffffff;
}

.rs-team-3__item {
  margin: 20px -5px 0;
  position: relative;
  z-index: 10;
}

@media only screen and (max-width: 767px) {
  .rs-team-3__item {
    margin: 40px 0 0;
  }
}

.rs-team-3__item .rs-thumb {
  background-color: #f6f5f6;
  padding-top: 30px;
  border-radius: 6px;
  overflow: hidden;
}

.rs-team-3__item .rs-thumb:hover {
  background-color: #F6F5F6;
  background-image: url("../images/team-image-shape.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.rs-team-3__item .rs-content {
  position: absolute;
  left: 50%;
  bottom: -60px;
  transform: translateX(-50%);
  background: #ffffff;
  background-image: url("../images/team-content-shape.png");
  background-position: top right;
  background-repeat: no-repeat;
  background-size: auto;
  padding: 10px 20px 10px 20px;
  border-radius: 6px;
  overflow: hidden;
  width: 270px;
  box-shadow: 0 6px 34px rgba(26, 0, 27, 0.06);
  transition: all ease 0.3s;
  opacity: 0;
  visibility: hidden;
}

@media only screen and (max-width: 1599px) {
  .rs-team-3__item .rs-content {
    width: 230px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-3__item .rs-content {
    width: 190px;
  }
}

.rs-team-3__item .rs-content span {
  font-size: 14px;
  color: #656567;
}

.rs-team-3__item .rs-content .title {
  font-size: 22px;
  margin-top: 4px;
  margin-bottom: 10px;
  color: #00214D;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-3__item .rs-content .title {
    font-size: 18px;
  }
}

.rs-team-3__item .rs-content .title a {
  transition: all ease 0.3s;
}

.rs-team-3__item .rs-content .title a:hover {
  color: #E11631;
}

.rs-team-3__item .rs-content ul {
  padding-top: 10px;
  border-top: 1px solid #EDEBED;
}

.rs-team-3__item .rs-content ul li {
  font-size: 14px;
  line-height: 1.75;
}

.rs-team-3__item .rs-content ul li a {
  transition: all ease 0.3s;
}

.rs-team-3__item .rs-content ul li a:hover {
  color: #E11631;
}

.rs-team-3__item:hover .rs-content {
  opacity: 1;
  visibility: visible;
  bottom: -30px;
}

.rs-marquee {
  background: #00214D;
  padding: 22px 0;
  display: flex;
}

.rs-marquee .rs-marquee-text {
  display: inline-block;
}

.rs-marquee .rs-marquee-text .title {
  color: #ffffff;
  font-size: 24px;
  font-weight: 500;
  line-height: 48px;
}

.rs-team-page .section-title {
  text-align: left;
}

.rs-team-page .section-btn {
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-page .section-btn {
    text-align: left;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-page .section-btn {
    text-align: left;
  }
}

.rs-team-page__item {
  background: #EDF5F7;
  border-radius: 6px;
  overflow: hidden;
}

.rs-team-page__item .rs-thumb {
  overflow: hidden;
}

.rs-team-page__item .rs-thumb img {
  transition: all linear 0.3s;
}

.rs-team-page__item .rs-content {
  background: #25826A;
  padding: 14px 20px 14px 20px;
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-page__item .rs-content {
    padding: 14px 10px;
  }
}

.rs-team-page__item .rs-content a {
  display: block;
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-page__item .rs-content a {
    font-size: 17px;
  }
}

.rs-team-page__item .rs-content span {
  color: #FFFFFFC7;
  font-size: 14px;
}

.rs-team-page__item .rs-content .rs-team-social {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  height: 40px;
  width: 40px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #003A37;
  color: #ffffff;
  cursor: pointer;
}

.rs-team-page__item .rs-content .rs-team-social ul {
  position: absolute;
  left: 224%;
  bottom: 62px;
  transition: all ease 0.3s;
  background: #25826A;
  padding: 10px 0;
}

.rs-team-page__item .rs-content .rs-team-social ul li {
  width: 50px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.rs-team-page__item .rs-content .rs-team-social ul li a {
  font-size: 14px;
  font-weight: 400;
}

.rs-team-page__item .rs-content .rs-team-social:hover ul {
  left: 24%;
}

.rs-team-page__item:hover .rs-thumb img {
  transform: scale(1.1);
}

.rs-team-details .section-title-3 span {
  color: #25826A;
  font-weight: 600;
  font-size: 18px;
}

.rs-team-details .section-title-3 span::before {
  background: #25826A6E;
}

.rs-team-details .section-title-3 .title {
  color: #003A37;
  font-size: 50px;
  line-height: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-details .section-title-3 .title {
    font-size: 36px;
    line-height: 46px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-details .section-title-3 .title {
    font-size: 36px;
    line-height: 46px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-details .section-title-3 .title {
    font-size: 30px;
    line-height: 40px;
  }
}

.rs-team-details .section-title-3 p {
  padding-right: 85px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-team-details .section-title-3 p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-details .section-title-3 p {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-details .section-title-3 p {
    padding-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-details .section-title-3 p {
    padding-right: 0;
  }
}

.rs-team-details__education {
  background: #EEF5F5;
  padding: 35px 40px 40px 40px;
  margin-top: 75px;
  margin-right: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-team-details__education {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-details__education {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-details__education {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-details__education {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-team-details__education {
    padding: 35px 20px 40px 20px;
  }
}

.rs-team-details__education .title {
  font-size: 20px;
  color: #003A37;
  margin-bottom: 15px;
}

.rs-team-details__skill {
  background: #EEF5F5;
  padding: 35px 40px 40px 40px;
  margin-top: 45px;
  margin-right: 70px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-team-details__skill {
    margin-right: 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-team-details__skill {
    margin-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-details__skill {
    margin-right: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-details__skill {
    margin-right: 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-team-details__skill {
    padding: 35px 20px 40px 20px;
  }
}

.rs-team-details__skill .title {
  font-size: 20px;
  color: #003A37;
  margin-bottom: 15px;
}

@media only screen and (max-width: 575px) {
  .rs-team-details__table {
    overflow-x: scroll;
  }
}

.rs-team-details__table .table {
  border: 1px solid #dee2e6;
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

@media only screen and (max-width: 575px) {
  .rs-team-details__table .table {
    width: 500px;
  }
}

.rs-team-details__table .table tbody {
  vertical-align: middle;
}

.rs-team-details__table .table tr,
.rs-team-details__table .table td {
  color: #656567;
  border: 1px solid #25826a1c;
  padding: 10px 30px;
  color: #656567;
  background: #ffffff;
  margin: 0;
}

.rs-team-details__thumb {
  position: relative;
  z-index: 10;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-team-details__thumb {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-team-details__thumb {
    margin-top: 50px;
  }
}

.rs-team-details__thumb img {
  width: 100%;
}

.rs-team-details__thumb .rs-social {
  position: absolute;
  left: 50%;
  bottom: -27px;
  transform: translateX(-50%);
  background: #25826A;
  padding: 13px 40px;
  border-radius: 6px;
}

.rs-team-details__thumb .rs-social ul {
  display: flex;
}

.rs-team-details__thumb .rs-social ul li {
  margin: 0 6px;
}

.rs-team-details__thumb .rs-social ul li a {
  color: #ffffff;
  transition: all linear 0.3s;
}

.rs-team-details__thumb .rs-social ul li a:hover {
  color: #003A37;
}

.rs-team-details__thumb .rs-social ul li:nth-child(3) a {
  font-size: 15px;
}

.rs-progress-skill {
  position: relative;
  margin-top: 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-progress-skill {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-progress-skill {
    margin-bottom: 50px;
  }
}

.rs-progress__title {
  font-size: 18px;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 12px;
  font-family: "Epilogue", sans-serif;
}

@media only screen and (max-width: 575px) {
  .rs-progress__title {
    font-size: 14px;
  }
}

.rs-progress__bar {
  position: relative;
  width: 100%;
  height: 6px;
  border-radius: 0px;
  display: block;
  background-color: #E2E3E5;
}

.rs-progress__inner {
  position: relative;
  display: block;
  width: 0px;
  height: 6px;
  border-radius: 0px;
  background-color: #25826A;
  transition: all 1500ms ease;
  margin-bottom: 50px;
  top: 0px;
}

.rs-progress__number {
  position: absolute;
  right: 0px;
  bottom: 10px;
  text-align: center;
  opacity: 0;
  margin-bottom: 0;
  line-height: 1;
  transition: all 500ms ease;
  font-size: 15px;
  font-weight: 500;
  color: #003A37;
  background-image: url(../images/skill-number-bg.html);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 45px;
  text-align: center;
  display: inline-block;
  padding: 8px 0 12px;
}

.rs-progress-skill .counted .count-text {
  opacity: 1;
}

/*----------------------------------------*/
/*  14. Project CSS
/*----------------------------------------*/
.rs-project-3__slider {
  padding: 0 25px;
}

.rs-project-3__slider .col-lg-12 {
  padding: 0;
}

.rs-project-3__item {
  margin-top: 30px;
  position: relative;
  z-index: 10;
  margin: 10px -1px 0;
  overflow: hidden;
}

.rs-project-3__item .rs-thumb img {
  width: 100%;
}

.rs-project-3__item .rs-project-overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(180deg, #83393900 48%, #1A001B 100%);
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}

.rs-project-3__item .rs-project-overlay .rs-project-content {
  padding: 30px;
  position: relative;
  bottom: -110px;
  transition: all 0.5s ease;
}

@media only screen and (max-width: 767px) {
  .rs-project-3__item .rs-project-overlay .rs-project-content {
    padding: 20px;
  }
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-title {
  margin-bottom: 8px;
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-title a {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #ffffff;
  font-family: "Epilogue", sans-serif;
  transition: all linear 0.3s;
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-title a:hover {
  color: #E11631;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-3__item .rs-project-overlay .rs-project-content .rs-title a {
    font-size: 18px;
    line-height: 24px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-3__item .rs-project-overlay .rs-project-content .rs-title a {
    font-size: 18px;
    line-height: 24px;
  }
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-category span {
  display: flex;
  align-items: center;
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-category span a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-text {
  border-top: 1px solid rgba(255, 255, 255, 0.1803921569);
  margin-top: 20px;
  padding-top: 21px;
  opacity: 0;
  transition: all 0.5s ease;
}

.rs-project-3__item .rs-project-overlay .rs-project-content .rs-text p {
  color: #ffffff;
  font-size: 16px;
}

@media only screen and (max-width: 1599px) {
  .rs-project-3__item .rs-project-overlay .rs-project-content .rs-text p {
    font-size: 15px;
  }
}

.rs-project-3__item:hover .rs-project-overlay .rs-link {
  top: 0;
  right: 30px;
  opacity: 1;
}

.rs-project-3__item:hover .rs-project-overlay .rs-project-content {
  bottom: 0;
}

.rs-project-3__item:hover .rs-project-overlay .rs-project-content .rs-text {
  opacity: 1;
}

.rs-project-4 {
  background: #034B5B;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-4 .section-title-4 {
    margin-bottom: 10px;
  }
}

.rs-project-4 .section-title-4 span {
  background: #F18F20;
  color: #ffffff;
}

.rs-project-4 .section-title-4 .title {
  color: #ffffff;
}

.rs-project-4 .section-text {
  padding-left: 55px;
  padding-right: 80px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-4 .section-text {
    padding-left: 0;
    padding-right: 60px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-4 .section-text {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-4 .section-text {
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    margin-bottom: 30px;
  }
}

.rs-project-4 .section-text p {
  color: #FFFFFFE3;
}

.rs-project-4__item {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.rs-project-4__item::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-color: transparent;
  background-image: linear-gradient(360deg, #034B5B 0%, #034B5B00 64%);
  z-index: 1;
}

.rs-project-4__item::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 0%;
  width: 100%;
  background: #034B5B;
  z-index: 2;
  transition: all linear 0.3s;
}

.rs-project-4__item:hover::after {
  height: 100%;
}

.rs-project-4__item:hover .rs-project-4__item-content {
  bottom: 0;
}

.rs-project-4__item-content {
  position: absolute;
  left: 0;
  bottom: -90px;
  z-index: 3;
  padding: 40px;
  transition: all ease 0.3s;
}

.rs-project-4__item-content .title {
  font-size: 24px;
  line-height: 34px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-4__item-content .title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-4__item-content .title {
    font-size: 20px;
    line-height: 30px;
  }
}

.rs-project-4__item-content .title a {
  transition: all linear 0.3s;
}

.rs-project-4__item-content .title a:hover {
  color: #F18F20;
}

.rs-project-4__item-content p {
  color: #FFFFFFDE;
  padding-top: 12px;
  padding-bottom: 36px;
}

@media only screen and (max-width: 767px) {
  .rs-project-4__item-content p {
    font-size: 15px;
    line-height: 24px;
  }
}

.rs-project-4__item-content>a {
  height: 46px;
  width: 46px;
  background: #F18F20;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  transition: all linear 0.3s;
}

.rs-project-4__item-content>a:hover {
  background: #ffffff;
  color: #0C2543;
}

.rs-project-4 .rs-service__slider .owl-nav {
  display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-4 .rs-service__slider .owl-nav {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-4 .rs-service__slider .owl-nav {
    display: none;
  }
}

.rs-project-4 .rs-service__slider .owl-nav .owl-prev,
.rs-project-4 .rs-service__slider .owl-nav .owl-next {
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #F18F20;
  border-radius: 4px;
  transition: all ease 0.3s;
}

.rs-project-4 .rs-service__slider .owl-nav .owl-prev:hover,
.rs-project-4 .rs-service__slider .owl-nav .owl-next:hover {
  background: #ffffff;
  color: #034B5B;
}

.rs-project-4 .rs-service__slider .owl-nav .owl-prev span,
.rs-project-4 .rs-service__slider .owl-nav .owl-next span {
  display: none;
}

.rs-project-4 .rs-service__slider .owl-nav .owl-prev {
  position: absolute;
  right: 305px;
  top: -115px;
}

@media only screen and (max-width: 1900px) {
  .rs-project-4 .rs-service__slider .owl-nav .owl-prev {
    right: 30px;
  }
}

.rs-project-4 .rs-service__slider .owl-nav .owl-next {
  position: absolute;
  right: 305px;
  top: -165px;
}

@media only screen and (max-width: 1900px) {
  .rs-project-4 .rs-service__slider .owl-nav .owl-next {
    right: 30px;
  }
}

.rs-project-4 .rs-service__slider .owl-dots {
  display: none;
}

.rs-project-grid .rs-project-grid-item {
  position: relative;
  z-index: 10;
}

.rs-project-grid .rs-project-grid-item:hover .rs-project-grid__box {
  opacity: 1;
  visibility: visible;
}

.rs-project-grid__box {
  position: absolute;
  left: 20px;
  bottom: 20px;
  opacity: 0;
  visibility: hidden;
  transition: all linear 0.3s;
}

.rs-project-grid__box span {
  background: #003A37;
  color: #ffffff;
  font-size: 14px;
  padding: 7px 17px;
  transition: all linear 0.3s;
}

.rs-project-grid__box span a {
  color: #ffffff;
}

.rs-project-grid__box span:hover {
  background: #42806b;
  opacity: 0.9;
}

.rs-project-grid__box .title {
  margin-top: 10px;
}

.rs-project-grid__box .title a {
  background: #ffffff;
  padding: 10px 10px 10px 20px;
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all linear 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-grid__box .title a {
    font-size: 16px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-grid__box .title a {
    font-size: 16px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-project-grid__box .title a {
    font-size: 16px;
  }
}

.rs-project-grid__box .title a i {
  display: inline-block;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 40px;
  background: #f2f2f2;
  font-weight: 400;
  border-radius: 50%;
  margin-left: 40px;
  min-width: 40px;
}

.rs-project-grid__box .title a:hover {
  color: #25826A;
}

.rs-project-grid.rs-onepage-project .section-title-2 {
  padding: 0 50px;
}

.rs-project-grid.rs-onepage-project .rs-project-grid-item .rs-project-grid__box span {
  background: #008eff;
}

.rs-project-grid.rs-onepage-project .rs-project-grid-item .rs-project-grid__box .title a {
  color: #333333;
}

.rs-project-grid.rs-onepage-project .rs-project-grid-item .rs-project-grid__box .title a:hover {
  color: #008eff;
}

.rs-project-grid.rs-onepage-project .rs-project-grid-item .rs-project-grid__box .title a i {
  color: #008eff;
}

.rs-project-details__thumb img {
  width: 100%;
}

.rs-project-details__info {
  background: #EEF5F5;
  margin-top: -75px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-details__info {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-details__info {
    margin-top: 40px;
  }
}

.rs-project-details__info .title {
  background: #25826A;
  color: #ffffff;
  text-align: center;
  font-size: 24px;
  padding: 23px 0;
}

.rs-project-details__info ul {
  padding: 40px 40px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-project-details__info ul {
    padding: 30px 20px 0;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-details__info ul {
    padding: 30px 20px 0;
  }
}

@media only screen and (max-width: 575px) {
  .rs-project-details__info ul {
    padding: 30px 10px 0;
  }
}

.rs-project-details__info ul li {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e3e0e3;
  padding: 13px 0;
}

.rs-project-details__info ul li:last-child {
  border-bottom: 0;
}

.rs-project-details__info ul li span {
  font-size: 16px;
  font-weight: 500;
  color: #003A37;
  width: 100px;
}

.rs-project-details__info ul li p {
  padding-left: 25px;
  position: relative;
  z-index: 10;
  font-size: 15px;
}

.rs-project-details__info ul li p::before {
  position: absolute;
  content: ":";
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.rs-project-details__author {
  text-align: center;
}

.rs-project-details__author .rs-thumb {
  display: inline-block;
  width: 80px;
  margin-bottom: 20px;
}

.rs-project-details__author .rs-thumb img {
  border-radius: 50%;
}

.rs-project-details__author p {
  font-size: 16px;
  font-style: italic;
  color: rgba(48, 48, 48, 0.7215686275);
  padding: 0 30px 15px;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-project-details__author p {
    padding: 0 0 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-details__author p {
    padding: 0 0 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-details__author p {
    padding: 0 0 15px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-details__author p {
    padding: 0 0 15px;
  }
}

.rs-project-details__author span {
  display: inline-block;
}

.rs-project-details__author span span {
  font-size: 18px;
  font-weight: 600;
  color: #003A37;
  margin-right: 6px;
}

.rs-project-details__content {
  border-bottom: 1px solid #eef5f5;
  padding-bottom: 40px;
}

.rs-project-details__content .title {
  font-size: 30px;
  line-height: 40px;
}

.rs-project-details__content p {
  margin-top: 30px;
}

.rs-project-details__single-box {
  display: flex;
  align-items: flex-start;
  margin-top: 50px;
}

@media only screen and (max-width: 575px) {
  .rs-project-details__single-box {
    flex-direction: column;
    gap: 20px;
  }
}

.rs-project-details__single-box .rs-thumb {
  min-width: 360px;
  margin-right: 60px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-project-details__single-box .rs-thumb {
    min-width: 280px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-project-details__single-box .rs-thumb {
    min-width: 280px;
    margin-right: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-project-details__single-box .rs-thumb {
    min-width: 280px;
    margin-right: 20px;
  }
}

.rs-project-details__single-box .rs-thumb img {
  height: 300px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.rs-project-details__single-box .rs-content p {
  font-size: 16px;
  margin-top: 0;
}

.rs-project-details__single-box .rs-content ul {
  margin-top: 32px;
}

.rs-project-details__single-box .rs-content ul li {
  font-size: 16px;
  font-weight: 600;
  color: #003A37;
  display: flex;
  align-items: center;
  margin-top: 15px;
}

.rs-project-details__single-box .rs-content ul li i {
  font-weight: 400;
  font-size: 24px;
  display: inline-block;
  margin-right: 10px;
  color: #25826A;
}

.rs-project-details__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 50px;
}

.rs-project-details__bar .item span {
  font-size: 15px;
  color: #909090;
}

.rs-project-details__bar .item .title {
  font-size: 24px;
  font-weight: 500;
  color: #003a37;
  margin-top: 5px;
  transition: all linear 0.3s;
}

.rs-project-details__bar .item .title:hover {
  color: #25826A;
}

.rs-project-details__bar .item:last-child {
  text-align: right;
}

.rs-project-details .rs-service-details__sidebar {
  margin-left: 0;
  margin-top: 60px;
}

.rs-project-details .rs-service-details__sidebar .rs-sidebar-contact-box {
  background-image: url(../images/sidebar_img_portfolio.jpg);
  position: relative;
  z-index: 10;
  border-radius: 6px;
  overflow: hidden;
}

.rs-project-details .rs-service-details__sidebar .rs-sidebar-contact-box::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  background-image: linear-gradient(181deg, #25826A0F 33%, #25826A 100%);
  z-index: -1;
}

.rs-project-details .rs-service-details__sidebar .rs-sidebar-contact-box>span {
  content: "";
  position: absolute;
  right: 30px;
  top: 30px;
  padding: 11px 10px;
  transform: rotate(180deg);
  background-color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  color: #003a37;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

/*----------------------------------------*/
/*  15. Award CSS
/*----------------------------------------*/
.rs-award .section-title-3 a {
  background: #E11631;
  margin-top: 40px;
}

.rs-award .section-title-3 a:hover {
  background: #00214D;
}

.rs-award__item {
  border-bottom: 1px solid #F1F0F1;
  padding: 28px 0;
}

.rs-award__item:first-child {
  border-top: 1px solid #F1F0F1;
}

.rs-award__item .rs-thumb-1 {
  width: 200px;
}

@media only screen and (max-width: 575px) {
  .rs-award__item .rs-thumb-1 {
    width: auto;
    text-align: center;
  }
}

@media only screen and (max-width: 575px) {
  .rs-award__item .rs-thumb-2 {
    text-align: center;
    margin: 30px 0;
  }
}

.rs-award__item .rs-text {
  text-align: right;
}

@media only screen and (max-width: 575px) {
  .rs-award__item .rs-text {
    text-align: center;
  }
}

.rs-award__item .rs-text span {
  font-size: 20px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-award .section-title-3 {
    margin-bottom: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-award .section-title-3 {
    margin-bottom: 50px;
  }
}

.rs-award.rs-award-about-page .section-title-3 span {
  color: #25826A;
}

.rs-award.rs-award-about-page .section-title-3 span::before {
  background: #25826A6E;
}

.rs-award.rs-award-about-page .section-title-3 .title {
  color: #003A37;
}

.rs-award.rs-award-about-page .section-title-3 a {
  background: #25826A;
}

.rs-award.rs-award-about-page .section-title-3 a:hover {
  background: #003A37;
}

/*----------------------------------------*/
/*  16. Brand CSS
/*----------------------------------------*/
.rs-brand-3__title {
  text-align: center;
}

.rs-brand-3__title .title {
  background-color: transparent;
  background-image: linear-gradient(180deg, #1A001B8F 0%, #FFFFFF00 70%);
  font-size: 120px;
  line-height: 120px;
  margin: 0px;
  padding: 0px;
  -ms-writing-mode: unset;
  writing-mode: unset;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: 50px;
  font-weight: 700;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-brand-3__title .title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-brand-3__title .title {
    font-size: 80px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-brand-3__title .title {
    font-size: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-brand-3__title .title {
    font-size: 40px;
  }
}

.rs-brand-3 .rs-testimonial-partner-slider .partner-slider-item a img {
  transition: all linear 0.3s;
}

.rs-brand-3 .rs-testimonial-partner-slider .partner-slider-item:hover a img {
  transform: rotateX(360deg);
}

.rs-brand-3 .rs-testimonial-partner-slider .owl-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.rs-brand-3 .owl-dots {
  display: none;
}

.rs-brand-3.rs-brand-about-page .rs-brand-3__title .title {
  background-color: transparent;
  background-image: linear-gradient(180deg, #003A3770 0%, #FFFFFF00 70%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}

/*----------------------------------------*/
/*  17. Agent CSS
/*----------------------------------------*/
.rs-agent {
  background-image: url(../images/call_to_action_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

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

@media only screen and (max-width: 767px) {
  .rs-agent__content {
    padding-right: 0;
  }
}

.rs-agent__content .rs-shape {
  position: absolute;
  right: -80px;
  top: 50%;
  transform: translateY(-50%);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-agent__content .rs-shape {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .rs-agent__content .rs-shape {
    display: none;
  }
}

.rs-agent__content .title {
  color: #ffffff;
  font-size: 40px;
  line-height: 52px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-agent__content .title {
    font-size: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-agent__content .title {
    font-size: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-agent__content .title {
    font-size: 30px;
  }
}

.rs-agent__content p {
  color: #FFFFFFEB;
  font-size: 17px;
  line-height: 27px;
  margin-top: 10px;
  margin-bottom: 33px;
}

.rs-agent__content a.main-btn {
  border-radius: 3px;
  background: #F18F20;
  margin-right: 40px;
  padding: 16px 40px;
  font-size: 17px;
  font-weight: 600;
}

.rs-agent__content a.main-btn:hover {
  background: #ffffff;
  color: #101010;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-agent__content.item-2 {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-agent__content.item-2 {
    margin-top: 40px;
  }
}

.rs-agent__content.item-2 a {
  background: #ffffff;
  color: #101010;
}

.rs-agent__content.item-2 a:hover {
  background: #F18F20;
  color: #ffffff;
}

.rs-agent.rs-agent-about-page {
  background-image: none;
  background-color: #003A37;
}

.rs-agent.rs-agent-about-page .rs-agent__content a {
  background: #ffffff;
  color: #003A37;
  font-size: 16px;
  font-weight: 700;
}

.rs-agent.rs-agent-about-page .rs-agent__content a:hover {
  background: #25826A;
  color: #ffffff;
}

.rs-agent.rs-agent-about-page .rs-agent__content.item-2 a {
  background: #25826A;
  color: #ffffff;
}

.rs-agent.rs-agent-about-page .rs-agent__content.item-2 a:hover {
  background: #ffffff;
  color: #003A37;
}

/*----------------------------------------*/
/*  18. Benefit CSS
/*----------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-benefit .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .rs-benefit .section-title-4 {
    margin-bottom: 10px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-benefit .section-text {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-benefit .section-text {
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .rs-benefit .section-text {
    padding-left: 0;
    margin-right: 60px;
    margin-bottom: 30px;
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .rs-benefit .section-text {
    padding-left: 0;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-top: 0;
  }
}

.rs-benefit__item {
  padding: 30px 30px 60px;
  background: #F5F5F5;
  border-bottom: 3px solid #034B5B;
  position: relative;
  z-index: 10;
  transition: all ease 0.3s;
  background-image: url(../images/service_shape_icon.png);
  background-position: 88% 105%;
  background-repeat: no-repeat;
  background-size: 45px;
}

.rs-benefit__item::before {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0%;
  background: #034B5B;
  z-index: -1;
  transition: all ease 0.3s;
}

.rs-benefit__item span {
  color: #02010100;
  -webkit-text-stroke: 2px #F18F20;
  font-size: 70px;
  font-weight: 600;
  line-height: 96px;
  transition: all ease 0.3s;
}

.rs-benefit__item .title {
  font-size: 26px;
  font-weight: 700;
  color: #272121;
  margin-top: 15px;
  margin-bottom: 18px;
  transition: all ease 0.3s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .rs-benefit__item .title {
    font-size: 18px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .rs-benefit__item .title {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  .rs-benefit__item .title {
    font-size: 18px;
  }
}

.rs-benefit__item p {
  color: #202020;
  transition: all ease 0.3s;
}

.rs-benefit__item:hover {
  border-bottom-color: #F18F20;
}

.rs-benefit__item:hover::before {
  height: 100%;
}

.rs-benefit__item:hover span {
  color: #F18F20;
}

.rs-benefit__item:hover .title {
  color: #ffffff;
}

.rs-benefit__item:hover p {
  color: #ffffff;
}

.rs-benefit .rs-benefit__slider .rs-benefit__item.service-slider-active {
  border-bottom-color: #F18F20;
}

.rs-benefit .rs-benefit__slider .rs-benefit__item.service-slider-active::before {
  height: 100%;
}

.rs-benefit .rs-benefit__slider .rs-benefit__item.service-slider-active span {
  color: #F18F20;
}

.rs-benefit .rs-benefit__slider .rs-benefit__item.service-slider-active .title {
  color: #ffffff;
}

.rs-benefit .rs-benefit__slider .rs-benefit__item.service-slider-active p {
  color: #ffffff;
}

.rs-benefit__slider .slick-arrow {
  height: 45px;
  width: 45px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  background: #034B5B;
  transition: all ease 0.3s;
  border-radius: 4px;
  cursor: pointer;
}

.rs-benefit__slider .slick-arrow:hover {
  background: #F18F20;
}

.rs-benefit__slider .slick-arrow.prev {
  position: absolute;
  right: 0;
  top: -165px;
}

.rs-benefit__slider .slick-arrow.next {
  position: absolute;
  right: 0;
  top: -115px;
}

/*----------------------------------------*/
/*  19. Pricing CSS
/*----------------------------------------*/
.rs-pricing-page .skltbs-mode-tabs {
  text-align: center;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group {
  display: inline-block;
  background: #ffffff;
  padding: 10px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);
  border-radius: 60px;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group li {
  margin: 0;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group li .skltbs-tab {
  padding: 9px 20px;
  border-radius: 40px;
  background: transparent;
  border: 0;
  color: #003A37;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group li .skltbs-tab:focus,
.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group li .skltbs-tab:active {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-tab-group li .skltbs-tab.skltbs-active {
  background: #25826A;
  color: #ffffff;
}

.rs-pricing-page .skltbs-mode-tabs .skltbs-panel-group .skltbs-panel {
  border: 0;
  padding: 0;
}

.rs-pricing-page .skltbs-theme-light .skltbs-tab:focus,
.rs-pricing-page .skltbs-theme-light .skltbs-tab:active {
  border: 0;
  box-shadow: none;
  outline: 0;
}

.rs-pricing-page .skltbs-theme-light .skltbs-tab.skltbs-active {
  background: #25826A;
  color: #ffffff;
}

.rs-pricing-page .skltbs-theme-light .skltbs-panel {
  padding: 0 0 30px;
  border: 0;
}

.rs-pricing-page__item {
  background: #000;
  box-shadow: 0px 0px 0px 0px rgba(2, 1, 1, 0);
  border-radius: 6px;
  overflow: hidden;
  padding: 40px 40px 30px 40px;
  background: #EEF5F5;
  text-align: left;
  margin-top: 30px;
}

@media only screen and (max-width: 767px) {
  .rs-pricing-page__item {
    padding: 40px 20px;
  }
}

.rs-pricing-page__item .pricing-top {
  position: relative;
  z-index: 10;
}

.rs-pricing-page__item .pricing-top .rs-batch {
  position: absolute;
  right: 20px;
  top: 0;
}

.rs-pricing-page__item .pricing-top .rs-batch span {
  display: inline-block;
  padding: 1px 20px;
  font-size: 14px;
  color: #ffffff;
  background: #25826A;
  border-radius: 40px;
}

.rs-pricing-page__item .pricing-top .title {
  color: #25826A;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

.rs-pricing-page__item .pricing-top span {
  font-size: 24px;
  color: #003A37;
}

.rs-pricing-page__item .pricing-top span span {
  font-size: 40px;
  font-weight: 600;
  line-height: 55px;
}

.rs-pricing-page__item .pricing-top p {
  font-size: 16px;
  color: #656567;
  margin-top: 8px;
}

.rs-pricing-page__item .pricing-top a {
  width: 100%;
  background: #003A37;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 2px;
  padding: 15px 0px 15px 0px;
  margin-top: 35px;
  transition: all linear 0.3s;
}

.rs-pricing-page__item .pricing-top a:hover {
  background: #25826A;
}

.rs-pricing-page__item .pricing-list {
  padding-top: 35px;
}

.rs-pricing-page__item .pricing-list ul li {
  font-size: 18px;
  color: #656567;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0;
}

.rs-pricing-page__item .pricing-list ul li i {
  color: #25826A;
}

.rs-pricing-page__item .pricing-list ul li span {
  text-decoration: line-through;
}

.rs-pricing-page__item .pricing-list ul li.off i {
  color: #CAC4CA;
}

.rs-pricing-page__item.center {
  background: #003A37;
}

.rs-pricing-page__item.center .pricing-top .title {
  color: #ffffff;
}

.rs-pricing-page__item.center .pricing-top span {
  color: #ffffff;
}

.rs-pricing-page__item.center .pricing-top p {
  color: #ffffff;
}

.rs-pricing-page__item.center .pricing-top a {
  background: #25826A;
}

.rs-pricing-page__item.center .pricing-top a:hover {
  background: #ffffff;
  color: #25826A;
}

.rs-pricing-page__item.center .pricing-list ul li {
  color: #FFFFFFB8;
}

.rs-pricing-page__item.center .pricing-list ul li.off i {
  color: #FFFFFF91;
}

/*----------------------------------------*/
/*  20. Contact CSS
/*----------------------------------------*/
/* =========================================
   Contact Info Cards (Prossimo Blue Theme)
   ========================================= */

.rs-contact-page {
  background-color: #f8fbfe;
  /* Very light blue background for the section */
}

/* The Card Wrapper */
.rs-contact-page__info {
  background: #ffffff;
  padding: 40px 30px;
  border-radius: 8px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  /* Soft Shadow */
  height: 100%;
  /* Ensures all cards are same height */

  /* Interactive Transition */
  transition: all 0.3s ease;
  border-top: 4px solid #2563eb;
  /* Blue Top Border Accent */

  display: flex;
  flex-direction: column;
  align-items: center;
  /* Center content */
  text-align: center;
}

/* Hover Effect: Lift up and glow */
.rs-contact-page__info:hover {
  transform: translateY(-10px);
  /* Moves up */
  box-shadow: 0 15px 30px rgba(37, 99, 235, 0.15);
  /* Blue Shadow */
}

/* Icon Styling */
.rs-contact-page__info .icon-box {
  width: 70px;
  height: 70px;
  line-height: 70px;
  background-color: #eff6ff;
  /* Light Blue Circle */
  border-radius: 50%;
  margin-bottom: 25px;
  transition: all 0.3s ease;
}

.rs-contact-page__info .icon-box i {
  font-size: 32px;
  color: #2563eb;
  /* Icon Color */
}

/* Icon Hover Effect */
.rs-contact-page__info:hover .icon-box {
  background-color: #2563eb;
  /* Circle turns blue */
}

.rs-contact-page__info:hover .icon-box i {
  color: #ffffff;
  /* Icon turns white */
}

/* Title Styling */
.rs-contact-page__info .title {
  font-size: 22px;
  font-weight: 700;
  color: #1e3a8a;
  /* Dark Blue */
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 15px;
}

/* Small underline below title */
.rs-contact-page__info .title::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 40px;
  height: 2px;
  background-color: #e2e8f0;
}

/* Text Styling */
.rs-contact-page__info .rs-text p {
  font-size: 15px;
  color: #475569;
  /* Slate Grey */
  line-height: 1.6;
  margin-bottom: 10px;
}

/* Links (Email/Phone) */
.rs-contact-page__info .rs-text p a {
  color: #475569;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s;
}

.rs-contact-page__info .rs-text p a:hover {
  color: #2563eb;
  /* Blue on hover */
}

/* Highlight for "Closed" text */
.highlight-red {
  color: #e11d48 !important;
  /* Red color for 'Closed' */
  font-weight: 600;
}

/* =========================================
   Contact Form with Map Overlay (White Theme)
   ========================================= */

.rs-contact-form-area {
  position: relative;
  z-index: 1;
  padding: 120px 0;
}

/* Map Background */
.rs-contact-form-area .rs-map {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.rs-contact-form-area .rs-map iframe {
  width: 100%;
  height: 100%;
  /* Standard color map looks best with white form, removed filters */
  border: 0;
}

/* THEME CHANGE: White Box */
.rs-contact-form-area__box {
  background-color: #ffffff;
  /* White Background */
  padding: 40px;
  border-radius: 10px;
  /* Soft shadow to make it pop off the map */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid #eef2f6;
}

/* Title (Dark Blue text to be visible on white) */
.rs-contact-form-area__box .title {
  text-align: center;
  color: #1e3a8a;
  /* Prossimo Deep Blue */
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}

/* Input Fields Container */
.input-box {
  margin-bottom: 20px;
}

/* Input Styles */
.rs-contact-form-area__box .input-box input {
  width: 100%;
  height: 55px;
  border-radius: 5px;
  padding: 0 20px;

  /* Light Grey Background */
  background: #f8fafc;
  border: 1px solid #e2e8f0;

  font-size: 16px;
  color: #334155;
  /* Dark Text */
  font-family: "Epilogue", sans-serif;
  outline: none;
  transition: all 0.3s ease;
}

/* Placeholder Color */
.rs-contact-form-area__box .input-box input::placeholder {
  color: #94a3b8;
  /* Medium Grey */
  opacity: 1;
}

/* Focus State (Blue Glow) */
.rs-contact-form-area__box .input-box input:focus {
  background: #ffffff;
  border-color: #2563eb;
  /* Bright Blue Border */
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

/* Submit Button */
.main-btn {
  width: 100%;
  height: 55px;

  background-color: #2563eb;
  /* Default Bright Blue */
  color: #ffffff;

  border: none;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;

  /* Centering Text */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Button Hover State */
.main-btn:hover {
  background-color: #1e3a8a;
  /* Darker Blue on Hover */
  transform: translateY(-2px);
  /* Slight lift effect */
  box-shadow: 0 5px 15px rgba(37, 99, 235, 0.3);
}

/* Mobile Responsiveness */
@media only screen and (max-width: 991px) {
  .rs-contact-form-area {
    padding: 60px 0;
  }

  .rs-contact-form-area__box {
    margin-top: 30px;
    padding: 30px 20px;
  }
}

/* Base Styles (Full Image Visibility) */
.slider-container {
  position: relative;
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.slider {
  display: flex;
  transition: transform 0.6s cubic-bezier(0.45, 0, 0.55, 1);
  /* Ensures all slides align to the top */
  align-items: flex-start;
}

.slide {
  min-width: 100%;
  /* Height is now automatic based on the image */
  height: auto;
}

.slide img {
  width: 100%;
  /* Height auto maintains the original aspect ratio */
  height: auto;
  /* 'block' removes the tiny gap at the bottom of images */
  display: block;
  /* Ensures the image isn't forced to crop */
  object-fit: contain;
}

/* Dots visible by default (Mobile) */
.dots-container {
  text-align: center;
  padding: 10px 0;
  display: block;
}

.dot {
  height: 10px;
  width: 10px;
  margin: 0 6px;
  background-color: #cbd5e0;
  border-radius: 50%;
  display: inline-block;
}

.dot.active {
  background-color: #2d3748;
}

/* Desktop View Adjustments */
@media (min-width: 768px) {

  /* Hide dots on Desktop */
  .dots-container {
    display: none;
  }

  /* Optional: Limit max-width on very large screens 
     so the banner doesn't become excessively tall */
  .slider-container {
    max-width: 100%;
  }
}

.rs-header-login a {
  color: #1b2132;
  /* Deep dark blue/black to match your theme */
  font-size: 18px;
  font-weight: 500;
  transition: all 0.3s ease;
  margin-right: -30px;
}

.rs-header-login a:hover {
  color: #6A36FF;
  /* Primary theme color on hover */
}

.login-icon i {
  font-size: 24px;
  /* Larger icon to match the UI in your screenshot */
  vertical-align: middle;
  display: inline-block;
  margin-right: 8px;
}

/* Utility classes if not using Bootstrap 4/5 */
.ml-20 {
  margin-left: 20px;
}

.mr-2 {
  margin-right: 8px;
}

.d-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}





/* Card Container */
.feature-card {
  background: #ffffff;
  padding: 30px 25px;
  border-radius: 16px;
  /* Smooth rounded corners */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  /* Very subtle shadow */
  height: 100%;
  transition: all 0.3s ease-in-out;
  border: 1px solid #f0f0f0;
  /* Light border for definition */
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Hover Effect: Lift up */
.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border-color: transparent;
}

/* Icon Box Styling */
.icon-box {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-bottom: 20px;
}

/* Specific Colors for Icons */
.icon-blue {
  background-color: #E6F0FF;
  color: #0066FF;
}

.icon-purple {
  background-color: #F3E8FF;
  color: #9333EA;
}

.icon-indigo {
  background-color: #E0E7FF;
  color: #4F46E5;
}

.icon-orange {
  background-color: #FFF7ED;
  color: #EA580C;
}

/* Text Styling */
.feature-card .title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 12px;
}

.feature-card .desc {
  font-size: 15px;
  color: #6B7280;
  /* Soft grey text */
  line-height: 1.6;
  margin-bottom: 25px;
  flex-grow: 1;
  /* Pushes the button to the bottom */
}

/* Link Button Styling */
.learn-more {
  font-size: 15px;
  font-weight: 600;
  color: #9333EA;
  display: inline-flex;
  align-items: center;
  text-decoration: none !important;
  transition: gap 0.3s ease;
}

.learn-more i {
  margin-left: 5px;
  transition: margin-left 0.3s ease;
}

/* Hover effect on Link */
.learn-more:hover i {
  margin-left: 10px;
  /* Arrow moves forward on hover */
}

/* Link Colors matching icons */
.color-purple {
  color: #9333EA;
}

.color-indigo {
  color: #9333EA;
}

.color-orange {
  color: #9333EA;
}

.color-blue {
  color: #9333EA;
}

/* Utility spacing if not in your bootstrap */
.mb-30 {
  margin-bottom: 30px;
}

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

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




/* <!-- ====start About-Prossimo-Ai=== --> */

/* --- About Prossimo Section Styles --- */

.about-illustration-wrapper img {
  border-radius: 20px;
}

/* Typography */
.sub-heading {
  color: #4F46E5;
  /* Indigo/Purple color */
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 1px;
  display: block;
  margin-bottom: 10px;
}

.main-heading {
  font-size: 42px;
  font-weight: 800;
  color: #111827;
  margin-bottom: 20px;
}

.about-prossimo-content .description {
  color: #4B5563;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
}

/* Vision Card (The white box with border) */
.vision-card {
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #FAFAFA;
  /* Very light grey background */
  margin-bottom: 35px;
}

.vision-card h5 {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 5px;
}

.vision-card .vision-statement {
  color: #4F46E5;
  /* Purple text for the vision */
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}

.vision-card .icon-part i {
  font-size: 40px;
  color: #E0E7FF;
  /* Faint icon color */
}

.img-fluid {
  margin-left: 10px;
}

/* Mission Grid */
.mission-label {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
}

.mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* 2 Columns */
  gap: 20px;
}

.mission-item {
  display: flex;
  align-items: center;
}

.mission-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 12px;
  flex-shrink: 0;
}

.mission-icon.icon-purple {
  background-color: #EEF2FF;
  color: #4F46E5;
}

.mission-text {
  font-size: 14px;
  color: #374151;
  font-weight: 500;
  line-height: 1.4;
}

/* Initiative Tags (Pills) */

/* Update this class to use Flexbox for alignment */

/* --- Initiative Cards Styling --- */

/* Base Card Style */
.initiative-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 25px 15px;
  /* Good padding for space */
  text-align: center;
  border: 1px solid #E5E7EB;
  transition: all 0.3s ease;
  height: 100%;
  /* Ensures both cards are the same height */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

/* Hover Effect (Optional: slight lift) */
.initiative-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

/* Logo Sizing */
.initiative-card .card-logo {
  height: 80px;
  /* Fixed height makes logos look consistent */
  width: auto;
  /* Maintains aspect ratio */
  margin-bottom: 10px;
  object-fit: contain;
  /* Ensures logo doesn't get cropped */
}

/* Text Styling */
.initiative-card .card-text {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
  line-height: 1.4;
}

/* --- Color Themes (Matching previous colors) --- */

/* Orange Theme (NITI Aayog) */
.card-orange-theme {
  background-color: #EFF6FF;
  /* Very light blue background */
  border-color: #DBEAFE;
}

.card-orange-theme .card-text {
  color: #2563EB;
  /* Dark blue text */

}

/* Blue Theme (Meity) */
.card-blue-theme {
  background-color: #FFF7ED;
  /* Very light orange background */
  border-color: #FFEDD5;

}

.card-blue-theme .card-text {
  color: #EA580C;
  /* Dark orange text */

}

/* Keep your existing colors */
.tag-orange {
  background-color: #FFF7ED;
  color: #EA580C;
  border: 1px solid #FFEDD5;
}

.tag-blue {
  background-color: #EFF6FF;
  color: #2563EB;
  border: 1px solid #DBEAFE;
}

.tag-orange {
  background-color: #FFF7ED;
  color: #EA580C;
  border: 1px solid #FFEDD5;
}

.tag-blue {
  background-color: #EFF6FF;
  color: #2563EB;
  border: 1px solid #DBEAFE;
}

/* Footer Note */
.footer-note {
  font-size: 13px;
  color: #9CA3AF;
  font-style: italic;
  margin-bottom: 0;
}

/* Responsive Adjustments */
@media (max-width: 991px) {
  .pl-30 {
    padding-left: 0;
  }

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

  /* Stack mission items on mobile */
  .main-heading {
    font-size: 32px;
  }
}



/* <!-- ===Start-how platform work=== --> */
/* Section Typography */
.section-title2 {
  font-size: 36px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 15px;
}

.section-desc {
  font-size: 16px;
  color: #6B7280;
}

/* Process Item Styling */
.process-item {
  padding: 20px;
  transition: transform 0.3s ease;
}

.process-item:hover {
  transform: translateY(-5px);
  /* Gentle lift on hover */
}

/* Circular Icon Container */
.icon-circle {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  margin: 0 auto 25px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  color: #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  /* Soft shadow below circle */
}

/* Specific Gradient Colors based on your image */
.bg-blue {
  background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
  /* Bright Blue */
  box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);
  /* Blue colored shadow */
}

.bg-indigo {
  background: linear-gradient(135deg, #6366F1 0%, #4F46E5 100%);
  /* Indigo/Periwinkle */
  box-shadow: 0 10px 20px rgba(79, 70, 229, 0.3);
  /* Indigo colored shadow */
}

.bg-purple {
  background: linear-gradient(135deg, #A855F7 0%, #9333EA 100%);
  /* Purple/Magenta */
  box-shadow: 0 10px 20px rgba(147, 51, 234, 0.3);
  /* Purple colored shadow */
}

/* Step Title */
.process-title {
  font-size: 22px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 15px;
}

/* Step Description */
.process-text {
  font-size: 15px;
  color: #4B5563;
  line-height: 1.6;
  max-width: 300px;
  margin: 0 auto;
  /* Keeps text centered and neat */
}





/* header start */

/* --- Sticky Header Container --- */
/* --- Fixed Header Styles --- */
.prossimo-header-sticky {
  position: fixed;
  /* Changed from sticky to fixed */
  top: 0;
  left: 0;
  width: 100%;
  /* Ensures it spans the full width */
  z-index: 9999;
  /* High z-index to stay on top of everything */
  background-color: #085393;
  padding: 15px 0;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

/* Add padding to body equal to header height approx 80px-90px */
body {
  padding-top: 90px;
}

/* On mobile, the header is smaller, so less padding needed */
@media (max-width: 991px) {
  body {
    padding-top: 70px;
  }
}

/* --- Mobile Logo Adjustment --- */
@media (max-width: 991px) {
  .logo-area img {
    /* Reduces logo height from 40px to 28px on mobile */
    max-height: 40px !important;
    width: auto;
  }

  /* Optional: Adjust header padding on mobile if it feels too tall */
  .prossimo-header-sticky {
    padding: 12px 0;
  }
}

/* Layout Utilities */
.custom-container {
  padding-left: 50px;
  padding-right: 50px;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* --- Logo Styling --- */
/* .logo-area img {
    max-height: 40px; Adjust based on your actual logo size
    width: auto;
}
.text-logo {
    font-size: 24px;
    font-weight: 700;
    color: #2D2B57; Prossimo Deep Purple
} */

/* --- Logo Box Styling (Matches the Image) --- */
.logo-area {
  background-color: #ffffff;
  /* Pure white background */
  padding: 2px 4px;
  /* Inner spacing for the white box */
  margin-right: 30px;
  /* Gap between the white box and the menu links */
  border-radius: 4px;
  /* Slight rounding (change to 0px for sharp edges) */
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  /* Subtle shadow to lift it off the blue */
  height: 100%;
  /* Ensures consistent height */
}

/* Logo Image Sizing */
.logo-area img {
  max-height: 47px !important;
  /* Forces logo to fit nicely inside the box */
  width: auto;
  display: block;
}


/* --- Navigation Menu --- */
.main-menu ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 35px;
  /* Space between menu items */
}

.main-menu a {
  text-decoration: none;
  color: #ffffff;
  /* Dark Grey Text */
  font-weight: 500;
  font-size: 16px;
  transition: color 0.3s ease;
}

.main-menu a:hover {
  /* color: #6A36FF; purple highlight on hover */
}

/* --- Right Side Actions --- */
.header-right {
  display: flex;
  align-items: center;
  gap: 30px;
}

/* Login Link */
.login-btn {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none !important;
}

.login-btn i {
  font-size: 20px;
  font-weight: normal;
}

.login-btn:hover {
  color: #6A36FF;
}

/* Orange CTA Button */
.header-cta-btn {
  background: #6A36FF;
  /* Vibrant Orange */
  color: #ffffff !important;
  padding: 10px 24px;
  border-radius: 50px;
  /* Pill shape */
  font-weight: 600;
  font-size: 15px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(255, 107, 0, 0.25);
}

.header-cta-btn:hover {
  /* background: #8C66FF; Darker orange on hover */
  transform: translateY(-2px);
  /* Slight lift effect */
}

/* Mobile Responsive Tweaks */
@media (max-width: 991px) {
  .custom-container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .header-cta-btn {
    display: none;
    /* Hide big button on mobile if needed */
  }

  .mobile-toggle {
    font-size: 24px;
    cursor: pointer;
    color: #111827;
  }
}

/* --- Dropdown Styling --- */

/* Parent List Item */
.main-menu li.has-dropdown {
  position: relative;
  /* Anchor for the absolute submenu */
  padding-bottom: 15px;
  /* Adds invisible bridge area so menu doesn't close while moving mouse */
  margin-bottom: -15px;
  /* Counteracts padding to keep layout aligned */
}

/* The Submenu Box (Hidden by default) */
.main-menu .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 260px;
  /* Width of dropdown */
  background-color: #ffffff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 15px 0;
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  display: block;
  /* Overrides flex from parent ul */
  /* border-top: 3px solid #6A36FF; Orange top border for style */
  z-index: 1100;
}

/* Show Submenu on Hover */
.main-menu li.has-dropdown:hover .submenu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Submenu Links */
.main-menu .submenu li {
  display: block;
  margin: 0;
  padding: 0;
}

.main-menu .submenu a {
  display: block;
  padding: 10px 25px;
  font-size: 15px;
  color: #4B5563;
  border-bottom: 1px solid #f3f4f6;
  transition: all 0.2s ease;
}

.main-menu .submenu li:last-child a {
  border-bottom: none;
  /* Remove border from last item */
}

/* Hover Effect for Submenu Items */
.main-menu .submenu a:hover {
  background-color: #E6D9FF;
  /* Light orange background */
  /* color: #6A36FF; Orange text */
  padding-left: 30px;
  /* Slight movement to right */
}

/* Arrow Icon Styling */
.ri-arrow-down-s-line {
  font-size: 14px;
  vertical-align: middle;
  margin-left: 2px;
}

/* --- Mobile Menu Styles --- */
@media (max-width: 991px) {

  /* Override Bootstrap's d-none when active */
  .main-menu.mobile-active {
    display: block !important;
    position: absolute;
    top: 100%;
    /* Pushes it right below the header */
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    z-index: 999;
    border-top: 1px solid #f0f0f0;
    color: black !important;
  }

  .main-menu a {
    color: black;
  }

  /* Stack links vertically */
  .main-menu.mobile-active nav ul {
    flex-direction: column;
    color: black;
    gap: 0;
  }

  .main-menu.mobile-active nav ul li {
    border-bottom: 1px solid #f5f5f5;
  }

  .main-menu.mobile-active nav ul li:last-child {
    border-bottom: none;
  }

  .main-menu.mobile-active nav ul li a {
    display: block;
    padding: 15px 0;
    font-size: 16px;
  }

  /* Mobile Submenu Handling */
  .main-menu.mobile-active .submenu {
    position: static;
    /* Not absolute on mobile */
    box-shadow: none;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: none;
    /* Hidden until clicked */
    background-color: #f9fafb;
    /* Light grey for submenu area */
    padding-left: 20px;
    border-top: none;
    color: #000 !important;
  }

  /* Show submenu when parent has 'open' class */
  .has-dropdown.dropdown-open .submenu {
    display: block;
  }
}


/* slider start */

@media(max-width:768px) {
  .image-banner-slider img {
    height: 420px !important;
  }
}


.rs-banner-4 {
  padding: 0 !important;
}

@media(max-width:768px) {
  .rs-banner-4 img {
    height: 191px !important;
    object-fit: cover;
  }
}

/* ===== PERFECT HERO SLIDER ===== */

.hero-slide {
  width: 100%;
  height: 90vh;
  /* screen ke according auto height */
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}


/* Large Desktop */
@media(max-width:1400px) {
  .hero-slide {
    height: 80vh;
  }
}

/* Laptop */
@media(max-width:1200px) {
  .hero-slide {
    height: 70vh;
  }
}

/* Tablet */
@media(max-width:992px) {
  .hero-slide {
    height: 60vh;
    background-position: center;
  }
}

/* Mobile */
@media(max-width:768px) {
  .hero-slide {
    height: 45vh;
    background-position: center;
  }
}

/* Small Mobile */
@media(max-width:480px) {
  .hero-slide {
    height: 38vh;
  }
}

/* ===== PERFECT IMAGE RATIO SLIDER ===== */

.hero-slide img {
  width: 100%;
  height: auto;
  /* GAME CHANGER */
  display: block;
}


/* Mobile spacing remove */
.rs-banner-4 {
  padding: 0 !important;
}



/* star-participate */

/* --- Left Side Styling --- */
.rs-participate .section-title {
  font-size: 42px;
  font-weight: 800;
  color: #111827;
  line-height: 1.2;
}

.rs-participate .section-desc {
  font-size: 16px;
  color: #4B5563;
  line-height: 1.6;
}

/* Grey Feature Box */
.feature-box {
  background-color: #F9FAFB;
  /* Very light grey */
  padding: 30px;
  border-radius: 12px;
}

.check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.check-list li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
  font-size: 15px;
  color: #374151;
  /* Dark grey text */
  font-weight: 500;
}

.check-list li:last-child {
  margin-bottom: 0;
}

/* Purple Bullet Dot */
.check-list .dot {
  height: 8px;
  width: 8px;
  background-color: #4F46E5;
  /* Indigo/Purple */
  border-radius: 50%;
  margin-right: 12px;
  flex-shrink: 0;
}

/* --- Right Side Cards --- */
.participant-card {
  background: #ffffff;
  border: 1px solid #E5E7EB;
  /* Light border */
  border-radius: 16px;
  padding: 25px;
  height: 100%;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.participant-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border-color: #E0E7FF;
  transform: translateY(-5px);
}

/* Icon Box Styling */
.card-icon {
  width: 50px;
  height: 50px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
}

/* Gradients for Icons */
.bg-gradient-blue {
  background: linear-gradient(135deg, #60A5FA, #2563EB);
}

.bg-gradient-purple {
  background: linear-gradient(135deg, #C084FC, #9333EA);
}

.bg-gradient-indigo {
  background: linear-gradient(135deg, #818CF8, #4F46E5);
}

.bg-gradient-violet {
  background: linear-gradient(135deg, #A78BFA, #7C3AED);
}

/* Card Text */
.card-info h4 {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 5px;
}

.card-info p {
  font-size: 14px;
  color: #6B7280;
  margin: 0;
}



/* Start AI domain & sector */

/* --- Domain Slider Styling --- */

/* Slider Layout */
.domain-slider-wrapper {
  position: relative;
  padding: 0 60px;
  /* Space for buttons */
}

.domain-slider-container {
  overflow: hidden;
  /* Hides cards that are off-screen */
  width: 100%;
}

.domain-track {
  display: flex;
  gap: 30px;
  /* Space between cards */
  /* REMOVED: transition: transform 0.5s ease-in-out; (JS will handle this) */
  padding: 10px 5px;
  will-change: transform;
}

/* Individual Card */
.domain-card {
  min-width: 250px;
  /* Fixed width for consistency */
  flex: 0 0 250px;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  padding: 40px 20px;
  text-align: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  transition: all 0.3s ease;
}

.domain-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
  border-color: #E0E7FF;
}

/* Icons */
.domain-icon {
  font-size: 48px;
  margin-bottom: 20px;
}


/* Icon Colors */
.text-blue {
  color: #2563EB;
}

.text-red {
  color: #EF4444;
}

.text-green {
  color: #10B981;
}

.text-cyan {
  color: #06B6D4;
}

.text-purple {
  color: #8B5CF6;
}

.text-orange {
  color: #F59E0B;
}

.domain-name {
  font-size: 18px;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

/* Navigation Buttons */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: #ffffff;
  border: 1px solid #E5E7EB;
  color: #4B5563;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  transition: all 0.3s ease;
}

.slider-btn:hover {
  background: #111827;
  color: #ffffff;
  border-color: #111827;
}

.prev-btn {
  left: 0;
}

.next-btn {
  right: 0;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
  .domain-slider-wrapper {
    padding: 0;
    /* Remove side padding on mobile */
  }

  .slider-btn {
    display: none;
    /* Hide arrows on mobile, let them scroll naturally */
  }

  .domain-slider-container {
    overflow-x: auto;
    /* Enable touch scrolling */
    scroll-behavior: smooth;
  }

  .domain-card {
    min-width: 220px;
  }
}

.domain-slider-container {
  /* Firefox */
  scrollbar-width: none;

  /* Internet Explorer 10+ */
  -ms-overflow-style: none;
}

/* 2. WebKit (Chrome, Safari, Opera, most mobile browsers) */
.domain-slider-container::-webkit-scrollbar {
  display: none;
  /* This removes the line */
  width: 0;
  height: 0;
}



/* start engagments */

/* --- Engagements Section Styling --- */

/* 1. Section Background */
.bg-light-grey {
  background-color: #F8F9FB;
  /* Subtle grey as requested */
}

/* 2. Card Container */
.engage-card {
  background: #ffffff;
  border-radius: 16px;
  padding: 30px;
  position: relative;
  /* Needed for absolute positioning of shape */
  overflow: hidden;
  /* Hides the overflowing part of the shape */
  border: 1px solid #f0f0f0;
  height: 100%;
  transition: all 0.3s ease;
}

.engage-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}

/* 3. Icons */
.engage-card .card-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 25px;
  position: relative;
  z-index: 2;
  /* Ensures icon stays above the shape */
}

/* 4. Text Content */
.engage-card .title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
}

.engage-card .desc {
  font-size: 14px;
  color: #6B7280;
  line-height: 1.6;
  margin-bottom: 0;
  position: relative;
  z-index: 2;
}

/* 5. Decorative Top-Right Shape */
.engage-card .decor-shape {
  position: absolute;
  top: -40px;
  right: -40px;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: 1;
  /* Behind the text */
}

/* --- Color Themes --- */

/* Blue Theme */
.card-blue .card-icon {
  background-color: #2563EB;
}

.card-blue .decor-shape {
  background-color: #EFF6FF;
}

/* Very light blue */

/* Purple Theme */
.card-purple .card-icon {
  background-color: #A855F7;
}

.card-purple .decor-shape {
  background-color: #F3E8FF;
}

/* Very light purple */

/* Orange Theme */
.card-orange .card-icon {
  background-color: #F97316;
}

.card-orange .decor-shape {
  background-color: #FFF7ED;
}

/* Very light orange */

/* Green Theme */
.card-green .card-icon {
  background-color: #10B981;
}

.card-green .decor-shape {
  background-color: #ECFDF5;
}

/* Very light green */


/* start membership */
/* --- Membership Section Styling --- */

/* Card Container */
.member-card {
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 30px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* Pushes button to bottom */
}

/* Standard Card (Left & Right) */
.card-standard {
  border: 1px solid #E5E7EB;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.02);
}

.card-standard:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
}

/* Featured Card (Center) */
.card-featured {
  border: 2px solid #F3E8FF;
  /* Light Purple Border */
  background: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);
  box-shadow: 0 20px 40px rgba(147, 51, 234, 0.1);
  /* Soft Purple Shadow */
  transform: scale(1.05);
  /* Make it slightly larger */
  position: relative;
  z-index: 2;
}

/* Most Popular Badge */
.badge-popular {
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%);
  background: #F3E8FF;
  color: #9333EA;
  font-size: 12px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Typography */
.member-card .card-title {
  font-size: 20px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
}

.member-card .text-purple {
  color: #4C1D95;
  /* Deep Purple for title */
}

.member-card .card-desc {
  font-size: 15px;
  color: #6B7280;
  line-height: 1.6;
  margin-bottom: 35px;
}

/* Buttons */
.member-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 12px 30px;
  border-radius: 50px;
  font-weight: 600;
  text-decoration: none !important;
  transition: all 0.3s ease;
  width: 100%;
  /* Full width buttons */
}

.member-btn i {
  margin-left: 8px;
}

/* Button Colors */
.btn-blue {
  background-color: #2563EB;
  color: #ffffff;
}

.btn-blue:hover {
  background-color: #1D4ED8;
  color: #ffffff;
}

.btn-purple {
  background-color: #9333EA;
  color: #ffffff;
  box-shadow: 0 4px 15px rgba(147, 51, 234, 0.3);
}

.btn-purple:hover {
  background-color: #7E22CE;
  color: #ffffff;
}

.btn-outline {
  background-color: transparent;
  border: 1px solid #D1D5DB;
  color: #374151;
}

.btn-outline:hover {
  border-color: #111827;
  color: #111827;
  background-color: #F9FAFB;
}

/* Responsive Tweak for Mobile */
@media (max-width: 991px) {
  .card-featured {
    transform: scale(1);
    /* Reset size on mobile so it stacks nicely */
    margin-top: 20px;
    margin-bottom: 20px;
  }
}


/* start-footer */

/* --- Footer Container --- */
.prossimo-footer {
  background-color: #E6D9FF;
  border-top: 1px solid #E5E7EB;
  /* Subtle top border */
  font-family: sans-serif;
  /* Ensures clean font matching image */
}

/* --- Typography --- */
.footer-logo-text {
  font-size: 24px;
  font-weight: 800;
  color: #111827;
  /* Dark Black/Grey */
  margin-bottom: 20px;
}

.footer-desc {
  font-size: 15px;
  color: #4B5563;
  /* Medium Grey */
  line-height: 1.6;
  margin-bottom: 20px;
  max-width: 90%;
  /* Keeps the text block neat */
}

.footer-heading {
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  margin-bottom: 20px;
  text-transform: uppercase;
  /* Optional: Makes headings crisp */
  letter-spacing: 0.5px;
}

/* --- Links Styling --- */
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li {
  margin-bottom: 12px;
}

.footer-links a {
  text-decoration: none;
  color: #4B5563;
  /* Normal State: Grey */
  font-size: 15px;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Hover Effect: Links */
.footer-links a:hover {
  color: #4F46E5;
  /* Hover State: Prossimo Purple */
  padding-left: 5px;
  /* Slight movement effect */
}

/* --- Social Icons --- */
.footer-social {
  display: flex;
  gap: 15px;
}

.footer-social a {
  width: 40px;
  height: 40px;
  background-color: #F3F4F6;
  /* Light grey circle background */
  color: #111827;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s ease;
}

/* Hover Effect: Social Icons */
.footer-social a:hover {
  background-color: #4F46E5;
  /* Circle turns Purple */
  color: #ffffff;
  /* Icon turns White */
  transform: translateY(-3px);
  /* Lifts up slightly */
}

/* --- Footer Bottom --- */
.footer-bottom-line {
  border-top: 1px solid #E5E7EB;
  padding-top: 30px;
  margin-top: 10px;
}

.copyright-text {
  font-size: 14px;
  color: #6B7280;
}

/* Responsive Tweak */
@media (max-width: 991px) {
  .offset-lg-1 {
    margin-left: 0;
    /* Reset offset on mobile */
  }
}

/* --- Banner Image Styling --- */
.banner-img {
  width: 100%;
  /* Always span full width */
  height: 500px;
  /* Fixed height for Desktop as requested */

  /* Key properties for responsiveness */
  object-fit: cover;
  /* Ensures image covers the area without stretching */
  object-position: right center;
  /* ANCHOR: Keeps right side visible, crops left */
}

/* --- Responsive Adjustments --- */

/* Tablet (Reduce height slightly) */
@media (max-width: 991px) {
  .banner-img {
    height: 400px;
    /* object-position is inherited, so it still shows the right side */
  }
}

/* Mobile (Reduce height further so it's not too tall) */
@media (max-width: 767px) {
  .banner-img {
    height: 300px;
    /* Good height for mobile banners */
  }
}



/* --- Initiative Banner Styles --- */
/* --- Initiative Banner Styles --- */
.initiative-banner-wrapper {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 30px;
}

.initiative-banner {
  display: flex;
  align-items: center;
  justify-content: center;
  /* Centers everything together */
  background-color: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 15px 30px;
  gap: 60px;
  /* <--- THIS CONTROLS THE GAP SIZE. Adjust if needed. */
}

/* Left and Right Logo Groups */
.ib-logo-group {
  display: flex;
  align-items: center;
  gap: 15px;
  flex-shrink: 0;
  /* Prevents logos from shrinking */
}

/* Logos */
.ib-logo {
  height: 70px;
  width: auto;
  object-fit: contain;
}

/* Vertical Divider Line */
.ib-divider {
  width: 1px;
  height: 35px;
  background-color: #cbd5e1;
}

/* Text next to logos */
.ib-text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
  text-align: left;
}

.ib-title {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

.ib-subtitle {
  font-size: 11px;
  font-weight: 500;
  color: #64748b;
  margin-top: 2px;
}

/* Middle Center Text */
.ib-center-text {
  text-align: center;
  /* Removed flex: 1; so it doesn't push items apart */
}

/* --- General Styles --- */
.ib-logo-group {
  display: flex;
  align-items: center;
  gap: 12px;
  /* Consistent spacing */
}

/* Emblem Text Container */
.ib-emblem-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  line-height: 1.2;
}

.ib-strategy-text {
  font-size: 10px;
  color: #64748b;
  font-weight: 500;
  text-transform: uppercase;
  white-space: nowrap;
  /* Keeps text on one line if space permits */
}

.ib-ai-text {
  font-size: 13px;
  color: #1e293b;
  font-weight: 800;
  /* Extra bold for AI FOR ALL */
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Divider Line */
.ib-divider {
  width: 1px;
  height: 35px;
  background-color: #cbd5e1;
  margin: 0 5px;
  /* Spacing around the line */
}

/* NITI Aayog Title */
.ib-title {
  font-size: 16px;
  font-weight: 700;
  color: #1e293b;
  white-space: nowrap;
}

/* --- MOBILE RESPONSIVE FIX (Max width 576px) --- */
@media (max-width: 576px) {
  /* Stack the whole group if it's too wide, or just shrink text */

  .ib-logo-group {
    gap: 8px;
    /* Reduce gap */
  }

  .ib-logo {
    height: 35px;
    /* Smaller logo */
  }

  .ib-strategy-text {
    font-size: 8px;
    /* Smaller text */
    white-space: normal;
    /* Allow wrapping if absolutely needed */
  }

  .ib-ai-text {
    font-size: 11px;
    /* Smaller bold text */
  }

  .ib-divider {
    height: 25px;
    /* Shorter divider */
    margin: 0 2px;
  }

  .ib-title {
    font-size: 13px;
    /* Smaller Title */
  }
}

.ib-center-text p {
  margin: 0;
  font-size: 15px;
  color: #475569;
  font-weight: 500;
  line-height: 1.4;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  .initiative-banner {
    flex-direction: column;
    gap: 20px;
    /* Smaller gap on mobile */
    padding: 25px 20px;
  }

  .ib-divider {
    display: none;
  }

  .ib-center-text {
    order: 2;
    /* Keeps text in middle on mobile too */
    padding: 10px 0;
  }
}








/* --- How Platform Works Section (Clean 2D Style) --- */
.process-wrapper {
  padding: 10px 0;
  background-color: #f8fbfe;
}

.process-title-main {
  text-align: center;
  color: #0f2e5a;
  font-weight: 800;
  font-size: 32px;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* The Banner Container */
.process-container-banner {
  /* Horizontal gradient matching the reference image */
  background: linear-gradient(to right, #eef4fe 0%, #f6faff 50%, #eef4fe 100%);
  position: relative;
  padding: 60px 0;
  /* Sufficient padding to keep icons inside */
  border-radius: 8px;
  /* Optional: smooth corners */
}

/* The Grid Row */
.process-row {
  display: flex;
  align-items: flex-start;
  /* Aligns items to top */
  width: 100%;
}

/* Individual Step Item */
.process-step-item {
  flex: 1;
  text-align: center;
  padding: 0 30px;
  position: relative;
  z-index: 1;
}

/* --- Icon Styling (2D, Flat, Full Visibility) --- */
.process-icon-wrapper {
  margin-bottom: 25px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
  /* Fixed height to align all steps */
}

.process-icon-wrapper i {
  font-size: 70px;
  /* Large visible icons */
  line-height: 1;
}

/* Gradients for Icons (Matching the reference image style) */
.icon-connect-gradient i {
  background: linear-gradient(135deg, #1e5fc9, #2b84ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon-collab-wrapper {
  gap: 15px;
}

.icon-collab-green {
  font-size: 65px !important;
  background: linear-gradient(135deg, #009975, #2dbd96);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.icon-collab-blue {
  font-size: 55px !important;
  background: linear-gradient(135deg, #1e5fc9, #2b84ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 10px;
  /* Slight offset for the second icon */
}

.icon-create-gradient i {
  background: linear-gradient(135deg, #2b4b7c, #4a7ac2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* --- Arrow Separators (The White Chevron) --- */
/* We use ::after to draw a white arrow pointing to the right */
.process-step-item:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 50px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 100 100' fill='%23ffffff'%3E%3Cpath d='M0,0 L30,50 L0,100 L20,100 L50,50 L20,0 Z' opacity='0.6' /%3E%3Cpath d='M30,0 L60,50 L30,100 L50,100 L80,50 L50,0 Z' /%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
  z-index: 0;
  opacity: 0.8;
}

/* Step Text Styling */
.process-step-title {
  font-size: 24px;
  font-weight: 700;
  color: #0f2e5a;
  margin-bottom: 15px;
}

.process-step-desc {
  font-size: 15px;
  color: #556987;
  line-height: 1.6;
  margin: 0 auto;
  max-width: 320px;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 991px) {
  .process-container-banner {
    background: none;
    /* Remove banner background on mobile */
    padding: 0;
  }

  .process-row {
    flex-direction: column;
  }

  .process-step-item {
    margin-bottom: 40px;
    padding: 20px;
    border-bottom: 1px solid #eee;
    /* Simple line separator for mobile */
  }

  .process-step-item:last-child {
    border-bottom: none;
  }

  /* Remove the arrow separators on mobile */
  .process-step-item:not(:last-child)::after {
    display: none;
  }
}






/* --- Fix for Icon Visibility --- */
/* --- Platform Highlights (Image Icon Version) --- */

.highlights-wrapper {
  padding: 10px 0;
  background-color: #fff;
}

.highlights-title {
  text-align: center;
  color: #0f2e5a;
  font-weight: 800;
  font-size: 32px;
  margin-bottom: 50px;
}

.highlights-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

/* Individual Card Styling */
.highlight-card {
  flex: 1;
  min-width: 200px;
  border-radius: 12px;
  padding: 30px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  /* justify-content: space-between; ensures content is spread evenly */
  justify-content: flex-start;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
  min-height: 240px;
}

.highlight-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.08);
}

/* --- Image Icon Styling --- */
.highlight-img-icon {
  height: 70px;
  /* Adjust height to fit your specific images */
  width: auto;
  /* Maintains aspect ratio */
  object-fit: contain;
  display: block;
  margin-bottom: 20px;
  /* Space between image and title */

  /* Optional: Drop shadow similar to your reference */
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

/* Background Colors (Same as before) */
.bg-cyan-tint {
  background-color: #e0f7fa;
  border-bottom: 4px solid #00bcd4;
}

.bg-blue-tint {
  background-color: #e3f2fd;
  border-bottom: 4px solid #2196f3;
}

.bg-indigo-tint {
  background-color: #e8eaf6;
  border-bottom: 4px solid #3f51b5;
}

.bg-purple-tint {
  background-color: #f3e5f5;
  border-bottom: 4px solid #9c27b0;
}

.bg-deep-tint {
  background-color: #ede7f6;
  border-bottom: 4px solid #673ab7;
}

/* Text Styles */
.highlight-card-title {
  font-size: 18px;
  font-weight: 700;
  color: #1E2055;
  line-height: 1.3;
  margin-bottom: auto;
  /* Pushes title to center/top */
}

.highlight-card-desc {
  font-size: 13px;
  color: #556987;
  line-height: 1.4;
  margin-top: 10px;
}

/* Footer Section */
.sector-bar {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid #eee;
  margin-top: 20px;
}

.sector-text {
  font-size: 16px;
  color: #0f2e5a;
  font-weight: 500;
}

.sector-label {
  font-weight: 700;
  color: #1E2055;
  font-style: italic;
  margin-right: 5px;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  .highlights-grid {
    flex-direction: column;
    align-items: center;
  }

  .highlight-card {
    width: 100%;
    margin-bottom: 15px;
    min-height: auto;
  }
}




/* --- Engage Section Styles --- */
/* --- Engage Section (Image Icon Version) --- */
.engage-wrapper {
  padding: 10px 0;
  background-color: #fff;
}

/* Header Styles */
.engage-header-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-bottom: 50px;
}

.engage-header-line {
  height: 2px;
  width: 60px;
  background-color: #e2e8f0;
  display: block;
}

.engage-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f2e5a;
  margin: 0;
  text-align: center;
}

/* Grid Layout */
.engage-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Card Styling */
.engage-card {
  flex: 1;
  min-width: 180px;
  border-radius: 12px;
  padding: 30px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px solid;
  transition: transform 0.3s ease;
  overflow: visible;
  min-height: 260px;
}

.engage-card:hover {
  transform: translateY(-5px);
}

/* --- Image Icon Styling --- */
.engage-img-icon {
  height: 65px;
  /* Adjust height based on your images */
  width: auto;
  object-fit: contain;
  display: block;
  /* Optional: Slight drop shadow to match the reference image depth */
  filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1));
}

/* Color Themes (Same as before) */
.card-blue-theme {
  background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
  border-color: #dbeafe;
}

.card-yellow-theme {
  background: linear-gradient(180deg, #f0f7ff 0%, #ffffff 100%);
  border-color: #dbeafe;
}

/* Text Styling */
.engage-card-title {
  font-size: 17px;
  font-weight: 700;
  color: #0f2e5a;
  margin-bottom: 15px;
  line-height: 1.3;
  min-height: 44px;
  /* Keeps titles aligned */
  display: flex;
  align-items: center;
  justify-content: center;
}

.engage-card-desc {
  font-size: 13px;
  color: #475569;
  line-height: 1.5;
  margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  .engage-grid {
    flex-direction: column;
    padding: 0 20px;
  }

  .engage-card {
    width: 100%;
    margin-bottom: 15px;
    min-height: auto;
  }

  .engage-header-line {
    width: 30px;
  }
}

















/* *{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
body{background:#f5f8fd;color:#1b2b48;} */

/* NAVBAR */
/* .navbar{background:#123e7c;padding:14px 7%;display:flex;align-items:center;justify-content:space-between;color:white;}
.logo{font-size:20px;font-weight:600;display:flex;align-items:center;gap:10px;}
.logo img{height:30px;}
.nav-links{display:flex;gap:28px;align-items:center;}
.nav-links a{color:white;text-decoration:none;font-size:14px;opacity:.95;} */

/* HERO */
.hero-slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  /* Hides the slides that are off-screen */
  margin-top: -20px;
}

.slides-wrapper {
  display: flex;
  /* transition: transform 0.6s ease-in-out; */
  width: 100%;
}

.single-slide {
  min-width: 100%;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  min-height: 540px;
  display: flex;
  align-items: center;
  background-repeat: no-repeat;

  /* ZOOM CONTROL: 
       Adjust this % to zoom in or out. 
       Smaller % = Smaller image. 
    */
  /* background-size: 35%;  */

  /* POSITION CONTROL (X and Y):
       1st Value (Right) = Horizontal (X-axis)
       2nd Value (Center) = Vertical (Y-axis)
    */

  /* Example 1: To move it DOWN by 100px from the top */
  background-position: right -60px;

  /* Example 2: To move it UP (negative value) */
  /* background-position: right -50px; */

  /* Example 3: To percentage (30% from the top) */
  /* background-position: right 30%; */

  /* Example 4: To stick it to the Bottom */
  /* background-position: right bottom; */
}

.slide-overlay {
  position: absolute;
  inset: 0;
  /* Adjusted gradient for better text readability on mobile */
  /* EXTENDED WHITE: Solid white stays until 55%, then fades out */
  z-index: 1;
}

.slide-content {
  position: relative;
  z-index: 2;
  padding: 60px 7%;
  max-width: 800px;
}

/* Slider Navigation Buttons */
.slider-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: none;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  font-size: 18px;
  z-index: 10;
  transition: background 0.3s;
}

.slider-btn:hover {
  background: #f0f0f0;
}

.prev-btn {
  left: 20px;
}

.next-btn {
  right: 20px;
}

/* Mobile Responsive Adjustments */
@media (max-width: 768px) {

  /* 1. Target the slide and override the inline HTML style */
  .single-slide {
    padding: 60px 0;
    background-position: -95px -110px !important;
    background-size: cover;
    background-repeat: no-repeat;
    /* background-image: url('../images/india.png') !important; */
    /* 0.8 means 80% white overlay (very faded image). 
       Change 0.8 to 0.5 for less fade, or 0.2 for barely faded. */
    background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)), url(../images/india.png) !important;
    background-size: 180% !important;
    min-height: 500px;
  }

  .slide-content {
    position: relative;
    z-index: 2;
    padding: 10px 6%;
    max-width: 800px;
  }

  /* 2. Adjust the overlay */
  .slide-overlay {
    position: absolute;
    inset: 0;
    /* background: linear-gradient(90deg, 
            rgba(255,255,255,1) 0%, 
            rgba(255,255,255,0.95) 15%, 
            rgba(255,255,255,0.0) 0%
        ); */
    z-index: 1;
    opacity: 1;
  }

  /* 3. Adjust text sizes */
  .slide-content h1 {
    font-size: 32px !important;
  }

  .slide-content h3 {
    font-size: 18px !important;
  }

  /* 4. Adjust buttons */
  .slider-btn {
    width: 36px;
    height: 36px;
    font-size: 14px;
  }

  .prev-btn {
    left: 10px;
  }

  .next-btn {
    right: 10px;
  }

}

/* <--- Make sure this closing bracket exists! */


/* --- Button Styles --- */
/* --- General Button Styles (Desktop) --- */
.buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 20px;
  /* Ensures spacing from text above */
}

.btn {
  padding: 12px 25px;
  border-radius: 6px;
  font-weight: 600;
  cursor: pointer;
  font-size: 15px;
  transition: all 0.3s ease;
  white-space: nowrap;
  /* Prevents text inside button from breaking */
}

/* Primary Button (Blue) */
.btn.primary {
  background-color: #2563eb;
  color: #fff;
  border: none;
  box-shadow: 0 4px 15px rgba(37, 99, 235, 0.3);
}

.btn.primary:hover {
  background-color: #1d4ed8;
  transform: translateY(-2px);
}

/* Secondary Button (Light Blue) */
.btn.secondary {
  background-color: #eef5ff;
  color: #123e7c;
  border: 1px solid #dcebfb;
}

.btn.secondary:hover {
  background-color: #dbeafe;
  border-color: #bfdbfe;
  transform: translateY(-2px);
}

/* --- Mobile Specific Fixes (Max Width 768px) --- */
@media (max-width: 768px) {

  .buttons {
    gap: 10px;
    /* Reduce gap between buttons */
    justify-content: flex-start;
    /* Align to left (or center if you prefer) */
  }

  .btn {
    padding: 8px 16px !important;
    /* Smaller padding */
    font-size: 13px !important;
    /* Smaller text */
    height: auto;
    /* Allow height to adjust */
    flex: 0 0 auto;
    /* Prevent buttons from stretching */
  }

  /* Optional: If you want them to stack neatly instead of squeezing */
  /* .buttons {
        flex-direction: column;
        align-items: stretch;
    }
    .btn {
        width: 100%;
        text-align: center;
    } 
    */
}




/* --- Mission Footer Styles --- */
/* =========================================
   Footer Styles (Existing + New Legal Bar)
   ========================================= */

.mission-footer-wrapper {
  background-color: #f8fbfe;
  /* Very light blue background */
  padding-top: 60px;
  padding-bottom: 30px;
  /* Reduced bottom padding to fit legal bar */
  border-top: 1px solid #eef2f6;
}

.mission-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  max-width: 1100px;
  margin: 0 auto 50px auto;
  /* Added margin-bottom to separate from legal bar */
}

/* Logo Styling */
.mission-logo-box {
  flex-shrink: 0;
}

.mission-logo-img {
  height: 50px;
  width: auto;
  display: block;
}

/* Vertical Divider Line (Mission Section) */
.mission-divider {
  width: 2px;
  height: 60px;
  background-color: #e2e8f0;
  flex-shrink: 0;
}

/* Text Styling */
.mission-text-box p {
  font-size: 16px;
  line-height: 1.6;
  color: #334155;
  margin: 0;
  font-weight: 500;
  text-align: left;
  max-width: 700px;
}

/* --- NEW CODE: Legal / Copyright Bar --- */
.footer-legal-bar {
  border-top: 1px solid #cbd5e1;
  /* The horizontal line separator */
  padding-top: 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  color: #1e3a8a;
  /* Deep Blue text */
  font-weight: 500;
}

.legal-links a {
  color: #1e3a8a;
  text-decoration: none;
  transition: color 0.3s;
}

.legal-links a:hover {
  color: #2563eb;
  text-decoration: underline;
}

.legal-separator {
  margin: 0 10px;
  color: #94a3b8;
  /* Lighter grey for pipes | */
}

/* Mobile Responsiveness */
@media (max-width: 768px) {

  /* Mission Section Mobile */
  .mission-content {
    flex-direction: column;
    text-align: center;
    gap: 25px;
    margin-bottom: 30px;
  }

  .mission-divider {
    width: 60px;
    height: 2px;
  }

  .mission-text-box p {
    text-align: center;
    padding: 0 15px;
  }

  /* Legal Bar Mobile */
  .footer-legal-bar {
    flex-direction: column;
    gap: 15px;
    text-align: center;
  }
}




/* Highlight the Active Menu Item */
.main-menu nav ul li.active>a {
  color: whitesmoke !important;
  /* Prossimo Blue */
  font-weight: 700;
  position: relative;
  /* Required to keep the line under the text */
}

/* 2. The Underline Styling */
.main-menu nav ul li.active>a::after {
  content: '';
  /* Required to create the element */
  position: absolute;
  /* positions it relative to the <a> tag */
  left: 0;
  bottom: -5px;
  /* Pushes the line 5px below the text */
  width: 100%;
  /* Makes line same width as text */
  height: 3px;
  /* Thickness of the line */
  background-color: #2563eb;
  /* Color of the line */
  border-radius: 2px;
  /* Rounds the edges of the line slightly */
}

contact-form .main-menu nav ul li .submenu li.active>a {
  color: black !important;
  /* Prossimo Blue */
  font-weight: 700;
  position: relative;
  /* Required to keep the line under the text */
}

/* 2. The Underline Styling */
.main-menu nav ul li .submenu li.active>a::after {
  content: '';
  /* Required to create the element */
  position: absolute;
  /* positions it relative to the <a> tag */
  left: 0;
  bottom: -5px;
  /* Pushes the line 5px below the text */
  width: 100%;
  /* Makes line same width as text */
  height: 3px;
  /* Thickness of the line */
  background-color: #2563eb;
  /* Color of the line */
  border-radius: 2px;
  /* Rounds the edges of the line slightly */
}






/* --- About Banner Section --- */
.about-banner-section {
  /* Light blue gradient background matching the image */
  background: linear-gradient(90deg, #f0f6ff 0%, #e6f0fa 50%, #dbe9f9 100%);
  padding: 60px 0;
  position: relative;
  overflow: hidden;
  /* Ensures image doesn't overflow */
}

.about-banner-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
}

/* --- Left Text Column --- */
.about-text-col {
  flex: 1;
  /* Takes up available space */
  max-width: 550px;
  /* Limits width for readability */
  z-index: 2;
  /* Ensures text stays on top */
}

.about-title {
  font-size: 36px;
  font-weight: 700;
  color: #0f2e5a;
  /* Prossimo Dark Blue */
  margin-bottom: 20px;
  letter-spacing: -0.5px;
}

.about-desc {
  font-size: 20px;
  color: #475569;
  /* Slate grey for text */
  line-height: 1.6;
  margin: 0;
}

.highlight-text {
  color: #0f2e5a;
  font-weight: 700;
  /* Bold for "Prossimo AI" */
}

/* --- Right Image Column --- */
.about-image-col {
  flex: 1;
  display: flex;
  justify-content: flex-end;
  /* Aligns image to the right */
  position: relative;
}

.about-img {
  max-width: 100%;
  height: auto;
  /* Optional: If your image doesn't have the "glow" effect built-in, 
       you can add a subtle drop shadow here */
  filter: drop-shadow(0 0 20px rgba(44, 110, 213, 0.2));
}

/* --- Mobile Responsiveness --- */
@media (max-width: 991px) {
  .about-banner-content {
    flex-direction: column;
    /* Stack vertically on mobile */
    text-align: center;
  }

  .about-text-col {
    max-width: 100%;
    margin-bottom: 30px;
  }

  .about-title {
    font-size: 28px;
  }

  .about-desc {
    font-size: 18px;
  }

  .about-image-col {
    justify-content: center;
  }

  .about-img {
    max-width: 80%;
    /* Slightly smaller on mobile */
  }
}






/* --- Who We Are Section Styles --- */
.who-we-are-section {
  padding: 30px 0;
  /* Optional: A slightly off-white background for the section helps the card pop */
  background-color: #f8fbfe;
}

.who-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f2e5a;
  margin-bottom: 30px;
}

/* --- The Card Box --- */
.who-card-box {
  background-color: #ffffff;
  padding: 50px;
  border-radius: 16px;
  /* A nice, soft shadow to give it the "card" lift */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(226, 232, 240, 0.6);
  /* Subtle border */
}

.who-text {
  font-size: 16px;
  line-height: 1.8;
  color: #475569;
  margin-bottom: 50px;
  text-align: center;
  /* Center the main text inside the card */
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

.highlight-bold {
  color: #0f2e5a;
  font-weight: 700;
}

/* --- Features Grid (Top Icons) --- */
.who-features-grid {
  display: flex;
  justify-content: space-around;
  /* Spreads items evenly */
  gap: 30px;
  flex-wrap: wrap;
  padding-top: 20px;
  border-top: 1px solid #eee;
  /* Optional divider inside card */
}

/* The individual feature block layout */
.center-icon-layout {
  display: flex;
  flex-direction: column;
  /* Stacks icon on top of text */
  align-items: center;
  /* Centers horizontally */
  text-align: center;
  /* Centers the text */
  flex: 1;
  /* Makes them equal width */
  min-width: 200px;
  /* Ensures they don't get too squished */
}

/* The Icon Styling */
/* The Icon Styling (Corrected) */
.who-top-icon {
  font-size: 55px;
  /* Slightly increased size for better impact */
  margin-bottom: 25px;

  /* --- FIXES FOR CLIPPING --- */
  display: inline-block;
  /* Allows padding to work correctly */
  line-height: 1;
  /* Ensures the height matches the font size tightly */
  padding: 5px;
  /* Adds a buffer zone around the icon so edges don't cut */
  overflow: visible;
  /* Explicitly allows content to show outside box */
  /* -------------------------- */

  /* Using the brand blue gradient for prominent icons */
  background: linear-gradient(135deg, #1e5fc9, #2b84ea);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

  /* Fallback color for older browsers */
  color: #1e5fc9;
}

.feature-label {
  font-size: 16px;
  font-weight: 700;
  color: #0f2e5a;
  /* Dark blue for the labels */
  line-height: 1.4;
  max-width: 250px;
  /* Prevents text from getting too wide */
}

/* --- Mobile Responsiveness --- */
@media (max-width: 768px) {
  .who-card-box {
    padding: 30px 20px;
    /* Less padding on mobile */
  }

  .who-features-grid {
    flex-direction: column;
    /* Stack items vertically */
    gap: 40px;
  }

  .who-top-icon {
    font-size: 40px;
    margin-bottom: 15px;
  }
}



/* --- Vision & Mission Section Styles --- */
.vision-mission-section {
  padding: 30px 0;
  background-color: #f8fbfe;
  /* Light background to make cards pop */
}

.vm-section-title {
  font-size: 32px;
  font-weight: 800;
  color: #0f2e5a;
  margin-bottom: 30px;
}

/* Grid Layout */
.vm-grid {
  display: flex;
  gap: 30px;
  justify-content: center;
}

/* Card Base Styles */
.vm-card {
  flex: 1;
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  /* Ensures header corners clip correctly */
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  border: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

/* --- Headers with Gradients --- */
.vm-header {
  padding: 25px 30px;
  display: flex;
  align-items: center;
  /* Vertically centers the icon with the text block */
  gap: 15px;
  color: #fff;
  position: relative;
}

/* Blue Gradient (Vision) */
.header-blue {
  /* Gradient from Blue to Lighter Blue */
  background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
}

/* Gold Gradient (Mission) */
.header-gold {
  /* Gradient from Bronze/Orange to Gold */
  background: linear-gradient(135deg, #5b21b6 0%, #e9d5ff 100%);

}

/* Icon & Title Styling */
.vm-icon-box {
  font-size: 28px;
  background: rgba(255, 255, 255, 0.2);
  /* Semi-transparent white circle */
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vm-card-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  color: #fff;
  line-height: 1.2;
}

/* Wrapper to stack Title and Subtitle */
.vm-header-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  /* CRITICAL: Allows this box to fill all remaining right-side space */
}

/* Styling for the points list */
.vm-list {
  list-style: none;
  /* Remove default bullets */
  padding: 0;
  margin: 0;
}

.vm-list li {
  position: relative;
  padding-left: 25px;
  /* Space for the bullet */
  margin-bottom: 15px;
  /* Space between points */
  font-size: 14px;
  line-height: 1.6;
  color: #475569;
}

/* Custom Bullet Design (Gold Color for Mission) */
.vm-list li::before {
  content: "✔";
  /* You can change this to "•" for a dot */
  position: absolute;
  left: 0;
  top: 0px;
  color: #f59e0b;
  /* Matches the Mission Gold Header */
  font-weight: 800;
  font-size: 16px;
}

/* Slogan/Subtitle Styling */
.vm-card-subtitle {
  display: block;
  font-size: 14px;
  /* Increased slightly for better readability */
  font-weight: 500;
  color: rgba(255, 255, 255, 0.95);
  margin-top: 5px;
  line-height: 1.4;

  /* REMOVED: max-width: 300px; <-- This was causing the issue */
  width: 100%;
  /* Now it will use the full available width */
}

/* --- Card Body --- */
.vm-body {
  padding: 30px;
  flex: 1;
  /* Makes sure both cards stretch to same height */
}

.vm-body p {
  font-size: 16px;
  line-height: 1.7;
  color: #475569;
  /* Slate grey text */
  margin: 0;
}

/* Highlighted/Bold text inside paragraph if needed */
.vm-body strong {
  color: #0f2e5a;
  font-weight: 700;
}

/* --- Mobile Responsiveness --- */
@media (max-width: 991px) {
  .vm-grid {
    flex-direction: column;
    /* Stack vertically on tablet/mobile */
    gap: 20px;
  }

  .vm-card {
    width: 100%;
  }
}




/* Card Container */
.gov-vision-card {
  margin-top: 60px;
  /* Adds space from the section above */
  margin-bottom: 30px;
  background: #fff;
  border-radius: 15px;
  /* Matches the soft rounded corners of the Mission card */
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
  /* Soft, modern shadow */
  overflow: hidden;
  border: 1px solid #eaeaea;
  font-family: 'Epilogue', sans-serif;
}

/* Header Section */
.gov-vision-header {
  /* Updated gradient to match the softer purple/blue of the Mission card */
  background: linear-gradient(135deg, #8a4bfa 0%, #6330d6 100%);
  padding: 35px 40px;
  display: flex;
  align-items: center;
}

/* Icon Circle */
.gov-icon-box {
  background: rgba(255, 255, 255, 0.2);
  min-width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  margin-right: 25px;
  color: #fff;
  flex-shrink: 0;
}

/* Header Text */
.gov-header-text h3 {
  color: #fff;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 8px;
  line-height: 1.2;
}

.gov-header-text p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  margin: 0;
  line-height: 1.5;
  font-weight: 400;
}

/* Body Section */
.gov-card-body {
  padding: 40px;
}

/* List Styling */
.gov-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.gov-list li {
  display: flex;
  align-items: flex-start;
  /* Ensures icon stays at top of multi-line text */
  margin-bottom: 25px;
  color: #555;
  font-size: 17px;
  /* Slightly larger for readability */
  line-height: 1.6;
}

.gov-list li:last-child {
  margin-bottom: 0;
}

/* Orange Checkmark */
.gov-check-icon {
  color: #FF9900;
  font-size: 22px;
  margin-right: 18px;
  margin-top: -2px;
  /* Aligns visually with the text cap-height */
  flex-shrink: 0;
  font-weight: bold;
}

/* Footer Note */
.gov-card-footer-note {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 1px solid #f0f0f0;
  color: #666;
  font-size: 15px;
  line-height: 1.6;
  font-style: italic;
}



/* --- Alignment Section Styles --- */

.alignment-section {
  padding: 30px 0;
  background-color: #f9faff;
  /* Very light blue background */
  font-family: 'Epilogue', sans-serif;
}

.section-main-title {
  color: #123e7c;
  /* Deep blue */
  font-weight: 700;
  text-align: center;
}

.text-blue {
  color: #123e7c;
}

/* Part 1: Top Card */
.alignment-card {
  background: #fff;
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
  border: 1px solid #eef0f5;
  margin-bottom: 30px;
}

.logos-row {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.logo-item {
  display: flex;
  align-items: center;
  gap: 15px;
  color: #333;
  font-size: 14px;
  line-height: 1.3;
}

.vision-logo {
  height: 50px;
  /* Adjust based on your actual logo size */
  width: auto;
}

.logo-divider {
  width: 1px;
  height: 40px;
  background: #ddd;
  display: none;
  /* Hidden on mobile */
}

@media (min-width: 768px) {
  .logo-divider {
    display: block;
  }
}

.card-divider {
  border-top: 1px solid #eee;
  margin: 20px 0;
}

.align-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.align-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

.align-list li i {
  font-size: 8px;
  /* Small bullet dot */
  color: #3b82f6;
  /* Bright blue dot */
  margin-right: 12px;
  margin-top: 8px;
}

/* Part 2: Feature Boxes (Middle Row) */
.feature-box {
  background: #f0f4f8;
  /* Light blue-grey tint */
  padding: 30px;
  border-radius: 8px;
  border: 1px solid #e1e8ed;
  height: 100%;
  transition: transform 0.3s ease;
}

.feature-box:hover {
  transform: translateY(-5px);
  background: #fff;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

.feature-box h4 {
  color: #123e7c;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.feature-box p {
  color: #666;
  font-size: 14px;
  margin: 0;
  line-height: 1.5;
}

/* Part 3: Contact Grid (Bottom Row) */
.collab-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.collab-box {
  background: #fff;
  border: 1px solid #eef0f5;
  border-radius: 10px;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 15px;
  text-align: center;
  flex: 1;
  /* Makes them equal width */
  min-width: 160px;
  /* Prevents them from getting too small */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
  transition: all 0.3s ease;
}

.collab-box:hover {
  border-color: #3b82f6;
  transform: translateY(-5px);
}

.collab-icon {
  font-size: 32px;
  color: #3b82f6;
  margin-bottom: 15px;
}

.collab-box h5 {
  font-size: 16px;
  font-weight: 700;
  color: #123e7c;
  margin-bottom: 5px;
}

.collab-box span {
  font-size: 13px;
  color: #777;
  display: block;
  line-height: 1.4;
}

.align-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
  /* Increased spacing for better readability */
  font-size: 15px;
  color: #555;
  line-height: 1.6;
}

/* The icon styles */
.align-list li i {
  font-size: 8px;
  /* Small dot */
  color: #3b82f6;
  /* Blue color */
  margin-right: 15px;
  /* Space between dot and text */
  margin-top: 9px;
  /* Pushes the dot down to align with the first line of text */
  flex-shrink: 0;
  /* Prevents the dot from getting squished */
}

/* The text wrapper styles */
.align-list li span {
  display: inline-block;
  /* Keeps the text block solid */
  width: 100%;
}

.align-list li strong {
  color: #123e7c;
  /* Optional: Makes the bold title the dark blue brand color */
  font-weight: 700;
}






/* --- Participation Section Styles (Icon Version) --- */

.participation-section {
  padding: 30px 0;
  background-color: #fff;
  font-family: 'Epilogue', sans-serif;
}

.section-subtitle {
  color: #000000;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: -10px;
}

/* Card Style */
.participant-card-icon-style {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 30px 20px;
  /* Increased padding */
  text-align: center;
  /* Center everything */
  height: 100%;
  transition: all 0.3s ease;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.participant-card-icon-style:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
  border-color: #3b82f6;
}

/* Icon Wrapper - The circular container */
.participant-icon-wrapper {
  width: 80px;
  /* Fixed small size */
  height: 80px;
  /* Fixed small size */
  background-color: #eef5ff;
  /* Light blue background for the circle */
  border-radius: 50%;
  /* Makes it a circle */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px auto;
  /* Center horizontally and add bottom margin */
  transition: all 0.3s ease;
}


/* The Icon Image itself */
.participant-icon {
  width: 45px;
  /* Size of the icon inside the circle */
  height: auto;
  transition: all 0.3s ease;
  /* Optional: if your icons are black, this makes them white on hover */
  /* filter: brightness(0) invert(1); */
}



/* Content Area */
.participant-content h4 {
  color: #123e7c;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
}

.participant-content p {
  color: #666;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

/* Bottom Note Styling (Same as before) */
.participation-note {
  background: #eef5ff;
  color: #123e7c;
  display: inline-block;
  padding: 15px 30px;
  border-radius: 50px;
  font-weight: 500;
  font-size: 16px;
  border: 1px solid #dbeafe;
  margin-top: -10px;
}

.participation-note i {
  margin-right: 8px;
  font-size: 18px;
  vertical-align: middle;
}







/* --- Platform Highlights Section Styles --- */

.platform-highlights-section {
  padding: 30px 0;
  /* Using a slightly off-white background to differentiate sections */
  background-color: #f8f9fa;
  font-family: 'Epilogue', sans-serif;
}

/* The main block container */
.highlight-block {
  background: #fff;
  padding: 35px;
  border-radius: 16px;
  display: flex;
  /* Enables side-by-side layout */
  align-items: center;
  /* Vertically centers icon and text */
  border: 1px solid #eef0f5;
  transition: all 0.3s ease;
  height: 100%;
  /* Ensures blocks in the same row are equal height */
}

.highlight-block:hover {
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
  transform: translateY(-5px);
  border-color: transparent;
}

/* The icon container on the left */
.highlight-icon-box {
  width: 72px;
  height: 72px;
  /* Rounded square shape instead of circle */
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  margin-right: 25px;
  flex-shrink: 0;
  /* Prevents icon from squishing on small screens */
}

/* Color Variations for Icons */
.icon-accent-blue {
  background: #eef5ff;
  color: #3b82f6;
}

.icon-accent-purple {
  background: #f3e8ff;
  color: #9333ea;
}

.icon-accent-green {
  background: #ecfdf5;
  color: #10b981;
}

.icon-accent-orange {
  background: #fff7ed;
  color: #f59e0b;
}

/* Text styling */
.highlight-text h5 {
  color: #123e7c;
  /* Brand blue */
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  line-height: 1.4;
}

/* Responsive adjustment for smaller screens */
@media (max-width: 575px) {
  .highlight-block {
    padding: 25px;
    flex-direction: column;
    /* Stack icon on top of text on mobile */
    text-align: center;
  }

  .highlight-icon-box {
    margin-right: 0;
    margin-bottom: 15px;
  }
}




/* --- AI Sectors Section Styles --- */

.ai-sectors-section {
  padding: 10px 0;
  font-family: 'Epilogue', sans-serif;
  background: #fff;
}

/* Custom Grid for 5 items in a row */
@media (min-width: 992px) {
  .five-col-row {
    justify-content: center;
  }

  .five-col-row .col-lg-2 {
    /* Force 5 columns: 100% / 5 = 20% */
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* Card Base Styles */
.sector-card {
  border-radius: 12px;
  padding: 30px 20px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid transparent;
}

.sector-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Icon Styling */
.sector-icon {
  font-size: 48px;
  margin-bottom: 20px;
}

/* Typography */
.sector-card h3 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #123e7c;
  /* Default dark blue */
  line-height: 1.3;
}

.sector-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 25px;
  flex-grow: 1;
  /* Pushes button to bottom */
}

/* Button Styling */
.sector-btn {
  display: inline-block;
  padding: 10px 0;
  width: 100%;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.sector-btn:hover {
  opacity: 0.9;
  color: #fff;
}

.sector-btn i {
  vertical-align: middle;
  margin-left: 5px;
}

/* --- Color Themes (Matching the Image) --- */

/* 1. Healthcare (Blue) */
.theme-healthcare {
  background-color: #f0f7ff;
  /* Very light blue bg */
  border-color: #dbeafe;
}

.theme-healthcare .sector-icon {
  color: #2563eb;
}

.theme-healthcare h3 {
  color: #1e40af;
}

.theme-healthcare .sector-btn {
  background-color: #3b82f6;
}

/* 2. Education (Teal/Green) */
.theme-education {
  background-color: #f0fdfa;
  /* Mint/Teal bg */
  border-color: #ccfbf1;
}

.theme-education .sector-icon {
  color: #0d9488;
}

.theme-education h3 {
  color: #115e59;
}

.theme-education .sector-btn {
  background-color: #14b8a6;
}

/* 3. Agriculture (Green) */
.theme-agriculture {
  background-color: #f0fdf4;
  /* Green bg */
  border-color: #dcfce7;
}

.theme-agriculture .sector-icon {
  color: #16a34a;
}

.theme-agriculture h3 {
  color: #14532d;
}

.theme-agriculture .sector-btn {
  background-color: #22c55e;
}

/* 4. Manufacturing (Orange) */
.theme-manufacturing {
  background-color: #fff7ed;
  /* Orange bg */
  border-color: #ffedd5;
}

.theme-manufacturing .sector-icon {
  color: #ea580c;
}

.theme-manufacturing h3 {
  color: #9a3412;
}

.theme-manufacturing .sector-btn {
  background-color: #f97316;
}

/* 5. Governance (Grey/Slate) */
.theme-governance {
  background-color: #f8fafc;
  /* Slate bg */
  border-color: #e2e8f0;
}

.theme-governance .sector-icon {
  color: #475569;
}

.theme-governance h3 {
  color: #1e293b;
}

.theme-governance .sector-btn {
  background-color: #64748b;
}





/* --- AI Opportunities Section Styles --- */

.opportunities-section {
  padding: 0px 0 30px 0;
  /* Adjust padding as needed */
  font-family: 'Epilogue', sans-serif;
  background-color: #fff;
}

/* Main Container Card */
.opportunities-card {
  background-color: #f0f7ff;
  /* Light blue background matching image */
  border-radius: 12px;
  padding: 50px 30px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.03);
}

/* Column Styling */
.opp-col {
  padding: 0 30px;
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Vertical Dividers (Only on Desktop/Tablet) */
@media (min-width: 768px) {
  .middle-col {
    border-left: 1px solid #dcebfb;
    border-right: 1px solid #dcebfb;
  }
}

/* Mobile Adjustments */
@media (max-width: 767px) {
  .opp-col {
    margin-bottom: 40px;
    padding: 0 15px;
  }

  .opp-col:last-child {
    margin-bottom: 0;
  }
}

/* Headings */
.opp-title {
  color: #123e7c;
  /* Brand Dark Blue */
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 25px;
  text-align: center;
}

/* List Styling */
.opp-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.opp-list li {
  position: relative;
  padding-left: 25px;
  /* Space for the bullet */
  margin-bottom: 18px;
  color: #444;
  /* Dark Grey text */
  font-size: 16px;
  line-height: 1.6;
}

.opp-list li:last-child {
  margin-bottom: 0;
}

/* Custom Square Bullet Point */
.opp-list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 9px;
  /* Aligns bullet with the first line of text */
  width: 8px;
  height: 8px;
  background-color: #3b82f6;
  /* Bright Blue Bullet */
  border-radius: 1px;
  /* Slightly softened square edges */
}






/* --- CTA Banner Section Styles --- */

.cta-banner-section {
  /* FIX 1: Changed '\' to '/' 
       FIX 2: Added '../' to go up from the 'css' folder to the 'assets' root 
    */
  background-image: url('../images/ai-technology-microchip-background-digital-transformation-concept.jpg');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  background-color: #eef5ff;

  padding: 80px 0;
  font-family: 'Epilogue', sans-serif;
  position: relative;
  /* Good practice for banners */
  z-index: 1;
}

/* Optional: Adds a dark overlay so text is readable on top of the image */
.cta-banner-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.92);
  /* White overlay with 85% opacity */
  z-index: -1;
}

/* Heading Style */
.cta-title {
  color: #123e7c;
  /* Brand Dark Blue */
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 20px;
  line-height: 1.3;
}

/* Subtext Style */
.cta-subtext {
  color: #475569;
  /* A slightly lighter blue-grey for contrast */
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 35px;
  max-width: 800px;
  /* Prevents text from becoming too wide */
  margin-left: auto;
  margin-right: auto;
}

/* Highlighted text inside subtext */
.cta-subtext strong {
  color: #123e7c;
  font-weight: 600;
}

/* Button Style */
.cta-btn {
  background-color: #3b82f6;
  /* Brand Primary Blue */
  color: #fff;
  padding: 12px 35px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  /* Rounded corners */
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
}

.cta-btn:hover {
  background-color: #2563eb;
  /* Slightly darker blue on hover */
  color: #fff;
  transform: translateY(-2px);
  /* Subtle lift effect */
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Icon inside the button */
.cta-btn i {
  margin-left: 8px;
  font-size: 20px;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 767px) {
  .cta-banner-section {
    padding: 60px 0;
  }

  .cta-title {
    font-size: 22px;
  }

  .cta-subtext {
    font-size: 15px;
  }
}



/* --- National AI Engagements Section Styles --- */

.engagements-section {
  padding: 30px 0;
  background-color: #fff;
  font-family: 'Epilogue', sans-serif;
}

/* Card Base Styles */
.engage-card {
  padding: 35px 25px;
  border-radius: 12px;
  text-align: center;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.03);
}

.engage-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* IMAGE ICON STYLING (Free Style) */
.engage-img-icon {
  /* Limits width so they don't get too big */
  height: 120px;
  /* Maintains aspect ratio */
  display: inline-block;
  /* No border-radius or background color - image sits freely */
}

/* Typography */
.engage-card h4 {
  color: #123e7c;
  font-size: 19px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
}

.engage-card p {
  color: #555;
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

/* --- Theme Colors for the CARDS --- */

/* 1. Consultations (Light Blue) */
.theme-consultations {
  background: linear-gradient(180deg, #f0f4ff 0%, #eef2ff 100%);
  border-bottom: 4px solid #6366f1;
}

/* 2. Workshops (Light Teal) */
.theme-workshops {
  background: linear-gradient(180deg, #f0fdff 0%, #ecfeff 100%);
  border-bottom: 4px solid #06b6d4;
}

/* 3. Hackathons (Light Gold) */
.theme-hackathons {
  background: linear-gradient(180deg, #fffaf0 0%, #fff7ed 100%);
  border-bottom: 4px solid #f59e0b;
}

/* 4. Panels (Light Beige) */
.theme-panels {
  background: linear-gradient(180deg, #fffbf5 0%, #fffbeb 100%);
  border-bottom: 4px solid #d97706;
}


/* --- Engagement Highlights Section Styles --- */

.highlights-section {
  padding: 10px 0;
  background-color: #fff;
  font-family: 'Epilogue', sans-serif;
}

/* Top Button Style */
.btn-calendar {
  background-color: #3b82f6;
  /* Brand Blue */
  color: #fff;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-block;
  box-shadow: 0 4px 6px rgba(59, 130, 246, 0.2);
  /* Soft shadow */
}

.btn-calendar:hover {
  background-color: #2563eb;
  color: #fff;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(59, 130, 246, 0.3);
}

/* Main Highlights Container */
.highlights-box {
  background-color: #f0f7ff;
  /* Light blue background from image */
  border-radius: 12px;
  padding: 40px 20px;
  margin-top: 30px;
  border: 1px solid #e0e7ff;
  /* Subtle border */
}

.highlights-title {
  color: #123e7c;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 30px;
}

/* Individual Stat Item Layout */
.stat-item {
  display: flex;
  align-items: center;
  /* Vertically center icon with text block */
  padding: 0 10px;
}

/* Icon Wrapper */
.stat-icon-wrapper {
  flex-shrink: 0;
  margin-right: 15px;
  width: 60px;
  /* Fixed width for alignment */
  text-align: center;
}

.stat-img {
  max-width: 100%;
  height: 90px;
  object-fit: cover;
}

/* Text Info */
.stat-info {
  flex-grow: 1;
}

.counter-num {
  color: #123e7c;
  /* Dark Blue */
  font-size: 28px;
  font-weight: 800;
  margin-bottom: 5px;
  line-height: 1;
}

.stat-info p {
  color: #475569;
  /* Grey text */
  font-size: 14px;
  font-weight: 500;
  margin: 0;
  line-height: 1.4;
}

/* Bottom Sector Text */
.aligned-sectors {
  font-size: 15px;
  color: #64748b;
  margin-top: 10px;
}

.aligned-sectors strong {
  color: #123e7c;
  margin-right: 5px;
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  .stat-item {
    margin-bottom: 30px;
    justify-content: center;
    /* Center align on mobile */
    text-align: left;
  }

  .stat-item {
    flex-direction: row;
    /* Keep row direction even on mobile for this layout */
    justify-content: flex-start;
    padding-left: 20%;
    /* visual centering */
  }

  .counter-num {
    font-size: 24px;
  }
}



/* =========================================
   New "Participate in AI" Section Styles
   ========================================= */

.participate-section {
  background: linear-gradient(180deg, #f0f4f8 0%, #e0e7ff 100%);
  padding: 30px 0;
}

.participate-title {
  color: #1e3a8a;
  /* Deep Blue */
  font-weight: 700;
  margin-bottom: 30px;
  font-size: 36px;
}

/* Card Styling */
.ai-img-card {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  border: 1px solid #e2e8f0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  height: 100%;
  /* Ensures all cards are same height */
}

.ai-img-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.ai-card-thumb {
  width: 100%;
  height: 200px;
  overflow: hidden;
  background-color: #ddd;
  /* Placeholder background */
}

.ai-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.ai-img-card:hover .ai-card-thumb img {
  transform: scale(1.05);
}

.ai-card-body {
  padding: 30px 25px;
  text-align: center;
}

.ai-card-body h4 {
  color: #1e3a8a;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
}

.ai-card-body p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Gradient Button */
.btn-ai-gradient {
  display: inline-block;
  background-color: #3b82f6;
  /* Light blue gradient */
  color: #fff;
  padding: 14px 45px;
  border-radius: 5px;
  font-weight: 600;
  text-transform: capitalize;
  transition: all 0.3s ease;
  border: none;
  box-shadow: 0 4px 15px rgba(79, 172, 254, 0.4);
}

.btn-ai-gradient:hover {
  background-color: #2674f4;
  transform: translateY(-2px);
  color: #fff;
}







/* =========================================
   "Why Become a Member" Section Styles
   ========================================= */

.why-join-section {
  padding: 20px 0;
  background-color: #f8faff;
  /* Very light blue background */
}

.section-header-left {
  margin-bottom: 20px;
  position: relative;
}

.section-header-left h2 {
  color: #123e7c;
  /* Match your theme dark blue */
  font-size: 32px;
  font-weight: 700;
  display: inline-block;
  padding-bottom: 10px;
  position: relative;
}

/* The horizontal line under the title */
.section-header-left h2::after {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  /* Full width of text */
  height: 3px;
  background: #e2e8f0;
  /* Light grey line */
}

/* Card Styling */
.reason-card {
  background: #ffffff;
  border: 1px solid #eef2ff;
  border-radius: 12px;
  padding: 40px 25px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  /* Makes all cards equal height */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
}

.reason-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 15px 30px rgba(37, 99, 235, 0.1);
  border-color: #dbeafe;
}

/* Icon Wrapper */
.reason-icon {
  font-size: 48px;
  color: #2563eb;
  /* Blue Icon Color */
  margin-bottom: 25px;
  display: inline-block;
  height: 70px;
  width: 70px;
  line-height: 70px;
  background: #eff6ff;
  /* Light blue circle bg */
  border-radius: 50%;
}

.reason-card h4 {
  color: #1e3a8a;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.3;
}

.reason-card p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 0;
}

/* Gradient borders (Optional - similar to image tint) */
.reason-card.card-1 {
  border-top: 4px solid #3b82f6;
}

.reason-card.card-2 {
  border-top: 4px solid #6366f1;
}

.reason-card.card-3 {
  border-top: 4px solid #8b5cf6;
}

.reason-card.card-4 {
  border-top: 4px solid #2563eb;
}




/* =========================================
   Membership Categories Section Styles
   ========================================= */

.membership-cat-section {
  padding: 80px 0;
  background-color: #ffffff;
  /* White background */
}

/* Centered Header with Lines */
.mem-cat-header {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mem-cat-header h2 {
  color: #123e7c;
  /* Deep Blue */
  font-size: 32px;
  font-weight: 700;
  margin: 0 20px;
  white-space: nowrap;
}

/* The lines on left and right */
.mem-cat-header::before,
.mem-cat-header::after {
  content: '';
  display: block;
  height: 1px;
  background-color: #cbd5e1;
  /* Light gray line */
  width: 100px;
  /* Length of the line */
  flex-grow: 0;
  /* Prevents lines from stretching too far */
}

@media (min-width: 768px) {

  .mem-cat-header::before,
  .mem-cat-header::after {
    width: 150px;
    /* Longer lines on desktop */
  }
}

/* Card Styling */
.mem-card {
  background: #f8faff;
  /* Very light blue tint matching image */
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 35px 20px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mem-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(37, 99, 235, 0.15);
  border-color: #bfdbfe;
}

/* Icon Area */
.mem-icon-wrapper {
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.mem-icon-wrapper i {
  font-size: 50px;
  color: #2563eb;
}

/* Typography */
.mem-card h4 {
  color: #1e3a8a;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 15px;
  line-height: 1.4;
  min-height: 56px;
  /* Ensures titles align even if one line differs */
  display: flex;
  align-items: center;
  justify-content: center;
}

.mem-card p {
  color: #475569;
  font-size: 0.95rem;
  line-height: 1.6;
  margin-bottom: 25px;
  flex-grow: 1;
  /* Pushes button to bottom */
}

/* Button Styling (Blue Default -> White Hover) */
.mem-btn {
  display: block;
  width: 100%;
  padding: 12px 10px;
  background-color: #2563eb;
  /* Default Blue */
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid #2563eb;
  /* Border matches bg */
}

/* Hover Effect: Turns White with Blue Text */
.mem-btn:hover {
  background-color: #ffffff;
  color: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
}

/* =========================================
   Membership Categories (With Faded Background)
   ========================================= */

.membership-cat-section {
  position: relative;
  /* Essential for positioning the background */
  padding: 20px 0;
  z-index: 1;
  /* Ensures text sits on top */
  overflow: hidden;
  /* Clips any edges */
}

/* This creates the faded background image */
.membership-cat-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* --- IMAGE SETTINGS --- */
  background-image: url('../images/ChatGPT Image Feb 12, 2026, 10_52_45 AM.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* --- OPACITY CONTROL --- */
  /* 0.1 is very faint, 0.9 is almost full visibility */
  opacity: 0.7;

  z-index: -1;
  /* Puts the image BEHIND the content */
}

/* =========================================
   Mobile Fix for Membership Header
   ========================================= */

@media (max-width: 768px) {

  /* 1. Allow text to wrap and reduce size */
  .mem-cat-header h2 {
    white-space: normal;
    /* Allows text to break into two lines if needed */
    font-size: 24px;
    /* Smaller font for mobile */
    margin: 0 10px;
    /* Reduce gap between lines and text */
  }

  /* 2. Shorten the decorative lines on mobile */
  .mem-cat-header::before,
  .mem-cat-header::after {
    width: 30px;
    /* Much shorter lines to save space */
    min-width: 30px;
    /* Prevents them from disappearing completely */
  }
}








/* =========================================
   Membership Process Section Styles
   ========================================= */

.membership-process-section {
  padding: 20px 0 20px 0;
  /* Use the same background as the previous section so they blend */
  background-color: transparent;
  position: relative;
  z-index: 2;
  /* Ensures it sits above any background overlays */
}

/* Container for the flow steps */
.process-flow-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  /* Allows wrapping on smaller screens */
  margin-bottom: 30px;
  gap: 15px;
}

/* The Icon at the start */
.process-start-icon {
  font-size: 32px;
  color: #2563eb;
  /* Theme Blue */
  margin-right: 10px;
}

/* The Step Text (Apply, Review, etc.) */
.process-step {
  font-size: 24px;
  font-weight: 600;
  color: #1e3a8a;
  /* Dark Blue */
}

/* The Arrow Separator */
.process-arrow {
  font-size: 24px;
  color: #64748b;
  /* Slate Grey */
  margin: 0 10px;
  font-weight: 300;
}

/* Sub-text (Online application...) */
.process-details {
  text-align: center;
  color: #475569;
  font-size: 16px;
  margin-bottom: 40px;
  font-weight: 500;
}

/* Disclaimer at the bottom */
.process-disclaimer {
  text-align: center;
  font-size: 13px;
  color: #64748b;
  max-width: 800px;
  margin: 0 auto;
  line-height: 1.5;
  opacity: 0.8;
}

/* Responsive: Stack vertically on mobile */
@media (max-width: 768px) {
  .process-flow-container {
    flex-direction: column;
    gap: 10px;
  }

  .process-arrow {
    transform: rotate(90deg);
    /* Point arrow down */
    margin: 5px 0;
  }

  .process-start-icon {
    margin-right: 0;
    margin-bottom: 10px;
  }
}




/* =========================================
   Membership Application Cards Section
   ========================================= */

.membership-application-section {
  padding: 20px 0;
  position: relative;
  z-index: 1;

  /* BACKGROUND IMAGE CONFIGURATION */
  /* Update path to your uploaded image */
  background-image: url('../images/ai-technology-microchip-background-digital-transformation-concept.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Optional: Dark overlay to make text pop if bg is busy */
.membership-application-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, 0.4);
  /* 85% White overlay */
  z-index: -1;
}

/* Section Title */
.app-section-title {
  text-align: center;
  color: #1e3a8a;
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 50px;
  position: relative;
  display: inline-block;
  width: 100%;
}

/* The decorative lines beside title */
.app-section-title::after,
.app-section-title::before {
  content: "";
  display: inline-block;
  width: 60px;
  height: 2px;
  background: #cbd5e1;
  vertical-align: middle;
  margin: 0 15px;
}

/* Application Card Style */
.app-card {
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  padding: 30px 20px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.app-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
  border-color: #2563eb;
}

/* Icon Styling */
.app-icon {
  font-size: 48px;
  color: #2563eb;
  margin-bottom: 20px;
}

/* Card Text */
.app-card h4 {
  color: #1e3a8a;
  font-size: 1.15rem;
  font-weight: 700;
  margin-bottom: 12px;
  min-height: 50px;
  /* Aligns titles */
  display: flex;
  align-items: center;
  justify-content: center;
}

.app-card p {
  color: #475569;
  font-size: 0.9rem;
  line-height: 1.5;
  margin-bottom: 25px;
  flex-grow: 1;
}

/* Blue Button */
.app-btn {
  display: block;
  width: 100%;
  padding: 12px 10px;
  background-color: #2563eb;
  /* Default Blue */
  color: #ffffff;
  font-weight: 600;
  font-size: 0.9rem;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
  border: 2px solid #2563eb;
}

.app-btn:hover {
  background-color: #ffffff;
  color: #2563eb;
  border-color: #2563eb;
  box-shadow: 0 4px 10px rgba(37, 99, 235, 0.2);
}


/* =========================================
   Platform Capabilities Section
   ========================================= */

.platform-capabilities-section {
  padding: 30px 0 30px 0;
  background-color: #ffffff;
}

/* Section Title */
.capabilities-title {
  text-align: center;
  color: #1e3a8a;
  /* Deep Blue */
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 30px;
}

/* Grid Container for 5 columns */
/* We use flexbox here for better control than standard bootstrap cols */
.capabilities-grid {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}

/* Individual Card */
.cap-card {
  flex: 1;
  /* Grow to fill space */
  min-width: 180px;
  /* Minimum width before wrapping */
  max-width: 220px;
  /* Maximum width to keep shape */
  border-radius: 8px;
  padding: 25px 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  transition: transform 0.3s ease;
  border: 1px solid rgba(0, 0, 0, 0.05);
  height: 180px;
  /* Fixed height for uniformity */
}

.cap-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
}

/* Card Specific Colors (Pastel Backgrounds) */
.cap-bg-1 {
  background-color: #e6f4f1;
  border-bottom: 4px solid #00695c;
}

/* Green tint */
.cap-bg-2 {
  background-color: #f0fdf4;
  border-bottom: 4px solid #16a34a;
}

/* Light Lime */
.cap-bg-3 {
  background-color: #f0f9ff;
  border-bottom: 4px solid #0284c7;
}

/* Light Blue */
.cap-bg-4 {
  background-color: #fff7ed;
  border-bottom: 4px solid #ea580c;
}

/* Light Orange */
.cap-bg-5 {
  background-color: #fffbeb;
  border-bottom: 4px solid #d97706;
}

/* Light Yellow */

/* Card Title */
.cap-title {
  font-size: 16px;
  font-weight: 700;
  color: #1e3a8a;
  line-height: 1.3;
  margin-bottom: 15px;
}

/* Icon / Image */
.cap-icon {
  font-size: 60px;
  margin-top: auto;
  /* Pushes icon to bottom */
}

/* Specific Icon Colors to match borders */
.cap-bg-1 .cap-icon {
  color: #00695c;
}

.cap-bg-2 .cap-icon {
  color: #16a34a;
}

.cap-bg-3 .cap-icon {
  color: #0284c7;
}

.cap-bg-4 .cap-icon {
  color: #ea580c;
}

.cap-bg-5 .cap-icon {
  color: #d97706;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
  .cap-card {
    min-width: 45%;
    /* 2 cards per row on tablets */
    max-width: 48%;
  }
}

@media (max-width: 576px) {
  .cap-card {
    min-width: 100%;
    /* 1 card per row on mobile */
    max-width: 100%;
  }
}

/* =========================================
   Login Section Styles
   ========================================= */

.login-section {
  padding: 80px 0;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  /* Required for the background positioning */
  overflow: hidden;
  background-color: #ffffff;
  /* Dark blue fallback */
}

/* This creates the low-opacity background image */
.login-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  /* YOUR IMAGE PATH HERE */
  background-image: url('../images/ChatGPT Image Feb 12, 2026, 10_52_45 AM.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* ADJUST OPACITY HERE: 0.1 is very light, 0.9 is very strong */
  opacity: 1;

  z-index: 0;
  /* Keeps it behind the login box */
}

/* Ensure your wrapper stays on top of the image */
.login-wrapper {
  position: relative;
  z-index: 1;
  max-width: 480px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/* Header Text */
.login-header h2 {
  font-size: 36px;
  font-weight: 700;
  color: #1e3a8a;
  /* Deep Blue */
  margin-bottom: 10px;
}

.login-header p {
  font-size: 16px;
  color: #475569;
  margin-bottom: 20px;
}

/* The White Login Card */
.login-box {
  background: #ffffff;
  padding: 40px 35px;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  border: 1px solid #e2e8f0;
}

/* Input Fields with Icons */
.login-input-group {
  position: relative;
  margin-bottom: 15px;
}

.login-input-group .icon-wrapper {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #64748b;
  /* Icon Grey */
  font-size: 18px;
  pointer-events: none;
  /* Allows click through to input */
}

.login-input-group input {
  width: 100%;
  height: 50px;
  padding-left: 45px;
  /* Space for the icon */
  padding-right: 15px;
  border-radius: 6px;
  border: 1px solid #cbd5e1;
  background-color: #f8fafc;
  /* Very light grey bg */
  font-size: 15px;
  color: #334155;
  outline: none;
  transition: all 0.3s ease;
}

.login-input-group input:focus {
  background-color: #ffffff;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.login-input-group input::placeholder {
  color: #94a3b8;
}

/* Forgot Password Link */
.forgot-pass {
  text-align: right;
  margin-bottom: 25px;
}

.forgot-pass a {
  font-size: 14px;
  color: #2563eb;
  text-decoration: none;
  font-weight: 500;
}

.forgot-pass a:hover {
  text-decoration: underline;
}

/* Login Button */
.login-btn {
  width: 100%;
  height: 50px;
  background-color: #085393;
  /* Prossimo Blue */
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.3s ease;
  justify-content: center;
}

.login-btn:hover {
  background-color: #1d4ed8;
  box-shadow: 0 4px 12px rgba(37, 99, 235, 0.3);
  color: white;
}

/* Footer Help Text */
.login-footer {
  margin-top: 25px;
}

.login-footer p {
  font-size: 14px;
  color: #64748b;
}

.login-footer a {
  color: #2563eb;
  text-decoration: none;
  font-weight: 600;
}

.login-footer a:hover {
  text-decoration: underline;
}







/* --- Desktop Only Mega Menu Styles --- */
@media (min-width: 992px) {

  /* 1. Container Positioning & Size */
  .main-menu li.mega-dropdown .submenu.mega-menu-box {
    width: 950px;
    /* Fixed wide width for desktop */
    left: 120%;
    /* Move to middle of the screen */
    transform: translateX(-50%) translateY(10px);
    /* Center perfectly */
    padding: 0;
    /* Remove default padding */
    border-radius: 8px;
    overflow: hidden;
    /* Keep rounded corners clean */
  }

  /* Keep hover effect consistent */
  .main-menu li.mega-dropdown:hover .submenu.mega-menu-box {
    transform: translateX(-50%) translateY(0);
  }

  /* 2. Grid Layout */
  .mega-grid-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    /* 3 Columns */
    gap: 40px;
    padding: 40px;
  }

  .mega-item:hover {
    background-color: #E3F2FD;
  }

}

/* --- General Styles (Applies to both, but safe for mobile) --- */

.mega-item h5 {
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 700;
}

.mega-item:hover a h5 {
  color: #0066FF;
}

/* The Link inside the Heading */
.mega-item h5 a {
  color: #111;
  text-decoration: none;
  transition: color 0.3s ease;
}

.mega-item a:hover {
  background-color: #E3F2FD !important;
}

.mega-item h5 a:hover {
  color: #6A36FF;
  /* Hover color */
}

.mega-item p {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Footer Link Styles */
.mega-menu-footer .footer-links a {
  margin-right: 20px;
  color: #555;
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
}

.mega-menu-footer .footer-links a:hover {
  color: #6A36FF;
}

/* Social Icons */
.footer-socials a {
  display: inline-flex;
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #666;
  margin-left: 8px;
  text-decoration: none;
}

.footer-socials a:hover {
  background: #6A36FF;
  color: #fff;
  border-color: #6A36FF;
}

/* --- Mobile Fallback (Simple Stack) --- */
@media (max-width: 991px) {
  .mega-grid-content {
    display: block;
    /* Standard block layout for mobile */
    padding: 15px;
  }

  .mega-item {
    margin-bottom: 25px;
    /* Space between items on phone */
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 15px;
  }

  .mega-menu-footer {
    padding: 15px;
    background: #f9f9f9;
    text-align: center;
  }

  .footer-links {
    margin-bottom: 15px;
    display: block;
  }

  .footer-links a {
    display: block;
    margin-bottom: 10px;
  }
}




/* --- Mobile Simple Submenu Styles --- */
@media (max-width: 991px) {

  /* Style the list container */
  .mobile-sub-list {
    background-color: #f9fafb;
    /* Light grey background */
    padding: 10px 20px;
    margin: 0;
    list-style: none;
    border-top: 1px solid #eee;
  }

  /* Style the individual list items */
  .mobile-sub-list li {
    border-bottom: 1px solid #e5e7eb;
    /* Subtle separator line */
    margin: 0;
  }

  .mobile-sub-list li:last-child {
    border-bottom: none;
    /* Remove border for the last item */
  }

  /* Style the links */
  .mobile-sub-list li a {
    display: block;
    padding: 12px 5px;
    color: #4b5563;
    /* Dark grey text */
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
    transition: padding 0.2s ease, color 0.2s ease;
  }

  /* Active/Hover State */
  .mobile-sub-list li a:hover {
    color: #6A36FF;
    /* Brand color on touch/hover */
    padding-left: 10px;
    /* Slight movement effect */
    background-color: transparent;
  }
}



/* --- Mobile View Styles (Max Width 991px) --- */
@media (max-width: 991px) {

  /* 1. Main Mobile Menu Wrapper */
  .main-menu.mobile-active {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    padding: 0;
    /* Clean padding */
    z-index: 999;
    border-top: 1px solid #f0f0f0;
  }

  /* 2. Top Level Links */
  .main-menu.mobile-active nav ul {
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .main-menu.mobile-active nav ul li {
    border-bottom: 1px solid #f5f5f5;
    position: relative;
    /* Needed for dropdown positioning */
  }

  .main-menu.mobile-active nav ul li a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    display: flex;
    justify-content: space-between;
    /* Pushes arrow to right */
    align-items: center;
  }

  /* 3. The Simple Submenu (Hidden by default) */
  .mobile-simple-list {
    display: none;
    /* Hidden initially */
    background-color: #f9fafb;
    /* Light grey bg for submenu */
    padding: 0;
    list-style: none;
    border-top: 1px solid #eee;
  }

  /* Show Submenu when parent has 'dropdown-open' class (toggled by JS) */
  .has-dropdown.dropdown-open .mobile-simple-list {
    display: block;
  }

  /* Submenu Links Styling */
  .mobile-simple-list li a {
    padding: 12px 20px 12px 40px;
    /* Indented text */
    font-size: 15px;
    color: #555;
  }

  .mobile-simple-list li:last-child {
    border-bottom: none;
  }
}



.stakeholder-participation-section {
  padding-top: 10px;
  padding-bottom: 30px;
  background-color: #ffffff;
}

.stakeholder-main-title {
  color: #123e7c;
  font-weight: 700;
  font-size: 32px;
}

.stakeholder-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

.stakeholder-card {
  background: #f4f8ff;
  /* Light blue tint from image */
  border: 1px solid #dcebfb;
  border-radius: 12px;
  padding: 30px 20px;
  flex: 1;
  min-width: 220px;
  max-width: 250px;
  text-align: center;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.stakeholder-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 20px rgba(18, 62, 124, 0.1);
}

.stakeholder-title {
  color: #123e7c;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 15px;
  min-height: 44px;
  /* Keeps text aligned if titles wrap */
  display: flex;
  align-items: center;
  justify-content: center;
}

.stakeholder-icon {
  margin-bottom: 20px;
}

.stakeholder-icon img {
  height: 50px;
  /* Adjust based on your icon size */
  width: auto;
  object-fit: contain;
}

.stakeholder-divider {
  height: 1px;
  background-color: #dcebfb;
  width: 60%;
  margin: 0 auto 15px;
}

.stakeholder-desc {
  color: #2f5fa3;
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
  font-weight: 600;
}

/* Responsive adjustment for mobile */
@media (max-width: 768px) {
  .stakeholder-card {
    max-width: 100%;
    flex: 0 0 calc(50% - 20px);
  }
}

@media (max-width: 480px) {
  .stakeholder-card {
    flex: 0 0 100%;
  }
}



.engagement-how-section {
  padding: 10px 0;
}

.engagement-process-container {
  display: flex;
  align-items: stretch;
  background: #f4f8ff;
  border: 1px solid #dcebfb;
  border-radius: 12px;
  overflow: hidden;
}

.engagement-step {
  flex: 1;
  padding: 30px;
  text-align: center;
}

.step-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 15px;
}

.step-header img {
  width: 60px;
  height: auto;
}

.step-header h3 {
  color: #123e7c;
  font-weight: 700;
  font-size: 22px;
  margin: 0;
}

.step-divider {
  height: 1px;
  background: #dcebfb;
  width: 80%;
  margin: 0 auto 15px;
}

.engagement-step p {
  color: #2f5fa3;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

/* Chevron shapes using CSS Clip-path */
.chevron-divider {
  width: 40px;
  background-color: #ffffff;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%, 30% 50%);
  margin-left: -1px;
}

@media (max-width: 991px) {
  .engagement-process-container {
    flex-direction: column;
  }

  .chevron-divider {
    display: none;
  }
}




.alignment-header p {
  color: #085393;
  font-size: 14px;
  border-top: 1px solid #eee;
  padding-top: 20px;
  font-weight: 500;
}

.evolving-future-card {
  background: var(--prossimo-light-blue);
  border: 1px solid var(--prossimo-border);
  border-radius: 12px;
  padding: 25px 40px;
  max-width: 900px;
  margin: 0 auto;
}

.evolving-flex {
  display: flex;
  align-items: center;
  gap: 30px;
}

.evolving-shield i {
  font-size: 50px;
  color: #3b82f6;
}

.evolving-text h4 {
  color: #085393;
  font-weight: 700;
  margin-bottom: 5px;
}

.evolving-line {
  height: 1px;
  background: #c3d9f2;
  width: 100%;
  margin-bottom: 10px;
}

.evolving-text p {
  color: #085393;
  margin: 0;
}

/* Mobile Responsiveness */
@media (max-width: 991px) {
  .stakeholder-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .engagement-process-box {
    flex-direction: column;
  }

  .process-arrow {
    display: none;
  }
}

@media (max-width: 767px) {
  .stakeholder-grid {
    grid-template-columns: 1fr;
  }

  .evolving-flex {
    flex-direction: column;
    text-align: center;
  }
}









/* Section Wrapper */
.platform-convergence-section {
    padding: 30px 0;
    background-color: #ffffff;
    overflow: hidden; /* Prevents overflow if SVG scales */
}

.section-subtitle-text {
    color: #123e7c;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 15px;
}

.section-divider-line {
    height: 1px;
    background-color: #e0e0e0;
    width: 100%;
    margin: 20px 0;
}

/* Diagram Container */
.diagram-container {
    position: relative;
    width: 100%;
    max-width: 800px;
    height: 500px;
    margin: 0 auto;
}

/* SVG Arrows Layer */
.arrows-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Behind the nodes */
    pointer-events: none;
}

/* Central Node Styling */
.node-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 220px;
    height: 220px;
    background: radial-gradient(circle at 30% 30%, #1e5cb3, #0a2755);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 10px 25px rgba(18, 62, 124, 0.4), inset 0 5px 15px rgba(255,255,255,0.2);
    z-index: 2;
    border: 4px solid #fff;
}

.center-content h3 {
    color: #ffffff;
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    line-height: 1.2;
    text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

/* Outer Nodes General Styling */
.node-outer {
    position: absolute;
    text-align: center;
    z-index: 2;
    width: 140px; /* Fixed width for alignment */
}

.node-icon {
    height: 50px;
    width: auto;
    object-fit: contain;
    margin-bottom: 10px;
    transition: transform 0.3s ease;
}

.node-outer:hover .node-icon {
    transform: scale(1.1);
}

.node-outer h4 {
    color: #123e7c;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    line-height: 1.3;
}

/* Positioning the Outer Nodes (Using % for responsiveness) */
/* Coordinates correspond roughly to the SVG lines */

.position-students {
    top: 10%;
    left: 20%;
}

.position-educators {
    top: 5%;
    right: 15%;
}

.position-institutions {
    top: 42%;
    left: 8%;
}

.position-industry {
    top: 42%;
    right: 2%;
}

.position-researchers {
    bottom: 10%;
    right: 20%;
}

.position-startups {
    bottom: 10%;
    left: 20%;
}


/* Footer Caption */
.diagram-footer-caption {
    color: #5c7499;
    font-size: 15px;
    margin-top: 20px;
}

/* Responsive Adjustments */
@media (max-width: 768px) {
    .diagram-container {
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 30px;
        padding-bottom: 40px;
    }

    .arrows-svg {
        display: none; /* Hide complex arrows on mobile */
    }

    .node-center {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        margin-bottom: 20px;
    }

    .node-outer {
        position: relative;
        top: auto !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        text-align: left;
    }
    
    .node-outer h4 {
        text-align: left;
    }
}