/********************
Global elements 
********************/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


/* START: New design by vikki */
:root {
  --r2d-sidebar-bg: #1A3E53;
  --r2d-main-bg: #f8f9fa;
  --r2d-text-light: #ffffff;
  --r2d-text-dark: #333;
  --r2d-primary-red: #f9634b;
  --r2d-primary-red-hover: #ff615c;
  --r2d-primary-red-hover-boxshadow: 0 4px 10px rgba(243, 156, 18, 0.3);
  --r2d-primary-blue: rgba(50, 108, 169, 1);
  --r2d-primary-blue-hover: #2980b9;
  --r2d-primary-blue-hover-boxshadow: 0 4px 10px rgba(52, 152, 219, 0.3);
  --r2d-active-green: #5cb85c;
  --r2d-draft-blue: #337ab7;
  --r2d-closed-blue: #2c5b8b;
  --r2d-border-color: #e9ecef;
  --r2d-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  --r2d-calender-header: #1A3E53;
  --r2d-modal-header: #1A3E53;
  --r2d-modal-close-btn: #326ca9;
  --r2d-blue-table-haeder: #3A6A9F;
  --billing-primary-blue: #3a6a9e;
  --billing-border-color: #e9ecef;
  /* Light gray for borders */
  --billing-text-primary: #212529;
  /* Dark gray for main text */
  --billing-text-secondary: #6c757d;
  /* Muted gray for secondary text */

}

/* START: New design by vikki */


html,
body {
  font-family: "Montserrat", sans-serif;
  overflow-x: hidden;
  padding: 0 !important;
}

.hidden {
  display: none !important;
}

/* login changes */

#countdown {
  height: 40px;
  width: 40px;
  text-align: center;
  padding: 0px;
  font-size: 10px;
  margin-left: 12rem;
  margin-top: -3.5rem;
}

/*login page mobile resolution margin issue by Saurabh 16-11-2019
/*#btn-login{      
	margin-left: 20px !important;
} */

#countdown-number {
  color: rgb(7, 7, 7);
  display: inline-block;
  line-height: 40px;
  /* position: absolute; */
  position: relative;
  left: 35px;
}

.fixed i {
  position: absolute;
  right: 10px;
  z-index: 98;
  top: 12px;
  font-size: 26px;
}

.login-container svg {
  position: absolute;
  /* top: 0;
	right: 35px; */
  width: 40px;
  height: 40px;
  transform: rotateY(-180deg) rotateZ(-90deg);
}

.login-container svg #firstcircle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: var(--r2d-primary-red);
  fill: none;
  opacity: 0.4;
}

.login-container svg #secondcircle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: #ffffff;
  fill: none;
  animation: countdown 60s linear infinite forwards;
}

@keyframes countdown {
  from {
    stroke-dashoffset: 113px;
  }

  to {
    stroke-dashoffset: 0px;
  }
}

/* login changes end */

.container1 {
  max-width: 1200px !important;
}

.mar0 {
  margin: 0 !important;
}

.pad0 {
  padding: 0 !important;
}

.padlr5 {
  padding-left: 5px;
  padding-right: 5px;
}

.padb50 {
  padding-bottom: 50px;
}

.padb15 {
  padding-bottom: 15px;
}

.padb10 {
  padding-bottom: 10px;
}

.padb20 {
  padding-bottom: 20px;
}

.padt50 {
  padding-top: 50px;
}

.padl10p {
  padding-left: 10%;
}

.mr-5 {
  margin-right: 5px;
}

.full-width {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
}

.capitalize {
  text-transform: capitalize;
}

.show {
  display: block;
}

.hide {
  display: none;
}

.theme-color {
  color: var(--r2d-primary-red);
}

.button-bg1 {
  background-color: #f19b60b0;
}

.button-bg2 {
  background-color: #c4c4c4;
}

a {
  text-decoration: none;
}

/* header */
/* .r2d-main {
  margin-top: 140px;
}  New design by vikki (Commented by vikki)*/

.r2d-header {
  /* background-color: var(--r2d-primary-red); */
  /*New design by vikki */
  background: linear-gradient(96.77deg, #173c68 14.62%, #9b3d31 90.61%);
  /*New design by vikki */

}

.r2d-header nav {
  /* padding: 0px !important; */
  /* New design by vikki  (Commented by vikki)*/
}

.r2d-header .navbar-brand img {
  height: 58px;
  /* New design by vikki  (intial height 74px)*/
}

.r2d-header ul.navbar-nav li a {
  color: #ffffff !important;
  padding: 10px 20px !important;
}

.r2d-header ul.navbar-nav li .dropdown-menu {
  background-color: #193D67;
  /* New design by vikki  (intial color #f7b180)*/
  padding: 0;
}

.r2d-header ul.navbar-nav li .dropdown-menu li a {
  font-size: 15px;
  color: #fff;
  padding: 6px 15px !important;
}

.r2d-header ul.navbar-nav li .dropdown-menu li a.active {
  background-color: #193D67;
  /* New design by vikki  (intial color #f7b180)*/
}

.r2d-header ul.navbar-nav li .dropdown-menu li a:hover {
  background-color: #a43e31;
  /* New design by vikki */
}

.header-secondary-bar .section1 {
  background-color: #efefef;
  padding: 15px 30px;
}

.header-secondary-bar .section1 a {
  color: #73695b;
  font-weight: 600;
}

.header-secondary-bar .section1 h6 {
  margin: 0;
  font-size: 22px;
}

.logged-in .header-secondary-bar .section2 span {
  display: block;
}

.header-secondary-bar .section2 span {
  margin-right: 20px;
  color: #73695b;
  font-size: 14px;
  font-weight: 600;
  margin-top: -22px;
  display: none;
}

.home .main-heading.page-title {
  display: none;
}

.create-room-btn {
  display: none;
}

.page-id-122 .create-room-btn,
.page-id-59 .create-room-btn {
  display: block;
}



.sub-header-wrap {
  background-color: rgb(196 196 196 / 27%);
  padding: 15px 50px;
}

.sub-header-wrap h4 {
  margin: 0px;
  font-weight: 600;
  color: #73695b;
  display: inline-block;
}

.sub-header-wrap .create-room-btn {
  margin-top: -5px;
  font-size: 16px;
}

.sub-header-wrap .create-room-btn i {
  font-size: 20px;
  vertical-align: text-top;
}

.site-main {
  min-height: 40vh;
}

/* Element | http://right2data.in/ */
#header-login-id {
  text-align: right;
  background: #fa9149;
}

#header-login-id span {
  margin-right: 50px;
  color: #73695b;
  font-size: 14px;
  font-weight: 600;
}

.ui-datepicker {
  width: 13em !important;
}

button:focus {
  outline: none;
}

a {
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

.cancel_btn {
  background-color: var(--r2d-primary-blue) !important;
  /*New design by vikki */
}

.heading1 {
  font-size: x-large;
  font-weight: 500;
}

.ast-desktop .ast-primary-header-bar.main-header-bar,
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
  padding-top: 5px !important;
}

/* theme button */
.btn-themepurple {
  padding: 5px 15px;
  margin: 5px 5px;
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 25%);
  background-color: var(--r2d-primary-red);
  color: #ffffff;
}

.btn-themepurple:hover {
  color: #ffffff;
  box-shadow: 0px 0px 5px 0px rgb(0 0 0);
}

/**********************
main heading 
***********************/

.main-heading {
  padding: 15px 0px !important;
}

.main-heading .back-button {
  text-align: left;
}

.main-heading .back-button img {
  width: 35px;
  height: auto;
  margin-right: 10px;
  vertical-align: top;
}

.main-heading .back-button a {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding: 7px 15px 7px 7px;
  border-radius: 6px;
  background-color: #c4c4c4c4;
  color: #ffffff;
  text-transform: capitalize;
  margin-left: 30px;
}

.main-heading .back-button a:hover {
  color: #ffffff;
}

.main-heading .skip-button {
  text-align: right;
}

.main-heading .skip-button a {
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 2px;
  color: #979797;
  vertical-align: bottom;
  margin-right: 30px;
}

.main-heading .skip-button a:hover {
  outline: none;
  border-bottom: 1px solid #979797;
}

.main-heading .main-title {
  text-align: center;
}

.main-heading .main-title h1 {
  color: #f19b60;
  font-size: 28px;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  margin-bottom: 0;
}

.main-heading .separator {
  height: 5px;
  background: var(--r2d-primary-red);
  background: -webkit-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: -moz-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: linear-gradient(to right, var(--r2d-primary-red) 0%, #926db6 50%, #979797 100%);
  margin: 10px auto auto auto;
  opacity: 1;
}

.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover {
  color: #ffffff;
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}

/********************
Home Page 
********************/

/* login section start */

/* .login-section {
  background: #fff url("../images/home-bg1.png");
  padding: 40px;
} */
/* New design by vikki (Commented by vikki)  */

.login-section .login-container {
  width: 575px;
  height: 400px;
  /*recaptch v2 */
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
  margin: auto;
  padding: 0px;
}

/*recaptch v2 */
.g-recaptcha {
  /* margin-left: 23%; */
  margin-left: 16%;
  /* New design by vikki */
  margin-bottom: 0.5em;
  transform: scale(0.77);
  /* Adjust the scale value to resize */
  transform-origin: 0 0;
}

/*recaptch v2 */

.login-section .login-container .login-text {
  height: inherit;
  background-color: var(--r2d-primary-red);
}

.login-section .login-container .login-text span {
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  display: inline-block;
  padding: 0px 0px 0px 0px;
  width: 260px;
  height: 60px;
  font-size: 30px;
  margin: 82px 0px 0px -82px;
}

.login-section .login-container .login-text-after span {
  width: 256px;
  height: 80px;
  margin: 155px 0px 0px -78px;
}

.login-section .login-container .login-heading {
  padding: 10px;
  text-align: center;
}

.login-section .login-container .login-heading span {
  font-size: 18px;
}

.login-section .login-container .or-seperator {
  background-color: var(--r2d-primary-red);
  color: #ffffff;
  position: absolute;
  left: 50%;
  /* top: 0; */
  padding: 14px 14px;
  border: 9px solid #fff;
  border-radius: 50px;
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.25);
}

.login-section .login-container button {
  width: 215px;
  margin-top: 15px;
  font-size: 15px;
}

.login-section .login-container button:focus {
  outline: none;
}

.remove_outline:focus,
.remove_outline li a:focus,
a.custom-logo-link:focus,
menu-link:focus {
  outline: none;
}

.login-section .login-container .email-button {
  color: #ffffff;
  padding-right: 70px;
}

.login-section .login-container .email-button:hover,
.login-section .login-container .email-button:focus {
  background-color: #f19b60b0;
}

.login-section .login-container .mobile-button {
  color: #ffffff;
  padding-left: 60px;
}

.login-section .login-container .mobile-button:hover,
.login-section .login-container .mobile-button:focus {
  background-color: #f19b60b0;
}

.login-section .login-container .login-inputs {
  padding: 35px 25px 0px 25px;
}

.login-section .login-container .otp-inputs {
  padding: 20px 25px 10px 25px;
}

.login-section .login-container .login-inputs span {
  font-size: 15px;
  /*18px*/
  /*font-weight: 500;*/
}

.login-section .login-container .login-inputs input {
  width: 75%;
  border: none;
  border-radius: 0px;
  height: 35px;
  box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  font-size: 18px;
}

.login-section .login-container .login-inputs#mobile-input input {
  width: 320px;
}

.login-section .login-container .otp-inputs input {
  width: 75%;
  border: none;
  border-radius: 0px;
  height: 35px;
  box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 5px 6px 1px rgba(0, 0, 0, 0.25);
  font-size: 18px;
}

.login-section .login-container #mobile-input .login-type {
  margin-right: 20px;
}

.login-section .login-container .login-inputs#email-input input {
  width: 320px;
  margin-left: 38px;
  padding: 10px;
}

.login-section .login-container .otp-inputs input {
  margin-left: 68px;
  padding: 10px;
}

.login-section .login-container .login-submit {
  padding: 15px 25px 0px 25px;
}

.login-section .login-container .login-inputs input:focus,
.login-section .login-container .otp-inputs input:focus {
  outline: none;
}

.login-section .login-container .login-submit input,
.login-section .login-container .login-submit .get-otp-btn {
  color: #ffffff;
  background: var(--r2d-primary-red);
  font-size: 15px;
  padding: 15px 20px;
  border-radius: 30px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  border: none;
  /* kiran - border issue fix 10-08-2023 */
}

/* checkbox login start */

