.moniter_pl .clip {
  /* Semi-ellipse (half-moon) clip-path */
  clip-path: ellipse(50% 50% at 50% 0%);
  background: linear-gradient(135deg, #0270D7 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(135deg, #0270D7 0%, #FFFFFF 100%);
  background: -webkit-linear-gradient(135deg, #0270D7 0%, #FFFFFF 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0270D7", endColorstr="#FFFFFF", GradientType=1);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.3;
}




.cyber-title {
  display: flex;
  justify-content: center;
  padding-top: 25px;
}

.bloc-item {
  display: flex;

}

.bloc-item>img {
  width: 75px;
  height: 75px;
}


.main {
  background-color: #2C3444;
}

.moniter_pl .page-title {
  all: unset;
  font-weight: bold;
  color: white;
  font-size: 55px;
}

.title-wrapper {
  justify-content: center;
  text-align: center;
  font-size: 28px;
  color: white;
  border-top: 1px solid #606060;
  border-bottom: 1px solid #606060;
  padding: 15px 0 20px 0;
  font-weight: 700;
  /* font-family: Quicksand; */
  line-height: 35px;
  display: flex;
}


.platform-card-title {
  font-size: 25px;
  font-weight: bolder;
  text-align: center;
}

.moniter_pl .hero-text {
  font-size: 20px;
  color: white;
}

.csb-2 {
  display: flex;
  flex-direction: row-reverse;
  padding: 1em 0 1em 0;
  gap: 50px;
  align-items: center;
}

.csb-2>img {
  width: 50%;
  min-width: 50%;
  border-radius: 8px;
}

.csb-text-wrapper-white {
  display: flex;
  gap: 25px;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  /* height: 315px; */
  color: white !important;
}

.csb-text-wrapper-gray {
  display: flex;
  gap: 25px;
  justify-content: center;
  height: 100%;
  flex-direction: column;
  /* height: 315px; */
  color: #000 !important;
}

.csb-title {
  font-size: 22px;
  font-weight: bold;
}

.csb-title-white {
  font-size: 22px;
  font-weight: bold;
  color: white;
}

.dashboard-svg {
  width: 80%;
}

.image-container {
  display: flex;
  justify-content: center;
  padding: 50px 0 50px 0;
}


/* First section */

.main-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 50px;
  align-items: center;
  justify-content: center;
}

.hero-image {
  max-width: 950px;
  width: 98%;
  border-radius: 8px;
}

.left-block {
  padding-top: 50px;
  z-index: 2;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-evenly;
  color: white;
}

.right-block {
  z-index: 2;
  display: flex;
  flex-direction: column;
  width: 90%;
  justify-content: center;
  text-align: center;
  padding-bottom: 25px;
  gap: 25px;
}

.kn-slack-svg {
  display: flex;
  width: 1.25rem;
  height: 1.25rem;
  padding-right: 0.00244rem;
  justify-content: center;
  align-items: center;
}

.button-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.moniter_pl .custom-button {
  padding: 15px 15px 15px 15px;
  min-width: 161px;
}

.hero-section {
  min-height: 500px;
  background-color: #2C3444 !important;
  margin-top: 90px;
}

/* End first section */

/* 4st section */

.csb-1 {
  display: flex;
  flex-direction: row;
  padding: 1em 0 1em 0;
  gap: 50px;
  align-items: center;
  color: black;
}

.csb-1>img {
  width: 50%;
  min-width: 50%;
}

/* end of 4st section */

/* second section starts*/


.bgd_sec {
  background: url(../png/polygon.png) no-repeat center;
  /* Replace with your image URL */
  background-size: cover;
  /* Ensure the image covers the entire section */
  padding: 20px 0;
  /* Add vertical padding for spacing */
}

.moniter_pl .card-row {
  display: flex;
  gap: 10px;
  /* Reduce the gap between cards */
  align-items: stretch;
  justify-content: space-between;
  padding: 10px 0;
  /* Reduce vertical padding */
}

.moniter_pl .main-card,
.separate-card {
  background: #ffffff;
  padding: 0;
  border-radius: 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  /* Reduce shadow intensity */
  flex: 1;
  display: flex;
  flex-direction: column;
}

.moniter_pl .main-card {
  flex: 3;
  justify-content: space-between;
}

.moniter_pl .main-card .header h5 {
  margin: 0;
  color: #ffffff;
  font-size: 1rem;
  flex: 1;
  /* Allow heading to take available space */
}

.moniter_pl .main-card .header p {
  margin: 0;
  color: #ffffff;
  font-size: 0.9rem;
  margin-right: 10px;
  /* Add spacing between paragraph and button */
  flex: 1;
  /* Allow paragraph to take more space */
}

.moniter_pl .main-card .protect-cloud {
  /* background-color: #4b33c6; */
  background-color: #5679bec2;
  color: white;
  border: none;
  padding: 8px 16px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.9em;
  flex-shrink: 0;
  /* Prevent button from shrinking */
}

.protect-cloud.non-clickk {
  pointer-events: none;
  cursor: pointer;
}


.moniter_pl .main-card .header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background-color: #365797;
  padding: 10px;
  align-items: center;
  border-radius: 10px 10px 0 0;
}

