@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
html,
body,
#root,
#root > div {
  width: 100%;
  height: 100%;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Inter", sans-serif;
}

iframe {
  display: none;
}

.kycIframe {
  display: block;
}

.ThreeImageContentWrapper {
  display: flex;
}

.ContentSide {
  position: sticky;
  top: 45px;
  height: max-content;
}
.ThreeImageContent{
  margin: 50px 0px;
}
.ThreeImageContentWrapper .ContentSide{
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
}

.ContentSide .sectionHeading {
  text-align: start;
}

.ContentSide p {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 0.25px;
  color: #64748B;
}

.ContentSide a {
  border: none !important;
  padding: 0px !important;
  margin-top: 48px;
}

.imgSideInner {
  width: 696;
  display: flex;
  flex-direction: column;
  grid-gap: 80px;
  height: '475px';
  overflow: auto;
}

.imgSideInnder img {
  max-width: 100%;
  object-fit: cover;
}
.sticky-content.visible{
  transition: .3s all ease-in-out;
  /* position: sticky; */
  /* top: 100px; */
}

.AboutUsPage .contentBox,
.AboutUsPage .VideoBox {
  max-width: 50%;
}

.AboutUsPage .contentBox {
  max-width: 600px;
}

.AboutUsPage .videoContentWidth {
  max-width: 100%;
}

.AboutUsPage .twoBoxColumn:first-child {
  margin-right: 100px;
}

.AboutUsPage .twoBoxWrapper {
  grid-gap: 0px;
}

.videoBannerContainer {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: 650px;
  margin: 0 auto;
  overflow: hidden;
}

.videoBannerVideo {
  width: 100%;
  height: 100%;
  object-fit: cover;
  clip-path: circle(50% at 50% 0);
  transform: rotate(180deg);
}

.videoBannerContainer.scrolled {
  max-width: 100%;
  transition: .5s all ease-in;
}

.videoBannerContainer.scrolled .videoBannerVideo {
  clip-path: circle(100% at 50% 100%);
  transition: .5s all ease-in;
}
.vertical-progress-container {
  width: 6px; /* Width of the vertical progress bar */
  height: 275px; /* Height of the vertical progress bar */
  background-color: #012275;
  border-radius: 5px;
  position: relative;
  margin-top: '95px';
  margin-right: 30;
}

.vertical-progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #CBD5E1; /* Progress bar color */
  border-radius: 5px;
  transition: height 0.2s ease-in-out; /* Smooth transition */
}

.vertical-progress-value {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  color: #000;
}

.fullElipseVideo {
  width: calc(99vw + 3px);
  height: max-content;
  object-fit: cover;
  position: absolute;
  left: 300px;
  transition: all 0.5s ease-in-out 0s;
}
.ThreeimageContainer{
  width: 100%;
}
.ThreeimageContainer img{
  width: 100%;
}

.AboutUs_Background_circle_right{
  position: absolute;
  width: 268px;
  height: 268px;
  right: -353px;
  background: #2F57A5;
  filter: blur(80px);
  opacity: .4;
  bottom: -49px;
}
.custom-text-field {
  width: 300px; /* Set width */
  margin-bottom: 20px; /* Add spacing */
  /* Add more styles as needed */
 height: '44px';
    border-radius:' 8px';
     padding: '12px 14px 12px 14px';
     border: '1px'
}
.MuiOutlinedInput-inputAdornedEnd {
  padding-right: 0;
  margin-top: 9;
}
@media screen and (max-width: 768px) {
  .columnReverse768 {
    flex-direction: column-reverse !important;
  }

  .AboutUsPage .contentBox,
  .AboutUsPage .VideoBox {
    max-width: 100%;
  }
}

/* FullCalendar custom css*/
.dashboard-calendar .fc-col-header {
  display: none !important;
}
.dashboard-calendar .fc .fc-timegrid-event {
  border: none !important;
}

.dashboard-calendar .fc .fc-timegrid-slot {
  background-color: #fff !important;
}

.dashboard-calendar .fc .fc-timegrid-slot-minor {
  border: 0 !important;
}

.dashboard-calendar .fc-theme-standard td, .dashboard-calendar .fc-theme-standard th {
  border: none !important;
}

.dashboard-calendar .fc-theme-standard td {
  border-top: 1px solid #F0F0F0 !important;
}

.dashboard-calendar .fc-theme-standard .fc-scrollgrid {
  border: none !important;
}

.dashboard-calendar .fc .fc-timegrid-slot-label {
  border: none !important;
}

.dashboard-calendar .fc .fc-scrollgrid-section-liquid > td {
  border: none !important;
}

.dashboard-calendar .fc-direction-ltr .fc-timegrid-slot-label-frame {
  font-family: Inter !important;
  font-size: 14px !important;
  color: #011342 !important;
  text-align: left !important;
}

.dashboard-calendar .fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
  height: 374px !important;
}

.dashboard-calendar .fc .fc-timegrid-slot {
  height: 2em !important;
}

.dashboard-calendar .fc .fc-scroller::-webkit-scrollbar{ 
  display: none;
}

.dashboard-calendar .fc .fc-scroller {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

/* 20-09-204 css start KYC verification screen */
.renotary-checkbox-outer .MuiIconButton-label {
  width: 100%;
  display: block;
  align-items: inherit;
  justify-content: inherit;
  position: relative;
  height: 26px;
  width: auto;
  padding-left: 0;
}
.renotary-checkbox-outer .MuiSvgIcon-root{
  color: #012275;
  width: 26px;
  height: 26px;
}
.renotary-checkbox-outer .MuiSvgIcon-root.Mui-checked{
  color: #012275;
}
.dashboard-calendar .fc .fc-daygrid-event {
  background-color: #1A73E8
}
.dashboard-calendar .fc .fc-daygrid-event.renotary-meeting {
  background-color: #012275
}