.login-section .login-container .login-submit .checkboxlogin {
  padding-top: 15px;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer p {
  margin-left: 25px;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.login-section .login-container .login-submit .checkboxlogin .checkmark {
  position: absolute;
  /* top: 15px;
	left: 15px; */
  height: 20px;
  width: 20px;
  background-color: #eee;
}

.login-section .login-container .login-submit .checkboxlogin.adminlogin .checkmark {
  margin-left: -130px;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer:hover input~.checkmark {
  cursor: pointer;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer input:checked~.checkmark {
  background-color: var(--r2d-primary-red);
}

.login-section .login-container .login-submit .checkboxlogin .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer input:checked~.checkmark:after {
  display: block;
}

.login-section .login-container .login-submit .checkboxlogin .checkcontainer .checkmark:after {
  left: 8px;
  top: 4px;
  width: 5px;
  height: 12px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* checkbox login end */

/* login section end */

/* about section start */

.about-section {
  padding: 20px 0px !important;
  background: #c4c4c45e url("../images/bg-costeffective.png");
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.about-section .whychooseus-heading {
  text-align: center;
}

.about-section .whychooseus-heading .heading {
  text-transform: uppercase;
  padding: 0px 100px;
  font-size: 2em;
  font-weight: 700;
  color: #ffffff;
  vertical-align: middle;
}

.about-section .whychooseus-heading .divider {
  border: 2px solid #ffffff;
  border-radius: 20px;
  width: 250px;
  height: 0px;
  display: inline-block;
}

.about-section .whychooseus-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.about-section .whychooseus-container .whychooseus-box {
  padding: 20px 10px;
  text-align: center;
  cursor: pointer;
}

.about-section .whychooseus-container .whychooseus-box img {
  border-radius: 70px;
  width: 70px;
  height: auto;
}

.about-section .whychooseus-container .whychooseus-box div {
  width: 250px;
  height: 200px;
  border-radius: 10px;
  margin-top: -30px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
}

.about-section .whychooseus-container .whychooseus-box.box1 div {
  background: #304475;
}

.about-section .whychooseus-container .whychooseus-box.box2 div {
  background: #a3d179;
}

.about-section .whychooseus-container .whychooseus-box.box3 div {
  background: #c64444;
}

.about-section .whychooseus-container .whychooseus-box.box4 div {
  background: #efc12f;
}

.about-section .whychooseus-container .whychooseus-box.box5 div {
  background: #39b6cc;
}

.about-section .whychooseus-container .whychooseus-box h6 {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: capitalize;
  padding-top: 81px;
}

.keyfeature-section {
  background: #fff url("../images/bg-ovel1.png");
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.keyfeature-section .keyfeature-left img {
  margin: 110px auto auto auto;
  width: 380px;
}

.keyfeature-section .keyfeature-right img {
  margin: 110px auto auto auto;
  width: 380px;
}

.keyfeature-section .keyfeature-container {
  padding: 30px 20px 30px 20px;
}

.keyfeature-section .keyfeature-container h6 {
  font-size: 2em;
  font-weight: 700;
  color: #f19b60;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.keyfeature-section .keyfeature-container ul {
  margin: 0 0 1.5em 1.5em;
}

.keyfeature-section .keyfeature-container ul li {
  color: #73595b;
  font-size: 22px;
}

.keyfeature-section .keyfeature-container ul li a {
  color: #73595b;
  font-weight: 700;
  letter-spacing: 1.5px;
}

.keyfeature-section .keyfeature-container ul li:hover,
.keyfeature-section .keyfeature-container ul li:hover a {
  cursor: pointer;
  color: #f19b60;
}

.costeffective-section {
  padding: 20px 0px !important;
  background: #f19b60;
  background-image: url("../images/bg-costeffective.png");
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.costeffective-section .costeffective-heading {
  text-align: center;
}

.costeffective-section .costeffective-heading .heading {
  text-transform: uppercase;
  padding: 0px 30px;
  font-size: 2em;
  font-weight: 700;
  color: #ffffff;
  vertical-align: middle;
}

.costeffective-section .costeffective-heading .divider {
  border: 2px solid #ffffff;
  border-radius: 20px;
  width: 250px;
  height: 0px;
  display: inline-block;
}

.costeffective-section .costeffective-container {
  text-align: center;
}

.costeffective-section .costeffective-container .section1 div {
  padding: 25px 0px;
}

.costeffective-section .costeffective-container .section1 span {
  font-size: 1.5em;
  color: #ffffff;
}

.costeffective-section .costeffective-container .section1 span.cost {
  font-size: 1.5em;
  /*border-right: 1px solid #ffffff;*/
  margin-right: 20px;
  padding-right: 10px;
}

.costeffective-section .costeffective-container .section1 span.cost small {
  font-size: 12px;
  color: #57544e;
  margin-left: 5px;
  text-transform: uppercase;
}

.costeffective-section .costeffective-container .section1 span.costeffective-divider {
  font-size: 1.5em;
  border: 4px solid #ffffff;
  padding: 11px 15px;
  border-radius: 30px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
}

.costeffective-section .costeffective-container .section2 div {
  padding-top: 20px;
  padding-bottom: 10px;
}

.costeffective-section .costeffective-container .section2 h3 {
  color: #57544e;
}

.costeffective-section .costeffective-container .section2 h3 a {
  color: #ffffff;
  font-size: 120%;
}

.costeffective-section .costeffective-container .section2 h3 a:hover {
  color: #ffffff;
  text-decoration: underline;
}

.costeffective-section .costeffective-container .section2 span {
  color: #57544e;
  font-size: 12px;
}

.ourcustomers-section {
  padding: 0px 0px 20px 0px !important;
  background: #ffffff;
}

.ourcustomers-section .ourcustomers-heading {
  text-align: center;
  background: #ffffff;
  border-bottom: 2px solid #f19b60;
  padding: 20px 20px;
}

.ourcustomers-section .ourcustomers-heading .heading {
  text-transform: uppercase;
  padding: 0px 143px;
  font-size: 2em;
  font-weight: 700;
  color: #f19b60;
  vertical-align: middle;
}

.ourcustomers-section .ourcustomers-heading .divider {
  border: 2px solid #f19b60;
  border-radius: 20px;
  width: 250px;
  height: 0px;
  display: inline-block;
}

.ourcustomers-section .ourcustomers-container .owl-nav {
  display: none;
}

.owl-carousel .owl-item img {
  width: 200px;
  height: auto;
}

.key-feature {
  background: #fff url("../images/key-feature.png");
  height: 1200px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.contact-us-sticky-bar {
  position: fixed;
  top: 75%;
  right: 0;
  z-index: 1;
}

.contact-us-sticky-bar a {
  display: block;
  text-align: center;
  font-size: 1.5em;
  color: #ffffff;
  border: 2px solid #ffffff;
  border-right: none;
  background: var(--r2d-primary-red);
  padding: 15px 30px 15px 30px;
  border-radius: 40px 0px 0px 40px;
  letter-spacing: 2px;
  font-weight: 600;
}

/* about section end */

/******************** 
Data Rooms
*********************/

/* dataroom start */

#custom-tooltip {
  display: none;
  margin-left: 40px;
  padding: 5px 12px;
  background-color: #000000df;
  border-radius: 4px;
  color: #fff;
}

.drmain-container {
  padding: 0px !important;
}

.drmain-container .separator1 {
  height: 5px;
  background: var(--r2d-primary-red);
  background: -webkit-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: -moz-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: linear-gradient(to right, var(--r2d-primary-red) 0%, #926db6 50%, #979797 100%);
  margin: 15px auto;
  opacity: 1;
}

.drmain-container .drmain-box {
  padding: 15px 20px;
}

.drmain-container .drmain-box .section-box1 .content {
  display: inline-flex;
}

.drmain-container .drmain-box .section-box1 .drmain-logo-box {
  margin: auto 25px;
}

.drmain-container .drmain-box .section-box1 .drmain-logo-box img {
  padding: 15px;
  border-radius: 40px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  width: 100px;
  height: 100px;
}

.drmain-container .drmain-box .section-box1 .drmain-title-box {
  margin: auto auto;
}

.drmain-container .drmain-box .section-box1 .drmain-title-box .drmain-title {
  color: var(--r2d-primary-red);
  font-weight: 600;
  margin: 0px;
}

.drmain-container .drmain-box .section-box1 .drmain-title-box .drmain-author {
  display: block;
  color: #979797;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.drmain-container .drmain-box .section-box1 .drmain-title-box .drmain-fromdate {
  display: block;
  color: #73695b;
  font-size: 13px;
  font-weight: 600;
}

.drmain-container .drmain-box .section-box1 .drmain-title-box .drmain-todate {
  display: block;
  color: #73695b;
  font-size: 13px;
  font-weight: 600;
}

.drmain-container .drmain-box .section-box2 {
  text-align: right;
  padding: 0px;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box1 {
  margin: auto auto 10px auto;
  padding-bottom: 20px;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box2 {
  margin: auto auto 10px auto;
  padding-bottom: 5px;
}

.drmain-container .drmain-box .section-box2 .drmain-button {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(146, 109, 182, 0.62);
  border-radius: 60px 0px 0px 60px;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.drmain-container .drmain-box .section-box2 .drmain-opt-button {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(146, 109, 182, 0.62);
  border-radius: 60px 0px 0px 60px;
  padding: 10px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.drmain-container .drmain-box .section-box2 .drmain-opt-button:hover .drmain-container .drmain-box .section-box2 .drmain-opt-button:focus {
  outline: none;
  border: none;
}

.drmain-container .drmain-box .section-box2 .drmain-opt-button i {
  font-size: 30px;
  vertical-align: middle;
}

.drmain-container .drmain-box .section-box2 .drmain-opt-button span {
  display: none;
}

.drmain-container .drmain-box .section-box2 .drmain-opt-button.dropdown-toggle::after {
  content: none;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box2 .dropdown {
  width: fit-content;
  position: absolute;
  right: 0px;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box2 .dropdown:hover span {
  display: inline-block;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box2 .dropdown:hover>.dropdown-menu {
  display: block;
  right: 0;
  left: auto;
}

.drmain-container .drmain-box .section-box2 .drmain-menu-box2 .dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

.drmain-container .drmain-box .section-box2 .dropdown-menu {
  padding: 0px;
}

.drmain-container .drmain-box .section-box2 .dropdown-menu .dropdown-item {
  color: #ffffff;
  background-color: #bba4d2;
  text-align: center;
  border-bottom: 1px solid #ffffff;
}

.drmain-container .drmain-box .section-box2 .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}

.drmain-expired .drmain-title-box h4,
.drmain-expired .drmain-title-box span {
  color: #c4c4c4 !important;
}

.drmain-expired .drmain-button,
.drmain-expired .drmain-opt-button {
  background: #c4c4c4 !important;
}

.drmain-new .drmain-button {
  background: var(--r2d-primary-red) !important;
}

.drmain-expired .drmain-box .section-box2 .dropdown-menu .dropdown-item {
  background-color: #c4c4c4;
}

/*START: display message for new user on admin panel and my datarooms page by Saurabh 24-06-2022*/
.txt_clr_purple,
.txt_clr_purple a {
  color: #6f2f9f !important;
}

.data_room-small-nodata_room {
  text-align: center;
  font-size: 1.5em;
  line-height: 2;
}

/*END: display message for new user on admin panel and my datarooms page by Saurabh 24-06-2022*/

/* dataroom end */
/* dataroom withoutdata start */

.dr-nodata-container {
  text-align: center;
  min-height: 500px;
}

.dr-nodata-container div {
  margin: 120px auto auto auto;
}

.dr-nodata-container h2 {
  letter-spacing: 2px;
  font-weight: 600;
  color: #979797;
}

.dr-nodata-container h2 a {
  color: #979797;
}

.dr-nodata-container h2 a:hover {
  border-bottom: 1px solid #979797;
  /*text-decoration: underline;*/
}

.dr-nodata-container h2.theme-color {
  color: var(--r2d-primary-red);
}

/*START: get directory from parent directory with permissions by saruabh 27-06-2022*/
.dir-icon {
  font-size: 20px;
  margin-right: 8px;
  color: var(--r2d-primary-red);
  /*New design by vikki */
}

/*END: get directory from parent directory with permissions by saruabh 27-06-2022 */

/* dataroom withoutdata end */

/* dataroom withdata start */

.dr-withdata-container {
  padding: 15px !important;
  min-height: 500px;
}

.dr-withdata-container .dr-index {
  background: rgba(187, 164, 210, 0.72);
  padding: 0px !important;
  min-height: 500px;
}

.dr-withdata-container .dr-index ul {
  list-style: none;
  margin: 0;
  padding: 15px 0px 15px 30px;
}

.dr-withdata-container .dr-index li ul {
  padding: 15px;
  margin-left: 20px;
}

.dr-withdata-container .dr-index li i {
  font-size: 25px;
  margin-right: 10px;
}

.dr-withdata-container .dr-index .toggle i {
  color: var(--r2d-primary-red);
}

.dr-withdata-container .dr-index a {
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 1.2px;
  /* padding: 5px 10px; */
  /*commented for new tree structure by saurabh 28-06-2022*/
}

/* .dr-withdata-container .dr-index li ul a {
	font-size: 20px;
}

.dr-withdata-container .dr-index li ul i {
	font-size: 22px;
}

.dr-withdata-container .dr-index li ul li ul a {
	font-size: 18px;
}

.dr-withdata-container .dr-index li ul li ul i {
	font-size: 20px;
} */
#viewer_file_error {
  text-align: center;
  font-size: x-large;
}

.dr-withdata-container .dr-index a:hover {
  /* color: #ffffff; commented by vikki */
  cursor: pointer;
}

.dr-withdata-container .dr-index .toggle:hover {
  cursor: pointer;
}

.dr-withdata-container .dr-index li.active {
  /* background: #ffffff; */
  border-radius: 10px 0px 0px 10px;
}

.dr-withdata-container .dr-index li.active a {
  color: var(--r2d-primary-red);
}

.dr-withdata-container .dr-heading {
  background: #b29bc8;
  text-align: center;
  padding: 12px;
}

.dr-withdata-container .dr-heading span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table {
  border: none;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table th {
  border: none;
  background: var(--r2d-blue-table-haeder);
  /*New design by vikki */
  padding: 12px;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table th span {
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 0px 0px;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table td {
  border: none;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table a {
  cursor: pointer;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .file-name {
  color: #73695b;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .file-name img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .bookmark i {
  color: var(--r2d-primary-red);
  /*New design by vikki */
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .file-actions,
.dr-withdata-container .dr-nav-content .dr-withdata-table .dir-actions {
  /* 27-06-2022*/
  margin-left: 30%;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .file-actions i,
.dr-withdata-container .dr-nav-content .dr-withdata-table .dir-actions i {
  /* 27-06-2022*/
  color: var(--r2d-primary-red);
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .date-time {
  color: #73695b;
}

.dr-withdata-container .dr-nav-content .dr-withdata-table .file-size {
  color: #73695b;
}

#data_room_selfie {
  margin-bottom: 3em;
}

/* dataroom withoutdata end */

/******************** 
Admin Panel
*********************/

#confirmation-dialog {
  display: none;
}

.create-room-btn {
  float: right;
  padding: 5px 13px;
  border-radius: 50px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff !important;
  background-color: #f19b60;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  outline: none;
  margin: -4px auto;
}

.create-room-btn:hover {
  color: #ffffff;
  background-color: #926db6;
}

.create-room-btn i {
  margin-right: 4px;
  font-size: 18px;
  vertical-align: initial;
}

.adminpanel-menu-box .hb-publish-btn,
.adminpanel-publish .publish-menu-btn,
.adminpanel-publish .dropdown-item {
  background-color: #fa9149 !important;
}

#additional_verification_div {
  height: 250px;
  font-family: 'Montserrat', sans-serif;
  /*New design by vikki */
}

/* 
.sharebtn {
	margin: 6px;
	color: #fa9149;
	font-size: x-large;
} */

#user_message {
  padding: 10px;
  border: solid 1px #000;
  border-radius: 10px;
}

#otp_val {
  margin: 10px;
}

.adminpanel-container {
  padding: 0px !important;
}

.extend-label {
  margin-left: 30px !important;
  display: block !important;
  margin-top: -7px !important;
}

.extend_option {
  float: left;
}

#extend-time-options-div {
  margin-top: 1em;
}

/* .modal-content {
	padding: 10px;
  } */

#modalEnddate,
#timepicker3 {
  width: 100% !important;
}

.bootstrap-timepicker-widget {
  z-index: 999999;
}

.adminpanel-container .separator1 {
  height: 5px;
  background: var(--r2d-primary-red);
  background: -webkit-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: -moz-linear-gradient(to right,
      var(--r2d-primary-red) 0%,
      #926db6 50%,
      #979797 100%);
  background: linear-gradient(to right, var(--r2d-primary-red) 0%, #926db6 50%, #979797 100%);
  margin: 15px auto;
  opacity: 1;
}

.adminpanel-container .adminpanel-box {
  padding: 15px 20px;
}

.adminpanel-container .adminpanel-box .section-box1 .content {
  display: inline-flex;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-logo-box {
  margin: auto 25px;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-logo-box img {
  padding: 15px;
  border-radius: 40px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  width: 100px;
  height: 100px;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-title-box {
  margin: auto auto;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-title-box .adminpanel-title {
  color: var(--r2d-primary-red);
  font-weight: 600;
  margin: 0px;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-title-box .adminpanel-author {
  display: block;
  color: #979797;
  font-size: 13px;
  font-weight: 600;
  text-transform: capitalize;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-title-box .adminpanel-fromdate {
  display: block;
  color: #73695b;
  font-size: 13px;
  font-weight: 600;
}

.adminpanel-container .adminpanel-box .section-box1 .adminpanel-title-box .adminpanel-todate {
  display: block;
  color: #73695b;
  font-size: 13px;
  font-weight: 600;
}

.adminpanel-container .adminpanel-box .section-box2 {
  text-align: right;
  padding: 0px;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box {
  margin: auto auto 10px auto;
  padding-bottom: 20px;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-button {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(146, 109, 182, 0.62);
  border-radius: 60px 0px 0px 60px;
  padding: 10px 20px;
  color: #ffffff;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: rgba(146, 109, 182, 0.62);
  border-radius: 60px 0px 0px 60px;
  padding: 10px;
  color: #ffffff;
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button:hover .adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button:focus {
  outline: none;
  border: none;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button i {
  font-size: 30px;
  vertical-align: middle;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button span {
  display: none;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button.dropdown-toggle::after {
  content: none;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .dropdown {
  width: fit-content;
  position: absolute;
  right: 0px;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .dropdown:hover span {
  display: inline-block;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .dropdown:hover>.dropdown-menu {
  display: block;
  right: 0;
  left: auto;
}

.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

.adminpanel-container .adminpanel-box .section-box2 .dropdown-menu {
  padding: 0px;
}

.adminpanel-container .adminpanel-box .section-box2 .dropdown-menu .dropdown-item {
  color: #ffffff;
  background-color: #bba4d2;
  text-align: center;
  border-bottom: 1px solid #ffffff;
}

.adminpanel-container .adminpanel-box .section-box2 .dropdown-menu .dropdown-item:hover {
  font-weight: 500;
}

.adminpanel-container .adminpanel-box .section-box2 .dropdown-menu .dropdown-item:last-child {
  border-bottom: none;
}

.adminpanel-expired .adminpanel-title-box h4,
.adminpanel-expired .adminpanel-title-box span {
  color: #c4c4c4 !important;
}

.adminpanel-expired .adminpanel-menu-box .adminpanel-button,
.adminpanel-expired .adminpanel-menu-box .adminpanel-opt-button {
  background: #c4c4c4 !important;
}

.adminpanel-new .adminpanel-menu-box .adminpanel-button {
  background: var(--r2d-primary-red) !important;
}

.adminpanel-expired .adminpanel-box .section-box2 .dropdown-menu .dropdown-item {
  background-color: #c4c4c4;
}

.extenddataroomtime-modal {
  top: 25%;
}

.extenddataroomtime-modal .modal-content {
  border-radius: 0px;
  border: none;
}

.extenddataroomtime-modal .modal-header {
  /*START:New design by vikki */
  /* background: linear-gradient(270deg, #F4904A 2.17%, #926DB6 41.23%, #979797 99.81%); */
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
  /*END:New design by vikki */
}

.extenddataroomtime-modal .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.extenddataroomtime-modal .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.extenddataroomtime-modal .modal-header .close:focus {
  outline: none;
}

.extenddataroomtime-modal .modal-body {
  padding: 20px 20px 0px 20px;
}

.extenddataroomtime-modal .modal-body p {
  color: #000000;
  font-weight: 600;
  margin: 0;
}

.extenddataroomtime-modal .modal-body .datetimeinput input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  background-color: #c4c4c487;
  padding: 15px 20px;
  border-radius: 0px;
  border: none;
}

.extenddataroomtime-modal .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.extenddataroomtime-modal .modal-footer .btn {
  /*START:New design by vikki */
  /* padding: 11px 67px 10px 61px;
	border-radius: 20px;
	box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
	background-color: #f19b60;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	border: none; */

  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  /*END:New design by vikki */
}

.downloadinvoice-modal {
  top: 25%;
}

.downloadinvoice-modal .modal-content {
  border-radius: 0px;
  border: none;
}

.downloadinvoice-modal .modal-header {
  background: var(--r2d-modal-header);
  /* New design by vikki */
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
  /* New design by vikki */
}

.downloadinvoice-modal .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.downloadinvoice-modal .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.downloadinvoice-modal .modal-header .close:focus {
  outline: none;
}

.downloadinvoice-modal .modal-body {
  padding: 30px 20px 10px 20px;
}

.downloadinvoice-modal .modal-body p {
  color: #000000;
  font-weight: 600;
  margin: 0;
}

.downloadinvoice-modal .modal-body .btn {
  padding: 10px 50px;
  border-radius: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  /*END: New design by vikki */
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  margin-bottom: 20px;
}

.downloadinvoice-modal .modal-body .btn:hover {
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.25);
}

.createroom-btn {
  position: fixed;
  top: 91%;
  right: 5%;
  z-index: 1;
  padding: 12px 15px;
  border-radius: 50px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: #f19b60;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}

.createroom-btn:hover {
  background-color: rgba(146, 109, 182);
  border: none;
}

.createroom-btn i {
  margin-right: 10px;
  font-size: 30px;
  vertical-align: middle;
}

.share-model {
  top: 25%;
}

.share-model .modal-content {
  border-radius: 0px;
  border: none;
}

.share-model .modal-header {
  background: var(--r2d-modal-header);
  /*: New design by vikki */
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
  /*: New design by vikki */
}

.share-model .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.share-model .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.share-model .modal-header .close:focus {
  outline: none;
}

.share-model .modal-body {
  padding: 20px 20px 0px 20px;
}

.share-model .modal-body a {
  font-size: 26px;
  padding: 5px 10px;
}

.share-model .modal-body a.facebook {
  color: #4267b2;
}

.share-model .modal-body a.twitter {
  color: #1da1f2;
}

.share-model .modal-body a.mail {
  color: #db4437;
}

.share-model .modal-body a.whatsapp {
  color: #25d366;
}

.share-model .modal-body a.linkedin {
  color: #4267b2;
}

.share-model .modal-body a.copy {
  color: var(--r2d-modal-close-btn);
  /*New design by vikki */
}

.share-model .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.share-model .modal-footer .btn {
  padding: 11px 67px 10px 61px;
  border-radius: 20px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: var(--r2d-modal-close-btn);
  /*New design by vikki */
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}




/************************************** 
  START: Add Users (New design by vikki)
***************************************/
.addusers-container {
  padding-top: 15px;

  border-radius: 8px;
}

.icon-left {
  margin-right: 10px;
}

#upload_file_name_div {
  text-align: center;
  font-size: 1.2em;
}

.addusers-container .heading-section,
.addusers-container #add-user-div {
  margin-left: 100px;
  align-items: center;
}

.addusers-container .heading-section,
.addusers-container .input-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.addusers-container .heading-section>div {
  padding: 20px 20px;
  text-align: center;
}

.addusers-container .heading-section h4 {
  margin: 0;
  /* color: #f4904a; */
  font-weight: 600;
  line-height: 1;
  font-size: 20px;
}

.addusers-container .heading-section span {
  font-weight: 600;
  color: #777;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.addusers-container .input-fields>.row {
  justify-content: flex-end;
}

.addusers-container .input-fields {
  text-align: center;
}

.addusers-container .input-fields h4.sm-view {
  margin: 0;
  color: #f4904a;
  font-weight: 600;
  line-height: 1;
}

.addusers-container .input-fields span.sm-view {
  color: #f4904a;
  margin-bottom: 10px;
}

.addusers-container .input-fields .row > div {
    position: relative;
}

.addusers-container .input-fields input {
  position: relative;
  width: 100%;
  width: -moz-available;

  border: 1px solid #c0c0c0;
  border-radius: 8px;
  background: #f9f9f9;
  font-size: 14px;
  margin-bottom: 20px;
  /* Adjusted from 40px */
  padding: 5px 15px;
  box-sizing: border-box;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.addusers-container .input-fields input:focus {
  outline: none;
  border-color: var(--r2d-primary-red);
  box-shadow: 0 0 5px rgba(244, 144, 74, 0.3);
}

/* .addusers-container .input-fields .error-msg-name {
  position: absolute;
  
  left: 50%;
  color: var(--r2d-primary-red);
  font-weight: 500;
  font-size: 12px;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.addusers-container .input-fields .error-msg-login {
  position: absolute;
 
  left: 15.5%;
  color: var(--r2d-primary-red);
  font-weight: 500;
  font-size: 12px;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
}

.addusers-container .input-fields .error-msg-additional {
  position: absolute;
  

  color: var(--r2d-primary-red);
  font-weight: 500;
  font-size: 12px;
  margin-top: 2rem;
  margin-bottom: 0.5rem;
  right: 30%;
} */

.addusers-container .input-fields .error-msg {
    position: absolute;
    bottom: 5px; 
    left: 15px;
    color: var(--r2d-primary-red);
    font-weight: 500;
    font-size: 12px;
}


/* .addusers-container .input-fields input {
	width: 100%;
	width: -moz-available;
	border: none;
	border-radius: 0px;
	height: 50px;
	background: rgb(196 196 196 / 53%);
	font-size: 18px;
	margin-bottom: 40px;
	padding: 10px 10px;
} */

.addusers-container .input-fields .action-buttons {
  text-align: left;
  padding: 5px 10px 0px 10px;
}

.addusers-container .input-fields .action-buttons a {
  color: #555;
  font-size: 22px;
  line-height: 1;
}

.addusers-container .input-fields .action-buttons a:hover {
  color: var(--r2d-primary-red);
  text-decoration: none;
}

.addusers-container .upload-button {
  padding: 20px 20px;
  cursor: pointer;
  text-align: center;

}

.upload-icon-svg svg {
  color: #b0b0b0;
  margin-bottom: 20px;
}

.upload-container h2 {
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 8px;
}

.addusers-container .upload-button .upload-list {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  gap: 16px;
}

/* .addusers-container .upload-button .upload-list button {
	width: 270px;
	background-color:var(--r2d-primary-blue);
	color: #ffffff;
	font-size: 15px;
	font-weight: 600;
	text-align: center;
	padding: 12px 12px;
	border-radius: 30px;
	text-decoration: none;
    transition: background 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.addusers-container .upload-button .upload-list button:hover{
	background-color: var(--r2d-primary-blue-hover); 
    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);

}

.addusers-container .upload-button .upload-list button i {
	color: #ffffff;
	font-size: 24px;
	padding: 0px 10px;
	vertical-align: bottom;
} */

/* .addusers-container .upload-button .download-sample {
	text-align: left;
} */

/* .addusers-container .upload-button .download-sample h6 {
	margin: 20px auto 10px 0px;
	font-weight: 500;
}

.addusers-container .upload-button .download-sample h6 a {
	color: var(--r2d-primary-red);
}

.addusers-container .upload-button .download-sample a:hover {
	color: #F4904A;
	text-decoration: underline !important;
} */

.choose-file-btn,
.download-template-btn {
  width: 200px;
  /* Explicitly sets the width for both buttons */
  box-sizing: border-box;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.choose-file-btn {
  background-color: var(--r2d-primary-blue);
  color: white;
  text-decoration: none;
  transition: background 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border: none;
}

.choose-file-btn:hover {
  background-color: var(--r2d-primary-blue-hover);
  box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}

.download-template-btn {
  background-color: #f5f5f5;
  color: #555;
  border: 1px solid #ccc;
}

.download-template-btn:hover {
  background-color: #eaeaea;
}


.addusers-container .next-prev-action {
  text-align: center;
  padding: 20px 25px 25px 25px;
}

.addusers-container .next-prev-action button.next-button {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s ease;

}

.addusers-container .next-prev-action button.next-button {
  background-color: var(--r2d-primary-red);
  transition: background 0.3s ease;

}

.addusers-container .next-prev-action button.next-button:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}


/* .addusers-container .or-divider {
	text-align: center;
	justify-content: center;
	padding: 40px;
}

.addusers-container .or-divider span {
	width: auto;
	background-color: #F4904A;
	color: #ffffff;
	padding: 17px 17px;
	border: 10px solid #fff;
	border-radius: 50px;
	box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.25);
} */

.addusers-container .or-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.addusers-container .or-divider span {
  background-color: #E0E0E0;
  color: #666;
  border-radius: 50%;
  padding: 15px;
  margin: 0 20px;
  font-weight: bold;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.addusers-container .or-divider .line {
  flex-grow: 1;
  height: 3px;
  background-color: #ccc;
}

.data-room-small {
  margin-top: 15px;
  padding: 10px 10px;
  border-bottom: 1px solid #dcdcdc;
  background-color: #fff;
}


#viewer_next,
#update_viewers {
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  padding: 12px 12px;
  border-radius: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  /* letter-spacing: 2px; */
  width: 250px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border: none;



  /* padding: 12px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: background 0.3s ease;
    background: var(--r2d-primary-red);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); */
}

#viewer_next:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}

#add-viewers {
  color: #ffffff;
  background-color: var(--r2d-primary-blue);
  padding: 12px 12px;
  border-radius: 30px;
  /* text-transform: uppercase; */
  font-size: 16px;
  font-weight: 600;
  /* letter-spacing: 2px; */
  font-family: 'Montserrat', sans-serif;
  width: 250px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  border: none;
}

#add-viewers:hover {
  background-color: var(--r2d-primary-blue-hover);
  box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);

}

#update_viewers:hover {
  background-color: var(--r2d-primary-blue-hover) !important;
  box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}

.entry-content #viewer-title {
  color: #F4904A;
  text-align: center;
  font-size: 32px;
}

.upload-viewer-custom-checkbox {
  display: inline !important;
}


#add-user-div .add-user-icon {
  margin-right: 10px;
}

.uploaded-viewer-list-container {
  font-family: Arial, sans-serif;
  text-align: center;
  width: 100%;
  max-width: 1200px;
  /* Adjust max-width as needed */
  margin: 0 auto;
  padding: 20px;
}

/* Styling for action buttons */
.uploaded-viewer-list-actions {
  margin-bottom: 20px;
}

.uploaded-viewer-list-btn {
  margin: 5px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  cursor: pointer;
  border-radius: 5px;
}

.uploaded-viewer-list-success-message {
  background-color: #e4f8e4;
  color: #28a745;
  border: 1px solid #a3dca3;
  padding: 15px;
  margin-bottom: 20px;
  border-radius: 5px;
  text-align: center;
}

/* Custom button styles to match your theme */
.uploaded-viewer-list-header {
  text-align: right;
  margin-bottom: 15px;
}

.uploaded-viewer-list-header .heading1 {
  font-size: 1.1em;
  font-weight: bold;
}

/* Wrapper to make the table responsive */
.uploaded-viewer-list-table-wrapper {
  overflow-x: auto;
  border: 1px solid #ddd;
  border-radius: 8px;
}

.uploaded-viewer-list-table {
  width: 100%;
  border-collapse: collapse;
}


.uploaded-viewer-list-th {
  background-color: #f8f9fa;
  padding: 12px 15px;
  text-align: left;
  font-weight: bold;
  border-bottom: 2px solid #dee2e6;
}


.uploaded-viewer-list-td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #dee2e6;
}


.uploaded-viewer-list-row:nth-child(even) {
  background-color: #f9f9f9;
}

.uploaded-viewer-list-row:hover {
  background-color: #f1f1f1;
}


.uploaded-viewer-list-select-all-cell .custom-control-label {
  font-weight: bold;
}

/* Existing checkbox styles (adjust as needed to match your custom checkboxes) */
.custom-control {
  position: relative;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
}

.custom-control-input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}

.custom-control-label::before {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
  border-radius: 5px;
}

.custom-control-label::after {
  position: absolute;
  top: .25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: no-repeat 50% / 50% 50%;
  border-radius: 5px;
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #054a66;
  background-color: #054a66;
}

.custom-control-input:checked~.custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

/************************************** 
  END : Add Users (New design by vikki)
***************************************/




/************************************** 
  START : Create Group (New design by vikki)
***************************************/

/* .cg-container .cg-heading {
	background: linear-gradient(270deg, #F4904A 2.17%, #926DB6 41.23%, #979797 99.81%);
	text-align: center;
	padding: 5px;
}

.cg-container .cg-heading span {
	color: #ffffff;
	font-size: 22px;
	font-weight: 600;
	padding: 0px 0px;
}

.cg-container .menu-section {
	padding: 0px 10px 0px 10px;
}

.cg-container .menu-section .cg-nav {
	background: rgba(187, 164, 210, 0.72);
	padding: 20px 0px 20px 15px;
	margin-top: 15px;
	border-radius: 0px 0px 12px 12px;
	min-height: 36vh;
}

.cg-container .menu-section .cg-nav .nav-pills {
	padding-bottom: 30px;
}

.cg-container .menu-section .cg-nav .nav-pills .nav-link {
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	margin-bottom: 5px;
}

.cg-container .menu-section .cg-nav .nav-pills .nav-link i {
	background: #ffffff;
	font-size: 18px;
	color: rgba(187, 164, 210, 0.72);
	border-radius: 20px;
	padding: 6px 4px;
	margin-right: 5px;
}

.cg-container .menu-section .cg-nav .nav-pills .nav-link.active {
	color: #F4904A;
	background-color: #ffffff;
	
	border-radius: 12px 0px 0px 12px;
	outline: none;
}

.cg-container .menu-section .cg-nav .nav-pills .nav-link.active i {
	background: #F4904A;
	color: #ffffff;
}

.cg-container .menu-section .cg-add-group {
	background: #fff;
	margin: auto 15px auto auto;
	border-radius: 10px;
	padding-top: 20px;
}

.cg-container .menu-section .cg-add-group span {
	background: #926DB6;
	border-radius: 0px 10px 10px 0px;
	padding: 10px 20px;
	color: #ffffff;
	font-size: 20px;
	font-weight: 600;
}

.cg-container .menu-section .cg-add-group .cg-add-group-form {
	text-align: center;
	padding: 20px;
}

.cg-container .menu-section .cg-add-group .cg-add-group-form label {
	font-weight: 600;
	text-align: left;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
}

.cg-container .menu-section .cg-add-group .cg-add-group-form .inputbox {
	display: block;
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	border: none;
	border-radius: 0px;
	height: 50px;
	background: rgb(196 196 196 / 53%);
	font-size: 18px;
	margin-bottom: 15px;
	padding: 10px;
	
}

.cg-container .menu-section .cg-add-group .cg-add-group-form .inputbox:focus {
	outline-color: #926DB6;
	border-radius: 0px;
}

.cg-container .menu-section .cg-add-group .cg-add-group-form .submitbtn {
	color: #ffffff;
	background: #926DB6;
	padding: 15px 30px;
	border-radius: 30px;
	text-transform: uppercase;
	border: none;
	
}

.cg-container .content-section {
	padding: 0px 10px 0px 10px;
}

.cg-container .content-section .cg-nav-content {
	background: rgba(227, 217, 236, 1);
	min-height: 36vh;
	margin-top: 15px;
	padding: 5px 10px 5px 10px;
}

.cg-container .content-section .cg-nav-content .table {
	min-width: 825px !important;
}

.cg-container .content-section .cg-nav-content .table h4 {
	margin: 0;
	color: #F19B60;
	font-weight: 600;
	line-height: 1;
}

.cg-container .content-section .cg-nav-content .table span {
	color: #F19B60;
}

.cg-container .content-section .cg-nav-content .table th {
	border: none;
	text-align: center;
	vertical-align: middle;
}

.cg-container .content-section .cg-nav-content .table td {
	text-align: center;
	vertical-align: middle;
	border: none;
	border-bottom: 1px solid #ffffff;
}

.cg-container .content-section .cg-nav-content .table .custom-control-input {
	left: 20px;
	top: 5px;
	width: 20px;
	height: 25px;
}

.cg-container .content-section .cg-nav-content .table .custom-control-input:checked~.custom-control-label::before {
	color: #fff;
	border-color: #fa9149;
	background-color: #fa9149;
	outline: none;
}

.cg-container .content-section .cg-nav-content .table .custom-control-label::before {
	width: 25px;
	height: 25px;
	border: 2px solid #F4904A;
	border-radius: 0px !important;
}

.cg-container .content-section .cg-nav-content .table .custom-control-label::after {
	width: 25px;
	height: 25px;
}

.cg-container .content-section .cg-nav-content .table .custom-control-label:focus {
	outline: none;
}

.cg-options .next-btn {
	padding: 50px 20px 00px 20px;
}

.cg-options .next-btn a {
	font-size: 16px;
	font-weight: 600;
	color: #ffffff;
	letter-spacing: 2px;
	background: #f19b60;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 15px 100px;
} */


.cg-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  display: flex;
  gap: 2rem;
  background: #ffffff;
  padding: 2rem;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}


.cg-container .menu-section {
  flex: 0 0 320px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  padding: 0px 0px 0px 0px !important;
}

.cg-container .cg-heading {
  background-color: var(--r2d-blue-table-haeder);
  color: #FFFFFF;
  padding: 8px 20px;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
}

#cg-nav-list {
  padding: 15px;
}

.cg-container .nav-pills .nav-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  color: #4b5563;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
}

.cg-container .nav-pills .nav-link:hover {
  background-color: #f3f4f6;
  color: #1f2937;
}

.cg-container .nav-pills .nav-link.active {
  background-color: #ffffff;
  border: 1px solid var(--r2d-primary-blue);
  color: #000000;
  /* box-shadow: 0 4px 6px rgba(79, 70, 229, 0.2); */
}


.cg-container .cg-add-group {
  margin-top: 2rem;
  background: #f9fafb;
  padding: 1.5rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
}

.cg-container .cg-add-group-form label {
  font-size: 0.875rem;
  font-weight: 600;
  color: #374151;
  margin-bottom: 0.5rem;
}

.cg-container .cg-add-group-form .inputbox {
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background-color: #ffffff;
  color: #1f2937;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.cg-container .cg-add-group-form .inputbox:focus {
  border-color: var(--r2d-primary-blue);
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.1);
  outline: none;
}

.cg-container .cg-add-group-form .submitbtn {
  width: 100%;
  padding: 0.8rem 1rem;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  /* padding: 10px 60px; */
  transition: background 0.3s ease;
  margin-top: 1rem;
}

.cg-container .cg-add-group-form .submitbtn i {
  margin-right: 8px;
}

.cg-container .cg-add-group-form .submitbtn:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}


.cg-container .content-section {
  flex: 1;
}

.cg-container #table-group-title {
  color: #FFFFFF;
  padding: 8px 20px;
  margin: 0;
  font-size: 1.2rem;
  font-weight: 600;
}


.cg-container .table-responsive {
  border: 1px solid #e5e7eb;


}

.cg-container .table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
}

.cg-container .table thead th {
  background-color: #f9fafb;
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
}

.cg-container .table tbody tr {
  transition: background-color 0.15s ease-in-out;
}

.cg-container .table tbody tr:hover {
  background-color: #f9fafb;
}

.cg-container .table tbody td {
  padding: 10px 20px;
  vertical-align: middle;
  color: #374151;
  border-top: 1px solid #e5e7eb;
}

.cg-container .table h4 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0;
}

.cg-container .table span {
  font-size: 0.875rem;
  color: #6b7280;
}

.cg-options {
  margin-top: 2rem;
  text-align: center;
}

.cg-options .next-btn a {
  width: 180px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s ease;
  text-transform: capitalize;
}

.cg-options .next-btn a:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}


@media (max-width: 992px) {
  .cg-container {
    flex-direction: column;
  }

  .cg-container .menu-section {
    flex: 1;
  }
}


.sticky-bar-cg {
  position: fixed;
  bottom: 30px;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.sticky-bar-cg .cg-sticky-bar-content {
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 60px 0px 0px 60px;
  letter-spacing: 1.5px;

}

.sticky-bar-cg .cg-sticky-bar-content ul {
  margin: 0px;
}

.sticky-bar-cg .cg-sticky-bar-content ul li {
  border-right: 1px solid #ffffff;
  margin: 0px;
  padding: 5px 10px;
}

.sticky-bar-cg .cg-sticky-bar-content ul li:first-child {
  padding: 5px 5px 2px 30px;
}

.sticky-bar-cg .cg-sticky-bar-content ul li:last-child {
  border-right: none;
}

.sticky-bar-cg .cg-sticky-bar-content ul li a {
  font-size: 10px;
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 500;
}

.sticky-bar-cg .cg-sticky-bar-content ul li span {
  display: block;
}

.sticky-bar-cg .cg-sticky-bar-content ul li span .fa-check-square {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 10px 10px 12px;

}

.sticky-bar-cg .cg-sticky-bar-content ul li span .fa-users {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 5px 10px 8px;
}

.sticky-bar-cg .cg-sticky-bar-content ul li span .fa-trash {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 10px 10px 12px;
}

.cg-popup-group {
  top: 25%;
}

.cg-popup-group .modal-content {
  border-radius: 0px;
  border: none;
}

.cg-popup-group .modal-header {
  background: #014061;
  text-align: center;
  display: block;
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.cg-popup-group .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 2px;
}

.cg-popup-group .modal-header .modal-title i {
  background: #014061;
  color: #ffffff;
  margin-right: 10px;
  vertical-align: middle;
  line-height: 22px;
  width: 22px;
  height: 22px;
  font-size: 28px;
}

.cg-popup-group .modal-body {
  text-align: center;
  padding: 0px;
}

.cg-popup-group .modal-body ul {
  margin: auto auto 20px auto;
  letter-spacing: 2px;
}

.cg-popup-group .modal-body ul li {
  padding: 10px 10px;
  border-bottom: 1px solid #8b8e91;
  font-size: 14px;
  font-weight: 600;

}

.cg-popup-group .modal-body ul li:hover,
.cg-popup-group .modal-body ul .selected {
  background-color: #c2e1f8;
  cursor: pointer;
  color: #000000;
}

.cg-popup-group .modal-body input.btn {
  letter-spacing: 2px;
  padding: 16px 53px 13px;
  border-radius: 20px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.25);
  background-color: #f19b60;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.cg-popup-group .modal-footer {
  padding: 15px 0px;
  display: block;
  text-align: center;
  border-top: none;
}

.cg-popup-group .modal-footer .btn {
  width: 160px;
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  transition: background 0.3s ease;
}

.cg-popup-group .modal-footer button.btn {
  padding: 8px 0px;
}

.cg-popup-alert {
  top: 25%;
}

.cg-popup-alert .modal-content {
  border-radius: 0px;
  border: none;
}

.cg-popup-alert .modal-header {
  background: #014061;
  text-align: center;
  display: block;
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.cg-popup-alert .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 2px;
}

.cg-popup-alert .modal-body {
  text-align: center;
  padding: 20px;
  max-height: 150px; 
  overflow-y: auto;
}

.cg-popup-alert .modal-body p {
  color: #000000;
  font-weight: 600;
}

.cg-popup-alert .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.cg-popup-alert .modal-footer button.btn {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  transition: background 0.3s ease;
}

.cg-popup-alert .modal-footer button.btn:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}

/************************************** 
  START : Create Group (New design by vikki)
***************************************/


/************************************** 
  START : Create room (New design by vikki)
***************************************/
/* START:New design by vikki (Made smaller but multiple changes so that is copy the entire Create Room Page Design)  */
.cr-options,
.cr-custom-options,
.cr-custom-settings {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 25px 30px;
  margin-bottom: 25px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
}

.create-room label {
  font-size: 14px;
  font-weight: 600;
  color: #73695b;
  text-transform: uppercase;
  margin-bottom: 0px;
  display: block;
}

/* .create-room .cr-options select {
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	background-color: #ffffff;;
	padding: 15px;
	 border: 1px solid #ccc;
    border-radius: 6px;
	cursor: pointer;
} */

/* .create-room .cr-options select {
    
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   width: -moz-available;
	width: -webkit-fill-available;
   
    width: 100%;
    padding: 12px 10px 12px 15px; 
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 6px;
    color: #6a6363;
    cursor: pointer;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
	font-weight: 600;
	font-size: 14px;
	
	transition: 0.4s;
	

    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px 12px;
} */

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: -moz-available;
  width: -webkit-fill-available;

  width: 100%;
  border: 2px solid #dddddd;
  /* background: #eeeeee; */
  padding: 10px;
  transition: 0.4s;
}

/* select:hover,
select:focus {
  background: #dddddd;
} */


select,
::picker(select) {
  appearance: base-select;

}


select::picker-icon {
  color: #999999;
  transition: 0.4s rotate;
}

select:open::picker-icon {
  rotate: 180deg;
}

::picker(select) {
  border: none;
}


select option {
  display: flex;
  justify-content: flex-start;
  gap: 20px;

  border: 2px solid #dddddd;
  /* background: #eeeeee; */
  padding: 10px;
  transition: 0.4s;
}

select option:first-of-type {
  border-radius: 8px 8px 0 0;
}

select option:last-of-type {
  border-radius: 0 0 8px 8px;
}

select option:not(option:last-of-type) {
  border-bottom: none;
}

select option:nth-of-type(odd) {
  background: white;
}

select option:hover {
  background: #dddddd;
}


.create-room .cr-options select:focus {
  /* outline: none;
	border: 1px solid #ccc; */
}


.create-room .cr-options input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  font-size: 14px;
  font-weight: 600;
  background-color: #ffffff;
  ;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 6px !important;
  color: #6a6363;
}

.create-room .cr-options input:focus {
  outline: none;
  border: 1px solid #ccc;
}

.create-room .cr-custom-options input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  background-color: #ffffff;
  ;
  padding: 15px 20px;
  border-radius: 6px !important;
  border: 1px solid #ccc;
  color: #6a6363;

}

.create-room .cr-custom-options input:focus {
  outline: none;
  border: 1px solid #ccc;
}

.ui-widget-header {
  background: #1A3E53 !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #1A3E53 !important;
  color: #fff !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  background: #1A3E53 !important;
  color: #fff;
}

.bootstrap-timepicker-widget table td a {
  color: #1A3E53 !important;
}

.create-room .cr-custom-settings {
  padding: 15px;
}

.create-room .cr-custom-settings .heading {
  font-size: 22px;
  font-weight: 600;
  margin: 0px;
  color: #ffffff;
  /* background: linear-gradient(270deg, #979797 2.17%, #926DB6 41.23%, #F4904A 99.81%); */
  /* background: #1A3E53; */
  background: var(--r2d-primary-blue);
  text-transform: uppercase;
  padding: 5px 10px 5px 40px;
}

.create-room .cr-custom-settings .heading:hover {
  cursor: pointer;
}

.create-room .cr-custom-settings .cr-custom-settings-content {
  /* background: linear-gradient(270deg, rgba(244, 144, 74, 0.27) 2.17%, rgba(146, 109, 182, 0.27) 41.23%, rgba(151, 151, 151, 0.27) 99.81%); */
  padding: 15px 50px;
}

.create-room .cr-custom-settings .cr-custom-settings-content .row {
  border-bottom: 1px solid #c7c2c2;
}

.create-room .cr-custom-settings .cr-custom-settings-content .row:last-child {
  border-bottom: none;
}

.create-room .cr-custom-settings .cr-custom-settings-content .row>div {
  padding: 25px 20px;
}

.create-room .cr-custom-settings .cr-custom-settings-content h6 {
  display: inline-block;
  margin: 0px;
  text-transform: uppercase;
  font-size: 16px;
  color: rgba(115, 118, 121, 1);
  font-weight: 600;
  vertical-align: middle;
}

.create-room .cr-custom-settings .cr-custom-settings-content h6 span {
  font-size: 11px;
  text-transform: capitalize;
}

.create-room .cr-custom-settings-content .cr-custom-switch {
  position: relative;
  /* display: inline-block; */
  width: 75px;
  height: 26px;
  float: right;
  margin: 0px;
}

.create-room .cr-custom-settings-content .cr-custom-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.create-room .cr-custom-settings-content .cr-custom-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid #ccc;
  background-color: #ffffff;
  -webkit-transition: .4s;
  transition: .4s;
}

.create-room .cr-custom-settings-content .cr-custom-slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;

  left: 8px;
  bottom: 4px;
  /* background-color: #1A3E53; */
  background: var(--r2d-primary-blue);
  -webkit-transition: .4s;
  transition: .4s;
}

.create-room .cr-custom-settings-content input:checked+.cr-custom-slider {
  /* background-color: #1A3E53; */
  background: var(--r2d-primary-blue);
}

.create-room .cr-custom-settings-content input:checked+.cr-custom-slider:before {
  background-color: #ffffff;
}

.create-room .cr-custom-settings-content input:focus+.cr-custom-slider {
  box-shadow: 0 0 1px #2196F3;
}

.create-room .cr-custom-settings-content input:checked+.cr-custom-slider:before {
  -webkit-transform: translateX(40px);
  -ms-transform: translateX(40px);
  transform: translateX(40px);
}

.create-room .cr-custom-settings-content .cr-custom-slider.cr-custom-round {
  border-radius: 10px;
}

.create-room .cr-custom-settings-content .cr-custom-slider.cr-custom-round:focus {
  outline: none;
}

.create-room .cr-custom-settings-content .cr-custom-slider.cr-custom-round:before {
  border-radius: 50%;
}

.create-room .cr-custom-settings .cr-custom-settings-content select {
  display: block;
  height: 34px;
  /* padding: 2px 6px; */
  padding: 8px 10px;
  font-size: 12px;
  /*margin: -2px auto -26px 0px;*/
  /*Settings - Common permission changes by Saurabh 26-07-2022 */
  text-transform: capitalize;
  width: 50%;
  /* setting - box size issue kiran 03-08-22 Settings - Common permission changes by Saurabh 26-07-2022*/
}

.create-room .cr-custom-settings .cr-custom-settings-content select:focus {
  outline: none;
}

.create-room .btn-add-files {
  text-align: center;
  padding: 20px 20px 40px 20px;
}

.create-room .btn-add-files input {
  /* color: #ffffff;
	background: #F4904A;
	padding: 15px 80px;
	border-radius: 30px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 2px;
	border: none; */
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  background: var(--r2d-primary-blue);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* END:New design by vikki (Made smaller but multiple changes so that is copy the entire Create Room Page Design)  */

.rotate {
  -moz-transition: all 0.5s linear;
  -webkit-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.rotate.down {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.create-room #auth-method,
.create-room #qna-method,
.create-room #watermark-method

/*START: custom watermark*/
  {
  display: none;
}

/* START: custom watermark */
.create-room #edit-custom-watermark {
  display: none;
}

.create-room #custom-watermark-div .custom-watermark-lable {
  margin-bottom: 5px;
}

/*START: Settings - Common permission changes by Saurabh 26-07-2022*/

.auto-assign-permission {
    background-color: #ffffff;
    border: 1px solid #e9ecef;
    border-radius: 12px; 
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
    padding: 35px 40px;
    max-width: 550px; 
    margin: 40px auto;
    text-align: center;
}

.auto-assign-permission p {
    font-size: 16px;
    color: #5a677b; 
    line-height: 1.6;
    margin: 0 auto 15px; 
}

.auto-assign-permission p:first-of-type {
    font-size: 18px;
    font-weight: 500;
    color: #333; 
    margin-bottom: 25px;
}

.auto-assign-permission p:nth-of-type(2),
.auto-assign-permission p:nth-of-type(3) {
    font-size: 14px;
    color: #8492a6;
}


.auto-assign-buttons-div a {
    text-decoration: none;
}

#auto-assign-permission-change {
    width: 180px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    background-color: var(--r2d-primary-blue);
    border-radius: 10px;
    padding: 10px 10px;
    transition: background 0.3s ease;
}

#auto-assign-permission-change:hover {
    background-color: var(--r2d-primary-blue-hover);
    box-shadow: var(--r2d-primary-blue-hover-boxshadow);
}

.auto-assign-buttons-div div:nth-child(1) {
  text-align: right;
}

.auto-assign-buttons-div div:nth-child(2) {
  text-align: left;
}

#auto-assign-permission-btn {
  width: 180px;
  border: none;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 10px;
  transition: background 0.3s ease;
  text-transform: capitalize;
}

#auto-assign-permission-btn:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
}

.auto-assign-buttons-div button {
  border-radius: 20px;
}

/*END: Settings - Common permission changes by Saurabh 26-07-2022*/

.geofencing-model {
  /*background: black;*/
  opacity: 1;
}

.geofencing-model .modal-content {
  margin-top: 8em;
  border-radius: 10px;
  /*END: New design by vikki */
}

.geofencing-model .modal-header {
  background: #1A3E53;
  /*END: New design by vikki */
  border-bottom: none;
  border-radius: 10px;
  /*END: New design by vikki */
}

.geofencing-model .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.geofencing-model .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.geofencing-model .modal-header .close:focus {
  outline: none;
}

.geofencing-model .modal-body {
  padding: 20px 20px 0px 20px;
}

#location_search {
  width: 100%;
}

#location_list .location_name {
  width: 100%;
}

#geofencing-location-value {
  margin-top: 0.5em;
}

/************************************** 
  END : Create Room (New design by vikki)
***************************************/




/************************************** 
  START : Add Files (New design by vikki)
***************************************/

.placeholder {
  border: 1px solid red !important;
  font-weight: bold !important;
  background-color: lightblue !important;
}

.addfiles-container {
  padding: 20px 0px;
}

.addfiles-container .bulkupload-filefolder {
  text-align: center;
  margin-top: 2rem;

}

.addfiles-container .bulkupload-filefolder a {

  color: #ffffff;
  background-color: var(--r2d-primary-red);
  padding: 15px 30px 13px 30px;
  cursor: pointer;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.addfiles-container .bulkupload-filefolder a:hover {
  background-color: var(--r2d-primary-red-hover);

  color: #ffffff;
}

.addfiles-container .bulkupload-filefolder a i {
  font-size: 32px;
  line-height: 12px;
  margin: auto 15px 5px auto;
  color: #ffffff;
  vertical-align: middle;
  background: var(--r2d-primary-red);
  width: 24px;
  height: 15px;
}


.addfiles-container .or-divider {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  margin: auto;
  margin-top: 3rem;
  margin-bottom: 3rem;

}

.addfiles-container .or-divider .line {
  flex-grow: 1;
  height: 3px;
  background-color: #ccc;
}

.addfiles-container .or-divider span {
  background-color: #E0E0E0;
  color: #666;
  border-radius: 50%;
  padding: 15px;
  margin: 0 20px;
  font-weight: bold;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}



.dropzone-container {
  width: 90%;
  margin: auto;
  background-color: #ffffff;
  border: 2px dashed #ced4da;
  border-radius: 12px;
  padding: 40px;
  text-align: center;
  box-sizing: border-box;
}

.dropzone-container .upload-icon {
  font-size: 32px;
  color: #495057;
  margin-bottom: 20px;
}

.dropzone-content h2 {
  font-size: 22px;
  color: #212529;
  font-weight: 600;
  margin: 0 0 10px;
}

.dropzone-content p {
  font-size: 14px;
  color: #6c757d;
  margin: 0 0 25px;
}

.upload-button-group {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 3rem;
  margin-bottom: 1rem;
}

#file-upload-btn,
#folder-uploader-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  box-sizing: border-box;
  color: #ffffff;
  background: var(--r2d-primary-blue);
  padding: 10px 30px 10px 30px;
  cursor: pointer;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease, background-color 0.2s ease-in-out;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

#file-upload-btn:hover,
#folder-uploader-btn:hover {
  background-color: var(--r2d-primary-blue-hover);
  box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}

#file-upload-btn i,
#folder-uploader-btn i {
  margin-right: 10px;
  font-size: 26px;
}


.addfiles-container .upload-filefolder {
  padding: 0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.addfiles-container .upload-filefolder ul {
  list-style: none;
  padding-left: 0;
}

.addfiles-container .upload-filefolder>ul {
  margin: 0;
}

/* START: Data Fetching Optimisation by vikki  (Commented by vikki) */
/* .addfiles-container .upload-filefolder .collapsibleList li {
  cursor: pointer;
  margin-bottom: 10px;
}

.addfiles-container .upload-filefolder .collapsibleList li>ul {
  margin-left: 40px;
  border-left: 2px solid #f0f0f0;
  padding-left: 20px;
} */
/* END: Data Fetching Optimisation by vikki (commented by vikki)*/

/* START: Data Fetching Optimisation by vikki */
.r2d-lazy-list li,
.sub-directory-list li {
  cursor: pointer;
  margin-bottom: 10px;
}

.r2d-lazy-list ul,
.sub-directory-list {
  margin-left: 30px;
  border-left: 2px solid #f0f0f0;
  padding-left: 20px !important;
}
/* END: Data Fetching Optimisation by vikki */

.addfiles-container .upload-filefolder .addfiles-head {
  padding: 10px 15px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  transition: background-color 0.3s ease;
}

.addfiles-container .upload-filefolder .addfiles-head:hover {
  background-color: #f8f8f8;
}

.addfiles-container .upload-filefolder .addfile-heading {
  flex: 1;
  display: flex;
  align-items: center;
  padding: 0;
  margin-right: 20px;
  background: transparent;
}

.addfiles-container .upload-filefolder .addfile-heading .file_icon {
  width: 25px;
  height: 25px;
  margin-right: 15px;
}

.addfiles-container .upload-filefolder .addfile-heading a {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  text-decoration: none;
  vertical-align: middle;
}

.addfiles-container .upload-filefolder .addfile-heading i {
  color: var(--r2d-primary-red);
  font-size: 18px;
  vertical-align: middle;
  margin-right: 15px;
  transition: transform 0.3s ease;
}


.addfiles-container .upload-filefolder .addfile-heading i.fa-caret-right {
  background: var(--r2d-primary-red);
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding-left: 3px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}

.addfiles-container .upload-filefolder .addfile-heading i.fa-caret-down {
  background: var(--r2d-primary-red);
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  vertical-align: middle;
  box-sizing: border-box;
}


.addfiles-container .collapsibleList li.open>.addfiles-head .addfile-heading i.fa-chevron-right {
  transform: rotate(90deg);
}

.addfiles-container .upload-filefolder .addfile-actions {
  flex: 0 0 350px;
  text-align: right;
}

.addfiles-container .upload-filefolder .addfile-actions .choose-file {
  display: inline-block;
  margin-right: 15px;
  padding-top: 0px;
}

.addfiles-container .upload-filefolder .addfile-actions .choose-file a {
  padding: 8px 15px;
  background-color: #f0f0f0;
  color: #555;
  font-size: 14px;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  text-transform: capitalize;
  transition: background-color 0.3s ease;
}

.addfiles-container .upload-filefolder .addfile-actions .choose-file a:hover {
  background-color: #e0e0e0;
}

.addfiles-container .upload-filefolder .addfile-actions .choose-file i {
  font-size: 16px;
  color: var(--r2d-primary-red);
  vertical-align: middle;
  margin-left: 8px;
}

.addfiles-container .upload-filefolder .addfile-actions .actions a {
  margin: 0 8px;
  transition: color 0.3s ease;
}

.addfiles-container .upload-filefolder .addfile-actions .actions a:hover {
  color: var(--r2d-primary-red);
}

.addfiles-container .upload-filefolder .addfile-actions .actions i {
  font-size: 20px;
  vertical-align: middle;
  color: var(--r2d-primary-red);
}


.addfiles-container .upload-filefolder-options {
  padding: 50px 20px 30px 20px;
}

.addfiles-container .upload-filefolder-options .nextpage-btn {
  text-align: left;
}

.addfiles-container .upload-filefolder-options .nextpage-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s ease;
}

.addfiles-container .upload-filefolder-options .nextpage-btn a:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}

.addfiles-container .upload-filefolder .addfile-actions .choose-file img {
  /* width: 24px; */
  /* vertical-align: bottom; */
  width: 28px;
  margin-left: 5px;
}


.addfiles-container .upload-filefolder-options .savedraft-btn {
  text-align: right;
}

.addfiles-container .upload-filefolder-options .savedraft-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #000000;
  border-radius: 10px;
  padding: 10px 30px;
}

#add-folder .modal-dialog #folder_name,
#edit-file-modal .modal-dialog #new_file_name {
  width: 100%;
}

.modal-dialog .modal-content .modal_input {
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 10px auto;

}

.modal-dialog .modal-content .modal_input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}



#add-folder .modal-dialog .modal-body>p:nth-child(1) {
  text-align: center;
}

#add-folder .modal-dialog #add_folder_btn,
#add-folder .modal-dialog #cancle_folder,
.modal_btn {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: #f19b60;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 10px 40px;
  border-color: #f19b60;
}

.addfolder-model {
  top: 25%;
}

.addfolder-model .modal-content {
  border-radius: 0px;
  border: none;
}