.moniter_pl .footer-bg {
  background-color: #365797;
  ;
  /* Replace with desired background color */
  height: 40px;
  /* Adjust height as needed */
  margin-top: 10px;
  /* Add spacing */
  border-radius: 0 0 10px 10px;
  /* Optional: Rounded corners */
}

/* .moniter_pl .main-card .footerr{
  padding: 28px;
  margin-top: 3.3rem;
  align-items: center;
  border-radius: 0 0 10px 10px;
} */


.moniter_pl .main-card h4,
.separate-card h4 {
  margin: 0;
  padding: 10px;
  /* Reduce padding */
  text-align: center;
  color: white;
  font-size: 1.2rem;
  /* Reduce font size */
  /* background-color: #5e3bfc; */
  background-color: #365797;
  border-radius: 10px 10px 0 0;
}

.moniter_pl .sub-card-container {
  display: flex;
  gap: 10px;
  /* Reduce gap between sub-cards */
  padding: 10px;
  /* Reduce padding */
}

.moniter_pl .sub-card {
  flex: 1;
  padding: 10px;
  /* Reduce padding */
  border-radius: 10px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.moniter_pl .sub-card h5 {
  font-size: 1.2rem;
  /* Reduce font size */
  color: #365797;
  margin-bottom: 5px;
}

.moniter_pl .sub-card .title {
  font-weight: bold;
  margin: 8px 0;
  /* Reduce margin */
  font-size: 17px;
  min-height: 40px;
}

.moniter_pl .sub-card .description {
  font-size: 0.9em;
  /* Reduce font size */
  color: #555;
  margin: 5px 0 15px 0;
  min-height: 45px;
}

.moniter_pl .sub-card .preview,
.moniter_pl .sub-card .action,
.moniter_pl .control-btn {
  border: none;
  padding: 10px 15px;
  /* Add padding for better spacing */
  border-radius: 5px;
  cursor: pointer;
  font-size: 0.9rem;
  /* Adjust font size */
  width: 100%;
  /* Ensure buttons take up full width within the card */
  box-sizing: border-box;
  /* Ensure padding doesn't exceed container space */
  margin-top: 5px;
  /* Add spacing between buttons */
}

.moniter_pl .sub-card .preview {
  background-color: #e4e4f7;
  color: #365797;
}

.moniter_pl .sub-card .action {
  background-color: #365797;
  color: white;
}

.moniter_pl .separate-card h4 {
  margin: 0;
  padding: 17px;
}

.moniter_pl .separate-card-content {
  text-align: center;
  /* padding: 10px; */
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
}

.moniter_pl .separate-card h5 {
  font-size: 1.2rem;
  /* Reduce font size */
  margin-bottom: 5px;
  color: #365797;
}

.moniter_pl .separate-card .title {
  font-weight: bold;
  margin: 8px 0;
  /* Reduce margin */
}

.moniter_pl .separate-card .description {
  font-size: 0.8em;
  /* Reduce font size */
  color: #555;
  margin: 5px 0 15px 0;
  /* Reduce margin */
}

.moniter_pl .separate-card button {
  background-color: #365797;
  ;
  color: #fff;
}


/* second section ends*/

/* fifth section starts */

.prod_mo_crd h1 {
  color: #333;
}

.prod_mo_crd .card {
  /* background: #fff; */
  background: #f6f6f6;
  border-radius: 10px;
  height: 100%;
  /* Make all cards equal height */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1)
    /* border: 1px solid #2C3444; */
}

.prod_mo_crd .crd_icon {
  border-radius: 50%;
  padding: 10px;
  width: 50px;
}

.prod_mo_crd .card h4 {
  color: #444446;
  display: flex;
  align-items: center;
  gap: 10px;
  /* Space between image and heading text */
}

.prod_mo_crd .icon img {
  width: 50px;
}

