@charset "utf-8";
/** 
* 
* -----------------------------------------------------------------------------
*
* Template : Renovix - Business Consulting  HTML Template
* Author : rs-theme
  Author URI : https://rstheme.com/
*
* -----------------------------------------------------------------------------
* 
**/
/* TABLE OF CONTENT
---------------------------------------------------------
	01. General CSS
	02. Global Class CSS
	03. Header Section CSS
	04. Sticky Menu CSS
	05. About Section CSS
	06. Appointment Section CSS
	07. Breadcrumbs Section CSS
	08. Banner Section CSS
	09. Choose Section CSS
	10. Slider Section CSS
	11. Counter Section CSS
	12. Contact Section CSS
	13. Newsletter Section CSS
	14. Video Section CSS
	15. Progress Section CSS
	16. Project Section CSS
	17. Skill-bar Section CSS
	18. Services Section CSS
	19. Faq Section CSS
	20. Team Section CSS
	21. Partner Section CSS
	22. Pricing Section CSS
	23. Blog Section CSS
	24. Testimonial Section CSS
	25. Shop Section CSS
	26. Single Shop Section CSS
	27. Cart Section CSS
	28. Careers Single Section CSS
	29. Checkout Section CSS
	30. Account Section CSS
	31. Footer Section CSS
	32. Scroll Up CSS
	33. Preloader CSS
	34. Animation Part CSS


--------------------------------------------------------*/
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj62UUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7oUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj7aUUsj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj42Vksj.ttf) format('truetype');
}
@font-face {
  font-family: 'Space Grotesk';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/spacegrotesk/v16/V8mQoQDjQSkFtoMM3T6r8E7mF71Q-gOoraIAEj4PVksj.ttf) format('truetype');
}
/* -----------------------------------
	01. General CSS
-------------------------------------*/
html,
body {
  font-size: 17px;
  color: #454545;
  font-family: 'Space Grotesk', sans-serif;
  vertical-align: baseline;
  line-height: 1.6;
  font-weight: 400;
  overflow-x: hidden;
}
img {
  max-width: 100%;
  height: auto;
}
p {
  margin: 0 0 26px;
  line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Space Grotesk', sans-serif;
  color: #101010;
  margin: 0 0 26px;
  line-height: 1.2;
  letter-spacing: -2px;
}
h1 {
  font-size: 52px;
  line-height: 62px;
  font-weight: 700;
}
h2 {
  font-size: 40px;
  line-height: 50px;
  font-weight: 700;
}
h3 {
  font-size: 28px;
  line-height: 42px;
  font-weight: 700;
  letter-spacing: 0px;
}
h4 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 700;
  letter-spacing: 0px;
}
h5 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  letter-spacing: 0px;
}
h6 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 0px;
}
.text-md-left {
  text-align: left;
}
.text-md-right {
  text-align: right;
}
.text-right {
  text-align: right;
}
.no-border {
  border: none !important;
}
.uppercase {
  text-transform: uppercase !important;
}
.capitalize {
  text-transform: capitalize !important;
}
.extra-bold {
  font-weight: 800 !important;
}
.gray-bg {
  background: #effdfc;
}
.gray-bg2 {
  background: #effdfc;
}
.white-color {
  color: #ffffff !important;
}
.title-color {
  color: #0a0a0a !important;
}
.body-color {
  color: #454545 !important;
}
.white-bg {
  background: #fff;
}
.pb-300 {
  padding-bottom: 300px;
}
.pb-290 {
  padding-bottom: 300px;
}
a {
  color: #102c54;
  transition: all 0.3s ease;
  text-decoration: none !important;
  outline: none !important;
}
a:active,
a:hover {
  text-decoration: none;
  outline: 0 none;
  color: #102c54;
}
ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}
.clear {
  clear: both;
}
::-moz-selection {
  background: #102c54;
  text-shadow: none;
  color: #ffffff;
}
::selection {
  background: #102c54;
  text-shadow: none;
  color: #ffffff;
}
.bg1 {
  background: url(assets/images/Allimages/career.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 95px 0px 95px 90px;
  border-radius: 50px 0px 50px 0px;
}
.bg2 {
  background: url(assets/images/bg/contact-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 150px 0px 0px 0px;
}
.bg3 {
  background: url(assets/images/bg/newsletter-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg4 {
  background-color: #232323;
  background: url(assets/images/bg/choose-bg.jpg);
  background-repeat: no-repeat;
  border-radius: 0px 0px 0px 200px;
}
.bg5 {
  background-color: #232323;
  background: url(assets/images/bg/choose-bg.jpg);
  background-repeat: no-repeat;
  border-radius: 0px 250px 0px 0px;
}
.bg6 {
  background-color: #232323;
  background: url(assets/images/bg/choose-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px 0px 0px 250px;
}
.bg7 {
  background: url(assets/images/bg/newsletter-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 150px 0px 0px 0px;
}
.bg8 {
  background: url(assets/images/bg/ser-bg4.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg9 {
  background: url(assets/images/bg/approch-bg4.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.bg10 {
  background: url(assets/images/bg/cta-bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg11 {
  background: url(assets/images/bg/testi-bg4.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg12 {
  background: url(assets/images/bg/about-bg5.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg13 {
  background: url(assets/images/bg/skill-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg14 {
  background: url(assets/images/bg/partner-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.bg15 {
  background: url(assets/images/bg/cta-bg2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.bg16 {
  background: url(assets/images/bg/cta-bg1.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 100px 0px 100px 0px;
}
.bg17 {
  background-color: #232323;
  background-image: url(assets/images/bg/testi-bg2.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 0px 0px 0px 250px;
}
.bg18 {
  background: url(assets/images/bg/apointment-bg.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}
.bg19 {
  background: url(assets/images/bg/skill-bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.offwrap {
  cursor: url(assets/images/close.png), auto;
  width: 100%;
  left: 100%;
  transition: all 0.8s ease-out 0s;
  position: fixed;
  background: #fff;
  height: 100vh;
  top: 0;
  bottom: 0;
  opacity: 0.8;
  z-index: 999;
}
.copyright p {
  font-size: 15px;
}
body.nav-expanded .offwrap {
  left: 0%;
  transition: all 0.8s ease-out 0s;
}
.bg-unset {
  background: unset !important;
}
.rs-menu-toggle {
  color: #102c54;
  text-align: right;
}
button {
  cursor: pointer;
}
.glyph-icon:before {
  margin: 0;
}
.z-index-1 {
  position: relative;
  z-index: 1;
}
.dots {
  list-style: disc;
  margin: 0 0 1.5em 3em;
}
ul.services-list li a {
  display: block;
  padding: 16px 30px;
  transition: all 0.5s ease;
  border-radius: 30px 0 30px 0;
  position: relative;
  font-size: 16px;
  font-weight: 700;
  color: #0a0a0a;
  background: #effdfc;
  margin-bottom: 15px;
}
ul.services-list li a:before {
  content: "\f113";
  position: absolute;
  right: 30px;
  top: 16px;
  font-family: Flaticon;
  color: #032e42;
  font-size: 12px;
}
ul.services-list li a:hover {
  background: #f36a00;
  color: #ffffff;
}
ul.services-list li a:hover:before {
  color: #ffffff;
}
ul.services-list li a.active {
  background: #102c54;
  color: #ffffff;
}
.newcontainer{
  width:1450px;
  padding: 40px;
}
ul.services-list li a.active:before {
  color: #ffffff;
}
ul.check-lists li {
  position: relative;
  padding-left: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 15px;
  font-weight: 400;
  list-style: none;
}
ul.check-lists li:before {
  top: 9px;
  position: absolute;
  left: 0;
  content: "\f160";
  font-family: uicons-regular-rounded;
  color: #102c54;
  font-weight: 700;
  font-size: 9px;
  border: 1px solid;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 17px;
  border-radius: 30px;
}
ul.check-lists.check-modify1 li {
  font-weight: 400;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none !important;
}
.pagination-area {
  display: inline-block;
}
.pagination-area .nav-link {
  display: flex;
  align-items: center;
  padding: 15px 10px 15px 8px;
  border-radius: 0;
  background: #102c54;
}
.pagination-area .nav-link .page-number {
  padding: 2px 15px 0 20px;
  line-height: 12px;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.4s ease-in-out 0s;
  text-align: center;
  background: 0 0;
  color: #eee;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #e6e6e6;
}
.pagination-area .nav-link .page-number.border-none {
  border-right: unset;
}
.pagination-part {
  display: inline-block;
  border: 1px solid #f9f9f9;
  padding: 11px 0;
  border-radius: 3px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  background: #fff;
}
.pagination-part li {
  padding: 2px 20px 0 21px;
  line-height: 23px;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.4s ease-in-out 0s;
  text-align: center;
  background: 0 0;
  color: #000;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #e6e6e6;
}
.pagination-part li a {
  color: #454545;
}
.pagination-part li:last-child {
  border-right: unset;
}
.pagination-part .next-page {
  position: relative;
  transition: all 0.4s ease-in-out 0s;
  padding-right: 12px;
}
.pagination-part .next-page:before,
.pagination-part .next-page:after {
  content: "\f105";
  position: absolute;
  top: 4px;
  right: -3px;
  color: #454545;
  line-height: 16px;
  font-family: fontawesome;
  font-size: 12px;
}
.pagination-part .next-page:before {
  right: 1px;
}
.pagination-part .active a {
  color: #f36a00;
}
.gridFilter button {
  font-size: 16px;
  font-weight: 500;
  background: 0 0 !important;
  color: #0a0a0a;
  display: inline-block;
  transition: 0.4s;
  outline: 0;
  position: relative;
  padding: 6px 20px 6px 20px;
  border: 0;
}
.gridFilter button.active {
  color: #f36a00;
  box-shadow: 0 0 30px #eee;
}
.gridFilter button:hover {
  color: #f36a00;
}
.gridFilter button + button {
  margin-left: 20px;
}
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
  font-family: 'Space Grotesk', sans-serif;
}
blockquote {
  margin: 35px 0px !important;
  padding: 40px 60px;
  color: #666;
  position: relative;
  background: #effdfc !important;
  font-style: italic;
  text-align: left;
  clear: both;
  font-weight: 400;
}
blockquote:before {
  content: "\f129" !important;
  font-size: 35px;
  color: #f36a00;
  padding-bottom: 0;
  display: inline-block;
  font-family: flaticon;
  font-weight: 400;
  text-align: center;
  top: 0;
  background: 0 0 !important;
  transform: rotate(180deg);
}
blockquote p {
  font-size: 20px;
  margin-bottom: 10px;
}
blockquote p cite {
  font-size: 15px;
  display: block;
  margin-top: 10px;
}
blockquote p cite:before {
  content: "";
  font-size: 28px;
  color: #ff5421;
  padding-bottom: 0px;
  display: inline-block;
  background: #f36a00;
  height: 2px;
  width: 40px;
  font-weight: 400;
  text-align: center;
  top: -4px;
  margin-right: 10px;
  position: relative;
}
.rs-carousel.nav-style1 {
  position: relative;
}
.rs-carousel.nav-style1 .owl-nav {
  display: block;
}
.rs-carousel.nav-style1 .owl-nav .owl-next,
.rs-carousel.nav-style1 .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  width: 42px;
  height: 42px;
  line-height: 42px;
  border-radius: 50%;
  background: #102c54;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s;
  transition-delay: 0.7s;
  opacity: 0;
  visibility: hidden;
}
.rs-carousel.nav-style1 .owl-nav .owl-next i:before,
.rs-carousel.nav-style1 .owl-nav .owl-prev i:before {
  content: "\f138";
  font-family: Flaticon;
}
.rs-carousel.nav-style1 .owl-nav .owl-next {
  right: 30px;
  left: unset;
}
.rs-carousel.nav-style1 .owl-nav .owl-next i:before {
  content: "\f137";
}
.rs-carousel.nav-style1:hover .owl-nav .owl-next,
.rs-carousel.nav-style1:hover .owl-nav .owl-prev {
  left: -50px;
  transition-delay: 0s;
  visibility: visible;
  opacity: 1;
}
.rs-carousel.nav-style1:hover .owl-nav .owl-next {
  right: -50px;
  left: unset;
}
.rs-carousel .owl-dots {
  text-align: left;
  margin-top: 50px;
}
.rs-carousel .owl-dots .owl-dot {
  width: 8px;
  height: 8px;
  display: inline-block;
  margin: 0 6px;
  padding: 3px 0;
  border-radius: 50px;
  border: none;
  transition: all 0.3s ease;
  background: #102c54;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  opacity: 0.5;
}
.rs-carousel .owl-dots .owl-dot:hover,
.rs-carousel .owl-dots .owl-dot.active {
  width: 25px;
  background: #102c54;
  opacity: 1;
}
/* no-gutters Class Rules */
.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
/* ------------------------------------
	02. Global Class CSS
---------------------------------------*/
.y-middle {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.y-bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.project-item .vertical-middle {
  position: relative;
  z-index: 9;
}
.vertical-middle {
  display: table;
  height: 100%;
  width: 100%;
}
.vertical-middle-cell {
  display: table-cell;
  vertical-align: middle;
}
.readon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  line-height: 26px;
  color: #ffffff;
  background: #102c54;
  padding: 14px 40px 14px 40px;
  z-index: 1;
  border-radius: 20px 0px 20px 0px;
  transition: all 0.4s ease-in-out 0s;
  overflow: hidden;
}
.readon.slide-touch {
  padding: 15px 34px;
}
.readon.slide-touch:hover {
  background-color: #f36a00;
  color: #ffffff;
  border-radius: 0px 20px 0px 20px;
}
.readon.details {
  padding: 16px 28px 14px 28px;
}
.readon.details:hover {
  background-color: #f36a00;
  color: #ffffff;
  border-radius: 0px 20px 0px 20px;
}
.readon.details.contact {
  padding: 16px 35px 14px 35px;
}
.readon.details.join {
  padding: 16px 35px 14px 35px;
  background: #f36a00;
}
.readon.details.submit {
  font-size: 16px;
  padding: 16px 35px 14px 35px;
  background: #f36a00;
  border: none;
}
.readon.details.submit:hover {
  background-color: #f36a00;
}
.readon.details.submit2 {
  font-size: 16px;
  font-weight: 600;
  padding: 16px 31px 16px 31px;
  border: none;
}
.readon.details.pricing {
  font-size: 16px;
  font-weight: 400;
  padding: 12px 30px 10px 30px;
}
.readon.details.pricing.price-active {
  background-color: #f36a00;
}
.readon.details.pricing.price-active.inner-active {
  padding: 12px 23px 10px 23px;
}
.readon.details.pricing.inner-price {
  padding: 12px 23px 10px 23px;
}
.readon.details.post {
  padding: 15px 23px;
  border: none;
}
.readon.details.onepage-submit {
  background-color: #102c54;
  border-radius: 20px 20px 20px 20px;
  border: none;
}
.readon.details.onepage-submit:hover {
  opacity: 0.9;
}
.readon.learn-work {
  padding: 14px 28px 14px 28px;
  background-color: #102c54;
  border-radius: 4px 4px 4px 4px;
}
.readon.learn-work i {
  margin-left: 10px;
}
.readon.learn-work:hover {
  background-color: #f36a00;
  color: #ffffff;
}
.readon.read-more {
  font-size: 16px;
  padding: 15px 34px 15px 34px;
  border-radius: 10px 10px 10px 10px;
  background-color: #102c54;
}
.readon.read-more i {
  margin-left: 10px;
}
.readon.read-more:hover {
  background-color: #f36a00;
  color: #ffffff;
}
.readon.read-more.view {
  font-size: 15px;
  font-weight: 400;
  padding: 8px 15px 8px 15px;
}
.readon.read-more.apply {
  font-size: 15px;
  font-weight: 400;
  padding: 8px 17px 8px 14px;
  border-radius: 20px 0px 20px 0px;
  color: #fff;
}
.readon.slide-started {
  position: relative;
  border: 1px solid #fff;
  background: transparent;
  text-align: center !important;
  padding: 18px 30px;
  min-width: 170px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  line-height: 22px;
}
.readon.slide-started span {
  position: relative;
  z-index: 11;
  color: #102c54;
}
.readon.slide-started:after {
  content: '';
  position: absolute;
  background: #fff;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
  transition: all 0.2s;
}
.readon.slide-started:hover:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.readon.slide-started.more {
  border: 1px solid #102c54;
}
.readon.slide-started.more span {
  color: #ffffff;
}
.readon.slide-started.more:after {
  background: #102c54;
}
.readon.slide-started.join {
  border: 1px solid #f36a00;
}
.readon.slide-started.join span {
  color: #ffffff;
}
.readon.slide-started.join:after {
  background: #f36a00;
}
.readon.slide-get {
  font-size: 16px;
  text-transform: uppercase;
  background: #ffffff;
  padding: 12px 28px 12px 28px;
  border-radius: 4px 4px 4px 4px;
  transition: all 0.4s;
}
.readon.slide-get:before {
  content: "";
  width: 4px;
  height: 20px;
  background: #ea6504;
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.readon.slide-get span {
  position: relative;
  z-index: 9;
  color: #0a0a0a;
}
.readon.slide-get:after {
  content: "";
  width: 4px;
  height: 20px;
  background: #ea6504;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s;
}
.readon.slide-get:hover:before {
  height: 100.9%;
  width: 50%;
  border-radius: 0 5px 5px 0;
}
.readon.slide-get:hover span {
  color: #ffffff;
}
.readon.slide-get:hover:after {
  height: 100.9%;
  width: 50%;
  border-radius: 5px 0 0 5px;
}
.readon.slide-get.started {
  background: #102c54;
}
.readon.slide-get.started span {
  color: #ffffff;
}
.readon.slide-get.view-team {
  background: #ffffff;
}
.readon.slide-get.view-team span {
  color: #f36a00;
}
.readon.slide-get.view-team:hover span {
  color: #ffffff;
}
.readon.slide-get.price {
  text-transform: capitalize;
  padding: 10px 20px;
  background: #102c54;
  border-radius: 5px 5px 5px 5px;
}
.readon.slide-get.price span {
  color: #ffffff;
}
.readon.slide-get.price:hover:before {
  width: 50.5%;
}
.readon.slide-get.price:hover span {
  color: #ffffff;
}
.readon.slide-get.price:hover:after {
  width: 50.5%;
}
.readon.slide-get.price.get-active {
  background: #f36a00;
}
.readon.slide-get.price.get-active:before {
  background: #f36a00;
}
.readon.slide-get.price.get-active span {
  color: #ffffff;
}
.readon.slide-get.price.get-active:after {
  background: #f36a00;
}
/*-- Add Button CSS --*/
.add-btn {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: all 0.4s;
  padding: 10px 31px;
  border-radius: 3px;
  font-size: 16px;
  font-weight: 500;
  background: #102c54;
  color: #ffffff;
  border: none;
}
.add-btn:hover {
  color: #ffffff;
  background: #f36a00;
}
/*-- Services Button CSS --*/
.services-btn .btn-text {
  transition: all 0.4s ease-in-out 0s;
}
.services-btn .btn-text i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
  text-align: center;
  color: #102c54;
  background-color: #effdfc;
}
.services-btn .btn-text i:before {
  font-size: 16px;
}
.services-btn .btn-text:hover i {
  color: #fff;
  background-color: #102c54;
}
.services-btn.ser-style2 .btn-text i {
  background: #f36a00;
  color: #ffffff;
}
.services-btn.ser-style2 .btn-text:hover i {
  background: #f36a00;
  color: #ffffff;
}
/*-- Blog Button CSS --*/
.blog-button a {
  position: relative;
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #0A0A0A;
  transition: all ease 0.4s;
}
.blog-button a:after {
  content: "\f113";
  font-family: Flaticon;
  font-size: 10px;
  position: relative;
  right: 0;
  top: 0;
  display: inline-block;
  margin-left: 8px;
  transition: all ease 0.4s;
  color: #101010;
}
.blog-button a:hover {
  color: #f36a00;
}
.blog-button a:hover:after {
  transform: translateX(10px);
  color: #f36a00;
}
.blog-button.blog-inner-btn a {
  font-size: 15px;
  font-weight: 600;
}
.blog-button.blog-inner-btn a:after {
  content: "\f121";
  font-family: uicons-regular-rounded !important;
  font-size: 19px;
  right: 3px;
  top: 6px;
}
.blog-button.blog-inner-btn a:hover {
  color: #f36a00;
}
.blog-button.blog-inner-btn a:hover:after {
  transform: translateX(10px);
  color: #f36a00;
}
/*-- Submit Button CSS --*/
.submit-btn {
  margin: 0;
  display: block;
  cursor: pointer;
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
  border-radius: 3px;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  z-index: 2;
  border: none;
}
.submit-btn .arrow-btn {
  position: relative;
  z-index: 9;
}
.submit-btn .arrow-btn [type="submit"] {
  background-color: #AF0505E0;
  padding: 16px 34px 16px 34px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 5px 5px 5px 5px;
  position: relative;
  z-index: 9;
  border: none;
}
.submit-btn .arrow-btn:before {
  content: "";
  position: absolute;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #f00;
  right: 15%;
  top: -8px;
  background: #930606;
  transition: 0.4s;
  z-index: 3;
}
.submit-btn .arrow-btn:hover:before {
  right: 68%;
}
.submit-btn.debitis {
  background: #102c54;
  padding: 9px 25px;
  display: inline-block;
}
.submit-btn.debitis input[type="submit"] {
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
  background: unset;
  border: none;
}
.address-wrap .icon-part {
  display: inline-block;
  position: relative;
  height: 70px;
  width: 70px;
  line-height: 70px;
  border-radius: 100%;
  text-align: center;
  background: #E76404;
}
.address-wrap .icon-part i {
  text-align: center;
  color: #ffffff;
  border-radius: 100%;
  font-size: 25px;
  position: relative;
  line-height: 70px;
  z-index: 9;
  width: 100%;
  vertical-align: middle;
  margin-left: 0;
  height: auto;
}
.address-wrap .icon-part:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  background: #E76404;
}
/*Video Icon*/
.rs-videos .animate-border .popup-border {
  background: #f36a00;
  width: 80px;
  height: 80px;
  line-height: 80px;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.rs-videos .animate-border .popup-border i {
  font-size: 20px;
  line-height: 80px;
  display: block;
  color: #01539F;
}
.rs-videos .animate-border .popup-border:before {
  content: "";
  border: 2px solid #f36a00;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0.75s;
  animation-delay: 0.75s;
}
.rs-videos .animate-border .popup-border:after {
  content: "";
  border: 2px solid #f36a00;
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  animation: zoomBig 3.25s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}
.rs-videos .animate-border.main-home .popup-border {
  left: 8%;
}
.rs-videos .animate-border.main-home.style2 .popup-border {
  left: 50%;
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
@keyframes zoomBig {
  0% {
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 1;
    border-width: 3px;
  }
  40% {
    opacity: 0.5;
    border-width: 2px;
  }
  65% {
    border-width: 1px;
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
    border-width: 1px;
  }
}
.margin-remove {
  margin: 0 !important;
}
.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.no-gutter [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
  margin: 0;
}
.container-fluid {
  padding-left: 100px;
  padding-right: 100px;
}
.container-fluid2 {
  padding-left: 15px;
  padding-right: 15px;
}
.display-table {
  display: table;
  height: 100%;
  width: 100%;
}
.display-table-cell {
  display: table-cell;
  vertical-align: middle;
}
.relative {
  position: relative;
}
.pt-relative {
  position: relative !important;
}
.sec-title {
  position: relative;
}
.sec-title .sub-text {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: #102c54;
  text-transform: uppercase;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: 2px;
  margin: 0 0 16px;
  display: block;
}
.sec-title .sub-text.big-text {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0px;
}
.sec-title .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  color: #101010;
  margin: 0;
}
.sec-title .title.title2 {
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
}
.sec-title .title.title2.title-color {
  color: #101010;
}
.sec-title .title.title2 span {
  color: #f36a00;
}
.sec-title .title.title3 {
  font-size: 42px;
  line-height: 52px;
  color: #0a0a0a;
}
.sec-title .title.title3 span {
  color: #f36a00;
  font-weight: 700;
  text-decoration: underline;
}
.sec-title .title.title4 {
  font-size: 42px;
  line-height: 52px;
  color: #ffffff;
}
.sec-title .title.title4 span {
  color: #f36a00;
}
.sec-title .desc {
  font-size: 17px;
  line-height: 27px;
  font-weight: 500;
  color: #454545;
  margin: 0;
}
.sec-title .desc.small {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.sec-title .desc.small2 {
  font-size: 17px;
  font-weight: 400;
  line-height: 1.6;
}
.sec-title .view-line {
  font-size: 17px;
}
.sec-title .view-line .btn-text {
  color: #0A0A0A;
  font-size: 17px;
  font-weight: 400;
  text-decoration: underline !important;
  padding: 2px 0px 2px 0px;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #f36a00;
  border-radius: 0px 0px 0px 0px;
}
.sec-title .view-line .btn-text:hover {
  color: #f36a00;
}
.sec-title2 {
  position: relative;
  padding-top: 28px;
}
.sec-title2:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 5px;
  opacity: 1;
  background: #f36a00;
  z-index: 2;
}
.sec-title2 .title {
  font-size: 42px;
  font-weight: 700;
  line-height: 52px;
  color: #ffffff;
  margin: 0;
}
.sec-title2 .title.title2 {
  font-size: 36px;
  line-height: 46px;
  color: #0a0a0a;
}
.sec-title2 .title span {
  color: #f36a00;
}
.sec-title2 .description {
  font-size: 17px;
  color: #fff;
  margin: 0px 0px 0px 0px;
}
.sec-title3 .sub-text {
  position: relative;
  padding-left: 24px;
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #f36a00;
  font-family: 'Space Grotesk', sans-serif;
  display: inline-block;
  margin: 0 0 10px;
}
.sec-title3 .sub-text:after {
  content: "";
  position: absolute;
  border: 0;
  width: 5px;
  height: 15px;
  background: #f36a00;
  z-index: 1;
  margin-left: 0;
  left: 0;
  top: 6px;
}
.sec-title3 .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0;
}
.sec-title3 .title span {
  position: relative;
  z-index: 11;
}
.sec-title3 .title span:before {
  content: "";
  position: absolute;
  bottom: 9px;
  left: 3.5px;
  width: 98%;
  height: 10px;
  z-index: -1;
  background: #f36a00;
}
.sec-title3 .desc {
  margin: 0;
}
.sec-title3 .view-line {
  font-size: 17px;
  margin: 0;
}
.sec-title3 .view-line .btn-text {
  color: #0A0A0A;
  font-size: 17px;
  text-decoration: underline;
}
.sec-title3 .view-line .btn-text:hover {
  color: #f36a00;
}
/* -----------------------
	03. Header Section CSS
--------------------------*/
.full-width-header {
  position: relative;
}
.full-width-header .rs-header {
  position: relative;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 {
  padding: 0 20px;
  background: #102c54;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li {
  display: inline-block;
  line-height: 50px;
  font-size: 14px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child {
  margin-right: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i {
  color: #ffffff;
  margin-right: 6px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li i:before {
  font-size: 14px;
  margin-left: 0;
  position: relative;
  top: 1px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a {
  border-right: 1px solid #ffffff5b;
  margin-right: 10px;
  padding-right: 10px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li a:hover {
  color: #CCCCCC;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-contact .rs-contact-info li:last-child a {
  border: none;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix {
  text-align: right;
  margin: 0px;
  padding: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em {
  border-right: 1px solid #ffffff5b;
  margin-right: 5px;
  padding-right: 20px;
  color: #ffffff;
  font-style: normal;
  font-size: 15px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i {
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix .opening em i:before {
  font-size: 15px;
  margin-right: 8px;
  line-height: 20px;
  position: relative;
  top: 3px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li {
  display: inline-block;
  line-height: 46px;
  margin-right: 13px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li:last-child {
  margin-right: 0;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i {
  font-size: 13px;
  color: #ffffff;
}
.full-width-header .rs-header .toolbar-area.topbar-style1 .toolbar-sl-share .clearfix li a i:hover {
  color: #CCCCCC;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li a {
  border-right: unset;
  margin-right: 0px;
  padding-right: 0px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-contact .rs-contact-info li {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 20px;
  padding-right: 20px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening em {
  border-right: unset;
  margin-right: 0;
  padding-right: 0px;
}
.full-width-header .rs-header .toolbar-area.topbar-style1.topber-modify1 .toolbar-sl-share .clearfix .opening {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  margin-right: 20px;
  padding-right: 40px;
}
.full-width-header .rs-header .menu-area {
  position: relative;
  transition: all 0.3s ease 0s;
  z-index: 10;
}
.full-width-header .rs-header .menu-area .row-table {
  display: flex;
  width: 100%;
  position: relative;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .menu-area .row-table .col-cell.header-logo {
  display: flex;
  flex: 1;
}
.full-width-header .rs-header .menu-area .logo-area a .sticky-logo {
  display: none;
}
.full-width-header .rs-header .menu-area .logo-area img {
  transition: 0.4s;
  /* max-height: 40px; */
}
.full-width-header .rs-header .menu-area .rs-menu-area {
  display: flex;
  align-items: center;
  margin-right: 22px;
}
.full-width-header .rs-header .menu-area .main-menu {
  position: unset;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li {
  display: inline-block;
  margin-right: 22px;
  padding: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
  transition: all 0.3s ease;
  font-size: 16px;
  font-weight: 600;
  margin-right: 10px;
  height: 104px;
  line-height: 104px;
  padding: 0;
  color: #101010;
  position: relative;
  font-family: 'Space Grotesk', sans-serif;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first {
  color: #102c54 !important;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a {
  padding-right: 17px;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:before {
  content: "+";
  position: absolute;
  left: auto;
  right: 0;
  top: 50%;
  text-align: center;
  z-index: 9999;
  font-size: 16px;
  display: block;
  cursor: pointer;
  transform: translateY(-50%);
  font-weight: 400;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children > a:hover::before {
  content: '-';
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children:hover > a:before {
  content: "-";
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item > a {
  color: #102c54 !important;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item > a::before {
  content: '-';
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item ul li.current-menu-item a i::before {
  content: '-';
  font-family: unset !important;
  font-size: 30px;
  font-weight: 100 !important;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li.menu-item-has-children.current-menu-item:hover > a::before {
  content: '-';
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a {
  color: #102c54;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu {
  background: #ffffff;
  margin: 0;
  padding: 20px 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li {
  margin: 0 !important;
  border: none;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
  font-family: 'Space Grotesk', sans-serif;
  font-size: 15px;
  color: #101010;
  font-weight: 600;
  height: unset;
  line-height: 25px;
  text-transform: capitalize;
  position: relative;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a i {
  position: absolute;
  right: 35px;
  top: 56%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 16px;
  margin: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li a:hover {
  color: #102c54;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li:last-child {
  margin: 0;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu li.menu-item-has-children a:before {
  display: none;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.sub-menu.right {
  left: auto;
  right: 100%;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.onepage-menu li.current-menu-item > a {
  color: #102c54;
}
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {
  color: #102c54 !important;
}
.full-width-header .rs-header .menu-area.sticky {
  background: #fff;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .sticky-logo {
  display: block;
}
.full-width-header .rs-header .menu-area.sticky .logo-area a .normal-logo {
  display: none;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a {
  color: #101010;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li > a:hover {
  color: #102c54;
}
.full-width-header .rs-header .menu-area.sticky .main-menu .rs-menu ul.nav-menu > li.current-menu-item > a {
  color: #102c54;
}
.full-width-header .rs-header .expand-btn-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.full-width-header .rs-header .expand-btn-inner ul {
  display: flex;
  align-items: center;
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote {
  position: relative;
  margin-left: 30px;
  line-height: 30px;
  margin-top: 0px;
  display: flex;
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button {
  font-size: 16px;
  background: #102c54;
  padding: 10px 23px;
  color: #fff;
  font-weight: 600;
  display: inline-block;
  position: relative;
  overflow: hidden;
  top: 0px;
  border-radius: 20px 0 20px 0;
  transition: 0.4s;
}
.full-width-header .rs-header .expand-btn-inner ul .btn-quote .quote-button:hover {
  background: #f36a00;
  border-radius: 0 20px 0 20px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger {
  display: none;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar {
  padding: 16px 13px 16px;
  background: transparent;
  max-width: 50px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 2px;
  padding-right: 0;
  margin-right: -4px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span {
  height: 5px;
  width: 5px;
  display: block;
  background: #102c54;
  border-radius: 50%;
  transition: none;
  list-style: none;
  transition: all 0.3s ease;
  margin: 2px 3px;
}
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot2,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot3,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot4,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot5,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot6,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot7,
.full-width-header .rs-header .expand-btn-inner ul .humburger .nav-expander .bar span.dot8 {
  background: #102c54;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  height: 115px;
  line-height: 115px;
  color: #101010;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight,
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first {
  color: #102c54;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a {
  color: #102c54 !important;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.nav-menu li:hover > a i::before {
  content: '-';
  font-family: unset !important;
  font-size: 30px;
  font-weight: 100;
}
.full-width-header .rs-header.header-style1 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 15px;
}
.full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote a {
  border-color: #f36a00;
  color: #ffffff;
  position: relative;
  z-index: 10;
}
.full-width-header .rs-header.header-style1.header-modify1 .expand-btn-inner ul .btn-quote a::after {
  background: #f36a00;
  z-index: -1;
}
.full-width-header .rs-header.header-style1.header-style3 .menu-area .expand-btn-inner .btn-quote a {
  border-radius: 4px;
}
.full-width-header .rs-header.header-style2 .menu-area {
  background: transparent;
}
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a:hover,
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.active a,
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before,
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul li.current-menu-item > a,
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li.current-menu-item > a {
  color: #f36a00 !important;
}
.full-width-header .rs-header.header-style2 .menu-area .rs-menu-area {
  margin-right: 32px;
}
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  color: #ffffff;
}
.full-width-header .rs-header.header-style2 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  color: #101010;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner ul .btn-quote .quote-button {
  background: #ffffff;
  color: #0a0a0a;
  border-radius: 4px;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner ul .btn-quote .quote-button:hover {
  color: #f36a00;
  border-radius: 0 20px 0 20px;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i {
  color: #ffffff;
}
.full-width-header .rs-header.header-style2 .expand-btn-inner ul .sidebarmenu-search a i:before {
  font-size: 18px;
  line-height: unset;
  font-weight: 500 !important;
  font-family: uicons-regular-rounded !important;
  position: relative;
}
.full-width-header .rs-header.header-style2 .menu-area.sticky .rs-menu ul.nav-menu li a {
  color: #0a0a0a;
}
.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.nav-menu li a {
  height: 85px;
  line-height: 85px;
}
.full-width-header .rs-header.header-style2.header-modify2 .menu-area .main-menu .rs-menu ul.sub-menu li a {
  height: unset;
  line-height: 25px;
}
.full-width-header .rs-header.header-transparent {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
}
.full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get {
  position: relative;
  z-index: 10;
  color: #333333;
}
.full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get:hover {
  color: #ffffff !important;
}
.full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get::after,
.full-width-header .rs-header.header-transparent .menu-area .btn-quote .slide-get::before {
  z-index: -1;
}
.full-width-header .rs-header.header-transparent .menu-area.sticky .btn-quote .slide-get {
  background: #102c54 !important;
  color: #ffffff;
}
.full-width-header .rs-header.header-transparent .menu-area.sticky .sidebarmenu-search .rs-search i {
  color: #333333;
}
.full-width-header .rs-header.header-transparent.rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight,
.full-width-header .rs-header.header-transparent.rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a.mPS2id-highlight-first {
  color: #f36a00 !important;
}
.full-width-header .mobile-menu {
  display: none;
}
.full-width-header .mobile-menu .mobile-logo {
  float: left;
}
.full-width-header .mobile-menu .mobile-logo img {
  max-height: 30px;
}
.full-width-header .mobile-menu .rs-menu-toggle {
  color: #ffffff;
  float: right;
}
.full-width-header .mobile-menu .rs-menu-toggle.primary {
  color: #102c54;
}
.full-width-header .mobile-menu .rs-menu-toggle.secondary {
  color: #f36a00;
}
.full-width-header .mobile-menu .rs-menu-toggle .nav-dots {
  position: absolute;
  right: 0;
  width: 25px;
  height: 2px;
  background: #fff;
  z-index: 11;
  top: 23px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot1,
.full-width-header .mobile-menu .rs-menu-toggle .dot3 {
  width: 15px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot2 {
  top: 28px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot3 {
  top: 34px;
}
.full-width-header .mobile-menu .rs-menu-toggle .dot4 {
  top: 40px;
}
.full-width-header .right_menu_togle {
  background-image: linear-gradient(90deg, #e2e9f7 0%, #e2e9f7 100%);
  padding: 100px 60px 50px 50px;
  font-size: 1.15em;
  max-width: 480px;
  width: 100%;
  right: -500px;
  z-index: 999999;
  transition: all 0.3s ease;
  position: fixed;
  overflow-y: auto;
}
.full-width-header .right_menu_togle .close-btn {
  overflow: visible;
  position: absolute;
  top: 10px;
  display: block;
  z-index: 99;
  right: 57px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 1px !important;
  height: 25px !important;
  background: #102c54;
  border: none !important;
  transition: all 0.3s ease;
}
.full-width-header .right_menu_togle .close-btn .nav-close .line span.line2 {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.full-width-header .right_menu_togle .close-btn:hover .nav-close .line span {
  background: #102c54;
}
.full-width-header .right_menu_togle .canvas-logo {
  padding-left: 0;
  padding-bottom: 35px;
}
.full-width-header .right_menu_togle .canvas-logo img {
  max-height: 45px;
}
.full-width-header .right_menu_togle .offcanvas-text p {
  font-size: 16px;
  line-height: 30px;
  color: #333333;
  margin: 0px 0 38px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list {
  display: flex;
  margin-top: 18px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-icon i:before {
  margin: 0 20px 0 0;
  font-size: 25px;
  color: #102c54;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content .title {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #333333;
  margin-bottom: 5px;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em {
  display: block;
  font-style: normal;
  line-height: 22px;
  font-size: 15px;
  color: #333333;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a {
  color: #333333;
}
.full-width-header .right_menu_togle .canvas-contact .address-area .address-list .info-content em a:hover {
  color: #102c54;
}
.full-width-header .right_menu_togle .canvas-contact .social {
  margin: 40px 0 0;
}
.full-width-header .right_menu_togle .canvas-contact .social li {
  display: inline-block;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i {
  font-size: 15px;
  color: #fff;
  margin: 0 8px 0 0;
  text-align: center;
  background: #102c54;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 3px;
}
.full-width-header .right_menu_togle .canvas-contact .social li a i:hover {
  opacity: 0.9;
}
.full-width-header .right_menu_togle .canvas-contact .social li:last-child {
  margin: 0;
}
.full-width-header .mobile-navbar-menu .sub-menu {
  display: none;
  position: relative;
  left: 0;
  width: 100%;
  margin: 0;
  text-align: left;
}
.full-width-header .mobile-navbar-menu .nav-menu li {
  position: relative;
}
.full-width-header .mobile-navbar-menu .nav-menu li a {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  display: block;
  color: #333;
  padding: 10px 0;
  line-height: 30px;
  width: 100%;
}
.full-width-header .mobile-navbar-menu .nav-menu li li a {
  padding-left: 25px;
}
.full-width-header .mobile-navbar-menu .nav-menu li li li a {
  padding-left: 50px;
}
.full-width-header .mobile-navbar-menu span.submenu-button {
  position: absolute;
  z-index: 99;
  right: 0;
  top: 5px;
  display: block;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
.full-width-header .mobile-navbar-menu span.submenu-button:before,
.full-width-header .mobile-navbar-menu span.submenu-button:after {
  position: absolute;
  top: 24px;
  right: 10px;
  width: 20px;
  height: 1px;
  display: block;
  background: #333;
  z-index: 2;
  content: '';
  right: 12px;
  width: 12px;
}
.full-width-header .mobile-navbar-menu span.submenu-button:before {
  width: 1px;
  height: 12px;
  right: 17px;
  top: 18px;
}
.full-width-header .mobile-navbar-menu span.submenu-button em {
  display: block;
  position: absolute;
  right: 0;
  border-radius: 4px;
  top: 50%;
  transform: translateY(-50%);
}
.full-width-header .mobile-navbar-menu .hash-has-sub span.submenu-button {
  width: 100%;
  cursor: pointer;
  top: 0;
  height: 50px;
  font-size: 15px;
}
.full-width-header .mobile-navbar-menu .submenu-button.submenu-opened:before {
  display: none;
}
.full-width-header .mobile-navbar-menu ul ul li,
.full-width-header .mobile-navbar-menu li:hover > ul > li {
  height: auto;
}
.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:after {
  top: 19px;
}
.full-width-header .mobile-navbar-menu ul.nav-menu > li:first-child > span.submenu-button:before {
  top: 13px;
}
.full-width-header .mobile-navbar-menu .nav-menu li.active-menu a,
.full-width-header .mobile-navbar-menu .nav-menu li a:hover {
  color: #102c54;
}
body.modal-open {
  padding: 0 !important;
}
body .modal.show .modal-dialog {
  width: 100%;
  max-width: 500px;
}
body .modal {
  z-index: 9999;
}
body .search-modal {
  padding: 0 !important;
  background: #f36a00;
}
body .search-modal .modal-content {
  position: initial;
  border: 0;
  background: unset;
}
body .search-modal .search-block form {
  position: relative;
}
body .search-modal .search-block form input {
  background: 0 0;
  border: none;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  outline: none;
  padding: 14px 17px;
  border-radius: unset;
}
body .search-modal .search-block form button {
  background: transparent;
  border: none;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 0 5px 5px 0;
  font-size: 16px;
  position: absolute;
  content: '';
  right: 0;
  top: 11px;
}
body .search-modal .search-block form button i:before {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  opacity: 0.7;
}
body .search-modal .search-block ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
  opacity: 1;
}
body .search-modal .search-block ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  opacity: 0.3;
}
body .search-modal .search-block :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
  opacity: 1;
}
body .search-modal .search-block :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  opacity: 1;
}
body .search-modal .close {
  position: fixed;
  right: 50px;
  top: 50px;
  background: #ffffff;
  color: #0a0a0a;
  width: 40px;
  height: 40px;
  line-height: 43px;
  text-align: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.5s ease;
  opacity: unset;
  box-shadow: unset;
  border: none;
}
body .search-modal .close i:before {
  font-size: 23px;
  position: relative;
  top: 4px;
  left: 0px;
  font-weight: 700;
}
body .search-modal .close:hover {
  opacity: 0.8 !important;
}
/*------------------------------------
	04. Sticky Menu CSS
--------------------------------------*/
.menu-sticky {
  background: #fff;
  margin: 0;
  z-index: 999;
  width: 100%;
  top: 0;
  position: relative;
}
@-webkit-keyframes sticky-animation {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes sticky-animation {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/* ------------------------------------
	05. About Section CSS
---------------------------------------*/
.rs-about.about-style1 {
  position: relative;
}
.rs-about.about-style1 .sec-title .title {
  padding-right: 20px;
}
.rs-about.about-style1 .rs-addon-services .services-item {
  display: flex;
}
.rs-about.about-style1 .rs-addon-services .services-item .services-icon img {
  height: 60px;
  width: 60px;
  max-width: unset;
}
.rs-about.about-style1 .rs-addon-services .services-item .services-content {
  padding: 0px 0px 0px 20px;
}
.rs-about.about-style1 .rs-addon-services .services-item .services-content .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0 0 9px;
}
.rs-about.about-style1 .rs-addon-services .services-item .services-content .services-txt {
  margin: 0;
}
.rs-about.about-style1 .rs-addon-services .border-widget {
  margin: 24px 85px 26px 0px;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #EDECEC;
}
.rs-about.about-style1 .about-animate {
  position: absolute;
  text-align: right;
  width: 75%;
  max-width: 75%;
  bottom: 3px;
  right: 20.7px;
}
.rs-about.about-style1 .about-animate img {
  width: 11%;
}
.rs-about.about-style2 .addon-services {
  display: flex;
  align-items: center;
}
.rs-about.about-style2 .addon-services .services-img img {
  height: 130px;
  width: 171px;
  max-width: unset;
  object-fit: cover;
}
.rs-about.about-style2 .addon-services .services-text {
  padding: 0px 0px 0px 30px;
}
.rs-about.about-style2 .addon-services .services-text .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0 0 10px;
}
.rs-about.about-style2 .addon-services .services-text .services-txt {
  margin-bottom: 0;
}
.rs-about.about-style2 .rs-addon-services {
  margin: 33px 0px 0px 0px;
  padding: 10px 0px 0px 0px;
  border-style: solid;
  border-width: 1px 0px 0px 0px;
  border-color: #EBEBEB;
}
.rs-about.about-style2 .rs-addon-services .services-wrap {
  display: flex;
  align-items: center;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-icon img {
  height: 71px;
  width: 70px;
  max-width: unset;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-content {
  padding: 0px 0px 0px 20px;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-content .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #101010;
  margin: 0 0 4px;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt {
  margin-bottom: 0px;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt a {
  color: #454545;
}
.rs-about.about-style2 .rs-addon-services .services-wrap .services-content .services-txt a:hover {
  color: #102c54;
}
.rs-about.about-style2.about-modify1 .about-img img {
  border-radius: 150px 150px 150px 150px;
}
.rs-about.about-style2.about-modify1 .content-widget {
  position: relative;
  padding: 33px 52px 33px 74px;
  background-color: #FFFFFF;
  border-radius: 40px 40px 40px 40px;
}
.rs-about.about-style2.about-modify1 .content-widget .icon-part {
  position: absolute;
  left: 20px;
}
.rs-about.about-style2.about-modify1 .content-widget .icon-part img {
  width: 40px;
  height: 40px;
}
.rs-about.about-style2.about-modify1 .content-widget .text-part p {
  font-style: italic;
  margin: 0;
}
.rs-about.about-style2.about-modify1 .addon-services .services-img img {
  height: 80px;
  width: 80px;
  border-radius: 50px 50px 50px 50px;
}
.rs-about.about-style2.about-modify1 .addon-services .services-text .title {
  margin: 0 0 3px;
}
.rs-about.about-style2.about-modify1 .addon-services .services-text p {
  font-size: 15px;
}
/* ------------------------------------
	06. Appointment Section CSS
---------------------------------------*/
.rs-appointment .title-part .title {
  position: relative;
  font-size: 42px;
  line-height: 52px;
  color: #101010;
  font-weight: 700;
  margin: 0px 28px 0px 0px;
  padding-bottom: 20px;
}
.rs-appointment .title-part .title:before {
  content: "";
  position: absolute;
  border: 0;
  width: 65px;
  height: 5px;
  background: #102c54;
  z-index: 1;
  margin-left: 0;
  left: 0;
  top: -28px;
}
.rs-appointment .desc-part {
  margin: 0;
}
.rs-appointment .border-divider {
  padding-top: 40px;
  padding-bottom: 65px;
}
.rs-appointment .border-divider .boder-shape {
  border: 1px solid #02010108;
}
.rs-appointment .content-part {
  padding: 0 20px 0 0;
}
.rs-appointment .content-part .title {
  font-size: 24px;
  line-height: 34px;
  color: #101010;
  font-weight: 700;
  margin: 0px 0px 20px 0px;
}
.rs-appointment .content-part .desc {
  color: #333333;
  margin: 0;
}
/* ------------------------------------
	07. Breadcrumbs Section CSS
---------------------------------------*/
.rs-breadcrumbs {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 150px 0px 0px 0px;
}
.rs-breadcrumbs .breadcrumbs-inner {
  padding: 105px 10px 105px 10px;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  margin-bottom: 6px;
  color: #ffffff;
  position: relative;
  z-index: 1;
  padding-top: 20px;
  text-transform: capitalize;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title:after {
  content: "";
  height: 5px;
  position: absolute;
  top: 0px;
  left: 0;
  transition: all 0.3s ease;
  z-index: -1;
  background: #E76404;
  width: 65px;
  margin: 0 auto;
}
.rs-breadcrumbs .breadcrumbs-inner .page-title .watermark {
  position: absolute;
  font-size: 150px;
  text-transform: uppercase;
  font-weight: 900;
  font-family: 'Space Grotesk', sans-serif;
  opacity: 0.05;
  width: 100%;
  left: 0;
  color: inherit;
  white-space: nowrap;
  vertical-align: middle;
}
.rs-breadcrumbs .breadcrumbs-inner .sub-text {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 10px;
}
.rs-breadcrumbs .breadcrumbs-inner.blog-middle {
  text-align: center;
}
.rs-breadcrumbs .breadcrumbs-inner.blog-middle .page-title:after {
  left: 50%;
  transform: translateX(-50%);
}
.rs-breadcrumbs.img1 {
  background: url(assets/images/Allimages/breadcurumb.png);
}
.rs-breadcrumbs.img2 {
  background: url(assets/images/breadcrumbs/inr-2.jpg);
}
.rs-breadcrumbs.img3 {
  background: url(assets/images/breadcrumbs/inr-3.jpg);
}
.rs-breadcrumbs.img4 {
  background: url(assets/images/breadcrumbs/inr-4.jpg);
}
.rs-breadcrumbs.img5 {
  background: url(assets/images/breadcrumbs/inr-5.jpg);
}
.rs-breadcrumbs.img6 {
  background: url(assets/images/breadcrumbs/inr-6.jpg);
}
/* ------------------------------------
	08. Banner Section CSS
---------------------------------------*/
.rs-banner.banner-main-home {
  background-image: url(assets/images/banner/banner-2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px 350px 0px 0px;
  position: relative;
  z-index: 9;
}
.rs-banner.banner-main-home .banner-overlay {
  background-color: transparent;
  opacity: 1;
  border-radius: 0px 350px 0px 0px;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.rs-banner.banner-main-home .content-wrap {
  padding: 245px 0 245px;
  position: relative;
  z-index: 11;
}
.rs-banner.banner-main-home .content-wrap .banner-box {
  padding: 60px 20px 60px 20px;
  background-color: #102c544F;
  border-radius: 0px 0px 0px 0px;
  z-index: -11;
  width: 160px;
  max-width: 160px;
  top: 26%;
  left: -22px;
  position: absolute;
}
.rs-banner.banner-main-home .content-wrap .sub-text {
  font-size: 15px;
  line-height: 28px;
  font-weight: 600;
  color: #F66B06;
  letter-spacing: 2px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 10px;
}
.rs-banner.banner-main-home .content-wrap .title {
  font-size: 62px;
  line-height: 72px;
  font-weight: 700;
  color: #fff;
  margin: 0px 0px 24px 0px;
}
.rs-banner.banner-main-home .content-wrap .description {
  font-size: 17px;
  line-height: 28px;
  color: #fff;
  font-weight: 400;
  margin: 0px 0px 0px 0px;
}
.rs-banner.banner-style1 {
  background: url(assets/images/banner/banner-bg3.png);
  vertical-align: top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 9;
  padding: 199px 0 199px;
}
.rs-banner.banner-style1 .content-wrap {
  position: relative;
  z-index: 11;
  /*-- Animations Start --*/
  /*-- Animations End --*/
}
.rs-banner.banner-style1 .content-wrap .sub-text {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  color: #f36a00;
  opacity: 1;
  text-transform: uppercase;
  display: block;
  margin-bottom: 15px;
}
.rs-banner.banner-style1 .content-wrap .title {
  font-size: 53px;
  line-height: 70px;
  font-weight: 700;
  opacity: 1;
  color: #ffffff;
  margin: 0 0 15px;
}
.rs-banner.banner-style1 .content-wrap .title span {
  color: #f36a00;
}
.rs-banner.banner-style1 .content-wrap .description {
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.rs-banner.banner-style1 .content-wrap .banner-box {
  position: absolute;
  left: -10%;
  background-color: #102c54;
  color: #ffffff;
  width: 680px;
  height: 552px;
  opacity: 1;
  border-bottom-right-radius: 200px;
  z-index: -11;
  top: -92px;
}
.rs-banner.banner-style1 .content-wrap .sub-text {
  -webkit-animation: fadeInRight 1.4s ease-in-out;
  animation: fadeInRight 1.4s ease-in-out;
}
.rs-banner.banner-style1 .content-wrap .title {
  -webkit-animation: fadeInRight 1.6s ease-in-out;
  animation: fadeInRight 1.6s ease-in-out;
}
.rs-banner.banner-style1 .content-wrap .description {
  -webkit-animation: fadeInRight 1.8s ease-in-out;
  animation: fadeInRight 1.8s ease-in-out;
}
.rs-banner.banner-style1 .content-wrap .banner-btn {
  -webkit-animation: fadeInRight 2s ease-in-out;
  animation: fadeInRight 2s ease-in-out;
}
.rs-banner.banner-style1 .content-wrap .banner-boxs {
  -webkit-animation: fadeInUp 1s ease-in-out;
  animation: fadeInUp 1s ease-in-out;
}
.rs-banner.banner-style2 {
  background: url(assets/images/banner/style2/banner-4.jpg);
  background-repeat: no-repeat;
}
.rs-banner.banner-style2 .content-wrap {
  position: relative;
  z-index: 11;
  padding: 291px 0 290px;
}
.rs-banner.banner-style2 .content-wrap .sub-text {
  font-size: 15px;
  line-height: 26px;
  font-weight: 500;
  color: #f36a00;
  text-transform: uppercase;
  opacity: 1;
  display: block;
  margin: 0 0px 15px 0px;
}
.rs-banner.banner-style2 .content-wrap .sub-text img {
  position: relative;
  top: -2px;
  margin-right: 3px;
}
.rs-banner.banner-style2 .content-wrap .title {
  font-size: 70px;
  line-height: 80px;
  font-weight: 700;
  color: #ffffff;
  opacity: 1;
  margin: 0 0 37px;
  position: relative;
}
.rs-banner.banner-style2 .content-wrap .title img {
  position: absolute;
  left: 17px;
  top: 81%;
  z-index: -11;
}
.rs-banner.banner-style2 .content-wrap .description {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 0px;
}
.rs-banner.banner-style2 .slide-img {
  position: relative;
  margin-right: -210px;
  margin-left: 35px;
}
.rs-banner.banner-style2 .rs-carousel .owl-dots {
  right: -16%;
  position: absolute;
  bottom: 46%;
}
.rs-banner.banner-style2 .rs-carousel .owl-dots .owl-dot {
  width: 16px;
  height: 16px;
  display: flex;
  margin: 6px 0;
  padding: 3px 0;
  border-radius: 50px;
  border: none;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 0 2px #ffffff;
}
.rs-banner.banner-style2 .rs-carousel .owl-dots .owl-dot.active {
  width: 16px;
  background-color: #ffffff;
  box-shadow: 0 0 1px #ffffff;
}
.rs-banner.banner-style3 {
  position: relative;
  z-index: 11;
}
.rs-banner.banner-style3 .rs-html5-video {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.rs-banner.banner-style3 .background-video-wrap .background-overlay {
  background-color: #08172D;
  opacity: 0.5;
  mix-blend-mode: multiply;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.rs-banner.banner-style3 .shape-bottom {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  bottom: -9px;
  transform: rotate(180deg);
  z-index: 2;
  pointer-events: none;
}
.rs-banner.banner-style3 .shape-bottom svg {
  height: 110px;
  display: block;
  width: calc(100% + 1.3px);
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  z-index: -1;
}
.rs-banner.banner-style3 .shape-bottom svg .shape-fill {
  fill: #fff;
  transform: rotateY(0deg);
}
.rs-banner.banner-style3 .content-wrap {
  padding: 330px 0px 280px 0px;
  position: relative;
  z-index: 10;
}
.rs-banner.banner-style3 .content-wrap .sub-text {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  letter-spacing: 0px;
  color: #f36a00;
  text-transform: uppercase;
  display: block;
  margin: 0px 0px 20px 0px;
}
.rs-banner.banner-style3 .content-wrap .title {
  font-size: 70px;
  font-weight: 700;
  line-height: 80px;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
}
/* ------------------------------------
	09. Choose Section CSS
---------------------------------------*/
.rs-choose.choose-style1 .services-item {
  display: flex;
}
.rs-choose.choose-style1 .services-item .services-icon img {
  height: 50px;
  width: 50px;
  max-width: unset;
}
.rs-choose.choose-style1 .services-item .services-content {
  padding: 2px 0px 0px 15px;
}
.rs-choose.choose-style1 .services-item .services-content .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 700;
  color: #101010;
  margin: 0 0 10px;
}
.rs-choose.choose-style1 .services-item .services-content .services-txt {
  color: #454545;
  margin: 0;
}
/* ------------------------------------
	10. Slider Section CSS
---------------------------------------*/
.rs-slider.rs-slider-style2 {
  overflow: hidden;
  position: relative;
}
.rs-slider.rs-slider-style2 .slider-bottom {
  display: block;
  overflow: hidden;
}
.rs-slider.rs-slider-style2 .slider-bottom .slide-touch {
  display: inline-block !important;
}
.rs-slider.rs-slider-style2 .slider-direction {
  padding-top: 230px;
  padding-bottom: 190px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.rs-slider.rs-slider-style2 .container {
  position: relative;
  height: 100%;
}
.rs-slider.rs-slider-style2 .container .content-part .sl-subtitle {
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  color: #f36a00;
  letter-spacing: 2px;
  opacity: 1;
  text-transform: uppercase;
  display: block;
  margin: 0 0 15px;
}
.rs-slider.rs-slider-style2 .container .content-part .sl-title {
  font-size: 62px;
  font-weight: 800;
  line-height: 72px;
  color: #101010;
  margin: 0 0 15px;
}
.rs-slider.rs-slider-style2 .container .content-part .sl-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  color: #333333;
  margin: 0 0 30px;
}
.rs-slider.rs-slider-style2 .nivo-caption {
  padding: 0;
}
.rs-slider.rs-slider-style2 .nivo-directionNav > a {
  background: rgba(0, 0, 0, 0.2);
}
.rs-slider.rs-slider-style2 .nivo-directionNav > a:before {
  color: #ffffff;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .slider-bottom {
  display: block;
  overflow: hidden;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .slider-bottom .slide-btn2 {
  display: inline-block !important;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .container .content-part .sl-title {
  font-size: 60px;
  line-height: 70px;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .container .content-part .sl-desc {
  font-size: 18px;
  margin: 0 0 30px;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: none;
  background: #102c54;
  opacity: 1;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a:before {
  font-size: 20px;
  color: #ffffff;
}
.rs-slider.rs-slider-style2.rs-slider-style3 .nivo-directionNav > a:hover {
  opacity: 95;
}
.rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -1000px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background: #102c54;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  transition: all ease 0.5s;
}
.rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-prev:hover {
  background: #f36a00;
}
.rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-next {
  position: absolute;
  right: -1000px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  width: 60px;
  background: #102c54;
  color: #fff;
  border-radius: 50%;
  font-size: 18px;
  transition: all ease 0.5s;
}
.rs-slider.rs-slider-style2 .owl-carousel .owl-nav .owl-next:hover {
  background: #f36a00;
}
.rs-slider.rs-slider-style2:hover .owl-carousel .owl-nav .owl-prev {
  left: 30px;
}
.rs-slider.rs-slider-style2:hover .owl-carousel .owl-nav .owl-next {
  right: 30px;
}
.rs-slider .sl-wrap {
  padding: 50px 0;
}
.rs-slider .nivo-directionNav > a {
  font-size: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  border-radius: 50%;
  border: none;
  background: #333;
  background: rgba(0, 0, 0, 0.25);
  transition: all 0.4s ease-out;
  opacity: 1;
}
.rs-slider .nivo-directionNav > a.nivo-prevNav,
.rs-slider .nivo-directionNav > a.nivo-nextNav {
  left: 30px;
  background: #333;
}
.rs-slider .nivo-directionNav > a.nivo-prevNav {
  top: 50%;
}
.rs-slider .nivo-directionNav > a.nivo-prevNav:before {
  content: "\f104";
}
.rs-slider .nivo-directionNav > a.nivo-nextNav {
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  left: unset;
}
.rs-slider .nivo-directionNav > a.nivo-nextNav:before {
  content: "\f105";
}
.rs-slider .nivo-directionNav > a:before {
  font-family: FontAwesome;
  position: absolute;
  font-size: 28px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.3s ease;
  color: #101010;
}
.rs-slider .nivo-directionNav > a:hover {
  opacity: 95;
}
.rs-slider .nivo-controlNav {
  display: none !important;
}
.rs-slider .nivo-controlNav .nivo-control {
  width: 26px;
  height: 7px;
  border: 1px solid #fff;
  font-size: 0px;
  display: inline-block;
  margin-right: 7px;
  -webkit-transition: 0.4s ease all;
  transition: 0.4s ease all;
}
.rs-slider .nivo-controlNav .nivo-control.active {
  background: #102c54;
  border-color: #102c54;
}
.rs-slider.case-slider-style3 .owl-nav .owl-next,
.rs-slider.case-slider-style3 .owl-nav .owl-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
  font-size: 25px;
  font-weight: 600;
  text-align: center;
  color: #ffffff;
}
.rs-slider.case-slider-style3 .owl-nav .owl-next i:before,
.rs-slider.case-slider-style3 .owl-nav .owl-prev i:before {
  content: "\f112";
  font-family: Flaticon;
}
.rs-slider.case-slider-style3 .owl-nav .owl-next {
  right: 10px;
  left: unset;
}
.rs-slider.case-slider-style3 .owl-nav .owl-next i:before {
  content: "\f113";
}
/* ------------------------------------
	11. Counter Section CSS
---------------------------------------*/
.rs-counter.counter-style1 .rs-counter-list {
  position: relative;
  z-index: 10;
}
.rs-counter.counter-style1 .rs-counter-list .counter-box {
  position: absolute;
  padding: 50px 0px 50px 0px;
  background-color: #F66B0624;
  border-radius: 0px 0px 0px 0px;
  left: 59px;
  width: 140px;
  max-width: 140px;
  top: -42px;
  z-index: -1;
}
.rs-counter.counter-style1 .rs-counter-list .counter-box.con-blue {
  background-color: #102c542B;
}
.rs-counter.counter-style1 .rs-counter-list .counter-box.con-yellow {
  background-color: #FFB7002B;
}
.rs-counter.counter-style1 .rs-counter-list .count-text {
  text-align: center;
}
.rs-counter.counter-style1 .rs-counter-list .count-text .count-number {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.rs-counter.counter-style1 .rs-counter-list .count-text .count-number .rs-count {
  font-size: 55px;
  line-height: 65px;
  font-weight: 600;
  color: #ffffff;
}
.rs-counter.counter-style1 .rs-counter-list .count-text .count-number .prefix {
  font-size: 55px;
  line-height: 65px;
  font-weight: 600;
  color: #ffffff;
}
.rs-counter.counter-style1 .rs-counter-list .count-text .title {
  font-size: 20px;
  font-weight: 600;
  line-height: 18px;
  color: #ffffff;
}
.rs-counter.counter-style2 .rs-counter-list .counter-right-border {
  position: relative;
}
.rs-counter.counter-style2 .rs-counter-list .counter-right-border:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 70px;
  background: #E2DDDF;
  top: -4px;
  right: -5px;
}
.rs-counter.counter-style2 .rs-counter-list .count-text .count-number {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.rs-counter.counter-style2 .rs-counter-list .count-text .count-number .rs-count {
  font-size: 36px;
  line-height: 30px;
  font-weight: 700;
  color: #f36a00;
}
.rs-counter.counter-style2 .rs-counter-list .count-text .count-number .prefix {
  font-size: 36px;
  line-height: 30px;
  font-weight: 700;
  color: #f36a00;
}
.rs-counter.counter-style2 .rs-counter-list .count-text .title {
  font-size: 18px;
  font-weight: 600;
  line-height: 30px;
  color: #454545;
}
.rs-counter.counter-style2 .rs-counter-list.widget-padding {
  padding: 0 0 0 40px;
}
.rs-counter.counter-style3 .rs-counter-list {
  padding: 60px 60px 50px 60px;
  background-color: #effdfc;
  border-radius: 80px 0px 80px 0px;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .counter-icon {
  margin-bottom: 20px;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .counter-icon img {
  width: 70px;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6px;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number .rs-count {
  font-size: 42px;
  line-height: 60px;
  font-weight: 700;
  color: #0A0A0A;
  padding: 15px 0px 0px 0px;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .counter-number .prefix {
  font-size: 42px;
  font-weight: 700;
  padding: 15px 0px 0px 0px;
  color: #0A0A0A;
}
.rs-counter.counter-style3 .rs-counter-list .counter-text .title {
  font-size: 18px;
  line-height: 18px;
  font-weight: 500;
}
.rs-counter.counter-style3.counter-modify1 .counter-top {
  padding: 60px 0px 50px 110px;
  border-radius: 0px 100px 0px 100px;
}
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list {
  padding: unset;
  background-color: unset;
  border-radius: unset;
}
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-icon {
  margin-bottom: 18px;
}
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-icon img {
  width: 60px;
}
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-number .prefix,
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .counter-number .rs-count {
  font-size: 36px;
  line-height: 45px;
  font-weight: 600;
  color: #fff;
}
.rs-counter.counter-style3.counter-modify1 .counter-top .rs-counter-list .counter-text .title {
  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
}
/* ------------------------------------
	12. Contact Section CSS
---------------------------------------*/
.rs-contact.contact-style1 .address-item {
  display: flex;
}
.rs-contact.contact-style1 .address-item .address-icon img {
  height: 40px;
  width: 40px;
  max-width: unset;
}
.rs-contact.contact-style1 .address-item .address-text {
  margin: -18px 0px 0px 20px;
}
.rs-contact.contact-style1 .address-item .address-text .title {
  font-size: 18px;
  line-height: 28px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 4px;
}
.rs-contact.contact-style1 .address-item .address-text .address-txt {
  color: #ffffff;
  margin-bottom: 0px;
}
.rs-contact.contact-style1 .contact-section {
  background-color: #102c54;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06);
  border-radius: 0px 120px 0px 0px;
  padding: 60px 50px 60px 50px;
}
.rs-contact.contact-style1 .contact-section .sec-title2 .title {
  font-size: 36px;
  line-height: 46px;
}
.rs-contact.contact-style1 .contact-section .from-control {
  padding: 20px 0px 19px 25px;
  border-radius: 30px 0px 30px 0px;
  color: #f1f1f1;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #272931;
  background-color: #FFFFFF0D;
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
.rs-contact.contact-style1 .contact-section textarea {
  height: 120px;
}
.rs-contact.contact-style1 .contact-section ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f1f1f1;
  opacity: 0.41;
}
.rs-contact.contact-style1 .contact-section ::-moz-placeholder {
  /* Firefox 19+ */
  color: #f1f1f1;
  opacity: 0.41;
}
.rs-contact.contact-style1 .contact-section :-ms-input-placeholder {
  /* IE 10+ */
  color: #f1f1f1;
  opacity: 0.41;
}
.rs-contact.contact-style1 .contact-section :-moz-placeholder {
  /* Firefox 18- */
  color: #f1f1f1;
  opacity: 0.41;
}
.rs-contact.contact-style1 .contact-section.home5-onepage {
  border-radius: 120px 120px 120px 120px;
}
.rs-contact.contact-style1 .contact-section.home5-onepage .contact-wrap .btn-part .onepage-submit {
  background: #f36a00;
}
.rs-contact.contact-style1 .contact-section.home5-onepage .contact-wrap .btn-part .onepage-submit:hover {
  opacity: 0.8;
}
.rs-contact.contact-style1 .contact-section .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style1.contact-modify1 .address-wrap-section {
  padding: 70px 50px 70px 50px;
  border-radius: 120px 0px 0px 0px;
  background-color: #fff;
}
.rs-contact.contact-style1.contact-modify1 .address-wrap-section .address-item .address-text .title {
  color: #0a0a0a;
}
.rs-contact.contact-style1.contact-modify1 .address-wrap-section .address-item .address-text .address-txt {
  color: #454545;
}
.rs-contact.contact-style1.contact-modify1 .contact-section {
  background-color: #102c54;
  border-radius: 0px 0px 120px 0px;
}
.rs-contact.contact-style1.contact-modify1 .contact-section .from-control {
  padding: 16px 0px 16px 25px;
}
.rs-contact.contact-style1.contact-modify1 .contact-map {
  overflow: hidden;
}
.rs-contact.contact-style1.contact-modify1 .contact-map iframe {
  height: 700px;
  float: left;
  width: 100%;
  border: none;
}
.rs-contact.contact-style1.contact-modify1 .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style1.contact-modify2 .contact-section {
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
  border-radius: unset;
  padding: 60px 50px 60px 50px;
}
.rs-contact.contact-style1.contact-modify2 .contact-section .from-control {
  padding: 20px 0px 10px 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #F8F3F3;
  background-color: transparent;
  border-radius: unset;
  color: #454545;
}
.rs-contact.contact-style1.contact-modify2 .contact-section ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #454545;
  opacity: 0.79;
}
.rs-contact.contact-style1.contact-modify2 .contact-section ::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;
  opacity: 0.79;
}
.rs-contact.contact-style1.contact-modify2 .contact-section :-ms-input-placeholder {
  /* IE 10+ */
  color: #454545;
  opacity: 0.79;
}
.rs-contact.contact-style1.contact-modify2 .contact-section :-moz-placeholder {
  /* Firefox 18- */
  color: #454545;
  opacity: 0.79;
}
.rs-contact.contact-style1.contact-modify3 .contact-form {
  background-image: url(assets/images/appointment/careers.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-contact.contact-style1.contact-modify3 .contact-section {
  background-color: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
  border-radius: unset;
  padding: 60px 50px 60px 50px;
}
.rs-contact.contact-style1.contact-modify3 .contact-section .from-control {
  padding: 20px 0px 10px 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #effdfc;
  background-color: transparent;
  border-radius: unset;
  color: #454545;
}
.rs-contact.contact-style1.contact-modify3 .contact-section ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #454545;
  opacity: 0.49;
}
.rs-contact.contact-style1.contact-modify3 .contact-section ::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;
  opacity: 0.49;
}
.rs-contact.contact-style1.contact-modify3 .contact-section :-ms-input-placeholder {
  /* IE 10+ */
  color: #454545;
  opacity: 0.49;
}
.rs-contact.contact-style1.contact-modify3 .contact-section :-moz-placeholder {
  /* Firefox 18- */
  color: #454545;
  opacity: 0.49;
}
.rs-contact.contact-style1.contact-modify3 .contact-section .contact-wrap #form-messages {
  color: #101010 !important;
  margin-top: 15px;
}
.rs-contact.contact-style1.contact-modify3 .contact-section .wpcf7-form-control:not(.wpcf7-submit) {
  width: 100%;
  font-size: 16px;
  padding: 28px 0px 6px 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #effdfc;
  background: transparent;
  color: #7A7A7A;
  max-width: 100%;
  opacity: 1;
}
.rs-contact.contact-style1.home2 .contact-section {
  background: #1A3841;
}
.rs-contact.contact-style1.home2 .contact-section .from-control {
  background-color: #FFFFFF05;
}
.rs-contact.contact-style1.home2 .contact-section .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style1.home4 {
  border-radius: 0;
}
.rs-contact.contact-style1.home4 .contact-section {
  border-radius: 50px;
}
.rs-contact.contact-style1.home4 .contact-section .from-control {
  border-radius: 0;
}
.rs-contact.contact-style1.home4 .contact-section .readon {
  border: 0;
  background: #ffffff;
  color: #f36a00;
  z-index: 10;
}
.rs-contact.contact-style1.home4 .contact-section .readon::before {
  background: #f36a00;
  z-index: -1;
}
.rs-contact.contact-style1.home4 .contact-section .readon::after {
  background: #f36a00;
  z-index: -1;
}
.rs-contact.contact-style1.home4 .contact-section .readon:hover {
  color: #ffffff;
}
.rs-contact.contact-style1.home4 .contact-section .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style2 .contact-section {
  background-color: #102c54;
  border-radius: 0px 0px 150px 0px;
  padding: 57px 60px 65px 60px;
}
.rs-contact.contact-style2 .contact-section .from-control {
  padding: 14px 20px 14px 20px;
  border-radius: 15px 0px 15px 0px;
  color: #454545;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-color: #f1f1f1;
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
.rs-contact.contact-style2 .contact-section textarea {
  height: 120px;
}
.rs-contact.contact-style2 .contact-section ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style2 .contact-section ::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style2 .contact-section :-ms-input-placeholder {
  /* IE 10+ */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style2 .contact-section :-moz-placeholder {
  /* Firefox 18- */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style2 .contact-section .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style3 .office-buliding {
  background: url(assets/images/contact/style1/office-building.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 0px 200px 0px 0px;
}
.rs-contact.contact-style3 .contact-map {
  overflow: hidden;
}
.rs-contact.contact-style3 .contact-map iframe {
  height: 700px;
  float: left;
  width: 100%;
  border: none;
}
.rs-contact.contact-style3 .contact-section {
  background-color: #102c54;
  padding: 108px 40px 90px 40px;
  border-radius: 0px 0px 200px 0px;
}
.rs-contact.contact-style3 .contact-section .contact-wrap {
  padding: 0px 40px 0px 40px;
}
.rs-contact.contact-style3 .contact-section .contact-wrap .from-control {
  padding: 17px 17px 17px 17px;
  border: none;
  background-color: #fff;
  color: #454545;
  width: 100%;
  max-width: 100%;
  opacity: 1;
}
.rs-contact.contact-style3 .contact-section .contact-wrap textarea {
  height: 120px;
}
.rs-contact.contact-style3 .contact-section .contact-wrap ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style3 .contact-section .contact-wrap ::-moz-placeholder {
  /* Firefox 19+ */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style3 .contact-section .contact-wrap :-ms-input-placeholder {
  /* IE 10+ */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style3 .contact-section .contact-wrap :-moz-placeholder {
  /* Firefox 18- */
  color: #454545;
  opacity: 0.5;
}
.rs-contact.contact-style3 .contact-section .contact-wrap #form-messages {
  color: #fff;
  margin-top: 15px;
}
.rs-contact.contact-style3 .contact-box {
  padding: 35px 35px 35px 35px;
  background-color: #effdfc;
  border-radius: 0px 0px 100px 0px;
  margin: 0 -4px 0 0;
  text-align: center;
}
.rs-contact.contact-style3 .contact-box .contact-icon img {
  width: 64px;
  height: 64px;
  max-width: unset;
  margin-bottom: 20px;
}
.rs-contact.contact-style3 .contact-box .content-text .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 10px;
}
.rs-contact.contact-style3 .contact-box .content-text .title a {
  color: #14171C;
}
.rs-contact.contact-style3 .contact-box .content-text .title a:hover {
  color: #102c54;
}
.rs-contact.contact-style3 .contact-box .content-text span a {
  color: #444444;
  font-weight: 500;
}
.rs-contact.contact-style3 .contact-box .content-text span a:hover {
  color: #102c54;
}
.rs-contact.contact-style3 .contact-box .content-text .services-txt {
  margin: 0;
  color: #444444;
  font-weight: 500;
}
.rs-contact.contact-style3 .contact-box.con-bdr {
  border-radius: 0px 100px 0px 100px;
}
.rs-contact.contact-style3 .contact-box.con-bdr2 {
  border-radius: 100px 0px 0px 0px;
}
/* ------------------------------------
	13. Newsletter Section CSS
---------------------------------------*/
.rs-newsletter.newsletter-style1 .newsletter-form {
  position: relative;
  height: 60px;
}
.rs-newsletter.newsletter-style1 .newsletter-form input[type="email"] {
  color: #0A0A0A;
  width: 100%;
  height: 100%;
  background: #fff;
  border: 1px solid #ffffff;
  border-radius: 3px;
  padding: 10px 205px 10px 20px;
  max-width: 100%;
  opacity: 1;
}
.rs-newsletter.newsletter-style1 .newsletter-form input[type="email"]::placeholder {
  opacity: 0.6;
}
.rs-newsletter.newsletter-style1 .newsletter-form input[type="submit"] {
  background-color: #f36a00;
  position: absolute;
  font-size: 16px;
  font-weight: 500;
  top: 5px;
  right: 5px;
  bottom: 5px;
  padding: 10px 30px;
  min-width: 200px;
  text-align: center;
  border: none;
  color: #fff;
  border-radius: 0;
  transition: all linear 0.3s;
}
.rs-newsletter.newsletter-style1 .newsletter-form input[type="submit"]:hover {
  background: #102c54;
}
.rs-newsletter.newsletter-style1 .newsletter-form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #0A0A0A;
  opacity: 0.79;
}
.rs-newsletter.newsletter-style1 .newsletter-form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #0A0A0A;
  opacity: 0.79;
}
.rs-newsletter.newsletter-style1 .newsletter-form :-ms-input-placeholder {
  /* IE 10+ */
  color: #0A0A0A;
  opacity: 0.79;
}
.rs-newsletter.newsletter-style1 .newsletter-form :-moz-placeholder {
  /* Firefox 18- */
  color: #0A0A0A;
  opacity: 0.79;
}
/* ------------------------------------
	14. Video Section CSS
---------------------------------------*/
.rs-videos {
  position: relative;
}
.rs-videos .overly-border {
  border: 1px solid #ffffff;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
}
.rs-videos .overly-border a {
  position: absolute;
  transform: translateX(-50%) translateY(-50%);
  box-sizing: content-box;
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  line-height: 90px;
  padding: 0;
  margin: 0 auto;
  left: 50%;
  top: 50%;
  z-index: 9;
  text-align: center;
  background: #ffffff;
}
.rs-videos .overly-border a i {
  font-size: 30px;
  line-height: 80px;
  color: #102c54;
  position: relative;
  z-index: 1;
}
.rs-videos .overly-border a:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  animation: pulse-border 1500ms ease-out infinite;
  transition: all 0.3s ease;
  background: #ffffff;
}
.rs-videos .overly-border a:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transition: all 200ms;
  animation: pulse-border 1.5s ease-out infinite;
}
.rs-videos .overly-border.project-details {
  top: 26%;
  left: 26%;
}
.rs-videos.careers-style1 .images-video img {
  border-radius: 150px 0px 150px 0px;
}
.rs-videos.careers-style1 .overly-border {
  border: 1px solid #f36a00;
}
.rs-videos.careers-style1 .overly-border a {
  background: #f36a00;
}
.rs-videos.careers-style1 .overly-border a i {
  color: #ffffff;
}
.rs-videos.careers-style1 .overly-border a:before {
  background: #f36a00;
}
.rs-videos.careers-style1 .overly-border a:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  transition: all 200ms;
  animation: pulse-border 1.5s ease-out infinite;
}
/*--------------------------------------------------------------
Video CSS
--------------------------------------------------------------*/
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
/* ------------------------------------
	15. Progress Section CSS
---------------------------------------*/
.rs-progress.progress-style1 .rs-pie-content {
  display: inline-block;
  position: relative;
  text-align: center;
}
.rs-progress.progress-style1 .rs-pie-content .rs-pie {
  position: relative;
}
.rs-progress.progress-style1 .rs-pie-content .rs-pie span {
  font-size: 30px;
  font-weight: 700;
  color: #0a0a0a;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.rs-progress.progress-style1 .rs-pie-content .number {
  font-size: 15px;
  font-weight: 500;
  color: #0a0a0a;
  display: block;
  padding: 0;
  position: absolute;
  right: -58%;
  top: 40%;
  transform: rotate(90deg);
}
/* ------------------------------------
	16. Project Section CSS
---------------------------------------*/
.rs-project.case-studies-style {
  background-color: #effdfc;
  padding: 120px 0px 348px 0px;
  border-radius: 150px 0px 150px 0px;
}
.rs-project.project-style1 .project-item {
  position: relative;
  overflow: hidden;
  z-index: 1;
  border-radius: 70px 0px 70px 0px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  margin: 0 2px 0 2px;
}
.rs-project.project-style1 .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-project.project-style1 .project-item .project-img a img {
  width: 100%;
  transition: 1.3s all ease;
  border-radius: 0px;
}
.rs-project.project-style1 .project-item .project-content {
  position: absolute;
  padding: 24px 30px;
  opacity: 1;
  z-index: 10;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  text-align: left;
  width: 100%;
}
.rs-project.project-style1 .project-item .project-content .project-inner {
  position: absolute;
  bottom: 40px;
  right: 40px;
  left: 40px;
  transition: all 0.5s ease;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category {
  color: #fff;
  display: block;
  margin-bottom: 6px;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category a {
  color: #f36a00;
}
.rs-project.project-style1 .project-item .project-content .project-inner .category a:hover {
  color: #E76404;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 0;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title a {
  color: #ffffff;
}
.rs-project.project-style1 .project-item .project-content .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style1 .project-item .project-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(16, 23, 30, 0.8) 0%, rgba(255, 255, 255, 0) 100%) !important;
  transition: all 0.3s ease 0s;
  border-radius: 70px 0px 70px 0px;
}
.rs-project.project-style1 .project-item:hover .project-img a img {
  transform: scale(1.2);
}
.rs-project.project-style1 .project-item:hover .project-content .project-inner {
  bottom: 50px;
}
.rs-project.project-style1 .project-item:hover .project-content:before {
  opacity: 1;
}
.rs-project.project-style2 {
  margin-top: -342px;
  padding: 0px 95px 0px 95px;
}
.rs-project.project-style2 .project-item {
  position: relative;
  overflow: visible;
  margin: 0 7px 0 7px;
}
.rs-project.project-style2 .project-item .project-img a img {
  border-radius: 150px 0 0 0;
}
.rs-project.project-style2 .project-item .project-inner {
  padding: 24px 40px 25px;
  border-radius: 0 75px 0 0;
  max-width: 360px;
  background: #ffffff;
  left: 0;
  bottom: 50px;
  opacity: 1;
  visibility: visible;
  position: absolute;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08);
}
.rs-project.project-style2 .project-item .project-inner .category {
  opacity: 1;
  text-transform: uppercase;
  margin: 0 0 7px 0;
  display: block;
}
.rs-project.project-style2 .project-item .project-inner .category a {
  color: #f36a00;
}
.rs-project.project-style2 .project-item .project-inner .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin: 0 0 0;
}
.rs-project.project-style2 .project-item .project-inner .title a {
  color: #101010;
}
.rs-project.project-style2 .project-item .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style2 .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}
.rs-project.project-style2 .owl-dots {
  text-align: center;
}
.rs-project.project-style3 .slick-list {
  padding: 0 100px;
}
.rs-project.project-style3 .slick-slide {
  padding: 0 10px;
}
.rs-project.project-style3 .slick-track {
  display: flex;
  align-items: center;
}
.rs-project.project-style3 .slider .project-item {
  position: relative;
  overflow: visible;
}
.rs-project.project-style3 .slider .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-project.project-style3 .slider .project-item .project-img a img {
  width: 100%;
  transition: 1.3s all ease;
  border-radius: 5px;
}
.rs-project.project-style3 .slider .project-item .project-content {
  background: #fff;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
  position: absolute;
  bottom: 0px;
  left: 20px;
  right: 20px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
  z-index: 10;
  padding: 15px 20px;
  opacity: 0;
  visibility: hidden;
}
.rs-project.project-style3 .slider .project-item .project-content .category {
  font-weight: 500;
}
.rs-project.project-style3 .slider .project-item .project-content .category a {
  color: #454545;
}
.rs-project.project-style3 .slider .project-item .project-content .category a:hover {
  color: #f36a00;
}
.rs-project.project-style3 .slider .project-item .project-content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin: 0 0 0px;
}
.rs-project.project-style3 .slider .project-item .project-content .title a {
  color: #101010;
}
.rs-project.project-style3 .slider .project-item .project-content .title a:hover {
  color: #f36a00;
}
.rs-project.project-style3 .slider .project-item:hover .project-img a img {
  transform: scale(1.3);
}
.rs-project.project-style3 .slider .project-item:hover .project-content {
  bottom: 20px;
  opacity: 1;
  visibility: visible;
}
.rs-project.project-style3 .slick-dots {
  position: absolute;
  bottom: -50px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.rs-project.project-style3 .slick-dots li {
  position: relative;
  display: inline-block;
  width: unset;
  height: unset;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.rs-project.project-style3 .slick-dots li button {
  width: 25px;
  height: 8px;
  display: inline-block;
  font-size: 0;
  line-height: 0;
  padding: 0;
  border-radius: 50px;
  background: #f36a00;
  border: none;
  box-shadow: 0px 3px 8px 0px rgba(0, 0, 0, 0.25);
  opacity: 0.5;
  transition: all 0.3s ease-in;
}
.rs-project.project-style3 .slick-dots li {
  display: inline-block;
  width: unset;
  height: unset;
  margin: 0 5px;
}
.rs-project.project-style3 .slick-dots li.slick-active button {
  background: #f36a00;
  width: 40px;
  opacity: 1;
}
.rs-project.project-style3 .slick-arrow {
  font-size: 0;
  border: none;
  background: unset;
}
.rs-project.project-style4 .project-item {
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  border-radius: 40px 40px 40px 40px;
  margin: 0 3px 0 3px;
}
.rs-project.project-style4 .project-item .project-content .project-inner {
  position: absolute;
  margin: 0px 0px 10px 0px;
  bottom: 10px;
  left: 25px;
  z-index: 11;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.rs-project.project-style4 .project-item .project-content .project-inner .category {
  font-size: 16px;
  font-weight: 400;
  display: block;
  margin-bottom: 5px;
}
.rs-project.project-style4 .project-item .project-content .project-inner .category a {
  color: #f36a00;
}
.rs-project.project-style4 .project-item .project-content .project-inner .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin: 0 0 0px;
  padding-right: 30px;
}
.rs-project.project-style4 .project-item .project-content .project-inner .title a {
  color: #ffffff;
}
.rs-project.project-style4 .project-item .project-content .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style4 .project-item:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #102c54;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease 0s;
}
.rs-project.project-style4 .project-item:hover .project-content .project-inner {
  opacity: 1;
  visibility: visible;
  bottom: 20px;
}
.rs-project.project-style4 .project-item:hover:before {
  opacity: 0.9;
  visibility: visible;
}
.rs-project.project-style4.project-modify1 .project-item {
  border-radius: 70px 0px 70px 0px;
}
.rs-project.project-style5 .project-item {
  position: relative;
  overflow: hidden;
  border-radius: 70px 0px 70px 0px;
  margin: 0 3px 0 3px;
}
.rs-project.project-style5 .project-item .project-img img {
  border-radius: 5px;
}
.rs-project.project-style5 .project-item .project-inner {
  position: absolute;
  padding: 20px 30px 25px 30px;
  opacity: 0;
  z-index: 1;
  bottom: -150px;
  left: 50%;
  transform: translateX(-50%);
  width: 86%;
  z-index: 9;
  background: #ffffff;
  transition: 0.6s;
}
.rs-project.project-style5 .project-item .project-inner .category {
  font-size: 13px;
  text-transform: uppercase;
  display: block;
  margin: 0 0 6px;
}
.rs-project.project-style5 .project-item .project-inner .category a {
  color: #f36a00;
}
.rs-project.project-style5 .project-item .project-inner .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 0;
}
.rs-project.project-style5 .project-item .project-inner .title a {
  color: #0a0a0a;
}
.rs-project.project-style5 .project-item .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style5 .project-item:hover .project-inner {
  opacity: 1;
  bottom: 30px;
  border-radius: 0px 80px 0px 0px;
}
.rs-project.project-style6 .project-item {
  position: relative;
  overflow: hidden;
  border-radius: 70px 0px 70px 0px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
  margin: 0 3px 0 3px;
}
.rs-project.project-style6 .project-item .project-img img {
  width: 100%;
  border-radius: 5px;
}
.rs-project.project-style6 .project-item .project-inner {
  padding: 20px 30px 30px 30px;
}
.rs-project.project-style6 .project-item .project-inner .category {
  font-size: 15px;
  font-weight: 400;
  display: block;
  margin-bottom: 6px;
  text-transform: uppercase;
}
.rs-project.project-style6 .project-item .project-inner .category a {
  color: #f36a00;
}
.rs-project.project-style6 .project-item .project-inner .title {
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  margin: 0 0 0;
}
.rs-project.project-style6 .project-item .project-inner .title a {
  color: #0a0a0a;
}
.rs-project.project-style6 .project-item .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style6 .project-item:hover .project-inner {
  opacity: 1;
  bottom: 30px;
  border-radius: 0px 80px 0px 0px;
}
.rs-project.project-style7 .project-item {
  position: relative;
  overflow: hidden;
  padding: 0px 0px 0px 0px;
  border-radius: 70px 0px 70px 0px;
}
.rs-project.project-style7 .project-item .project-img {
  position: relative;
  z-index: 1;
}
.rs-project.project-style7 .project-item .project-img img {
  width: 100%;
  transform: scale(1.2);
  transition: 0.6s;
}
.rs-project.project-style7 .project-item .project-content {
  position: absolute;
  padding: 24px 43px;
  opacity: 0;
  z-index: 10;
  top: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  text-align: center;
  transform: scale(1.3);
  transition: 0.4s;
}
.rs-project.project-style7 .project-item .project-content .title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 8px;
}
.rs-project.project-style7 .project-item .project-content .title a {
  color: #ffffff;
}
.rs-project.project-style7 .project-item .project-content .title a:hover {
  color: #f36a00;
}
.rs-project.project-style7 .project-item .project-content .category {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  display: block;
}
.rs-project.project-style7 .project-item .project-content .category a {
  color: #ffffff;
}
.rs-project.project-style7 .project-item .project-content:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background-color: #102c54C2;
  transform: scale(1.2);
  transition: 0.6s;
}
.rs-project.project-style7 .project-item:hover .project-img img {
  transform: scale(1);
}
.rs-project.project-style7 .project-item:hover .project-content {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.rs-project.project-style7 .project-item:hover .project-content:before {
  opacity: 1;
  visibility: visible;
}
.rs-project.project-style8 .project-item {
  position: relative;
  overflow: hidden;
  margin: 0 3px 0 3px;
  border-radius: 70px 0px 70px 0px;
}
.rs-project.project-style8 .project-item .project-img {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.rs-project.project-style8 .project-item .project-img img {
  width: 100%;
  transition: 1.3s all ease;
}
.rs-project.project-style8 .project-item .project-content {
  position: absolute;
  padding: 17px 30px 15px;
  opacity: 0;
  visibility: hidden;
  z-index: 1;
  left: 0;
  bottom: -100px;
  text-align: left;
  width: 100%;
  z-index: 11;
  transition: 0.6s;
  height: 100%;
}
.rs-project.project-style8 .project-item .project-content .project-inner {
  position: absolute;
  bottom: -100px;
  transition: 0.5s;
  left: 30px;
}
.rs-project.project-style8 .project-item .project-content .project-inner .title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 7px;
  padding-right: 30px;
}
.rs-project.project-style8 .project-item .project-content .project-inner .title a {
  color: #ffffff;
}
.rs-project.project-style8 .project-item .project-content .project-inner .title a:hover {
  color: #f36a00;
}
.rs-project.project-style8 .project-item .project-content .project-inner .category {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  display: block;
}
.rs-project.project-style8 .project-item .project-content .project-inner .category a {
  color: #EAEAEA;
}
.rs-project.project-style8 .project-item .project-content .project-inner .category a:hover {
  color: #f36a00;
}
.rs-project.project-style8 .project-item .project-content:before {
  content: '';
  position: absolute;
  bottom: -150px;
  left: 0;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  background-color: #102c54C2;
  transition: 0.6s;
  border-radius: 70px 0px 70px 0px;
}
.rs-project.project-style8 .project-item:hover .project-img img {
  transform: scale(1.2);
}
.rs-project.project-style8 .project-item:hover .project-content {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}
.rs-project.project-style8 .project-item:hover .project-content .project-inner {
  bottom: 30px;
}
.rs-project.project-style8 .project-item:hover .project-content:before {
  opacity: 1;
  bottom: 0;
  visibility: visible;
}
.rs-project-details .project-title .title {
  position: relative;
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0px 0px 0px 0px;
  z-index: 1;
}
.rs-project-details .project-title .title:before {
  content: "";
  position: absolute;
  border: 0;
  width: 65px;
  height: 5px;
  background: #102c54;
  z-index: 1;
  margin-left: 0;
  left: 0;
  top: -28px;
}
.rs-project-details .desc {
  color: #454545;
  margin: 0;
}
.rs-project-details .project-txt .desc {
  margin: 0;
}
.rs-project-details .project-information {
  background-color: #effdfc;
  padding: 65px 40px 65px 110px;
  border-radius: 100px 0px 100px 0px;
}
.rs-project-details .project-information .project-right-border {
  position: relative;
}
.rs-project-details .project-information .project-right-border:after {
  content: '';
  position: absolute;
  width: 1px;
  height: 80px;
  background: #E2DDDF;
  top: -8px;
  right: -20px;
}
.rs-project-details .project-information .project-right-border.border-two:after {
  right: 45px;
}
.rs-project-details .project-information .project-right-border.border-three:after {
  right: 25px;
}
.rs-project-details .project-information .project-content .title {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #101010;
  margin: 0px 0px 0px 0px;
}
.rs-project-details .project-information .project-content .description p {
  margin: 0px 0px 0px 0px;
}
.rs-project-details .rs-project-goals .project-goal {
  text-align: right;
}
/* ------------------------------------
	17. Skill-bar Section CSS
---------------------------------------*/
.rs-skillbar.skillbar-style1 .shape-divider-styl2 {
  overflow: hidden;
  position: absolute;
  left: 0;
  width: 100%;
  line-height: 0;
  direction: ltr;
  bottom: -1px;
}
.rs-skillbar.skillbar-style1 .shape-divider-styl2 svg {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 1.3px);
  height: 90px;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar-title {
  font-size: 15px;
  line-height: 6px;
  font-weight: 600;
  color: #212121;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar {
  background-color: #0E34AD1C;
  height: 11px;
  line-height: 11px;
  margin: 10px 0 24px;
  overflow: visible;
  position: relative;
  width: 100%;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skillbar-bar {
  height: 11px;
  line-height: 11px;
  background-color: #102c54;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
  margin-bottom: 0;
  overflow: visible !important;
  width: 0;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar .skill-bar-percent {
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 0px;
  top: -38px;
  font-size: 14px;
  font-weight: 700;
  color: #0a0a0a;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.margin-no {
  margin: 10px 0 0;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.orange-bg .skillbar-bar {
  background-color: #f36a00;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.red-bg .skillbar-bar {
  background-color: #d41010;
}
.rs-skillbar.skillbar-style1 .cl-skill-bar .skillbar.purple-bg .skillbar-bar {
  background-color: #B100FF;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar {
  background-color: #f36a0033;
}
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar .skill-bar-percent,
.rs-skillbar.skillbar-style1.skillbar-modify1 .cl-skill-bar .skillbar-title {
  color: #ffffff;
}
/* ------------------------------------
	18. Services Section CSS
---------------------------------------*/
.rs-services.services-main-home .services-item {
  background-color: #102c54;
  background-image: url(assets/images/services/main-home/main-img/1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  transition: background 0s;
  border-radius: 50px 0px 50px 0px;
  position: relative;
  z-index: 10;
  overflow: hidden;
}
.rs-services.services-main-home .services-item::before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: #102c54;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: all linear 0.3s;
}
.rs-services.services-main-home .services-item .services-wrap {
  padding: 40px 50px 50px 45px;
  position: relative;
}
.rs-services.services-main-home .services-item .services-wrap .services-icon {
  margin-left: -6px;
  margin-bottom: 20px;
}
.rs-services.services-main-home .services-item .services-wrap .services-icon img {
  height: 90px;
  width: 90px;
  max-width: unset;
}
.rs-services.services-main-home .services-item .services-wrap .services-content .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 0px 0px 11px 0px;
}
.rs-services.services-main-home .services-item .services-wrap .services-content .title a {
  color: #ffffff;
}
.rs-services.services-main-home .services-item .services-wrap .services-content .title a:hover {
  color: #f36a00;
}
.rs-services.services-main-home .services-item .services-wrap .services-content .services-txt {
  color: #ffffff;
  margin: 0;
}
.rs-services.services-main-home .services-item:hover::before {
  opacity: 1;
  visibility: visible;
}
.rs-services.services-main-home .services-item.ser-bg2 {
  background-image: url(assets/images/services/main-home/main-img/2.jpg);
}
.rs-services.services-main-home .services-item.ser-bg3 {
  background-image: url(assets/images/services/main-home/main-img/3.jpg);
}
.rs-services.services-main-home .services-item.ser-bg4 {
  background-image: url(assets/images/services/main-home/main-img/4.jpg);
}
.rs-services.services-main-home .services-item.ser-bg5 {
  background-image: url(assets/images/services/main-home/main-img/5.jpg);
}
.rs-services.services-main-home .services-item.ser-bg6 {
  background-image: url(assets/images/services/main-home/main-img/6.jpg);
}
.rs-services.services-style1 .services-item {
  background-color: #effdfc;
  border-radius: 50px 0px 50px 0px;
  margin: 0 -4px 0 -4px;
  transition: all ease 0.3s;
}
.rs-services.services-style1 .services-item .services-wrap {
  padding: 40px 50px 50px 45px;
  position: relative;
}
.rs-services.services-style1 .services-item .services-wrap .services-icon {
  margin-left: -6px;
  margin-bottom: 20px;
}
.rs-services.services-style1 .services-item .services-wrap .services-icon img {
  height: 90px;
  width: 90px;
  max-width: unset;
}
.rs-services.services-style1 .services-item .services-wrap .services-content .title {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 0px 0px 11px 0px;
}
.rs-services.services-style1 .services-item .services-wrap .services-content .title a {
  color: #101010;
}
.rs-services.services-style1 .services-item .services-wrap .services-content .title a:hover {
  color: #f36a00;
}
.rs-services.services-style1 .services-item .services-wrap .services-content .services-txt {
  color: #101010;
  margin: 0;
}
.rs-services.services-style1 .services-item:hover {
  transform: translateY(-5px);
}
.rs-services.services-style1.services-modify1 .services-item .services-wrap .services-content .title a:hover {
  color: #f36a00;
}
.rs-services.services-style2 {
  background-color: #effdfc;
  border-radius: 0px 150px 0px 150px;
}
.rs-services.services-style2 .rs-services-slider {
  padding: 54px 50px 60px 40px;
  margin-bottom: 10px;
  border-radius: 3px 3px 100px 3px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.rs-services.services-style2 .rs-services-slider .content-part .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 15px;
}
.rs-services.services-style2 .rs-services-slider .content-part .title a {
  color: #102c54 ;
}
.rs-services.services-style2 .rs-services-slider .content-part .title a:hover {
  color:  #f36a00;
}
.rs-services.services-style2 .rs-services-slider .content-part .description {
  font-size: 17px;
  line-height: 1.6;
  padding: 0px 0px 57px 0px;
  margin: 0px 0px 0px 0px;
  color: #454545;
}
.rs-services.services-style2 .rs-services-slider .bottom-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.rs-services.services-style2 .rs-services-slider .bottom-part .services-icon img {
  width: 55px;
  min-width: 55px;
  max-width: 55px;
  transition: all linear 0.3s;
}
.rs-services.services-style2 .rs-services-slider:hover .bottom-part .services-icon img {
  transform: rotateY(360deg);
}
.rs-services.services-style2 .owl-nav .owl-next,
.rs-services.services-style2 .owl-nav .owl-prev {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  background: #102c54;
  color: #fff;
  transform: translateY(-50%);
  transition: 0.6s ease all;
  z-index: 9;
  text-align: center;
  visibility: visible;
  opacity: 1;
}
.rs-services.services-style2 .owl-nav .owl-next i:before,
.rs-services.services-style2 .owl-nav .owl-prev i:before {
  content: "\f115";
  font-family: Flaticon;
  font-size: 16px;
  opacity: 1;
  font-weight: 600;
}
.rs-services.services-style2 .owl-nav .owl-next:hover,
.rs-services.services-style2 .owl-nav .owl-prev:hover {
  color: #ffffff;
  background: #f36a00;
}
.rs-services.services-style2 .owl-nav .owl-next {
  right: 1.6%;
  bottom: -15%;
}
.rs-services.services-style2 .owl-nav .owl-next i:before {
  content: "\f114";
}
.rs-services.services-style2 .owl-nav .owl-prev {
  right: 6%;
  bottom: -15%;
}
.rs-services.services-style2 .services-item .services-btn-box {
  padding: 30px 40px 33px 40px;
  background-color: #fff;
  border-radius: 3px 3px 100px 3px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.rs-services.services-style2 .services-item .services-img img {
  border-radius: 3px 100px 3px 3px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
}
.rs-services.services-style3 {
  position: relative;
  margin-top: -60px;
  margin-bottom: 0px;
  z-index: 11;
}
.rs-services.services-style3 .services-item {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #effdfc;
  transition: all 0.3s ease-in-out;
}
.rs-services.services-style3 .services-item .services-wrap {
  padding: 40px 20px 40px 20px;
  display: flex;
}
.rs-services.services-style3 .services-item .services-wrap .services-icon {
  position: relative;
  transition: all 0.3s ease;
}
.rs-services.services-style3 .services-item .services-wrap .services-icon .main-img {
  height: 65px;
  width: 65px;
  max-width: unset;
}
.rs-services.services-style3 .services-item .services-wrap .services-icon .hover-img {
  height: 65px;
  width: 65px;
  max-width: unset;
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
}
.rs-services.services-style3 .services-item .services-wrap .services-content {
  padding: 0px 0px 0px 20px;
}
.rs-services.services-style3 .services-item .services-wrap .services-content .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0 0 5px;
}
.rs-services.services-style3 .services-item .services-wrap .services-content .services-txt {
  margin: 0;
}
.rs-services.services-style3 .services-item:hover,
.rs-services.services-style3 .services-item.active-bg {
  background-color: #102c54;
}
.rs-services.services-style3 .services-item:hover .services-wrap .services-icon .main-img,
.rs-services.services-style3 .services-item.active-bg .services-wrap .services-icon .main-img {
  opacity: 0;
}
.rs-services.services-style3 .services-item:hover .services-wrap .services-icon .hover-img,
.rs-services.services-style3 .services-item.active-bg .services-wrap .services-icon .hover-img {
  opacity: 1;
  visibility: visible;
}
.rs-services.services-style3 .services-item:hover .services-wrap .services-content .services-txt,
.rs-services.services-style3 .services-item.active-bg .services-wrap .services-content .services-txt,
.rs-services.services-style3 .services-item:hover .services-wrap .services-content .title,
.rs-services.services-style3 .services-item.active-bg .services-wrap .services-content .title {
  color: #ffffff;
}
.rs-services.services-style4 .services-item .services-wrap {
  position: relative;
  overflow: hidden;
}
.rs-services.services-style4 .services-item .services-wrap .services-image img {
  width: 100%;
  height: auto;
  transition: all 0.5s;
  max-width: unset;
}
.rs-services.services-style4 .services-item .services-wrap .services-content {
  position: relative;
}
.rs-services.services-style4 .services-item .services-wrap .services-content .title {
  font-size: 24px;
  line-height: 1.35em;
  font-weight: 700;
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 30px;
  padding: 0;
  transition: 0.4s;
  opacity: 0;
  visibility: hidden;
}
.rs-services.services-style4 .services-item .services-wrap .services-content .title a {
  color: #ffffff;
}
.rs-services.services-style4 .services-item .services-wrap .services-content .title a:hover {
  color: #f36a00 !important;
}
.rs-services.services-style4 .services-item .services-wrap .services-content .services-btn {
  position: absolute;
  right: 10px;
  transition: 0.4s;
  bottom: 28px;
  opacity: 0;
  visibility: hidden;
}
.rs-services.services-style4 .services-item .services-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease 0s;
  background-color: transparent;
}
.rs-services.services-style4 .services-item .services-wrap:hover .services-content .title {
  opacity: 1;
  visibility: visible;
  bottom: 25px;
}
.rs-services.services-style4 .services-item .services-wrap:hover .services-content .services-btn {
  right: 30px;
  opacity: 1;
  visibility: visible;
}
.rs-services.services-style4 .services-item .services-wrap:hover:before {
  opacity: 1;
  visibility: visible;
}
.rs-services.services-style5 .services-item {
  margin: 0px 0px 0px 0px;
  background-color: #effdfc;
  transition: background 0s;
  border-radius: 40px 40px 40px 40px;
}
.rs-services.services-style5 .services-item .services-wrap {
  position: relative;
  padding: 35px 50px 60px 40px;
}
.rs-services.services-style5 .services-item .services-wrap .services-icon {
  margin-bottom: 10px;
}
.rs-services.services-style5 .services-item .services-wrap .services-icon img {
  height: 90px;
  width: 90px;
  max-width: unset;
}
.rs-services.services-style5 .services-item .services-wrap .services-text .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
  margin: 0 0 10px;
  letter-spacing: 0;
  transition: all linear 0.3s;
}
.rs-services.services-style5 .services-item .services-wrap .services-text .title a {
  color: #0a0a0a;
  transition: all linear 0.3s;
}
.rs-services.services-style5 .services-item .services-wrap .services-text .title a:hover {
  color: #f36a00;
}
.rs-services.services-style5 .services-item .services-wrap .services-text .services-txt {
  margin-bottom: 28px;
}
.rs-services.services-style5 .services-item .services-wrap .services-text .serial-number {
  position: absolute;
  left: 242px;
  top: 34px;
  color: #102c5414;
  font-size: 50px;
  font-weight: 700;
}
.rs-services.services-style5.services-carrers-modify1 .services-item {
  margin: 0px 0px 0px 0px;
  background-color: #fff;
  border-radius: 40px 0px 40px 0px;
}
.rs-services.services-style5.services-carrers-modify1 .services-item .services-wrap .services-text .title {
  color: #0a0a0a;
}
.rs-services.services-style5.services-carrers-modify1 .services-item .readon.read-more:hover {
  background-color: #f36a00;
  color: #ffffff;
}
.rs-services.services-style5.services-carrers-modify1 .services-item:hover .services-wrap .services-text .title {
  color: #102c54;
}
.rs-services.services-style5.services-carrers-modify1 .services-item:hover .services-wrap .readon.read-more {
  background-color: #f36a00;
  color: #ffffff;
}
.rs-services.services-style5.services-carrers-modify1 .services-item .services-wrap {
  padding: 35px 50px 45px 40px;
}
.rs-services-single .services-add {
  background-color: #102c54;
  position: relative;
  padding: 55px 35px 38px;
  border-radius: 80px 0px 80px 0px;
  text-align: center;
}
.rs-services-single .services-add .services-overlay {
  background-image: url(assets/images/blog/style1/3.jpg);
  border-radius: 80px 0px 80px 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.rs-services-single .services-add .address-wrap {
  position: relative;
}
.rs-services-single .services-add .address-wrap .divider {
  padding-top: 15px;
  padding-bottom: 35px;
}
.rs-services-single .services-add .address-wrap .divider .divider-separator {
  position: relative;
}
.rs-services-single .services-add .address-wrap .divider .divider-separator:before {
  height: 3px;
  display: block;
  width: 120px;
  border-bottom: 2px dashed #e76404;
  content: '';
  margin: 0 auto;
}
.rs-services-single .services-add .address-wrap .title {
  font-size: 24px;
  line-height: 41px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
.rs-services-single .services-add .address-wrap .title span {
  color: #f36a00;
}
.rs-services-single .services-add .address-wrap a {
  font-size: 34px;
  line-height: 44px;
  font-weight: 700;
  color: #ffffff;
}
.rs-services-single .services-add .address-wrap a:hover {
  color: #f36a00;
}
.rs-services-single .brochures {
  background-image: linear-gradient(280deg, #269D98 0%, #102c54 100%);
  border-radius: 80px 0px 80px 0px;
  padding: 65px 24px 78px 34px;
}
.rs-services-single .brochures .content-text .title-part {
  position: relative;
  padding-top: 20px;
}
.rs-services-single .brochures .content-text .title-part .title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 18px;
}
.rs-services-single .brochures .content-text .title-part:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 65px;
  height: 5px;
  opacity: 1;
  background: #f36a00;
}
.rs-services-single .brochures .content-text .desc-part {
  color: #ffffff;
  margin: 0 0 48px;
}
.rs-services-single .brochures .btn-wrapper {
  position: relative;
  text-align: center;
  font-weight: 400;
  display: inline-block;
}
.rs-services-single .brochures .btn-wrapper .dual-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 18px 35px 18px 35px;
  border-radius: 30px 0px 0px 0px;
  background-color: #102c54;
  color: #ffffff;
  margin: 0 -4px;
}
.rs-services-single .brochures .btn-wrapper .dual-btn-connector {
  position: absolute;
  z-index: 9;
  overflow: hidden;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  background-color: #fff;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3);
  color: #27374c;
  text-transform: uppercase;
  font-size: 12px;
  line-height: 30px;
  left: 46%;
  top: -2px;
}
.rs-services-single .brochures .btn-wrapper .rselement-dual-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 18px 35px 18px 35px;
  border-radius: 0px 0px 30px 0px;
  background-color: #E76404;
  color: #ffffff;
}
.rs-services-single .services-img img {
  border-radius: 100px 0px 100px 0px;
}
.rs-services-single .services-title {
  position: relative;
  padding-top: 24px;
}
.rs-services-single .services-title .title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0;
}
.rs-services-single .services-title:before {
  position: absolute;
  content: '';
  left: 0;
  top: 0;
  width: 65px;
  height: 5px;
  opacity: 1;
  background: #E76404;
  z-index: 2;
}
.rs-services-single .desc-part {
  color: #454545;
  margin: 0;
}
.rs-services-single .bdru-4 {
  border-radius: 100px 0px 100px 0px;
}
/* ------------------------------------
	19. Faq Section CSS
---------------------------------------*/
.rs-faq.faq-style1 {
  position: relative;
}
.rs-faq.faq-style1 .faq-content .accordion {
  border-width: 12px;
}
.rs-faq.faq-style1 .faq-content .accordion .card {
  margin-bottom: 15px;
  border: none;
  background-color: transparent;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.02);
}
.rs-faq.faq-style1 .faq-content .accordion .card:last-child {
  margin-bottom: 0;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header {
  display: flex;
  align-items: center;
  padding: 0 !important;
  border: none;
  background: #fff;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link {
  position: relative;
  display: block;
  width: 100%;
  height: 60px;
  line-height: 29px;
  font-size: 18px;
  font-weight: 700;
  padding: 17px 25px 17px 40px;
  background-color: #ffffff;
  color: #0a0a0a;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\f068";
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 26px;
  color: #0a0a0a;
  left: 20px;
  margin-top: 2px;
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed {
  background-color: #FFFFFF;
  padding: 17px 25px 17px 40px;
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.18);
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-header .card-link.collapsed:after {
  color: #101010;
  content: "\f067";
}
.rs-faq.faq-style1 .faq-content .accordion .card .card-body {
  background-color: #fff;
  color: #454545;
  width: 100%;
  padding: 0px 25px 55px 24px;
}
.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-body {
  background-color: #effdfc;
  border-radius: 0px 0px 20px 0px;
  padding: 0px 25px 35px 22px;
}
.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link {
  font-weight: 600;
  background-color: #effdfc;
  border-radius: 20px 0px 0px 0px;
}
.rs-faq.faq-style1.faq-modify1 .faq-content .accordion .card .card-header .card-link.collapsed {
  background-color: #effdfc;
  border-radius: 20px 0px 20px 0px;
}
.rs-faq.faq-style1.faq-modify1 .contact-modify2 .contact-section .contact-wrap #form-messages {
  color: #101010;
}
/* ------------------------------------
	20. Team Section CSS
---------------------------------------*/
.rs-team.team-style1 .team-item .team-inner-wrap {
  overflow: hidden;
  border-radius: 70px 0px 70px 0px;
  box-shadow: 0 5px 20px rgba(34, 34, 34, 0.1);
}
.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap {
  position: relative;
  overflow: hidden;
}
.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap a img {
  transform: scale(1.1);
  opacity: 1;
  transition: 0.3s ease-in-out;
}
.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons {
  text-align: center;
  position: absolute;
  right: -50px;
  bottom: 0;
  width: 50px;
  background: #102c54;
  padding: 12px 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s ease 0s;
}
.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons a i {
  color: #fff;
  font-size: 15px;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  transition: 0.3s all ease;
  border-radius: 50%;
  margin: 0;
}
.rs-team.team-style1 .team-item .team-inner-wrap .image-wrap .social-icons a i:hover {
  color: #f36a00;
}
.rs-team.team-style1 .team-item .team-inner-wrap .team-content {
  text-align: center;
  margin: 0;
  padding: 20px 20px 25px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  background-color: #E5161600;
}
.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  text-transform: capitalize;
  margin: 0px 0px 2px 0px;
}
.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a {
  color: #0a0a0a;
}
.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-name a:hover {
  color: #f36a00;
}
.rs-team.team-style1 .team-item .team-inner-wrap .team-content .team-title {
  font-size: 15px;
  text-transform: capitalize;
  color: #454545;
}
.rs-team.team-style1 .team-item .team-inner-wrap:hover .image-wrap a img {
  transform: scale(1);
  opacity: 0.7;
}
.rs-team.team-style1 .team-item .team-inner-wrap:hover .image-wrap .social-icons {
  right: 0;
  width: 50px;
  opacity: 1;
  visibility: visible;
}
.rs-team.team-style1 .owl-stage-outer {
  padding: 20px 10px;
  margin: -20px -10px;
}
.rs-team.team-style1.team-modify1 .team-item .team-inner-wrap {
  margin: 0 3px 0 3px;
}
.rs-team.team-style2 .team-item {
  border-radius: 70px 0px 70px 0px;
  overflow: hidden;
}
.rs-team.team-style2 .team-item .team-inner-wrap {
  position: relative;
  overflow: hidden;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content {
  text-align: center;
  transition: all 0.4s ease 0s;
  border-radius: 3px 3px 0 0;
  padding: 20px 20px 15px 30px;
  margin-top: -35px;
  margin-bottom: 0;
  position: absolute;
  bottom: -50%;
  left: 50%;
  transform: translateX(-50%);
  width: 230px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  background-color: #102c54C7;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  margin: 0px 0px 2px 0px;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name a {
  color: #ffffff;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-name a:hover {
  color: #f36a00;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .team-title {
  font-size: 15px;
  text-transform: uppercase;
  color: #ffffff;
  margin: 5px 0px 11px 0px;
  display: block;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li {
  display: inline-block;
  margin-right: 8px;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li a i {
  font-size: 15px;
  font-weight: 400;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #ffffff;
  transition: all 0.3s ease 0s;
  background: transparent;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li a i:hover {
  color: #f36a00;
}
.rs-team.team-style2 .team-item .team-inner-wrap .team-content .social-icon li:last-child {
  margin-right: 0;
}
.rs-team.team-style2 .team-item .team-inner-wrap:hover .team-content {
  bottom: 0;
}
.rs-team.team-style3 .team-item {
  border-radius: 70px 0px 70px 0px;
  overflow: hidden;
  margin: 0 3px 0 3px;
}
.rs-team.team-style3 .team-item .team-inner-wrap {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
  padding-bottom: 100px;
}
.rs-team.team-style3 .team-item .team-inner-wrap .image-wrap a img {
  transition: all 0.7s;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content {
  height: 100px;
  width: 100%;
  top: unset;
  bottom: 0;
  opacity: 1;
  position: absolute;
  padding: 21px 20px 15px 30px;
  color: #444;
  text-align: center;
  overflow: hidden;
  background: #fff;
  transition: 0.3s all ease;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  background-color: #102c54;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin: 0px 0px 0px 0px;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name a {
  color: #ffffff;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-name a:hover {
  color: #f36a00;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .team-title {
  font-size: 15px;
  text-transform: capitalize;
  color: #ffffff;
  margin: 0px 0px 0px 0px;
  display: block;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon {
  bottom: -100px !important;
  position: absolute;
  width: 100%;
  text-align: center;
  z-index: 100;
  left: 50%;
  opacity: 0;
  transform: translateX(-50%) scale(0.5);
  transition: 0.4s all ease;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li {
  display: inline-block;
  margin-right: 8px;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li a i {
  font-size: 15px;
  font-weight: 400;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #ffffff;
  transition: all 0.3s ease 0s;
  background: transparent;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li a i:hover {
  color: #f36a00;
}
.rs-team.team-style3 .team-item .team-inner-wrap .team-content .social-icon li:last-child {
  margin-right: 0;
}
.rs-team.team-style3 .team-item .team-inner-wrap:hover .image-wrap a img {
  transform: scale(1.1);
}
.rs-team.team-style3 .team-item .team-inner-wrap:hover .team-content {
  opacity: 1;
  width: 100%;
  visibility: visible;
  transform: translate(0, 0);
  top: unset;
  bottom: 0;
  height: 140px;
}
.rs-team.team-style3 .team-item .team-inner-wrap:hover .team-content .social-icon {
  bottom: 25px !important;
  opacity: 1;
  transform: translateX(-50%) scale(1);
}
.rs-team.team-style4 .team-item {
  background-color: #effdfc;
  padding: 40px 40px 0px 40px;
  border-radius: 100px 0px 100px 0px;
}
.rs-team.team-style4 .team-item .team-inner-wrap {
  position: relative;
  overflow: hidden;
}
.rs-team.team-style4 .team-item .team-inner-wrap .image-wrap {
  overflow: hidden;
  border-radius: 50%;
}
.rs-team.team-style4 .team-item .team-inner-wrap .image-wrap a img {
  transform: scale(1);
  transition: 0.3s ease-in-out;
  border-radius: 50%;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content {
  text-align: center;
  margin: 0;
  position: unset;
  opacity: 1;
  padding: 20px 20px 30px 30px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin: 0px 0px 0px 0px;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name a {
  color: #0a0a0a;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-name a:hover {
  color: #f36a00;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .team-title {
  font-size: 15px;
  text-transform: capitalize;
  color: #454545;
  margin: 0px 0px 0px 0px;
  display: block;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon {
  text-align: center;
  margin-top: 10px;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li {
  display: inline-block;
  margin-right: 8px;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li a i {
  font-size: 16px;
  font-weight: 400;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: #4a4a4a;
  transition: all 0.3s ease 0s;
  background: transparent;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li a i:hover {
  color: #f36a00;
}
.rs-team.team-style4 .team-item .team-inner-wrap .team-content .social-icon li:last-child {
  margin-right: 0;
}
.rs-team.team-style4 .team-item .team-inner-wrap:hover .image-wrap a img {
  transform: scale(1.2);
}
.rs-team-single .btm-info-team {
  position: relative;
  box-shadow: 0px 0px 32px 0px rgba(7, 28, 31, 0.05);
  background: #fff;
  margin-bottom: 70px;
  padding: 40px;
}
.rs-team-single .btm-info-team .images-part {
  padding: 0 30px 0 0;
}
.rs-team-single .btm-info-team .con-info {
  position: relative;
}
.rs-team-single .btm-info-team .con-info .designation-info {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #f36a00;
  text-transform: uppercase;
  padding-bottom: 5px;
  display: block;
}
.rs-team-single .btm-info-team .con-info .title {
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 15px;
}
.rs-team-single .btm-info-team .con-info .short-desc {
  font-size: 17px;
  line-height: 1.6;
  font-weight: 400;
  color: #454545;
  margin-bottom: 25px;
}
.rs-team-single .btm-info-team .con-info .team-title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  color: #101010;
  margin-bottom: 15px;
}
.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li {
  margin: 5px 0 10px;
  padding: 0;
  display: block;
}
.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li span i:before {
  font-size: 16px;
  color: #f36a00;
  margin-right: 18px;
  position: relative;
  top: 2px;
  font-weight: 500;
  display: inline-block;
  text-align: center;
}
.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a {
  color: #555;
}
.rs-team-single .btm-info-team .con-info .ps-informations .personal-info li a:hover {
  color: #f36a00;
}
.rs-team-single .btm-info-team .con-info .ps-informations .social-info {
  margin-top: 15px;
}
.rs-team-single .btm-info-team .con-info .ps-informations .social-info li {
  display: inline-block;
  margin-right: 18px;
}
.rs-team-single .btm-info-team .con-info .ps-informations .social-info li a {
  color: #555;
}
.rs-team-single .btm-info-team .con-info .ps-informations .social-info li a:hover {
  color: #f36a00;
}
.rs-team-single .btm-info-team .con-info .ps-informations .social-info li:last-child {
  margin-right: 0;
}
.rs-team-single .btm-info-team .con-info:before {
  content: "\f10b";
  font-size: 200px;
  position: absolute;
  right: 92px;
  color: #0a0a0a;
  font-family: "Flaticon";
  height: 100%;
  top: 74px;
  opacity: 0.02;
}
.rs-team-single .single-img img {
  border-radius: 100px 0px 100px 0px;
}
.rs-team-single .title-content .title {
  font-size: 24px;
  font-weight: 600;
  line-height: 34px;
  color: #101010;
  margin: 0;
}
.rs-team-single .sec-title2 .title2 {
  margin-bottom: 20px;
}
/*------------------------------------
	21. Partner Section CSS
------------------------------------*/
.rs-partner.partner-main-home .grid-figure {
  text-align: center;
  padding: 45px 50px 45px 50px;
  border-radius: 50px 0px 50px 0px;
  margin: 0 2px 0 3px;
  background-color: #FFFFFF;
  transition: all linear 0.3s;
}
.rs-partner.partner-main-home .grid-figure:hover {
  box-shadow: 0 10px 30px 0 #0000002a;
}
.rs-partner.partner-main-home.partner-modify1 {
  background-color: unset;
  border-radius: unset;
}
.rs-partner.partner-main-home.partner-modify1 .grid-figure {
  background-color: #effdfc;
}
.rs-partner.partner-style1 .logo-img {
  text-align: center;
  padding: 0 15px;
}
.rs-partner.partner-style1 .logo-img a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.rs-partner.partner-style1 .logo-img a .hovers-logos {
  display: block;
  position: absolute;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  top: 0;
  left: 0;
  visibility: hidden;
  -webkit-transform: translateY(-100%);
}
.rs-partner.partner-style1 .logo-img a .mains-logos {
  transition: all 0.3s ease-in-out;
  display: block;
  filter: grayscale(1);
}
.rs-partner.partner-style1 .logo-img a:hover .hovers-logos {
  display: block;
  opacity: 3;
  visibility: visible;
  transform: translateY(0%);
  filter: grayscale(0%);
}
.rs-partner.partner-style1 .logo-img a:hover .mains-logos {
  display: block;
  visibility: hidden;
  transform: translateY(100%);
  filter: grayscale(1);
}
.rs-partner.partner-style2 .grid-figure .logo-img {
  text-align: center;
  padding: 0 20px;
}
.rs-partner.partner-style2 .grid-figure .logo-img a {
  display: block;
  transition: all linear 0.5s;
}
.rs-partner.partner-style2 .grid-figure .logo-img a:hover {
  transform: rotateX(360deg);
}
/*------------------------------------
	22. Pricing Section CSS
------------------------------------*/
.rs-pricing.pricing-style1 .pricing-table-wrap {
  padding: 47px 40px 50px 47px;
  margin: 0px 3px 0px 3px;
  background-color: #effdfc;
  border-radius: 50px 50px 50px 50px;
  box-shadow: 29px -43px 10px 0px rgba(0, 0, 0, 0);
  text-align: center;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-header .pricing-table-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #0a0a0a;
  margin-bottom: 10px;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-currency {
  font-size: 30px;
  font-weight: 400;
  color: #242424;
  letter-spacing: -4px;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-price-text {
  font-size: 30px;
  font-weight: 400;
  color: #242424;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-period {
  position: relative;
  padding-left: 15px;
  display: inline-block;
  font-size: 16px;
  color: #242424;
  font-weight: 400;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-price-tag .pricing-table-period:before {
  content: "";
  height: 15px;
  width: 2px;
  position: absolute;
  left: 3px;
  transform: rotate(20deg) translateY(-50%);
  top: 40%;
  background: #0a0a0a;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list {
  padding: 25px 30px 0 30px;
  text-align: left;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li {
  padding: 0px 0px 10px 0px;
  font-size: 16px;
  margin-bottom: 8px;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li i {
  margin-right: 10px;
  min-width: 15px;
  font-size: 16px;
  position: relative;
  top: 3px;
  color: #102c54;
}
.rs-pricing.pricing-style1 .pricing-table-wrap .pricing-table-features-list li .feature-text {
  font-size: 16px;
  color: #454545;
}
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg {
  margin: 0px 0px 0px 0px;
  background-color: #102c54;
  background-image: url(assets/images/pricing/style1/price.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50px 50px 50px 50px;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-period:before {
  background: #ffffff;
}
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-features-list li i,
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-period,
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-currency,
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-price-tag .pricing-table-price-text,
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-features-list li .feature-text,
.rs-pricing.pricing-style1 .pricing-table-wrap.pricing-actives-bg .pricing-table-header .pricing-table-title {
  color: #ffffff;
}
.rs-pricing.pricing-style1.pricing-modify1 .pricing-table-wrap {
  border-radius: 80px 0px 80px 0px;
}
/*------------------------------------
	23. Blog Section CSS
------------------------------------*/
.rs-blog.blog-main-home .blog-item {
  position: relative;
  z-index: 11;
  transition: all 500ms ease;
  background-color: #ffffff;
  box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
  border-radius: 70px 0px 0px 0px;
  margin: 0 4px 30px;
}
.rs-blog.blog-main-home .blog-item .image-wrap {
  position: relative;
  overflow: hidden;
}
.rs-blog.blog-main-home .blog-item .image-wrap a img {
  border-radius: 70px 0px 0px 0px;
  transition: all 0.5s ease 0s;
}
.rs-blog.blog-main-home .blog-item .blog-content {
  transition: all 500ms ease;
  position: relative;
  padding: 27px 30px 34px 30px;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 12px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin {
  position: relative;
  margin-right: 12px;
  padding-right: 8px;
  font-size: 15px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i {
  color: #FF7B18;
  margin-right: 5px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .admin i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date {
  font-size: 15px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i {
  color: #FF7B18;
  margin-right: 6px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-meta .date i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 14px;
  letter-spacing: -1px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a {
  color: #101010;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-title a:hover {
  color: #f36a00;
}
.rs-blog.blog-main-home .blog-item .blog-content .desc {
  margin: 0 0 18px;
}
.rs-blog.blog-main-home .blog-item .blog-content .blog-btn a span:hover {
  color: #102c54;
}
.rs-blog.blog-main-home .blog-item:hover {
  transform: translateY(-10px);
}
.rs-blog.blog-main-home .rs-carousel .owl-dots {
  text-align: center;
  margin-top: 30px;
}
.rs-blog.blog-main-home .owl-stage-outer {
  padding: 10px;
  margin: -10px;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap a img {
  border-radius: 5px 5px 0 0;
  transition: all 0.5s ease 0s;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after,
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before {
  position: absolute;
  content: '';
  background: #ffffff;
  width: 100px;
  height: 100px;
  transform: rotate(-45deg);
  z-index: 1;
  transition: all 0.5s;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:before {
  right: -55px;
  bottom: -55px;
  background: #FFFFFFF0;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .image-wrap.shape-show:after {
  left: -55px;
  top: -55px;
  background: #FFFFFFF0;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:after {
  font-weight: 700;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover,
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-button a:hover:after,
.rs-blog.blog-main-home.blog-modify1 .blog-item .blog-content .blog-title a:hover {
  color: #102c54;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:before {
  right: -150px;
  bottom: -150px;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap.shape-show:after {
  left: -150px;
  top: -150px;
}
.rs-blog.blog-main-home.blog-modify1 .blog-item:hover .image-wrap a img {
  filter: grayscale(100%);
}
.rs-blog.blog-style1 .blog-item {
  position: relative;
  z-index: 11;
  background-color: #ffffff;
  box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
  border-radius: 80px 0px 0px 0px;
  margin: 0 4px;
}
.rs-blog.blog-style1 .blog-item .image-wrap {
  position: relative;
  overflow: hidden;
}
.rs-blog.blog-style1 .blog-item .image-wrap a img {
  border-radius: 80px 0px 0px 0px;
  transition: all 0.5s ease 0s;
}
.rs-blog.blog-style1 .blog-item .blog-content {
  transition: all 500ms ease;
  position: relative;
  padding: 30px 35px 35px 35px;
  border-radius: 0 0 5px 5px;
  background: #fff;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 20px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin {
  position: relative;
  margin-right: 12px;
  padding-right: 8px;
  font-size: 15px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i {
  color: #f36a00;
  margin-right: 5px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .admin i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date {
  font-size: 15px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i {
  color: #f36a00;
  margin-right: 6px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-meta .date i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-title {
  font-size: 28px;
  line-height: 38px;
  font-weight: 700;
  margin-bottom: 14px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-title a {
  color: #101010;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-title a:hover {
  color: #f36a00;
}
.rs-blog.blog-style1 .blog-item .blog-content .desc {
  margin: 0 0 18px;
}
.rs-blog.blog-style1 .blog-item .blog-content .blog-btn a span:hover {
  color: #102c54;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap {
  position: relative;
  z-index: 11;
  background-color: #ffffff;
  box-shadow: 0 6px 25px rgba(12, 89, 219, 0.09);
  border-radius: 50px 0px 0px 0px;
  transition: 0.3s;
  align-items: center;
  display: flex;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap {
  position: relative;
  max-width: 35%;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .image-wrap a img {
  border-radius: 50px 0px 0px 0px;
  transition: all 0.5s ease 0s;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content {
  padding: 0px 30px 0px 30px;
  background: #fff;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta {
  display: flex;
  justify-content: flex-start;
  padding: 0 0 8px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin {
  position: relative;
  margin-right: 12px;
  padding-right: 8px;
  font-size: 15px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i {
  color: #f36a00;
  margin-right: 5px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .admin i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date {
  font-size: 15px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i {
  color: #f36a00;
  margin-right: 6px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-meta .date i:before {
  top: 1px;
  position: relative;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title {
  font-size: 22px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 0px;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap .blog-content .blog-title a {
  color: #101010;
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .image-wrap a img {
  filter: grayscale(100%);
}
.rs-blog.blog-style1 .blog-horizontal .blog-meta .blog-item-wrap:hover .blog-content .blog-title a {
  color: #f36a00;
}
.rs-inner-blog .blog-item {
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
  border-radius: 15px;
  padding: 15px;
  transition: 0.3s;
}
.rs-inner-blog .blog-item .blog-img {
  position: relative;
}
.rs-inner-blog .blog-item .blog-img .post-categories {
  position: absolute;
  z-index: 11;
  bottom: 20px;
  right: 20px;
  z-index: 10;
}
.rs-inner-blog .blog-item .blog-img .post-categories li {
  display: inline-block;
}
.rs-inner-blog .blog-item .blog-img .post-categories li a {
  background: #102c54;
  color: #ffffff;
  transition: 0.4s;
  font-size: 14px;
  font-weight: 500;
  padding: 6px 20px;
  border-radius: 15px 0 15px 0;
  display: block;
}
.rs-inner-blog .blog-item .blog-img .post-categories li a:hover {
  border-radius: 0 15px 0 15px;
  background: #f36a00;
}
.rs-inner-blog .blog-item .blog-img a img {
  border-radius: 10px;
}
.rs-inner-blog .blog-item .blog-content {
  padding: 30px 15px 20px;
  overflow: hidden;
}
.rs-inner-blog .blog-item .blog-content .blog-title {
  margin: 4px 0 10px;
  font-size: 36px;
  line-height: 46px;
  font-weight: 700;
}
.rs-inner-blog .blog-item .blog-content .blog-title a {
  color: #0a0a0a;
}
.rs-inner-blog .blog-item .blog-content .blog-title a:hover {
  color: #f36a00;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate {
  overflow: hidden;
  margin: 0 0 8px;
  padding: 0 0 12px;
  font-size: 15px;
  display: flex;
  align-items: center;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li {
  margin-right: 25px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #555;
  font-weight: 400;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i {
  color: #f36a00;
  position: relative;
  margin-right: 2px;
  top: 2px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .blog-date i:before {
  font-size: 14px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign {
  display: inline-block;
  font-size: 15px;
  line-height: 24px;
  color: #555;
  font-weight: 400;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign i {
  margin-right: 3px;
  position: relative;
  top: 2px;
  color: #f36a00;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li .devsdesign i:before {
  font-size: 14px;
}
.rs-inner-blog .blog-item .blog-content .blog-meta .btm-cate li:last-child {
  margin-right: 0;
}
.rs-inner-blog .blog-item .blog-content .blog-desc {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 10px;
}
.rs-inner-blog .widget-area .widget-title .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #101010;
  position: relative;
  z-index: 1;
  padding-bottom: 12px;
  margin: 0;
}
.rs-inner-blog .widget-area .widget-title .title:after {
  content: "";
  position: absolute;
  border: 0;
  width: 50px;
  height: 2px;
  background: #f36a00;
  z-index: 1;
  margin-left: 0;
  bottom: 0;
  left: 0;
}
.rs-inner-blog .widget-area .search-widget {
  background: #fff;
  padding: 40px 30px 40px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
}
.rs-inner-blog .widget-area .search-widget .search-wrap {
  position: relative;
}
.rs-inner-blog .widget-area .search-widget .search-wrap [type=search] {
  color: #444444;
  padding: 12px 17px;
  width: 100%;
  border: none;
  border-radius: 5px;
  position: relative;
  background: #fff;
  border: 1px solid #E2DDDF4F;
}
.rs-inner-blog .widget-area .search-widget .search-wrap button {
  background: transparent;
  border: medium none;
  color: #45454599;
  padding: 11px 15px 12px;
  position: absolute;
  display: block;
  right: 0px;
  top: 4px;
  z-index: 10;
  font-size: 20px;
  border-radius: 0 5px 5px;
}
.rs-inner-blog .widget-area .search-widget .search-wrap button i:before {
  font-family: uicons-regular-rounded !important;
  font-size: 18px;
  font-weight: 600;
  content: "\f279";
  position: absolute;
  right: 20px;
  top: 9px;
}
.rs-inner-blog .widget-area .search-widget .search-wrap button:hover {
  color: #f36a00;
}
.rs-inner-blog .widget-area .recent-posts {
  background: #fff;
  padding: 40px 30px;
  box-shadow: 0 6px 25px rgba(0, 0, 0, 0.07);
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  overflow: hidden;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img {
  width: 100px;
  float: left;
  padding-right: 15px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-img img {
  border-radius: 1px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc {
  overflow: hidden;
  margin-top: -8px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 600;
  color: #101010;
  margin-bottom: 5px;
  display: block;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc a:hover {
  color: #f36a00;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post {
  display: block;
  font-size: 14px;
  color: #555;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i {
  margin-right: 5px;
}
.rs-inner-blog .widget-area .recent-posts .recent-post-widget .post-desc .date-post i:before {
  top: 1px;
  font-size: 12px;
  color: #f36a00;
  position: relative;
}
.rs-inner-blog .widget-area .categories {
  background: #fff;
  padding: 40px 30px 40px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.rs-inner-blog .widget-area .categories ul li {
  margin-top: 13px;
  padding-top: 13px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.rs-inner-blog .widget-area .categories ul li a {
  font-weight: 500;
  font-size: 17px;
  color: #0a0a0a;
  transition: all 0.4s ease-in-out 0s;
}
.rs-inner-blog .widget-area .categories ul li a:hover {
  color: #f36a00;
}
.rs-inner-blog .widget-area .categories ul li:first-child {
  border-top: none;
}
.rs-inner-blog .widget-area .tags-cloud {
  background: #fff;
  padding: 40px 30px 40px;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
}
.rs-inner-blog .widget-area .tags-cloud .tagcloud a {
  display: inline-block;
  margin: 10px 3px 0px 0;
  line-height: 20px;
  padding: 6px 12px;
  font-size: 15px;
  text-transform: capitalize;
  transition: all 0.3s ease;
  background: #ffffff;
  color: #444444;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
}
.rs-inner-blog .widget-area .tags-cloud .tagcloud a:hover {
  color: #ffffff;
  background: #f36a00;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta {
  display: flex;
  align-items: center;
  padding: 0 0 20px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta li {
  margin-right: 10px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date {
  color: #555;
  font-size: 14px;
  margin-right: 8px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date i {
  font-size: 13px;
  margin-right: 3px;
  color: #f36a00;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta li .p-date i:before {
  margin-right: 5px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate {
  list-style: none;
  display: inline-block;
  padding-right: 10px;
  color: #555;
  font-size: 14px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line i {
  color: #f36a00;
  margin-right: 3px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line i:before {
  margin-right: 4px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line a {
  font-weight: 400;
  color: #555;
  font-size: 14px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .Post-cate .tag-line a:hover {
  color: #102c54;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .post-comment {
  color: #555;
  font-size: 14px;
}
.rs-inner-blog .blog-details .blog-full .single-post-meta .post-comment i:before {
  color: #FD6509;
}
.rs-inner-blog .blog-details .blog-full .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #0a0a0a;
  margin: 0;
}
.rs-inner-blog .blog-details .blog-full .bs-info {
  margin-top: 25px;
  clear: both;
  font-weight: 600;
  margin-bottom: 10px;
}
.rs-inner-blog .blog-details .blog-full .bs-info a {
  font-size: 13px;
  margin-right: 5px;
  display: inline-block;
  text-align: center;
  font-weight: normal;
  color: #666666;
  border: 1px solid rgba(170, 170, 170, 0.25);
  padding: 2px 15px 4px;
  margin-left: 7px;
  border-radius: 5px;
  line-height: 20px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.rs-inner-blog .blog-details .blog-full .bs-info a:hover {
  background: #f36a00;
  border-color: #f36a00;
  color: #ffffff;
}
.rs-inner-blog .blog-details .blog-full .comment-title {
  font-size: 24px;
  margin-bottom: 40px;
  margin-top: 35px;
}
.rs-inner-blog .blog-details .blog-full .comment-note .from-control {
  width: 100%;
  padding: 15px 20px;
  background-color: #effdfc;
  border: none;
  border-radius: 5px;
}
.rs-inner-blog .blog-details .blog-full .comment-note textarea {
  height: 160px;
}
.rs-inner-blog .blog-details .blog-full .comment-note ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #777777;
  opacity: 1;
}
.rs-inner-blog .blog-details .blog-full .comment-note ::-moz-placeholder {
  /* Firefox 19+ */
  color: #777777;
  opacity: 1;
}
.rs-inner-blog .blog-details .blog-full .comment-note :-ms-input-placeholder {
  /* IE 10+ */
  color: #777777;
  opacity: 1;
}
.rs-inner-blog .blog-details .blog-full .comment-note :-moz-placeholder {
  /* Firefox 18- */
  color: #777777;
  opacity: 1;
}
/* ------------------------------------
	24. Testimonial Section CSS
---------------------------------------*/
.rs-testimonial.testimonial-style1 .testi-image img {
  height: 640px;
  object-fit: cover;
  border-radius: 150px 0px 150px 0px;
}
.rs-testimonial.testimonial-style1 .widget-content {
  background-color: #102c54;
  padding: 80px 250px 114px 150px;
  border-radius: 0px 0px 0px 200px;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .item-content-basic span img {
  width: 80px;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .item-content-basic p {
  font-size: 18px;
  font-style: italic;
  line-height: 37px;
  color: #ffffff;
  margin: 0 0 0px;
  padding: 15px 0px 45px 0px;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content {
  display: flex;
  align-items: center;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .image-wrap img {
  height: 80px;
  width: 80px;
  border-radius: 50%;
  position: relative;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information {
  padding: 0 0 0 22px;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .testi-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #ffffff;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .designation {
  font-size: 15px;
  font-weight: 400;
  color: #F2F2F2;
  display: block;
  padding-bottom: 10px;
}
.rs-testimonial.testimonial-style1 .widget-content .testi-item .testi-content .testi-information .ratting-img {
  width: 100px;
}
.rs-testimonial.testimonial-style1 .widget-content .rs-carousel .owl-dots {
  text-align: left;
  margin-top: 45px;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .item-content {
  position: relative;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .item-content p {
  color: #fff;
  font-size: 16px;
  font-style: italic;
  background-color: #1A3841;
  border-radius: 0px 70px 0px 70px;
  padding: 50px 50px 50px 50px;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .item-content:after {
  top: 100%;
  left: 29%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(136, 183, 213, 0);
  border-top-color: #1A3841;
  border-width: 12px;
  margin-left: -30px;
  z-index: 1;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .image-wrap img {
  height: 65px;
  width: 65px;
  border-radius: 50px 50px 50px 50px;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information {
  padding: 0 0 0 25px;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information .testi-name {
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
  color: #ffffff;
}
.rs-testimonial.testimonial-style2 .testi-item-wrap .testi-content .testi-information .testi-title {
  color: #D3CBCB;
  font-size: 15px;
}
.rs-testimonial.testimonial-style2 .rs-carousel .owl-dots {
  text-align: center;
}
.rs-testimonial.testimonial-style3 .widget-content {
  background-color: #f36a00;
  border-radius: 0px 150px 0px 0px;
  padding: 120px 300px 70px 75px;
  position: relative;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-item .quote {
  top: 80%;
  position: absolute;
  left: 80%;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-item .quote img {
  width: 60px;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-item p {
  font-size: 20px;
  font-style: italic;
  line-height: 35px;
  color: #ffffff;
  padding: 0px 0px 12px 0px;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-content {
  display: block;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-content .testi-information .testi-name {
  font-size: 22px;
  font-weight: 700;
  line-height: 38px;
  color: #ffffff;
}
.rs-testimonial.testimonial-style3 .widget-content .testi-content .testi-information .designation {
  font-size: 18px;
  line-height: 35px;
  font-weight: 400;
  color: #fff;
}
.rs-testimonial.testimonial-style3 .testi-image {
  background-image: url(assets/images/Allimages/testimional.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .testi-image {
  background-image: url(assets/images/testimonial/style1/testi3.jpg);
  border-radius: 150px 0px 0px 150px;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content {
  padding: 114px 95px 93px 100px;
  border-radius: 0px 150px 0px 150px;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item p {
  padding: 0px 200px 12px 0px;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item .quote img {
  width: 44px;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .widget-content .testi-item .quote {
  top: 76%;
  left: 60%;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots {
  text-align: left;
  margin-top: 50px;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  background: #fff;
  opacity: unset;
}
.rs-testimonial.testimonial-style3.testimonial-modify1 .rs-carousel .owl-dots .owl-dot.active {
  width: 25px;
  height: 7px;
  background: #fff;
  opacity: 1;
}
.rs-testimonial.testimonial-style4 .testi-item {
  padding: 38px 30px 10px 30px;
  margin-right: 30px;
}
.rs-testimonial.testimonial-style4 .testi-item .item-content-basic .quote img {
  width: 62px;
  top: 15%;
  position: absolute;
  left: 42%;
  z-index: 9;
}
.rs-testimonial.testimonial-style4 .testi-item .item-content-basic p {
  position: relative;
  font-size: 18px;
  font-weight: 400;
  font-style: italic;
  color: #454545;
  padding: 130px 60px 97px 60px;
  background-color: #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0);
  margin-bottom: -40px;
}
.rs-testimonial.testimonial-style4 .testi-item .item-content-basic p:before {
  content: '';
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  transform: rotate(10deg);
  border-radius: 10px;
  background-color: #102c54;
}
.rs-testimonial.testimonial-style4 .testi-item .testi-content {
  text-align: center;
}
.rs-testimonial.testimonial-style4 .testi-item .testi-content .image-wrap img {
  position: relative;
  width: 90px;
  height: 90px;
  border-radius: 100px 100px 100px 100px;
  margin: 0 auto;
}
.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information {
  padding: 20px 0 0;
}
.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .testi-name {
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
  color: #101010;
}
.rs-testimonial.testimonial-style4 .testi-item .testi-content .testi-information .designation {
  color: #454545;
  font-size: 15px;
}
.rs-testimonial.testimonial-style4 .rs-carousel .owl-dots {
  text-align: center;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap {
  text-align: center;
  padding: 52px 50px 52px 50px;
  background-color: #effdfc;
  border-radius: 80px 0px 80px 0px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0);
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .item-content-basic span img {
  width: 60px;
  margin: 0 auto 20px;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .item-content-basic p {
  color: #0A0A0A;
  font-size: 19px;
  font-weight: 500;
  font-style: italic;
  line-height: 32px;
  margin: 0 0 28px;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .image-wrap img {
  border-radius: 50px 50px 50px 50px;
  width: 90px;
  height: 90px;
  margin: 0 auto;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information {
  padding-top: 20px;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information .testi-name {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  color: #0a0a0a;
}
.rs-testimonial.testimonial-style5 .testi-item .testi-wrap .testi-content .testi-information .designation {
  font-size: 16px;
  color: #0a0a0a;
}
/*----------------------------------------
	25. Shop Section CSS
----------------------------------------*/
.rs-shop-part .woocommerce-result-count {
  font-size: 15px;
  line-height: 26px;
  color: #454545;
  font-weight: 400;
  margin: 0;
}
.rs-shop-part .from-control {
  float: right;
  font-size: 15px;
  color: #454545;
  font-weight: 400;
  vertical-align: top;
  padding: 10px;
  border: 1px solid #ced4da;
  border-radius: 5px;
}
.rs-shop-part .product-list .image-product {
  position: relative;
  margin: 0px 0 0px;
}
.rs-shop-part .product-list .image-product .overley i {
  position: absolute;
  bottom: 150px;
  right: 13px;
  background: transparent;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
}
.rs-shop-part .product-list .image-product .overley i:before {
  font-size: 30px;
  color: #ffffff;
  border-radius: 5px;
  font-weight: 400;
  background: #f36a00;
  border: none;
  padding: 8px 10px 8px;
  height: 45px;
  width: 45px;
  line-height: 45px;
}
.rs-shop-part .product-list .image-product .onsale {
  font-size: 13px;
  color: #ffffff;
  font-weight: 700;
  line-height: 40px;
  background: #f36a00;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  top: 13px;
  right: 13px;
}
.rs-shop-part .product-list .content-desc .loop-product-title {
  font-size: 18px;
  line-height: 35px;
  font-weight: 700;
  padding-top: 30px;
  margin: 0;
  letter-spacing: 0;
}
.rs-shop-part .product-list .content-desc .loop-product-title a {
  color: #0a0a0a;
}
.rs-shop-part .product-list .content-desc .loop-product-title a:hover {
  color: #f36a00;
}
.rs-shop-part .product-list .content-desc .price {
  font-size: 16px;
  line-height: 27px;
  color: #f36a00;
  font-weight: 600;
  margin: 0;
}
.rs-shop-part .product-list:hover .image-product .overley i {
  opacity: 1;
  visibility: visible;
  bottom: 13px;
}
/*----------------------------------------
	26. Single Shop Section CSS
----------------------------------------*/
.rs-single-shop .single-product-image .images-single {
  z-index: 1 !important;
}
.rs-single-shop .single-product-image img {
  width: 100%;
}
.rs-single-shop .single-price-info .product-title {
  font-size: 25px;
  font-weight: 700;
  margin-bottom: 12px;
}
.rs-single-shop .single-price-info .single-price {
  color: #102c54;
  font-weight: 600;
}
.rs-single-shop .single-price-info .some-text {
  margin-top: 15px;
}
.rs-single-shop .single-price-info form {
  margin-bottom: 30px;
}
.rs-single-shop .single-price-info form input {
  height: 40px;
  width: 70px;
  line-height: 40px;
  text-align: center;
  padding-left: 10px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  outline: none;
}
.rs-single-shop .single-price-info p.category {
  margin: 0;
  padding-top: 25px;
  border-top: 1px solid #e6e6e6;
  font-size: 14px;
}
.rs-single-shop .single-price-info p.category span {
  font-weight: 700;
  padding-right: 10px;
}
.rs-single-shop .single-price-info p.category a {
  color: #666666;
}
.rs-single-shop .single-price-info p.category a:hover {
  color: #f36a00;
}
.rs-single-shop .single-price-info .tag {
  margin: 0;
}
.rs-single-shop .single-price-info .tag span {
  font-weight: 700;
}
.rs-single-shop .tab-area {
  margin-top: 50px;
}
.rs-single-shop .tab-area ul.nav-tabs {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 32px;
}
.rs-single-shop .tab-area ul.nav-tabs li {
  margin-right: 13px;
}
.rs-single-shop .tab-area ul.nav-tabs li .nav-link {
  padding: 20px 45px;
  display: inline-block;
  border-radius: 4px 4px 0 0;
  font-size: 18px;
  background: #effdfc;
  border: 1px solid #effdfc;
  background-color: #effdfc;
  color: #101010;
  font-weight: 400;
}
.rs-single-shop .tab-area ul.nav-tabs li .nav-link:hover,
.rs-single-shop .tab-area ul.nav-tabs li .nav-link.active {
  background: #f36a00;
  color: #ffffff;
}
.rs-single-shop .tab-area ul.nav-tabs li:last-child {
  margin-right: 0;
}
.rs-single-shop .tab-area .tab-content .tab-pane .tab-title {
  font-weight: 700;
  margin-bottom: 34px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .dsc-p {
  margin: 0;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area {
  margin-bottom: 5px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area p {
  margin-bottom: 23px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .top-area h6 {
  font-size: 15px;
  font-weight: 600;
  color: #454545;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form {
  max-width: 600px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form p.comment-notes {
  margin-bottom: 15px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl label {
  font-weight: 600;
  display: block;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl input {
  border: 1px solid rgba(54, 54, 54, 0.1);
  padding: 10px 15px;
  margin-bottom: 10px;
  width: 100%;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .placeholder-cntrl textarea {
  width: 100%;
  padding: 10px 15px;
  height: 75px;
  border: 1px solid rgba(54, 54, 54, 0.1);
  margin-bottom: 20px;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings {
  font-weight: 600;
  margin-bottom: 18px;
  display: block;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li {
  display: inline;
}
.rs-single-shop .tab-area .tab-content .tab-pane .reviews-grid .comment-form .ratings ul li i {
  color: #102c54;
  font-weight: normal;
}
/*----------------------------------------
	27. Cart Section CSS
----------------------------------------*/
.rs-cart .cart-wrap table.cart-table {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  border-collapse: collapse;
}
.rs-cart .cart-wrap table.cart-table td,
.rs-cart .cart-wrap table.cart-table th {
  padding: 25px;
  text-align: center;
  border: 1px solid #ccc;
}
.rs-cart .cart-wrap table.cart-table th {
  border: none;
  font-size: 18px;
  padding: 25px;
  text-align: center;
  vertical-align: middle;
  font-weight: 700;
}
.rs-cart .cart-wrap table.cart-table td {
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-top: 1px solid #e6e6e6;
}
.rs-cart .cart-wrap table.cart-table .product-remove a {
  margin: 0 auto;
  color: #10101075;
  display: block;
  border-radius: 100%;
  border: 1px solid #ddd;
  font-size: 16px;
  font-weight: 400;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.rs-cart .cart-wrap table.cart-table .product-remove a:hover {
  background: #ff0000;
  border-color: #ff0000;
  color: #ffffff;
}
.rs-cart .cart-wrap table.cart-table .product-thumbnail {
  min-width: 32px;
}
.rs-cart .cart-wrap table.cart-table .product-thumbnail a img {
  width: 80px;
  height: auto;
}
.rs-cart .cart-wrap table.cart-table .product-name a {
  color: #454545;
  font-weight: 700;
}
.rs-cart .cart-wrap table.cart-table .product-name a:hover {
  color: #102c54;
}
.rs-cart .cart-wrap table.cart-table .product-price {
  font-weight: 700;
}
.rs-cart .cart-wrap table.cart-table .product-quantity input {
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: 0 0 0 10px;
  max-width: 65px;
  margin: 0 auto;
  outline: none;
}
.rs-cart .cart-wrap table.cart-table .action .coupon {
  float: left;
}
.rs-cart .cart-wrap table.cart-table .action .coupon input {
  box-sizing: border-box;
  border: 1px solid #d3ced2;
  padding: 6px 6px 5px;
  margin: 0 4px 0 0;
  outline: none;
  width: 320px;
  border-radius: 4px;
  height: 45px;
  margin-right: 20px;
  text-align: left;
  padding-left: 22px;
}
.rs-cart .cart-collaterals {
  width: 100%;
  overflow: hidden;
}
.rs-cart .cart-collaterals .cart-totals {
  float: right;
  width: 48%;
}
.rs-cart .cart-collaterals .cart-totals .title {
  font-weight: 700;
  color: #454545;
  text-transform: capitalize;
}
.rs-cart .cart-collaterals .cart-totals table.cart-total-table {
  text-align: left;
  width: 100%;
  border-collapse: collapse;
  border-radius: 5px;
}
.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th {
  font-size: 18px;
  font-weight: 700;
}
.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr td,
.rs-cart .cart-collaterals .cart-totals table.cart-total-table tr th {
  padding: 30px 10px;
}
/*----------------------------------------
	28. Careers Single Section CSS
----------------------------------------*/
.rs-careers-single .career-inner-section .career-wrap {
  background-image: url(assets/images/bg/cta-bg2.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 45px 20px 45px 50px;
  border-radius: 80px 0px 0px 0px;
}
.rs-careers-single .career-inner-section .career-wrap .title-inner .description p {
  color: #ffffff;
  margin: 0;
}
.rs-careers-single .career-inner-section .desc {
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  color: #333333;
  margin: 0;
}
.rs-careers-single .career-inner-section .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #101010;
  margin: 0;
  letter-spacing: 0;
}
.rs-careers-single .contact-wrap {
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.07);
  padding: 55px 37px 60px 37px;
}
.rs-careers-single .contact-wrap .title-inner .title {
  font-size: 24px;
  line-height: 34px;
  font-weight: 700;
  color: #101010;
  margin: 0;
  letter-spacing: 0;
}
.rs-careers-single .contact-wrap .from-control {
  width: 100%;
  font-size: 16px;
  padding: 20px 0px 10px 0px;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-color: #F8F3F3;
  max-width: 100%;
  opacity: 1;
}
.rs-careers-single .contact-wrap textarea {
  height: 120px;
}
.rs-careers-single .contact-wrap .wpcf7-form-control:not(.wpcf7-submit) {
  padding: 20px 0px 10px 0px;
  border: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  overflow: visible;
}
.rs-careers-single .contact-wrap .wpcf7-form-control-wrap input[type="file"] {
  cursor: pointer;
  margin-bottom: 30px;
}
.rs-careers-single .contact-wrap #form-messages {
  margin-top: 15px;
}
.rs-careers-single .services-add {
  background-color: #102c54;
  position: relative;
  padding: 55px 35px 38px;
  border-radius: 80px 0px 80px 0px;
  text-align: center;
}
.rs-careers-single .services-add .services-overlay {
  background-image: url(assets/images/blog/style1/3.jpg);
  border-radius: 80px 0px 80px 0px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  opacity: 0.1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.rs-careers-single .services-add .address-wrap {
  position: relative;
}
.rs-careers-single .services-add .address-wrap .divider {
  padding-top: 15px;
  padding-bottom: 35px;
}
.rs-careers-single .services-add .address-wrap .divider .divider-separator {
  position: relative;
}
.rs-careers-single .services-add .address-wrap .divider .divider-separator:before {
  height: 3px;
  display: block;
  width: 120px;
  border-bottom: 2px dashed #e76404;
  content: '';
  margin: 0 auto;
}
.rs-careers-single .services-add .address-wrap .title {
  font-size: 24px;
  line-height: 41px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 15px;
}
.rs-careers-single .services-add .address-wrap .title span {
  color: #f36a00;
}
.rs-careers-single .services-add .address-wrap a {
  font-size: 34px;
  line-height: 44px;
  font-weight: 700;
  color: #ffffff;
}
.rs-careers-single .services-add .address-wrap a:hover {
  color: #f36a00;
}
/*----------------------------------------
	29. Checkout Section CSS
----------------------------------------*/
.rs-checkout .checkout-title {
  margin-bottom: 30px;
}
.rs-checkout .checkout-title h3 {
  font-size: 26px;
  margin: 0;
}
.rs-checkout .coupon-toggle .accordion .card {
  border: unset;
  border-top: 3px solid #102c54;
  border-radius: 0;
}
.rs-checkout .coupon-toggle .accordion .card .card-header {
  border: none;
  margin: 0;
  border-radius: unset;
}
.rs-checkout .coupon-toggle .accordion .card .card-header .card-title {
  margin: 0;
}
.rs-checkout .coupon-toggle .accordion .card .card-header .card-title span i {
  margin-right: 10px;
}
.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button {
  background: unset;
  border: none;
  color: #102c54;
  transition: all 0.3s ease;
  outline: none;
  cursor: pointer;
}
.rs-checkout .coupon-toggle .accordion .card .card-header .card-title button:hover {
  color: #102c54;
}
.rs-checkout .coupon-toggle .accordion .card .card-body {
  border: 1px solid #d3ced2;
  padding: 20px 20px 50px 20px;
  margin-top: 2em;
  text-align: left;
}
.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input {
  width: 47%;
  float: left;
  margin-right: 50px;
}
.rs-checkout .coupon-toggle .accordion .card .card-body .coupon-code-input input {
  width: 100%;
  height: 45px;
  outline: none;
  padding: 10px 18px;
  color: #454545;
  border: 1px solid rgba(54, 54, 54, 0.1);
}
.rs-checkout .full-grid {
  margin-top: 25px;
}
.rs-checkout .full-grid .form-content-box {
  margin-bottom: 50px;
}
.rs-checkout .full-grid .form-content-box .form-group label {
  line-height: 2;
  display: block;
  margin-bottom: 5px;
  font-weight: 600;
}
.rs-checkout .full-grid .form-content-box .form-group select {
  color: #666666;
  opacity: 0.5;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  width: 100%;
  outline: none;
}
.rs-checkout .full-grid .form-content-box .form-group textarea {
  height: 4em;
  line-height: 1.5;
  display: block;
  box-shadow: none;
  width: 100%;
  border: 1px solid rgba(54, 54, 54, 0.1);
  padding: 10px 18px;
  margin: 0;
  outline: none;
}
.rs-checkout .full-grid .form-content-box .form-group .form-control-mod {
  border: 1px solid rgba(54, 54, 54, 0.1);
  height: 45px;
  padding: 10px 18px;
  width: 100%;
  margin: 0;
  outline: none;
  line-height: normal;
  border-radius: unset;
}
.rs-checkout .full-grid .form-content-box .form-group .form-control-mod.margin-bottom {
  margin-bottom: 10px !important;
}
.rs-checkout .full-grid .ordered-product table {
  width: 100%;
}
.rs-checkout .full-grid .ordered-product table tr th {
  border: 1px solid #ccc;
  padding: 9px 12px;
}
.rs-checkout .full-grid .ordered-product table tr td {
  border: 1px solid #ccc;
  padding: 6px 12px;
}
.rs-checkout .full-grid .payment-method .top-area {
  border-bottom: 1px solid #d3ced2;
}
.rs-checkout .full-grid .payment-method .top-area .payment-co {
  margin-bottom: 20px;
}
.rs-checkout .full-grid .payment-method .top-area .payment-co span {
  font-weight: 600;
  margin-right: 10px;
}
.rs-checkout .full-grid .payment-method .top-area .p-msg {
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: 1em;
  margin: 1em 0 2em;
  font-size: 0.92em;
  border-radius: 2px;
  line-height: 1.5;
  background-color: #f9f9f9;
}
.rs-checkout .full-grid .payment-method .top-area .p-msg:before {
  content: '';
  display: block;
  border: 1em solid #f9f9f9;
  border-right-color: transparent;
  border-left-color: transparent;
  border-top-color: transparent;
  position: absolute;
  top: -0.75em;
  left: 0;
  margin: -1em 0 0 2em;
}
/*----------------------------------------
	30. Account Section CSS
----------------------------------------*/
.rs-my-account .title {
  font-size: 42px;
  line-height: 52px;
  font-weight: 700;
  color: #101010;
  margin: 0;
}
.rs-my-account .rs-login {
  border: 1px solid rgba(54, 54, 54, 0.1);
  padding: 20px;
  text-align: left;
  border-radius: 5px;
}
.rs-my-account .rs-login .form-group label {
  display: block;
  font-size: 15px;
  line-height: 30px;
  font-weight: 600;
  color: #454545;
  margin-bottom: 5px;
}
.rs-my-account .rs-login .form-group label span {
  color: #102c54;
}
.rs-my-account .rs-login .form-group input {
  width: 100%;
  outline: 0;
  line-height: normal;
  border: 1px solid rgba(54, 54, 54, 0.1);
  height: 45px;
  padding-left: 20px;
}
.rs-my-account .rs-login .last-password a {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #102c54;
}
.rs-my-account .rs-login p {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #454545;
  margin-bottom: 14px;
}
.rs-my-account .rs-login p a {
  font-size: 15px;
  line-height: 26px;
  font-weight: 400;
  color: #102c54;
}
/*------------------------------------
	31. Footer Section CSS
------------------------------------*/
.rs-footer.footer-main-home {
  background-image: url(assets/images/bg/footer-map.png);
  background-color: #102c54;
  background-size: cover;
}
.rs-footer.footer-main-home .footer-top {
  padding: 25px 0 10px;
}
.rs-footer.footer-main-home .footer-top .footer-title {
  position: relative;
  font-size: 22px;
  line-height: 30px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 50px;
}
.rs-footer.footer-main-home .footer-top .footer-title:before {
  content: "";
  position: absolute;
  background: #f36a00;
  height: 3px;
  width: 15px;
  left: 0;
  transition: all 0.4s ease;
  z-index: 1;
  bottom: -20px;
}
.rs-footer.footer-main-home .footer-top .footer-title:after {
  position: absolute;
  content: "";
  background: #f36a00;
  height: 3px;
  transition: all 0.4s ease;
  width: 50px;
  right: 0;
  left: 25px;
  bottom: -20px;
  margin-left: 0;
  z-index: 0;
}
.rs-footer.footer-main-home .footer-top .footer-title:hover:before {
  width: 50px;
  left: 0;
}
.rs-footer.footer-main-home .footer-top .footer-title:hover:after {
  width: 15px;
  left: 60px;
}
.rs-footer.footer-main-home .footer-top .textwidget {
  font-size: 17px;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .footer-social li {
  display: inline-block;
  margin-right: 8px;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i {
  font-size: 14px;
  margin-right: 3px;
  transition: all 0.8s ease;
  background: #1c202469;
  color: #fff;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 5px;
}
.rs-footer.footer-main-home .footer-top .footer-social li a i:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-top .footer-social li:last-child {
  margin-right: 0;
}
.rs-footer.footer-main-home .footer-top .address-widget li {
  padding: 0 0 29px 40px;
  position: relative;
}
.rs-footer.footer-main-home .footer-top .address-widget li i {
  color: #f36a00;
  position: absolute;
  left: 0;
}
.rs-footer.footer-main-home .footer-top .address-widget li i:before {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .address-widget li .desc a:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-top .site-map {
  margin-top: -6px;
}
.rs-footer.footer-main-home .footer-top .site-map li {
  margin-bottom: 5px;
  position: relative;
}
.rs-footer.footer-main-home .footer-top .site-map li a {
  font-size: 17px;
  position: relative;
  padding: 6px 0 4px 0px;
  display: inline-block;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .site-map li a:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title {
  font-size: 17px;
  line-height: 1.35;
  margin-bottom: 6px;
  font-weight: 400;
}
.rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title a {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .post-widget .post-item .desc .title a:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-top .post-widget .post-item .post-date {
  font-size: 15px;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-top .post-widget .post-item .post-date i {
  font-size: 12px;
  position: relative;
  top: 1px;
  margin-right: 3px;
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-bottom {
  border-top: 2px solid #ffffff0a;
  padding: 20px 0 20px 0;
}
.rs-footer.footer-main-home .footer-bottom .copyright p {
  font-size: 15px;
  font-weight: 400;
  color: #ffffff;
  margin: 0;
}
.rs-footer.footer-main-home .footer-bottom .copyright p a {
  transition: all 0.4s;
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-bottom .copyright p a:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li {
  display: inline-block;
  position: relative;
  padding: 0px 19px 0 25px;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li a {
  color: #ffffff;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li a:hover {
  color: #f36a00;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li:before {
  display: block;
  content: "";
  position: absolute;
  font-size: 18px;
  background: #f36a00;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  transform: translateY(-50%);
  border-radius: 50%;
}
.rs-footer.footer-main-home .footer-bottom .copy-right-menu li:first-child:before {
  display: none;
}
.home-blue .rs-carousel .owl-dots {
  margin-top: 40px;
}
.home-blue .rs-carousel .owl-dots .owl-dot {
  width: 7px;
  height: 7px;
  border-radius: 2.5px;
  box-shadow: none;
  background: #102c54;
  opacity: 1;
}
.home-blue .rs-carousel .owl-dots .owl-dot.active {
  width: 25px;
  opacity: 1;
}
.home-blue .rs-testimonial.testimonial-style3 .rs-carousel .owl-dots {
  margin-top: 50px;
  text-align: left;
}
.home-blue .rs-testimonial.testimonial-style3 .rs-carousel .owl-dots .owl-dot {
  background: #fff;
}
/* -----------------------
	32. Scroll Up CSS
--------------------------*/
#scrollUp {
  text-align: center;
  bottom: 40px;
  cursor: pointer;
  display: none;
  position: fixed;
  right: 20px;
  z-index: 999;
  border-radius: 50px 50px 4px 4px;
}
#scrollUp i {
  height: 40px;
  font-size: 15px;
  width: 42px;
  border-radius: 50%;
  color: #fff;
  line-height: 40px;
  transition: all 0.3s ease 0s;
  background: #f36a00;
  margin-left: 2px;
  box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.04);
  display: block;
}
#scrollUp i:before {
  font-weight: 900;
}
#scrollUp i:hover {
  opacity: 0.8;
}
/*----------------------------------------------
	33. Preloader CSS
----------------------------------------------*/
#pre-load {
  background-color: #fff;
  height: 100%;
  width: 100%;
  position: fixed;
  margin-top: 0px;
  top: 0px;
  z-index: 9999;
}
.loader .loader-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border: 3px solid #ebebec;
  border-radius: 50%;
}
.loader .loader-container:before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100px;
  height: 100px;
  border-top: 3px solid #f36a00;
  border-radius: 50%;
  animation: loaderspin 1.8s infinite ease-in-out;
  -webkit-animation: loaderspin 1.8s infinite ease-in-out;
}
.loader .loader-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  text-align: center;
}
.loader .loader-icon img {
  animation: loaderpulse alternate 900ms infinite;
  width: 40px;
}
.woocommerce .quantity input[type="number"]::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]::-moz-placeholder {
  /* Firefox 19+ */
  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]:-ms-input-placeholder {
  /* IE 10+ */
  color: #363636 !important;
  opacity: 1;
}
.woocommerce .quantity input[type="number"]:-moz-placeholder {
  /* Firefox 18- */
  color: #363636 !important;
  opacity: 1;
}
@keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-webkit-keyframes loaderspin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes loaderpulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.2);
  }
}

/* about section */

:root {
    --primary-navy: #102c54;
    --accent-orange: #f36a00;
    --bg-light: #f8fafc;
    --text-dark: #1e293b;
    --text-muted: #64748b;
}

/* Base Utility Fixes */
.credigo-section {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    overflow-x: hidden;
}

/* ==========================================================
   SECTION 1: MISSION & VISION (Interactive Split Cards)
========================================================== */
.mv-section {
    background: linear-gradient(135deg, #f0f4f9 0%, #ffffff 100%);
    position: relative;
}

.mv-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 40px 35px;
    box-shadow: 0 15px 35px rgba(16, 44, 84, 0.07);
    border: 1px solid rgba(16, 44, 84, 0.08);
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    position: relative;
    overflow: hidden;
    height: 100%;
}

.mv-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
    background: var(--primary-navy);
    transition: width 0.3s ease;
}

.mv-card.vision-card::before {
    background: var(--accent-orange);
}

.mv-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 25px 50px rgba(16, 44, 84, 0.15);
}

.mv-icon-box {
    width: 70px;
    height: 70px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 25px;
    transition: transform 0.4s ease;
}

.mission-card .mv-icon-box {
    background: rgba(16, 44, 84, 0.08);
    color: var(--primary-navy);
}

.vision-card .mv-icon-box {
    background: rgba(243, 106, 0, 0.1);
    color: var(--accent-orange);
}

.mv-card:hover .mv-icon-box {
    transform: scale(1.1) rotate(5deg);
}

.mv-card h3 {
    color: var(--primary-navy);
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 15px;
}

.mv-card p {
    color: var(--text-muted);
    font-size: 15px;
    line-height: 1.7;
    margin: 0;
}

/* Highlight badge */
.badge-tag {
    display: inline-block;
    padding: 6px 16px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.badge-mission {
    background: rgba(16, 44, 84, 0.1);
    color: var(--primary-navy);
}

.badge-vision {
    background: rgba(243, 106, 0, 0.1);
    color: var(--accent-orange);
}


/* ==========================================================
   SECTION 2: WHY CHOOSE US (Hex Grid & Glowing Cards)
========================================================== */
.wcu-section {
    background: var(--primary-navy);
    color: #ffffff;
    position: relative;
    background-image: radial-gradient(circle at 90% 10%, rgba(243, 106, 0, 0.12) 0%, transparent 40%),
                      radial-gradient(circle at 10% 90%, rgba(255, 255, 255, 0.05) 0%, transparent 40%);
}

.wcu-section .sec-title h2 {
    color: #ffffff;
}

.wcu-section .sub-text {
    color: var(--accent-orange) !important;
}

.wcu-box {
    background: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    padding: 35px 25px;
    text-align: center;
    transition: all 0.4s ease;
    height: 100%;
    position: relative;
}

.wcu-box:hover {
    background: rgba(255, 255, 255, 0.09);
    border-color: var(--accent-orange);
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(243, 106, 0, 0.2);
}

.wcu-icon-wrapper {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: linear-gradient(135deg, var(--accent-orange) 0%, #ff8c3b 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: #ffffff;
    box-shadow: 0 10px 20px rgba(243, 106, 0, 0.3);
    transition: transform 0.4s ease;
}

.wcu-box:hover .wcu-icon-wrapper {
    transform: rotateY(180deg);
}

.wcu-box h4 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px;
}

.wcu-box p {
    color: rgba(255, 255, 255, 0.75);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Section Header Styles */
.title-accent {
    color: var(--accent-orange);
}

@media (max-width: 991px) {
    .mv-card {
        margin-bottom: 25px;
    }
}

/* car loan */
/* ==========================================
       CREDIGO CAR LOAN ENHANCED STYLES
       Primary: #102c54 | Accent: #f36a00
       ========================================== */
    :root {
      --cs-primary: #102c54;
      --cs-primary-light: #1e457e;
      --cs-secondary: #f36a00;
      --cs-secondary-hover: #d85d00;
      --cs-bg-light: #f4f7fa;
      --cs-card-bg: #ffffff;
      --cs-text-dark: #0f172a;
      --cs-text-muted: #475569;
      --cs-border: #cbd5e1;
    }

    body {
      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
      background-color: var(--cs-bg-light);
      margin: 0;
      padding: 0;
    }

    .cs-loan-wrapper {
      padding: 50px 20px;
    }

    .cs-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* Header Section */
    .cs-header {
      text-align: center;
      margin-bottom: 40px;
    }
    .cs-header-tag {
      background: rgba(243, 106, 0, 0.12);
      color: var(--cs-secondary);
      padding: 6px 18px;
      border-radius: 30px;
      font-size: 0.85rem;
      font-weight: 700;
      letter-spacing: 1.5px;
      text-transform: uppercase;
    }
    .cs-header h1 {
      color: var(--cs-primary);
      font-size: 2.5rem;
      margin: 12px 0;
      font-weight: 800;
    }
    .cs-header p {
      color: var(--cs-text-muted);
      font-size: 1.1rem;
      max-width: 700px;
      margin: 0 auto;
    }

    /* Reference Image Tab Bar */
    .cs-tabs-header {
      background: #ffffff;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(16, 44, 84, 0.08);
      border: 1px solid var(--cs-border);
      overflow-x: auto;
      margin-bottom: 30px;
    }
    .cs-tabs-nav {
      display: flex;
      list-style: none;
      margin: 0;
      padding: 0;
      min-width: 850px;
    }
    .cs-tab-link {
      flex: 1;
      padding: 20px 10px;
      background: transparent;
      border: none;
      border-right: 1px solid var(--cs-border);
      color: var(--cs-primary);
      font-weight: 700;
      font-size: 0.85rem;
      text-transform: uppercase;
      letter-spacing: 0.5px;
      cursor: pointer;
      transition: all 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }
    .cs-tab-link:last-child {
      border-right: none;
    }
    .cs-tab-link:hover {
      background: rgba(243, 106, 0, 0.05);
      color: var(--cs-secondary);
    }
    .cs-tab-link.active {
      background: var(--cs-primary);
      color: #ffffff;
      box-shadow: inset 0 -4px 0 var(--cs-secondary);
    }

    /* Tab Panes Animation */
    .cs-tab-content {
      display: none;
      animation: csSlideUp 0.4s ease-out forwards;
    }
    .cs-tab-content.active {
      display: block;
    }

    @keyframes csSlideUp {
      from { opacity: 0; transform: translateY(15px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* ==========================================
       TAB 1: FEATURES DESIGN (Cards with Icons)
       ========================================== */
    .cs-features-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
    }
    .cs-feature-card {
      background: var(--cs-card-bg);
      border-radius: 12px;
      padding: 30px;
      border-left: 5px solid var(--cs-secondary);
      box-shadow: 0 4px 15px rgba(0,0,0,0.04);
      transition: transform 0.3s;
    }
    .cs-feature-card:hover {
      transform: translateY(-5px);
    }
    .cs-feature-icon {
      font-size: 2rem;
      color: var(--cs-secondary);
      margin-bottom: 15px;
    }
    .cs-feature-card h3 {
      color: var(--cs-primary);
      margin-bottom: 10px;
      font-size: 1.2rem;
    }
    .cs-feature-card p {
      color: var(--cs-text-muted);
      font-size: 0.95rem;
      line-height: 1.6;
      margin: 0;
    }

    /* ==========================================
       TAB 2: ELIGIBILITY DESIGN (Interactive Tables)
       ========================================== */
    .cs-eligibility-box {
      background: #ffffff;
      border-radius: 12px;
      padding: 30px;
      border: 1px solid var(--cs-border);
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
    }
    .cs-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 15px;
    }
    .cs-table th {
      background: var(--cs-primary);
      color: #ffffff;
      padding: 15px;
      text-align: left;
      font-size: 0.95rem;
    }
    .cs-table td {
      padding: 15px;
      border-bottom: 1px solid var(--cs-border);
      color: var(--cs-text-dark);
      font-size: 0.95rem;
    }
    .cs-table tr:hover {
      background: #f8fafc;
    }

    /* ==========================================
       TAB 3: DOCUMENTS DESIGN (Checklist Badges)
       ========================================== */
    .cs-doc-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px;
    }
    .cs-doc-card {
      background: #ffffff;
      border-radius: 12px;
      padding: 25px;
      border: 1px solid var(--cs-border);
    }
    .cs-doc-card h3 {
      color: var(--cs-primary);
      font-size: 1.15rem;
      margin-bottom: 15px;
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .cs-doc-card h3 i {
      color: var(--cs-secondary);
    }
    .cs-doc-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    .cs-doc-list li {
      padding: 10px 0;
      border-bottom: 1px dashed var(--cs-border);
      font-size: 0.95rem;
      color: var(--cs-text-muted);
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .cs-doc-list li i {
      color: #10b981;
    }

    /* ==========================================
       TAB 4: HOW TO APPLY DESIGN (Steps + Apply Button)
       ========================================== */
    .cs-steps-container {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 20px;
      margin-bottom: 40px;
    }
    .cs-step-box {
      background: #ffffff;
      padding: 25px;
      border-radius: 12px;
      text-align: center;
      border: 1px solid var(--cs-border);
      position: relative;
    }
    .cs-step-number {
      width: 45px;
      height: 45px;
      background: var(--cs-secondary);
      color: #ffffff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      margin: 0 auto 15px;
      font-size: 1.2rem;
    }
    .cs-step-box h4 {
      color: var(--cs-primary);
      margin-bottom: 10px;
      font-size: 1.1rem;
    }
    .cs-step-box p {
      color: var(--cs-text-muted);
      font-size: 0.9rem;
      margin: 0;
      line-height: 1.5;
    }
    .cs-apply-action {
      text-align: center;
      background: linear-gradient(135deg, var(--cs-primary), var(--cs-primary-light));
      padding: 40px;
      border-radius: 16px;
      color: #ffffff;
    }
    .cs-apply-action h3 {
      font-size: 1.8rem;
      margin-bottom: 10px;
    }
    .cs-btn-primary {
      background-color: var(--cs-secondary);
      color: #ffffff;
      padding: 16px 36px;
      border-radius: 8px;
      border: none;
      font-size: 1.1rem;
      font-weight: 700;
      cursor: pointer;
      transition: all 0.3s;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin-top: 15px;
    }
    .cs-btn-primary:hover {
      background-color: var(--cs-secondary-hover);
      transform: scale(1.03);
    }

    /* ==========================================
       TAB 5: ADVISER SUPPORT (Contact Options)
       ========================================== */
    .cs-support-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
      gap: 25px;
    }
    .cs-support-card {
      background: #ffffff;
      padding: 30px;
      border-radius: 12px;
      text-align: center;
      border: 1px solid var(--cs-border);
    }
    .cs-support-card i {
      font-size: 2.5rem;
      color: var(--cs-secondary);
      margin-bottom: 15px;
    }
    .cs-support-card h4 {
      color: var(--cs-primary);
      margin-bottom: 10px;
      font-size: 1.2rem;
    }
    .cs-support-card p {
      color: var(--cs-text-muted);
      font-size: 0.95rem;
      margin-bottom: 20px;
    }
    .cs-support-link {
      color: var(--cs-primary);
      font-weight: 700;
      text-decoration: none;
      border-bottom: 2px solid var(--cs-secondary);
    }

    /* ==========================================
       MODAL POPUP FORM (Image-Based Styling)
       ========================================== */
    .cs-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(15, 23, 42, 0.7);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      padding: 20px;
    }
    .cs-modal-overlay.open {
      display: flex;
    }
    .cs-modal-box {
      background: #ffffff;
      width: 100%;
      max-width: 800px;
      border-radius: 16px;
      overflow: hidden;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      animation: csPopIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    @keyframes csPopIn {
      from { transform: scale(0.8); opacity: 0; }
      to { transform: scale(1); opacity: 1; }
    }
    .cs-modal-header {
      background: var(--cs-primary);
      color: #ffffff;
      padding: 20px 30px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .cs-modal-header h3 {
      margin: 0;
      font-size: 1.5rem;
      letter-spacing: 1px;
    }
    .cs-modal-close {
      background: transparent;
      border: none;
      color: #ffffff;
      font-size: 1.5rem;
      cursor: pointer;
    }
    .cs-modal-body {
      padding: 30px;
    }
    .cs-form-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
    }
    @media(max-width: 600px) {
      .cs-form-grid { grid-template-columns: 1fr; }
    }
    .cs-input-group {
      display: flex;
      flex-direction: column;
    }
    .cs-input-group.full-width {
      grid-column: span 2;
    }
    @media(max-width: 600px) {
      .cs-input-group.full-width { grid-column: span 1; }
    }
    .cs-input-group label {
      font-size: 0.85rem;
      font-weight: 700;
      color: var(--cs-primary);
      margin-bottom: 6px;
    }
    .cs-input-field {
      border: 2px solid #10b981; /* Green border inspired by reference image */
      border-radius: 8px;
      padding: 12px 15px;
      font-size: 0.95rem;
      outline: none;
      transition: border-color 0.3s;
    }
    .cs-input-field:focus {
      border-color: var(--cs-secondary);
    }
    .cs-checkbox-group {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-top: 15px;
      grid-column: span 2;
      font-size: 0.9rem;
      color: var(--cs-text-muted);
    }
    .cs-modal-footer {
      display: flex;
      justify-content: flex-end;
      gap: 15px;
      margin-top: 25px;
    }
    .cs-btn-submit {
      background: var(--cs-primary);
      color: #ffffff;
      border: none;
      padding: 14px 30px;
      border-radius: 8px;
      font-weight: 700;
      cursor: pointer;
      box-shadow: 0 4px 0 #0a1c36;
      transition: transform 0.1s;
    }
    .cs-btn-submit:active {
      transform: translateY(2px);
      box-shadow: 0 2px 0 #0a1c36;
    }
    .cs-btn-close-modal {
      background: #4338ca;
      color: #ffffff;
      border: none;
      padding: 14px 25px;
      border-radius: 8px;
      font-weight: 700;
      cursor: pointer;
    }

    /* bt car loan */

    :root {
      --bt-primary: #0d1b2a;
      --bt-primary-light: #1b263b;
      --bt-accent: #00b4d8;
      --bt-accent-hover: #0096c7;
      --bt-success: #10b981;
      --bt-bg: #f8fafc;
      --bt-card-bg: #ffffff;
      --bt-text-dark: #0f172a;
      --bt-text-muted: #64748b;
      --bt-border: #e2e8f0;
    }

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

    body {
      font-family: 'Inter', system-ui, -apple-system, sans-serif;
      background-color: var(--bt-bg);
      color: var(--bt-text-dark);
      line-height: 1.6;
    }

    /* 1. BREADCRUMB / HERO SECTION */
    .bt-hero {
      /* background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 60%, #00b4d8 100%); */
      padding: 80px 20px 60px;
      color: #ffffff;
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .bt-hero::after {
      content: 'BALANCE TRANSFER';
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      font-size: 4.5rem;
      font-weight: 900;
      color: rgba(255, 255, 255, 0.04);
      white-space: nowrap;
      pointer-events: none;
    }

    .bt-hero-container {
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      z-index: 2;
    }

    .bt-hero-badge {
      display: inline-block;
      background: rgba(0, 180, 216, 0.2);
      border: 1px solid var(--bt-accent);
      color: var(--bt-accent);
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 15px;
    }

    .bt-hero-title {
      font-size: 2.8rem;
      font-weight: 800;
      margin-bottom: 15px;
      line-height: 1.2;
    }

    .bt-hero-subtitle {
      font-size: 1.15rem;
      color: black;
      max-width: 750px;
      margin: 0 auto;
    }

    /* 2. MAIN CONTENT AREA */
    .bt-section {
      max-width: 1350px;
      margin: -30px auto 60px;
      padding: 0 20px;
      position: relative;
      z-index: 10;
    }

    /* 3. DIFFERENCE HIGHLIGHT CARD (COMPARISON) */
    .bt-compare-banner {
      background: #ffffff;
      border-radius: 16px;
      padding: 30px;
      box-shadow: 0 10px 30px rgba(0,0,0,0.06);
      border: 1px solid var(--bt-border);
      margin-bottom: 35px;
    }

    .bt-compare-header {
      text-align: center;
      margin-bottom: 25px;
    }

    .bt-compare-header h2 {
      font-size: 1.5rem;
      color: var(--bt-primary);
    }

    .bt-compare-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
    }

    .bt-compare-box {
      padding: 20px;
      border-radius: 12px;
    }

    .bt-compare-box.old {
      background: #fef2f2;
      border: 1px solid #fecaca;
    }

    .bt-compare-box.new {
      background: #f0fdf4;
      border: 1px solid #bbf7d0;
    }

    .bt-compare-box h4 {
      font-size: 1.1rem;
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    .bt-compare-box.old h4 { color: #dc2626; }
    .bt-compare-box.new h4 { color: #16a34a; }

    .bt-compare-box ul {
      list-style: none;
      font-size: 0.92rem;
      color: var(--bt-text-dark);
    }

    .bt-compare-box ul li {
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      gap: 8px;
    }

    /* 4. MODERN PILL TABS */
    .bt-tabs-nav {
      display: flex;
      gap: 10px;
      background: #ffffff;
      padding: 8px;
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.03);
      border: 1px solid var(--bt-border);
      overflow-x: auto;
      margin-bottom: 30px;
    }

    .bt-tab-btn {
      flex: 1;
      padding: 14px 18px;
      border: none;
      background: transparent;
      border-radius: 8px;
      font-weight: 700;
      font-size: 0.9rem;
      color: var(--bt-text-muted);
      cursor: pointer;
      transition: all 0.3s ease;
      white-space: nowrap;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .bt-tab-btn:hover {
      color: var(--bt-accent);
      background: rgba(0, 180, 216, 0.05);
    }

    .bt-tab-btn.active {
      background: var(--bt-primary);
      color: #ffffff;
      box-shadow: 0 4px 12px rgba(13, 27, 42, 0.2);
    }

    .bt-tab-panel {
      display: none;
      animation: btFadeIn 0.4s ease;
    }

    .bt-tab-panel.active {
      display: block;
    }

    @keyframes btFadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    /* TAB 1: FEATURES GRID */
    .bt-grid-3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 20px;
    }

    .bt-card {
      background: #ffffff;
      padding: 25px;
      border-radius: 12px;
      border: 1px solid var(--bt-border);
      box-shadow: 0 4px 12px rgba(0,0,0,0.02);
      transition: transform 0.3s;
    }

    .bt-card:hover {
      transform: translateY(-4px);
    }

    .bt-card-icon {
      width: 50px;
      height: 50px;
      background: rgba(0, 180, 216, 0.1);
      color: var(--bt-accent);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.4rem;
      margin-bottom: 15px;
    }

    .bt-card h3 {
      font-size: 1.15rem;
      color: var(--bt-primary);
      margin-bottom: 8px;
    }

    .bt-card p {
      font-size: 0.92rem;
      color: var(--bt-text-muted);
    }

    /* TAB 2: ELIGIBILITY TABLE */
    .bt-table-wrapper {
      background: #ffffff;
      border-radius: 12px;
      border: 1px solid var(--bt-border);
      padding: 25px;
      overflow-x: auto;
    }

    .bt-table {
      width: 100%;
      border-collapse: collapse;
      min-width: 600px;
    }

    .bt-table th {
      background: var(--bt-primary);
      color: #ffffff;
      padding: 14px 18px;
      text-align: left;
      font-size: 0.9rem;
    }

    .bt-table td {
      padding: 14px 18px;
      border-bottom: 1px solid var(--bt-border);
      font-size: 0.92rem;
    }

    /* TAB 3: DOCUMENTS CHECKLIST */
    .bt-doc-list {
      list-style: none;
    }

    .bt-doc-list li {
      background: #ffffff;
      padding: 15px 20px;
      border-radius: 8px;
      border: 1px solid var(--bt-border);
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      gap: 12px;
      font-size: 0.95rem;
    }

    .bt-doc-list li i {
      color: var(--bt-success);
      font-size: 1.1rem;
    }

    /* TAB 4: HOW TO APPLY BANNER */
    .bt-cta-card {
      background: linear-gradient(135deg, var(--bt-primary), var(--bt-primary-light));
      color: #ffffff;
      padding: 40px;
      border-radius: 16px;
      text-align: center;
    }

    .bt-cta-card h3 {
      font-size: 1.8rem;
      margin-bottom: 10px;
      color:#FF7B18
    }

    .bt-btn-action {
      background: var(--bt-accent);
      color: #ffffff;
      border: none;
      padding: 14px 32px;
      border-radius: 8px;
      font-size: 1rem;
      font-weight: 700;
      cursor: pointer;
      margin-top: 20px;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      transition: background 0.3s;
    }

    .bt-btn-action:hover {
      background: var(--bt-accent-hover);
    }

    /* 5. MODAL POPUP */
    .bt-modal-overlay {
      position: fixed;
      inset: 0;
      background: rgba(13, 27, 42, 0.75);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      padding: 20px;
    }

    .bt-modal-overlay.open {
      display: flex;
    }

    .bt-modal-container {
      background: #ffffff;
      width: 100%;
      max-width: 700px;
      max-height: 90vh;
      overflow-y: auto;
      border-radius: 16px;
      box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    }

    .bt-modal-header {
      background: #ff8c3b;
      color: #ffffff;
      padding: 20px 25px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .bt-modal-body {
      padding: 25px;
    }

    .bt-form-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 15px;
    }

    .bt-form-field {
      display: flex;
      flex-direction: column;
    }

    .bt-form-field.full {
      grid-column: span 2;
    }

    .bt-form-field label {
      font-size: 0.85rem;
      font-weight: 700;
      color: var(--bt-primary);
      margin-bottom: 5px;
    }

    .bt-input {
      border: 2px solid var(--bt-success);
      border-radius: 8px;
      padding: 10px 12px;
      font-size: 0.95rem;
      outline: none;
    }

    .bt-input:focus {
      border-color: var(--bt-accent);
    }

    .bt-modal-footer {
      display: flex;
      justify-content: flex-end;
      gap: 12px;
      margin-top: 20px;
    }

    /* RESPONSIVE DESIGN */
    @media (max-width: 768px) {
      .bt-hero-title { font-size: 1.2rem; }
      .bt-compare-grid { grid-template-columns: 1fr; }
      .bt-form-grid { grid-template-columns: 1fr; }
      .bt-form-field.full { grid-column: span 1; }
      .bt-hero-subtitle{font-size: 16px !important;}
      .bt-compare-header h2{
      font-size: 20px !important;
      line-height: 40px !important;
      }
    }

    /* Home loan */
    /* ============================================================
           THEME COLORS & VARIABLES
           Change these hex codes to match your brand theme!
        ============================================================ */
        :root {
            --hl-primary: #1e3a8a;       /* Deep Navy / Primary Theme Color */
            --hl-primary-hover: #1e40af; /* Primary Hover Color */
            --hl-accent: #059669;        /* Emerald / Highlight Accent */
            --hl-accent-hover: #047857;  /* Accent Hover Color */
            --hl-accent-light: #d1fae5;  /* Soft Accent Background */
            --hl-bg-light: #f8fafc;      /* Light Section Background */
            --hl-card-bg: #ffffff;      /* Card Background */
            --hl-text-main: #0f172a;    /* Main Body Text */
            --hl-text-muted: #475569;   /* Subtitle / Muted Text */
            --hl-border-color: #e2e8f0; /* Soft Border Line */
            --hl-radius: 12px;           /* Modern Soft Rounded Corners */
            --hl-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
            --hl-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
            --hl-whatsapp: #25d366;      /* Official WhatsApp Green */
            --hl-whatsapp-hover: #1da851;
        }

        /* RESET & BASE STYLES */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        body {
            background-color: var(--hl-bg-light);
            color: var(--hl-text-main);
            line-height: 1.6;
        }

        .hl-container {
            max-width: 1350px;
            margin: 0 auto;
            padding: 0 20px;
        }

        /* HERO SECTION */
        .hl-hero {
            background: #ff5421;
            color: #ffffff;
            padding: 40px 0 40px 0;
            position: relative;
            overflow: hidden;
        }

        .hl-hero-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 40px;
            align-items: center;
        }

        .hl-hero-title {
            font-size: 2.75rem;
            font-weight: 800;
            line-height: 1.2;
            margin-bottom: 20px;
        }

        .hl-hero-subtitle {
            font-size: 1.15rem;
            color: #cbd5e1;
            margin-bottom: 30px;
        }

        .hl-badge {
            display: inline-block;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(8px);
            padding: 6px 16px;
            border-radius: 30px;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--hl-accent-light);
            margin-bottom: 16px;
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        .hl-hero-cta-group {
            display: flex;
            gap: 16px;
            flex-wrap: wrap;
        }

        .hl-btn-primary {
            background-color: var(--hl-accent);
            color: #ffffff;
            padding: 14px 28px;
            border-radius: 8px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }

        .hl-btn-primary:hover {
            background-color: var(--hl-accent-hover);
            transform: translateY(-2px);
        }

        .hl-btn-secondary {
            background-color: rgba(255, 255, 255, 0.1);
            color: #ffffff;
            padding: 14px 28px;
            border-radius: 8px;
            font-weight: 600;
            text-decoration: none;
            border: 1px solid rgba(255, 255, 255, 0.3);
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
        }

        .hl-btn-secondary:hover {
            background-color: rgba(255, 255, 255, 0.2);
        }

        /* HERO STATS CARD */
        .hl-hero-card {
            background: #ffffff;
            color: var(--hl-text-main);
            padding: 32px;
            border-radius: var(--hl-radius);
            box-shadow: var(--hl-shadow);
        }

        .hl-hero-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 20px;
            color: var(--hl-primary);
        }

        .hl-stat-item {
            display: flex;
            justify-content: space-between;
            padding: 12px 0;
            border-bottom: 1px dashed var(--hl-border-color);
        }

        .hl-stat-item:last-child {
            border-bottom: none;
        }

        .hl-stat-label {
            color: var(--hl-text-muted);
            font-size: 0.95rem;
        }

        .hl-stat-value {
            font-weight: 700;
            color: var(--hl-text-main);
        }

        /* SECTION HEADERS */
        .hl-section {
            padding: 80px 0;
        }

        .hl-section-header {
            text-align: center;
            max-width: 700px;
            margin: 0 auto 50px auto;
        }

        .hl-section-tag {
            color: var(--hl-accent);
            font-weight: 700;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 8px;
            display: block;
        }

        .hl-section-title {
            font-size: 2.25rem;
            font-weight: 800;
            color: var(--hl-primary);
            margin-bottom: 12px;
        }

        .hl-section-desc {
            color: var(--hl-text-muted);
            font-size: 1.05rem;
        }

        /* FEATURE CARDS GRID */
        .hl-features-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 24px;
        }

        .hl-feature-card {
            background-color: var(--hl-card-bg);
            border-radius: var(--hl-radius);
            padding: 30px;
            border: 1px solid var(--hl-border-color);
            transition: all 0.3s ease;
        }

        .hl-feature-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--hl-shadow-hover);
            border-color: var(--hl-primary);
        }

        .hl-feature-icon {
            width: 50px;
            height: 50px;
            background-color: var(--hl-accent-light);
            color: var(--hl-accent);
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 20px;
            font-weight: bold;
        }

        .hl-feature-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--hl-text-main);
        }

        .hl-feature-text {
            color: var(--hl-text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* LOAN TYPES GRID */
        .hl-types-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
            gap: 30px;
        }

        .hl-type-card {
            background: var(--hl-card-bg);
            border-radius: var(--hl-radius);
            padding: 35px;
            border-left: 5px solid var(--hl-primary);
            box-shadow: var(--hl-shadow);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }

        .hl-type-card h3 {
            font-size: 1.35rem;
            color: var(--hl-primary);
            margin-bottom: 12px;
        }

        .hl-type-card p {
            color: var(--hl-text-muted);
            margin-bottom: 20px;
            font-size: 0.95rem;
        }

        .hl-checklist {
            list-style: none;
            margin-bottom: 20px;
        }

        .hl-checklist li {
            position: relative;
            padding-left: 24px;
            margin-bottom: 8px;
            font-size: 0.9rem;
            color: var(--hl-text-main);
        }

        .hl-checklist li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--hl-accent);
            font-weight: bold;
        }

        /* PROCESS STEPS */
        .hl-process-bg {
            background-color: #ffffff;
            border-top: 1px solid var(--hl-border-color);
            border-bottom: 1px solid var(--hl-border-color);
        }

        .hl-steps-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
            gap: 24px;
        }

        .hl-step-card {
            text-align: center;
            padding: 20px;
        }

        .hl-step-number {
            width: 44px;
            height: 44px;
            background-color: var(--hl-primary);
            color: #ffffff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            margin: 0 auto 16px auto;
            font-size: 1.1rem;
        }

        .hl-step-title {
            font-weight: 700;
            font-size: 1.1rem;
            margin-bottom: 8px;
        }

        .hl-step-desc {
            font-size: 0.875rem;
            color: var(--hl-text-muted);
        }

        /* ELIGIBILITY & DOCUMENTS GRID */
        .hl-info-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }

        .hl-info-box {
            background: var(--hl-card-bg);
            padding: 35px;
            border-radius: var(--hl-radius);
            box-shadow: var(--hl-shadow);
            border: 1px solid var(--hl-border-color);
        }

        .hl-info-box h3 {
            font-size: 1.4rem;
            color: var(--hl-primary);
            margin-bottom: 20px;
            padding-bottom: 10px;
            border-bottom: 2px solid var(--hl-bg-light);
        }

        /* FAQ SECTION */
        .hl-faq-list {
            max-width: 1100px;
            margin: 0 auto;
        }

        .hl-faq-item {
            background-color: var(--hl-card-bg);
            border-radius: 8px;
            margin-bottom: 16px;
            padding: 20px 24px;
            border: 1px solid var(--hl-border-color);
        }

        .hl-faq-question {
            font-weight: 700;
            font-size: 1.05rem;
            color: var(--hl-primary);
            margin-bottom: 8px;
        }

        .hl-faq-answer {
            color: var(--hl-text-muted);
            font-size: 0.95rem;
        }

        /* CTA FOOTER BANNER */
        .hl-cta-banner {
            background: linear-gradient(135deg, var(--hl-primary) 0%, #1e1b4b 100%);
            color: #ffffff;
            border-radius: var(--hl-radius);
            padding: 50px 40px;
            text-align: center;
            margin-bottom: 60px;
        }

        .hl-cta-banner h2 {
            font-size: 2rem;
            font-weight: 800;
            margin-bottom: 12px;
        }

        .hl-cta-banner p {
            color: #cbd5e1;
            margin-bottom: 24px;
            max-width: 600px;
            margin-left: auto;
            margin-right: auto;
        }

        /* ============================================================
           WHATSAPP MODAL POPUP STYLES
        ============================================================ */
        .hl-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 9999;
            padding: 20px;
        }

        .hl-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .hl-modal-content {
            background: #ffffff;
            width: 100%;
            max-width: 480px;
            border-radius: var(--hl-radius);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            overflow: hidden;
            transform: translateY(20px);
            transition: transform 0.3s ease;
            position: relative;
        }

        .hl-modal-overlay.active .hl-modal-content {
            transform: translateY(0);
        }

        .hl-modal-header {
            background: var(--hl-primary);
            color: #ffffff;
            padding: 24px 30px;
            position: relative;
        }

        .hl-modal-header h3 {
            font-size: 1.35rem;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .hl-modal-header p {
            font-size: 0.875rem;
            color: #cbd5e1;
        }

        .hl-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: none;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            font-size: 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s;
        }

        .hl-modal-close:hover {
            background: rgba(255, 255, 255, 0.4);
        }

        .hl-modal-body {
            padding: 30px;
        }

        .hl-form-group {
            margin-bottom: 18px;
        }

        .hl-form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--hl-text-main);
            margin-bottom: 6px;
        }

        .hl-form-control {
            width: 100%;
            padding: 12px 14px;
            border: 1px solid var(--hl-border-color);
            border-radius: 8px;
            font-size: 0.95rem;
            outline: none;
            transition: border-color 0.2s;
        }

        .hl-form-control:focus {
            border-color: var(--hl-primary);
            box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
        }

        .hl-btn-whatsapp {
            width: 100%;
            background-color: var(--hl-whatsapp);
            color: #ffffff;
            padding: 14px;
            border: none;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            transition: background-color 0.2s;
            margin-top: 10px;
        }

        .hl-btn-whatsapp:hover {
            background-color: var(--hl-whatsapp-hover);
        }

        .hl-btn-whatsapp svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        /* RESPONSIVE DESIGN */
        @media (max-width: 902px) {
            .hl-hero-grid,
            .hl-info-split {
                grid-template-columns: 1fr;
            }
            .hl-hero-title {
                font-size: 1.7rem;
            }
            .hl-section-title {
                font-size: 1.8rem;
            }
        }

        /* bussiness loan */
       /* ============================================================
           THEME COLORS & VARIABLES
        ============================================================ */
        :root {
            --bl-primary: #1e3a8a;       /* Deep Navy / Primary Theme Color */
            --bl-primary-hover: #1e40af; /* Primary Hover Color */
            --bl-accent: #059669;        /* Emerald / Highlight Accent */
            --bl-accent-hover: #047857;  /* Accent Hover Color */
            --bl-accent-light: #d1fae5;  /* Soft Accent Background */
            --bl-bg-light: #f8fafc;      /* Light Section Background */
            --bl-card-bg: #ffffff;      /* Card Background */
            --bl-text-main: #0f172a;    /* Main Body Text */
            --bl-text-muted: #475569;   /* Subtitle / Muted Text */
            --bl-border-color: #e2e8f0; /* Soft Border Line */
            --bl-radius: 12px;           /* Modern Soft Rounded Corners */
            --bl-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 8px 10px -6px rgba(0, 0, 0, 0.01);
            --bl-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.04);
            --bl-whatsapp: #25d366;      /* Official WhatsApp Green */
            --bl-whatsapp-hover: #1da851;
        }

        /* RESET & BASE STYLES */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        body {
            background-color: var(--bl-bg-light);
            color: var(--bl-text-main);
            line-height: 1.6;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

    

        /* GENERAL SECTIONS */
        .bl-section {
            padding: 75px 0;
        }

        .bl-section-alt {
            background-color: #ffffff;
        }

        .bl-section-header {
            text-align: center;
            max-width: 750px;
            margin: 0 auto 50px auto;
        }

        .bl-section-tag {
            color: var(--bl-accent);
            font-weight: 700;
            font-size: 0.875rem;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            margin-bottom: 8px;
            display: block;
        }

        .bl-section-title {
            font-size: 2.25rem;
            font-weight: 800;
            color: var(--bl-primary);
            margin-bottom: 12px;
        }

        .bl-section-desc {
            color: var(--bl-text-muted);
            font-size: 1.05rem;
        }

        /* GRID LAYOUTS */
        .bl-grid-4 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 24px;
        }

        .bl-grid-3 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }

        /* CARDS */
        .bl-card {
            background-color: var(--bl-card-bg);
            border-radius: var(--bl-radius);
            padding: 32px;
            border: 1px solid var(--bl-border-color);
            transition: all 0.3s ease;
            box-shadow: var(--bl-shadow);
        }

        .bl-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--bl-shadow-hover);
            border-color: var(--bl-primary);
        }

        .bl-icon-box {
            width: 54px;
            height: 54px;
            background-color: var(--bl-accent-light);
            color: var(--bl-accent);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.6rem;
            margin-bottom: 20px;
        }

        .bl-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 10px;
            color: var(--bl-primary);
        }

        .bl-card-text {
            color: var(--bl-text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* PROCESS STEPS */
        .bl-process-step {
            position: relative;
            background: var(--bl-card-bg);
            padding: 30px;
            border-radius: var(--bl-radius);
            border: 1px solid var(--bl-border-color);
            box-shadow: var(--bl-shadow);
        }

        .bl-step-badge {
            width: 36px;
            height: 36px;
            background: var(--bl-primary);
            color: #ffffff;
            font-weight: 800;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 0.95rem;
            margin-bottom: 16px;
        }

        /* HIGHLIGHT STATS BAR */
        .bl-stats-bar {
            background: var(--bl-primary);
            color: #ffffff;
            border-radius: var(--bl-radius);
            padding: 40px;
            margin-top: -40px;
            position: relative;
            z-index: 10;
            box-shadow: var(--bl-shadow-hover);
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 24px;
            text-align: center;
        }

        .bl-stat-item h4 {
            font-size: 2.25rem;
            font-weight: 800;
            color: #ffffff;
            margin-bottom: 4px;
        }

        .bl-stat-item p {
            color: #cbd5e1;
            font-size: 0.9rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        /* CHECKLIST */
        .bl-checklist {
            list-style: none;
        }

        .bl-checklist li {
            position: relative;
            padding-left: 28px;
            margin-bottom: 14px;
            font-size: 0.98rem;
            color: var(--bl-text-main);
        }

        .bl-checklist li::before {
            content: "✓";
            position: absolute;
            left: 0;
            color: var(--bl-accent);
            font-weight: 800;
            font-size: 1.1rem;
        }

        /* ELIGIBILITY & DOCUMENTS GRID */
        .bl-info-split {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 35px;
        }

        .bl-info-box {
            background: var(--bl-card-bg);
            padding: 40px;
            border-radius: var(--bl-radius);
            box-shadow: var(--bl-shadow);
            border: 1px solid var(--bl-border-color);
        }

        .bl-info-box h3 {
            font-size: 1.45rem;
            color: var(--bl-primary);
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--bl-bg-light);
        }

        /* ACCORDION / FAQ */
        .bl-faq-container {
            max-width: 800px;
            margin: 0 auto;
        }

        .bl-faq-item {
            background: var(--bl-card-bg);
            border: 1px solid var(--bl-border-color);
            border-radius: var(--bl-radius);
            margin-bottom: 16px;
            overflow: hidden;
            box-shadow: var(--bl-shadow);
        }

        .bl-faq-item summary {
            padding: 20px 24px;
            font-weight: 700;
            font-size: 1.05rem;
            color: var(--bl-primary);
            cursor: pointer;
            list-style: none;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .bl-faq-item summary::-webkit-details-marker {
            display: none;
        }

        .bl-faq-item summary::after {
            content: "+";
            font-size: 1.4rem;
            color: var(--bl-accent);
        }

        .bl-faq-item[open] summary::after {
            content: "−";
        }

        .bl-faq-answer {
            padding: 0 24px 20px 24px;
            color: var(--bl-text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* BUTTON STYLES */
        .bl-btn-primary {
            background-color: var(--bl-accent);
            color: #ffffff;
            padding: 14px 32px;
            border-radius: 8px;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.2s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            font-size: 1rem;
        }

        .bl-btn-primary:hover {
            background-color: var(--bl-accent-hover);
            transform: translateY(-2px);
        }

        /* CTA BANNER */
        .bl-cta-banner {
            background: linear-gradient(135deg, var(--bl-primary) 0%, #0f172a 100%);
            color: #ffffff;
            border-radius: var(--bl-radius);
            padding: 55px 40px;
            text-align: center;
            margin: 40px auto 60px auto;
        }

        .bl-cta-banner h2 {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 14px;
            color:white;
        }

        .bl-cta-banner p {
            color: #cbd5e1;
            margin-bottom: 28px;
            max-width: 650px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.05rem;
        }

        /* WHATSAPP MODAL POPUP */
        .bl-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(15, 23, 42, 0.75);
            backdrop-filter: blur(5px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s ease;
            z-index: 9999;
            padding: 20px;
        }

        .bl-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .bl-modal-content {
            background: #ffffff;
            width: 100%;
            max-width: 480px;
            border-radius: var(--bl-radius);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
            overflow: hidden;
            transform: translateY(20px);
            transition: transform 0.3s ease;
            position: relative;
            height:650px;
        }

        .bl-modal-overlay.active .bl-modal-content {
            transform: translateY(0);
        }

        .bl-modal-header {
            background: var(--bl-primary);
            color: #ffffff;
            padding: 14px 30px;
            position: relative;
        }

        .bl-modal-header h3 {
            font-size: 1.35rem;
            font-weight: 700;
            margin-bottom: 4px;
        }

        .bl-modal-header p {
            font-size: 0.875rem;
            color: #cbd5e1;
        }

        .bl-modal-close {
            position: absolute;
            top: 20px;
            right: 20px;
            background: rgba(255, 255, 255, 0.2);
            color: #ffffff;
            border: none;
            width: 32px;
            height: 32px;
            border-radius: 50%;
            font-size: 1.2rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .bl-modal-body {
            padding: 30px;
        }

        .bl-form-group {
            margin-bottom: 18px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            gap: 20px;
        }

        .bl-form-group label {
            display: block;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--bl-text-main);
            margin-bottom: 6px;
        }

        .bl-form-control {
            width: 100%;
            padding: 12px 14px;
            border: 1px solid var(--bl-border-color);
            border-radius: 8px;
            font-size: 0.95rem;
            outline: none;
        }

        .bl-btn-whatsapp {
            width: 100%;
            background-color: var(--bl-whatsapp);
            color: #ffffff;
            padding: 14px;
            border: none;
            border-radius: 8px;
            font-weight: 700;
            font-size: 1rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            margin-top: 10px;
        }

        .bl-btn-whatsapp svg {
            width: 20px;
            height: 20px;
            fill: currentColor;
        }

        @media (max-width: 768px) {
            .rs-breadcrumbs .page-title { font-size: 2.2rem; }
            .bl-info-split { grid-template-columns: 1fr; }
            .bl-stats-bar { grid-template-columns: 1fr 1fr; margin-top: 0; }
            .hl-hero-subtitle{font-size: 17px !important;}
            .hl-stat-item{flex-direction: column !important;}
            .bl-stats-bar{padding:20px !important;margin-top: 20px !important;}
            .bl-stat-item h4{font-size: 18px !important;}
            .bl-section-title{font-size: 20px !important;}
            .bl-cta-banner h2{
            font-size: 20px !important;line-height: 40px !important;color:white !important;
            }
            .pl-section-title{font-size: 20px !important;line-height: 35px !important;}
            .cntct-title{font-size: 22px !important;}
        }

        /* profesional loan */

        :root {
            --pl-primary: #0f4c81;        /* Deep Professional Teal/Blue */
            --pl-primary-dark: #0a3256;   /* Dark Hero Background Gradient */
            --pl-accent: #d97706;         /* Warm Gold/Amber Accent */
            --pl-accent-hover: #b45309;   /* Hover Gold Accent */
            --pl-accent-light: #fef3c7;   /* Soft Gold Background */
            --pl-bg-light: #f8fafc;       /* Section Background Light */
            --pl-card-bg: #ffffff;       /* Card Surface Color */
            --pl-text-main: #1e293b;     /* Body Text */
            --pl-text-muted: #64748b;    /* Subtitle / Secondary Text */
            --pl-border: #e2e8f0;        /* Subtle Border Line */
            --pl-radius-lg: 16px;        /* Soft Large Corner Radius */
            --pl-radius-md: 8px;         /* Standard Button Corner Radius */
            --pl-shadow-sm: 0 4px 6px -1px rgba(0,0,0,0.05), 0 2px 4px -2px rgba(0,0,0,0.05);
            --pl-shadow-lg: 0 20px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.04);
            --pl-whatsapp: #25d366;       /* Official WhatsApp Brand Color */
            --pl-whatsapp-hover: #1da851;
        }

        /* RESET & BASE STYLES */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
        }

        body {
            background-color: var(--pl-bg-light);
            color: var(--pl-text-main);
            line-height: 1.6;
        }

        .pl-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 24px;
        }

        /* RS BREADCRUMBS / HERO HEADER */
        .rs-breadcrumbs.pl-hero-wrapper {
            background: linear-gradient(135deg, var(--pl-primary-dark) 0%, var(--pl-primary) 100%);
            color: #ffffff;
            padding: 85px 0 75px 0;
            text-align: center;
            position: relative;
            overflow: hidden;
            border-bottom: 4px solid var(--pl-accent);
        }

        .rs-breadcrumbs .page-title.pl-title {
            font-size: 2.85rem;
            font-weight: 800;
            line-height: 1.25;
            margin-bottom: 18px;
            position: relative;
            display: inline-block;
            letter-spacing: -0.5px;
        }

        .rs-breadcrumbs .watermark.pl-watermark-text {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 5.5rem;
            opacity: 0.05;
            text-transform: uppercase;
            letter-spacing: 6px;
            pointer-events: none;
            white-space: nowrap;
            color: #ffffff;
            font-weight: 900;
        }

        .rs-breadcrumbs .sub-text.pl-subtitle {
            font-size: 1.125rem;
            color: #e2e8f0;
            display: block;
            max-width: 920px;
            margin: 0 auto;
            line-height: 1.65;
            font-weight: 300;
        }

        /* SECTION STYLING */
        .pl-section {
            padding: 80px 0;
        }

        .pl-section-header {
            text-align: center;
            max-width: 720px;
            margin: 0 auto 50px auto;
        }

        .pl-badge {
            display: inline-block;
            background-color: var(--pl-accent-light);
            color: var(--pl-accent);
            font-weight: 700;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 1.2px;
            padding: 6px 16px;
            border-radius: 50px;
            margin-bottom: 12px;
        }

        .pl-section-title {
            font-size: 2.25rem;
            font-weight: 800;
            color: var(--pl-primary);
            margin-bottom: 14px;
            letter-spacing: -0.5px;
        }

        .pl-section-desc {
            color: var(--pl-text-muted);
            font-size: 1.05rem;
        }

        /* CARDS GRID DESIGN */
        .pl-cards-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
            gap: 28px;
        }

        .pl-card {
            background-color: var(--pl-card-bg);
            border-radius: var(--pl-radius-lg);
            padding: 36px 28px;
            border: 1px solid var(--pl-border);
            box-shadow: var(--pl-shadow-sm);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
        }

        .pl-card:hover {
            transform: translateY(-6px);
            box-shadow: var(--pl-shadow-lg);
            border-color: var(--pl-primary);
        }

        .pl-card-icon {
            width: 56px;
            height: 56px;
            background-color: var(--pl-bg-light);
            color: var(--pl-primary);
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.75rem;
            margin-bottom: 22px;
            border: 1px solid var(--pl-border);
        }

        .pl-card-title {
            font-size: 1.25rem;
            font-weight: 700;
            margin-bottom: 12px;
            color: var(--pl-primary);
        }

        .pl-card-text {
            color: var(--pl-text-muted);
            font-size: 0.95rem;
            line-height: 1.6;
        }

        /* TWO COLUMN INFO SPLIT */
        .pl-split-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }

        .pl-info-card {
            background: var(--pl-card-bg);
            padding: 40px;
            border-radius: var(--pl-radius-lg);
            box-shadow: var(--pl-shadow-sm);
            border: 1px solid var(--pl-border);
        }

        .pl-info-card h3 {
            font-size: 1.45rem;
            color: var(--pl-primary);
            margin-bottom: 24px;
            padding-bottom: 12px;
            border-bottom: 2px solid var(--pl-bg-light);
            font-weight: 700;
        }

        .pl-checklist {
            list-style: none;
        }

        .pl-checklist li {
            position: relative;
            padding-left: 28px;
            margin-bottom: 16px;
            font-size: 0.975rem;
            color: var(--pl-text-main);
        }

        .pl-checklist li::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: var(--pl-accent);
            font-weight: 800;
            font-size: 1.1rem;
        }

        /* CTA BANNER */
        .pl-banner {
            background: linear-gradient(135deg, var(--pl-primary) 0%, var(--pl-primary-dark) 100%);
            color: #ffffff;
            border-radius: var(--pl-radius-lg);
            padding: 56px 40px;
            text-align: center;
            margin: 20px auto 60px auto;
            box-shadow: var(--pl-shadow-lg);
        }

        .pl-banner h2 {
            font-size: 2.1rem;
            font-weight: 800;
            margin-bottom: 14px;
        }

        .pl-banner p {
            color: #cbd5e1;
            margin-bottom: 28px;
            max-width: 650px;
            margin-left: auto;
            margin-right: auto;
            font-size: 1.05rem;
        }

        /* BUTTONS */
        .pl-btn-action {
            background-color: var(--pl-accent);
            color: #ffffff;
            padding: 16px 36px;
            border-radius: var(--pl-radius-md);
            font-weight: 700;
            text-decoration: none;
            transition: all 0.25s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: none;
            cursor: pointer;
            font-size: 1.05rem;
            box-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
        }

        .pl-btn-action:hover {
            background-color: var(--pl-accent-hover);
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(217, 119, 6, 0.4);
        }

        /* MODAL POPUP (UNIQUE SCOPE: .pl-modal-*) */
        .pl-modal-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(10, 50, 86, 0.8);
            backdrop-filter: blur(6px);
            display: flex;
            align-items: center;
            justify-content: center;
            opacity: 0;
            visibility: hidden;
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            z-index: 99999;
            padding: 20px;
        }

        .pl-modal-overlay.active {
            opacity: 1;
            visibility: visible;
        }

        .pl-modal-container {
            background: #ffffff;
            width: 100%;
            max-width: 500px;
            border-radius: var(--pl-radius-lg);
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
            overflow: hidden;
            transform: translateY(24px) scale(0.98);
            transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
            position: relative;
        }

        .pl-modal-overlay.active .pl-modal-container {
            transform: translateY(0) scale(1);
        }

        .pl-modal-header {
            background: var(--pl-primary);
            color: #ffffff;
            padding: 28px 32px;
            position: relative;
        }

        .pl-modal-header h3 {
            font-size: 1.4rem;
            font-weight: 700;
            margin-bottom: 6px;
        }

        .pl-modal-header p {
            font-size: 0.9rem;
            color: #cbd5e1;
        }

        .pl-modal-close {
            position: absolute;
            top: 22px;
            right: 22px;
            background: rgba(255, 255, 255, 0.15);
            color: #ffffff;
            border: none;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            font-size: 1.25rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: background 0.2s ease;
        }

        .pl-modal-close:hover {
            background: rgba(255, 255, 255, 0.3);
        }

        .pl-modal-body {
            padding: 32px;
        }

        .pl-form-field {
            margin-bottom: 20px;
        }

        .pl-form-field label {
            display: block;
            font-size: 0.875rem;
            font-weight: 600;
            color: var(--pl-text-main);
            margin-bottom: 8px;
        }

        .pl-input-control {
            width: 100%;
            padding: 13px 16px;
            border: 1px solid var(--pl-border);
            border-radius: var(--pl-radius-md);
            font-size: 0.975rem;
            outline: none;
            transition: border-color 0.2s ease;
            background-color: #ffffff;
        }

        .pl-input-control:focus {
            border-color: var(--pl-primary);
            box-shadow: 0 0 0 3px rgba(15, 76, 129, 0.1);
        }

        .pl-btn-whatsapp {
            width: 100%;
            background-color: var(--pl-whatsapp);
            color: #ffffff;
            padding: 15px;
            border: none;
            border-radius: var(--pl-radius-md);
            font-weight: 700;
            font-size: 1.05rem;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 10px;
            transition: background-color 0.2s ease;
        }

        .pl-btn-whatsapp:hover {
            background-color: var(--pl-whatsapp-hover);
        }

        .pl-btn-whatsapp svg {
            width: 22px;
            height: 22px;
            fill: currentColor;
        }

        /* RESPONSIVE DESIGN */
        @media (max-width: 768px) {
            .rs-breadcrumbs .page-title.pl-title { font-size: 2.1rem; }
            .rs-breadcrumbs .sub-text.pl-subtitle br { display: none; }
            .pl-split-grid { grid-template-columns: 1fr; }
            .pl-banner { padding: 40px 24px; }
            .pl-banner h2 { font-size: 1.75rem; }
        }

        /* personal loan */

        /* ==========================================================
       UNIQUE NAMESPACE: plsec- (Personal Loan Section)
       ========================================================== */
    :root {
      --plsec-primary: #2563eb;
      --plsec-primary-dark: #1d4ed8;
      --plsec-secondary: #0f172a;
      --plsec-accent: #16a34a;
      --plsec-bg-light: #f8fafc;
      --plsec-card-bg: #ffffff;
      --plsec-text-main: #1e293b;
      --plsec-text-muted: #64748b;
      --plsec-border: #e2e8f0;
    }

    .plsec-wrapper {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--plsec-text-main);
      background-color: var(--plsec-bg-light);
      line-height: 1.6;
      padding: 30px 0;
    }

    .plsec-container {
      max-width: 1350px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* Modern Hero Header */
    .plsec-hero {
      background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #1e40af 100%);
      color: #ffffff;
      padding: 30px 30px;
      border-radius: 24px;
      margin-bottom: 50px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
      /* width:1400px; */
    }

    .plsec-hero-badge {
      display: inline-block;
      background: rgba(37, 99, 235, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.2);
      color: #93c5fd;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .plsec-hero-title {
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 20px;
      color: #ffffff;
    }

    .plsec-hero-title span {
      color: #60a5fa;
    }

    .plsec-hero-subtitle {
      font-size: 1.15rem;
      color: #cbd5e1;
      max-width: 750px;
      margin-bottom: 35px;
    }

    .plsec-hero-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      margin-top: 40px;
      padding-top: 30px;
      border-top: 1px solid rgba(255, 255, 255, 0.1);
    }

    .plsec-stat-item {
      display: flex;
      flex-direction: column;
    }

    .plsec-stat-number {
      font-size: 1.8rem;
      font-weight: 700;
      color: #60a5fa;
    }

    .plsec-stat-label {
      font-size: 0.85rem;
      color: #94a3b8;
    }

    .plsec-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 32px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 1rem;
      text-decoration: none;
      transition: all 0.25s ease;
      cursor: pointer;
      border: none;
    }

    .plsec-btn-primary {
      background-color: var(--plsec-primary);
      color: #ffffff;
      box-shadow: 0 4px 14px rgba(37, 99, 235, 0.4);
    }

    .plsec-btn-primary:hover {
      background-color: var(--plsec-primary-dark);
      transform: translateY(-2px);
    }

    .plsec-btn-whatsapp {
      background-color: #25d366;
      color: #ffffff;
      box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
      width: 100%;
      justify-content: center;
      margin-top: 10px;
    }

    .plsec-btn-whatsapp:hover {
      background-color: #1eb956;
    }

    /* Headings */
    .plsec-header-center {
      text-align: center;
      max-width: 700px;
      margin: 0 auto 40px auto;
    }

    .plsec-section-title {
      font-size: 2.1rem;
      font-weight: 800;
      color: var(--plsec-secondary);
      margin-bottom: 12px;
    }

    .plsec-section-subtitle {
      font-size: 1.05rem;
      color: var(--plsec-text-muted);
    }

    /* Features Grid (6 Cards) */
    .plsec-grid-3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px;
      margin-bottom: 60px;
    }

    .plsec-card {
      background: var(--plsec-card-bg);
      border: 1px solid var(--plsec-border);
      border-radius: 16px;
      padding: 30px;
      transition: all 0.3s ease;
      position: relative;
    }

    .plsec-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 30px rgba(0, 0, 0, 0.06);
      border-color: #cbd5e1;
    }

    .plsec-card-icon-wrap {
      width: 52px;
      height: 52px;
      background: #eff6ff;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: var(--plsec-primary);
    }

    .plsec-card-title {
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--plsec-secondary);
      margin-bottom: 10px;
    }

    .plsec-card-desc {
      font-size: 0.95rem;
      color: var(--plsec-text-muted);
    }

    /* Process Workflow (4 Steps) */
    .plsec-steps-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 20px;
      margin-bottom: 60px;
    }

    .plsec-step-card {
      background: #ffffff;
      padding: 25px;
      border-radius: 16px;
      border: 1px solid var(--plsec-border);
      position: relative;
    }

    .plsec-step-num {
      width: 36px;
      height: 36px;
      background: var(--plsec-secondary);
      color: #ffffff;
      font-weight: 700;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      font-size: 0.9rem;
    }

    /* Styled Check Lists */
    .plsec-check-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .plsec-check-item {
      position: relative;
      padding-left: 30px;
      margin-bottom: 15px;
      font-size: 0.98rem;
      color: var(--plsec-text-main);
    }

    .plsec-check-item::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 2px;
      width: 20px;
      height: 20px;
      background: #dcfce7;
      color: #15803d;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      font-weight: 800;
    }

    /* Modal Overlay & Popup Form */
    .plsec-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(15, 23, 42, 0.6);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      padding: 20px;
    }

    .plsec-modal-overlay.plsec-active {
      display: flex;
    }

    .plsec-modal {
      background: #ffffff;
      width: 100%;
      max-width: 500px;
      border-radius: 20px;
      padding: 35px;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      position: relative;
      animation: plsecFadeIn 0.3s ease-out;
    }

    @keyframes plsecFadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .plsec-modal-close {
      position: absolute;
      top: 20px;
      right: 20px;
      background: #f1f5f9;
      border: none;
      font-size: 1.2rem;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      cursor: pointer;
      color: #64748b;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .plsec-modal-title {
      font-size: 1.5rem;
      font-weight: 800;
      color: var(--plsec-secondary);
      margin-bottom: 8px;
    }

    .plsec-modal-subtitle {
      font-size: 0.9rem;
      color: var(--plsec-text-muted);
      margin-bottom: 25px;
    }

    .plsec-form-group {
      margin-bottom: 18px;
    }

    .plsec-form-label {
      display: block;
      font-weight: 600;
      font-size: 0.9rem;
      margin-bottom: 6px;
      color: var(--plsec-secondary);
    }

    .plsec-form-input, .plsec-form-select {
      width: 100%;
      padding: 12px 14px;
      border: 1px solid var(--plsec-border);
      border-radius: 8px;
      font-size: 0.95rem;
      outline: none;
      box-sizing: border-box;
      transition: border-color 0.2s;
    }

    .plsec-form-input:focus, .plsec-form-select:focus {
      border-color: var(--plsec-primary);
    }

    /* Responsive Queries */
    @media (max-width: 640px) {
      .plsec-hero {
        padding: 40px 20px;
      }
      .plsec-hero-title {
        font-size: 2rem;
      }
      .plsec-hero-stats {
        flex-direction: column;
        gap: 15px;
      }
      .plsec-modal {
        padding: 25px;
      }
    }
    .plsecWhatsAppForm{
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap: 20px;
    }

    /* two wheele loan */
    /* ==========================================================
       UNIQUE NAMESPACE: twlsec- (Two-Wheeler Loan Section)
       ========================================================== */
    :root {
      --twlsec-primary: #0284c7;
      --twlsec-primary-dark: #0369a1;
      --twlsec-secondary: #0f172a;
      --twlsec-whatsapp: #25d366;
      --twlsec-whatsapp-dark: #1eb956;
      --twlsec-bg-light: #f8fafc;
      --twlsec-card-bg: #ffffff;
      --twlsec-text-main: #1e293b;
      --twlsec-text-muted: #64748b;
      --twlsec-border: #e2e8f0;
    }

    .twlsec-wrapper {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
      color: var(--twlsec-text-main);
      background-color: var(--twlsec-bg-light);
      line-height: 1.6;
      padding: 30px 0;
    }

    .twlsec-container {
      max-width: 1350px;
      margin: 0 auto;
      padding: 0 20px;
    }

    /* Hero Header Banner */
    .twlsec-hero {
      background: linear-gradient(135deg, #0f172a 0%, #0369a1 60%, #0284c7 100%);
      color: #ffffff;
      padding: 70px 40px;
      border-radius: 24px;
      margin-bottom: 50px;
      box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15);
      position: relative;
      overflow: hidden;
    }

    .twlsec-hero-badge {
      display: inline-block;
      background: rgba(255, 255, 255, 0.15);
      border: 1px solid rgba(255, 255, 255, 0.25);
      color: #e0f2fe;
      padding: 6px 16px;
      border-radius: 50px;
      font-size: 0.85rem;
      font-weight: 600;
      letter-spacing: 0.5px;
      text-transform: uppercase;
      margin-bottom: 20px;
    }

    .twlsec-hero-title {
      font-size: 2.8rem;
      font-weight: 800;
      line-height: 1.2;
      margin-bottom: 20px;
      color: #ffffff;
    }

    .twlsec-hero-title span {
      color: #38bdf8;
    }

    .twlsec-hero-subtitle {
      font-size: 1.15rem;
      color: #e0f2fe;
      max-width: 750px;
      margin-bottom: 35px;
    }

    .twlsec-hero-stats {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      margin-top: 40px;
      padding-top: 30px;
      border-top: 1px solid rgba(255, 255, 255, 0.15);
    }

    .twlsec-stat-item {
      display: flex;
      flex-direction: column;
    }

    .twlsec-stat-number {
      font-size: 1.8rem;
      font-weight: 700;
      color: #38bdf8;
    }

    .twlsec-stat-label {
      font-size: 0.85rem;
      color: #cbd5e1;
    }

    /* Buttons */
    .twlsec-btn {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 14px 32px;
      border-radius: 10px;
      font-weight: 600;
      font-size: 1rem;
      text-decoration: none;
      transition: all 0.25s ease;
      cursor: pointer;
      border: none;
    }

    .twlsec-btn-primary {
      background-color: var(--twlsec-primary);
      color: #ffffff;
      box-shadow: 0 4px 14px rgba(2, 132, 199, 0.4);
    }

    .twlsec-btn-primary:hover {
      background-color: var(--twlsec-primary-dark);
      transform: translateY(-2px);
    }

    .twlsec-btn-whatsapp {
      background-color: var(--twlsec-whatsapp);
      color: #ffffff;
      box-shadow: 0 4px 14px rgba(37, 211, 102, 0.3);
      width: 100%;
      justify-content: center;
      margin-top: 10px;
    }

    .twlsec-btn-whatsapp:hover {
      background-color: var(--twlsec-whatsapp-dark);
    }

    /* Section Headings */
    .twlsec-header-center {
      text-align: center;
      max-width: 700px;
      margin: 0 auto 40px auto;
    }

    .twlsec-section-title {
      font-size: 2.1rem;
      font-weight: 800;
      color: var(--twlsec-secondary);
      margin-bottom: 12px;
    }

    .twlsec-section-subtitle {
      font-size: 1.05rem;
      color: var(--twlsec-text-muted);
    }

    /* Bike Categories Grid */
    .twlsec-bike-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      margin-bottom: 60px;
    }

    .twlsec-bike-card {
      background: #ffffff;
      border: 1px solid var(--twlsec-border);
      border-radius: 16px;
      padding: 25px;
      text-align: center;
      transition: all 0.3s ease;
    }

    .twlsec-bike-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 15px 30px rgba(0, 0, 0, 0.05);
      border-color: var(--twlsec-primary);
    }

    .twlsec-bike-icon {
      font-size: 2.5rem;
      margin-bottom: 15px;
    }

    .twlsec-bike-title {
      font-size: 1.2rem;
      font-weight: 700;
      margin-bottom: 8px;
      color: var(--twlsec-secondary);
    }

    .twlsec-bike-desc {
      font-size: 0.9rem;
      color: var(--twlsec-text-muted);
    }

    /* Key Features Grid (6 Cards) */
    .twlsec-grid-3 {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
      gap: 25px;
      margin-bottom: 60px;
    }

    .twlsec-card {
      background: var(--twlsec-card-bg);
      border: 1px solid var(--twlsec-border);
      border-radius: 16px;
      padding: 30px;
      transition: all 0.3s ease;
    }

    .twlsec-card:hover {
      transform: translateY(-6px);
      box-shadow: 0 20px 30px rgba(0, 0, 0, 0.06);
      border-color: #cbd5e1;
    }

    .twlsec-card-icon-wrap {
      width: 52px;
      height: 52px;
      background: #e0f2fe;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.5rem;
      margin-bottom: 20px;
      color: var(--twlsec-primary);
    }

    .twlsec-card-title {
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--twlsec-secondary);
      margin-bottom: 10px;
    }

    .twlsec-card-desc {
      font-size: 0.95rem;
      color: var(--twlsec-text-muted);
    }

    /* Interactive EMI Calculator Banner */
    .twlsec-calc-box {
      background: #ffffff;
      border: 1px solid var(--twlsec-border);
      border-radius: 20px;
      padding: 40px;
      margin-bottom: 60px;
      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.03);
    }

    .twlsec-calc-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 40px;
    }

    .twlsec-slider-group {
      margin-bottom: 25px;
    }

    .twlsec-slider-header {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
      font-weight: 600;
    }

    .twlsec-slider {
      width: 100%;
      height: 6px;
      border-radius: 3px;
      background: #e2e8f0;
      outline: none;
      accent-color: var(--twlsec-primary);
    }

    .twlsec-calc-result {
      background: #f8fafc;
      border-radius: 16px;
      padding: 30px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      border: 1px dashed #cbd5e1;
    }

    .twlsec-emi-val {
      font-size: 2.5rem;
      font-weight: 800;
      color: var(--twlsec-primary);
      margin: 10px 0;
    }

    /* Process Steps Grid */
    .twlsec-steps-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
      gap: 20px;
      margin-bottom: 60px;
    }

    .twlsec-step-card {
      background: #ffffff;
      padding: 25px;
      border-radius: 16px;
      border: 1px solid var(--twlsec-border);
    }

    .twlsec-step-num {
      width: 36px;
      height: 36px;
      background: var(--twlsec-secondary);
      color: #ffffff;
      font-weight: 700;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 15px;
      font-size: 0.9rem;
    }

    /* Check lists */
    .twlsec-check-list {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .twlsec-check-item {
      position: relative;
      padding-left: 30px;
      margin-bottom: 15px;
      font-size: 0.98rem;
    }

    .twlsec-check-item::before {
      content: "✓";
      position: absolute;
      left: 0;
      top: 2px;
      width: 20px;
      height: 20px;
      background: #dcfce7;
      color: #15803d;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 0.75rem;
      font-weight: 800;
    }

    /* Table Styling */
    .twlsec-table-wrap {
      background: #ffffff;
      border-radius: 16px;
      border: 1px solid var(--twlsec-border);
      overflow: hidden;
      margin-bottom: 60px;
    }

    .twlsec-table {
      width: 100%;
      border-collapse: collapse;
      text-align: left;
    }

    .twlsec-table th, .twlsec-table td {
      padding: 18px 24px;
      border-bottom: 1px solid var(--twlsec-border);
    }

    .twlsec-table th {
      background: #f1f5f9;
      color: var(--twlsec-secondary);
      font-weight: 700;
    }

    /* FAQ Grid */
    .twlsec-faq-grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
      gap: 20px;
      margin-bottom: 60px;
    }

    .twlsec-faq-card {
      background: #ffffff;
      border: 1px solid var(--twlsec-border);
      border-radius: 12px;
      padding: 24px;
    }

    .twlsec-faq-q {
      font-weight: 700;
      font-size: 1.05rem;
      color: var(--twlsec-secondary);
      margin-bottom: 10px;
    }

    .twlsec-faq-a {
      font-size: 0.95rem;
      color: var(--twlsec-text-muted);
    }

    /* Modal Form Popup */
    .twlsec-modal-overlay {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(15, 23, 42, 0.6);
      backdrop-filter: blur(4px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
      padding: 20px;
    }

    .twlsec-modal-overlay.twlsec-active {
      display: flex;
    }

    .twlsec-modal {
      background: #ffffff;
      width: 100%;
      max-width: 500px;
      border-radius: 20px;
      padding: 35px;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
      position: relative;
      animation: twlsecFadeIn 0.3s ease-out;
    }

    @keyframes twlsecFadeIn {
      from { opacity: 0; transform: translateY(20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .twlsec-modal-close {
      position: absolute;
      top: 20px;
      right: 20px;
      background: #f1f5f9;
      border: none;
      font-size: 1.2rem;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      cursor: pointer;
      color: #64748b;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .twlsec-modal-title {
      font-size: 1.5rem;
      font-weight: 800;
      color: var(--twlsec-secondary);
      margin-bottom: 8px;
    }

    .twlsec-modal-subtitle {
      font-size: 0.9rem;
      color: var(--twlsec-text-muted);
      margin-bottom: 25px;
    }

    .twlsec-form-group {
      margin-bottom: 18px;
      display: grid;
      grid-template-columns: repeat(2,1fr);
      gap:20px;
    }

    .twlsec-form-label {
      display: block;
      font-weight: 600;
      font-size: 0.9rem;
      margin-bottom: 6px;
      color: var(--twlsec-secondary);
    }

    .twlsec-form-input, .twlsec-form-select {
      width: 100%;
      padding: 12px 14px;
      border: 1px solid var(--twlsec-border);
      border-radius: 8px;
      font-size: 0.95rem;
      outline: none;
      box-sizing: border-box;
    }

    .twlsec-form-input:focus, .twlsec-form-select:focus {
      border-color: var(--twlsec-primary);
    }

    @media (max-width: 900px) {
      .twlsec-calc-grid, .twlsec-faq-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 640px) {
      .twlsec-hero { padding: 40px 20px; }
      .twlsec-hero-title { font-size: 2rem; }
      .twlsec-hero-stats { flex-direction: column; gap: 15px; }
      .twlsec-modal { padding: 25px; }
    }

    /* testmional */

    :root {
    --crtst-primary: #1e3a8a;       /* Deep Navy / Primary Theme */
    --crtst-bg-card: #0f172a;       /* Darker Navy Card Background */
    --crtst-accent: #f36a00;        /* Sky Blue / Accent Color */
    --crtst-text-light: #f8fafc;    /* Light Body Text */
    --crtst-text-muted: #94a3b8;    /* Muted Text */
    --crtst-bg-section: #f1f5f9;   /* Section Background */
  }

  .crtst-wrapper {
    background-color: var(--crtst-bg-section);
    padding: 60px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .crtst-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Section Title */
  .crtst-header {
    text-align: center;
    margin-bottom: 60px;
  }

  .crtst-subtitle {
    font-size: 1.1rem;
    color: var(--crtst-primary);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
  }

  .crtst-title {
    font-size: 2.2rem;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
  }

  .crtst-title span {
    color: var(--crtst-primary);
  }

  /* Testimonials Grid */
  .crtst-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 40px;
    padding-top: 40px; /* Space for overlapping avatar */
  }

  /* Single Card Container */
  .crtst-card {
    position: relative;
    background-color: #102c54;
    border-radius: 24px;
    padding: 60px 25px 35px 25px;
    text-align: center;
    color: var(--crtst-text-light);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }

  .crtst-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
  }

  /* Overlapping Letter Avatar Badge */
  .crtst-avatar-wrap {
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--crtst-bg-section);
    padding: 5px;
    box-sizing: border-box;
  }

  .crtst-avatar-badge {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--crtst-primary), var(--crtst-accent));
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 1px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  }

  /* Floating Large Quote Marks */
  .crtst-quote-mark {
    position: absolute;
    top: 20px;
    font-size: 4rem;
    line-height: 1;
    font-family: Georgia, serif;
    color: rgba(255, 255, 255, 0.25);
    user-select: none;
  }

  .crtst-quote-left {
    left: 20px;
  }

  .crtst-quote-right {
    right: 20px;
  }

  /* Quote Text Body */
  .crtst-text {
    font-size: 0.98rem;
    line-height: 1.6;
    color: var(--crtst-text-light);
    margin-bottom: 25px;
    position: relative;
    z-index: 1;
  }

  /* Client Info Details */
  .crtst-info {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 15px;
  }

  .crtst-name {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--crtst-accent);
    margin-bottom: 3px;
  }

  .crtst-designation {
    font-size: 0.85rem;
    color: var(--crtst-text-muted);
  }

  @media (max-width: 768px) {
    .crtst-grid {
      grid-template-columns: 1fr;
      gap: 60px;
    }
  }

  /* why choose us */

  .about-highlights-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    padding: 10px;
  }

  .highlight-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px 20px;
    box-shadow: 0 4px 20px rgba(16, 44, 84, 0.05);
    transition: all 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .highlight-card:hover {
    transform: translateY(-5px);
    border-color: #102c54;
    box-shadow: 0 10px 25px rgba(16, 44, 84, 0.12);
  }

  .hl-icon-box {
    width: 48px;
    height: 48px;
    background-color: #f0f4f8;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 15px;
  }

  .hl-content h4 {
    font-size: 1.1rem;
    font-weight: 700;
    color: #102c54;
    margin-bottom: 6px;
  }

  .hl-content p {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.5;
    margin: 0;
  }

  @media (max-width: 576px) {
    .about-highlights-grid {
      grid-template-columns: 1fr;
    }
  }
/* vechine insurance */
:root {
    --vins-primary: #102c54;     /* Deep Navy */
    --vins-accent: #f36a00;      /* Vibrant Orange */
    --vins-accent-hover: #d95d00;
    --vins-bg-light: #f8fafc;
    --vins-bg-card: #ffffff;
    --vins-text-dark: #0f172a;
    --vins-text-muted: #64748b;
    --vins-border: #e2e8f0;
  }

  /* Main Section Wrapper */
  .vins-section-wrapper {
    background-color: var(--vins-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .vins-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Styling */
  .vins-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
  }

  .vins-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--vins-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 12px;
  }

  .vins-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--vins-primary);
    line-height: 1.3;
    margin-bottom: 15px;
  }

  .vins-main-title span {
    color: var(--vins-accent);
  }

  .vins-lead-desc {
    font-size: 1rem;
    color: var(--vins-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* 3 Main Categories Grid */
  .vins-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .vins-category-card {
    background-color: var(--vins-bg-card);
    border: 1px solid var(--vins-border);
    border-radius: 20px;
    padding: 35px 25px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .vins-category-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--vins-primary);
    transition: background 0.3s ease;
  }

  .vins-category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .vins-category-card:hover::before {
    background: var(--vins-accent);
  }

  .vins-card-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--vins-primary);
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .vins-category-card:hover .vins-card-icon {
    background-color: var(--vins-accent);
    color: #ffffff;
  }

  .vins-card-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--vins-primary);
    margin-bottom: 12px;
  }

  .vins-card-text {
    font-size: 0.92rem;
    color: var(--vins-text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .vins-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .vins-feature-item {
    font-size: 0.88rem;
    color: var(--vins-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .vins-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--vins-accent);
  }

  /* Call to Action Button */
  .vins-btn-whatsapp {
    background-color: var(--vins-accent);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .vins-btn-whatsapp:hover {
    background-color: var(--vins-accent-hover);
    transform: translateY(-2px);
  }

  /* Key Coverage Features Strip */
  .vins-highlights-box {
    background-color: var(--vins-primary);
    border-radius: 20px;
    padding: 40px 30px;
    color: #ffffff;
  }

  .vins-highlights-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .vins-highlights-header h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
  }

  .vins-highlights-header p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .vins-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 25px;
  }

  .vins-hl-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
    transition: background 0.3s ease;
  }

  .vins-hl-card:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .vins-hl-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
  }

  .vins-hl-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--vins-accent);
    margin-bottom: 6px;
  }

  .vins-hl-desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .vins-main-title {
      font-size: 1.8rem;
    }
    .vins-categories-grid {
      grid-template-columns: 1fr;
    }
    .vins-highlights-grid {
      grid-template-columns: 1fr;
    }
  }

  /* health issurance */
  :root {
    --hins-primary: #102c54;     /* Deep Navy */
    --hins-accent: #f36a00;      /* Vibrant Orange */
    --hins-accent-hover: #d95d00;
    --hins-bg-light: #f8fafc;
    --hins-bg-card: #ffffff;
    --hins-text-dark: #0f172a;
    --hins-text-muted: #64748b;
    --hins-border: #e2e8f0;
  }

  /* Main Section Wrapper */
  .hins-section-wrapper {
    background-color: var(--hins-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .hins-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Styling */
  .hins-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
  }

  .hins-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--hins-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 16px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 12px;
  }

  .hins-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--hins-primary);
    line-height: 1.3;
    margin-bottom: 15px;
  }

  .hins-main-title span {
    color: var(--hins-accent);
  }

  .hins-lead-desc {
    font-size: 1rem;
    color: var(--hins-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* 3 Main Categories Grid */
  .hins-categories-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .hins-category-card {
    background-color: var(--hins-bg-card);
    border: 1px solid var(--hins-border);
    border-radius: 20px;
    padding: 35px 25px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .hins-category-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--hins-primary);
    transition: background 0.3s ease;
  }

  .hins-category-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .hins-category-card:hover::before {
    background: var(--hins-accent);
  }

  .hins-card-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--hins-primary);
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .hins-category-card:hover .hins-card-icon {
    background-color: var(--hins-accent);
    color: #ffffff;
  }

  .hins-card-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--hins-primary);
    margin-bottom: 12px;
  }

  .hins-card-text {
    font-size: 0.92rem;
    color: var(--hins-text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .hins-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .hins-feature-item {
    font-size: 0.88rem;
    color: var(--hins-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .hins-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--hins-accent);
  }

  /* Call to Action Button */
  .hins-btn-whatsapp {
    background-color: var(--hins-accent);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .hins-btn-whatsapp:hover {
    background-color: var(--hins-accent-hover);
    transform: translateY(-2px);
  }

  /* Key Coverage Features Strip */
  .hins-highlights-box {
    background-color: var(--hins-primary);
    border-radius: 20px;
    padding: 40px 30px;
    color: #ffffff;
  }

  .hins-highlights-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .hins-highlights-header h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
  }

  .hins-highlights-header p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .hins-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 25px;
  }

  .hins-hl-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
    transition: background 0.3s ease;
  }

  .hins-hl-card:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .hins-hl-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
  }

  .hins-hl-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--hins-accent);
    margin-bottom: 6px;
  }

  .hins-hl-desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .hins-main-title {
      font-size: 1.8rem;
    }
    .hins-categories-grid {
      grid-template-columns: 1fr;
    }
    .hins-highlights-grid {
      grid-template-columns: 1fr;
    }
  }

  /* life insurance */
  :root {
    --lins-primary: #102c54;     /* Deep Navy */
    --lins-accent: #f36a00;      /* Vibrant Orange */
    --lins-accent-hover: #d95d00;
    --lins-bg-light: #f8fafc;
    --lins-bg-card: #ffffff;
    --lins-text-dark: #0f172a;
    --lins-text-muted: #64748b;
    --lins-border: #e2e8f0;
  }

  /* Section Base Wrapper */
  .lins-section-wrapper {
    background-color: var(--lins-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .lins-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .lins-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 55px auto;
  }

  .lins-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--lins-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .lins-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--lins-primary);
    line-height: 1.3;
    margin-bottom: 16px;
  }

  .lins-main-title span {
    color: var(--lins-accent);
  }

  .lins-lead-desc {
    font-size: 1rem;
    color: var(--lins-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* 4 Grid Layout */
  .lins-plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: 25px;
    margin-bottom: 60px;
  }

  /* Plan Card Base */
  .lins-plan-card {
    background-color: var(--lins-bg-card);
    border: 1px solid var(--lins-border);
    border-radius: 20px;
    padding: 32px 24px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  /* Highlight Tag for Featured Card */
  .lins-featured-card {
    border-color: var(--lins-accent);
    box-shadow: 0 10px 25px rgba(243, 106, 0, 0.12);
  }

  .lins-tag-popular {
    position: absolute;
    top: 16px;
    right: 16px;
    background-color: var(--lins-accent);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .lins-plan-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .lins-card-icon {
    width: 58px;
    height: 58px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--lins-primary);
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .lins-plan-card:hover .lins-card-icon {
    background-color: var(--lins-accent);
    color: #ffffff;
  }

  .lins-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--lins-primary);
    margin-bottom: 10px;
  }

  .lins-card-text {
    font-size: 0.9rem;
    color: var(--lins-text-muted);
    line-height: 1.55;
    margin-bottom: 20px;
  }

  .lins-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .lins-feature-item {
    font-size: 0.85rem;
    color: var(--lins-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .lins-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--lins-accent);
  }

  /* WhatsApp CTA */
  .lins-btn-whatsapp {
    background-color: var(--lins-primary);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 12px 18px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .lins-featured-card .lins-btn-whatsapp,
  .lins-plan-card:hover .lins-btn-whatsapp {
    background-color: var(--lins-accent);
  }

  .lins-btn-whatsapp:hover {
    background-color: var(--lins-accent-hover) !important;
    transform: translateY(-2px);
  }

  /* Bottom Trust Strip */
  .lins-trust-strip {
    background-color: var(--lins-primary);
    border-radius: 20px;
    padding: 40px 30px;
    color: #ffffff;
  }

  .lins-trust-header {
    text-align: center;
    margin-bottom: 30px;
  }

  .lins-trust-header h3 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .lins-trust-header p {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .lins-trust-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }

  .lins-trust-box {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 20px;
    text-align: center;
  }

  .lins-trust-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lins-accent);
    margin-bottom: 4px;
  }

  .lins-trust-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
  }

  @media (max-width: 768px) {
    .lins-main-title {
      font-size: 1.8rem;
    }
    .lins-plans-grid {
      grid-template-columns: 1fr;
    }
  }
  /* term insurance */
  :root {
    --tins-primary: #102c54;     /* Deep Navy */
    --tins-accent: #f36a00;      /* Vibrant Orange */
    --tins-accent-hover: #d95d00;
    --tins-bg-light: #f8fafc;
    --tins-bg-card: #ffffff;
    --tins-text-dark: #0f172a;
    --tins-text-muted: #64748b;
    --tins-border: #e2e8f0;
  }

  /* Main Wrapper */
  .tins-section-wrapper {
    background-color: var(--tins-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .tins-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Styling */
  .tins-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 55px auto;
  }

  .tins-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--tins-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .tins-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--tins-primary);
    line-height: 1.3;
    margin-bottom: 16px;
  }

  .tins-main-title span {
    color: var(--tins-accent);
  }

  .tins-lead-desc {
    font-size: 1rem;
    color: var(--tins-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* Plans Grid */
  .tins-plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .tins-plan-card {
    background-color: var(--tins-bg-card);
    border: 1px solid var(--tins-border);
    border-radius: 20px;
    padding: 35px 25px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .tins-plan-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--tins-primary);
    transition: background 0.3s ease;
  }

  .tins-plan-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .tins-plan-card:hover::before {
    background: var(--tins-accent);
  }

  .tins-featured-card {
    border-color: var(--tins-accent);
  }

  .tins-tag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: var(--tins-accent);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .tins-card-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--tins-primary);
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .tins-plan-card:hover .tins-card-icon {
    background-color: var(--tins-accent);
    color: #ffffff;
  }

  .tins-card-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--tins-primary);
    margin-bottom: 12px;
  }

  .tins-card-text {
    font-size: 0.92rem;
    color: var(--tins-text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .tins-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .tins-feature-item {
    font-size: 0.88rem;
    color: var(--tins-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .tins-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--tins-accent);
  }

  /* WhatsApp CTA */
  .tins-btn-whatsapp {
    background-color: var(--tins-accent);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .tins-btn-whatsapp:hover {
    background-color: var(--tins-accent-hover);
    transform: translateY(-2px);
  }

  /* Highlight Banner Strip */
  .tins-highlights-box {
    background-color: var(--tins-primary);
    border-radius: 20px;
    padding: 40px 30px;
    color: #ffffff;
  }

  .tins-highlights-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .tins-highlights-header h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
  }

  .tins-highlights-header p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .tins-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 25px;
  }

  .tins-hl-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
    transition: background 0.3s ease;
  }

  .tins-hl-card:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .tins-hl-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
  }

  .tins-hl-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--tins-accent);
    margin-bottom: 6px;
  }

  .tins-hl-desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .tins-main-title {
      font-size: 1.8rem;
    }
    .tins-plans-grid {
      grid-template-columns: 1fr;
    }
  }

  /* burgaly insurance */
  :root {
    --bgins-primary: #102c54;     /* Deep Navy */
    --bgins-accent: #f36a00;      /* Vibrant Orange */
    --bgins-accent-hover: #d95d00;
    --bgins-bg-light: #f8fafc;
    --bgins-bg-card: #ffffff;
    --bgins-text-dark: #0f172a;
    --bgins-text-muted: #64748b;
    --bgins-border: #e2e8f0;
  }

  /* Main Wrapper */
  .bgins-section-wrapper {
    background-color: var(--bgins-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .bgins-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Styling */
  .bgins-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 50px auto;
  }

  .bgins-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--bgins-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .bgins-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--bgins-primary);
    line-height: 1.3;
    margin-bottom: 16px;
  }

  .bgins-main-title span {
    color: var(--bgins-accent);
  }

  .bgins-lead-desc {
    font-size: 1rem;
    color: var(--bgins-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* Hero Feature Card */
  .bgins-hero-card {
    background: linear-gradient(135deg, var(--bgins-primary) 0%, #1a3e72 100%);
    border-radius: 20px;
    padding: 40px;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-bottom: 40px;
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.15);
  }

  .bgins-hero-content {
    max-width: 650px;
  }

  .bgins-hero-title {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #ffffff;
  }

  .bgins-hero-desc {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .bgins-tags-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .bgins-tag {
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 0.82rem;
    font-weight: 600;
  }

  /* Grid Layout */
  .bgins-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .bgins-card {
    background-color: var(--bgins-bg-card);
    border: 1px solid var(--bgins-border);
    border-radius: 20px;
    padding: 32px 25px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .bgins-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--bgins-primary);
    transition: background 0.3s ease;
  }

  .bgins-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .bgins-card:hover::before {
    background: var(--bgins-accent);
  }

  .bgins-card-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .bgins-card:hover .bgins-card-icon {
    background-color: var(--bgins-accent);
    color: #ffffff;
  }

  .bgins-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--bgins-primary);
    margin-bottom: 12px;
  }

  .bgins-card-text {
    font-size: 0.92rem;
    color: var(--bgins-text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .bgins-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .bgins-feature-item {
    font-size: 0.88rem;
    color: var(--bgins-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .bgins-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--bgins-accent);
  }

  /* WhatsApp CTA */
  .bgins-btn-whatsapp {
    background-color: var(--bgins-accent);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.92rem;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .bgins-btn-whatsapp:hover {
    background-color: var(--bgins-accent-hover);
    transform: translateY(-2px);
  }

  /* Protection Checklist Strip */
  .bgins-checklist-box {
    background-color: #ffffff;
    border: 1px solid var(--bgins-border);
    border-radius: 20px;
    padding: 35px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .bgins-checklist-header {
    text-align: center;
    margin-bottom: 25px;
  }

  .bgins-checklist-header h3 {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--bgins-primary);
    margin-bottom: 6px;
  }

  .bgins-checklist-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }

  .bgins-check-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 0.9rem;
    color: var(--bgins-text-dark);
    line-height: 1.4;
  }

  .bgins-check-icon {
    color: var(--bgins-accent);
    font-weight: 800;
    font-size: 1.1rem;
  }

  /* Responsive Adjustments */
  @media (max-width: 992px) {
    .bgins-hero-card {
      flex-direction: column;
      align-items: flex-start;
      padding: 30px;
    }
  }

  @media (max-width: 768px) {
    .bgins-main-title {
      font-size: 1.8rem;
    }
    .bgins-grid {
      grid-template-columns: 1fr;
    }
  }

  /* group insurance */
  :root {
    --grp-primary: #102c54;     /* Deep Navy */
    --grp-accent: #f36a00;      /* Vibrant Orange */
    --grp-accent-hover: #d95d00;
    --grp-bg-light: #f8fafc;
    --grp-bg-card: #ffffff;
    --grp-text-dark: #0f172a;
    --grp-text-muted: #64748b;
    --grp-border: #e2e8f0;
  }

  /* Section Base Wrapper */
  .grp-section-wrapper {
    background-color: var(--grp-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .grp-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .grp-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto 55px auto;
  }

  .grp-badge {
    background-color: rgba(243, 106, 0, 0.1);
    color: var(--grp-accent);
    font-size: 0.85rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .grp-main-title {
    font-size: 2.3rem;
    font-weight: 800;
    color: var(--grp-primary);
    line-height: 1.3;
    margin-bottom: 16px;
  }

  .grp-main-title span {
    color: var(--grp-accent);
  }

  .grp-lead-desc {
    font-size: 1rem;
    color: var(--grp-text-muted);
    line-height: 1.6;
    margin: 0;
  }

  /* Grid Layout */
  .grp-plans-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 60px;
  }

  .grp-plan-card {
    background-color: var(--grp-bg-card);
    border: 1px solid var(--grp-border);
    border-radius: 20px;
    padding: 35px 25px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .grp-plan-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: var(--grp-primary);
    transition: background 0.3s ease;
  }

  .grp-plan-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .grp-plan-card:hover::before {
    background: var(--grp-accent);
  }

  .grp-featured-card {
    border-color: var(--grp-accent);
  }

  .grp-tag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: var(--grp-accent);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .grp-card-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--grp-primary);
    margin-bottom: 20px;
    transition: all 0.3s ease;
  }

  .grp-plan-card:hover .grp-card-icon {
    background-color: var(--grp-accent);
    color: #ffffff;
  }

  .grp-card-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: var(--grp-primary);
    margin-bottom: 12px;
  }

  .grp-card-text {
    font-size: 0.92rem;
    color: var(--grp-text-muted);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .grp-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .grp-feature-item {
    font-size: 0.88rem;
    color: var(--grp-text-dark);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  .grp-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--grp-accent);
  }

  /* WhatsApp CTA */
  .grp-btn-whatsapp {
    background-color: var(--grp-accent);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .grp-btn-whatsapp:hover {
    background-color: var(--grp-accent-hover);
    transform: translateY(-2px);
  }

  /* Employer Benefits Strip */
  .grp-highlights-box {
    background-color: var(--grp-primary);
    border-radius: 20px;
    padding: 40px 30px;
    color: #ffffff;
  }

  .grp-highlights-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .grp-highlights-header h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 8px;
  }

  .grp-highlights-header p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
  }

  .grp-highlights-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 25px;
  }

  .grp-hl-card {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 14px;
    padding: 22px;
    text-align: center;
    transition: background 0.3s ease;
  }

  .grp-hl-card:hover {
    background: rgba(255, 255, 255, 0.12);
  }

  .grp-hl-icon {
    font-size: 26px;
    margin-bottom: 12px;
    display: block;
  }

  .grp-hl-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--grp-accent);
    margin-bottom: 6px;
  }

  .grp-hl-desc {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .grp-main-title {
      font-size: 1.8rem;
    }
    .grp-plans-grid {
      grid-template-columns: 1fr;
    }
  }

  /* pension plan */

  :root {
    --invp-navy: #102c54;
    --invp-orange: #f36a00;
    --invp-orange-dark: #d95d00;
    --invp-bg-soft: #f4f7fa;
    --invp-card-bg: #ffffff;
    --invp-text-dark: #0f172a;
    --invp-text-sub: #64748b;
    --invp-border: #e2e8f0;
  }

  .invp-wrapper {
    background-color: var(--invp-bg-soft);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .invp-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .invp-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px auto;
  }

  .invp-pill-label {
    background: rgba(243, 106, 0, 0.12);
    color: var(--invp-orange);
    font-size: 0.82rem;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 6px 16px;
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 12px;
  }

  .invp-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--invp-navy);
    line-height: 1.25;
    margin-bottom: 14px;
  }

  .invp-title span {
    color: var(--invp-orange);
  }

  .invp-subtext {
    font-size: 1rem;
    color: var(--invp-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Tab Navigation Switcher */
  .invp-tab-nav {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-bottom: 45px;
  }

  .invp-tab-btn {
    background: var(--invp-card-bg);
    border: 2px solid var(--invp-border);
    color: var(--invp-navy);
    padding: 12px 28px;
    border-radius: 40px;
    font-weight: 700;
    font-size: 0.95rem;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .invp-tab-btn.active,
  .invp-tab-btn:hover {
    background: var(--invp-navy);
    border-color: var(--invp-navy);
    color: #ffffff;
  }

  .invp-tab-btn.active {
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.2);
  }

  /* Plan Layout Options Grid (Asymmetric Split) */
  .invp-main-split {
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 30px;
    margin-bottom: 50px;
  }

  /* Plan Box Container */
  .invp-content-box {
    background: var(--invp-card-bg);
    border-radius: 24px;
    padding: 40px;
    border: 1px solid var(--invp-border);
    box-shadow: 0 10px 30px rgba(16, 44, 84, 0.05);
  }

  .invp-box-heading {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--invp-navy);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
  }

  /* Accordion / List Items */
  .invp-item-row {
    border-bottom: 1px solid var(--invp-border);
    padding: 20px 0;
  }

  .invp-item-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }

  .invp-item-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--invp-navy);
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .invp-item-tag {
    font-size: 0.75rem;
    background: rgba(16, 44, 84, 0.08);
    color: var(--invp-navy);
    padding: 4px 10px;
    border-radius: 12px;
    font-weight: 600;
  }

  .invp-item-desc {
    font-size: 0.92rem;
    color: var(--invp-text-sub);
    line-height: 1.55;
    margin-bottom: 12px;
  }

  .invp-feature-grid-mini {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .invp-f-mini {
    font-size: 0.82rem;
    color: var(--invp-text-dark);
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .invp-f-mini::before {
    content: '◆';
    color: var(--invp-orange);
    font-size: 0.7rem;
  }

  /* Right Side Highlights Card */
  .invp-side-card {
    background: linear-gradient(160deg, var(--invp-navy) 0%, #173b6e 100%);
    border-radius: 24px;
    padding: 40px 30px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 15px 35px rgba(16, 44, 84, 0.2);
  }

  .invp-side-title {
    font-size: 1.6rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 12px;
  }

  .invp-side-text {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.82);
    line-height: 1.6;
    margin-bottom: 25px;
  }

  .invp-stat-box {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 16px;
    padding: 18px;
    margin-bottom: 15px;
  }

  .invp-stat-num {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--invp-orange);
    margin-bottom: 4px;
  }

  .invp-stat-label {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
  }

  .invp-btn-cta {
    background: var(--invp-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    padding: 14px 24px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    margin-top: 15px;
  }

  .invp-btn-cta:hover {
    background: var(--invp-orange-dark);
    transform: translateY(-2px);
  }

  /* Bottom Roadmap Process Section */
  .invp-roadmap {
    background: var(--invp-card-bg);
    border-radius: 24px;
    padding: 40px;
    border: 1px solid var(--invp-border);
  }

  .invp-roadmap-title {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--invp-navy);
    margin-bottom: 30px;
  }

  .invp-steps-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 25px;
  }

  .invp-step-card {
    text-align: center;
    padding: 20px;
    position: relative;
  }

  .invp-step-num {
    width: 48px;
    height: 48px;
    background: rgba(243, 106, 0, 0.12);
    color: var(--invp-orange);
    font-weight: 800;
    font-size: 1.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px auto;
  }

  .invp-step-heading {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--invp-navy);
    margin-bottom: 8px;
  }

  .invp-step-desc {
    font-size: 0.88rem;
    color: var(--invp-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .invp-main-split {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 768px) {
    .invp-title {
      font-size: 1.8rem;
    }
    .invp-content-box {
      padding: 25px;
    }
    .invp-tab-nav {
      flex-direction: column;
    }
    .invp-feature-grid-mini {
      grid-template-columns: 1fr;
    }
  }

  /* child plan */
  :root {
    --chp-navy: #102c54;
    --chp-navy-light: #18417a;
    --chp-orange: #f36a00;
    --chp-orange-hover: #d95d00;
    --chp-bg-light: #f8fafc;
    --chp-card-bg: #ffffff;
    --chp-text-dark: #0f172a;
    --chp-text-sub: #64748b;
    --chp-border: #e2e8f0;
  }

  .chp-wrapper {
    background-color: var(--chp-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .chp-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .chp-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
  }

  .chp-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--chp-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .chp-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--chp-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .chp-title span {
    color: var(--chp-orange);
  }

  .chp-subtext {
    font-size: 1rem;
    color: var(--chp-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Special Protection Callout Strip */
  .chp-guarantee-strip {
    background: linear-gradient(135deg, var(--chp-navy) 0%, var(--chp-navy-light) 100%);
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    box-shadow: 0 12px 30px rgba(16, 44, 84, 0.12);
  }

  .chp-guarantee-content {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .chp-shield-icon {
    font-size: 42px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .chp-guarantee-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .chp-guarantee-desc {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
  }

  /* Grid Layout for Plan Cards */
  .chp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .chp-card {
    background: var(--chp-card-bg);
    border: 1px solid var(--chp-border);
    border-radius: 20px;
    padding: 35px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .chp-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--chp-navy);
    transition: background 0.3s ease;
  }

  .chp-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .chp-card:hover::before {
    background: var(--chp-orange);
  }

  .chp-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .chp-card-icon {
    width: 55px;
    height: 55px;
    background: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
  }

  .chp-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--chp-navy);
    margin: 0;
  }

  .chp-card-desc {
    font-size: 0.92rem;
    color: var(--chp-text-sub);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .chp-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .chp-feature-item {
    font-size: 0.88rem;
    color: var(--chp-text-dark);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .chp-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--chp-orange);
  }

  /* WhatsApp CTA */
  .chp-btn-whatsapp {
    background-color: var(--chp-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .chp-btn-whatsapp:hover {
    background-color: var(--chp-orange-hover);
    transform: translateY(-2px);
  }

  /* Educational Timeline Section */
  .chp-milestone-box {
    background: var(--chp-card-bg);
    border: 1px solid var(--chp-border);
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .chp-milestone-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .chp-milestone-header h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--chp-navy);
    margin-bottom: 8px;
  }

  .chp-milestone-header p {
    font-size: 0.92rem;
    color: var(--chp-text-sub);
    margin: 0;
  }

  .chp-milestone-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 20px;
  }

  .chp-stage-card {
    background: var(--chp-bg-light);
    border-radius: 14px;
    padding: 22px;
    border-left: 4px solid var(--chp-orange);
  }

  .chp-stage-age {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--chp-orange);
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin-bottom: 6px;
  }

  .chp-stage-title {
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--chp-navy);
    margin-bottom: 8px;
  }

  .chp-stage-text {
    font-size: 0.86rem;
    color: var(--chp-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .chp-guarantee-strip {
      flex-direction: column;
      text-align: center;
    }
    .chp-guarantee-content {
      flex-direction: column;
    }
  }

  @media (max-width: 768px) {
    .chp-title {
      font-size: 1.8rem;
    }
    .chp-grid {
      grid-template-columns: 1fr;
    }
  }
  /* savingplan */
  :root {
    --gsp-navy: #102c54;
    --gsp-navy-hover: #18417a;
    --gsp-orange: #f36a00;
    --gsp-orange-hover: #d95d00;
    --gsp-bg-light: #f8fafc;
    --gsp-card-bg: #ffffff;
    --gsp-text-dark: #0f172a;
    --gsp-text-sub: #64748b;
    --gsp-border: #e2e8f0;
  }

  .gsp-wrapper {
    background-color: var(--gsp-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .gsp-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .gsp-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
  }

  .gsp-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--gsp-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .gsp-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--gsp-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .gsp-title span {
    color: var(--gsp-orange);
  }

  .gsp-subtext {
    font-size: 1rem;
    color: var(--gsp-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Highlight Guarantee Callout Strip */
  .gsp-guarantee-strip {
    background: linear-gradient(135deg, var(--gsp-navy) 0%, var(--gsp-navy-hover) 100%);
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    box-shadow: 0 12px 30px rgba(16, 44, 84, 0.12);
  }

  .gsp-guarantee-content {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .gsp-shield-icon {
    font-size: 40px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .gsp-guarantee-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .gsp-guarantee-desc {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
  }

  /* 3 Card Options Grid */
  .gsp-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .gsp-card {
    background: var(--gsp-card-bg);
    border: 1px solid var(--gsp-border);
    border-radius: 20px;
    padding: 35px 28px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .gsp-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--gsp-navy);
    transition: background 0.3s ease;
  }

  .gsp-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .gsp-card:hover::before {
    background: var(--gsp-orange);
  }

  .gsp-featured-card {
    border-color: var(--gsp-orange);
  }

  .gsp-tag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: var(--gsp-orange);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .gsp-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .gsp-card-icon {
    width: 55px;
    height: 55px;
    background: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--gsp-navy);
  }

  .gsp-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--gsp-navy);
    margin: 0;
  }

  .gsp-card-desc {
    font-size: 0.92rem;
    color: var(--gsp-text-sub);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .gsp-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .gsp-feature-item {
    font-size: 0.88rem;
    color: var(--gsp-text-dark);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .gsp-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--gsp-orange);
  }

  /* WhatsApp CTA Button */
  .gsp-btn-whatsapp {
    background-color: var(--gsp-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .gsp-btn-whatsapp:hover {
    background-color: var(--gsp-orange-hover);
    transform: translateY(-2px);
  }

  /* Key Advantages Box */
  .gsp-advantages-box {
    background: var(--gsp-card-bg);
    border: 1px solid var(--gsp-border);
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .gsp-adv-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .gsp-adv-header h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--gsp-navy);
    margin-bottom: 8px;
  }

  .gsp-adv-header p {
    font-size: 0.92rem;
    color: var(--gsp-text-sub);
    margin: 0;
  }

  .gsp-adv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
  }

  .gsp-adv-item {
    background: var(--gsp-bg-light);
    border-radius: 14px;
    padding: 22px;
    border-left: 4px solid var(--gsp-orange);
  }

  .gsp-adv-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--gsp-navy);
    margin-bottom: 6px;
  }

  .gsp-adv-text {
    font-size: 0.86rem;
    color: var(--gsp-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .gsp-guarantee-strip {
      flex-direction: column;
      text-align: center;
    }
    .gsp-guarantee-content {
      flex-direction: column;
    }
  }

  @media (max-width: 768px) {
    .gsp-title {
      font-size: 1.8rem;
    }
    .gsp-grid {
      grid-template-columns: 1fr;
    }
  }

  /* ulip */
  :root {
    --ulip-navy: #102c54;
    --ulip-navy-dark: #0a1c36;
    --ulip-orange: #f36a00;
    --ulip-orange-hover: #d95d00;
    --ulip-bg-light: #f4f7fb;
    --ulip-card-bg: #ffffff;
    --ulip-text-dark: #0f172a;
    --ulip-text-sub: #64748b;
    --ulip-border: #e2e8f0;
  }

  .ulip-wrapper {
    background-color: var(--ulip-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .ulip-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .ulip-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
  }

  .ulip-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--ulip-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .ulip-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--ulip-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .ulip-title span {
    color: var(--ulip-orange);
  }

  .ulip-subtext {
    font-size: 1rem;
    color: var(--ulip-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Hero Asymmetric Split Banner */
  .ulip-hero-banner {
    background: linear-gradient(135deg, var(--ulip-navy-dark) 0%, var(--ulip-navy) 100%);
    border-radius: 24px;
    padding: 45px;
    color: #ffffff;
    display: grid;
    grid-template-columns: 1.2fr 0.8fr;
    gap: 40px;
    align-items: center;
    margin-bottom: 50px;
    box-shadow: 0 15px 35px rgba(16, 44, 84, 0.18);
  }

  .ulip-hero-tag {
    display: inline-block;
    background: rgba(255, 255, 255, 0.12);
    color: var(--ulip-orange);
    font-weight: 700;
    font-size: 0.8rem;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
  }

  .ulip-hero-title {
    font-size: 1.8rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 14px;
    line-height: 1.3;
  }

  .ulip-hero-desc {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin-bottom: 25px;
  }

  .ulip-metrics-box {
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 16px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
  }

  .ulip-metric-item {
    text-align: left;
  }

  .ulip-metric-val {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--ulip-orange);
    margin-bottom: 4px;
  }

  .ulip-metric-lbl {
    font-size: 0.8rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.4;
  }

  /* WhatsApp CTA Button */
  .ulip-btn-whatsapp {
    background-color: var(--ulip-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 22px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    text-align: center;
    box-sizing: border-box;
  }

  .ulip-btn-whatsapp:hover {
    background-color: var(--ulip-orange-hover);
    transform: translateY(-2px);
  }

  /* 3 Fund Category Cards Grid */
  .ulip-funds-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .ulip-fund-card {
    background: var(--ulip-card-bg);
    border: 1px solid var(--ulip-border);
    border-radius: 20px;
    padding: 35px 28px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .ulip-fund-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--ulip-navy);
    transition: background 0.3s ease;
  }

  .ulip-fund-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .ulip-fund-card:hover::before {
    background: var(--ulip-orange);
  }

  .ulip-risk-pill {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 0.72rem;
    font-weight: 700;
    padding: 4px 10px;
    border-radius: 12px;
    text-transform: uppercase;
  }

  .ulip-risk-high {
    background: rgba(225, 29, 72, 0.1);
    color: #e11d48;
  }

  .ulip-risk-bal {
    background: rgba(243, 106, 0, 0.12);
    color: var(--ulip-orange);
  }

  .ulip-risk-low {
    background: rgba(16, 185, 129, 0.12);
    color: #10b981;
  }

  .ulip-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .ulip-card-icon {
    width: 55px;
    height: 55px;
    background: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
  }

  .ulip-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--ulip-navy);
    margin: 0;
  }

  .ulip-card-desc {
    font-size: 0.92rem;
    color: var(--ulip-text-sub);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .ulip-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .ulip-feature-item {
    font-size: 0.88rem;
    color: var(--ulip-text-dark);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .ulip-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--ulip-orange);
  }

  /* Unique Flexibility Features Strip */
  .ulip-flex-box {
    background: var(--ulip-card-bg);
    border: 1px solid var(--ulip-border);
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .ulip-flex-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .ulip-flex-header h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--ulip-navy);
    margin-bottom: 8px;
  }

  .ulip-flex-header p {
    font-size: 0.92rem;
    color: var(--ulip-text-sub);
    margin: 0;
  }

  .ulip-flex-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
  }

  .ulip-flex-item {
    background: var(--ulip-bg-light);
    border-radius: 14px;
    padding: 22px;
    border-left: 4px solid var(--ulip-orange);
  }

  .ulip-flex-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--ulip-navy);
    margin-bottom: 6px;
  }

  .ulip-flex-text {
    font-size: 0.86rem;
    color: var(--ulip-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .ulip-hero-banner {
      grid-template-columns: 1fr;
      padding: 30px;
    }
  }

  @media (max-width: 768px) {
    .ulip-title {
      font-size: 1.8rem;
    }
    .ulip-funds-grid {
      grid-template-columns: 1fr;
    }
    .ulip-metrics-box {
      grid-template-columns: 1fr;
    }
  }

  /* terms plan */
  :root {
    --term-navy: #102c54;
    --term-navy-hover: #18417a;
    --term-orange: #f36a00;
    --term-orange-hover: #d95d00;
    --term-bg-light: #f8fafc;
    --term-card-bg: #ffffff;
    --term-text-dark: #0f172a;
    --term-text-sub: #64748b;
    --term-border: #e2e8f0;
  }

  .term-wrapper {
    background-color: var(--term-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .term-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .term-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
  }

  .term-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--term-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .term-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--term-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .term-title span {
    color: var(--term-orange);
  }

  .term-subtext {
    font-size: 1rem;
    color: var(--term-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Security Highlight Strip */
  .term-guarantee-strip {
    background: linear-gradient(135deg, var(--term-navy) 0%, var(--term-navy-hover) 100%);
    border-radius: 20px;
    padding: 30px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    box-shadow: 0 12px 30px rgba(16, 44, 84, 0.12);
  }

  .term-guarantee-content {
    display: flex;
    align-items: center;
    gap: 20px;
  }

  .term-shield-icon {
    font-size: 40px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .term-guarantee-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .term-guarantee-desc {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
  }

  /* 3 Card Options Grid */
  .term-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .term-card {
    background: var(--term-card-bg);
    border: 1px solid var(--term-border);
    border-radius: 20px;
    padding: 35px 28px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .term-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--term-navy);
    transition: background 0.3s ease;
  }

  .term-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .term-card:hover::before {
    background: var(--term-orange);
  }

  .term-featured-card {
    border-color: var(--term-orange);
  }

  .term-tag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: var(--term-orange);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .term-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .term-card-icon {
    width: 55px;
    height: 55px;
    background: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--term-navy);
  }

  .term-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--term-navy);
    margin: 0;
  }

  .term-card-desc {
    font-size: 0.92rem;
    color: var(--term-text-sub);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .term-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .term-feature-item {
    font-size: 0.88rem;
    color: var(--term-text-dark);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .term-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--term-orange);
  }

  /* WhatsApp CTA Button */
  .term-btn-whatsapp {
    background-color: var(--term-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .term-btn-whatsapp:hover {
    background-color: var(--term-orange-hover);
    transform: translateY(-2px);
  }

  /* Key Advantages Box */
  .term-advantages-box {
    background: var(--term-card-bg);
    border: 1px solid var(--term-border);
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .term-adv-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .term-adv-header h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--term-navy);
    margin-bottom: 8px;
  }

  .term-adv-header p {
    font-size: 0.92rem;
    color: var(--term-text-sub);
    margin: 0;
  }

  .term-adv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
  }

  .term-adv-item {
    background: var(--term-bg-light);
    border-radius: 14px;
    padding: 22px;
    border-left: 4px solid var(--term-orange);
  }

  .term-adv-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--term-navy);
    margin-bottom: 6px;
  }

  .term-adv-text {
    font-size: 0.86rem;
    color: var(--term-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .term-guarantee-strip {
      flex-direction: column;
      text-align: center;
    }
    .term-guarantee-content {
      flex-direction: column;
    }
  }

  @media (max-width: 768px) {
    .term-title {
      font-size: 1.8rem;
    }
    .term-grid {
      grid-template-columns: 1fr;
    }
  }
  /* premium */
  :root {
    --trop-navy: #102c54;
    --trop-navy-dark: #0a1c36;
    --trop-orange: #f36a00;
    --trop-orange-hover: #d95d00;
    --trop-bg-light: #f8fafc;
    --trop-card-bg: #ffffff;
    --trop-text-dark: #0f172a;
    --trop-text-sub: #64748b;
    --trop-border: #e2e8f0;
  }

  .trop-wrapper {
    background-color: var(--trop-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .trop-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  /* Header Section */
  .trop-header {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 50px auto;
  }

  .trop-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--trop-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .trop-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--trop-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .trop-title span {
    color: var(--trop-orange);
  }

  .trop-subtext {
    font-size: 1rem;
    color: var(--trop-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Security / Money-Back Highlight Strip */
  .trop-guarantee-strip {
    background: linear-gradient(135deg, var(--trop-navy) 0%, var(--trop-navy-dark) 100%);
    border-radius: 20px;
    padding: 35px;
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 50px;
    box-shadow: 0 12px 30px rgba(16, 44, 84, 0.15);
  }

  .trop-guarantee-content {
    display: flex;
    align-items: center;
    gap: 22px;
  }

  .trop-shield-icon {
    font-size: 40px;
    flex-shrink: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .trop-guarantee-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .trop-guarantee-desc {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
    margin: 0;
  }

  /* 3 Card Options Grid */
  .trop-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
  }

  .trop-card {
    background: var(--trop-card-bg);
    border: 1px solid var(--trop-border);
    border-radius: 20px;
    padding: 35px 28px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }

  .trop-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--trop-navy);
    transition: background 0.3s ease;
  }

  .trop-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.12);
  }

  .trop-card:hover::before {
    background: var(--trop-orange);
  }

  .trop-featured-card {
    border-color: var(--trop-orange);
  }

  .trop-tag-badge {
    position: absolute;
    top: 18px;
    right: 18px;
    background-color: var(--trop-orange);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    letter-spacing: 0.5px;
  }

  .trop-card-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
  }

  .trop-card-icon {
    width: 55px;
    height: 55px;
    background: rgba(16, 44, 84, 0.05);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    color: var(--trop-navy);
  }

  .trop-card-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--trop-navy);
    margin: 0;
  }

  .trop-card-desc {
    font-size: 0.92rem;
    color: var(--trop-text-sub);
    line-height: 1.6;
    margin-bottom: 20px;
  }

  .trop-feature-list {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
  }

  .trop-feature-item {
    font-size: 0.88rem;
    color: var(--trop-text-dark);
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
  }

  .trop-feature-item::before {
    content: '✓';
    font-weight: 800;
    color: var(--trop-orange);
  }

  /* WhatsApp CTA Button */
  .trop-btn-whatsapp {
    background-color: var(--trop-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.95rem;
    padding: 12px 20px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
  }

  .trop-btn-whatsapp:hover {
    background-color: var(--trop-orange-hover);
    transform: translateY(-2px);
  }

  /* Key Advantages Box */
  .trop-advantages-box {
    background: var(--trop-card-bg);
    border: 1px solid var(--trop-border);
    border-radius: 20px;
    padding: 40px 30px;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.04);
  }

  .trop-adv-header {
    text-align: center;
    margin-bottom: 35px;
  }

  .trop-adv-header h3 {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--trop-navy);
    margin-bottom: 8px;
  }

  .trop-adv-header p {
    font-size: 0.92rem;
    color: var(--trop-text-sub);
    margin: 0;
  }

  .trop-adv-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: 20px;
  }

  .trop-adv-item {
    background: var(--trop-bg-light);
    border-radius: 14px;
    padding: 22px;
    border-left: 4px solid var(--trop-orange);
  }

  .trop-adv-title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--trop-navy);
    margin-bottom: 6px;
  }

  .trop-adv-text {
    font-size: 0.86rem;
    color: var(--trop-text-sub);
    line-height: 1.5;
    margin: 0;
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .trop-guarantee-strip {
      flex-direction: column;
      text-align: center;
    }
    .trop-guarantee-content {
      flex-direction: column;
    }
  }

  @media (max-width: 768px) {
    .trop-title {
      font-size: 1.8rem;
    }
    .trop-grid {
      grid-template-columns: 1fr;
    }
  }
  /* gallery */
  :root {
    --glry-navy: #102c54;
    --glry-navy-dark: #0a1c36;
    --glry-orange: #f36a00;
    --glry-orange-hover: #d95d00;
    --glry-bg-light: #f8fafc;
    --glry-text-dark: #0f172a;
    --glry-text-sub: #64748b;
    --glry-border: #e2e8f0;
  }

  .glry-wrapper {
    background-color: var(--glry-bg-light);
    padding: 70px 20px;
    width: 100%;
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  }

  .glry-container {
    max-width: 1350px; /* Full-width spacious container */
    margin: 0 auto;
  }

  /* Header Section */
  .glry-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px auto;
  }

  .glry-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--glry-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .glry-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--glry-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .glry-title span {
    color: var(--glry-orange);
  }

  .glry-subtext {
    font-size: 1rem;
    color: var(--glry-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Filter Navigation Buttons */
  .glry-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 40px;
  }

  .glry-filter-btn {
    background: #ffffff;
    color: var(--glry-navy);
    border: 1px solid var(--glry-border);
    padding: 10px 24px;
    border-radius: 30px;
    font-size: 0.92rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(16, 44, 84, 0.04);
  }

  .glry-filter-btn:hover,
  .glry-filter-btn.glry-active {
    background: var(--glry-orange);
    color: #ffffff;
    border-color: var(--glry-orange);
    box-shadow: 0 6px 16px rgba(243, 106, 0, 0.3);
  }

  /* Gallery Image Grid Layout */
  .glry-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
  }

  .glry-item {
    position: relative;
    border-radius: 18px;
    overflow: hidden;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(16, 44, 84, 0.06);
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
  }

  .glry-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(16, 44, 84, 0.16);
  }

  .glry-img-box {
    width: 100%;
    height: 260px;
    overflow: hidden;
    position: relative;
  }

  .glry-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
    display: block;
  }

  .glry-item:hover .glry-img-box img {
    transform: scale(1.08);
  }

  /* Image Overlay Details */
  .glry-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(10, 28, 54, 0.88) 0%, rgba(10, 28, 54, 0.2) 60%, transparent 100%);
    opacity: 0;
    transition: opacity 0.35s ease;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 22px;
    color: #ffffff;
  }

  .glry-item:hover .glry-overlay {
    opacity: 1;
  }

  .glry-item-tag {
    background: var(--glry-orange);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 12px;
    align-self: flex-start;
    margin-bottom: 8px;
    letter-spacing: 0.5px;
  }

  .glry-item-title {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0 0 4px 0;
    color: #ffffff;
  }

  .glry-item-desc {
    font-size: 0.82rem;
    color: rgba(255, 255, 255, 0.82);
    margin: 0;
  }

  /* Click Zoom Icon Indicator */
  .glry-zoom-icon {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(8px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
    opacity: 0;
    transform: scale(0.8);
    transition: all 0.3s ease;
  }

  .glry-item:hover .glry-zoom-icon {
    opacity: 1;
    transform: scale(1);
  }

  /* ==========================================================
     POPUP LIGHTBOX PREVIEW MODAL
     ========================================================== */
  .glry-modal {
    position: fixed;
    inset: 0;
    background: rgba(10, 28, 54, 0.92);
    backdrop-filter: blur(10px);
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
  }

  .glry-modal.glry-modal-open {
    opacity: 1;
    visibility: visible;
  }

  .glry-modal-card {
    background: #ffffff;
    border-radius: 20px;
    max-width: 900px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5);
    position: relative;
    transform: scale(0.9);
    transition: transform 0.3s ease;
  }

  .glry-modal.glry-modal-open .glry-modal-card {
    transform: scale(1);
  }

  .glry-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 38px;
    height: 38px;
    background: var(--glry-navy);
    color: #ffffff;
    border: none;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    transition: background 0.2s ease, transform 0.2s ease;
  }

  .glry-modal-close:hover {
    background: var(--glry-orange);
    transform: rotate(90deg);
  }

  .glry-modal-preview {
    width: 100%;
    max-height: 520px;
    object-fit: cover;
    display: block;
    background: #000;
  }

  .glry-modal-info {
    padding: 25px 30px;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
  }

  .glry-modal-text-title {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--glry-navy);
    margin: 0 0 6px 0;
  }

  .glry-modal-text-desc {
    font-size: 0.9rem;
    color: var(--glry-text-sub);
    margin: 0;
  }

  .glry-btn-whatsapp {
    background-color: var(--glry-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.9rem;
    padding: 12px 22px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s ease;
    flex-shrink: 0;
  }

  .glry-btn-whatsapp:hover {
    background-color: var(--glry-orange-hover);
  }

  /* Responsive Adjustments */
  @media (max-width: 768px) {
    .glry-title {
      font-size: 1.8rem;
    }
    .glry-grid {
      grid-template-columns: 1fr;
    }
    .glry-modal-info {
      flex-direction: column;
      align-items: flex-start;
    }
    .glry-btn-whatsapp {
      width: 100%;
      justify-content: center;
    }
  }

  /* contact */

  :root {
    --cntct-navy: #102c54;
    --cntct-navy-dark: #0a1c36;
    --cntct-orange: #f36a00;
    --cntct-orange-hover: #d95d00;
    --cntct-bg-light: #f8fafc;
    --cntct-card-bg: #ffffff;
    --cntct-text-dark: #0f172a;
    --cntct-text-sub: #64748b;
    --cntct-border: #e2e8f0;
    --cntct-error: #ef4444;
    --cntct-success: #10b981;
  }

  .cntct-wrapper {
    background-color: var(--cntct-bg-light);
    padding: 80px 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    width: 100%;
    box-sizing: border-box;
  }

  .cntct-container {
    max-width: 1350px;
    margin: 0 auto;
  }

  /* Header Section */
  .cntct-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 50px auto;
  }

  .cntct-badge {
    background: rgba(243, 106, 0, 0.12);
    color: var(--cntct-orange);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    display: inline-block;
    margin-bottom: 14px;
  }

  .cntct-title {
    font-size: 2.4rem;
    font-weight: 800;
    color: var(--cntct-navy);
    line-height: 1.25;
    margin-bottom: 16px;
  }

  .cntct-title span {
    color: var(--cntct-orange);
  }

  .cntct-subtext {
    font-size: 1rem;
    color: var(--cntct-text-sub);
    line-height: 1.6;
    margin: 0;
  }

  /* Main Split Layout */
  .cntct-layout {
    display: grid;
    grid-template-columns: 1fr 1.25fr;
    gap: 40px;
    align-items: start;
  }

  /* Contact Info Sidebar Card */
  .cntct-info-card {
    background: linear-gradient(135deg, var(--cntct-navy) 0%, var(--cntct-navy-dark) 100%);
    border-radius: 24px;
    padding: 45px 35px;
    color: #ffffff;
    box-shadow: 0 15px 35px rgba(16, 44, 84, 0.15);
  }

  .cntct-info-heading {
    font-size: 1.6rem;
    font-weight: 800;
    color: #ffffff;
    margin-bottom: 6px;
  }

  .cntct-info-person {
    color: var(--cntct-orange);
    font-weight: 700;
    font-size: 1.05rem;
    margin-bottom: 16px;
  }

  .cntct-info-sub {
    font-size: 0.92rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.6;
    margin-bottom: 35px;
  }

  .cntct-details-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 40px;
  }

  .cntct-detail-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
  }

  .cntct-detail-icon {
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    flex-shrink: 0;
  }

  .cntct-detail-label {
    font-size: 0.78rem;
    text-transform: uppercase;
    color: var(--cntct-orange);
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 4px;
  }

  .cntct-detail-val {
    font-size: 0.98rem;
    font-weight: 600;
    color: #ffffff;
    text-decoration: none;
    line-height: 1.5;
  }

  .cntct-detail-val:hover {
    color: var(--cntct-orange);
  }

  .cntct-direct-wa {
    background: rgba(255, 255, 255, 0.08);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
  }

  .cntct-btn-wa-direct {
    background-color: var(--cntct-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 700;
    font-size: 0.88rem;
    padding: 10px 18px;
    border-radius: 10px;
    transition: background 0.3s ease;
    white-space: nowrap;
  }

  .cntct-btn-wa-direct:hover {
    background-color: var(--cntct-orange-hover);
  }

  /* Form Container */
  .cntct-form-card {
    background: var(--cntct-card-bg);
    border: 1px solid var(--cntct-border);
    border-radius: 24px;
    padding: 45px 40px;
    box-shadow: 0 10px 30px rgba(16, 44, 84, 0.05);
  }

  .cntct-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
  }

  .cntct-group-full {
    grid-column: span 2;
  }

  .cntct-form-group {
    display: flex;
    flex-direction: column;
    position: relative;
  }

  .cntct-label {
    font-size: 0.88rem;
    font-weight: 700;
    color: var(--cntct-navy);
    margin-bottom: 8px;
  }

  .cntct-input,
  .cntct-select,
  .cntct-textarea {
    width: 100%;
    padding: 12px 16px;
    background: #ffffff;
    border: 1.5px solid var(--cntct-border);
    border-radius: 12px;
    font-size: 0.95rem;
    color: var(--cntct-text-dark);
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
  }

  .cntct-input:focus,
  .cntct-select:focus,
  .cntct-textarea:focus {
    border-color: var(--cntct-orange);
    box-shadow: 0 0 0 4px rgba(243, 106, 0, 0.12);
  }

  .cntct-input.cntct-error-border,
  .cntct-select.cntct-error-border,
  .cntct-textarea.cntct-error-border {
    border-color: var(--cntct-error) !important;
  }

  .cntct-error-msg {
    font-size: 0.78rem;
    color: var(--cntct-error);
    margin-top: 5px;
    display: none;
    font-weight: 600;
  }

  .cntct-textarea {
    resize: vertical;
    min-height: 120px;
  }

  /* Submit Button */
  .cntct-submit-btn {
    background-color: var(--cntct-orange);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    padding: 15px 30px;
    border: none;
    border-radius: 12px;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 8px 20px rgba(243, 106, 0, 0.25);
  }

  .cntct-submit-btn:hover {
    background-color: var(--cntct-orange-hover);
    transform: translateY(-2px);
  }

  .cntct-submit-btn:disabled {
    background-color: #cbd5e1;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
  }

  /* Form Status Banner */
  .cntct-status-banner {
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 0.9rem;
    font-weight: 700;
    margin-bottom: 20px;
    display: none;
  }

  .cntct-status-banner.cntct-status-success {
    background-color: rgba(16, 185, 129, 0.12);
    color: var(--cntct-success);
    border: 1px solid var(--cntct-success);
  }

  .cntct-status-banner.cntct-status-error {
    background-color: rgba(239, 68, 68, 0.12);
    color: var(--cntct-error);
    border: 1px solid var(--cntct-error);
  }

  /* Responsive Rules */
  @media (max-width: 992px) {
    .cntct-layout {
      grid-template-columns: 1fr;
    }
  }

  @media (max-width: 600px) {
    .cntct-form-grid {
      grid-template-columns: 1fr;
    }
    .cntct-group-full {
      grid-column: span 1;
    }
    .cntct-form-card {
      padding: 30px 20px;
    }
    .cntct-info-card {
      padding: 30px 20px;
    }
  }



  .cntct-map-frame-wrapper {
    width: 100%;
    height: 400px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--cntct-border);
    padding-top: 20px;
  }

  .cntct-map-frame-wrapper iframe {
    width: 100%;
    height: 100%;
    border: 0;
  }

  /* banner */
    :root {
    --cg-navy-dark: #0a1c36;
    --cg-navy: #102c54;
    --cg-orange: #f36a00;
    --cg-orange-hover: #d95d00;
    --cg-white: #ffffff;
    --cg-text-muted: #cbd5e1;
    --cg-glass-border: rgba(255, 255, 255, 0.15);
  }

  /* Full Width Outer Wrapper */
  .cg-banner-wrapper {
    position: relative;
    width: 100%;
    background: linear-gradient(135deg, var(--cg-navy-dark) 0%, var(--cg-navy) 20%, #1e3a8a 100%);
    padding: 40px 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    box-sizing: border-box;
    overflow: hidden;
  }

  .cg-banner-wrapper::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(243, 106, 0, 0.22) 0%, transparent 70%);
    pointer-events: none;
  }

  .cg-banner-container {
    width: 100%;
    max-width: 1450px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    box-sizing: border-box;
  }

  /* Slider Viewport */
  .cg-banner-viewport {
    overflow: hidden;
    width: 100%;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--cg-glass-border);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45);
  }

  .cg-banner-track {
    display: flex;
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    width: 100%;
  }

  /* Slide Grid Layout */
  .cg-slide-item {
    min-width: 100%;
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    align-items: center;
    padding: 35px 20px;
    gap: 40px;
    box-sizing: border-box;
  }

  /* Left Side Copy */
  .cg-slide-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .cg-badge {
    background: rgba(243, 106, 0, 0.2);
    color: var(--cg-orange);
    border: 1px solid rgba(243, 106, 0, 0.4);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    padding: 6px 18px;
    border-radius: 50px;
    margin-bottom: 20px;
    display: inline-block;
  }

  .cg-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: var(--cg-white);
    line-height: 1.2;
    margin: 0 0 18px 0;
  }

  .cg-title span {
    color: var(--cg-orange);
  }

  .cg-desc {
    font-size: 1.05rem;
    color: var(--cg-text-muted);
    line-height: 1.6;
    margin: 0 0 32px 0;
    max-width: 520px;
  }

  /* Action Buttons */
  .cg-cta-group {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  .cg-btn-primary {
    background-color: var(--cg-orange);
    color: #ffffff !important;
    text-decoration: none;
    font-size: 0.98rem;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(243, 106, 0, 0.35);
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .cg-btn-primary:hover {
    background-color: var(--cg-orange-hover);
    transform: translateY(-2px);
  }

  .cg-btn-secondary {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    border: 1px solid var(--cg-glass-border);
    text-decoration: none;
    font-size: 0.98rem;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 12px;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }

  .cg-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-2px);
  }

  /* Right Side Image Frame */
  .cg-image-frame {
    width: 100%;
    height: 380px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    border: 2px solid var(--cg-glass-border);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4);
  }

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

  /* Navigation Buttons */
  .cg-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(10, 28, 54, 0.85);
    border: 1px solid var(--cg-glass-border);
    border-radius: 50%;
    color: #ffffff;
    font-size: 1.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: all 0.3s ease;
    backdrop-filter: blur(8px);
  }

  .cg-nav-btn:hover {
    background-color: var(--cg-orange);
    border-color: var(--cg-orange);
    transform: translateY(-50%) scale(1.08);
  }

  .cg-prev { left: 35px; }
  .cg-next { right: 35px; }

  /* Dots Navigation */
  .cg-dots-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 22px;
  }

  .cg-dot {
    width: 12px;
    height: 12px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .cg-dot-active {
    background-color: var(--cg-orange);
    width: 32px;
    border-radius: 10px;
  }

  /* Responsive Adjustments */
  @media (max-width: 992px) {
    .cg-slide-item {
      grid-template-columns: 1fr;
      padding: 40px 30px;
      gap: 30px;
    }

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

    .cg-image-frame {
      height: 280px;
    }

    .cg-prev { left: 20px; }
    .cg-next { right: 20px; }
  }

  @media (max-width: 576px) {
    .cg-banner-wrapper {
      padding: 20px 0;
    }

    .cg-banner-container {
      padding: 0 10px;
    }

    .cg-slide-item {
      padding: 25px 20px;
    }

    .cg-title {
      font-size: 1.7rem;
    }

    .cg-desc {
      font-size: 0.92rem;
    }

    .cg-cta-group {
      width: 100%;
      flex-direction: column;
    }

    .cg-btn-primary,
    .cg-btn-secondary {
      width: 100%;
      justify-content: center;
      box-sizing: border-box;
    }

    .cg-image-frame {
      height: 220px;
    }
  }


  

/* Floating button */
.whatsapp-float {
	position: fixed;
	bottom: 110px;
	right: 20px;
	background-color: #25D366;
	width: 45px !important;
	height: 45px !important;
	border-radius: 50%;
	box-shadow: 0 5px 15px rgba(0,0,0,0.2);
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 999;
	transition: transform 0.2s ease;position: fixed; bottom: 104px; right: 39px; cursor: pointer;
  }
  .whatsapp-float:hover {
	transform: scale(1.05);
  }
  
  /* Chat popup */
  .chat-popup {
	position: fixed;
	bottom: 150px;
	right: 70px;
	width: 280px;
	background: white;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,0.2);
	display: none;
	flex-direction: column;
	z-index: 1000;
	animation: fadeIn 0.3s ease;
  }
  
  /* Chat header */
  .chat-header {
	background:#276EAF;
	color: white;
	padding: 12px 16px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: center;
  }
  
  /* Close button */
  .close-btn {
	font-size: 18px;
	cursor: pointer;
  }
  
  /* Chat body */
  .chat-body {
	padding: 16px;
	display: flex;
	flex-direction: column;
  }
  .chat-body p {
	margin: 0 0 10px;
	color: #333;
	font-size: 14px;
  }
  .chat-body input {
	padding: 10px;
	border-radius: 6px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	font-size: 14px;
  }
  .chat-body button {
   background:#276EAF;
	color: white;
	border: none;
	padding: 10px;
	font-size: 14px;
	border-radius: 6px;
	cursor: pointer;
	transition: background 0.2s;
  }
  /* .chat-body button:hover {
	  background: #FEFB10;
	  color: #14183E;
  
  } */
  
  
  /* 📱 Mobile (max-width: 480px) */
  @media (max-width: 480px) {
  .whatsapp-float {
	bottom: 80px;
	right: 20px;
	width: 50px;
	height: 50px;
  }
  
  .chat-popup {
	bottom: 130px;
	right: 20px;
	width: 90%;   /* full width on mobile */
	max-width: 350px;
  }
  
  .chat-header {
	font-size: 14px;
	padding: 10px;
  }
  
  .chat-body p {
	font-size: 13px;
  }
  
  .chat-body input,
  .chat-body button {
	font-size: 13px;
	padding: 8px;
  }
  .mean-container .mean-nav ul li a {
	font-size: 14px;
  }
  .custom-logo {
	width: 155px; 
	height: 63px !important;
  }
  .section-title p {
	font-size: 14px;
  }
  .footer-copyright-text{
	font-size: 11px;
  }
  }
  
  /* 📲 Tablets (481px – 768px) */
  @media (min-width: 481px) and (max-width: 768px) {
  .whatsapp-float {
	bottom: 90px;
	right: 25px;
	width: 55px;
	height: 55px;
  }
  
  .chat-popup {
	bottom: 130px;
	right: 60px;
	width: 320px;
  }
  
  .chat-header {
	font-size: 15px;
	padding: 12px;
  }
  
  .chat-body input,
  .chat-body button {
	font-size: 14px;
  }
  
  }