.addfolder-model .modal-header {
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.addfolder-model .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.addfolder-model .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.addfolder-model .modal-header .close:focus {
  outline: none;
}

.addfolder-model .modal-body {
  padding: 30px 20px 10px 20px;
}

.addfolder-model .modal-body p {
  color: #000000;
  font-weight: 600;
}

.addfolder-model .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.addfolder-model .modal-footer button.btn {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;

}

.editfile-modal,
.editfolder-modal {
  top: 25%;
}

.editfile-modal .modal-content,
.editfolder-modal .modal-content {
  border-radius: 0px;
  border: none;
}

.editfile-modal .modal-header,
.editfolder-modal .modal-header {
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.editfile-modal .modal-header .modal-title,
.editfolder-modal .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.editfile-modal .modal-header .close,
.editfolder-modal .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.editfile-modal .modal-header .close:focus,
.editfolder-modal .modal-header .close:focus {
  outline: none;
}

.editfile-modal .modal-body,
.editfolder-modal .modal-body {
  padding: 30px 20px 10px 20px;
}

.editfile-modal .modal-body p,
.editfolder-modal .modal-body p {
  color: #000000;
  font-weight: 600;
  margin: 0;
}

.editfile-modal .modal-footer,
.editfolder-modal .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.editfile-modal .modal-footer button.btn,
.editfolder-modal .modal-footer button.btn {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}


.addfiles-sticky {
  position: fixed;
  bottom: 30px;
  right: 0;
  z-index: 1;
}

.addfiles-sticky .addfiles-sticky-content {
  display: block;
  text-align: center;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 60px 0px 0px 60px;
  letter-spacing: 1.5px;
}


.addfiles-sticky .addfiles-sticky-content ul {
  margin: 0px;
}


.addfiles-sticky .addfiles-sticky-content ul li:last-child,
.addfiles-sticky .addfiles-sticky-content ul li:nth-child(2) {

  padding: 5px 8px 2px 8px;
  margin: 0;
  border-right: 1px solid #ffffff;
}

.reorder-enable {
  background-color: #cbc3c3 !important;
}

.reorder-btn {
  display: none;
  margin: auto 7px;
}

.reorder-btn i {
  vertical-align: bottom;
  color: var(--r2d-primary-red);
  font-size: 22px;
}

.addfiles-sticky .addfiles-sticky-content ul li:first-child {
  padding: 5px 5px 2px 30px;
  border-right: 1px solid #ffffff;
}

.addfiles-sticky .addfiles-sticky-content ul li a {
  font-size: 10px;
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 500;
}

.addfiles-sticky .addfiles-sticky-content ul li span {
  display: block;
}

.addfiles-sticky .addfiles-sticky-content ul li span .fa-folder-plus {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 8px 10px 10px;
}


.addfiles-sticky .addfiles-sticky-content ul li span .fa-arrows-alt-v {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 44px;
  padding: 9px 15px 9px 15px;
}


.addfiles-sticky .addfiles-sticky-content ul li span .fa-file-upload {
  font-size: 22px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 12px 10px 13px;
}

/************************************** 
  END : Add files (New design by vikki)
***************************************/





/************************* 
START: Assign Permission
*************************/

.assignpermission-container {
  padding: 0px !important;
}

.disable_permission {
  /* pointer-events: none !important; */
  cursor: default !important;
  color: gray !important;
}

.file-actions .not-applicable img {
  width: 30px;
  height: 30px;
}

.assignpermission-container .ap-content {
  background: #c4c4c49c;
}

.assignpermission-container .ap-index {
  text-align: center;
  background: linear-gradient(to left, var(--r2d-primary-red), #926db6, #979797);
}

.assignpermission-container .ap-index>div {
  padding: 15px;
  color: #ffffff;
  font-size: 16px;
}

.assignpermission-container .section1 {
  background: #bba4d2b8;
  min-height: 50vh;
  padding-top: 20px;
  padding-right: 20px;
  overflow: auto;
  white-space: nowrap;
  padding-left: 25px;
}

.assignpermission-container .section1 ul {
  list-style: none;
}

.assignpermission-container .section1>ul {
  margin: 0px;
}

.assignpermission-container .section1 .collapsibleList li {
  cursor: pointer;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.assignpermission-container .section1 .collapsibleList li>ul {
  margin-left: 70px;
}

.assignpermission-container .section1 .toggle {
  padding: 8px 15px;
}

.assignpermission-container .section1 li a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  vertical-align: bottom;
  padding-right: 0px;
  /* new tree structure by saurabh 28-06-2022*/
}

.assignpermission-container .section1 li i.fa-caret-right {
  background: #f19b60;
  color: #fff;
  border-radius: 50px;
  padding: 0px 6px 0px 12px;
  font-size: 30px;
  vertical-align: middle;
  line-height: 30px;
}

.assignpermission-container .section1 li i.fa-caret-down {
  background: #f19b60;
  color: #fff;
  border-radius: 50px;
  padding: 1px 4px 0px 6px;
  font-size: 30px;
  vertical-align: middle;
  line-height: 30px;
}

.assignpermission-container .section1 li.active {
  background: #ffffff;
  border-radius: 10px 0px 0px 10px;
}

.assignpermission-container .section1 li.active a {
  color: var(--r2d-primary-red);
  margin-left: 15px;
}

.assignpermission-container .section2 {
  background: #ffffff;
  min-height: 50vh;
  padding-top: 20px;
  padding-right: 0px;
}

.assignpermission-container .section2 ul {
  list-style: none;
  margin: 0px;
}

.assignpermission-container .section2 li {
  margin-top: 15px;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.assignpermission-container .section2 li.active {
  background: #c4c4c49c;
  border-radius: 10px 0px 0px 10px;
}

.assignpermission-container .section2 li:hover {
  cursor: pointer;
}

.assignpermission-container .section2 li a {
  color: #73695b;
  font-size: 16px;
}

.assignpermission-container .section2 li.active a {
  color: #ffffff;
  margin-left: 10px;
  font-weight: 600;
}

.assignpermission-container .section2 li a img {
  width: 25px;
  height: 25px;
  margin-right: 5px;
}

.assignpermission-container .section2 li a i {
  color: var(--r2d-primary-red);
  font-size: 24px;
  margin-top: -4px;
  margin-right: 10px;
  vertical-align: middle;
}

.assignpermission-container .section3 {
  /* background: #c4c4c49c;
	min-height: 500px; */
  padding-top: 20px;
}

.assignpermission-container .section3>ul {
  list-style: none;
  margin: 0px;
}

.assignpermission-container .section3 .custom-checkbox {
  display: inline-block;
  vertical-align: top;
  /* kiran - alignment fix - themechange */
}

.assignpermission-container .section3 .custom-control-input {
  left: 20px;
  top: 5px;
  width: 20px;
  height: 25px;
}

.assignpermission-container .section3 .custom-control-label {
  cursor: pointer;
}

.assignpermission-container .section3 .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: #fa9149;
  background-color: #fa9149;
  outline: none;
}

.assignpermission-container .section3 .custom-control-label::before {
  width: 25px;
  height: 25px;
  border: 2px solid var(--r2d-primary-red);
  border-radius: 0px !important;
  background-color: #c4c4c49c;
}

.assignpermission-container .section3 .custom-control-label::after {
  width: 25px;
  height: 25px;
}

.assignpermission-container .section3 .custom-control-label:focus {
  outline: none;
}

.assignpermission-container .section3 li {
  margin-top: 15px;
  margin-bottom: 15px;
}

.assignpermission-container .section3 li span.heading {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  text-transform: capitalize;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.assignpermission-container .section3 li ul {
  margin-right: 15px;
  list-style: none;
}

.assignpermission-container .section3 li .file-actions {
  /*border-left: 1px solid #ffffff;*/
  text-align: center;
}

.assignpermission-container .section3 li .file-actions a {
  font-size: 28px;
  color: var(--r2d-primary-red);
  margin: auto 10px;
}

.assignpermission-container .section3 li .file-actions a span {
  font-size: 11px;
  color: var(--r2d-primary-red);
  position: absolute;
  margin-left: -10px;
  background-color: #fff;
  padding: 2px 5px;
  border-radius: 30px;
  cursor: pointer;
}

.assignpermission-container .section3 li i.fa-caret-right {
  background: #f19b60;
  color: #fff;
  border-radius: 50px;
  padding: 1px 5px 0px 10px;
  font-size: 24px;
  vertical-align: middle;
  line-height: 24px;
}

.assignpermission-container .section3 li i.fa-caret-down {
  background: #f19b60;
  color: #fff;
  border-radius: 50px;
  padding: 1px 4px 0px 5px;
  font-size: 24px;
  vertical-align: middle;
  line-height: 24px;
}

.assignpermission-container .next-button {
  text-align: center;
  padding: 50px 20px 30px 20px;
}

.assignpermission-container .next-button a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: #f19b60;
  text-transform: uppercase;
  border-radius: 20px;
  padding: 15px 100px;
  cursor: pointer;
}

.assignpermission-container .next-button a:hover {
  color: #ffffff;
}

.assignpermission-sticky {
  position: fixed;
  top: 70%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.assignpermission-sticky .sticky-content {
  display: block;
  text-align: center;
  transition: all 0.3s ease;
  color: #ffffff;
  background: var(--r2d-primary-red);
  border-radius: 60px 0px 0px 60px;
  letter-spacing: 1.5px;
}

.assignpermission-sticky .sticky-content h6 {
  text-align: center;
  font-size: 12px;
  margin-bottom: 0px;
  color: #ffffff;
}

.assignpermission-sticky .sticky-content ul {
  margin: 0px;
}

.assignpermission-sticky .sticky-content ul li {
  border-right: 1px solid #ffffff;
  margin: 0px;
  padding: 5px 10px;
}

.assignpermission-sticky .sticky-content ul li:first-child {
  padding-left: 20px;
}

.assignpermission-sticky .sticky-content ul li:last-child {
  border-right: none;
  padding-right: 0px;
  vertical-align: top;
  margin-top: 20px;
}

.assignpermission-sticky .sticky-content ul li a {
  font-size: 10px;
  text-transform: capitalize;
  color: #ffffff;
  font-weight: 500;
}

.assignpermission-sticky .sticky-content ul li span {
  display: block;
}

.assignpermission-sticky .sticky-content ul li span .fa-eye {
  font-size: 32px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 6px 10px 8px;
}

.assignpermission-sticky .sticky-content ul li span .fa-print {
  font-size: 32px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 8px 10px 10px;
}

.assignpermission-sticky .sticky-content ul li span .fa-folder {
  font-size: 32px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 50px;
  padding: 10px 8px 10px 10px;
}

.assignpermission-sticky .sticky-content ul li a.save {
  font-size: 18px;
  background: #ffffff;
  color: var(--r2d-primary-red);
  border-radius: 10px 0px 0px 10px;
  padding: 5px 5px 5px 10px;
}

/* */

.assignpermission-container .section3 li .file-actions a {
  font-size: 28px;
  margin: auto 10px;
}

.assignpermission-container .section3 li .file-actions .active,
.assignpermission-container .section3 li .file-actions .active span {
  color: var(--r2d-primary-red);
}

.assignpermission-container .section3 li .file-actions .disabled,
.assignpermission-container .section3 li .file-actions .disabled span {
  color: #9b9b9b;
}

.assignpermission-container .section3 li .file-actions .not-applicable,
.assignpermission-container .section3 li .file-actions .not-applicable span {
  color: #000000;
}

.assignpermission-container .section3 li .file-actions a span {
  font-size: 11px;
  color: var(--r2d-primary-red);
  position: absolute;
  margin-left: -10px;
  background-color: #fff;
  padding: 2px 5px;
  border-radius: 30px;
  cursor: pointer;
}

/************************* 
START: Assign Permission
*************************/




/***************************************** 
START: Billing Details(New design by vikki)
******************************************/

.billing-container {
  padding: 2rem;
  border: 1px solid var(--billing-border-color);
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}


.billing-container .billing-table {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  background-color: transparent;
  box-shadow: none;
}

/* --- Table Header (thead) --- */
.billing-container .billing-table thead th {
  background-color: var(--billing-primary-blue);
  color: #ffffff;
  padding: 14px 16px;
  font-weight: 500;
  font-size: 0.9rem;
  text-align: center;
  letter-spacing: 0.5px;
  border: none;
}


.billing-container .billing-table tbody td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--billing-border-color);
  color: var(--billing-text-primary);
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  font-size: 0.95rem;
}


.billing-container .billing-table tbody td:nth-child(2) {
  text-align: left;
}



.billing-container .billing-table input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  border: 2px solid #adb5bd;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease-in-out;
}

.billing-container .billing-table input[type="checkbox"]:checked {
  background-color: var(--billing-primary-blue);
  border-color: var(--billing-primary-blue);
}

.billing-container .billing-table input[type="checkbox"]:checked::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 6px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


.billing-container .billing-table tr.billing-total td {
  padding-top: 16px;
  font-weight: 600;
  color: var(--billing-text-primary);
  border-bottom: none;
  border-top: 2px solid #ced4da;
  text-align: center;
}

.billing-container .billing-options a.placeorder,
.billing-container .billing-options a.save {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s ease;
  text-transform: capitalize;
  border: none;
  margin-top: 2rem;
}

.billing-container .billing-options a.placeorder,
.billing-container .billing-options a.save:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}

.billing-container .billing-options input.publish {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s ease;
  text-transform: capitalize;
  border: none;
  margin-top: 2rem;
}

.billing-container .billing-options input.publish:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}


.send_update_notification {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 500;
  color: #333;
  padding: 10px;
  margin-top: 1rem;

}

.send_update_notification input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}


.send_update_notification label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none;
  transition: color 0.2s ease;
}


.send_update_notification label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: 2px solid #adb5bd;
  border-radius: 4px;
  background-color: #fff;
  transition: all 0.2s ease-in-out;
}


.send_update_notification label::after {
  content: '';
  position: absolute;
  left: 7px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}


.send_update_notification input[type="checkbox"]:checked+label::before {
  background-color: var(--r2d-primary-red);
  border-color: var(--r2d-primary-red);
}

.send_update_notification input[type="checkbox"]:checked+label::after {
  opacity: 1;
}

.send_update_notification input[type="checkbox"]:checked+label {
  color: var(--r2d-primary-red);
  font-weight: 500;
}

.send_update_notification label:hover::before {
  border-color: var(--r2d-primary-red);
}

.send_update_notification input[type="checkbox"]:focus+label::before {
  box-shadow: 0 0 0 3px rgba(241, 155, 96, 0.4);
}

/***************************************** 
END: Billing Details(New design by vikki)
******************************************/


/***************************************** 
START: Profile (New design by vikki)
******************************************/
.alert-error {
  padding: 5px 15px !important;
  background: #fff !important;
  color: #c00 !important;
  border-color: #c00 !important;
}

.profile-container {
  padding: 0px !important;
}

.profile-container .section1 {
  padding-bottom: 50px;
}

/* .profile-container .section1 .remove-profilepic {
	position: absolute;
	top: 20%;
} */

/* .profile-container .section1 .remove-profilepic i {
	font-size: 22px;
	color: #ffffff;
} */

/* --- Upload Button (re-styling the 'remove' button) --- */


/* .profile-container .section1 .remove-profilepic i {
    font-size: 14px;
    color: #ffffff;
} */

.upload-icon-label {
  position: absolute;
  left: 165px;
  top: 175px;
  width: 30px;
  height: 30px;
  background-color: #e76f51;
  color: white;
  border-radius: 50%;
  border: 2px solid white;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
}

.upload-icon-label:hover {
  transform: scale(1.1);
}

.profile-container .section1 .profile-bg {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px;
  height: auto;
  border-radius: 12px;
  background: linear-gradient(90deg, #d86a66, #4b6b90);
  position: relative;
  color: #ffffff;
}

.profile-container .section1 .profile-bg .profile-picture-div {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile-container .section1 .profile-bg img.profile-picture {

  background: #fff;
  border-radius: 110px;
  width: 160px;
  height: 160px;
  margin: 50px auto;
}

.profile-container .section1 .remove-profilepic {
  margin-top: -3rem;
  color: #ffffff;
}

.profile-container .section1 .remove-profilepic:hover {
  color: #1A3E53;
  text-decoration: underline;
}

.profile-container .section1 .profile-bg .profile-wallet-div {
  text-align: center;
}

.profile-container .section1 .profile-bg .wallet-info {
  color: #ffffff;
  text-transform: capitalize;
  margin-bottom: 2rem;
}

.profile-container .section1 .profile-bg .add-money-btn {
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  background-color: var(--r2d-primary-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}

.profile-container .section1 .profile-bg .add-money-btn img {
  width: 25px;
  height: 25px;
  margin-right: 10px;
}

.profile-container .section2 {
  text-align: center;
}

.profile-container .section2 .radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 0px;
}

.profile-container .section2 .radio-item input[type='radio'] {
  display: none;
}

.profile-container .section2 .radio-item label {
  color: #73695b;
  font-weight: 500;
  font-size: 22px;
  margin-bottom: 0px;
  text-transform: capitalize;
  letter-spacing: 2px;
}

.profile-container .section2 .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 15px 0 0;
  width: 25px;
  height: 25px;
  border-radius: 20px;
  border: 2px solid #fe5e00;
  background-color: transparent;
}

.profile-container .section2 .radio-item input[type=radio]:checked+label:after {
  border-radius: 20px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 11px;
  left: 12px;
  content: " ";
  display: block;
  background: #fe5e00;
}

.profile-container .section3 {
  padding: 50px 30px 50px 30px;
  border: 1px solid #AAA7A7;
  ;
  border-radius: 15px;
  margin-top: 2rem;
}


/* .profile-container .section3 input,
.profile-container .section3 select {
	width: 100%;
	width: -moz-available;
	width: -webkit-fill-available;
	border: none;
	border-radius: 0px;
	height: 40px;
	background: rgb(196 196 196 / 53%);
	font-size: 14px;
	margin-bottom: 20px;
	padding: 10px;
}

.profile-container .section3 select option {
	background-color: #ffffff;
	color: #000;
}

.profile-container .section3 input:focus {
	outline-color: #f4904a;
	border-radius: 0px !important;
} */

.profile-container .section3 input,
.profile-container .section3 select,
.profile-container .section3 textarea {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 1rem;
  color: #495057;
  margin-bottom: 0;
  transition: border-color 0.2s, box-shadow 0.2s;
  margin-bottom: 20px;
}

.profile-container .section3 input:focus,
.profile-container .section3 select:focus,
.profile-container .section3 textarea:focus {
  outline: none;
  border-color: #337ab7;
  box-shadow: 0 0 0 3px rgba(51, 122, 183, 0.15);
}

.profile-container .section3 input.input-login {
  width: 100%;

}

.profile-container .section3 label {
  color: #73695b;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.profile-container .section3 span {
  color: #73695b;
  font-size: 10px;
}

.profile-container .save-button {
  margin-top: 3rem;
}

.profile-container .save-button a {
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  background-color: var(--r2d-primary-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/***************************************** 
END: Profile (New design by vikki)
******************************************/



/******************** 
START: Checkout
*********************/

.woocommerce,
.woocommerce form {
  padding: 0px 20px 20px 20px;
  /*New design by vikki */
}

.woocommerce .col2-set,
.woocommerce-page .col2-set,
#customer_details+#wc_checkout_add_ons,
#order_review,
#order_review_heading {
  float: none !important;
  width: 100% !important;
}

.woocommerce-input-wrapper {
  max-width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-fill-available;
  /* Mozilla-based browsers will ignore this. */
  width: fill-available;
}

/* one column checkout page */
.woocommerce #customer_details.col2-set .col-1,
.woocommerce-page #customer_details.col2-set .col-1,
.woocommerce #customer_details.col2-set .col-2,
.woocommerce-page #customer_details.col2-set .col-2 {
  clear: both;
  float: none !important;
  width: 100% !important;
  margin-right: 0 !important;
  text-align: left;
  padding-bottom: 20px;
  max-width: 100% !important;
}

.post-218 {
  max-width: 1200px;
  margin: auto;
}

.post-218 header {
  display: none;
}

.woocommerce-form-coupon-toggle {
  display: none;
}

.woocommerce-checkout #customer_details>div {
  padding: 0;
}

.woocommerce-checkout #customer_details label {
  color: #73695b;
  font-size: 14px;
  font-weight: 600;
  /* text-transform: uppercase; */
  /*New design by vikki (commented by vikki)*/
}


/*Start: New design by vikki */
.woocommerce-checkout #customer_details input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  padding: 10px 15px;
  border: 1px solid #ced4da;
  border-radius: 6px;
  background-color: #ffffff;
  font-size: 1rem;
  letter-spacing: 0.02em;
  text-transform: unset;
  color: #495057;
  margin-bottom: 10px;
  transition: border-color 0.2s, box-shadow 0.2s;
  margin-bottom: 20px;
  /* kiran - added spacing - themechange */
}

.woocommerce .select2-container .select2-selection--single {
  border-radius: 6px;
  border: 1px solid #ced4da;
  height: 40px;
  /* background: rgb(196 196 196 / 53%);
	font-weight: bold; */
  background: #ffffff;
  font-size: 1rem;
  color: #73695b;
  letter-spacing: 0.02em;
  text-transform: capitalize;
}

.woocommerce form .form-row .select2-container {
  margin-bottom: 10px;
}


.woocommerce-checkout h3#order_review_heading {
  /* background: linear-gradient(to right, #f4904a, #926db6, #979797); */
  background: var(--r2d-blue-table-haeder);
  border: none !important;
  color: #ffffff;
  font-size: 24px !important;
  padding: 10px 30px !important;
  margin-bottom: 0px;
  font-weight: 500;
}


.woocommerce-checkout .woocommerce-checkout-review-order {
  padding: 20px 30px !important;
  margin-bottom: 50px;
  /* background: linear-gradient(to right, #f4904a4d, #926db64d, #9797974d); */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.woocommerce-checkout .woocommerce-checkout-review-order button {
  width: 160px !important;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red) !important;
  border-radius: 10px !important;
  padding: 15px 15px !important;
  transition: background 0.3s;
  text-transform: capitalize;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order:hover {
  background-color: var(--r2d-primary-red-hover) !important;
}

/*END: New design by vikki */




/* old checkout */

.checkout-container {
  padding: 0px !important;
}

.checkout-container .section1 input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  border: none;
  border-radius: 0px;
  height: 40px;
  background: rgb(196 196 196 / 53%);
  font-size: 14px;
  margin-bottom: 20px;
}

.checkout-container .section1 input:focus {
  outline-color: var(--r2d-primary-red);
  border-radius: 0px !important;
}

.checkout-container .section1 textarea {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  border: none;
  border-radius: 0px;
  background: rgb(196 196 196 / 53%);
  font-size: 14px;
}

.checkout-container .section1 label {
  color: #73695b;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

.checkout-container .section2 {
  background: linear-gradient(to right, var(--r2d-primary-red), #926db6, #979797);
}

.checkout-container .section2 h6 {
  color: #ffffff;
  font-size: 24px;
  padding: 10px 0px;
  margin-bottom: 0px;
  font-weight: 500;
}

.checkout-container .section2 .billamount {
  text-align: right;
}

.checkout-container .section2 .billamount h6 {
  font-weight: 400;
}

.checkout-container .section3 {
  padding-top: 20px;
  padding-bottom: 30px;
  background: linear-gradient(to right, var(--r2d-primary-red)4d, #926db64d, #9797974d);
}

.checkout-container .section3 .checkinput {
  border-bottom: 1px solid #ffffff;
  padding: 20px 20px 20px 40px;
}

.checkout-container .section3 .checkinput:last-child {
  border-bottom: none;
}

.checkout-container .section3 .checkinput .radio-item {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 0px;
}

.checkout-container .section3 .checkinput .radio-item input[type="radio"] {
  display: none;
}

.checkout-container .section3 .checkinput .radio-item label {
  color: #73695b;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
}

.checkout-container .section3 .checkinput .radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 8px;
  margin: 0 18px 0 0;
  width: 30px;
  height: 30px;
  border-radius: 20px;
  border: 2px solid #fe5e00;
  background-color: transparent;
}

.checkout-container .section3 .checkinput .radio-item input[type="radio"]:checked+label:after {
  border-radius: 20px;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 13px;
  content: " ";
  display: block;
  background: #fe5e00;
}

.checkout-container .section3 .checkinput span {
  display: block;
  font-size: 14px;
  color: #73695b;
  margin: 0px 0px 0px 50px;
}

.checkout-container .checkout-options {
  padding: 40px 20px;
}

.checkout-container .checkout-options .save-btn {
  text-align: right;
}

.checkout-container .checkout-options .paynow-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: var(--r2d-primary-red);
  text-transform: uppercase;
  border-radius: 20px;
  padding: 15px 98px;
}

.checkout-container .checkout-options .save-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: var(--r2d-primary-red);
  text-transform: uppercase;
  border-radius: 20px;
  padding: 15px 120px;
}

/******************** 
Thank You
*********************/

.success-container {
  text-align: center;
}

.success-container {
  text-align: center;
  min-height: 350px;
}

.success-container div {
  margin: 75px auto auto auto;
}

.success-container h2 {
  font-size: 40px;
  font-weight: 600;
  color: var(--r2d-primary-red);
  margin-bottom: 0px;
}

.success-container h4 {
  font-size: 24px;
  font-weight: 600;
  color: #979797;
}

.success-options {
  padding: 40px 20px;
}

.success-options .download-btn {
  text-align: right;
}

.success-options .adminpanel-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: var(--r2d-primary-red);
  text-transform: uppercase;
  border-radius: 20px;
  padding: 15px 100px;
}

.success-options .download-btn a {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 2px;
  background: var(--r2d-primary-red);
  text-transform: uppercase;
  border-radius: 20px;
  padding: 15px 65px;
}

/******************** 
Overall Report
*********************/

.overallreport-container {
  padding: 50px 20px;
}

.overallreport-container .chart-box {
  margin: auto;
  width: 70%;
  height: 100%;
  box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 5px 10px 5px rgba(0, 0, 0, 0.25);
}

.overallreport-container .chart-box h4 {
  padding: 15px 20px;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  margin: 0;
}

.overallreport-container .chart-box a {
  float: right;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  vertical-align: middle;
  margin-top: 5px;
  text-decoration: underline;
}

.overallreport-container .chart-box .chartopt {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 30px;
}

.overallreport-container .chart-box .opt1 {
  width: 30px;
  height: 30px;
  background: var(--r2d-primary-red);
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
}

.overallreport-container .chart-box .opt2 {
  width: 30px;
  height: 30px;
  background: #926db6;
  border-radius: 20px;
  display: inline-block;
  vertical-align: middle;
}

.overallreport-container .chart-box .label1 {
  border: 2px solid var(--r2d-primary-red);
  color: var(--r2d-primary-red);
  font-weight: 500;
  vertical-align: middle;
  border-radius: 15px;
  padding: 5px 15px;
  margin-right: 20px;
}

.overallreport-container .chart-box .label2 {
  border: 2px solid #926db6;
  color: #926db6;
  font-weight: 500;
  vertical-align: middle;
  border-radius: 15px;
  padding: 5px 15px;
}

.overallreport-container .chart-box .totalno {
  font-size: 18px;
  color: #926db6;
  font-weight: 600;
  padding: 10px 20px;
  display: block;
}

.overallreport-container .chart-box canvas {
  height: 400px !important;
  width: 400px !important;
  margin: auto;
}

.overallreport-container .infobox-section {
  padding: 20px;
  padding-top: 100px;
  /* text-align: center; */
}

.overallreport-container .infobox-section .infobox {
  margin: auto;
  width: 75%;
}

.overallreport-container .infobox-section .infobox .section1 {
  background-color: var(--r2d-primary-red);
  color: #ffffff;
  padding: 20px 40px;
}

.overallreport-container .infobox-section .infobox .section1 span {
  display: block;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.3;
}

.overallreport-container .infobox-section .infobox .section1 i {
  vertical-align: middle;
  font-size: 65px;
}

.overallreport-container .infobox-section .infobox .section2 {
  background: linear-gradient(270deg,
      rgba(244, 144, 74, 0.42) 2.17%,
      rgba(146, 109, 182, 0.42) 41.23%,
      rgba(151, 151, 151, 0.42) 99.81%);
}

.overallreport-container .infobox-section .infobox .section2 div {
  padding: 50px 20px;
  text-align: center;
}

.overallreport-container .infobox-section .infobox .section2 h2 {
  color: #ffffff;
  font-size: 44px;
  margin-bottom: 10px;
}

.overallreport-container .infobox-section .infobox .section2 span {
  color: #ffffff;
  font-size: 32px;
  font-weight: 500;
}



/******************************************* 
START: Userwise Report ( New design by vikki)
*******************************************/
.userwise-report-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  padding: 30px;
  background-color: #f8f9fa;
  border-radius: 8px;
}

.userwise-report-container .report-header {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}


.userwise-report-container .download-full-report {
  text-decoration: none;
  background-color: #ffffff;
  color: #000000;
  /* Providing audit trail in pdf */
  padding: 6px 14px;
  border-radius: 8px;
  font-weight: 400;
  margin-right: 1rem;
   /* Providing audit trail in pdf */
  transition: background-color 0.3s ease;
}

.userwise-report-container .download-full-report:hover {
  background-color: #f0f0f0;
}

.download-full-report i {
  margin-right: 8px;
}

.userwise-report-container .report-card {
  background-color: #ffffff;
  border-radius: 12px;
  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); */
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  margin-bottom: 25px;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.userwise-report-container .report-card:hover {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
}

.userwise-report-container .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e9ecef;
}

.userwise-report-container .user-info {
  display: flex;
  align-items: center;
}

.userwise-report-container .profile-picture {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-right: 15px;
  object-fit: cover;
}

.userwise-report-container .user-details .user-login {
  font-size: 18px;
  font-weight: 600;
  color: var(--r2d-primary-red);
}

.userwise-report-container .user-details .viewer-name {
  font-size: 14px;
  color: #6c757d;
}

.userwise-report-container .access-status {
  padding: 8px 16px;
  border-radius: 20px;
  font-size: 14px;
  font-weight: 500;
  color: #ffffff;
}

.userwise-report-container .access-status.accessed {
  background-color: var(--r2d-primary-red);
}

.userwise-report-container .access-status.not-accessed {
  background-color: var(--r2d-modal-close-btn);
}

.userwise-report-container .card-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 25px 20px;
  background: #fdfdfd;
}

.userwise-report-container .stat-item {
  text-align: center;
  flex-grow: 1;
  padding: 0 15px;
}

.userwise-report-container .stat-value {
  font-size: 28px;
  font-weight: 600;
  color: #495057;
  margin-bottom: 5px;
}

.userwise-report-container .stat-label {
  font-size: 14px;
  color: #6c757d;
}

.userwise-report-container .stat-label i {
  margin-right: 5px;
}

.userwise-report-container .stat-action .btn-secondary {
  text-decoration: none;
  background-color: #e9ecef;
  color: #495057;
  padding: 10px 20px;
  border-radius: 8px;
  font-weight: 500;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.userwise-report-container .stat-action .btn-secondary:hover {
  background-color: #dee2e6;
  color: #343a40;
}

.userwise-report-container .card-body-disabled {
  padding: 40px;
  text-align: center;
  color: #6c757d;
  background-color: #f8f9fa;
}


@media (max-width: 768px) {
  .userwise-report-container .report-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .userwise-report-container .download-full-report {
    margin-top: 15px;
  }

  .userwise-report-container .card-body {
    flex-direction: column;
    align-items: stretch;
  }

  .userwise-report-container .stat-item {
    margin-bottom: 20px;
    padding: 0;
  }

  .userwise-report-container .stat-action {
    text-align: center;
  }
}

/******************************************* 
END: Userwise Report ( New design by vikki)
*******************************************/




/******************** 
Filewise Report
*********************/

.filewisereport-container .report-block {
  padding: 30px 0px;
}

.filewisereport-container .report-block .section1 .col-lg-6 {
  padding-bottom: 30px;
}

.filewisereport-container .report-block .section1 .info {
  padding-left: 80px;
}

.filewisereport-container .report-block .section1 .foldername {
  font-size: 22px;
  color: var(--r2d-primary-red);
  font-weight: 600;
  margin-right: 10px;
}

.filewisereport-container .report-block .section1 .foldername i {
  margin-left: 10px;
}

.filewisereport-container .report-block .section1 .filename {
  font-size: 22px;
  color: #926db6;
  font-weight: 600;
}

.filewisereport-container .report-block .section1 .infobtn {
  padding: 15px 50px;
  font-size: 20px;
  color: #ffffff;
  border-radius: 30px 0px 0px 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.filewisereport-container .report-block .section1 .infobtn.accessed {
  background-color: var(--r2d-primary-red);
}

.filewisereport-container .report-block .section1 .infobtn.notaccessed {
  background-color: #926db6;
}

.filewisereport-container .report-block .section2 {
  background: linear-gradient(270deg,
      rgba(244, 144, 74, 0.72) 2.17%,
      rgba(146, 109, 182, 0.72) 41.23%,
      rgba(151, 151, 151, 0.72) 99.81%);
  min-height: 100px;
}

.filewisereport-container .report-block .section2 .col-lg-3 {
  padding-top: 20px;
  padding-bottom: 20px;
  border-right: 1px solid #ffffff;
}

.filewisereport-container .report-block .section2 h2 {
  font-size: 35px;
  color: #ffffff;
  margin-bottom: 0px;
  font-weight: 600;
  letter-spacing: 2px;
}

.filewisereport-container .report-block .section2 h2 small {
  font-size: 16px;
}

.filewisereport-container .report-block .section2 h6 {
  color: #ffffff;
  margin-bottom: 5px;
  font-weight: 600;
  letter-spacing: 1.5px;
}

.filewisereport-container .report-block .section2 h6 i {
  font-size: 26px;
}

.filewisereport-container .report-block .section2 span {
  color: #ffffff;
}

.filewisereport-container .report-block .section2 .downloadreportbtn i {
  font-size: 26px;
  margin-right: 5px;
}

.filewisereport-container .report-block .section2 .downloadreportbtn a {
  padding: 15px 50px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px 0px 0px 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #979797;
  margin-top: 40px;
  display: inline-block;
}




/******************************** 
START: Q&A (New design by vikki) 
********************************/
.qstans-container {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  margin-top: 30px;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border: 1px solid #dee2e6;
  background-color: #fff;
}

.qstans-container .section1 {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  padding-bottom: 0.8rem;
}

.qstans-container .section1 .heading {

  color: #333;
  font-weight: 600;
  padding: 1rem 1.25rem;
  margin: 0;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  text-transform: capitalize;
  font-size: 1.1rem;
}


/* Search Bar */
.qstans-container .searchbar {
  padding: 1rem 1.25rem;

}

.qstans-container .searchbar form {
  position: relative;
  display: flex;
}

.qstans-container .searchbar input[type="text"] {
  width: 100%;
  padding: 10px 40px 10px 15px;
  /* Space for icon */
  border: 1px solid #ced4da;
  border-radius: 6px;
  transition: all 0.3s ease;
}

.qstans-container .searchbar input[type="text"]:focus {
  border-color: rgba(50, 108, 169, 1);
  box-shadow: 0 0 0 2px rgba(50, 108, 169, 0.2);
  outline: none;
}

.qstans-container .searchbar button {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  color: #6c757d;
  cursor: pointer;
  padding: 5px 10px;
}

/* Document List */
.qstans-container .document-list {
  flex-grow: 1;
  /* Allows list to take available space */
  overflow-y: auto;
  padding: 0px 20px;
  /* box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px; */
}

.qstans-container .document-list .nav-pills .nav-link {
  border-radius: 0;
  color: #495057;
  padding: 12px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-left: 3px solid transparent;
  transition: all 0.3s ease;
  /* border-bottom: 1px solid #f1f3f5; */
}

.qstans-container .document-list .nav-pills .nav-link.active,
.qstans-container .document-list .nav-pills .nav-link:hover {
  background-color: rgba(50, 108, 169, 0.1);
  color: rgba(50, 108, 169, 1);
  border-left: 3px solid rgba(50, 108, 169, 1);

}

.qstans-container .document-list .nav-pills .nav-link i {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.qstans-container .document-list .nav-pills .nav-link.active i,
.qstans-container .document-list .nav-pills .nav-link:hover i {
  opacity: 1;
}

.qstans-container .section2 .heading {
  color: #333;
  font-weight: 600;
  padding: 1rem 1.25rem;
  margin: 0;
  background-color: #f8f9fa;
  border-bottom: 1px solid #dee2e6;
  text-transform: capitalize;
  font-size: 1.1rem;
}



.qstans-container .sortby {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.qstans-container .sortby h4 {
  background: none;
  border: none;
  padding: 0;
  margin: 0 10px 0 0;
  font-size: 1rem;
  font-weight: normal;
  color: #333;
}

.qstans-container #qna-filter {
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  background-color: #fff;
  font-size: 1rem;
}


.qstans-container .section2 .qstans-box {
  padding-top: 10px;
  padding-bottom: 10px;
}

.qstans-container .section2 .qstans-box .content {
  min-height: 100px;
  /* background-color: #e1dfdf; */
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  padding: 15px;
  margin-bottom: 15px;
  ;
}

.qstans-container .section2 .qstans-box .content .sect-qst h6 {
  color: var(--r2d-primary-red);
  font-size: 17px;
  margin-bottom: 5px;
}

.qstans-container .section2 .qstans-box .content .sect-qst h6.qstfrom {
  color: #73695B;
  font-size: 16px;
}

.qstans-container .section2 .qstans-box .content .sect-qst h6.qstfrom span {
  color: #f4904a;
  text-decoration: underline;
}

.qstans-container .section2 .qstans-box .content .sect-qst h6.qstfrom span:hover {
  cursor: pointer;
}

.qstans-container .section2 .qstans-box .content .sect-author h6 {
  /* text-align: right;
	text-transform: capitalize;
	color: #73695b;
	font-size: 15px;
	margin-bottom: 0px; */
  font-size: 0.8rem;
  color: #6c757d;
  margin-bottom: 4px;
  font-weight: 400;
  line-height: 1.4;
  text-transform: capitalize;
  text-align: right;
}



.qstans-container .section2 .qstans-box .content .sect-author a {
  text-transform: capitalize;
  color: #73695b;
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 0px;
  display: block;

}

.qstans-container .section2 .qstans-box .content .sect-author a:hover {
  text-decoration: none;
  cursor: pointer;
}

.qstans-container .section2 .qstans-box .content .sect-author a i {
  display: block;
  font-size: 25px;
  color: #f4904a;
  margin: auto 25px;
}

.qstans-container .section2 .qstans-box .content .sect-ans {
  border-top: 1px solid #c6baba;
  padding-top: 15px;
  margin-top: 10px;

}

.qstans-container .section2 .qstans-box .content .sect-ans p {
  color: #73695B;
  text-align: justify;
}

.qstans-container .section2 .qstans-box .content .sect-ans .morecontent span {
  display: none;
}

.qstans-container .section2 .qstans-box .content .sect-ans a.morelink {
  color: #926db6;
  font-size: 15px;
  text-transform: capitalize;
  text-decoration: underline;
}

.qstans-container .section2 .qstans-box .content .sect-ans a.morelink:hover {
  cursor: pointer;
}

.qstans-container .section2 .qstans-box .content .sect-ans a.morelink i {
  vertical-align: middle;
}

.qstans-container .section2 .qstans-box .content .sect-addans .postedit {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  /* box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2); */
  color: #ffffff;
  background-color: var(--r2d-primary-blue);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
  border: 1px solid var(--r2d-primary-blue);
}

.qstans-container .section2 .qstans-box .content .sect-addans .postedit:hover {
  background-color: var(--r2d-primary-blue-hover);
}


.query-replier, 
.query-poster{
  text-transform: none;
}


#edit-response-btn,
.qstans-container .sect-author .delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border: 1px solid #ced4da;
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-decoration: none;
}

#edit-response-btn i {
  color: var(--r2d-primary-blue);
}


#edit-response-btn i,
.qstans-container .sect-author .delete i {
  font-size: 0.85rem;
}

#edit-response-btn {
  margin-right: 1.3rem;
}

#edit-response-btn:hover {
  background-color: var(--r2d-primary-blue);
  border-color: var(--r2d-primary-blue);
  color: #ffffff;
}

#edit-response-btn:hover i {
  color: #ffffff;
}

.qstans-container .sect-author .delete {
  color: var(--r2d-primary-red);
  border-color: #dc3545;
}

.qstans-container .sect-author .delete:hover {
  background-color: var(--r2d-primary-red);
  color: #fff;
}

.qstans-model {
  top: 10%;
}

.qstans-model .modal-content {
  border-radius: 0px;
  border: none;
}