.prod_mo_crd .btn-primary {
  background-color: #365797;
  border-radius: 10px;
}

.prod_mo_crd .btn-primary:hover {
  background-color: #436bb8;
}

.prod_mo_crd .heading-container img {
  width: 50px;
  margin-right: 15px;
}

/* fifth section ends */



/* testimonial section */
.testni_py {
  padding: 1em 0 1em 0;
}

.moniter_pl .testimonial_row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.moniter_pl .testimonial-card-wrapper {
  position: relative;
  margin: 20px;
}

.moniter_pl .testimonial-card-wrapper:hover {
  transform: translateY(-8px);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.15);
}

.moniter_pl .solid-card {
  background: #007bff;
  /* Solid color background */
  border-radius: 15px;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 10px;
  /* Offset for layering effect */
  left: 10px;
  z-index: 0;
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
}


.moniter_pl .testimonial-section {
  background: linear-gradient(to right, #eef2f3, #8e9eab);
  padding: 80px 0;
}

.moniter_pl .testimonial-card {
  background: #ffffff;
  border-radius: 15px;
  box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
  text-align: center;
  padding: 30px;
  height: 100%;
  position: relative;
  z-index: 1;
}

.moniter_pl .testimonial-text {
  font-size: 18px;
  color: #555;
  margin-bottom: 20px;
  font-style: italic;
  line-height: 1.6;
}

.moniter_pl .testimonial-avatar-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.moniter_pl .testimonial-avatar-row img {
  width: 70px;
  height: 70px;
  object-fit: cover;
  border-radius: 50%;
  border: 3px solid #007bff;
  margin-right: 15px;
  transition: transform 0.3s ease-in-out;
}

.moniter_pl .testimonial-avatar-row img:hover {
  transform: scale(1.1);
}

.moniter_pl .testimonial-name {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin-bottom: 5px;
}

.moniter_pl .testimonial-role {
  font-size: 15px;
  color: #777;
}

.moniter_pl .testimonials_head {
  color: #fff;
}

.moniter_pl .quote-icon {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 50px;
  color: rgba(0, 0, 0, 0.1);
}

/* testimonial ends */


/* last section starts */

.moni_last_sec .bgd_sec {
  background: url(../svg/polygon.svg) no-repeat center;
  /* Replace with your image URL */
  background-size: cover;
  /* Ensure the image covers the entire section */
  padding: 20px 0;
  /* Add vertical padding for spacing */
}

.moni_last_sec .right-block {
  width: 50%;

  margin: 0 auto;
}

.moni_last_sec .csb-title {
  font-size: 40px;
}

.moni_last_sec .right-block p {
  font-size: 24px;
}

.moni_last_sec .mdemo_reg_btn {
  font-size: 18px;
}

.moni_last_sec .mcontact_sales_btn {
  font-size: 16px;
}

/* Start a Free Trial Button */
.mdemo_reg_btn {
  background: linear-gradient(90deg, #1E90FF, #4682B4) !important;
  /* Subtle, modern blue gradient */
  color: #ffffff !important;
  /* White text for better contrast */
}

.mdemo_reg_btn:hover {
  background: linear-gradient(90deg, #4682B4, #1E90FF) !important;
  /* Reversed gradient for hover */
  box-shadow: 0 4px 15px rgba(30, 144, 255, 0.3) !important;
  /* Subtle shadow for hover */
}

/* Chat with Sales Button */
.mcontact_sales_btn {
  background: linear-gradient(90deg, #F7971E, #c4bfab) !important;
  /* Professional warm gradient */
  color: #000 !important;
}

.mcontact_sales_btn:hover {
  background: linear-gradient(90deg, #D6820F, #ceccc3) !important;
  /* Slightly darker gradient on hover */
  box-shadow: 0 4px 15px rgba(247, 151, 30, 0.3);
  /* Subtle shadow on hover */
}

/* last section ends */






/************************************underwriter start***********************/

/* First section */

.underwriter_pl .clip {
  clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 100%, 70% 100%, 30% 100%, 0 100%, 0% 30%);
  background: hsla(170, 85%, 26%, 1);

  background: linear-gradient(360deg, hsla(170, 85%, 26%, 1) 0%, hsla(229, 52%, 38%, 1) 100%);

  background: -moz-linear-gradient(360deg, hsla(170, 85%, 26%, 1) 0%, hsla(229, 52%, 38%, 1) 100%);

  background: -webkit-linear-gradient(360deg, hsla(170, 85%, 26%, 1) 0%, hsla(229, 52%, 38%, 1) 100%);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#0A7B68", endColorstr="#2F4193", GradientType=1);

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#392D69", endColorstr="#B57BEE", GradientType=1);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.underwriter_pl .main-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.underwriter_pl .page-title {
  all: unset;
  font-weight: bold;
  color: white;
  font-size: 55px;
}

.underwriter_pl .hero-text {
  font-size: 20px;
  color: white;
}

.underwriter_pl .custom-button {
  padding: 15px 15px 15px 15px;
  min-width: 161px;
}

.underwriter_pl .hero-image {
  max-width: 700px;
}

.underwriter_pl .bg_img {
  /* height: 425px; */
  height: 440px;
  width: 81%;
  padding: 15px;
}

.underwriter_pl .left-block {
  z-index: 2;
  display: flex;
  width: 50%;
  padding-left: 50px;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-evenly;
  color: white;
}


.underwriter_pl .button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.underwriter_pl .hero-image {
  max-width: 600px;
  width: 90%;
  padding: 15px;
}

.underwriter_pl .hero-section {
  min-height: 500px;
  background-color: #2C3444 !important;
  margin-top: 90px;
}

.underwriter_pl .details-card {
  padding: 50px 20px 50px 20px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 40px;
  justify-content: center;
  align-items: center;

}

/* End first section */


/* second section start */
/* Styling for alignment */

.under_tab_bg {
  background: #ebf6ff;
  border-radius: 10px;
  padding: 10px;
}

.underwriter_pl .nav-tabs {
  justify-content: center;
  margin-bottom: 0;
}

.underwriter_pl .nav-tabs {
  border-bottom: none !important;
  /* Removes the bottom border */
}


.underwriter_pl .nav-tabs .nav-link {
  border: none;
  color: #333 !important;
  font-size: 18px;
  font-weight: bold;
  margin: 0 15px;
  padding-bottom: 8px;
}

.underwriter_pl .btn:hover {
  background: none;
  color: #2c7be5;
}

.underwriter_pl .nav-tabs .nav-link:hover {
  color: #2C3444 !important;
  background: none;
}

.underwriter_pl .nav-tabs .nav-link.active {
  color: #2C3444 !important;
  border-bottom: 2px solid #2C3444 !important;
}

.underwriter_pl .tab-heading {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}

.underwriter_pl .tab-content {
  padding-top: 30px;
}

.underwriter_pl .btn.active {
  background-color: #2C3444;
  color: white;
  border-color: #2C3444;
}

.underwriter_pl .btn {
  padding: 15px;
}

.underwriter_pl .btn-group {
  border-radius: 15px;
  border: 1px solid #2C3444;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.underwriter_pl .divider {
  width: 100%;
  height: 2px;
  background-color: #ddd !important;
  margin: 10px 0;
}

.underwriter_pl .dynamic-image img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.underwriter_pl .dynamic-image p {
  font-size: 16px;
  color: #555;
}

.underwriter_pl .btn-group button {
  transition: background-color 0.3s ease;
}


.underwriter_pl .caption-container {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Caption Container Styles */
.underwriter_pl .caption-container {
  /* max-width: 480px; */
  max-width: 710px;
  margin: 15px auto;
  /* padding: 10px; */
  align-items: baseline;
}

/* Heading Styles */
.underwriter_pl .caption-container strong {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  text-align: center;
  /* margin-bottom: 8px; */
  white-space: nowrap;
}

/* Text Styles */
.underwriter_pl .caption-container .caption-text {
  font-size: 16px;
  color: #555;
  text-align: left;
  line-height: 1.5;
}

.undertab_imgtab {
  width: 80%;
  border-radius: 10px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.2);
}

.undertab_img {
  width: 60%;
  min-width: 50%;
  border-radius: 10px;
  box-shadow: 0 8px 14px 0 rgba(0, 0, 0, 0.2);
}


/* second section end */

/* underwriter testimonial start  */
.underwriter_pl .testimonial {
  padding: 35px 20px;
  margin: 0 10px 30px;
  border-radius: 0 70px 0 70px;
  border: 5px solid #007bff;
  border-left: none;
  border-right: none;
  text-align: center;
}

.underwriter_pl .testimonial .pic {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 20px;
  overflow: hidden;
}

.underwriter_pl .testimonial .pic img {
  width: 100%;
  height: auto;
}

.underwriter_pl .testimonial .title {
  display: block;
  margin: 0 0 7px 0;
  font-size: 20px;
  font-weight: 600;
  color: #f2f2f2;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.underwriter_pl .testimonial .post {
  display: block;
  font-size: 15px;
  color: #fff;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.underwriter_pl .testimonial .description {
  font-size: 16px;
  color: #fff;
  line-height: 1.8;
}

.underwriter_pl .owl-theme .owl-controls {
  margin-top: 10px;
}

.underwriter_pl .owl-theme .owl-controls .owl-page span {
  background: #007bff;
  opacity: 0.8;
  transition: all 0.3s ease 0s;
}

.underwriter_pl .owl-theme .owl-controls .owl-page.active span {
  background: #f2f2f2;
}

/* underwriter testimonial ends  */

/* sixth section underwriter */

.underwriter_pl .assets-card {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  color: white;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
  box-shadow: 4.0px 8.0px 8.0px hsl(0deg 0% 0% / 0.38);
}

.underwriter_pl .assets-card-left {
  background-color: #2C3444;
}

.underwriter_pl .assets-card-right {
  flex-direction: row-reverse;
  background-color: none;
  color: black;
}

.underwriter_pl .assets-content {
  display: flex;
  flex-direction: column;
  gap: 25px;
  padding: 0 15px 0 15px;
}

.underwriter_pl .assets-title {
  font-size: 20px;
  font-weight: bold;
}

/* sixth section underwriter end */

/* underwriter last section start */
.under_last_sec .bgd_sec {
  background: url(../svg/circle_under.svg) no-repeat center;
  background-size: cover;
}

.under_last_sec .button-wrapper {
  display: flex;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto
}

.under_last_sec .right-block {
  align-items: center;
  padding-left: 0;
  width: 50%;
}

/* underwriter last section ends */

/************************************underwriter end***********************/


/************************************api start***********************/



.api_plansec .clip {
  clip-path: ellipse(60% 40% at 50% 50%);
  background: hsla(220, 15%, 40%, 1);
  background: linear-gradient(145deg, hsl(185.9deg 35.95% 35.54%) 0%, hsla(210, 25%, 60%, 1) 100%);
  background: -moz-linear-gradient(145deg, hsl(185.9deg 35.95% 35.54%) 0%, hsla(210, 25%, 60%, 1) 100%);
  background: -webkit-linear-gradient(145deg, hsl(185.9deg 35.95% 35.54%) 0%, hsla(210, 25%, 60%, 1) 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#3A506B", endColorstr="#6C8EA0", GradientType=1);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
}



.api_plansec .main-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 50px;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.api_plansec .page-title {
  all: unset;
  font-weight: bold;
  color: white;
  font-size: 55px;
}

.api_plansec .hero-text {
  font-size: 20px;
  color: white;
}

.api_plansec .custom-button {
  padding: 15px 15px 15px 15px;
  min-width: 161px;
  /* min-width: 172px; */
}

.api_plansec .api_doc_btn ,.api_plansec .api_plan_btn {
  padding: 15px 15px 15px 15px;
  /* min-width: 161px; */
  min-width: 182px;
  color: white;
}

.api_doc_btn>a{
  text-decoration: none;
  color: white;
  font-size: 16px;
}

.api_plansec .hero-image {
  max-width: 700px;
}

.api_plansec .bg_img {
  /* height: 425px; */
  height: 440px;
  width: 81%;
  padding: 15px;
}

.api_plansec .left-block {
  z-index: 2;
  display: flex;
  width: 50%;
  padding-left: 50px;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-evenly;
  color: white;
}


.api_plansec .button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.api_plansec .hero-image {
  max-width: 600px;
  width: 90%;
  padding: 15px;
}

.api_plansec .hero-section {
  min-height: 580px;
  background-color: #2C3444 !important;
  margin-top: 90px;
}

.api_plansec .testimonial-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
  max-width: 900px;
  margin: auto;
}


.api_plansec .user-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.api_plansec .user-item {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
  transition: all 0.3s ease;
  background: #f8f9fa;
}

.api_plansec .user-item.active {
  background: #e9ecef;
  border-left: 5px solid #007bff;
}

.api_plansec .user-item img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.api_plansec .user-item h6 {
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
}

.api_plansec .user-item p {
  margin: 0;
  font-size: 0.9rem;
  color: #6c757d;
}

.api_plansec .testimonial-content {
  flex: 1;
  background: #fff;
  padding: 20px 30px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
}

.api_plansec .testimonial-content h4 {
  font-weight: 700;
  margin-bottom: 10px;
}


.api_plansec .testimonial-text {
  font-size: 1rem;
  color: #6c757d;
  line-height: 1.6;
}

.api_plansec .api_secbg{
  background: #ffff url(../svg/circles.svg) no-repeat center;
  background-size: cover;
  z-index: 111;
}


.api_plansec .apicard.card {
  border-radius: 8px;
  border: 1px solid #e8e5e5;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.api_plansec .apicard.card:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.api_plansec .apicard.cardImg {
  border-bottom: 1px solid #e8e5e5;
  height: 220px;
  /* Adjust based on your design */
  width: 100%;
  /* Ensure full-width responsiveness */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  /* Prevent overflow of larger images */
  padding: 10px;
  /* Remove unnecessary padding for better alignment */
}

.api_plansec .apicard.cardImg img {
  border-radius: 0;
  max-width: 100%;
  /* Ensure the image doesn’t exceed the card width */
  max-height: 100%;
  /* Ensure the image doesn’t exceed the card height */
  object-fit: contain;
  /* Use contain if you want the entire image to fit */
  object-fit: cover;
  /* Use this if you want images to fill the container completely */
}

.api_plansec .apicard.card-body {
  padding: 15px;
  text-align: left;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.api_plansec .apicard.card-title {
  font-size: 19px;
  font-weight: bold;
  margin-bottom: 10px;
  color: #555;
}

.api_plansec .apicard.card-text {
  font-size: 16px;
  color: #555;
}

.pro_last_sec .bgd_sec {
  background: url(../svg/lastsec_pattern.svg) no-repeat center;
  background-size: cover;
}





/* Text wrapper */
.api_sec_benifitt {
  flex: 1;
  /* padding: 2em; */
  /* background-color: #2b3444; */
  border-radius: 10px;
  /* box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); */
}

.api_sec_benifit_text {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1em;
  color: #fff;
}

/* List styles */
.api_sec_benifit_list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.api_sec_benifit_list li {
  padding: 0.75em 1em;
  margin-bottom: 0.5em;
  background-color: #39465a;
  border-radius: 5px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  color: #fff;
}

.api_sec_benifit_list li:last-child {
  margin-bottom: 0;
}


.code-section {
  background: #2d2d2d;
  background: url(../svg/animated_shape.svg) no-repeat center;
  background-size: cover;
  /* color: white; */
  /* padding: 60px 0; */
}

.code-snippet {
  background: #1e1e1e;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 0.815rem !important;
  /* overflow: auto; */
}

.code-snippet pre {
  font-size: 0.815rem !important;
}

/**************************************** Rank   **********************************/
/* .rank_plansec .clip {
  clip-path: inset(10% round 15%);
  background: linear-gradient(145deg, hsl(220, 10%, 75%) 0%, hsl(220, 10%, 50%) 100%);
  background: -moz-linear-gradient(145deg, hsl(220, 10%, 75%) 0%, hsl(220, 10%, 50%) 100%);
  background: -webkit-linear-gradient(145deg, hsl(220, 10%, 75%) 0%, hsl(220, 10%, 50%) 100%);
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
} */

.rank_plansec .clip {
  /* clip-path: polygon(0 20%, 100% 0, 100% 80%, 0% 100%); */
  clip-path: polygon(0 90%, 3% 0, 100% 65%, 0% 100%);
  background: linear-gradient(45deg, hsl(200, 80%, 60%) 0%, hsl(340, 70%, 65%) 100%);
  background: -moz-linear-gradient(45deg, hsl(200, 80%, 60%) 0%, hsl(340, 70%, 65%) 100%);
  background: -webkit-linear-gradient(45deg, hsl(200, 80%, 60%) 0%, hsl(340, 70%, 65%) 100%);
  filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.1));
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  opacity: 0.5;
}




/* .rank_plansec .main-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: row;
  gap: 50px;
  height: 100%;
  align-items: center;
  position: absolute;
} */

.rank_plansec .main-wrapper {
  z-index: 1;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 50px;
  align-items: center;
  justify-content: center;
}

.rank_plansec .page-title {
  all: unset;
  font-weight: bold;
  color: white;
  font-size: 55px;
}

.rank_plansec .hero-text {
  font-size: 20px;
  color: white;
}

.rank_plansec .custom-button {
  padding: 15px 15px 15px 15px;
  min-width: 161px;
}

.rank_plansec .hero-image {
  max-width: 700px;
}

.rank_plansec .bg_img {
  /* height: 425px; */
  height: 440px;
  width: 81%;
  padding: 15px;
}

.rank_plansec .left-block {
  z-index: 2;
  display: flex;
  width: 50%;
  padding-left: 50px;
  flex-direction: column;
  align-content: space-around;
  justify-content: space-evenly;
  color: white;
}


.rank_plansec .button-wrapper {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.rank_plansec .hero-image {
  max-width: 600px;
  width: 90%;
  padding: 15px;
}

.rank_plansec .hero-section {
  min-height: 580px;
  background-color: #2C3444 !important;
  margin-top: 90px;
}

.rank_plansec .pro_last_sec .bgd_sec {
  background: url(../svg/meteor_last_sec.svg) no-repeat center;
  background-size: cover;
}


.rank_sec_bg {
  background: #ffff url(../svg/polygon_lu.svg) no-repeat center;
  background-size: cover;
  z-index: 111;
}

.rank_plansec .item {
  background-color: #ffffff;
  background-image: url("../png/dark-stripes-light.png");
  /* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
  border: 1px solid #1e293b93;
  border-radius: 0.5rem;
  padding: 1.15rem;
  height: 100%;
}

.rank_plansec .item img {
  max-width: 100%;
  height: auto;
  margin-bottom: 1rem;
}

.rank_plansec .rank_plansec .item_head {
  font-size: 1.5rem;
  color: #1e3a8a;
  margin-bottom: 0.75rem;
}

.rank_plansec .rank_plansec .item_txt {
  font-size: 1rem;
  line-height: 1.6;
  color: #555;
}








.rank_plansec .testimonial {
  background: #ffffff;
  padding: 20px 40px;
  margin: 50px auto;
  border-radius: 50px;
  color: #211f1f;
  display: flex;
  align-items: center;
  position: relative;
  width: 60%;
}

.rank_plansec .testimonial .pic {
  flex: 0 0 120px;
  height: 120px;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 20px;
}

.rank_plansec .testimonial .pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rank_plansec .testimonial-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
}

.rank_plansec .testimonial-title {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.rank_plansec .testimonial-title small {
  display: block;
  font-size: 14px;
  color: #babfbd;
  text-transform: capitalize;
}

.rank_plansec .horizontal-line {
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  margin: 10px 0;
  width: 100%;
}

.rank_plansec .description {
  font-size: 14px;
  color: #686b6a;
  font-style: italic;
  position: relative;
}

/**************************************** Rank   **********************************/

/**************************************** grc   **********************************/
.compliance-scope .clip {
  width: 135%;
  height: 135%;
  left: -17.5%;
  top: -10%;

  position: absolute;
  z-index: 1;
  opacity: 0.32;

  /* Tall diagonal ribbon with a notch */
  clip-path: polygon(
    0% 10%,
    100% 0%,
    100% 65%,
    30% 85%,
    15% 60%,
    0% 70%
  );

  /* Fallback solid color */
  background: #4F46E5;

  /* Vendor-prefixed gradients */
  background: -webkit-linear-gradient(120deg, #4F46E5 0%, #84CC16 100%);
  background: -moz-linear-gradient(120deg, #4F46E5 0%, #84CC16 100%);

  /* Standard gradient (takes precedence in modern browsers) */
  background: linear-gradient(120deg, #4F46E5 0%, #84CC16 100%);

  /* Optional: ensure it covers the oversized area */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.compliance-scope .page-title {
  all: unset;
  font-weight: bold;
  color: white;
  font-size: 50px;
}

.compliance-scope .hero-text {
  font-size: 20px;
  color: white;
}

.compliance-scope .custom-button {
  padding: 15px;
  min-width: 161px;
}

.compliance-scope .api_doc_btn{
  min-width: 169px !important;
}


.register-button{
  border-radius: 30px !important;
}
.api_doc_btn{
    border-radius: 30px !important;
}



/************************************ media query ***********************/

/* Mobile */
@media (max-width: 991px) and (max-width: 1075px) {

  .section-map {
    display: flex;
    flex-direction: column;
    padding: 0;
  }

  .right-block {
    width: 90%;
    align-items: center;
  }

  .dashboard-svg {
    width: 100%;
  }

  .csb-2 {
    padding: 15px;
    flex-direction: column;
  }

  .csb-2>img {
    width: 100%;
  }

  .csb-text-wrapper {
    height: 100%;
  }

  .csb-1 {
    padding: 15px;
    flex-direction: column;
  }

  .csb-1>img {
    width: 100%;
  }

  .image-card {
    width: 100%;
  }

  .hero-section {
    margin-top: 50px;
  }

  .main-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    position: relative;
  }

  .left-block {
    padding: 0;
    width: 95%;
    flex-direction: row;
  }

  .hero-image {
    height: 100%;
    width: 100%;
    z-index: 2222;
  }

  .underwriter_pl .hero-section {
    margin-top: 50px;
  }

  .underwriter_pl .main-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    position: relative;
  }

  .underwriter_pl .left-block {
    padding: 0;
    width: 95%;
  }

  .underwriter_pl .hero-image {
    height: 100%;
    width: 100%;
    z-index: 2222;
    padding-bottom: 50px;
  }

  .rank_plansec .main-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    position: relative;
  }

  .api_plansec .main-wrapper {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    position: relative;
}



}

@media (max-width: 1024px) {
  .moniter_pl .card-row {
    flex-direction: column;
    align-items: stretch;
  }

  .moniter_pl .main-card,
  .moniter_pl .separate-card {
    flex: unset;
    margin-bottom: 10px;
    width: 100%;
  }

  .underwriter_pl .caption-container {
    flex-direction: column;
  }

  .undertab_imgtab {
    width: 100%;
  }

  .undertab_img {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .right-block.prod_last_width {
    width: 90%;
  }

  .moniter_pl .hero-section {
    margin-top: 0;
  }

  .moniter_pl .main-card .header {
    flex-direction: column;
    gap: 10px;
  }

  .moniter_pl .sub-card-container {
    flex-direction: column;
    width: 100%;
  }

  .moniter_pl .sub-card h5 {
    font-size: 1rem;
  }

  .moniter_pl .sub-card button,
  .moniter_pl .separate-card button {
    padding: 6px 10px;
    font-size: 0.8rem;
  }

  .moniter_pl .page-title {
    font-size: 50px;
  }

  .moni_crd_img {
    width: 70% !important;
  }

  .testimonials_head {
    font-size: 22px;
    padding: 10px
  }

  .moniter_pl .hero-text {
    font-size: 16px;
  }

  .underwriter_pl .hero-section {
    margin-top: 0;
  }

  .underwriter_pl .page-title {
    font-size: 45px;
  }

  .underwriter_pl .hero-text {
    font-size: 16px;
  }

  .underwriter_pl .nav-tabs .nav-link {
    font-size: 16px;
    margin: 0 10px;
  }

  .underwriter_pl .tab-heading {
    font-size: 20px;
  }

  .underwriter_pl .btn {
    padding: 10px;
    font-size: 12px;
  }

  .underwriter_pl .btn_group_inside {
    justify-content: center;
    align-items: center;
  }

  .underwriter_pl .btn_tab_img {
    justify-content: center;
    align-items: center;
  }

  .underwriter_pl .btn-group {
    margin-top: 1.8rem;
  }

  .underwriter_pl .caption-container {
    margin: 10px auto;
    padding: 0;
  }

  .undertab_img_sec {
    width: 80%;
  }


  .api_plansec .hero-section {
    margin-top: 0;
  }

  .api_plansec .page-title {
    font-size: 45px;
  }

  .api_plansec .hero-text {
    font-size: 16px;
  }

  .api_plansec .apicard_mg{
    margin-bottom: 20px;
}


  .code-snippet code,
  .code-snippet pre {
    font-size: 0.675rem;
  }

  .rank_plansec .hero-section {
    margin-top: 0;
  }

  .rank_plansec .testimonial {
    flex-direction: column;
    text-align: center;
    padding: 20px;
  }

  .rank_plansec .testimonial .pic {
    margin-bottom: 20px;
    margin-right: 0;
  }

  .rank_plansec .description {
    margin-left: 0;
  }

  .api_choose {
    flex-direction: column-reverse;
  }
}



/* Ensure only one card is centered on tablet screens */
@media (min-width: 768px) and (max-width: 991px) {

  /* for monitoring */
  .testimonial-card {
    margin-left: auto;
    margin-right: auto;
    /* Center the card */
  }

  .testimonial-text {
    text-align: center;
    /* Center-align text */
  }

  /*end  monitoring */
}


/* Single card per row for screens below 990px */
@media (max-width: 990px) {

  /* monitoring */
  .testimonial-card {
    margin-bottom: 20px;
    text-align: center;
    /* Center-align content for better readability */
  }

  .testimonial-avatar-row {
    flex-direction: column;
  }

  .testimonial-avatar-row img {
    margin-bottom: 15px;
    /* Add spacing between avatar and text */
  }

  .row.g-4>div:nth-child(3) {
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
  }

  /* underwriter */
  .underwriter_pl .button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}