.qstans-model .modal-header {
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.qstans-model .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.qstans-model .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.qstans-model .modal-header .close:focus {
  outline: none;
}

.qstans-model .modal-body {
  padding: 20px;
}

.qstans-model .modal-body p {
  color: #000000;
  font-weight: 600;
}

.qstans-model .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}

.qstans-model .modal-footer button.btn {
  padding: 10px 60px 10px 60px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 600;
  border: none;
  letter-spacing: 1px;
}

.qstans-model .modal-footer button.btn-save {
  background-color: var(--r2d-modal-close-btn);
  border-radius: 8px;
}

.qstans-model .modal-footer button.btn-post {
  padding: 10px 84px 10px 84px;
}

.qstans-model .sect-qst h6 {
  color: var(--r2d-primary-red);
  font-size: 16px;
  margin-bottom: 5px;
}

.qstans-model .sect-qst h6.qstfrom {
  color: #73695B;
  font-size: 14px;
}

.qstans-model .sect-qst h6.qstfrom span {
  color: #f4904a;
  text-decoration: underline;
}

.qstans-model .sect-qst h6.qstfrom span:hover {
  cursor: pointer;
}

.qstans-model .sect-author h6 {
  text-align: right;
  text-transform: capitalize;
  color: #73695b;
  font-size: 14px;
  margin-bottom: 0px;
}

.qstans-model .sect-ans textarea {
  width: 100%;
  padding: 12px;
  border-radius: 6px;
  border: 1px solid #ced4da;
  margin-top: 1rem;
}

.qstans-model .sect-ans textarea:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* .qstans-model textarea, .qstans-model select { width: 100%; padding: 12px; border-radius: 6px; border: 1px solid #ced4da; } */
/* .qstans-model .modal-footer { border-top: 1px solid #e9ecef; background-color: #f8f9fa; padding: 1rem 1.5rem; } */


.qstans-model .sect-ans h6 {
  color: #73695b;
  font-size: 16px;
  margin: 0;
}

.qstans-model .sect-doc {
  margin-bottom: 20px;
}

.qstans-model .sect-doc h6 {
  color: #73695b;
  font-size: 16px;
  margin: 0;
}

.qstans-model .sect-doc select {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  color: #000000;
  font-size: 1rem;
  /* font-weight: 600; */
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid #ced4da;
  background-color: #fff;
  margin-top: 12px;

}

.qstans-model .sect-doc select:focus {
  outline: none;
}

.addqst-sticky {
  position: absolute;
  top: 70;
  right: 0;
}

.addqst-sticky {
  position: fixed;
  top: 75%;
  right: 0;
  z-index: 1;
}

.addqst-sticky .addqst {
  font-size: 1.1em;
  color: #ffffff;
  background: var(--r2d-primary-red);
  padding: 12px 10px 12px 20px;
  border-radius: 40px 0px 0px 40px;
  letter-spacing: 1px;
  font-weight: 600;
  border: 2px solid #fff;
}

.addqst-sticky .addqst:focus {
  outline: none;
}

/******************************** 
END: Q&A (New design by vikki) 
********************************/

.readers-container {
  padding-top: 30px;
}

.readers-container .section1 {
  text-align: right;
}

.readers-container .section1 button {
  padding: 10px 50px;
  margin: auto 5px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: var(--r2d-primary-red);
}

.readers-container .section2 {
  padding: 20px 30px;
}

.readers-container .section2 .heading {
  font-size: 22px;
  color: var(--r2d-primary-red);
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.readers-container .section2 .heading span {
  float: right;
}

.readers-container .section2 .user-list hr {
  margin-top: 0;
}

.readers-container .section2 .user-list h6 {
  text-transform: capitalize;
  color: #73695b;
  font-weight: 600;
}

.readers-container .section2 .user-list .action-button {
  text-align: right;
}

.readers-container .section2 .user-list .action-button button {
  padding: 10px 50px;
  margin-top: 15px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: var(--r2d-primary-red);
}

.readers-container .section3 {
  text-align: center;
  padding: 20px;
}

.readers-container .section3 button {
  padding: 10px 50px;
  margin: auto 5px;
  font-size: 16px;
  color: #ffffff;
  border-radius: 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: var(--r2d-primary-red);
}

/* START: 08-01-2024 */
/* loader csss */
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
/* .loader {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(255, 255, 255, .8) url('https://right2data.in/wp-content/plugins/right2data-plugin/images/Loading-Circle-Large-Red.gif') 50% 50% no-repeat;
} */

.loading .loader {
  position: relative;
  display: inline-block;
  width: 164px;
  height: 164px;
  perspective: 300px;
}

/* .center-loader {
	margin: auto;
	width: 50%;
  } */
.loading .center-loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background-color: rgba(70, 68, 68, 0.7);
  z-index: 9999;
}

.loading .center-loader:before {
  content: "";
  height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.loader {
  display: none;
  width: 64px;
  height: 64px;
  position: relative;
  /*START: New design by vikki */
  background-image: linear-gradient(#fff 16px, transparent 0),
    linear-gradient(var(--r2d-primary-red) 16px, transparent 0),
    linear-gradient(var(--r2d-primary-red) 16px, transparent 0),
    linear-gradient(#fff 16px, transparent 0);
  /*END: New design by vikki */
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: left top, left bottom, right top, right bottom;
  animation: rotate 1s linear infinite;
}

@keyframes rotate {
  0% {
    width: 64px;
    height: 64px;
    transform: rotate(0deg);
  }

  50% {
    width: 30px;
    height: 30px;
    transform: rotate(180deg);
  }

  100% {
    width: 64px;
    height: 64px;
    transform: rotate(360deg);
  }
}

/*END: 08-01-2024 */

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
  overflow: hidden;
}

/* Anytime the body has the loading class, our
   loader element will be visible */
body.loading .loader {
  display: relative;
  /* 08-01-2024 */
}

/* contact us */

.contactus-container {
  padding: 20px 20px;
}

.contactus-container .section1 .contactus-box {
  background: linear-gradient(90deg, #ffffff 80%, #f19b60 20%);
  width: 900px;
  height: 560px;
  box-shadow: 0 4px 11px 0 rgb(0 0 0 / 25%);
  background-color: #ffffff;
  margin: auto;
}

.contactus-container .section1 .contactus-box .section2 .box1 {
  width: 100%;
  height: 85%;
  /* position: absolute; */
  /* top: 50%; */
  /* left: 50%; */
  /* -ms-transform: translate(-50%, -50%); */
  /* transform: translate(-50%, -50%); */
  padding: 40px;
}

.contactus-container .section1 .contactus-box .section2 .box1 h2 {
  color: var(--r2d-primary-red);
  margin-bottom: 20px;
}

.contactus-container .section1 .contactus-box .section2 .box1 input {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #1e1e2040;
  background: transparent;
  outline: none;
  margin-bottom: 30px;
}

.contactus-container .section1 .contactus-box .section2 .box1 input:focus {
  border-bottom: 1px solid #1e1e20;
}

.contactus-container .section1 .contactus-box .section2 .box1 textarea {
  display: block;
  width: 100%;
  border: none;
  border-bottom: 1px solid #1e1e2040;
  background: transparent;
  outline: none;
  margin-bottom: 30px;
}

.contactus-container .section1 .contactus-box .section2 .box1 textarea:focus {
  border-bottom: 1px solid #1e1e20;
}

.contactus-container .section1 .contactus-box .section2 .box1 input.btn {
  background-color: #f19b60;
  color: #e9e9e9;
  width: 200px;
  border-bottom: none;
}

.contactus-container .section1 .contactus-box .section3 .box2 {
  background-color: #3e3e3e;
  margin: auto;
  width: 19%;
  height: auto;
  position: absolute;
  top: 35%;
  /* left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); */
  padding: 40px;
}

.contactus-container .section1 .contactus-box .section3 .box2 h4 {
  margin-top: 30px;
  color: #e9e9e9;
  letter-spacing: 1.2px;
}

.contactus-container .section1 .contactus-box .section3 .box2 h6 {
  color: #e9e9e9;
  font-size: 15px;
  margin-bottom: 15px;
}

.contactus-container .section1 .contactus-box .section3 .box2 h6 i {
  color: #e9e9e9;
  font-size: 26px;
  vertical-align: middle;
}

.contactus-container .section1 .contactus-box .section3 .box2 h6.address i {
  display: inline-block;
  margin-right: -30px;
  vertical-align: top;
}

.contactus-container .section1 .contactus-box .section3 .box2 h6.address span {
  display: inline-block;
  margin-left: 40px;
}

.contactus-container .section1 .contactus-box .section3 .box2 h6 a {
  color: #e9e9e9;
  margin-left: 10px;
}

.contactus-container .section1 .contactus-box .section3 .box2 .topsquare {
  background-color: #f19b60;
  width: 30px;
  height: 30px;
  display: block;
  margin: -55px 0px 0px -55px;
}

.contactus-container .section1 .contactus-box .section3 .socialdiv {
  position: absolute;
  bottom: 8%;
  right: 8%;
}

.contactus-container .section1 .contactus-box .section3 .socialdiv a i {
  margin: auto 10px;
  font-size: 16px;
}

/* .contactus-container .section1 h1 {
	font-size: 20px;
	color: var(--r2d-primary-red);
}

.contactus-container .section1 h4{
	font-size: 18px;
	margin-bottom: 5px;
}

.contactus-container .section1 span {
	display: block;
	font-size: 16px;
	margin-bottom: 10px;
}

.contactus-container .section1 span a{
	color: #000000;
} */

/* pricing */

.pricing-container {
  padding: 20px 20px;
}

.pricing-container .heading {
  text-align: center;
}

.pricing-container .heading h1 {
  color: var(--r2d-primary-red);
  font-size: 40px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1.5px;
}

.pricing-container .heading h6 {
  color: #73595b;
}

.pricing-container .section1 .box {
  /* border: 1px solid #000000 ; */
  padding: 10px 10px;
  box-shadow: 0 4px 11px 0 rgb(0 0 0 / 25%);
  border-radius: 0 16px 0 16px;
}

.pricing-container .section1 .box .pkg-data {
  text-align: center;
  padding: 15px;
}

.pricing-container .section1 .box .pkg-heading {
  color: #73595b;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.pricing-container .section1 .box .pkg-price {
  color: #73595b;
  margin-bottom: 15px;
  font-size: 28px;
}

.pricing-container .section1 .box .pkg-price i {
  font-size: 16px;
  margin-right: 5px;
}

.pricing-container .section1 .box button {
  color: #ffffff;
  background: var(--r2d-primary-red);
  font-size: 14px;
  padding: 10px 25px;
  border-radius: 10px;
  box-shadow: 0 4px 11px 0 rgb(0 0 0 / 25%);
}

.pricing-container .section1 .box button:hover {
  color: #ffffff;
  background: #a2a3a4;
}

.pricing-container .section1 .box span {
  color: #73595b;
  text-transform: capitalize;
}

.pricing-container .section1 .box ul {
  margin: 0;
  padding: 10px 10px;
}

.pricing-container .section1 .box ul li {
  color: #73595b;
  padding: 5px 0px;
}

.pricing-container .section1 .box ul li i {
  color: #c00;
  margin-right: 5px;
}

.pricing-container .section1 .box .highlight {
  background: #926db6;
  padding: 3px 5px;
  font-size: 10px;
  color: #ffffff;
  border-radius: 0 16px 0 16px;
  position: absolute;
  right: 15px;
  top: 0px;
}

.package_disable {
  cursor: not-allowed !important;
  background: #8f8d8c !important;
}

/* viewer */

#validate_otp,
#cancel_otp,
#resend_otp {
  /*New design by vikki */
  width: 180px;
  background: var(--r2d-primary-red);
  padding: 10px 25px 10px 25px;
  border-radius: 8px;
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  border: none;
  margin-bottom: 10px;
  transition: background-color 0.3s ease;
  /*New design by vikki */
}



/*START:New design by vikki */
.page-document-viewer header {
  display: none !important;
}

.page-document-viewer footer {
  display: none !important;
}

/*END:New design by vikki */

.viewer-container .heading-section {
  background: var(--r2d-primary-blue);
  /*New design by vikki */
}

.viewer-container .heading-section ul {
  padding: 15px 20px 15px 20px;
  margin: 0;
}

.viewer-container .heading-section ul li {
  border-left: 1px solid #ffffff;
  text-align: center;
  min-width: 100px;
}

.viewer-container .heading-section ul li:last-child {
  border-left: none;
}

.viewer-container .heading-section ul li a {
  font-size: 30px;
  background-color: #ffffff;
  border-radius: 50px;
}

.viewer-container .heading-section ul li a.qna {
  /*New design by vikki (changed faq to qna )*/
  padding: 5px 8px 5px 8px;
}

.viewer-container .heading-section ul li a.print {
  padding: 5px 9px 5px 9px;
}

.viewer-container .heading-section ul li a.download {
  padding: 5px 9px 5px 9px;
}

.viewer-container .heading-section ul li a.bookmark {
  padding: 5px 7px 5px 7px;
}

.viewer-container .heading-section ul li a i {
  color: var(--r2d-primary-red)
    /*New design by vikki */
}

.viewer-container .heading-section ul li label {
  color: #ffffff;
  display: block;
  font-size: 12px;
  margin-top: 10px;
  margin-bottom: 0;
}



.viewer-container .action-section {
  padding: 30px;
}


/*START: New design by vikki */
.viewer-container .action-section button {
  width: 160px;
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  background: var(--r2d-primary-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.viewer-container .action-section button:hover {
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
  background-color: var(--r2d-primary-red-hover);
}

/*End: New design by vikki */


.deleteroom-model {
  top: 10%;
}

.deleteroom-model .modal-content {
  border-radius: 0px;
  border: none;
}

.deleteroom-model .modal-header {
  background: var(--r2d-modal-header);
  /*New design by vikki*/
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
  /*New design by vikki*/
}

.deleteroom-model .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.deleteroom-model .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.deleteroom-model .modal-header .close:focus {
  outline: none;
}

.deleteroom-model .modal-body {
  padding: 20px;
}

.deleteroom-model .modal-body p {
  color: #000000;
}

.deleteroom-model .modal-footer {
  display: block;
  text-align: center;
  border-top: none;
  padding-bottom: 30px;
}


/*Start: New design by vikki */
.deleteroom-model .modal-footer button.btn {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: var(--r2d-primary-blue);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}

/*END: New design by vikki*/

.deleteroom-model .modal-footer .fetch-otp {
  text-decoration: underline;
  cursor: pointer;
  pointer-events: auto;
  text-align: left;
  font-size: 14px;
  margin-top: 10px;
  margin-right: 10px;
}

.deleteroom-model h6 {
  /* text-transform: capitalize; */
  color: #73695b;
  font-size: 14px;
  margin-bottom: 0px;
}

.deleteroom-model .otp-text {
  color: #cc0000;
}






/*Start: New design by vikki*/
.deleteroom-model input {
  width: 100%;
  width: -moz-available;
  width: -webkit-fill-available;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  margin: 10px auto;
}

.deleteroom-model input:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.deleteroom-model select:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}


.ui-dialog.ui-widget {
  padding: 0px !important;
  border: none !important;
}

.ui-dialog.ui-widget .ui-widget-header {
  background: var(--r2d-modal-header);
  border-radius: 0px 0px 8px 8px;
}

/* CROSS ICON on the JQuery Based Modal */
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  height: 20px;
  margin: -10px 0 0 0;
  padding: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}

.ui-dialog .ui-dialog-titlebar-close .ui-icon {
  display: block;
  margin: auto;
}

.ui-dialog .ui-dialog-titlebar-close::before {
  content: "✖";
  font-size: 14px;
  color: white;
  display: block;
  text-align: center;
  line-height: 20px;
}

/* CROSS ICON on the JQuery Based Modal */

.ui-dialog.ui-widget .ui-widget-content {
  overflow: hidden;
  height: 60px !important;
  text-align: center;
}

.ui-dialog.ui-widget .ui-widget-content p {
  padding-top: 20px;
}

.ui-dialog-buttonset button {
  /* width: 120px; */
  font-family: 'Montserrat', sans-serif;
  background-color: var(--r2d-primary-red) !important;
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff !important;
  font-size: 14px !important;
  text-transform: capitalize;
  font-weight: 600 !important;
  border: none;
  margin-bottom: 10px;
  transition: background-color 0.3s ease;

}

.ui-dialog-buttonset button:hover {
  background: var(--r2d-primary-red-hover) !important;
}

.ui-dialog-buttonset button:first-child {
  background-color: var(--r2d-modal-close-btn) !important;
}

.ui-dialog-buttonset button:first-child:hover {
  background-color: var(--r2d-primary-blue-hover);
}

.ui-dialog-buttonset button span {
  padding: 0px !important;
}

/*End: New design by vikki */


/* reader page sticky */
.viewer-sticky-bar {
  position: fixed;
  top: 75%;
  /* right: 0; */
  z-index: 1;
}

.viewer-sticky-bar button {
  display: block;
  text-align: center;
  font-size: 1.2em;
  color: #ffffff;
  /* border: 2px solid #ffffff;
	border-left: none; */
  background: var(--r2d-primary-red);
  padding: 15px 30px 15px 30px;
  border-radius: 0px 40px 40px 0px;
  letter-spacing: 2px;
  font-weight: 600;
}

/* about us */
.aboutus-container {
  padding: 20px;
}

.aboutus-container .aboutus-heading {
  text-align: center;
  padding-bottom: 50px;
}

.aboutus-container .aboutus-heading h1 {
  font-size: 26px;
  color: var(--r2d-primary-red);
}

.aboutus-container .services-heading {
  text-align: center;
  padding-bottom: 20px;
}

.aboutus-container .services-heading span {
  font-size: 24px;
  text-transform: uppercase;
}

.aboutus-container .section1 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding-top: 50px;
}

.aboutus-container .section1 .box {
  text-align: center;
  background-color: #b899cc;
  width: 250px;
  height: 50px;
  border-radius: 10px;
  padding: 10px;
  margin: 10px;
}

.aboutus-container .section1 .box:hover {
  box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 10px 1px rgba(0, 0, 0, 0.75);
}

.aboutus-container .section1 .box span {
  font-size: 18px;
  color: #ffffff;
  text-shadow: 1px 1px 0 #c1c1c1;
}

.aboutus-container .section1 .box:hover span {
  font-weight: 600;
  text-shadow: none;
}

.aboutus-container .section1 {
  padding: 20px;
  text-align: center;
}

.aboutus-container .section2 {
  padding: 30px 20px 30px 20px;
}

.aboutus-container .section2 h6 {
  font-size: 24px;
  font-weight: 600;
  color: #f19b60;
  text-transform: uppercase;
  margin-bottom: 40px;
}

.aboutus-container .section2 ul {
  margin: 0 0 1.5em 1.5em;
}

.aboutus-container .section2 ul li {
  font-size: 20px;
  font-weight: 600;
  color: #73595b;
  letter-spacing: 1.5px;
}

/* services */
.services-container {
  padding: 20px;
}

.services-container .services-heading {
  text-align: center;
  padding-bottom: 50px;
}

.services-container .services-heading h1 {
  font-size: 26px;
}

.services-container .section1 ul li {
  margin-bottom: 20px;
}

.services-container .section1 ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
  cursor: pointer;
}

.services-container .section1 ul li:hover h6 {
  margin-bottom: 5px;
  color: var(--r2d-primary-red);
  font-size: 19px;
}

.services-container .section1 ul li span {
  font-size: 16px;
}

/* features */
.features-container {
  padding: 20px;
}

.features-container .features-heading {
  text-align: center;
  padding-bottom: 30px;
}

.features-container .features-heading h1 {
  font-size: 26px;
  color: var(--r2d-primary-red);
}

.features-container .section1 h6 {
  font-size: 18px;
}

.features-container .section1 ul li {
  margin-bottom: 20px;
}

.features-container .section1 ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
  cursor: pointer;
}

.features-container .section1 ul li:hover h6 {
  margin-bottom: 5px;
  color: var(--r2d-primary-red);
  font-size: 19px;
}

.features-container .section1 ul li span {
  font-size: 16px;
}

/* test */
.test-container {
  padding: 20px;
}

.test-container .test-heading {
  text-align: center;
  padding-bottom: 30px;
}

.test-container .test-heading h1 {
  font-size: 26px;
  color: var(--r2d-primary-red);
}

.test-container .whychooseus-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.test-container .whychooseus-container .whychooseus-box {
  padding: 20px 10px;
  text-align: center;
}

.test-container .whychooseus-container .whychooseus-box img {
  border-radius: 70px;
  width: 70px;
  height: auto;
}

.test-container .whychooseus-container .whychooseus-box div {
  width: 250px;
  height: 200px;
  border-radius: 10px;
  margin-top: -30px;
  box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.25);
}

.test-container .whychooseus-container .whychooseus-box.box1 div {
  background: #304475;
}

.test-container .whychooseus-container .whychooseus-box.box2 div {
  background: #a3d179;
}

.test-container .whychooseus-container .whychooseus-box.box3 div {
  background: #c64444;
}

.test-container .whychooseus-container .whychooseus-box.box4 div {
  background: #efc12f;
}

.test-container .whychooseus-container .whychooseus-box.box5 div {
  background: #39b6cc;
}

.test-container .whychooseus-container .whychooseus-box h6 {
  color: #ffffff;
  font-size: 1.5em;
  font-weight: 500;
  text-transform: capitalize;
  padding-top: 81px;
}

.test-container .section2 {
  padding-top: 80px;
}

.test-container .section2 h2 {
  color: #926db6;
  text-align: center;
}

.test-container .section2 ul li {
  margin-bottom: 20px;
}

.test-container .section2 ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
  cursor: pointer;
}

.test-container .section2 ul li:hover h6 {
  margin-bottom: 5px;
  color: var(--r2d-primary-red);
  font-size: 19px;
}

.test-container .section2 ul li span {
  font-size: 16px;
}

/* custom container */
.custom-container {
  padding: 20px;
}

.custom-container .content h2 {
  color: #926db6;
  text-align: center;
}

.custom-container .content ul li {
  margin-bottom: 20px;
}

.custom-container .content ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
  cursor: pointer;
}

.custom-container .content ul li:hover h6 {
  margin-bottom: 5px;
  color: var(--r2d-primary-red);
  font-size: 19px;
}

.custom-container .content ul li span {
  font-size: 16px;
}

.custom-container1 {
  padding: 20px;
}

.custom-container1 .content h2 {
  color: #926db6;
  text-align: center;
}

.custom-container1 .content h6 {
  font-size: 18px;
}

.custom-container1 .content ul li {
  margin-bottom: 20px;
}

.custom-container1 .content ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
}

.custom-container1 .content ul li span {
  font-size: 16px;
}

/* custom container div */
.pricing-container {
  padding: 20px;
}

.pricing-container .content h2 {
  color: #926db6;
  text-align: center;
}

.pricing-container .content ul li {
  margin-bottom: 20px;
}

.pricing-container .content ul li h6 {
  margin-bottom: 5px;
  color: #926db6;
  font-size: 18px;
}

.pricing-container .content ul li span {
  font-size: 16px;
}

/* #place_order {
	margin-left: 80%;
} */
/* kiran - removed spacing - themechange */

/*START: New design by vikki */
#save_user_data {
  margin-right: 20px;
  /* background: #B0B0B0 !important; */
  background: var(--r2d-primary-blue) !important;
  float: right;
  transition: background-color 0.3s ease;
}

#save_user_data:hover {
  background-color: var(--r2d-primary-blue-hover) !important;
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}

/* END: New design by vikki */

/* class added for button */
.theme-button-grey {
  /* background-color: #a2a3a4 !important; */
  /* margin: 5px; */
  /* border-radius: 8px !important; */
  /*New design by vikki */
  /* font-weight: 600; */
  /*New design by vikki */
    color: #ffffff !important;
    background-color: var(--r2d-modal-close-btn);
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-radius: 10px;
    padding: 7px 40px;
    border-radius: 8px;
}

/*START: New design by vikki */
.theme-button-orange {
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  padding: 7px 40px;
  cursor: pointer;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border: none
}

.theme-button-orange:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
}

.theme-button-grey:hover {
  background-color: var(--r2d-primary-blue-hover);
  box-shadow:  var(--r2d-primary-blue-hover-boxshadow);
}

.theme-button-purple:hover {
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 1) !important;
}

/*END: New design by vikki */

/* class added for button */

/* term and condition text */
pre.term_txt.term_txt_pre {
  white-space: unset;
  /*New design by vikki */
  font-family: 'sans-serif';
  margin-bottom: 2rem;
  margin-top: 2rem;
  overflow: hidden;
  border: 2px solid var(--r2d-primary-blue);
  padding: 12px 25px 12px 25px;
  font-size: 20px;
  border-radius: 8px;
  box-shadow: var(--r2d-primary-blue-hover-boxshadow);
  /*New design by vikki */
}

/* term and condition text */

/* Inline #31 | https://right2data.in/data-room/?data_room_id=5817 */

.term-and-condition_main {
  width: 100%;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 24px !important;
}

.theme-button-grey.cancel_btn_tc {
  padding: 9px 40px;
  text-decoration: none;
  color: white;
}

/* term and condition popop buttons */
.modal-footer button.btn.btn-info:first-child {
  background-color: #c4c4c4;
  border: 0px;
  color: #ffffff;
  font-weight: 600;
}

.modal-footer button.btn.btn-info:not(:first-child) {
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
  border: 0px;
  font-weight: 600;
}

.term_error-validation {
  font-size: 12px;
  padding: 0px 5px;
  color: #c00;
}

/* term and condition popop buttons */

/* checkout alert */
.woocommerce-checkout #billing_postcode_field abbr.required {
  display: none;
}

.woocommerce-checkout #billing_postcode {
  border: 1px solid #e0dede !important;
}

.woocommerce-checkout #billing_postcode_field>label {
  color: #747474;
}

.profile-container .section3 span.profile-asterisk {
  color: red;
  font-size: 15px;
}

/* checkout alert */

#spinner {
  display: block;
  width: 300px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, 0%);
}

.text-title {
  font-size: 28px;
  color: var(--r2d-primary-red);
}

#cg-allusers-content {
  display: block;
}

/* kiran - tab display fix - 10-08-2023 */

/* checkout page */

/* modal close icon  */

.modal-header .close {
  color: #ffffff;
  opacity: 1;
  font-size: 32px;
  border: none;
  background: transparent;
  padding: 0px;
  line-height: 1;
}

/* button border issue fix */

.drmain-container .drmain-box .section-box2 .drmain-opt-button,
.adminpanel-container .adminpanel-box .section-box2 .adminpanel-menu-box .adminpanel-opt-button,
.addusers-container .upload-button .upload-list button,
.addusers-container .next-prev-action button.next-button,
.action-section button {
  border: none;
}

/* button shadow  */

.addusers-container .upload-button .upload-list button,
.addusers-container .next-prev-action button.next-button,
.addfiles-container .upload-filefolder-options .savedraft-btn a,
.addfiles-container .upload-filefolder-options .nextpage-btn a,
.cg-options .next-btn a,
.success-options .adminpanel-btn a,
.success-options .download-btn a,
.auto-assign-buttons-div button,
.auto-assign-buttons-div a,
#data_room_selfie .btn {
  box-shadow: 0 4px 11px 0 rgba(0, 0, 0, 0.25);
}

/* button focus border issue fix */
.btn-primary:focus {
  box-shadow: none !important;
}




/*=========================================================== 
   START: Custom modal (New design by vikki     
 =============================================================*/
.custom-modal .modal-content {
  border-radius: 10px;
  border: none;
}

.custom-modal .modal-header {
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
}

.custom-modal .modal-header .modal-title {
  margin-bottom: 0px;
  color: #ffffff;
  font-size: 18px;
}

.custom-modal .modal-header .close {
  color: #ffffff;
  opacity: 1;
}

.themebtn-orange {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}

.themebtn-orange:hover {
  background-color: var(--r2d-primary-red-hover);
  color: #ffffff;
}

.themebtn-grey {
  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: var(--r2d-primary-blue);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}

.themebtn-grey:hover {
  color: #ffffff;
  background-color: var(--r2d-primary-blue-hover);
}

/*=========================================================== 
   END: Custom modal (New design by vikki     
 =============================================================*/




/* ********************************************************************** 
     START: PERMISSION PAGE BY VIKKI ON 26-12-2023 (New design by vikki )   
 ********************************************************************** */

/* Main container */
.permission-page-main-div {
  display: flex;
  gap: 20px;
  padding: 20px;
  /* background-color: #f7f7f7; */
}

/* Sidebar styles */
.permission-page-sidebar {
  flex: 1;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  /* position: sticky; */
  top: 20px;

}

.permission-page-data-room-name {
  margin-bottom: 20px;
  padding: 15px;
  border-radius: 8px;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 2px solid #e0e0e0;
}

.permission-page-data-room-name a {
  color: gray !important;
}

/* Content area styles */
.permission-page-content {
  flex: 3;
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}

/* Top section */
/* START: Fence view by vikki  (commented by vikki)*/
/* .permission-page-top-section {
  height: auto;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 20px;
  overflow: hidden;
}

.permission-page-icon-details {
  display: flex;
  width: 90%;
  margin: auto;
  overflow: hidden;
  justify-content: space-around;
}

.permission-page-access-icon-details {
  border-radius: 6px;
  padding: 15px;
  text-align: center;
  word-wrap: break-word;
  box-sizing: border-box;
  display: flex;
}

.permission-page-access-icon-details i {
  margin-right: -32px;
}

.permission-page-access-icon-details h6 {
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 17px;
}

.permission-page-access-icon-details p {
  font-size: 11px;
  margin: 0;
  color: #666;
  margin-left: 6px;
} */
/* END: Fence view by vikki  (commented by vikki)*/


/*START:  Fence view by vikki */
.permission-page-icon-details {
  display: flex;
  justify-content: center;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  border: 2px solid #e0e0e0;
  border-radius: 6px;
  padding: 20px 20px;
}

.permission-page-access-icon-details {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 25%;
}

.permission-page-access-icon-details span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 5px;
}

.permission-page-access-icon-details h6 {
    margin: 0;
    font-size: 13px;
}

.permission-page-access-icon-details p {
    margin: 0;
    font-size: 11px;
    color: #666;
}

.permission-page-access-icon-details i,
.permission-page-access-icon-details svg {
    display: block;
}
/*END:  Fence view by vikki */






/* Bottom section - Columns */
.permission-page-bottom-section {
  display: flex;
  gap: 20px;
}

.permission-page-column {
  flex: 1;

  border-radius: 6px;
  padding: 20px;
}

/* CSS for Groups Section */
.permission-page-group-section {
  /* background-color: #f4f4f4; */
  border-radius: 5px;
  margin-bottom: 20px;
  max-height: 350px;
  /* overflow-y: auto; */

}

.permission-page-group-section h5 {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}

.permission-page-group-list {
  list-style-type: none;
  padding-left: 0;
  margin-top: 0;
}

.permission-page-group-list li {
  display: flex;
}

/* ********************************************************************** 
     END: PERMISSION PAGE BY VIKKI ON 26-12-2023 (New design by vikki )   
 ********************************************************************** */



/* ********************************************************************** 
     START: JS Tree Styling of Permission page  (New design by vikki )   
 ********************************************************************** */
#jsTreeContainer {
  overflow: auto;
  height: 20rem;
  /* border: 1px solid #ccc; */
  box-sizing: border-box;
}


#jsTreeContainer>.jstree-container-ul {
  display: inline-block;
  min-width: 100%;
  padding: 0;
  margin: 0;
}


#jsTreeContainer .jstree-node {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
  border: none !important;
  outline: none !important;
}

#jsTreeContainer .jstree-node .horizontal-line {
  border-top: 0.5px solid #e9e9e9;
  margin-left: 3%;
  width: 107%;
}

#jsTreeContainer .jstree-last {
  border-bottom: none;
}

#jsTreeContainer .jstree-open {
  border-bottom: none;
}


#jsTreeContainer .jstree-anchor {
  flex-grow: 1;
  padding: 0px 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}


#jsTreeContainer .permissions-column {
  display: flex;
  flex-shrink: 0;
  padding-right: 15px;
}

#jsTreeContainer .permissions-column .permission-icons {
  margin-left: 12px;
  color: darkgrey;
  font-size: 14px;
}

#jsTreeContainer .permissions-column .permission-icons:hover {
  color: var(--r2d-primary-red);
  cursor: pointer;
}



#jsTreeContainer .jstree-children {
  flex-basis: 100%;
  width: 100%;
}

#jsTreeContainer .jstree-anchor:focus,
#jsTreeContainer .jstree-anchor.jstree-clicked {
  background-color: transparent;
  box-shadow: none !important;
}

#jsTreeContainer .jstree-themeicon-custom {

  /* color: #9e9999; */
  /* color: #3A6A9F; */
  color: var(--r2d-primary-red);
}

.permission-icons.permission-active {
  color: #f9634b !important;
  /* This is your active color */
}


.next-button-for-billing-page {
  width: 20%;
  margin: auto;
  height: auto;
  margin-top: 30px;
  text-align: center;
  margin-bottom: 30px;
}

.next-button-for-billing-page div {
  width: 180px;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  border-radius: 10px;
  padding: 10px 60px;
  transition: background 0.3s;
  /* text-transform: uppercase; */
}

.next-button-for-billing-page div:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);

}

.permission-page-group-list .collapsibleListOpen {
  display: block !important;
}

.permission-page-group-list .unassigned_user {
  display: block;
  width: 100%;
  padding: 12px 10px;
  text-align: center;
  background-color: var(--r2d-blue-table-haeder);
  box-sizing: border-box;
  font-weight: bold;
  color: #ffffff;


}

.permission-page-group-list .user-list {
  padding: 10px;
  display: block;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  border-radius: 8px;
  margin-bottom: 20px;


}

.permission-page-group-list .user-group-li .heading {
  font-size: 14px;
}

.permission-page-group-list .group-heading {
  display: block;
  width: 100%;
  padding: 12px 10px;
  text-align: center;
  background-color: var(--r2d-blue-table-haeder);
  box-sizing: border-box;
  font-weight: bold;
  color: #ffffff;
}



.unassigned_users_check .user-group-li>div>div {
  display: flex;
  /* gap: 10px; */
  align-items: center;
}


.permission-page-group-list .group-list {
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  padding: 10px;
  border-radius: 8px;
}

.permission-page-group-list .group-list>.user-group-li>div {
  display: flex;
  /* gap: 10px; */
  align-items: center;
}


.permission-page-group-list .custom-control-input {
  transform: scale(0.8);
}

.permission-page-group-list .custom-control input,
.permission-page-group-list .custom-control label,
.permission-page-group-list .custom-control label span {
  display: block;
}

.permission-page-group-list .custom-control {
  display: flex;
  /* align-items: center; */
  justify-content: flex-start;

}

@media(max-width:700px) {
  .permission-page-main-div {
    flex-direction: column;
  }
}

/*********************************************************************** 
     END: JS Tree Styling of Permission page  (New design by vikki )   
 ***********************************************************************/



/*********************************************************************** 
     START: USER VIEW PAGE  (New design by vikki )   
 ***********************************************************************/
.dr-withdata-container .row {
  display: flex;
  flex-wrap: wrap;
}

.dr-withdata-container .row .viewer-index {

  max-width: 35%;
  padding: 15px !important;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;


}

.dr-withdata-container .row .viewer-index .dr-heading {
  background-color: #f4f4f4;
  border-radius: 5px;

}

.dr-withdata-container .row .viewer-index .dr-heading span {
  color: black !important;
}

.dr-withdata-container .row .viewer-index .dr-index {
  margin-top: 20px;
  background-color: #f4f4f4;
  border-radius: 5px;
  margin-bottom: 20px;
  color: black !important;
  padding: 3% !important;
  min-height: 400px !important;
  max-width: 100%;
  overflow-x: scroll;
  overflow-y: scroll;

}

.dr-withdata-container .row .viewer-index .dr-index .dir-a {
  display: flex;
  align-items: center;
}

.dr-withdata-container .row .viewer-index .dr-index .dir-a i {
  color: #898080;
  font-size: 18px;
}

.dr-withdata-container .row .viewer-index .dr-index .dir-a span {
  color: #212529 !important;
  font-size: 16px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 3px;
}

.dr-withdata-container .row .viewer-index .dr-index a span:hover {
  color: white;

}

.dr-withdata-container .dr-index ul {
  list-style: none;
  margin: 0;
  padding: 1%;
}

.dr-withdata-container .dr-index li ul {
  padding: 1% !important;
  margin-left: 2% !important;
}




.dr-withdata-container .row .table-content {
  padding: 15px !important;
  background-color: white;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  max-width: 65%;
}

.table-bordered {
  border-collapse: collapse;
  width: 100%;
}

.table-content .table-bordered th,
.table-content .table-bordered td {
  border: none !important;
  padding: 8px;
  text-align: left;
  font-size: 13px;
}

.table-content .table-bordered td a {
  color: #212529 !important;
}

.table-content .table-bordered th {
  background-color: var(--r2d-blue-table-haeder)
}

.table-content .table-bordered th span {

  color: #fff !important;
  font-size: 15px !important;

}

.table-content .table-bordered tbody tr:nth-child(even) {
  background-color: #f9f9f9;
}

.table-content .table-bordered tbody tr:hover {
  background-color: #e6e6e6;
}

.table-content .table-bordered {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.table-content .table {
  color: #e0e4e9 !important;
}

.table-content .table span {
  color: black !important;
}

#file-viewer-search {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  height: auto;
}

#file-viewer-table .dir-actions,
#file-viewer-table .file-actions {
  margin-left: 0px !important;
}

#admin-contact-info-div {
  margin-top: 5px;
  font-size: 14px;
}

.breadcrumbsDiv {
  display: flex;
  align-items: center;
  padding: 15px 10px 15px;
  box-shadow: 0px 16px 48px 0px rgba(0, 0, 0, 0.176);
  border: 1px solid #c2b6b6;
  border-radius: 5px;
  margin-bottom: 10px;

}

.arrow-icon-div {
  width: 7.5%;
  display: flex;
  gap: 5px;
}

.arrow-icon-div i {
  /* margin-right: 1rem; */
  font-size: 22px;
  color: #626262e3;
}

.disabled-arrow {
  color: #cec8c8 !important;
  cursor: not-allowed;
  pointer-events: none;
}

.enabled-arrow {
  color: initial;
  cursor: pointer;
  pointer-events: auto;
}


#breadcrumbs {
  display: flex;
  align-items: center;
  padding: 5px 10px 5px 10px;
  background-color: #f4f4f4;
  border-radius: 5px;
  width: 90%;
}

#breadcrumbs a.breadcrumb {
  text-decoration: none;
  color: #215d9e;
  margin: 0px;
}

#breadcrumbs a .folderName {
  padding: 3px 4px;
  font-size: 13px;
}

#breadcrumbs a .folderName:hover {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
  border-radius: 3px;

}

.breadcrumb-separator {
  /* margin: 0 5px; */
  color: #8b8484;
  font-weight: bolder;
  padding: 3px 4px;
  font-size: 13px;
}

.dt-type-numeric{
  text-align: left !important;
}

/*********************************************************************** 
     END: USER VIEW PAGE  (New design by vikki )   
 ***********************************************************************/





/*********************************************************************** 
     START: zip upload unsupported files modal  (New design by vikki )   
 ***********************************************************************/

#zip-error-modal .modal-content {
  background-color: #f4f4f4;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}

#zip-error-modal .modal-header {
  background: var(--r2d-primary-red);
  color: white;
  border-radius: 0px 0px 8px 8px;
}


#zip-error-modal .modal-body {
  padding: 20px;
}

#zip-error-modal .list-group-item {
  margin-bottom: 10px;
  padding: 0.1rem 0.7rem;
  background: #e5e2e2;
}

#zip-error-modal .list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  color: #212529;
  text-decoration: none;
  background-color: #fff9f9;
  ;
  border: 1px solid rgba(0, 0, 0, .125);
}

#zip-error-modal ul {
  max-height: 20rem;
}

#zip-error-modal .list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem;
  overflow-x: auto;
  overflow-y: auto;
}



#zip-error-modal .btn-secondary {
  background-color: #6f2f9f;
  border-color: #6f2f9f;
}

#zip-error-modal .btn-secondary:hover {
  background-color: #5f278f;
  border-color: #5f278f;
}


#zip-error-modal #error-list-div {
  list-style-type: decimal;
  /* background: #c6c4c4;
	; */
  background: #eeeeee;

  padding: 8px;
}

#zip-error-modal .modal-header .btn-close {
  color: #ffffff;
}

#zip-error-modal .btn {
  /* color: white;
	background: #f4904a; */

  padding: 10px 37px 10px 37px;
  border-radius: 8px;
  box-shadow: 0 7px 4px 0 rgba(0, 0, 0, 0.2);
  color: #ffffff;
  background: var(--r2d-primary-blue);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  border: none;
}



#zip-error-modal .modal-dialog {
  max-width: 40rem;
}

#zip-error-modal .error-text {
  font-size: inherit;
  font-weight: bold;
  color: #776e60;
}

/*********************************************************************** 
     END: zip upload unsupported files modal  (New design by vikki )   
 ***********************************************************************/




/*START: Blog Template Page By Vikki on 12-05-2025  */

.blogpage-container {
  margin-top: 7rem;
  /* New design by vikki */
  padding: 20px 20px;
}

.blogpage-container .heading h1 {
  text-align: center;
  color: #cc0000;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
  text-shadow: 3px 3px 3px #bdbdbd;
}

.blogpage-container .content {
  padding: 20px 20px;
}

.blogpage-container .sidebar {
  padding: 20px 20px;
  border-left: 1px dotted #c1c1c1;
}

.blogpage-container .sidebar h2 {
  color: var(--r2d-primary-blue);
  /*New design by vikki */
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  /* text-shadow: 3px 3px 3px #bdbdbd; */
}

.blogpage-container .sidebar a {
  display: block;
  font-size: 16px;
  color: #313131;
  margin-bottom: 10px;
}

.blogpage-container .sidebar a:hover {
  color: var(--r2d-primary-blue);
  /*New design by vikki */
}

.blogpage-container .sidebar .section5 {
  margin-bottom: 20px;
}

.blogpage-container .sidebar .section5 input.search-field {
  margin-bottom: 20px;
  border-radius: 60px;
  border: 1px solid #d8d8d8;
  outline: none;
  padding: 5px 10px;
}

.blogpage-container .sidebar .section5 input[type="submit"] {
  border-radius: 60px;
  padding: 5px 20px;
  border: none;
  color: #fff;
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
}

.blogpage-container .pagination {
  display: inline-block;
  margin-top: 50px;
  float: right;
}

.blogpage-container .pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}

.blogpage-container .pagination a.active {
  background-color: #cc0000;
  color: white;
  border-radius: 5px;
}

.blogpage-container .pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

.blog-read-more-button {
  background: var(--r2d-primary-red);
  /*New design by vikki */
  border: #cc9900;
  color: #ffffff;
  padding: 5px 15px;
  margin: 5px 5px;
  font-size: 16px;
}

/*START:New design by vikki */
.blog-read-more-button:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
  color: #fff;
}

/* END: New design by vikki */


/* blog single */
.blogsinglepage-container {
  padding: 20px 20px;
}

.blogsinglepage-container .heading h1 {
  text-align: center;
  color: var(--r2d-primary-red);
  /*:New design by vikki */
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
  /* text-shadow: 3px 3px 3px #bdbdbd; */
}

.blogsinglepage-container .content {
  padding: 20px 20px;
}

.blogsinglepage-container .content a {
  font-style: italic;
}

.blogsinglepage-container .content img {
  max-height: 100%;
  display: block;
  max-width: 100%;
  margin: 20px auto;
}

.blogsinglepage-container .sidebar {
  padding: 20px 20px;
  border-left: 1px dotted #c1c1c1;
}

.blogsinglepage-container .sidebar h2 {
  color: var(--r2d-primary-blue);
  /*New design by vikki */
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  /* text-shadow: 3px 3px 3px #bdbdbd; */
}

.blogsinglepage-container .sidebar a {
  display: block;
  font-size: 16px;
  color: #313131;
  margin-bottom: 10px;
}

.blogsinglepage-container .sidebar a:hover {
  color: var(--r2d-primary-blue-hover);
  /*New design by vikki */
}

.blogsinglepage-container .sidebar .section4 li {
  margin-bottom: 20px;
}

.blogsinglepage-container .sidebar .section4 .other-blogs img {
  width: 50px;
}

.blogsinglepage-container .content table thead {
  background: #cc0000;
  color: #ffffff;
}

@media (max-width: 565px) {
  .blogsinglepage-container {
    margin-top: 12rem !important;
  }
}

/* search page */
.search-container .section1 {
  padding: 20px;
  border-bottom: 1px dotted #a6a6a6;
  margin-bottom: 20px;
  margin-top: 10rem;
}

.search-container .section1 input[type=submit] {
  border-radius: 60px;
  padding: 5px 20px;
  border: none;
  color: #fff;
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
}

.search-container .section1 input.search-field {
  margin-bottom: 20px;
  border-radius: 60px;
  border: 1px solid #d8d8d8;
  outline: none;
  padding: 5px 10px;
}

/*END: Blog Template Page By Vikki on 12-05-2025  */



/*recaptch v2 18-06-2024*/

#contact_form .g-recaptcha {
  margin-bottom: 0.5em;
  transform: scale(0.87);
  /* Adjust the scale value to resize */
  transform-origin: 0 0;
  margin-left: 0;
}

@media (max-width: 480px) {
  .g-recaptcha {
    margin-left: 2%;
    width: 100%;
  }
}

/*recaptch v2 18-06-2024*/

.premium_feature_pricing-container {
  max-width: 800px;
  margin: 2rem auto;
  padding: 1.5rem;
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.premium_feature_pricing-title {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 1.5rem;
  color: #333;
}

.premium_feature_pricing-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.premium_feature_pricing-item {
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.premium_feature_pricing-item-title {
  font-size: 1.2rem;
  color: #555;
}

.premium_feature_pricing-item-price {
  font-size: 16px;
  color: #926db6;
  font-weight: 500;
}

.premium_feature_pricing-note {
  margin-top: 1rem;
  font-size: 0.9rem;
  text-align: center;
  color: #777;
}

.gst_note_div {
  width: 90%;
  margin: auto;
  text-align: center;
}

.gst_note_div strong {
  display: block;
  margin-top: 5px;
  font-size: 20px;
  color: #c0392b;
  font-weight: bold;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .premium_feature_pricing-container {
    padding: 1rem;
  }

  .premium_feature_pricing-title {
    font-size: 1.5rem;
  }

  .premium_feature_pricing-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .premium_feature_pricing-item-title {
    font-size: 1.1rem;
  }

  .premium_feature_pricing-item-price {
    font-size: 0.95rem;
  }
}

@media (max-width: 480px) {
  .premium_feature_pricing-title {
    font-size: 1.3rem;
  }

  .premium_feature_pricing-item-title {
    font-size: 1rem;
  }

  .premium_feature_pricing-item-price {
    font-size: 0.9rem;
  }

  .gst_note_div strong {
    font-size: 18px;
  }
}



#download-full-report {
  position: absolute;
  top: 21%;
  right: 0%;
  padding: 10px 15px;
  border-radius: 30px 0px 0px 30px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  background-color: #979797;
}

#download-full-report a {
  color: white;
  text-decoration: none;

  display: flex;
  align-items: center;
  gap: 8px;
}

#download-full-report a:hover {
  color: #fff;
}

#download-full-report i {
  font-size: 16px;
}

@media (max-width: 768px) {
  #download-full-report {
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    text-align: center;
    padding: 15px 0;
    display: flex;
    justify-content: center;
  }

  #download-full-report a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}


/* resolution fix by vikki */
.viewer-container .heading-section ul li a {
  font-size: 16px;
  background-color: #ffffff;
  border-radius: 50px;
}

.viewer-container .heading-section ul {
  padding: 7px 10px 7px 10px;
  margin: 0;
}

#view_page_back_btn {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 1.5px;
  padding: 7px 15px 7px 7px;
  border-radius: 6px;
  background-color: #c4c4c4c4;
  color: #ffffff;
  text-transform: capitalize;
  margin-left: -3rem;
}

#view_page_back_btn img {
  width: 35px;
  height: auto;
}

.viewer-container .heading-section ul li:last-child {
  margin-top: 0.6rem;
}

/* resolution fix by vikki */

/* Fixed the footer */
body .r2d-main {
  min-height: 56.9vh;
}

/* #invited-data-rooms{
  min-height: 36.9vh;
} */
/* New design by vikki (commented by vikki */



/* START: Showing Q AND A on document viewer page*/
.ask-question-wrapper {
  position: fixed;
  bottom: 3rem;
  z-index: 9999;
  right: 20px;
}

.view-qna-btn {
  display: flex;
  align-items: center;
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
  color: white;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  border: none;
  height: 50px;
  width: 50px;
  border-radius: 50%;
  transition: width 0.3s ease, border-radius 0.3s ease;
  overflow: hidden;
  padding: 0 16px;
  position: relative;
}

.view-qna-btn:hover {
  width: 180px;
  border-radius: 25px;
}

.view-qna-icon,
.view-qna-label {
  transition: opacity 0.3s ease, transform 0.3s ease;
  white-space: nowrap;
}

.view-qna-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}

.view-qna-btn:hover .view-qna-icon {
  opacity: 0;
}

.view-qna-label {
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  transform: translateX(20px);
}

.view-qna-btn:hover .view-qna-label {
  opacity: 1;
  transform: translateX(0);
}

.view-qna-popup {
  position: fixed;
  bottom: 7rem;
  right: 20px;
  width: 380px;
  height: 450px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: none;
  flex-direction: column;
  z-index: 9999;
}

.view-qna-popup-header {
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
  padding: 12px 16px;
  font-size: 16px;
}

.qna-filter-wrapper {
  text-align: left;
}

.qna-custom-dropdown {
  display: inline-block;
  position: relative;
}

.qna-dropdown-toggle {
  background-color: #aa5252;
  color: white;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.qna-dropdown-toggle:hover {
  background-color: #e6792c;
  /* Slightly darker on hover */
  color: white;
}

.qna-dropdown-menu {
  position: absolute;
  top: 105%;
  left: 0;
  right: 0;
  background-color: white;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  display: none;
  z-index: 10;
}

.qna-dropdown-option {
  padding: 10px 14px;
  cursor: pointer;
  font-size: 14px;
  transition: background-color 0.3s ease;
}

.qna-dropdown-option:hover {
  background-color: var(--r2d-primary-red);
  color: white;
  border-radius: 0 0 6px 6px;
}

.qna-dropdown-toggle {
  background-color: var(--r2d-primary-red);
  color: white;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: background-color 0.3s ease;
}

.qna-dropdown-toggle:hover {
  background-color: #e6792c;
}

.qna-dropdown-icon {
  transition: transform 0.3s ease;
}

/* Add class when dropdown is open */
.qna-dropdown-toggle.open .qna-dropdown-icon {
  transform: rotate(180deg);
}

.view-qna-popup-body {
  flex: 1;
  overflow-y: auto;
  background-color: #f8f8f8;
  padding: 10px;
}

.view-qna-msg {
  position: relative;
  margin-bottom: 16px;
  padding: 14px 18px;
  border-radius: 10px;
  font-size: 14px;
  line-height: 1.5;
  word-wrap: break-word;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: box-shadow 0.3s ease, background-color 0.3s ease;
  width: 100%;
}

/* Question bubble */
.view-qna-question {
  background: linear-gradient(145deg, #ffffff, #f3f3f3);
  border: 1px solid #ddd;
  align-self: flex-start;
}

/* Answer bubble */
.view-qna-answer {
  background: #d8d6d4;
  margin-top: 10px;
  padding: 10px 14px;
  border-radius: 8px;
  color: #333;
  box-shadow: inset 0 0 5px rgba(56, 180, 143, 0.1);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Meta information */
.view-qna-meta {
  font-size: 11px;
  color: #888;
  margin-top: 6px;
}

.view-qna-chat-container {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.view-qna-popup-footer {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px;
  border-top: 1px solid #eee;
  background: #fff;
  position: relative;
}

.qna-input-text {
  flex: 1;
  min-height: 40px;
  max-height: 100px;
  resize: vertical;
  padding: 10px 12px;
  font-size: 14px;
  line-height: 1.4;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: inherit;
  outline: none;
  transition: border-color 0.3s ease;
}

.qna-input-text:focus {
  border-color: var(--r2d-primary-red);
  box-shadow: 0 0 0 2px rgba(255, 165, 0, 0.2);
}

.qna-send-btn {
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.3s ease;
  white-space: nowrap;
}

.qna-send-btn:hover {
  background-color: var(--r2d-primary-red);
  /*New design by vikki */
}

.qna-close-btn {
  background: transparent;
  border: none;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 12px;
  padding: 0;
  transition: transform 0.2s ease, color 0.3s ease;
  z-index: 10000;
}

.qna-close-btn:hover {
  color: #ffeb3b;
}

.hidden-answer {
  display: none;
  opacity: 0;
  transform: translateX(20px);
  transition: all 0.3s ease-in-out;
}

.view-qna-question:hover .hidden-answer {
  display: block;
  opacity: 1;
  transform: translateY(0);
}

.view-qna-question:hover {
  background-color: #fdf6f1;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

/* END: Showing Q AND A on document viewer page*/


.terms-of-services {
	padding: 70px;
	margin-top: 5rem;
}

.terms-of-services h5 {
	font-weight: 600;
}



/*==================================== */
/*   START:  New design by vikki       */
/* =====================================*/
/* Login Page */
/* Hiding the footer on the login page */
.page-login footer {
  display: none !important;
}

.login-page-main-div {

  /* background-image: url(/wp-content/plugins/right2data-plugin/images/Banner.webp); */
}

.login-page-hero-section {
  margin-top: 5rem !important;

  padding: 60px 80px;
  width: 70%;
  margin: auto;
  display: flex;
  align-items: stretch;
  color: #fff;
}

.login-page-banner-section {
  width: 50%;
  background-color: #346a9e;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

.login-heading h1{
  font-size: 24px;
    font-weight: 700;
    display: block;
    text-align: center;
    margin-bottom: 25px;
    color: #111;

}

.login-page-banner-wrapper img {
  width: 90%;
  height: 90%;
  object-fit: cover;
}

.login-page-login-section {
  width: 50%;
  background: #fff;
  padding: 30px 25px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  color: #000;
}

@media (max-width: 768px) {
  .login-page-hero-section {
    flex-direction: column;
    width: 85%;
    padding: 0;
  }

  .login-page-banner-section {
    display: none;
  }

  .login-page-login-section {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
}


/* Navbar css submenus */
.depth_0>li {
  position: relative !important;
  display: block !important;
  margin-bottom: 0 !important;
  /* background-color: black; */
}

.depth_0 li .depth_1 {
  top: -10%;

  @media screen and (max-width: 768px) {
    top: 0;
  }
}

.depth_0 .dropdown-toggle::after {
  display: none !important;
}

/* END: navbar css for submenues by vikki on 29-01-2024 */

/* BUTTONS */
.button-bgc1 {
  background-color: var(--r2d-primary-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);

}

.button-bgc1:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
}

/* blue button */
.button-bgc2 {
  background: var(--r2d-primary-blue);
  color: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.button-bgc2:hover {
  background-color: var(--r2d-primary-blue-hover);
  color: #fff;
  box-shadow: var(--r2d-primary-blue-hover-boxshadow);
}

/* BUTTONS */

/* .home-page-main-div {
  margin-top: 5rem;
} */

.r2d-page-main-container {
  padding: 60px 0;
  overflow-x: hidden;
  margin-top: 5rem;
}

.featured-solution-main-container {
  margin-top: 5rem;
}

/* page header */
.r2d-page-header {
  text-align: center;
  margin-bottom: 40px;
}

.r2d-page-header h1 {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.r2d-page-header p {
  color: #555;
  max-width: 700px;
  margin: 0 auto;
  line-height: 1.6;
  font-size: 0.95rem;
}

/* page header */

.auth-menu-button {
  background-color: var(--r2d-primary-red);
  color: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  padding: 1px 20px;
  border-radius: 8px;
  transition: background 0.3s;
  font-weight: 600;
  margin-left: 2rem;
}

.auth-menu-button:hover {
  background-color: var(--r2d-primary-red-hover);
}

/* .home-page-hero-container::before {
	content: "";
	background: url('/wp-content/plugins/right2data-plugin/images/Banner.webp') center center / cover no-repeat;
	position: absolute;
	inset: 0;
	opacity: 0.16;
	z-index: 0;
	pointer-events: none;
} */

.home-page-hero-container {
  /* background: linear-gradient(96.77deg, #193D67 14.62%, #EE6352 90.61%); */
  /* background: linear-gradient(96.77deg, #193D67 14.62%, #a43e31 90.61%); */
  background-image: url('/wp-content/plugins/right2data-plugin/images/Banner.webp');
  /* height: 100vh; */

}


/* .home-page-hero-container {
    position: relative;
    background-image: url('/wp-content/plugins/right2data-plugin/images/Banner.webp');
    background-size: cover;
    background-position: center;
	inset: 0;
	opacity: 0.16;
	z-index: 0;
}

.home-page-hero-container::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(96.77deg, #193D67 14.62%, #a43e31 90.61%); 
    pointer-events: none;
} */

/* Main Hero Section */
.home-page-hero-section {
  padding: 60px 0px;
  width: 90%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  /* height: 100vh; */
   min-height: 100vh;
}

/* Left Side - Tagline & Button */
.home-page-tagline-section {
  max-width: 600px;
  margin-bottom: 30px;
}

.home-page-tagline-section h1 {
  /* font-family: Barlow; */
  font-weight: 800;
  font-size: 57px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 1);

}

.home-page-tagline-section p {
  font-family: Barlow;
  font-weight: 600;
  font-size: 25px;
  line-height: 100%;
  letter-spacing: 0%;
  margin-bottom: 30px;

}

.book-a-demo {
  padding: 12px 30px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  display: inline-block;
}

.book-a-demo:hover {
  background-color: var(--r2d-primary-red-hover);
  color: #ffffff;
}



/* Right Side - Login Form */
.home-page-login-section {
  background: #fff;
  border-radius: 16px;
  padding: 30px 25px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  color: #000;
  min-width: 320px;
  max-width: 420px;
  margin-top: 3rem;
}

/* Login Box */
.login-heading span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  text-align: center;
  margin-bottom: 25px;
  color: #111;
}

.login-inputs span {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
  display: block;
}

.login-inputs input {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
}

.otp-inputs input {
  width: 100%;
  padding: 12px 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 14px;
  margin-bottom: 20px;
}

/* OTP Button */
.otp-btn.get-otp-btn {
  padding: 5px 35px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 2rem;
  transition: background-color 0.3s ease;
}

.otp-btn.get-otp-btn:hover {
  background-color: #0056b3;
  color: #fff;
}

/* Sign In Button */
.otp-login-button {
  color: white;
  padding: 10px 40px;
  font-weight: bold;
  border: none;
  border-radius: 8px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: inline-block;
}

/* Login Type Radio Buttons */

.checkboxlogin .checkcontainer {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  user-select: none;
}

.checkboxlogin .checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkboxlogin .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
  border-radius: 3px;
}

.checkboxlogin .checkcontainer input:checked~.checkmark {
  background-color: var(--r2d-primary-red);
}

.checkboxlogin .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkboxlogin .checkcontainer input:checked~.checkmark:after {
  display: block;
}

.checkboxlogin .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* #countdown {
	height: 40px;
	width: 40px;
	text-align: center;
	padding: 0px;
	font-size: 10px;
	margin-left: 11rem;
	margin-top: -3.5rem;
} */

.login-container svg #firstcircle {
  stroke-dasharray: 113px;
  stroke-dashoffset: 0px;
  stroke-linecap: round;
  stroke-width: 3px;
  stroke: rgba(238, 99, 82, 1);
  fill: none;
  opacity: 0.4;
}

/* Email/Mobile Toggle Buttons */
#loginbtns {
  margin-top: 20px;
}

#login-toggle {
  color: #676b6f;
  padding: 5px 20px;
  font-size: 16px;
  font-family: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  border: 1px solid rgba(238, 99, 82, 1)
}

/* #login-toggle:hover {
	background: var(--r2d-primary-red);
	color: #fff;
} */

.iti--allow-dropdown {
  width: 100%;
  margin-bottom: 20px;
}

.iti__country {
  display: flex;
}

#destresendotp {
  width: 50%;
  margin: auto;
}


.home-page-mockup-section {
  color: #000;
  min-width: 420px;
  max-width: 620px;
  transition: transform 0.3s ease;
  /* box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); */
  /* border-radius: 20px; */
  overflow: hidden;
  margin-top: 3rem;
  margin-right: -2rem;

}

.home-page-mockup-section:hover {
  transform: scale(1.02);
}

.mockup-image {
  width: 100%;
  height: auto;
  display: block;
}



/* why choose us container styling */
.homepage-why-choose-section {
  background-color: #f8f8f8;
  padding: 60px 20px;
  /* font-family: Arial, sans-serif; */
}

.whychoose-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.whychoose-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 40px;
  color: #000;
}

.whychoose-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

.whychoose-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 30px 20px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  position: relative;
  flex: 1 1 28%;
  max-width: 28%;
  text-align: left;
}

.whychoose-card:hover {
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  border-bottom: 4px solid var(--r2d-primary-blue);
}

.whychoose-icon-wrapper {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.whychoose-icon {
  width: 52px;
  height: 52px;
}

.whychoose-heading {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #000;
}

.whychoose-description {
  /* text-align: justify; */
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}

/* why choose us container styling */


/* Our Customers */
.right2data-customers {
  padding: 60px 20px;
  background-color: #fff;
  font-family: Arial, sans-serif;
  text-align: center;
}


.customers-container {
  width: 90%;
  margin: 0 auto;
}

.customers-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 40px;
  color: #000;
}

.customers-swiper {
  padding: 20px 0;
}


.customers-swiper {
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 150px;
  /* Adjust as needed */
}


.slider-wrapper {
  display: flex;
  white-space: nowrap;
  position: relative;
  will-change: transform;
}


.swiper-slide {
  flex: 0 0 auto;
  width: 200px;
  /* Set your slide width */
  margin-right: 20px;
  white-space: nowrap;
  border: 2px solid #d3ced8;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}


.customer-logo {
  /* max-height: 60px;
	max-width: 140px; */
  border-radius: 10px;
  width: 100%;
  object-fit: contain;
  filter: grayscale(0);
}


.home-page-about-us {
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: url('your-background.jpg') no-repeat center center;
  background-size: cover;
  color: white;
  font-family: sans-serif;
  background-color: #014061;
  gap: 30px;
  height: 35rem;
}

.home-page-about-us>div {
  width: 40%;
  height: 30rem;
}

.home-page-about-left-image {
  width: 80%;
  height: 100%;
  margin: auto;
  padding: 20px;
  overflow: hidden;
}

.home-page-about-left-image img {
  width: 100%;
  /* height: 30%; */
  object-fit: contain;
  /* box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
	transform: rotateY(5deg) rotateX(2deg);
	 */

  transition: transform 0.5s ease, box-shadow 0.5s ease;
  border-radius: 10px;
}

.home-page-about-left-image img:hover {
  /* transform: rotateY(0deg) rotateX(0deg) scale(1.05); */
  transform: scale(1.05);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);

}



.home-page-about-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 40px;
  color: #ffffff;
}

.home-page-about-description {
  font-size: 16px;
  line-height: 1.5;
  margin-bottom: 20px;
}

.home-page-list {
  list-style: none;
  padding: 0;
  margin: 0 0 40px 0;
}

.home-page-list li {
  margin-bottom: 20px;
  font-size: 22px;
  font-weight: bold;
  display: flex;
  align-items: center;
}

.home-page-check-icon {
  /* color: var(--r2d-primary-red);
  margin-right: 15px; */

  background-color: #ffffff;
  /* White background for contrast */
  color: var(--r2d-primary-red);
  /* Tick/icon color */
  margin-right: 10px;
  font-size: 16px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  /* Makes it circular */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  /* Optional subtle shadow */
  flex-shrink: 0;

}

.home-page-know-more-btn {
  border: none;
  padding: 12px 24px;
  font-size: 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.3s;
}

.home-page-know-more-btn:hover {
  color: #ffffff;
}

.home-page-key-features {
  text-align: center;
  padding: 60px 20px;
  background-color: #ffffff;
  font-family: sans-serif;
}

.home-page-key-features-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 10px;
  color: #000;
}

.home-page-key-features-subtitle {
  font-size: 16px;
  color: #666;
  line-height: 1.5;
  margin-bottom: 40px;
}

.home-page-key-features-cards {
  display: flex;
  justify-content: center;
  gap: 30px;
  flex-wrap: wrap;
}

.home-page-feature-card {
  background: #fff;
  padding: 30px 20px 20px;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  width: 230px;
  position: relative;
  transition: transform 0.3s ease;
  margin-top: 3rem;
}

.home-page-feature-card:hover {
  transform: translateY(-5px);
}

.home-page-feature-icon {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
  /* background: #f0f0f0; */
  background: #ffffff;
  border-radius: 50%;
  padding: 12px;
  width: 60px;
  height: 60px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  display: flex;
  align-items: center;
  justify-content: center;
}

.home-page-feature-icon img {
  width: 45px;
  height: 40px;
}

.home-page-feature-title {
  margin-top: 20px;
  font-size: 1.3rem;
  font-weight: 700;
  color: #0c2543;
  position: relative;
  padding-bottom: 10px;
  /* space for the line */
  margin-bottom: 20px;
}

.home-page-feature-description {
  color: #555;
}

.home-page-feature-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 90px;
  height: 3px;
  background-color: #0d63c9;
  /* or #007bff or your preferred blue */
  border-radius: 2px;
}

.vdr-use-cases {
  text-align: center;
  color: white;
}

.vdr-use-cases-heading {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 40px;
  color: #000;
}

.vdr-use-cases-heading span {
  font-weight: 600;
}

.vdr-use-case-container::before {
  content: "";
  /* background: url('https://static.vecteezy.com/system/resources/thumbnails/007/924/582/small/blue-hexagonal-technologi-background-free-vector.jpg') center center / cover no-repeat; */
  position: absolute;
  inset: 0;
  opacity: 0.16;
  z-index: 0;
}


.vdr-use-case-container {
  background:
    linear-gradient(to top, #9b3d31 9%, #4b99ea 41%, #173c68 74%);
  position: relative;
  z-index: 1;
}

.vdr-use-cases-grid {
  padding: 40px 20px;
  width: 80%;
  background-size: cover;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 40px 20px;
  margin: 0 auto;
  z-index: 1;
}

.vdr-use-case {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.vdr-use-case-link {
  z-index: 1;
  ;
}

.vdr-use-case-icon {
  background: rgba(255, 255, 255, 0.1);
  padding: 20px;
  border-radius: 15px;
  width: 180px;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vdr-use-case-icon img {
  width: 100%;
  object-fit: contain;

}

.vdr-use-case-title {
  margin-top: 15px;
  font-size: 20px;
  font-weight: 600;
  color: #fff;
  line-height: 1.4;
}

.home-page-pricing-section {
  padding: 60px 20px;
  text-align: center;
  background: #fff;
}

.home-page-pricing-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 80px;
  color: #000;
}

.home-page-pricing-cards {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
}

.home-page-pricing-card {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  padding: 30px 20px;
  width: 340px;
  max-width: 100%;
  text-align: left;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home-page-pricing-card.highlighted {
  background: #083b5c;
  color: #fff;
  transform: translateY(-20px);
  z-index: 1;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

.home-page-pricing-plan-name {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.home-page-pricing-amount {
  font-size: 22px;
  font-weight: 800;
  color: #083b5c;
  margin-bottom: 20px;
}

.home-page-pricing-card.highlighted .home-page-pricing-amount {
  color: #fff;
}

.home-page-pricing-features {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.home-page-pricing-features li {
  position: relative;
  padding-left: 35px;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.7;
}

/* Common tick base */
.home-page-pricing-features li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 2px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
}

/* White card — blue circle, white tick */
.home-page-pricing-card:not(.highlighted) .home-page-pricing-features li::before {
  background-color: #083b5c;
  color: #fff;
}

/* Dark card (highlighted) — white circle, coral tick */
.home-page-pricing-card.highlighted .home-page-pricing-features li::before {
  background-color: #fff;
  color: var(--r2d-primary-red);
}

.home-page-pricing-btn {
  border: none;
  padding: 12px 25px;
  border-radius: 8px;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  width: 100%;
  margin-bottom: 10px;
}

.home-page-pricing-link {
  color: #333;
  font-size: 14px;
  text-decoration: underline;
}

.home-page-pricing-card.highlighted .home-page-pricing-link {
  color: #fff;
}

.home-page-request-demo-section::before {
  content: "";
  /* background: url('https://static.vecteezy.com/system/resources/thumbnails/007/924/582/small/blue-hexagonal-technologi-background-free-vector.jpg') center center / cover no-repeat; */
  position: absolute;
  inset: 0;
  opacity: 0.20;
  z-index: 0;
}

.home-page-request-demo-section {
  position: relative;
  background: #083b5c;
  padding: 80px 20px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  z-index: 1;
  margin-bottom: 4rem;
}

.home-page-request-demo-content {
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}

.home-page-request-demo-content h2 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.home-page-request-demo-content p {
  font-size: 1rem;
  margin-bottom: 30px;
}

.home-page-request-demo-btn {
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.home-page-request-demo-btn:hover {
  color: #fff;
}


.right2data-faq-section {
  width: 90%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  margin-bottom: 3%;
}

.right2data-faq-section-title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 40px;
  color: #000;
  text-align: center;

}

.right2data-faq-item {
  border-bottom: 1px solid #ddd;
  padding: 15px 20px;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 30px;
  box-shadow: 3px 3px #e3e1e1;
}

.right2data-faq-question {
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

.right2data-faq-question h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5rem;
  color: #5a5d60;
}

.right2data-faq-arrow {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  border-radius: 10px;
  text-align: center;
  line-height: 40px;
}

.right2data-faq-arrow svg {
  fill: #756b6b;
  width: 32px;
  height: 32px;
}

.right2data-faq-arrow svg:hover {
  fill: #000000;
}

.rotate-faq-arrow {
  transform: rotate(180deg);
}

.right2data-faq-answer {
  display: none;
  font-size: 16px;
  color: #666;
  margin-top: 10px;
}

.right2data-faq-answer p {
  color: #575252;
  margin: 0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  font-size: 16px;
}

.right2data-faq-answer ol li {
  font-size: 16px;
}

.right2data-faq-answer a {
  text-decoration: none;
  color: #575252;
}

.right2data-faq-explore-more {
  margin-top: 20px;
  text-align: center;
}

.right2data-faq-explore-more a {
  color: #343a40;
  font-size: 18px;
  text-decoration: none;
  padding: 10px 20px;
  border-radius: 5px;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.right2data-faq-explore-more a:hover {
  text-decoration: underline;
  transform: scale(1.1);
}


.frequently-asked-question-heading {
  width: 70%;
  margin: auto;
  margin-top: 9rem;
  text-align: center;
}

.frequently-asked-question-heading h1 {
  /* font-weight: 700; */
  color: #000;
  font-size: 18px;
  font-weight: 500;
  /* text-shadow: 3px 3px 3px #bdbdbd; */
}

.frequently-asked-question-container {
  padding: 50px;
}

/* END: home page */



/* footer */
footer::before {
  content: "";
  /* background: url('https://static.vecteezy.com/system/resources/thumbnails/007/924/582/small/blue-hexagonal-technologi-background-free-vector.jpg') center center / cover no-repeat; */
  /* background-image: url('/wp-content/plugins/right2data-plugin/images/Banner.webp');
	position: absolute;
	inset: 0;
	opacity: 0.5;
	z-index: 0;
	pointer-events: none; */
  /* This allows clicks to pass through */
}

footer {
  /* background: linear-gradient(96.77deg, #193D67 14.62%, #a43e31 90.61%); */
  background-image: url('/wp-content/plugins/right2data-plugin/images/Banner.webp');
  position: relative;
  padding: 20px;
  /* z-index: 1; */
}

footer h6 {
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 26px;
}

footer .section1 address {
  margin-bottom: 20px;
  color: #ffffff;
}

footer .section1 a,
footer .section2 a {
  display: block;
  color: #ffffff;
}

footer .section3 i {
  background-color: var(--r2d-primary-red);
  color: #ffffff;
  margin: auto 5px;
  font-size: 25px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.15);
}

footer .section3 i:hover {
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

footer .section3 i.fa-facebook-f {
  border-radius: 30px;
  padding: 10px 15px;
}

footer .section3 i.fa-twitter {
  border-radius: 30px;
  padding: 10px 11px;
}

footer .section3 i.fa-linkedin-in {
  border-radius: 30px;
  padding: 10px 12px;
}

footer .footer-bottom {
  border-top: 2px solid #ffffff;
  margin-top: 20px;
  padding-top: 20px;
}

footer .footer-bottom p {
  color: #ffffff;
}

/* footer */


/* contact us page */
.contact-us-page-hero::before {
  content: "";
  background-image: url('/wp-content/plugins/right2data-plugin/images/contact-us-banner.webp');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  opacity: 0.25;
  z-index: 0;
  pointer-events: none;
}

.contact-us-page-hero {
  background: #0e3c5f;
  height: 450px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  z-index: 1;
}

.contact-us-page-hero h2 {
  font-size: 32px;
  font-weight: bold;
  text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.contact-us-page-container {
  display: flex;
  flex-wrap: wrap;
  max-width: 1100px;
  margin: -80px auto 0;
  /* overlap upwards */
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  position: relative;
  z-index: 5;
  margin-bottom: 7rem;
}

.contact-us-page-left {
  flex: 1 1 40%;
  background-color: #ffffff;
  padding: 40px 30px;
}

.contact-us-page-info-box {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contact-us-page-info-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.contact-us-page-icon {
  width: 50px;
  height: 50px;
  background-color: #193D67;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  flex-shrink: 0;
}

.contact-us-page-info-item h3 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}

.contact-us-page-info-item p,
.contact-us-page-info-item a {
  margin: 4px 0 0;
  font-size: 14px;
  color: #333;
  text-decoration: none;
  word-break: break-word;
}

.contact-us-page-right {
  flex: 1 1 60%;
  background-color: #0e3c5f;
  padding: 40px 30px;
  color: white;
}

.contact-us-page-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-us-page-form input,
.contact-us-page-form textarea {
  background: transparent;
  border: none;
  border-bottom: 2px solid white;
  color: white;
  padding: 10px;
  font-size: 16px;
}

.contact-us-page-form input::placeholder,
.contact-us-page-form textarea::placeholder {
  color: #ccc;
}

.contact-us-page-form-row {
  display: flex;
  gap: 20px;
}

.contact-us-page-form-row input {
  flex: 1;
}

.contact-us-page-form input:focus,
.contact-us-page-form textarea:focus {
  outline: none;
  box-shadow: none;
}

.contact-us-submit-btn {
  background: var(--r2d-primary-red) !important;
  width: fit-content;
  color: white;
  padding: 12px 30px !important;
  border: none !important;
  border-radius: 5px;
  font-size: 15px;
  cursor: pointer;
  transition: 0.3s ease;
}

.contact-us-submit-btn:hover {
  background-color: var(--r2d-primary-red-hover);
}

.contact-us-company-details {
  width: 89%;
  margin: auto;
  text-align: center;
  margin-top: 5rem;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 1rem;
}

.contact-us-company-details label {
  font-size: 25px;
  font-weight: 800;
  margin-bottom: 1rem;
  text-align: center;
  color: #0e3c5f;
}

.contact-us-company-details span {
  font-size: 17px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  color: #918a8a;

}

.contact-us-team {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 3rem;
  margin-bottom: 5rem;
}

.contact-us-team>div {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 1rem;
  text-align: center;
}

.contact-us-team label {
  font-size: 20px;
  font-weight: 800;
  color: #0e3c5f;
  margin-bottom: 0.4rem;
}

.contact-us-team span {
  font-size: 15px;
  line-height: 20px;
  color: #918a8a;
}

.contact-us-team span a {
  color: #918a8a;
}

/* contact us page */

/* Features for Right2Data */
.r2d-feature-section-title {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px 20px;
  color: white;
  border-radius: 8px;
  text-align: center;
  margin-bottom: 3rem;
}

.r2d-feature-gradient-bg {
  background: linear-gradient(to right, #2755a4, #99334e);
}

.r2d-feature-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 3rem;
}

/* Each card has a fixed size to wrap neatly */
.r2d-feature-card {
  flex: 0 1 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: white;
  border-radius: 12px;
  padding: 20px 10px;
  font-size: 0.9rem;
  color: #333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  text-decoration: none;
}


.r2d-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}

/* Card icons */
.r2d-feature-card img {
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
}

/* Remove link underline and apply transition */
.r2d-feature-card:link,
.r2d-feature-card:visited {
  text-decoration: none;
  color: inherit;
}


.r2d-feature-details-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

/* Section Layout */
.r2d-feature-detail-section {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 60px;
  gap: 40px;
}

.r2d-feature-details {
  margin-top: 3rem;
  margin-bottom: 6rem;
}

/* Image styling */
.r2d-feature-detail-image {
  flex: 1 1 300px;
  max-width: 300px;
  text-align: center;
}

.r2d-feature-detail-image img {
  width: 100%;
  max-width: 300px;
  /* reduced from 100% or 500px to 300px */
  height: auto;
  border-radius: 8px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Text Content */
.r2d-feature-detail-content {
  flex: 1 1 550px;
}

.r2d-feature-title {
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

.r2d-feature-detail-content p {
  font-size: 1rem;
  margin-bottom: 15px;
  color: #333;
  line-height: 1.7;
}

/* List Styling */
.r2d-feature-detail-content ul {
  padding-left: 20px;
  color: #333;
  line-height: 1.6;
  font-size: 0.95rem;
}

.r2d-feature-detail-content ul li {
  margin-bottom: 10px;
}

/* Alternate Flex Directions */
.r2d-feature-left-image {
  flex-direction: row;
}

.r2d-feature-right-image {
  flex-direction: row-reverse;
}

.scroll-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: var(--r2d-primary-red);
  color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 24px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.scroll-to-top i {
  color: #ffffff !important;
}

.scroll-to-top.visible {
  opacity: 1;
  visibility: visible;
}

.scroll-to-top:hover {
  background-color: var(--r2d-primary-red-hover);
}

#feature-otp-authentication,
#feature-audit-trail,
#feature-activity-tracker,
#feature-view-only,
#feature-view-print-download,
#feature-group-creation,
#feature-bulk-upload,
#feature-viewer-upload,
#feature-geo-tagging,
#feature-geo-fencing,
#feature-viewer-selfie,
#feature-2fa,
#feature-question-answer,
#feature-watermark {
  scroll-margin-top: 100px;
  /* Adjust based on your fixed header or desired spacing */
}

/* features page end*/


/* about us page */

.r2d-section-title {
  font-size: clamp(2.2rem, 5vw, 3rem);
  font-weight: 700;
  color: #212529;
  margin-bottom: 20px;
  text-align: center;
}

/* --- "About Us" & "Why" Section --- */
.r2d-about-us-section .main-title {
  font-size: clamp(2.5rem, 5vw, 3.5rem);
  font-weight: 700;
  color: #212529;
  margin-bottom: 60px;
}

.r2d-why-section .why-title {
  font-size: clamp(2rem, 5vw, 2.75rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 25px;
}

.r2d-why-section p {
  font-size: 1rem;
  line-height: 1.7;
  color: #555;
  max-width: 600px;
}

/* .r2d-placeholder-box {
	background-color: #e9e9e9;
	min-height: 350px;
	width: 100%;
	height: 100%;
	border-radius: 12px;
} */
.aboutus-img img {
  width: 100%;
  height: auto;
  border-radius: 20px;
}

.r2d-cards-wrapper {
  margin-top: 120px;
}

.r2d-info-card {
  background-color: #2c5d79;
  color: #ffffff;
  padding: 70px 30px 40px 30px;
  border-radius: 16px;
  text-align: center;
  position: relative;
  box-shadow: 0 10px 25px rgba(44, 93, 121, 0.2);
  height: 100%;
}

.r2d-info-card .icon-circle {
  width: 90px;
  height: 90px;
  background-color: #e86357;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
}

.r2d-info-card .icon-circle i {
  font-size: 2.5rem;
  color: #ffffff;
}

.r2d-info-card h3 {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 15px;
}

.r2d-info-card p {
  font-size: 1rem;
  line-height: 1.6;
  opacity: 0.9;
}

.r2d-achievements-focus-wrapper {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f8f9fa;
}

.r2d-achievements-bar {
  background-image: linear-gradient(to right, #3674B5, #053F5C);
  color: #ffffff;
  padding: 50px 20px;
  margin-top: 40px;
  position: relative;
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
}

.r2d-achievement-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.r2d-achievement-item .achieve-icon-circle {
  width: 60px;
  height: 60px;
  border: 2px solid #e86357;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

.r2d-achievement-item .achieve-icon-circle i {
  font-size: 1.7rem;
  color: #e86357;
}

.r2d-achievement-item .stat-number {
  font-size: clamp(2.5rem, 6vw, 3.2rem);
  font-weight: 700;
  line-height: 1.1;
}

.r2d-achievement-item .stat-label {
  font-size: 1rem;
  opacity: 0.9;
}

.r2d-focus-section {
  padding-top: 100px;
}

.r2d-focus-section .section-subtitle {
  font-size: 1.1rem;
  color: #6c757d;
  margin-bottom: 50px;
  text-align: center;
}

.r2d-focus-card {
  background-color: #ffffff;
  padding: 35px 30px;
  border-radius: 16px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
  text-align: left;
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  border: 1px solid #e9ecef;
}

.r2d-focus-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.r2d-focus-card .icon-box {
  width: 65px;
  height: 65px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  background: linear-gradient(135deg, #a7b7c1, #8197a5);
}

.r2d-focus-card .icon-box {
  background: linear-gradient(135deg, #f08a7e, #e86357);
}

.r2d-focus-card .icon-box i {
  font-size: 2rem;
  color: #ffffff;
}

.r2d-focus-card h3 {
  font-size: 1.4rem;
  font-weight: 700;
  margin-bottom: 10px;
  color: #212529;
}

.r2d-focus-card p {
  font-size: 0.95rem;
  line-height: 1.6;
  color: #555;
}

.r2d-team-section {
  padding-top: 100px;
}

.r2d-team-card-col {
  margin-bottom: 30px;
}

.r2d-team-card {
  background: #014061;
  color: #ffffff;
  border-radius: 8px;
  padding: 30px;
  height: 100%;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.r2d-team-header {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

.r2d-team-avatar {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  border: 4px solid #ffffff;
  background-color: #f0f2f5;
  object-fit: cover;
  flex-shrink: 0;
}

.r2d-team-info {
  margin-left: 20px;
}

.r2d-team-card h3 {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 4px 0;
  line-height: 1.2;
}

.r2d-team-card .r2d-team-role {
  font-size: 1rem;
  color: #ffffff;
  opacity: 0.8;
  display: block;
  margin-bottom: 0;
  font-weight: 400;
}

.r2d-team-card .r2d-team-bio {
  font-size: 0.9rem;
  line-height: 1.6;
  opacity: 0.9;
}


/* about page end */



/* solution page start */

.r2d-solution-tagline {
  margin-bottom: 2rem !important;
  font-size: 1.2rem !important;
  font-weight: 600 !important;
}

.r2d-solution-header {
  font-size: 2rem !important;
  font-weight: bold;
  color: gray;
}



.r2d-solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  /* margin-top: 40px; */
  padding: 20px 40px;
}

.r2d-solution-hidden-div {
  display: none;
}

.r2d-solution-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  display: flex;
  flex-direction: column;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.r2d-solution-hidden-card {
  display: none;
}

.r2d-solution-card:hover {
  transform: translateY(-5px);
  border-bottom: 4px solid var(--r2d-primary-blue);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.r2d-solution-icon-wrapper {
  width: 58px;
  height: 58px;
  background-color: #193D67;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}


.r2d-solution-icon {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.r2d-solution-title {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 10px;
}

.r2d-solution-desc {
  font-size: 0.9rem;
  color: #555;
  flex-grow: 1;
}

.r2d-solution-link {
  margin-top: 15px;
  font-weight: 500;
  color: var(--r2d-primary-red);
  text-decoration: none;
  display: inline-block;
}

.r2d-solution-link:hover {
  color: #193D67;
}

.r2d-solution-button-wrapper {
  text-align: center;
  margin-top: 40px;
}

.r2d-solution-cta {
  color: #fff;
  border: none;
  padding: 12px 24px;
  font-size: 1rem;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}


/* featured solution start */

.featured-solution-hero-section {
  display: flex;
  /* align-items: center; */
  justify-content: space-between;
  padding: 60px 70px 60px 70px;
  background: linear-gradient(to right, #ffffff, #bcddff);

}

.featured-solution-text-content {
  flex: 1;
  padding-right: 70px;
}

.featured-solution-main-heading {
  font-size: 42px;
  font-weight: bold;
  color: #1e3a56;
  margin-bottom: 20px;
}

.featured-solution-main-heading span {
  color: #3674B5;
}

.featured-solution-description {
  font-size: 18px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 30px;
}

.featured-solution-demo-button {
  /* color: white; */
  border: none;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 40px;
  padding: 12px 24px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.featured-solution-demo-button:hover {
  color: #ffffff;
}

.featured-solution-features {
  display: flex;
  justify-content: space-between;
}

.featured-solution-feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  flex-basis: 30%;
}

.featured-solution-feature-icon {
  font-size: 36px;
  color: #3674B5 !important;
  margin-bottom: 15px;
}

.featured-solution-feature-text {
  font-size: 16px;
  color: #333;
}

.featured-solution-image-content {
  flex: 1;
}

.featured-solution-image {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  animation: zoomOut 3s ease-in-out forwards;
  transform-origin: center;
}

@keyframes zoomOut {
  0% {
    transform: scale(1.1);
    /* Start zoomed in */
  }

  100% {
    transform: scale(1);
    /* Zoom out to original size */
  }
}

#featured-solution-info-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #ffffff;
}

#featured-solution-info-heading {
  font-size: 32px;
  font-weight: bold;
  color: #2d3748;
  margin-bottom: 20px;
}

#featured-solution-info-description {
  font-size: 16px;
  color: #4a5568;
  line-height: 1.6;
  max-width: 850px;
  margin: 0 auto 50px auto;
}

.featured-solution-columns-container {
  display: flex;
  justify-content: center;
  gap: 60px;
  text-align: left;
  max-width: 900px;
  margin: 0 auto;
}

.featured-solution-column {
  flex: 1;
}

.featured-solution-column-heading {
  font-size: 20px;
  font-weight: bold;
  color: #2d3748;
  margin-bottom: 25px;
}

.featured-solution-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-solution-list-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
  font-size: 16px;
  color: #4a5568;
}

.featured-solution-list-item i {
  margin-right: 12px;
  font-size: 20px;
  margin-top: 2px;
}

.featured-solution-icon-green {
  color: #48bb78;
}

.featured-solution-icon-blue {
  color: #4299e1;
}

#featured-solution-types-section {
  background-color: #f4f8fb;
  padding: 80px 25px 25px 25px;
  font-family: Arial, sans-serif;
}

.featured-solution-types-header {
  text-align: center;
  margin: 0 auto 60px auto;
  max-width: 700px;
}

.featured-solution-types-main-title {
  font-size: 34px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 15px;
}

.featured-solution-types-subtitle {
  font-size: 16px;
  color: #4a5568;
  line-height: 1.6;
}

.featured-solution-type-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 80px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

/* This class will reverse the order of items for the "Legal" section */
.featured-solution-row-reversed {
  flex-direction: row-reverse;
}

.featured-solution-type-text,
.featured-solution-type-image {
  flex: 1;
  min-width: 0;
  /* Prevents flexbox overflow */
}

.featured-solution-type-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.featured-solution-type-heading-wrapper {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 15px;
}

.featured-solution-type-icon {
  background-color: #fee2e2;
  color: #ef4444;
  padding: 12px;
  border-radius: 8px;
  font-size: 35px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.featured-solution-type-title {
  font-size: 24px;
  font-weight: bold;
  color: #1a202c;
}

.featured-solution-type-description {
  color: #4a5568;
  line-height: 1.5;
  margin-bottom: 20px;
}

.featured-solution-vdr-advantages-title {
  font-weight: bold;
  color: #2d3748;
  margin-bottom: 15px;
  font-size: 16px;
}

.featured-solution-vdr-advantages-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-solution-vdr-advantages-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  color: #4a5568;
  font-size: 15px;
  line-height: 1.5;
}

.featured-solution-vdr-advantages-item i.fa-check-circle {
  color: #3b82f6;
  margin-right: 10px;
  margin-top: 4px;
  font-size: 16px;
}


#featured-solution-specialized-section {
  background-color: #fff;
  padding: 80px 25px;
  font-family: sans-serif;
}

#featured-solution-specialized-title {
  text-align: center;
  font-size: 34px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 60px;
}

.featured-solution-specialized-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto;
}

.featured-solution-specialized-card {
  background-color: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 30px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.featured-solution-specialized-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.featured-solution-card-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.featured-solution-card-icon-wrapper {
  background-color: #ebf8ff;
  color: #3b82f6;
  padding: 12px;
  border-radius: 8px;
  font-size: 24px;
  line-height: 1;
  /* Ensures icon is centered */
}

.featured-solution-card-title {
  font-size: 22px;
  font-weight: bold;
  color: #1a202c;
}

.featured-solution-card-description {
  color: #4a5568;
  line-height: 1.6;
  margin-bottom: 24px;
  font-size: 15px;
}

.featured-solution-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-solution-card-list-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #4a5568;
  font-size: 15px;
  line-height: 1.6;
}

.featured-solution-card-list-item:not(:last-child) {
  margin-bottom: 12px;
}

.featured-solution-card-list-item i {
  color: #3b82f6;
  margin-top: 5px;
}


#featured-solution-process-section {
  background-color: #f4f8fb;
  padding: 80px 25px;
  font-family: sans-serif;
}

.featured-solution-section-header {
  text-align: center;
  margin-bottom: 60px;
}

.featured-solution-main-title {
  font-size: 32px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 12px;
}

.featured-solution-main-title span {
  color: #3674B5
}

.featured-solution-subtitle,
.featured-solution-strategy-description {
  font-size: 16px;
  color: #4a5568;
  line-height: 1.6;
  max-width: 970px;
  margin-left: auto;
  margin-right: auto;
}

/* Process Steps Styling */
.featured-solution-process-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 80px auto;
}

.featured-solution-process-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 25px;
  text-align: center;
  box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.featured-solution-process-card:hover,
.featured-solution-strategy-card:hover,
.ibr-Process-section-card:hover,
.ipo-public-offerings-section-card:hover,
.ipo-non-negotiable-card:hover,
.ipo-purpose-built-card:hover,
.whychoose-startup-fundraising-card:hover,
.user-friendly-experience-card:hover,
.helping-investment-banking-card:hover,
.solution-featured-section-card:hover,
.solution-featured-section-real-estate-card:hover {
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2),
    0 0 15px rgba(100, 149, 237, 0.5);
  transform: translateY(-10px) scale(1.03) rotate(-1deg);
}

.featured-solution-process-number {
  background-color: #0d3a61;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 15px auto;
  font-size: 28px;
  font-weight: bold;
}

.featured-solution-process-phase-title {
  font-size: 20px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 20px;
}

.featured-solution-process-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
}

.featured-solution-process-list-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #4a5568;
  font-size: 15px;
  line-height: 1.5;
}

.featured-solution-process-list-item:not(:last-child) {
  margin-bottom: 12px;
}

.featured-solution-process-list-item i {
  color: #60a5fa;
  margin-top: 4px;
  font-size: 16px;
}

/* Strategy Section Styling */
.featured-solution-strategy-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1000px;
  margin: 0 auto;
}

.featured-solution-strategy-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 30px;
  text-align: center;
  box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.featured-solution-strategy-icon-wrapper {
  background-color: #fce9e8;
  color: #dd6b63;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin-bottom: 20px;
}

.featured-solution-strategy-title {
  font-size: 18px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 10px;
}

.featured-solution-strategy-text {
  color: #4a5568;
  font-size: 15px;
  line-height: 1.6;
}

/* Responsive Design */




#featured-solution-barriers-section {
  /* background-color: #fcfcfd; */
  padding: 0px 25px 80px 25px;
  font-family: sans-serif;
}

#featured-solution-barriers-title {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 60px;
}

.featured-solution-barriers-content {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 60px;
  max-width: 1000px;
  margin: 0 auto;
}

.featured-solution-barriers-text,
.featured-solution-barriers-image {
  flex: 1;
}

.featured-solution-barriers-text {
  max-width: 450px;
}

.featured-solution-challenges-title {
  font-size: 22px;
  font-weight: bold;
  color: #1a202c;
  margin-bottom: 25px;
}

.featured-solution-challenges-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.featured-solution-challenges-item {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  font-size: 16px;
  line-height: 1.6;
  color: #4a5568;
}

.featured-solution-challenges-item:not(:last-child) {
  margin-bottom: 20px;
}

.featured-solution-challenges-item i {
  color: #f06a6a;
  font-size: 18px;
  margin-top: 5px;
}

.featured-solution-barriers-image img {
  width: 100%;
  height: auto;
  border-radius: 16px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}


/* Featured solution ends */

/* M&A Solutions */

#featured-solution-grade-security {
  font-family: Arial, sans-serif;
  margin-bottom: 4rem;
}


.featured-solution-process-grid-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 0px auto;
}

.featured-solution-strategy-grid-1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  width: 90%;
  margin: 0 auto;

}

.featured-solution-strategy-grid-1 .featured-solution-strategy-card {
  text-align: left;
}

.featured-solution-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 0px auto;
}

.featured-solution-process-card-1 {
  padding: 25px;
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.featured-solution-process-card-1 p {
  text-align: left;
}


.featured-solution-text {
  font-size: 30px;
  font-weight: 800;
  color: #3674B5;
}

/* IBR-Processes-section */
#ibr-Process-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.ibr-Process-section-grid-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 0px auto;
}

.ibr-Process-section-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 25px;
  text-align: left;
  box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}



.ibr-Process-section-title {
  font-size: 20px;
  font-weight: bold;
  color: #3674B5;
  margin-bottom: 20px;
}

#featured-solution-info-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
  text-align: center;
  background-color: #f4f8fb;
}

.featured-solution-list-item-1 {
  display: flex;
  align-items: flex-start;
  margin-bottom: 18px;
  font-size: 16px;
  background: #ffffff;
  border-left: 5px solid #3674B5;
  padding: 10px;
  border-radius: 5px;
}

.featured-solution-list-item-1 h6 {
  font-weight: 700;
}

.featured-solution-list-item-1 p {
  color: grey;
}

/* Problem section styling */
.Problem-section {
  background-color: #f8f8f8;
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.Problem-container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 60px 0px;
}

.Problem-section h2 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 40px;
}

.Problems-section-title {
  font-size: 32px;
  font-weight: bold;
  color: #2d3748;
  margin-bottom: 40px;
}

.Problems-section-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  /* Space between cards */
  max-width: 1100px;
  margin: 0 auto;
  /* Center the grid container */
}


.Problems-section-card {
  background-color: #ffffff;
  border: 1px solid #e8e8e8;
  border-left: 4px solid #f2786c;
  /* Red accent border on the left */
  border-radius: 8px;
  padding: 1.5rem 2rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.06);
  flex-basis: 300px;
  /* Base width for each card */
  flex-grow: 1;
  max-width: 350px;
}

.Problems-section-icon-wrapper {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  border-radius: 50%;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: center;
}

.Problems-section-icon {
  width: 52px;
  height: 52px;
}

.Problems-section-heading {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 15px;
  color: #3674B5;
}

.Problems-section-heading span {
  color: #000;
  margin-right: 0.5rem;
}

.whychoose-description {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
}

#Global-Scenario-scetion {
  padding: 60px 0px;
}

/* IBR-Processes-section */

/* IPO Solution page Start */

#ipo-public-offerings-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.ipo-public-offerings-section-grid-1 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  max-width: 1200px;
  margin: 0 auto 0px auto;
}

.ipo-public-offerings-section-card {
  background-color: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 25px;
  text-align: left;
  box-shadow: 0 4px 15px -2px rgba(0, 0, 0, 0.05);
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}



.ipo-public-offerings-section-title {
  font-size: 20px;
  font-weight: bold;
  color: #3674B5;
  margin-bottom: 20px;
}

.ipo-public-offerings-section-title span {
  color: #000;
  margin-right: 0.5rem;
}

#ipo-challenges-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #f4f8fb
}

.ipo-challenges-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 90%;
  margin: auto;
}


.ipo-challenges-card {
  background-color: #ffffff;
  border: 1px solid #e0e6ed;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  height: 100%;
  border-left: 4px solid #f2786c;
}


.ipo-challenges-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.ipo-challenges-icon {
  color: #0052cc;
  flex-shrink: 0;
}

.ipo-challenges-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #0052cc;
  margin: 0;
}


.ipo-challenges-description {
  font-size: 0.95rem;
  color: #42526e;
  line-height: 1.5;
  margin: 0 0 1.5rem 0;
  flex-grow: 1;
}

/* Impact Section Styling */
.ipo-challenges-impact {
  background-color: #ffebe6;
  border: 1px solid #ffcdd2;
  border-radius: 4px;
  padding: 1rem;
  margin-top: auto;
  /* Pushes the impact box to the bottom */
}

.ipo-challenges-impact p {
  margin: 0;
  font-size: 0.9rem;
  color: #bf2600;
}

.ipo-challenges-impact strong {
  font-weight: 700;
}

#ipo-non-negotiable-success-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.ipo-non-negotiable-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 80%;
  margin: auto;
}


.ipo-non-negotiable-card {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: center;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}



.ipo-non-negotiable-icon-wrapper {
  background-color: #0d3d56;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.5rem auto;
}

.ipo-non-negotiable-icon {
  width: 28px;
  height: 28px;
}


.ipo-non-negotiable-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  margin-top: 0;
  margin-bottom: 1.25rem;
}


.ipo-non-negotiable-list {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  color: #495057;
  font-size: 0.95rem;
}

.ipo-non-negotiable-list li {
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.75rem;
  line-height: 1.5;
}

.ipo-non-negotiable-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #0d3d56;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}

.ipo-non-negotiable-list li:last-child {
  margin-bottom: 0;
}

#ipo-non-lifecycle-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

#ipo-lifecycle-container {
  max-width: 1100px;
  margin: 0 auto;
}


.ipo-lifecycle-timeline {
  position: relative;
  width: 100%;
}


.ipo-lifecycle-timeline::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 2px;
  background-color: #d0d7e1;
  transform: translateX(-50%);
}


.ipo-lifecycle-entry {
  position: relative;
  width: 100%;
  padding: 2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.ipo-lifecycle-entry::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 3px solid #4a90e2;
  z-index: 1;
}


.ipo-lifecycle-content-card,
.ipo-lifecycle-image-card {
  width: calc(50% - 40px);
  box-sizing: border-box;
}


.ipo-lifecycle-content-card {
  background-color: #eaf2ff;
  border-radius: 12px;
  border: 1px solid #d0d7e1;
  padding: 1.5rem;
}

.ipo-lifecycle-header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
}


.ipo-lifecycle-icon-wrapper {
  width: 44px;
  height: 44px;
  background-color: #014061;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.ipo-lifecycle-icon-wrapper i {
  color: #ffffff;
  font-size: 20px;
}



.ipo-lifecycle-title-group {
  flex-grow: 1;
}

.ipo-lifecycle-main-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #2c3e50;
  margin: 0;
}

.ipo-lifecycle-subtitle {
  font-size: 0.9rem;
  color: #555;
  margin: 4px 0 0 0;
}

.ipo-lifecycle-phase-title {
  font-size: 1rem;
  font-weight: 700;
  color: #333;
  margin: 0 0 0.8rem 0;
}

.ipo-lifecycle-list {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.ipo-lifecycle-list li {
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 0.5rem;
  color: #444;
  font-size: 0.95rem;
}

.ipo-lifecycle-list li::before {
  content: '•';
  position: absolute;
  left: 0;
  color: #4a90e2;
  font-size: 1.2rem;
  line-height: 1;
}

/* Uniform Image Card Styling */
.ipo-lifecycle-image-card {
  height: 280px;
  border-radius: 12px;
  overflow: hidden;
}

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

/* Sidedness alignment */
.ipo-lifecycle-card-left {
  order: 1;
}

.ipo-lifecycle-image-right {
  order: 2;
}

.ipo-lifecycle-image-left {
  order: 1;
}

.ipo-lifecycle-card-right {
  order: 2;
}

#ipo-purpose-built-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #f4f8fb;
}

.ipo-purpose-built-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  width: 80%;
  margin: auto;
}

/* Card Styling */
.ipo-purpose-built-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  text-align: center;
  border: 1px solid #e9ecef;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}



/* Icon Styling */
.ipo-purpose-built-icon-wrapper {
  width: 60px;
  height: 60px;
  background-color: #0d3d56;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.5rem auto;
}

.ipo-purpose-built-icon-wrapper i {
  color: #ffffff;
  font-size: 28px;
}

/* Typography */
.ipo-purpose-built-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 0.75rem 0;
}

.ipo-purpose-built-description {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
}

#ipo-vdr-trend-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.ipo-vdr-trend-container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  width: 80%;
  margin: auto;
}

/* Card Styling */
.ipo-vdr-trend-card {
  background-color: #ffffff;
  border-radius: 8px;
  padding: 1.75rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  border: 1px solid #e9ecef;
  display: flex;
  align-items: flex-start;
  /* Aligns icon and text to the top */
  gap: 1.25rem;
}

/* Icon Styling */
.ipo-vdr-trend-icon-wrapper {
  width: 48px;
  height: 48px;
  background-color: #dd7066;
  /* Reddish-pink color */
  border-radius: 10px;
  /* Rounded corners for the icon background */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.ipo-vdr-trend-icon-wrapper i {
  color: #ffffff;
  font-size: 22px;
}

/* Text Content Container */
.ipo-vdr-trend-text-content {
  flex-grow: 1;
}

/* Typography */
.ipo-vdr-trend-title {
  font-size: 1.1rem;
  font-weight: 700;
  color: #343a40;
  margin: 0 0 0.5rem 0;
}

.ipo-vdr-trend-description {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
}

#ipo-specialized-benefits-section {
  padding: 0px 10px 70px 10px;
  font-family: Arial, sans-serif;
}

.ipo-specialized-benefits-container {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: 70%;
  margin: auto;
}

/* Left Column: Features */
.ipo-specialized-benefits-features {
  flex: 1;
  /* Allows the list to take up available space */
}

.ipo-specialized-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ipo-specialized-benefits-list li {
  display: flex;
  align-items: center;
  font-size: 1.05rem;
  color: #333;
  font-weight: 500;
}


.ipo-specialized-benefits-list li:not(:last-child) {
  margin-bottom: 1.5rem;
}

.ipo-specialized-benefits-list .fa-check-circle {
  color: #28a745;
  font-size: 1.5rem;
  margin-right: 1rem;
  flex-shrink: 0;
}

.ipo-specialized-benefits-image-wrapper {
  flex-basis: 50%;
}

.ipo-specialized-benefits-image-wrapper img {
  width: 100%;
  border-radius: 12px;
  display: block;
}

/* IPO Solution page End */

/* Secure */
#military-grade-security-features-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.secure-container {
  width: 90%;
  margin: auto;
}

.secure-accordion-item {
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 0.75rem;
  margin-bottom: 1.5rem;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
  overflow: hidden;
  transition: border-color 0.3s ease;
}

.secure-accordion-header {
  display: flex;
  padding: 1.5rem 1.5rem 0rem 1.5rem;
  cursor: pointer;
}

.secure-icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 1rem;
  background-color: #eef2ff;
}

.secure-icon {
  color: #3b82f6;
  font-size: 1.25rem;
}

.secure-header-text {
  flex-grow: 1;
}

.secure-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #1f2937;
  margin: 0;
}

.secure-subtitle {
  font-size: 1rem;
  font-weight: 700;
  color: #3b82f6;
  margin: 0.25rem 0 0 0;
}

.secure-arrow {
  font-size: 2rem;
  color: #9ca3af;
  transition: color 0.3s ease, transform 0.3s ease;
}

.secure-accordion-introduction {
  padding: 0rem 2rem 1.5rem 2rem;
}

.secure-accordion-content {
  padding: 2rem;
  border-top: 1px solid #e5e7eb;
  display: none;
}

.secure-description {
  font-size: 1rem;
  line-height: 1.6;
  margin-top: 1.5rem;
  margin-bottom: 2rem;
}

.secure-key-benefits-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 1rem;
}

.secure-benefits-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.secure-benefits-list li {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  font-size: 1rem;
  line-height: 1.6;
}

.secure-check-icon {
  color: #22c55e;
  font-size: 1.1rem;
  margin-right: 0.75rem;
  margin-top: 0.15rem;
}

.secure-item-open {
  border-color: #dbeafe;
}

.secure-item-open .secure-arrow {
  color: #9ca3af;
  transform: rotate(180deg);
}

.secure-bottom-section-container {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  width: 80%;
  margin: auto;
  font-family: Arial, sans-serif;
  padding: 60px 10px;
}

.secure-bottom-card {
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 24px 28px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  flex: 1;
  min-width: 320px;
  max-width: 550px;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.secure-bottom-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.secure-bottom-header {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
}

.secure-bottom-icon-wrapper {
  background-color: #083b5c;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  /* You might want to define a size for the wrapper itself */
  width: 60px;
  height: 60px;
  box-sizing: border-box;
}

.secure-bottom-icon-wrapper img {
  max-width: 100%;
  height: auto;
  display: block;
}

.secure-bottom-title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  color: #1f2937;
}

.secure-bottom-subtitle {
  margin: 0;
  font-size: 1rem;
  color: #6b7280;
  font-weight: 500;
}

.secure-bottom-description {
  color: #4b5563;
  line-height: 1.6;
  margin-top: 0;
  margin-bottom: 24px;
}

.secure-bottom-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.secure-bottom-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  color: #4b5563;
  line-height: 1.5;
}

.secure-bottom-feature-item:not(:last-child) {
  margin-bottom: 12px;
}

.secure-bottom-check-icon {
  color: #10b981;
  font-size: 1.1rem;
  margin-top: 3px;
}

/* secure page */

/* Start Startup Fundraising */
#understanding-startup-fundraising-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.key-highlights-of-startup-fundraising {
  width: 80%;
  margin: 0 auto;
}

/* --- Key Highlights Section --- */
.understanding-startup-fundraising-main-title {
  text-align: center;
  color: #003a5d;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 40px;
}

.understanding-startup-fundraising-highlights-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
  /* Space between cards */
}

.understanding-startup-fundraising-card {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding: 30px;
  text-align: center;
  width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}

.understanding-startup-fundraising-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.understanding-startup-fundraising-icon-wrapper {
  width: 70px;
  height: 70px;
  background-color: #e0f0ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.understanding-startup-fundraising-icon-wrapper i {
  font-size: 28px;
  color: #005a8d;
}

.understanding-startup-fundraising-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px 0;
}

.understanding-startup-fundraising-card-text {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}

/* --- Role of VDR Section --- */
.understanding-startup-fundraising-role-section {
  display: flex;
  align-items: center;
  gap: 40px;
  margin-top: 80px;
  padding: 0 20px;
}

.understanding-startup-fundraising-role-text-content {
  flex: 1;
}

.understanding-startup-fundraising-role-title {
  font-size: 32px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
}

.understanding-startup-fundraising-role-description {
  font-size: 16px;
  color: #555555;
  line-height: 1.7;
}

.understanding-startup-fundraising-role-image-content {
  flex: 1;
  text-align: center;


}

.understanding-startup-fundraising-role-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

#solved-problems-startup-fundraising-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #f4f8fb;

}

.solved-problems-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 2rem;
  max-width: 1100px;
  margin: 0 auto;
}

.solved-problems-card {
  background-color: #ffffff;
  border: 1px solid #e0e6ed;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  border-left: 4px solid #f2786c;
  flex-basis: 300px;
  flex-grow: 1;
  max-width: 350px;
}

#features-for-fundraising-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.features-for-fundraising-usecase-container {
  width: 80%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 2rem;
  padding: 2rem;
  background-color: #fff;
  font-family: 'Arial', sans-serif;
}

.features-for-fundraising-usecase-list {
  flex: 1 1 350px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 10px;
}

.fundraising-usecase-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.fundraising-usecase-list-item {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  font-size: 1rem;
  color: #333;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

.fundraising-usecase-list-icon {
  flex-shrink: 0;
  margin-top: 2px;
}

.features-for-fundraising-usecase-image {
  max-width: 500px;
  height: auto;
}

.features-for-fundraising-usecase-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .features-for-fundraising-usecase-container {
    width: 100%;
    flex-direction: column-reverse;
    align-items: center;
    text-align: left;
    padding: 0rem;
  }


}

#global-scenarios-fundraising-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #f4f8fb;

}

#whychoose-fundraising-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.whychoose-startup-fundraising-highlights-grid {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
}

.whychoose-startup-fundraising-card {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding: 30px;
  text-align: center;
  width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}



.whychoose-startup-fundraising-icon-wrapper {
  width: 70px;
  height: 70px;
  background-color: #e0f0ff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.whychoose-startup-fundraising-icon-wrapper i {
  font-size: 28px;
  color: #005a8d;
}

.whychoose-startup-fundraising-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px 0;
}

.whychoose-startup-fundraising-card-text {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}

#why-bussiness-choose-right2data-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  margin-bottom: 2rem;

}

.why-bussiness-choose-right2data-icon-wrapper {
  width: 70px;
  height: 70px;
  background-color: #fce9e8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  color: #dd6b63;
}

.why-bussiness-choose-right2data-icon-wrapper i {
  font-size: 28px;
}


/* Start: user friendly section */

#user-friendly-experience-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;

}

.user-friendly-experience-grid {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
  width: 80%;
  margin: auto;
  /* Space between cards */
}


.user-friendly-experience-card {
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  width: 320px;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: left;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}



.user-friendly-experience-icon-wrapper {
  background-color: #0d3d56;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}

.user-friendly-experience-icon {
  width: 28px;
  height: 28px;
}


.user-friendly-experience-title {
  font-size: 1.25rem;
  font-weight: 700;
  color: #212529;
  margin-top: 0;
  margin-bottom: 1.25rem;
}

#effortless-setup-administration-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.effortless-setup-administration-grid {
  display: flex;
  width: 90%;
  margin: auto;
  gap: 20px;
  justify-content: space-around;
}

.effortless-setup-administration-card {
  width: 35%;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #e9ecef;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  text-align: left;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.effortless-setup-administration-card:hover {
  transform: translateY(-10px) scale(1.03);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.effortless-setup-administration-icon-wrapper {

  background-color: #0d3d56;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
}

#user-friendly-ease-of-use-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.user-friendly-ease-of-use-section-grid {
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem 3rem;
  padding: 0;
  list-style-type: none;
}

.user-friendly-ease-of-use-section-card {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}

.user-friendly-ease-of-use-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

.user-friendly-ease-of-use-card-title {
  font-size: 1.25rem;
  font-weight: bold;
  margin: 0 0 8px 0;
  color: #2c3e50;
}

.user-friendly-ease-of-use-card-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
  margin: 0;
}

#user-friendly-dramatic-result-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  margin-bottom: 2rem;
}

.user-friendly-dramatic-result-grid {
  display: grid;
  width: 90%;
  margin: auto;
  margin-bottom: 2rem;
  grid-template-columns: repeat(3, 1fr);
  gap: 2rem;
  text-align: center;
}

.user-friendly-dramatic-result-card {
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 2rem 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.user-friendly-dramatic-result-icon-wrapper {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background-color: #E8716D;
  border-radius: 12px;
  margin-bottom: 1.5rem;
}

.user-friendly-dramatic-result-icon {
  width: 32px;
  height: 32px;
}

.user-friendly-dramatic-result-card-title {
  font-size: 1.125rem;
  font-weight: bold;
  color: #1a1a1a;
  margin: 0 0 0.5rem 0;
}

.user-friendly-dramatic-result-card-description {
  font-size: 1rem;
  line-height: 1.6;
  color: #666;
  margin: 0;
}

#challenges-in-investment-banking-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;

}

.challenges-in-investment-impact {
  background-color: #3674B5;
  border: 1px solid #71aad8;
  border-radius: 4px;
  padding: 1rem;
  margin-top: auto;
  height: 5rem;

  /* Pushes the impact box to the bottom */
}

.challenges-in-investment-impact p {
  margin: 0;
  font-size: 0.9rem;
  color: #ffffff;
}

#solving-investment-banking-problems-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

#helping-investment-banking-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.helping-investment-banking-grid {
  width: 80%;
  margin: auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
}

.helping-investment-banking-card {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  padding: 30px;
  text-align: center;
  width: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: transform 0.3s, box-shadow 0.3s;
}



.helping-investment-banking-icon-wrapper {
  width: 70px;
  height: 70px;
  background-color: #FFBFB9;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.helping-investment-banking-icon-wrapper i {
  font-size: 28px;
  color: #E36458;
}

.helping-investment-banking-card-title {
  font-size: 18px;
  font-weight: 600;
  color: #1a1a1a;
  margin: 0 0 8px 0;
}

.helping-investment-banking-card-text {
  font-size: 14px;
  color: #666666;
  line-height: 1.5;
  margin: 0;
}

#benefits-of-right2data-investment-banking-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

#why-use-right2data-investment-banking-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.why-choose-right2data-list {
  width: 90%;
  margin: auto;
  padding: 2rem;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 4px;
}

.why-choose-right2data-list h3 {
  font-weight: 600;
  text-align: center;
  margin-bottom: 2rem;
}

#key-features-of-right2data-for-ib-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.key-features-of-right2data-for-ib-container {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

#global-usage-of-vdr-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  margin-bottom: 2rem;
}

.global-usage-vdr-grid {
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* END : Investment banking and corporate finance*/

/* START: Legal and Litigation */
.legal-and-litigation-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.legal-and-litigation-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}


.solution-featured-section-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 35px;
  width: 80%;
  margin: auto;
}

.solution-featured-section-card {
  background-color: #ffffff;
  border-radius: 12px;
  width: 320px;
  padding: 2.5rem 2rem;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  text-align: center;
  border: 1px solid #e9ecef;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.solution-featured-section-icon-wrapper {
  width: 60px;
  height: 60px;
  background-color: #0d3d56;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 1.5rem auto;
}

.solution-featured-section-icon-wrapper i {
  color: #ffffff;
  font-size: 28px;
}

.solution-featured-section-title {
  font-size: 1.2rem;
  font-weight: 700;
  color: #212529;
  margin: 0 0 0.75rem 0;
}

.solution-featured-section-description {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
}

.issues-associated-with-legal-container {
  display: flex;
  width: 80%;
  margin: auto;
  gap: 20px;
  justify-content: space-around;
}

.issues-associated-with-legal-card {
  width: 45%;
}

.issues-associated-with-legal-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.issues-associated-with-legal-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 5px 0;
}

.issues-associated-with-legal-item:last-child {
  border-bottom: none;
}

.issues-associated-with-legal-item svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}

.issues-associated-with-legal-item span {
  font-size: 16px;
  line-height: 1.5;
  color: #333;
  display: inline-block;
}

.key-challenges-in-legal-and-litigation {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 50px;
  margin-bottom: 80px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
}

.solution-scenarios-content-wrapper {
  width: 80%;
  margin: auto;
  display: flex;
  gap: 2rem;
}

.solution-scenarios-left-column {
  width: 50%;
  line-height: 1.6;
  font-size: 0.95rem;
}

.solution-scenarios-left-column p {
  margin: 0 0 1.5rem 0;
}

.solution-scenarios-right-column {

  width: 50%;
  ;
  background-color: #e88273;
  color: white;
  padding: 2rem;
  border-radius: 10px;
}

.solution-scenarios-sub-title {
  font-size: 1.4rem;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 1.5rem;
}

.solution-scenarios-trends-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.solution-scenarios-trends-list li {
  padding-left: 2rem;
  position: relative;
  margin-bottom: 1.2rem;
  line-height: 1.5;
  font-size: 1.05rem;
}

.solution-scenarios-trends-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 1.5rem;
  line-height: 1;
}

.solution-scenarios-trends-list li:last-child {
  margin-bottom: 0;
}

.top-features-for-legal-use-grid {
  display: grid;
  max-width: 1200px;
  margin: 0 auto;
  gap: 1.5rem;
  grid-template-columns: repeat(4, 1fr);
}

.top-features-for-legal-use-card {
  background-color: #ffffff;
  border: 1px solid #e7eaf3;
  border-radius: 8px;
  padding: 1.5rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}

.top-features-for-legal-use-icon {
  width: 50px;
  height: 50px;
  background-color: #e87a70;
  color: #ffffff;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.top-features-for-legal-use-icon svg {
  width: 28px;
  height: 28px;
}

.top-features-for-legal-use-text {
  margin: 0;
  color: #555e68;
  font-size: 1rem;
  line-height: 1.5;
}

.indian-firms-right2data-grid {
  display: grid;
  max-width: 1100px;
  margin: 0 auto;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}

.indian-firms-right2data-card {
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 2rem 1.5rem;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
}


.indian-firms-right2data-icon {
  width: 60px;
  height: 60px;
  background-color: #fdecea;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.5rem;
  color: #e9847d;
}


.indian-firms-right2data-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #212529;
  margin: 0;
}


.indian-firms-right2data-description {
  font-size: 0.95rem;
  color: #6c757d;
  line-height: 1.6;
  margin: 0;
}


/* End: Legal and Litigation */

/* START: Bio tech and Life Sciences */
.biotech-life-sciences-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.biotech-life-sciences-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

.featured-solution-type-sub-title {
  font-weight: bold;
  font-size: 20px;
}

.usecase-of-right2data-for-biotech {
  width: 80%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

/* END: Bio tech and Life Sciences */

/* START: Real Estate Transactions */
.real-estate-transaction-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.real-estate-transaction-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

.featured-solution-highlight-container {
  width: 80%;
  margin: auto;
  border-radius: 10px;
  padding: 2rem;
  background-color: #5388BF;
  color: #ffffff;
  margin-top: 2rem;
  text-align: center;
}

.featured-solution-real-estate-coulmns {
  display: flex;
  justify-content: center;
  gap: 60px;
  text-align: left;
  width: 80%;
  margin: 0 auto;
}

.featured-solution-real-estate-list {
  margin-top: 2rem;

}

.right2data-real-estate-features-card {
  background-color: #ffffff;
  border-radius: 16px;
  padding: 40px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  width: 90%;
  margin: auto;
  margin-top: 2rem;
}

.right2data-real-estate-features-wrapper {
  display: flex;
  align-items: center;
  gap: 20px;
  width: 80%;
  margin: auto;
}

.right2data-real-estate-advanced-features {
  flex: 1;
  min-width: 50%;
}

.right2data-real-estate-advanced-features h2 {
  font-size: 28px;
  font-weight: 700;
  color: #1e293b;
  margin-top: 0;
  margin-bottom: 25px;
}

.right2data-real-estate-feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.right2data-real-estate-feature-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  font-size: 16px;
  color: #475569;
  line-height: 1.6;
}

.right2data-real-estate-feature-item:not(:last-child) {
  margin-bottom: 15px;
}

.right2data-real-estate-checkmark {
  width: 20px;
  height: 20px;
  color: #34d399;
  flex-shrink: 0;
  margin-top: 2px;
}

.right2data-real-estate-pricing-card {
  background-color: #ffffff;
  border-radius: 12px;
  border-left: 4px solid #3674B5;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
  padding: 30px;
  text-align: center;
  max-width: 320px;
}

.right2data-real-estate-pricing-card h3 {
  font-size: 20px;
  font-weight: 700;
  color: #1e293b;
  margin-top: 0;
  margin-bottom: 10px;
}

.right2data-real-estate-pricing-card p {
  font-size: 15px;
  color: #64748b;
  line-height: 1.7;
  margin: 0;
}

.solution-featured-section-real-estate-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  width: 90%;
  margin: auto;
}

.solution-featured-section-real-estate-container-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  width: 60%;
  margin: auto;
  margin-top: 2rem;
}

.solution-featured-section-real-estate-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 2.5rem 2rem;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.06);
  text-align: left;
  border: 1px solid #e9ecef;
  transition: transform 0.4s ease, box-shadow 0.4s ease;
}


/* END: Real Estate Transactions */

/* Joint sector and strategic partnership */
.joint-ventures-strategic-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

.joint-ventures-strategic-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

/* END Joint sector and strategic partnership */


/* START: Government & Public Sector Tenders */
.government-pblic-sector-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.government-pblic-sector-sub-section .solution-featured-section-card {
  width: 500px;
}

.government-pblic-sector-sub-section .issues-associated-with-legal-list {
  text-align: left;
}

.government-pblic-sector-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

.government-pblic-sector-sub-bg-section .solution-featured-section-card {
  width: 500px;
  text-align: left;
}

.government-challenges-card-header {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1rem;
}

.government-challenges-icon {
  color: #E36458;
  flex-shrink: 0;
}

.government-challenges-title {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0;
}

.government-pblic-sector-sub-usage-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
  text-align: center;
}

/* END: Government & Public Sector Tenders */


.banking-and-syndication-sub-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
}

.banking-and-syndication-sub-bg-section {
  padding: 60px 10px;
  font-family: Arial, sans-serif;
  background-color: #EFF5FB;
}

.banking-loan-section-grid {
  width: 100%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 2rem;
  padding: 20px;
  list-style-type: none;
}


/* Sitemap */
.sitemap-links {
  max-width: 900px;
  margin: auto;
  padding: 2rem;
}

.sitemap-title {
  font-size: 2rem;
  color: #2c3e50;
  margin-bottom: 0.25rem;
}

.sitemap-subtitle {
  color: #7f8c8d;
  font-size: 1rem;
}

.sitemap-links ul {
  list-style: none;
  padding-left: 1rem;
  margin: 0;
}

.sitemap-links li {
  margin: 0.5rem 0;
  position: relative;
  padding-left: 2rem;
}

.sitemap-links a {
  text-decoration: none;
  color: #2c3e50;
  font-weight: 500;
  transition: color 0.3s ease;
  display: inline-block;
}

.sitemap-links a:hover {
  color: #3498db;
}

.sitemap-level-2,
.sitemap-level-3 {
  margin-top: 0.5rem;
  padding-left: 1.5rem;
  border-left: 1px dashed #ecf0f1;
}

.sitemap-level-1>li::before,
.sitemap-level-2>li::before,
.sitemap-level-3>li::before {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 6px;
}

.sitemap-level-1>li::before {
  background-color: #3498db;
  box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.3);
}

.sitemap-level-2>li::before {
  background-color: var(--r2d-primary-red);
  box-shadow: 0 0 0 2px rgba(46, 204, 113, 0.2);
}

.sitemap-level-3>li::before {
  content: "→";
  font-size: 1rem;
  color: #e67e22;
  background: none;
  box-shadow: none;
  top: 2px;
}

.pricing-page-main-container {
  margin-top: 5rem;
}

/* ==========================================================================
                             END: sitemap
  ========================================================================== */



/* ==========================================================================
   Invited Dataroom List Styles (Desktop & Mobile)
   ========================================================================== */

#invited-data-rooms {
  min-height: 50vh;
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

#invited-data-rooms h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #333;
}

.invited-dataroom-list-header {
  display: flex;
  padding: 0 15px 10px 15px;
  border-bottom: 1px solid #dee2e6;
  color: #888;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.invited-dataroom-row {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
  padding: 20px 15px;
  margin-top: 15px;
}

.invited-dataroom-row:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.invited-dataroom-col {
  display: flex;
  align-items: center;
  padding: 0 10px;
}

.invited-dataroom-col-name {
  flex: 4;
}

.invited-dataroom-col-status {
  flex: 1.5;
  justify-content: flex-start;
}

.invited-dataroom-col-duration {
  flex: 2;
  justify-content: flex-start;
}

.invited-dataroom-col-actions {
  flex: 1;
  justify-content: flex-end;
}

.invited-dataroom-header-col-name {
  flex: 4;
  padding-left: 10px;
}

.invited-dataroom-header-col-status {
  flex: 1.5;
  padding-left: 10px;
}

.invited-dataroom-header-col-duration {
  flex: 2;
  padding-left: 10px;
}

.invited-dataroom-header-col-actions {
  flex: 1;
  text-align: center;
  padding-right: 20px;
}

.invited-dataroom-icon {
  width: 70px;
  height: 70px;
  background-color: #0d2d5e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
  margin-right: 15px;
  flex-shrink: 0;
}

.invited-dataroom-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.invited-dataroom-row-clickable {
  cursor: pointer;
}

.invited-dataroom-row-clickable:hover {
  background-color: #f8f9fa;
}

.invited-dataroom-info h5 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 5px 0;
}

.invited-dataroom-info span {
  font-size: 12px;
  color: #6c757d;
  display: block;
}

.invited-dataroom-status-pill {
  padding: 5px 15px;
  border-radius: 15px;
  font-weight: 500;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  min-width: 80px;
}

.invited-dataroom-status-active {
  background-color: #e4f8e4;
  color: #28a745;
}

.invited-dataroom-status-closed {
  background-color: #f1f1f1;
  color: #6c757d;
}

.invited-dataroom-duration-content {
  font-size: 14px;
  color: #333;
}

.invited-dataroom-duration-content .invited-dataroom-remaining {
  font-size: 12px;
  color: #6c757d;
}

.invited-dataroom-duration-content i {
  color: #6c757d;
  margin-right: 5px;
}


.invited-dataroom-col-actions {
  text-align: right;
}

.viewer-action-buttons {
  display: inline-block;
  min-width: 140px;
  padding: 10px 5px;
  border-radius: 6px;
  border: none;
  font-weight: 600;
  color: #ffffff !important;
  text-align: center;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  white-space: nowrap;
  transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
  cursor: pointer;
}

.viewer-action-buttons.hb-enter-dataroom {
  background-color: var(--r2d-primary-red);
}

.viewer-action-buttons.hb-enter-dataroom:hover {
  background-color: var(--r2d-primary-red-hover);
  box-shadow: 0 4px 10px rgba(243, 156, 18, 0.3);
}

.viewer-action-buttons.hb-contact-dataroom-admin {
  background-color: var(--r2d-primary-blue)
}

.viewer-action-buttons.hb-contact-dataroom-admin:hover {
  background-color: var(--r2d-primary-blue-hover);
  box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}


.invited-dataroom-row:not(.invited-dataroom-row-clickable) .viewer-action-buttons {
  cursor: pointer;
}

.invited-dataroom-nodata {
  padding: 40px;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  margin-top: 15px;
  line-height: 2rem;
}

.invited-dataroom-nodata b {
  color: var(--r2d-primary-blue);
}


/* ================================================================ */
/*             Data Room Admin Dashboard                                */
/* ================================================================= */

/* Hides the footer on admin pages*/
.r2d-dashboard-active footer {
  display: none !important;
}

.r2d-dashboard-container {
  display: flex;
  height: 100vh;
}

#r2d-dashboard-sidebar {
  background-color: var(--r2d-sidebar-bg);
  color: var(--r2d-text-light);
  padding: 15px;
  display: flex;
  flex-direction: column;
  /* height: 100vh; */
  position: sticky;
  top: 0;
  flex-shrink: 0;
  flex-basis: 260px;
  min-width: 0;
  transition: flex-basis 0.35s ease, min-width 0.35s ease;
  z-index: 10;

}

.r2d-sidebar-header {
  flex-shrink: 0;
  /* Prevent header from shrinking */
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 25px;
  padding: 0 5px;
}

#r2d-sidebar-toggle {
  background: transparent;
  border: none;
  color: var(--r2d-text-light);
  font-size: 1.3rem;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.sidebar-cross-icon-mobile {
  display: none;
  color: var(--r2d-text-light);
  font-size: 1.3rem;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.sidebar-show-icon-mobile {

  display: none;
  color: #555;
  font-size: 1.3rem;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* Scrollable Navigation Area */
.r2d-sidebar-nav-container {
  flex-grow: 1;
  /* Allows this section to fill space */
  overflow-y: auto;
  /* Adds scrollbar ONLY when needed */
  padding-right: 15px;
  overflow-x: hidden;
}

.r2d-sidebar-nav-container::-webkit-scrollbar {
  width: 6px;
}

.r2d-sidebar-nav-container::-webkit-scrollbar-track {
  background: transparent;
}

.r2d-sidebar-nav-container::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 6px;
}

.r2d-sidebar-section-title {
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 600;
  color: #ffffff;
  /* margin: 15px 0 8px 15px; */
  /* white-space: nowrap; */
}

.r2d-sidebar-nav-item {
  display: flex;
  align-items: center;
  padding: 10px 15px;
  border-radius: 6px;
  margin-bottom: 3px;
  text-decoration: none;
  color: #d0d5e1;
  transition: background-color 0.2s ease, color 0.2s ease;
  /* white-space: nowrap; */
  font-size: 0.9rem;
  cursor: pointer;
}

.r2d-sidebar-nav-item i {
  width: 25px;
  font-size: 1rem;
  margin-right: 15px;
  text-align: center;
}

.r2d-sidebar-nav-item .sidebar-svg-icon {
  margin-right: 15px;
  text-align: center;
}

.r2d-sidebar-nav-item:hover {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--r2d-text-light);
}

.r2d-sidebar-nav-item.r2d-active {
  background-color: var(--r2d-primary-red);
  color: var(--r2d-text-light);
  font-weight: 500;
}

/* Fixed Footer */
.r2d-sidebar-footer {
  flex-shrink: 0;
  /* Prevent footer from shrinking */
  padding-top: 10px;
  border-top: 1px solid #d0d5e1;
}

.r2d-view-mode {
  background-color: #054a66;
  /* dark blue background */
  padding: 16px 20px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  border: 1px solid #03384e;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 0;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-view-mode {
  gap: 0px;
}

.r2d-view-mode-label {
  font-size: 0.8rem;
  font-weight: 500;
  color: #c0cde0;
}

.r2d-view-mode-label.active {
  font-weight: 700;
  color: #ffffff;
}

.r2d-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 26px;
}

.r2d-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.r2d-view-mode-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--r2d-primary-red);
  transition: .4s;
  border-radius: 26px;
}

.r2d-view-mode-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .4s;
  border-radius: 50%;
}

input#r2d-view-mode-toggle:checked+.r2d-view-mode-slider {
  background-color: var(--r2d-draft-blue);
}

/* User color */
input#r2d-view-mode-toggle:checked+.r2d-view-mode-slider:before {
  transform: translateX(24px);
}

.r2d-sidebar-nav-item span,
.r2d-sidebar-section-title,
.r2d-view-mode-label {
  /* white-space: nowrap; */
  overflow: hidden;
  transition: opacity 0.2s ease, max-width 0.3s ease-in-out;
  max-width: 200px;
  /* Initial width large enough for any text */
}

/* --- Collapsed Sidebar --- */
#r2d-dashboard-sidebar.r2d-collapsed {
  flex-basis: 80px;
  padding: 15px 10px;
}

/* Hide text content in the collapsed state */
#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-logo img,
#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-nav-item>span:not(.sidebar-tooltip-text),
#r2d-dashboard-sidebar.r2d-collapsed .r2d-view-mode-label {
  max-width: 0;
  opacity: 0;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-section-title {
  display: none;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-footer .r2d-sidebar-nav-item {
  justify-content: left;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-header,
#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-nav-item {
  justify-content: center;
}

#r2d-dashboard-sidebar.r2d-collapsed #r2d-sidebar-toggle {
  transform: rotate(180deg);
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-nav-item {
  white-space: nowrap;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-nav-item i {
  margin-right: 0;
  font-size: 1rem;
}

#r2d-dashboard-sidebar.r2d-collapsed .r2d-sidebar-nav-item .sidebar-svg-icon {
  margin-right: 0;
}


#r2d-dashboard-sidebar.r2d-show {
  transform: translateX(0);
}

/* --- Main Content --- */
#r2d-dashboard-main {
  flex-grow: 1;
  padding: 0;
  /* height: 100vh; */
  overflow-y: auto;
  position: relative;
  min-height: 0;
}


/* Side bar tool tips */
.has-tooltip {
  position: relative;
}

/* The tooltip span itself */
.sidebar-tooltip-text {
  display: none;
  position: fixed;
  z-index: 99999;
  background-color: #1A3E53;
  border: 1px solid #2C5D7C;
  color: #fff;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 0.75rem;
  white-space: nowrap;
}

.tooltip-visible {
  display: block !important;
}

.action-has-tooltip {
  position: relative;
  display: inline-block;
}

.container-tooltip-text {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  position: absolute;
  bottom: 125%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  background-color: #1A3E53;
  color: #fff;
  white-space: nowrap;
  /* Prevent text from wrapping */
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 0.75rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.container-tooltip-text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #1A3E53 transparent transparent transparent;
  /* Arrow points down */
}

.r2d-dataroom-actions .action-has-tooltip:hover .container-tooltip-text {
  visibility: visible;
  opacity: 1;
}

.r2d-dashboard-main-content {
  margin-top: 20px;
  padding: 25px 30px;
}

.r2d-dashboard-header {
  background-color: #fff;
  padding: 15px 30px;
  border-bottom: 1px solid var(--r2d-border-color);
  position: sticky;
  /* Fixed header */
  top: 0;
  z-index: 999;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.r2d-dashboard-header h1 {
  font-size: 1.8rem;
  font-weight: 600;
}

.r2d-dashboard-header-right {
  display: flex;
  align-items: center;
  gap: 25px;
}

.r2d-header-icon {
  font-size: 1.3rem;
  color: #555;
  cursor: pointer;
}

.r2d-admin-profile {
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
}

.r2d-placeholder-page {
  padding: 40px;
  background-color: #fff;
  border: 1px solid var(--r2d-border-color);
  border-radius: 8px;
  text-align: center;
}

.r2d-placeholder-page i {
  font-size: 3rem;
  color: #ccc;
  margin-bottom: 20px;
}

.r2d-placeholder-page h2 {
  font-size: 2rem;
  color: #555;
}

.r2d-placeholder-page p {
  color: #888;
}

.r2d-dataroom-overview {
  margin-bottom: 30px;
}

.r2d-overview-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  flex-wrap: wrap;
  gap: 15px;
}

.r2d-create-dataroom-btn {
  background-color: var(--r2d-primary-red);
  color: white;
  padding: 10px 18px;
  border: none;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}

.r2d-create-dataroom-btn:hover {
  color: white;
}

.r2d-stats-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 20px;
}

.r2d-stat-card {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: var(--r2d-shadow);
  border: 1px solid var(--r2d-border-color);
}

.r2d-stat-card-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.r2d-stat-info p {
  color: #888;
  font-size: 0.9rem;
}

.r2d-stat-info h3 {
  font-size: 2.2rem;
  font-weight: 600;
}

/* START: Billing Dashboard by vikki */
.r2d-stat-payment-info-card {
  background-color: var(--r2d-primary-red); 
  padding: 25px 20px; 
  border-radius: 8px; 
  color: #fff; 
  box-shadow: 0 4px 10px rgba(249, 99, 75, 0.3); 
  transition: transform 0.3s ease;
}

.r2d-stat-payment-info-card:hover {
  transform: translateY(-3px);
}

.r2d-stat-card-payment-info-content {
  display: flex;
  justify-content: center; 
  align-items: center;     
  text-align: center;   
  width: 100%;
}

.r2d-stat-payment-info p {
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.85rem;
  font-weight: 600;
  margin-bottom: 5px; 
  letter-spacing: 1px;
  text-transform: uppercase;
}

.r2d-stat-payment-info h3 {
  color: #ffffff; 
  font-size: 1.7rem; 
  font-weight: 700;
  margin: 0;
  line-height: 1.1;
}
/*END Billing Dashboard by vikki */

.r2d-stat-icon {
  padding: 5px 8px;/* Billing Dashboard by vikki */
  border-radius: 6px;
  font-size: 1.3rem;
  color: white;
}

.r2d-icon-total {
  background-color: var(--r2d-primary-red);
}

.r2d-icon-active {
  background-color: var(--r2d-active-green);
}

.r2d-icon-draft {
  background-color: var(--r2d-draft-blue);
}

.r2d-icon-closed {
  background-color: var(--r2d-closed-blue);
}

/* --- All Datarooms Section --- */
.r2d-all-datarooms {
  background: var(--r2d-text-light);
  padding: 25px;
  border-radius: 8px;
  box-shadow: var(--r2d-shadow);
  border: 1px solid var(--r2d-border-color);
}

.r2d-all-datarooms h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 20px;
}

.r2d-dataroom-list-header {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr 1fr;
  padding: 0 15px 15px 15px;
  border-bottom: 2px solid var(--r2d-border-color);
  font-weight: 600;
  color: #777;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.r2d-dataroom-item {
  display: grid;
  grid-template-columns: 4fr 1fr 1fr 1fr;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
  transition: box-shadow 0.3s ease;
  padding: 20px 15px;
  margin-top: 15px;
}

.r2d-dataroom-item {
  cursor: pointer;
}

.r2d-dataroom-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  background-color: #f8f9fa;
}

.r2d-dataroom-item:last-child {
  border-bottom: none;
}

.r2d-dataroom-name {
  display: flex;
  align-items: center;
  gap: 15px;
}

.r2d-dataroom-icon {
  width: 65px;
  height: 65px;
  background-color: #0d2d5e;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-weight: bold;
  font-size: 18px;
  margin-right: 15px;
  flex-shrink: 0;

}

.r2d-dataroom-icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.r2d-dataroom-details {
  line-height: 0;
}

.r2d-dataroom-details h5 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin: 0 0 5px 0;
}

.r2d-dataroom-details span {
  font-size: 12px;
  color: #6c757d;
  line-height: 1.4;
}

.r2d-dataroom-status span {
  padding: 5px 15px;
  border-radius: 15px;
  font-weight: 500;
  font-size: 13px;
  display: inline-block;
  text-align: center;
  min-width: 80px;

}

.r2d-status-active {
  background-color: #e4f8e4;
  color: #28a745;

}

.r2d-status-draft {
  background-color: #cbe1f5;
  color: #065496;
}

.r2d-status-closed {
  background-color: #f1f1f1;
  color: #6c757d;
}

.r2d-dataroom-duration {
  font-size: 0.9rem;
  color: #555;
}

.r2d-dataroom-duration i {
  margin-right: 8px;
}

.r2d-dataroom-duration span {
  font-size: 0.75rem;
  color: #888;
  display: block;
}

.r2d-dataroom-actions a {
  color: #555;
  font-size: 1.1rem;
  margin-right: 15px;
  text-decoration: none;
  transition: color 0.2s;
}

.r2d-dataroom-actions a:hover {
  color: var(--r2d-primary-red);
}





@media (max-width: 992px) {
  .r2d-dataroom-item {
    grid-template-columns: 1fr;
    gap: 15px;
    text-align: left;
  }

  .r2d-dataroom-status,
  .r2d-dataroom-duration,
  .r2d-dataroom-actions {
    padding-left: 53px;
  }

  #r2d-dashboard-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 1050;
    width: 260px;
    flex-basis: 260px;
    transform: translateX(-100%);
    transition: transform 0.35s ease-in-out;
  }


  #r2d-dashboard-sidebar.mobile-is-visible {
    transform: translateX(0);
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
  }

  #r2d-dashboard-main {
    width: 100%;
  }

  .sidebar-cross-icon-mobile {
    display: block;
  }

  .sidebar-show-icon-mobile {
    display: block;
  }

  #r2d-sidebar-toggle {
    display: none;
  }
}



/* ================================================================ */
/*             Data Room Detail Page                                */
/* ================================================================= */

#data-room-detail-page-wrapper {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  max-width: 1100px;
  margin: auto;
  display: grid;
  gap: 1.5rem;
  align-items: center;
}

.data-room-detail-page-card {
  background-color: #ffffff;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border: 1px solid #e9ecef;
}

.data-room-detail-page-card h3 {
  margin: 0 0 1rem 0;
  font-weight: 600;
  font-size: 1.1rem;
}

#data-room-detail-page-stats {
  width: 90%;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.2rem;
  margin-bottom: 2rem;
}

.data-room-detail-page-stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 1.5rem 1rem;
}

.data-room-detail-page-stat-item .icon-container {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.data-room-detail-page-stat-item.files .icon-container {
  background-color: #ffebee;
  color: #e57373;
}

.data-room-detail-page-stat-item.users .icon-container {
  background-color: #e3f2fd;
  color: #42a5f5;
}

.data-room-detail-page-stat-item.reports .icon-container {
  background-color: #e8eaf6;
  color: #7986cb;
}

.data-room-detail-page-stat-item .label {
  font-size: 1rem;
  color: #6c757d;
  margin-bottom: 0.25rem;
}

.data-room-detail-page-stat-item .value {
  font-size: 2.25rem;
  font-weight: 700;
  color: #212529;
}

#data-room-detail-page-actions .actions-container {
  display: flex;
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.data-room-detail-page-action-btn {
  flex: 1;
  padding: 0.75rem 1.2rem;
  border: none;
  border-radius: 8px;
  font-size: 1.1rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;

}

.data-room-detail-page-action-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px_12px rgba(0, 0, 0, 0.1);
}

#data-room-detail-page-btn-upload {
  background-color: #ef5350;
  color: white;
}

#data-room-detail-page-btn-users {
  background-color: #0d544a;
  color: white;
}

#data-room-detail-page-btn-permission {
  background-color: #3f51b5;
  color: white;
}

#data-room-detail-page-btn-extend-time {
  background-color: #42a5f5;
  color: white;
}


/* ================================================================ */
/*             Congratulations Page                                */
/* ================================================================= */
.dr-success-container {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  background-color: #f8f9fa;
  font-family: sans-serif;
  min-height: 70vh;
}

.dr-success-card {
  background-color: #ffffff;
  padding: 40px;
  border-radius: 8px;
  border: 1px solid var(--r2d-border-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
  text-align: center;
  max-width: 600px;
  width: 100%;
  box-sizing: border-box;
}

.dr-success-header h2 {
  font-size: 2.25rem;
  /* 36px */
  font-weight: 600;
  color: var(--r2d-primary-blue);
  margin: 0 0 10px 0;
}

.dr-success-header p {
  font-size: 1.1rem;
  /* 17.6px */
  color: var(--billing-text-secondary);
  margin: 0;
}

.dr-success-actions {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}

.dr-success-btn {
  width: 220px;
  color: #ffffff;
  background-color: var(--r2d-primary-red);
  padding: 12px 24px;
  cursor: pointer;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
  transition: background 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.dr-success-btn--primary {
  background-color: var(--r2d-primary-red-hover);
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;

}

.dr-success-btn--primary:hover {
  background-color: var(--r2d-primary-red-hover);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}


.dr-success-btn--secondary {
  background-color: var(--r2d-primary-blue);
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
}

.dr-success-btn--secondary:hover {
  background-color: var(--r2d-primary-blue-hover);
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);

}


@media (max-width: 576px) {
  .dr-success-card {
    padding: 30px 20px;
  }

  .dr-success-header h2 {
    font-size: 1.8rem;
  }

  .dr-success-actions {
    flex-direction: column;
    align-items: stretch;
  }
}


/* Coadmin */

#add-identifier-to-list-btn {
  background-color: var(--r2d-primary-blue);
  color: #fff;
}

#add-coadmins-modal .modal-header {
  background: var(--r2d-modal-header);
  border-bottom: none;
  border-radius: 0px 0px 8px 8px;
  color: #ffff;
}


#modal-co-admins-list {
  margin-top: 20px;
  max-height: 200px;
  overflow-y: auto;
}

.modal-co-admin-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background-color: #f1f1f1;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin-bottom: 5px;
}

.modal-delete-coadmin-btn {
  background: none;
  border: none;
  color: #dc3545;
  font-size: 1.2rem;
  cursor: pointer;
}

#discard_image{
     color: #ffffff !important;
    background-color: var(--r2d-modal-close-btn);
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-radius: 10px;
    padding: 7px 40px;
    margin-right: 5px;
}
#discard_image:hover{
  background-color: var(--r2d-primary-blue-hover);
  box-shadow:  var(--r2d-primary-blue-hover-boxshadow);
}

#submit_image{
    color: #ffffff !important;
    background-color: var(--r2d-primary-red);
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    border-radius: 10px;
    padding: 7px 40px;
    margin-left: 5px;
}
#submit_image:hover{
  background-color: var(--r2d-primary-red-hover);
  box-shadow: var(--r2d-primary-red-hover-boxshadow);
}



/* =====================RESPONSIVE===================== */

/* =====================RESPONSIVE===================== */

/* Medium screens: Tablets (max 1023px) → 2 columns */
@media (max-width: 1023px) {

  .home-page-hero-section {
    height: auto;
  }

  .whychoose-card {
    flex: 1 1 45%;
    max-width: 45%;
  }

  .vdr-use-cases-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-page-request-demo-section {
    padding: 60px 15px;
  }

  .home-page-request-demo-content h2 {
    font-size: 1.5rem;
  }

  .home-page-request-demo-content p {
    font-size: 0.95rem;
  }

  .home-page-request-demo-btn {
    font-size: 0.95rem;
    padding: 10px 20px;
  }

  .contact-us-page-container {
    flex-direction: column-reverse;
  }

  .r2d-placeholder-box {
    margin-top: 40px;
    min-height: 250px;
  }

  .r2d-cards-wrapper {
    margin-top: 80px;
  }

  .r2d-info-card-col {
    margin-bottom: 80px;
  }

  .r2d-info-card-col:last-child {
    margin-bottom: 0;
  }

  .r2d-feature-grid {
    grid-template-columns: repeat(5, 1fr);
  }

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

  .featured-solution-hero-section {
    flex-direction: column-reverse;
    padding: 30px;
  }

  .featured-solution-image-content {

    margin-bottom: 40px;
  }

  .featured-solution-text-content {
    padding-right: 0;
  }

  .featured-solution-main-heading {
    font-size: 36px;
  }

  .featured-solution-description {
    font-size: 16px;
  }

  .featured-solution-type-row,
  .featured-solution-row-reversed {
    flex-direction: column-reverse;
    gap: 35px;
  }

  .key-challenges-in-legal-and-litigation {
    flex-direction: column-reverse;
    gap: 35px;
  }

  .featured-solution-type-text,
  .featured-solution-type-image {
    width: 100%;
    /* Limit width on tablets */
  }

  .featured-solution-specialized-grid {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  #featured-solution-specialized-title {
    font-size: 30px;
  }

  .featured-solution-process-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .featured-solution-barriers-content {
    flex-direction: column-reverse;
    gap: 40px;
  }

  #featured-solution-barriers-title {
    font-size: 28px;
    margin-bottom: 40px;
  }

  .featured-solution-process-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }

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

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

  .ibr-Process-section-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .ipo-challenges-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .ipo-non-negotiable-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .ipo-lifecycle-timeline::before {
    left: 20px;
    transform: none;
  }

  .ipo-lifecycle-entry {
    flex-direction: column;
    align-items: flex-start;
  }

  .ipo-lifecycle-entry::after {
    left: 20px;
    transform: translate(-50%, -50%);
  }

  .ipo-lifecycle-content-card,
  .ipo-lifecycle-image-card {
    width: 100%;
    box-sizing: border-box;
    padding-left: 50px;
  }

  .ipo-lifecycle-image-card {
    height: 240px;
    margin-top: 1rem;
  }

  .ipo-lifecycle-card-left,
  .ipo-lifecycle-card-right,
  .ipo-lifecycle-image-left,
  .ipo-lifecycle-image-right {
    order: 0;
  }

  .ipo-lifecycle-image-card {
    order: 2;
  }

  .ipo-lifecycle-content-card {
    order: 1;
  }

  .ipo-purpose-built-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .ipo-vdr-trend-container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 90%;
  }

  .ipo-specialized-benefits-container {
    flex-direction: column-reverse;
    gap: 2.5rem;
    width: 80%;
  }

  .ipo-specialized-benefits-features {
    width: 100%;
  }

  .ipo-specialized-benefits-image-wrapper {
    flex-basis: auto;
    width: 100%;
  }

  .secure-bottom-section-container {
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    width: 90%;
  }

  .understanding-startup-fundraising-role-section {
    flex-direction: column-reverse;
    text-align: center;
  }

  .understanding-startup-fundraising-role-image-content {
    width: 100%;
  }

  .user-friendly-experience-grid {
    width: 100%;
  }

  .effortless-setup-administration-grid {
    flex-direction: column;
  }

  .effortless-setup-administration-card {
    width: 100%;

  }

  .user-friendly-dramatic-result-grid {
    width: 90%;
    grid-template-columns: 1fr;
    max-width: 450px;
    margin: 0 auto;
  }

  .key-features-of-right2data-for-ib-container {

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

  .usecase-of-right2data-for-biotech {
    width: 90%;
    grid-template-columns: repeat(2, 1fr);
  }

  .issues-associated-with-legal-container {
    width: 90%;
    flex-direction: column;
  }

  .issues-associated-with-legal-card {
    width: 100%;
  }

  .top-features-for-legal-use-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .indian-firms-right2data-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .featured-solution-real-estate-coulmns {
    flex-direction: column;
    width: 100%;
  }

  .solution-featured-section-real-estate-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-featured-section-real-estate-container-2 {
    grid-template-columns: repeat(2, 1fr);
    width: 80%;
  }
}


@media (max-width: 768px) {

  .home-page-main-div {
     margin-top: 5rem;
  } 
  .home-page-mockup-section{
    min-width: 0px;
    margin-right: 0px;
  }

  .home-page-about-us {
    flex-direction: column;
    height: auto;
    padding: 40px;
    text-align: center;
  }

  .home-page-about-us>div {
    width: 100%;
    height: auto;
  }

  .terms-of-services {
    padding: 30px;
  }

  .auth-menu-button {
    margin-left: 0rem;
  }

  .home-page-hero-section {
    height: auto;
  }

  .r2d-page-main-container {
    padding: 60px 20px;
  }

  .right2data-faq-section {
    padding: 10px;
    margin-bottom: 5%;
  }

  .frequently-asked-question-heading {
    width: 80%;
    margin-top: 6rem;
  }

  .frequently-asked-question-heading h1 {
    font-size: 18px;
    /* line-height: 48px; */
  }

  .frequently-asked-question-container {
    padding: 20px;
  }


  .right2data-faq-question h3 {
    font-size: 18px;
  }

  .right2data-faq-item {
    padding: 10px 10px;
  }

  .right2data-faq-arrow {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }

  .right2data-faq-arrow svg {
    width: 25px;
    height: 25px;
  }

  .right2data-faq-answer p {
    font-size: 16px;
  }

  .right2data-faq-explore-more a {
    font-size: 16px;
    padding: 8px 16px;
  }

  .contact-us-page-hero {
    height: 250px;
  }

  .contact-us-page-container {
    flex-direction: column-reverse;
  }

  .contact-us-page-form-row {
    flex-direction: column;
  }

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

  .r2d-feature-detail-section {
    flex-direction: column !important;
    text-align: center;
  }

  .r2d-feature-detail-image,
  .r2d-feature-detail-content {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .r2d-feature-detail-content ul {
    text-align: left;
  }

  .r2d-achievements-focus-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .r2d-achievement-item {
    margin-bottom: 40px;
  }

  .r2d-achievement-item:last-child {
    margin-bottom: 0;
  }

  .r2d-focus-section {
    padding-top: 80px;
  }

  .r2d-focus-card-col {
    margin-bottom: 30px;
  }

  .r2d-focus-card-col:last-child {
    margin-bottom: 0;
  }

  .r2d-team-card-col:last-child {
    margin-bottom: 0;
  }

  /* featured solution start */
  .featured-solution-features {
    flex-direction: column;
  }


  .featured-solution-feature-item {
    flex-basis: 100%;
    margin-bottom: 20px;
  }


  .featured-solution-columns-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    max-width: 400px;
  }

  #featured-solution-info-description {
    padding: 0 15px;
  }

  #featured-solution-specialized-section {
    padding: 60px 20px;
  }

  .featured-solution-strategy-grid {
    grid-template-columns: 1fr;
  }

  .featured-solution-main-title {
    font-size: 28px;
  }

  .featured-solution-process-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .featured-solution-strategy-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .featured-solution-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .ibr-Process-section-grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .Problems-section-title {
    font-size: 28px;
  }

  .ipo-public-offerings-section-grid-1 {
    grid-template-columns: repeat(2, 1fr);
  }

  .ipo-challenges-container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .ipo-challenges-card {
    padding: 1.25rem;
  }

  .ipo-purpose-built-container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 90%;
  }

  .ipo-purpose-built-card {
    padding: 2rem 1.5rem;
  }

  .whychoose-startup-fundraising-highlights-grid {
    width: 100%;
  }

  .key-highlights-of-startup-fundraising {
    width: 100%;
  }

  .understanding-startup-fundraising-main-title {
    font-size: 24px;
  }

  .understanding-startup-fundraising-role-title {
    font-size: 28px;
  }

  .understanding-startup-fundraising-card {
    width: 100%;
    max-width: 350px;
  }

  .user-friendly-ease-of-use-main-title {
    font-size: 2rem;
  }

  .user-friendly-ease-of-use-section-grid {
    grid-template-columns: 1fr;
  }

  .key-features-of-right2data-for-ib-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .usecase-of-right2data-for-biotech {
    width: 100%;
    grid-template-columns: repeat(1, 1fr);
  }

  .global-usage-vdr-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .solution-featured-section-container {
    width: 100%;
  }

  .solution-scenarios-content-wrapper {
    flex-direction: column;
    width: 90%;
  }

  .solution-scenarios-left-column {
    width: 100%;
  }

  .solution-scenarios-right-column {
    width: 100%;
  }

  .featured-solution-real-estate-coulmns {
    flex-direction: column;
    width: 100%;
  }

  .right2data-real-estate-features-card {
    width: 100%;
  }

  .right2data-real-estate-features-wrapper {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .right2data-real-estate-pricing-card {
    max-width: 100%;
    margin-top: 20px;
  }

  .right2data-real-estate-features-card {
    padding: 25px;
  }

  .right2data-real-estate-advanced-features h2 {
    font-size: 24px;
  }

  .solution-featured-section-real-estate-container {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
  }

  .solution-featured-section-real-estate-container-2 {
    grid-template-columns: repeat(1, 1fr);
    width: 100%;
    margin-bottom: 2rem;
  }

  .banking-loan-section-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .invited-dataroom-list-container {
    padding: 10px;
  }

  /* Hide the desktop header */
  .invited-dataroom-list-header {
    display: none;
  }

  /* Convert the row to a vertical card */
  .invited-dataroom-row {
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
  }

  .invited-dataroom-col {
    width: 100%;
    padding: 0;
    margin-bottom: 15px;
    justify-content: flex-start;
  }

  .invited-dataroom-row .invited-dataroom-col:last-child {
    margin-bottom: 0;
  }

  /* Add text labels for context */
  .invited-dataroom-col-status::before,
  .invited-dataroom-col-duration::before,
  .invited-dataroom-col-actions::before {
    content: attr(data-label);
    font-weight: 600;
    color: #333;
    width: 80px;
    flex-shrink: 0;
    margin-right: 10px;
  }

  .invited-dataroom-col-actions {
    border-top: 1px solid #f1f1f1;
    padding-top: 15px;
    margin-top: 5px;
  }

  .invited-dataroom-actions-content {
    display: flex;
    justify-content: space-around;
    width: 100%;
  }

  .invited-dataroom-actions-content a {
    font-size: 20px;
  }

  #data-room-detail-page-stats {
    grid-template-columns: 1fr;
  }

  #data-room-detail-page-actions .actions-container {
    flex-direction: column;
  }

  .profile-container .section1 .profile-bg {
    flex-direction: column;
    gap: 20px;
    height: auto;
  }

  .profile-container .section1 .profile-bg .profile-picture-div {
    display: block;
  }


}

/* Media Query  for mobile*/
@media (max-width: 576px) {

  .auth-menu-button {
    margin-left: 0rem;
  }

  .home-page-hero-section {
    height: auto;
  }

  .home-page-hero-section {
    padding: 60px 0px;
    width: 90%;
    margin: auto;
    display: block;
  }

  .home-page-login-section {
    min-width: 0px;
    width: 100%;
  }

  #login-toggle {
    width: 90%;
    font-size: 15px;
    padding: 10px 20px;
  }

  .home-page-about-left-image {
    padding: 10px;
  }

  .home-page-feature-card {
    width: 80%;
  }



  .home-page-about-us {
    flex-direction: column;
    height: auto;
    padding: 40px;
    text-align: center;
  }

  .home-page-about-us>div {
    width: 100%;
    height: auto;
  }

  .home-page-about-left-image {
    width: 90%;
    height: auto;
    padding: 15px;
  }

  .home-page-about-left-image img {
    height: auto;
    max-height: 300px;
  }

  .whychoose-card {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .home-page-key-features-cards {
    flex-direction: column;
    align-items: center;
  }

  .home-page-feature-card {
    width: 80%;
  }

  .vdr-use-cases-heading {
    margin-left: 10px;
    margin-right: 10px;
  }

  .vdr-use-cases-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .vdr-use-case-icon {
    width: 100px;
    height: 100px;
    padding: 15px;
  }

  .vdr-use-case-title {
    font-size: 16px;
  }

  .home-page-pricing-cards {
    flex-direction: column;
    align-items: center;
  }

  .home-page-pricing-card {
    width: 90%;
  }

  .home-page-pricing-title {
    margin-bottom: 40px;
  }

  .home-page-request-demo-section {
    padding: 40px 10px;
  }

  .home-page-request-demo-content h2 {
    font-size: 1.25rem;
  }

  .home-page-request-demo-content p {
    font-size: 0.9rem;
  }

  .home-page-request-demo-btn {
    font-size: 0.9rem;
    padding: 10px 16px;
  }

  .right2data-faq-section {
    padding: 5px;
  }


  .frequently-asked-question-heading {
    width: 90%;
    margin-top: 7rem;
  }

  .frequently-asked-question-heading h1 {
    font-size:  18px;
    /* line-height: 36px; */
    text-align: center;
  }

  .right2data-faq-question h3 {
    font-size: 16px;
    line-height: 1.2rem;
  }

  .right2data-faq-item {
    padding: 10px;
  }

  .right2data-faq-arrow {
    width: 25px;
    height: 25px;
    line-height: 25px;
    margin-top: -9%;
  }

  .right2data-faq-arrow svg {
    width: 25px;
    height: 25px;
    /* margin-top: 12px; */
  }

  .right2data-faq-answer p {
    font-size: 16px;
  }

  .right2data-faq-explore-more a {
    font-size: 14px;
    padding: 6px 12px;
  }

  .contact-us-team {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .r2d-solution-grid {
    grid-template-columns: 1fr;
    padding: 0 10px;
  }

  .r2d-solution-card {
    padding: 16px;
  }

  .r2d-solution-title {
    font-size: 1rem;
  }

  .r2d-solution-desc {
    font-size: 0.85rem;
  }

  .featured-solution-process-grid {
    grid-template-columns: 1fr;
  }

  .featured-solution-process-grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .featured-solution-strategy-grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .ipo-public-offerings-section-grid-1 {
    grid-template-columns: repeat(1, 1fr);
  }

  .ipo-non-negotiable-container {
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }

  .ipo-non-negotiable-card {
    padding: 1.5rem;
  }

  .ipo-lifecycle-timeline::before {
    left: 15px;
  }

  .ipo-lifecycle-entry::after {
    left: 15px;
  }

  .ipo-lifecycle-content-card,
  .ipo-lifecycle-image-card {
    padding-left: 40px;
  }

  .ipo-lifecycle-image-card {
    height: 200px;
  }

  .ipo-vdr-trend-card {
    flex-direction: column;
    /* Stack icon on top of text on very small screens */
    align-items: center;
    text-align: center;
    gap: 1rem;
  }

  .ipo-specialized-benefits-container {
    width: 90%;
  }

  .ipo-specialized-benefits-list li {
    font-size: 1rem;
  }

  .ipo-specialized-benefits-list i {
    font-size: 1.3rem;
    margin-right: 0.75rem;
  }

  .key-features-of-right2data-for-ib-container {
    grid-template-columns: repeat(1, 1fr);
  }

  .global-usage-vdr-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .top-features-for-legal-use-section {
    padding: 2rem 1rem;
  }

  .top-features-for-legal-use-grid {
    grid-template-columns: 1fr;
  }

  .indian-firms-right2data-section {
    padding: 3rem 1rem;
  }

  .indian-firms-right2data-grid {
    grid-template-columns: 1fr;
  }

  .featured-solution-highlight-container {
    width: 100%;
    padding: 1rem;
    text-align: left;
  }

  .banking-loan-section-grid {
    grid-template-columns: repeat(1, 1fr);
  }

  .data-room-detail-page-stat-item .value {
    font-size: 2rem;
  }

  .biotech-life-sciences-sub-section,
  .legal-and-litigation-sub-section {
    width: 90%;
    margin: auto;
  }

  #countdown {
    margin-left: 9rem;
  }

  .adminlogin {
    width: 50%;
    text-align: left !important;
  }

  .viewerlogin {
    width: 50%;
  }

  .login-page-main-div .checkboxlogin .checkcontainer {
    padding-left: 22px;
  }


}

/*==================================== */
/*   END:  New design by vikki       */
/* =====================================*/


/*r2d v2*/
/* Custom Pricing Table Styles */
.pricing-table thead th {
  vertical-align: middle;
  padding: 1rem;
  border-bottom-color: transparent !important;
}

.pricing-table {
  width: 100%;
}

/* 1) Collapse borders so adjacent cell borders merge */
.pricing-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.5rem;
}

/* 2) Give every cell its own 1px border */
.pricing-table th,
.pricing-table td {
  border: 1px solid #dee2e6;
}

/* 3) Hide that empty top‑left cell entirely */
.pricing-table thead th:first-child {
  border: none;
  padding: 0;
  visibility: hidden;
  background: transparent;
}


/* 4) (Optional) If you want to remove the vertical border *inside* 
      that first blank column on subsequent rows, also do: */
.pricing-table tbody th:first-child,
.pricing-table tbody td:first-child {
  border-left: none;
}

/* Make every table cell a positioned element so box‑shadows stack correctly */
.pricing-table th,
.pricing-table td {
  position: relative;
}

/* STANDARD column = 2nd cell in each row */
.pricing-table th.standard,
.pricing-table td:nth-child(2) {
  z-index: 3;
  /* highest, so its shadow floats over others */
  box-shadow: 10px 0 6px rgba(0, 0, 0, 0.2);
}

/* PREMIUM column = 3rd cell in each row */
.pricing-table th.premium,
.pricing-table td:nth-child(3) {
  z-index: 2;
  /* sits just under Standard but above Annual */
  box-shadow: 10px 0 6px rgba(0, 0, 0, 0.2);
}

/* ANNUAL column = 4th cell, no right‑side shadow */
.pricing-table th.annual,
.pricing-table td:nth-child(4) {
  z-index: 1;
  box-shadow: 10px 0 6px rgba(0, 0, 0, 0.2);
}

/****** ***/
/* hide the stripe-header cell’s border too */
.pricing-table thead th:last-child {
  border: none;
  padding: 0;
  background-color: white !important;
}

/* hide stripes in the first column of each body row */
.pricing-table tbody th {
  background: #f8f9fa;
}

/* now color the entire stripe column */
.pricing-table .stripe-col,
.pricing-table thead th:last-child,
.pricing-table tbody td:last-child {
  background-color: #326ca9;
  border: none;
  /* no cell borders here */
  padding: 0;
  /* collapse any extra height */
  visibility: visible;
  /* it’s blank but visible as color block */
}

.pricing-table .text-danger,
.pricing-table .text-success {
  font-weight: bolder;
}



.pricing-table thead .standard button {
  background-color: #326ca9;
  color: #fff;
}

.pricing-table thead .premium button {
  background-color: #ee6352;
  color: #fff;
}

.pricing-table thead .annual button {
  background-color: #326ca9;
  color: #fff;
}

.pricing-table .btn {
  border-radius: 29px;
  padding: 8px 20px;
  font-size: 1rem;
}

.pricing-table tbody th {
  font-weight: bold;
  background-color: #326ca9;
  color: white;
}

.pricing-table .text-success {
  color: #28a745 !important;
  font-size: 1.2rem;
}

.pricing-table .text-danger {
  color: #dc3545 !important;
  font-size: 1.2rem;
}

.gst-note {
  font-size: 0.9rem;
  color: #6c757d;
}


.cr-custom-switch.disable {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

.cr-custom-switch.disable .cr-custom-slider {
  background-color: #ccc;
  /* or grey */
  border-color: #aaa;
}





/* Right2Data Enterprise Modal*/
.r2v-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.55);
  display: flex;
  /* Changed from 'none' to 'flex' for testing */
  align-items: center;
  justify-content: center;
  z-index: 9999;
}

.r2v-modal-content {
  background: #fff;
  border-radius: 14px;
  width: 90%;
  max-width: 420px;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  animation: r2vModalFadeIn 0.3s ease;
  display: flex;
  flex-direction: column;
}

.r2v-modal-header {
  background: #326ca9;
  color: #fff;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.r2v-modal-header h2 {
  margin: 0;
  font-size: 1.3rem;
}

.r2v-close-icon {
  font-size: 1.5rem;
  cursor: pointer;
  font-weight: bold;
  transition: transform 0.2s ease;
}

.r2v-close-icon:hover {
  transform: scale(1.2);
}

.r2v-modal-body {
  padding: 20px 25px;
  text-align: center;
}

.r2v-modal-body h3 {
  margin: 12px 0 4px;
  color: #222;
}

.r2v-modal-body a {
  color: #007bff;
  text-decoration: none;
  font-weight: 500;
}

.r2v-modal-body a:hover {
  text-decoration: underline;
}

/* Animation */
@keyframes r2vModalFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* Responsive tweaks */
@media (max-width: 480px) {
  .r2v-modal-content {
    max-width: 90%;
  }

  .r2v-modal-header h2 {
    font-size: 1.1rem;
  }
}

/* r2d v2 */



/* #uploadProgressModal .modal-content {
    border-radius: 12px;
}

#modal-file-name {
    font-size: 14px;
    color: #333;
}

.modal-backdrop.show {
    opacity: 0 !important;
}
.modal-backdrop {
    background-color: transparent !important;
} */

/* Transparent modal backdrop */
.modal-backdrop.show {
    opacity: 0 !important;
    background-color: transparent !important;
}
/* Upload Progress Modal Styles */
#cancel-upload-btn-2 {
    background-color: var(--r2d-primary-red);
    color: #ffffff !important;
}

#pause-resume-modal-btn{
    background-color: var(--r2d-primary-blue);
    color: #ffffff !important;
}

#uploadManagerModal #total-progress-bar{
  background-color: var(--r2d-primary-blue) !important;
}
/* Queue item formatting */
.queue-item {
    display: flex;
    justify-content: space-between;
    padding: 8px 6px;
    border-bottom: 1px solid #e5e5e5;
}

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

.queue-main {
    font-weight: 500;
    flex: 1;
}

.queue-sub {
    width: 120px;
    text-align: right;
}

.queue-percent {
    width: 60px;
    text-align: right;
    font-weight: 600;
}


/* START: Fence view by vikki */
.fence_view_icon {
    display: inline-block;
    width: 1.45em;   
    height: 1.25em; 
    
    vertical-align: middle;
    margin-bottom: 2px;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.2s ease-in-out;
    
    /*INACTIVE STATE (Gray #A9A9A9) */
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6543 0V3.3' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M0.25 0V11' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M5.05078 0V2.2' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M12.25 0V11' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M9.8457 0V2.75V3.3' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M7.44922 0V2.2' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M2.6543 7.7002V11.0002' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M5.05078 8.7998V10.9998' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M9.8457 7.7002V10.4502V11.0002' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M7.44922 8.7998V10.9998' stroke='%23A9A9A9' stroke-width='0.8'/%3E%3Cpath d='M6.25 2C2.44835 2 0.603885 4.8415 0.276583 5.404C0.259089 5.43392 0.25 5.46674 0.25 5.5C0.25 5.53326 0.259089 5.56608 0.276583 5.596C0.603282 6.1585 2.44775 9 6.25 9C10.0523 9 11.8961 6.1585 12.2234 5.596C12.2409 5.56608 12.25 5.53326 12.25 5.5C12.25 5.46674 12.2409 5.43392 12.2234 5.404C11.8967 4.8415 10.0523 2 6.25 2Z' fill='%23A9A9A9' stroke='%23A9A9A9' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='6.25071' cy='5.5' rx='2.72727' ry='2.5' fill='white'/%3E%3Cpath d='M6.24964 7C7.15338 7 7.88601 6.32843 7.88601 5.5C7.88601 4.67157 7.15338 4 6.24964 4C6.24964 4 6.70151 5.08579 6.24964 5.5C5.79778 5.91421 4.61328 5.5 4.61328 5.5C4.61328 6.32843 5.34591 7 6.24964 7Z' fill='%23A9A9A9' stroke='%23A9A9A9' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ACTIVE STATE (Colored #f9634b) */
.fence_view_icon.permission-active {
  
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6543 0V3.3' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M0.25 0V11' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M5.05078 0V2.2' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M12.25 0V11' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M9.8457 0V2.75V3.3' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M7.44922 0V2.2' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M2.6543 7.7002V11.0002' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M5.05078 8.7998V10.9998' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M9.8457 7.7002V10.4502V11.0002' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M7.44922 8.7998V10.9998' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M6.25 2C2.44835 2 0.603885 4.8415 0.276583 5.404C0.259089 5.43392 0.25 5.46674 0.25 5.5C0.25 5.53326 0.259089 5.56608 0.276583 5.596C0.603282 6.1585 2.44775 9 6.25 9C10.0523 9 11.8961 6.1585 12.2234 5.596C12.2409 5.56608 12.25 5.53326 12.25 5.5C12.25 5.46674 12.2409 5.43392 12.2234 5.404C11.8967 4.8415 10.0523 2 6.25 2Z' fill='%23f9634b' stroke='%23f9634b' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='6.25071' cy='5.5' rx='2.72727' ry='2.5' fill='white'/%3E%3Cpath d='M6.24964 7C7.15338 7 7.88601 6.32843 7.88601 5.5C7.88601 4.67157 7.15338 4 6.24964 4C6.24964 4 6.70151 5.08579 6.24964 5.5C5.79778 5.91421 4.61328 5.5 4.61328 5.5C4.61328 6.32843 5.34591 7 6.24964 7Z' fill='%23f9634b' stroke='%23f9634b' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* HOVER STATE (Turns Orange #f9634b) */
/* This ensures that when you hover over the 'a' tag, the icon inside turns the Active Color */
.fence-view-permission-a:hover .fence_view_icon {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.6543 0V3.3' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M0.25 0V11' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M5.05078 0V2.2' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M12.25 0V11' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M9.8457 0V2.75V3.3' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M7.44922 0V2.2' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M2.6543 7.7002V11.0002' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M5.05078 8.7998V10.9998' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M9.8457 7.7002V10.4502V11.0002' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M7.44922 8.7998V10.9998' stroke='%23f9634b' stroke-width='0.8'/%3E%3Cpath d='M6.25 2C2.44835 2 0.603885 4.8415 0.276583 5.404C0.259089 5.43392 0.25 5.46674 0.25 5.5C0.25 5.53326 0.259089 5.56608 0.276583 5.596C0.603282 6.1585 2.44775 9 6.25 9C10.0523 9 11.8961 6.1585 12.2234 5.596C12.2409 5.56608 12.25 5.53326 12.25 5.5C12.25 5.46674 12.2409 5.43392 12.2234 5.404C11.8967 4.8415 10.0523 2 6.25 2Z' fill='%23f9634b' stroke='%23f9634b' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cellipse cx='6.25071' cy='5.5' rx='2.72727' ry='2.5' fill='white'/%3E%3Cpath d='M6.24964 7C7.15338 7 7.88601 6.32843 7.88601 5.5C7.88601 4.67157 7.15338 4 6.24964 4C6.24964 4 6.70151 5.08579 6.24964 5.5C5.79778 5.91421 4.61328 5.5 4.61328 5.5C4.61328 6.32843 5.34591 7 6.24964 7Z' fill='%23f9634b' stroke='%23f9634b' stroke-width='0.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    opacity: 1; /* Ensure it is fully visible */
}
/* END: Fence view by vikki */


/* START: Billing Dashboard by vikki */

.post-password-form{
  margin-top: 10rem !important;
}


:root {
  --r2d-sidebar-bg: #1A3E53;
  --r2d-main-bg: #f8f9fa;
  --r2d-text-light: #ffffff;
  --r2d-text-dark: #333;
  --r2d-primary-red: #f9634b;
  --r2d-primary-red-hover: #ff615c;
  --r2d-primary-blue: rgba(50, 108, 169, 1);
  --r2d-primary-blue-hover: #2980b9;
  --r2d-blue-table-header: #3A6A9F;
  --r2d-border-color: #e9ecef;
  --r2d-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

/* Container */
.r2d-billing-dashboard-wrapper {
    margin-top: 5rem;
    background-color: var(--r2d-main-bg);
    padding: 20px;
    font-family: 'Segoe UI', sans-serif;
    color: var(--r2d-text-dark);
}

.r2d-billing-dashboard-filters .ui-datepicker{
  width: 15rem !important;
}

/* --- Top Filter Section --- */
.r2d-billing-dashboard-filters {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: var(--r2d-shadow);
    margin-bottom: 25px;
    border: 1px solid var(--r2d-border-color);
}

.r2d-billing-dashboard-label {
    font-weight: 600;
    margin-bottom: 8px;
    display: block;
    color: var(--r2d-sidebar-bg);
}

.r2d-billing-dashboard-input, 
.r2d-billing-dashboard-select {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #ced4da;
    border-radius: 4px;
    height: 40px;
    transition: border-color 0.3s;
}

.r2d-billing-dashboard-input:focus, 
.r2d-billing-dashboard-select:focus {
    border-color: var(--r2d-primary-blue);
    outline: none;
}

/* --- Buttons --- */
.r2d-billing-dashboard-btn {
    padding: 8px 16px;
    border: none;
    border-radius: 4px;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
    text-decoration: none;
    display: inline-block;
    line-height: 1.5;
}

.r2d-billing-dashboard-btn-red {
    background-color: var(--r2d-primary-red);
}
.r2d-billing-dashboard-btn-red:hover {
    background-color: var(--r2d-primary-red-hover);
    color: white;
}

.r2d-billing-dashboard-btn-blue {
    background-color: var(--r2d-primary-blue);
}
.r2d-billing-dashboard-btn-blue:hover {
    background-color: var(--r2d-primary-blue-hover);
    color: white;
}


/* Container for the buttons */
#r2d-export-buttons-container {
    display: flex;
    gap: 10px; /* Space between buttons */
}

/* Override DataTables Default Button Styles */
#r2d-export-buttons-container .dt-button {
    background-image: none !important;
    background-color: var(--r2d-sidebar-bg) !important; /* Dark Blue */
    color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

/* Hover Effects */
#r2d-export-buttons-container .dt-button:hover {
    background-color: var(--r2d-primary-blue-hover) !important;
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

/* Specific color for PDF (Optional - Red) */
#r2d-export-buttons-container .buttons-pdf {
    background-color: var(--r2d-primary-red) !important;
}
#r2d-export-buttons-container .buttons-pdf:hover {
    background-color: var(--r2d-primary-red-hover) !important;
}

/* Specific color for Excel (Optional - Green) */
#r2d-export-buttons-container .buttons-excel {
    background-color: #28a745 !important;
}
#r2d-export-buttons-container .buttons-excel:hover {
    background-color: #218838 !important;
}




/* --- Block Control Wrapper (Right Side) --- */
.r2d-billing-dashboard-block-control-wrapper {
    display: flex;
    align-items: center;
    gap: 12px;
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 50px; /* Pill shape */
    border: 1px solid var(--r2d-border-color);
    box-shadow: var(--r2d-shadow);
}

.r2d-billing-dashboard-block-label {
    font-weight: 600;
    color: var(--r2d-sidebar-bg);
}

.r2d-billing-dashboard-info-icon {
    color: var(--r2d-blue-table-header);
    cursor: pointer;
    font-size: 16px;
}

/* --- Info Tooltip Styling --- */
.r2d-billing-dashboard-tooltip-wrapper {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.r2d-billing-dashboard-tooltip-wrapper:hover .r2d-billing-dashboard-info-icon {
    color: var(--r2d-primary-blue-hover);
}

.r2d-billing-dashboard-tooltip-text {
    visibility: hidden;
    width: 240px;
    background-color: var(--r2d-sidebar-bg);
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 10px;
    position: absolute;
    z-index: 99;
    bottom: 140%; /* Position above the icon */
    left: 50%;
    margin-left: -120px; /* Center the tooltip */
    opacity: 0;
    transition: opacity 0.3s;
    font-size: 12px;
    font-weight: normal;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    line-height: 1.4;
}

/* Little arrow pointing down from tooltip */
.r2d-billing-dashboard-tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: var(--r2d-sidebar-bg) transparent transparent transparent;
}

.r2d-billing-dashboard-tooltip-wrapper:hover .r2d-billing-dashboard-tooltip-text {
    visibility: visible;
    opacity: 1;
}



/* --- Toggle Switch Styling --- */
.r2d-billing-dashboard-toggle-container {
    display: flex;
    align-items: center;
    gap: 8px;
}

.r2d-billing-dashboard-switch {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 22px;
    margin-bottom: 0;
}

.r2d-billing-dashboard-switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.r2d-billing-dashboard-slider {
    position: absolute;
    cursor: pointer;
    top: 0; left: 0; right: 0; bottom: 0;
    background-color: #ccc; /* Default Grey */
    transition: .4s;
    border-radius: 34px;
}

.r2d-billing-dashboard-slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 3px;
    bottom: 3px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}

/* Checked State (Block = Red) */
.r2d-billing-dashboard-switch input:checked + .r2d-billing-dashboard-slider {
    background-color: var(--r2d-primary-red); 
}

.r2d-billing-dashboard-switch input:checked + .r2d-billing-dashboard-slider:before {
    transform: translateX(22px);
}

/* Toggle Text Status */
#r2d-billing-dashboard-toggle-status-text {
    font-size: 14px;
    font-weight: 700;
    color: #ccc; /* Default Grey text */
    min-width: 75px; /* Fixed width to prevent jumping */
}

/* Active Text Color Class */
.r2d-billing-dashboard-status-active {
    color: var(--r2d-primary-red) !important;
}




/* --- DATATABLES CUSTOM LAYOUT (The Single Row Fix) --- */
/* This class is added via JS 'dom' property */
.r2d-datatable-controls-wrapper {
    display: flex;
    justify-content: space-between; /* Extreme Left and Extreme Right */
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

/* Show Entries (Left) */
.dataTables_length {
    float: none !important; /* Override default DataTables float */
}
.dataTables_length label {
    font-weight: normal;
    display: flex;
    align-items: center;
    gap: 5px;
}
.dataTables_length select {
    padding: 5px;
    border: 1px solid var(--r2d-border-color);
    border-radius: 4px;
}

/* Search Box (Right) */
.dataTables_filter {
    float: none !important; /* Override default DataTables float */
}
.dataTables_filter label {
    font-weight: 600;
    display: flex;
    align-items: center;
}
.dataTables_filter input {
    margin-left: 10px;
    padding: 6px 12px;
    border: 1px solid var(--r2d-border-color);
    border-radius: 4px;
    outline: none;
}
.dataTables_filter input:focus {
    border-color: var(--r2d-primary-blue);
}

/* --- Table Styles --- */
table.r2d-billing-dashboard-table {
    width: 100% !important;
    border-collapse: collapse;
    background: white;
    box-shadow: var(--r2d-shadow);
    border-radius: 8px;
    overflow: hidden;
}

table.r2d-billing-dashboard-table thead th {
    background-color: var(--r2d-blue-table-header);
    color: white;
    padding: 15px 10px;
    border-bottom: 2px solid var(--r2d-sidebar-bg);
    white-space: nowrap;
}

table.r2d-billing-dashboard-table tbody td {
    padding: 12px 10px;
    border-bottom: 1px solid var(--r2d-border-color);
    vertical-align: middle;
}

table.r2d-billing-dashboard-table tbody tr:hover {
    background-color: #f1f5f9;
}

/* --- Status Badges --- */
.r2d-billing-dashboard-badge {
    display: inline-block;   /* THIS is the missing piece */
    padding: 5px 10px;
    border-radius: 12px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100px;
    text-align: center;      /* keeps text centered */
}
.r2d-status-paid { background-color: #d4edda; color: #155724; }
.r2d-status-due { background-color: #f8d7da; color: #721c24; }
.r2d-status-partial { background-color: #fff3cd; color: #856404; }
.r2d-status-cancelled { background-color: #e2e3e5; color: #383d41; }
.r2d-status-revised { background-color: #fff3cd; color: #856404; }


/* --- Pagination --- */
.dataTables_paginate {
    margin-top: 15px;
    display: flex;
    justify-content: flex-end;
}
.dataTables_paginate .paginate_button {
    padding: 6px 12px;
    margin-left: 5px;
    border-radius: 4px;
    cursor: pointer;
    background: #fff;
    border: 1px solid var(--r2d-border-color);
}
.dataTables_paginate .paginate_button.current {
    background: var(--r2d-primary-blue);
    color: white !important;
    border-color: var(--r2d-primary-blue);
}

/* Wrapper to align icons horizontally */
.r2d-billing-table-action-wrapper {
    display: flex;
    gap: 5px; /* Space between buttons */
    justify-content: flex-start;
    align-items: center;
}

/* Base Style for Action Buttons */
.r2d-billing-table-action-btn {
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
    font-size: 13px;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.r2d-billing-table-action-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0,0,0,0.15);
}

/* 1. Edit Button (Blue) */
.r2d-billing-table-btn-edit {
    background-color: var(--r2d-primary-blue);
}
.r2d-billing-table-btn-edit:hover {
    background-color: var(--r2d-primary-blue-hover);
}

/* 2. Download Button (Green) */
.r2d-billing-table-btn-download-invoice {
    background-color: #28a745; /* Success Green */
}
.r2d-billing-table-btn-download-invoice:hover {
    background-color: #218838;
}

/* 3. Cancel Button (Red) */
.r2d-billing-table-btn-block-dataroom {
    background-color: var(--r2d-primary-red);
}
.r2d-billing-table-btn-block-dataroom:hover {
    background-color: var(--r2d-primary-red-hover);
}




/* --- Modal --- */
.r2d-billing-dashboard-modal {
    display: none; 
    position: fixed; 
    z-index: 10000; 
    left: 0; top: 0; bottom: 3rem; 
    width: 100%; height: 100%; 
    background-color: rgba(0,0,0,0.5); 
    backdrop-filter: blur(2px);
}


.r2d-read-only {
    cursor: not-allowed;
    color: #6c757d;
    border: 1px solid #dee2e6;
    font-size: 14px;
}

.r2d-billing-dashboard-modal-content {
    background-color: #fff;
    margin-top: 2%;
    margin-right: auto;
    margin-bottom: 5%;
    margin-left: auto;
    width: 600px;
    max-width: 95%;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0,0,0,0.2);
    animation: r2dFadeIn 0.3s ease-in-out;
}

.r2d-billing-dashboard-modal-body .row {
    margin-bottom: 5px;
}

.r2d-billing-dashboard-modal-header {
    background-color: var(--r2d-sidebar-bg);
    color: white;
    padding: 15px 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.r2d-billing-dashboard-modal-body {
    max-height: 70vh; /* Occupy max 70% of viewport height */
    overflow-y: auto; /* Scroll vertical if content exceeds */
    overflow-x: hidden; /* Hide horizontal scroll */
    padding: 15px 20px; /* Reduced padding */
    background: #f8f9fa;
}


/* 4. Compact Inputs */
.r2d-billing-dashboard-input, 
.r2d-billing-dashboard-select {
    height: 32px; /* Shorter inputs */
    padding: 4px 8px;
    font-size: 13px;
}

.r2d-billing-dashboard-modal-footer {
    padding: 15px 20px;
    text-align: right;
    border-top: 1px solid var(--r2d-border-color);
    background: #f8f9fa;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}




/* --- Table Footer (Total Row) --- */
table.r2d-billing-dashboard-table tfoot th {
    background-color: #f1f5f9;
    border-top: 2px solid var(--r2d-sidebar-bg);
    color: var(--r2d-text-dark);
    font-size: 16px; /* Slightly larger for emphasis */
}

/* Specific style for the Total Value */
#r2d-footer-total {
    color: var(--r2d-primary-red) !important;
    font-weight: 800 !important;
}

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

/* Ensure the table cells don't wrap text, forcing the table to expand */
table.r2d-billing-dashboard-table th,
table.r2d-billing-dashboard-table td {
    white-space: nowrap;
}

/* Optional: Ensure the wrapper handles the overflow if DataTables JS fails to load */
.r2d-billing-dashboard-wrapper .dataTables_scrollBody {
    overflow-x: auto;
    width: 100%;
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 50% !important;
}


.r2d-blocked-dashboard-overlay {
                position: fixed;
                top: 0;
                left: 0;
                width: 100vw;
                height: 100vh;
                background-color: #326ca9; /* Requested Blue */
                z-index: 999999; /* Ensure it sits on top of everything (header/footer/admin bar) */
                display: flex;
                justify-content: center;
                align-items: center;
                font-family: sans-serif;
            }

            .r2d-blocked-dashboard-modal {
                background-color: #ffffff;
                padding: 40px;
                border-radius: 12px;
                box-shadow: 0 10px 25px rgba(0,0,0,0.2);
                width: 90%;
                max-width: 700px;
                display: flex;
                flex-direction: column;
                align-items: center;
                text-align: center;
            }

            .r2d-blocked-dashboard-image {
                margin-bottom: 20px;
                max-width: 150px;
                height: auto;
            }

            .r2d-blocked-dashboard-due-box {
                background-color: #f8f9fa;
                border: 1px solid #e9ecef;
                border-radius: 8px;
                padding: 15px 25px;
                margin-bottom: 30px;
                width: 100%;
                box-sizing: border-box;
            }

            .r2d-blocked-dashboard-due-box h4 {
                margin: 0 0 5px 0;
                color: #666;
                font-size: 14px;
                text-transform: uppercase;
            }

            .r2d-blocked-dashboard-due-box .amount {
                margin: 0;
                color: #d9534f; /* Red color for due amount */
                font-size: 24px;
                font-weight: bold;
            }

            .r2d-blocked-dashboard-actions {
                display: flex;
                gap: 15px;
                width: 100%;
                justify-content: center;
            }

            .r2d-btn-blocked-dashboard {
                padding: 12px 20px;
                border-radius: 5px;
                text-decoration: none;
                font-weight: 600;
                font-size: 14px;
                transition: background 0.3s;
                text-align: center;
                flex: 1;
                cursor: pointer;
                border: none;
            }

            .r2d-blocked-dashboard-download-ledger {
                
                background-color: var(--billing-primary-blue);
                color: #fff;
            }
            .r2d-blocked-dashboard-download-ledger:hover { background-color: var(--r2d-primary-blue-hover); color: #fff; }

            .r2d-blocked-dashboard-payment-btn {
                background-color: var(--r2d-primary-red);
                color: #fff;
            }

            .r2d-blocked-dashboard-payment-btn:hover {color: #fff; }


            /* =========================================
   Payment Modal Styles
   ========================================= */

/* Modal Overlay with Blur */
#payment-modal-overlay {
    display: none; /* Hidden by default */
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    z-index: 999999;
    justify-content: center;
    align-items: center;
}

/* Modal Content Box */
.payment-modal-content {
    background: #ffffff;
    width: 90%;
    max-width: 450px;
    padding: 30px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 15px 50px rgba(0,0,0,0.3);
    text-align: center;
    animation: paymentModalFadeIn 0.3s ease-out;
}

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

/* Close Button */
.payment-modal-close {
    position: absolute;
    top: 15px;
    right: 20px;
    font-size: 28px;
    font-weight: bold;
    color: #555;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s;
}
.payment-modal-close:hover { color: #d00; }

/* Heading */
.payment-modal-header h2 {
    margin: 0 0 20px 0;
    color: #333;
    font-size: 24px;
}

/* Body & Input */
.payment-modal-body {
    margin-bottom: 25px;
    text-align: left;
}
.payment-modal-label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #444;
}
.payment-modal-input {
    width: 100%;
    padding: 12px;
    font-size: 18px;
    border: 2px solid #ddd;
    border-radius: 6px;
    box-sizing: border-box;
}
.payment-modal-input:focus {
    border-color: #007bff;
    outline: none;
}

/* Pay Button */
#due-payment-modal-pay-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: var(--r2d-primary-red);
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.3s;
    text-decoration: none;
}
#due-payment-modal-pay-btn:hover {
    background-color: var(--r2d-primary-red-hover);
    color: #fff;
}

/* =========================================
   Dashboard Access Popup (Soft Block)
   ========================================= */
.r2d-popup-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7); 
    z-index: 99999; 
    display: flex;
    align-items: center;
    justify-content: center;
}
.r2d-popup-overlay .r2d-blocked-dashboard-modal { 
    position: relative; 
}
.r2d-popup-close {
    position: absolute; 
    top: 10px; 
    right: 15px; 
    font-size: 28px;
    font-weight: bold; 
    color: #333; 
    cursor: pointer; 
    line-height: 1; 
    transition: 0.3s; 
    z-index: 100;
}
.r2d-popup-close:hover { color: #d00; }
/* END: Billing Dashboard by vikki */


/* START: Data Fetching Optimisation by vikki */
.r2d-lazy-list, 
.r2d-lazy-list ul {
    list-style: none !important;
}

.expand-caret, .fa-caret-right {
    transition: transform 0.2s ease;
    display: inline-block;
}

.r2d-rotate-down {
    transform: rotate(90deg);
}
/* END: Data Fetching Optimisation by vikki */


/* START: VAPT Security Enhancement by vikki */
.ui-datepicker-header{
  color: white !important;
}
.ui-datepicker-next, .ui-datepicker-prev{
  background-color: #ffffff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border: none !important;
   
}

/* END: VAPT Security Enhancement by vikki */