* {
  padding: 0;
  margin: 0;
}

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

body {
  background-color: var(--primary);
  font-family: var(--plus-jakarta) !important;
  /* cursor: none !important; */
}

@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Georgia&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Tahoma&display=swap");

:root {
  --plus-jakarta: "Plus Jakarta Sans", sans-serif;
  --primary: rgba(255, 251, 245, 1);
  --secondary: rgba(255, 243, 225, 1);
  --primaryTextColor: rgba(25, 0, 65, 1);
  --secondaryTextColor: rgba(52, 54, 68, 1);
  /* ------ */
  --bkcolorHome: rgba(255, 255, 255, 0.01);
  --white: rgba(255, 255, 255, 1);
  --btnborder: rgba(70, 70, 124, 1);
  --activeSlide: rgba(223, 223, 254, 1);
  --teambackground: rgba(250, 248, 247, 1);
  --about-us-text: rgba(70, 70, 124, 1);
  --TextColorAll: rgba(25, 0, 65, 1);
  --about-us-box-color: rgba(223, 223, 254, 1);
  --activeSlide: rgba(223, 223, 254, 1);
  --AnimationHeading: rgba(39, 55, 32, 1);
  --admintextColor: rgba(28, 28, 28, 1);
  --adminHeadingColor: rgba(0, 0, 0, 0.4);
  --admin-bk-odd: rgba(250, 250, 250, 1);
  --admin-bk-even: rgba(255, 255, 255, 1);
}

.cursor-outline {
  height: 20px;
  width: 20px;
  position: absolute;
  border-radius: 50%;
  z-index: 1001;
  border: 2px solid var(--TextColorAll);
}

.bkcolor {
  background-color: var(--bkcolorHome);
}

.PrimarytextColor {
  color: var(--primaryTextColor);
}

.primary {
  background-color: var(--primary);
}

.secondary {
  background-color: var(--secondary) !important;
}

.bkcolorAboutus {
  background-color: var(--bkcolorAboutus);
}

.teambackground {
  background-color: var(--teambackground);
}

.Inter {
  font-family: var(--inter);
}

.Tahoma {
  font-family: var(--tahoma);
}

.PlusJakarta {
  font-family: var(--plus-jakarta);
}

.Georgia {
  font-family: var(--georgia);
}

.flex-dr-row {
  display: flex;
  flex-direction: row;
}

.activeSlide {
  background-color: var(--activeSlide) !important;
}

.flex-dr-Column {
  display: flex;
  flex-direction: column;
}

.jcsa {
  justify-content: space-around;
}

.jcsb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.jcse {
  justify-content: space-evenly;
}

.alignItemCenter {
  align-items: center;
}

.line-height2rem {
  line-height: 2rem;
}

.font11px {
  font-size: 11px;
}

.font12px {
  font-size: 12px;
}

.font13px {
  font-size: 13px;
}

.font14px {
  font-size: 14px;
}

.font15px {
  font-size: 15px;
}

.font16px {
  font-size: 16px;
}

.font18px {
  font-size: 18px;
}

.font19px {
  font-size: 19px;
}

.font20px {
  font-size: 20px;
}

.font24px {
  font-size: 24px;
}

.font25px {
  font-size: 25px;
}

.font30px {
  font-size: 30px;
}

.font32px {
  font-size: 32px;
}

.font36px {
  font-size: 36px;
}

.font40px {
  font-size: 40px;
}

.font48px {
  font-size: 48px;
}

.font76px {
  font-size: 76px;
}

.font77px {
  font-size: 77px;
}

.font72px {
  font-size: 72px;
}

.fw400 {
  font-weight: 400;
}

.fw500 {
  font-weight: 500;
}

.fw600 {
  font-weight: 600;
}

.fw700 {
  font-weight: 700;
}

.fw800 {
  font-weight: 800;
}

.testing {
  background-color: yellow;
  color: black;
}

.mrtop6px {
  margin-top: 6px;
}

.button {
  width: 100%;
  height: 55px;
  padding: 15px 36px;
  background-color: var(--activeSlide);
  font-size: 16px;
  border: none;
  border-radius: 6px;
  font-weight: 700;
  line-height: 23px;
  cursor: pointer;
}

.button:hover {
  background-color: rgb(19, 19, 97);
}

.buttonSmall {
  width: 125px;
  height: 40px;
  border-radius: 6px;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  color: #ffffff;
  background-color: rgba(72, 125, 231, 1);
  border: 1px solid #dfdffe;
}

.buttonSmall:hover {
  transition: 0.4s;
  background-color: rgb(19, 19, 97);
}

.width40per {
  width: 40%;
}

.width20per {
  width: 20%;
}

.width19per {
  width: 19%;
}

.width60per {
  width: 60%;
}

.width50per {
  width: 50%;
}

.width70per {
  width: 50%;
}

.width80per {
  width: 80%;
}

.width87per {
  width: 87%;
}

.mrtop20per {
  margin-top: 20%;
}

.atag {
  text-decoration: none;
  position: relative;
  overflow: hidden;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--bkcolorHome);
}

.Atag2 {
  /* text-decoration: none; */
  color: rgba(255, 163, 26, 1);

}

.text-align-justify {
  text-align: justify;
}

.mrinline1rem {
  margin-inline: 1rem;
}

.atagActive {
  text-decoration: none;
  color: var(--btnborder) !important;
  padding-bottom: 2px;
  border-bottom: 2px solid var(--btnborder);
  height: fit-content;
}

.atag::after {
  content: "";
  position: absolute;
  color: var(--btnborder);
  bottom: -1px;
  left: 0;
  width: 0;
  height: 2px;
  background-color: var(--btnborder);
  transition: width 0.5s;
  z-index: 2;
}

.atag:hover {
  color: var(--btnborder);
}

.atag:hover::after {
  width: 100%;
  color: var(--btnborder);
}

.mrtop {
  margin-top: 20px;
}

.mrtop15px {
  margin-top: 15px;
}

.mrtop2per {
  margin-top: 2%;
}

.mrtop3per {
  margin-top: 3%;
}

.mrtop5per {
  margin-top: 5%;
}

.mrtop6per {
  margin-top: 6%;
}

.mrtop7per {
  margin-top: 7%;
}

.mrtop10per {
  margin-top: 10%;
}

.mrleft20px {
  margin-left: 20px;
}

.mrbottom10per {
  margin-bottom: 10%;
}

.mrbottom3per {
  margin-bottom: 3%;
}

.pdbottom4px {
  padding-bottom: 4px;
}

.pdbottom10px {
  /* padding-bottom: 10px !important; */
}

.pdbottom4per {
  padding-bottom: 4%;
}

.pdfortopbottom7per {
  padding: 7% 0%;
}

.pd-top6per {
  padding-top: 6%;
}

.pd-top4per {
  padding-top: 4%;
}

.mrbottom20per {
  margin-bottom: 20%;
}

.gap6px {
  gap: 6px;
}

.gap8px {
  gap: 8px;
}

.gap3per {
  gap: 3%;
}

.gap10per {
  gap: 10%;
}

.gap20per {
  gap: 20%;
}

.gap47per {
  gap: 47%;
}

.width19per {
  width: 19%;
}

.wd30per {
  width: 30%;
}

.wd35per {
  width: 35%;
}

.wd40per {
  width: 40%;
}

.wd48per {
  width: 48%;
}

.width57per {
  width: 57%;
}

.wd91per {
  width: 91%;
}

.wd95_5per {
  width: calc(100% - 22px);
}

.wd100per {
  width: 100%;
}

.opacity05 {
  opacity: 0.5;
  background-color: transparent #ffffff !important;
}

.cp {
  cursor: pointer;
}

.HomePage {
  background-color: transparent;
}

.FirstBlock {
  height: 537px;
  display: flex;
  flex-direction: row;
  font-size: 19px;
  padding: 5% 0% 0% 1%;
  background-color: #f7f7ff;
  justify-content: space-between;
}

.IntroText {
  margin-left: 21px;
  margin-right: 0%;
  display: flex;
  flex-direction: column;
  color: var(--about-us-text);
  text-wrap: wrap;
  gap: 7%;
  width: 40%;
}

.IntroTextImg {
  width: 40%;
  display: flex;
  justify-content: flex-end;
}

.FirstHeader {
  font-weight: 400;
  font-size: 62px;
  padding-bottom: 2%;
}

.ContactUsBtn2 {
  width: 7rem;
  height: 3rem;
  font-weight: 600;
  border-radius: 6px;
  color: #46467c;
  background-color: #c3c3f7;
  border: 1px solid #dfdffe;
  cursor: pointer;
}

.ContactUsBtn2:hover {
  transition: 0.4s;
  color: rgb(151, 104, 111);
  background-color: rgb(241, 209, 214);
  border: 1px solid rgb(255, 234, 237);
}

.FirstBlockImgContainer {
  position: relative;
  width: 50%;
}

.img1 {
  position: absolute;
  z-index: 2;
  top: 83px;
}

.img2 {
  position: absolute;
  z-index: 1;
  top: 293px;
  right: 22rem;
}

.img3 {
  position: absolute;
  z-index: 1;
  margin-top: 8%;
  right: 33%;
  /* background-color: #f7f7ff; */
}

.wid100peroverflowhidden {
  width: 100%;
  overflow: hidden;
}

.m-auto {
  margin: 0px auto;
}

.inputClass {
  height: 2rem;
  width: calc(100% - 1.2rem);
  padding: 3px 10px;

  font-size: 18px;
  display: inline-block;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(224, 224, 224, 1);
}

.inputClassTextarea {
  width: calc(100% - 1.2rem);
  padding: 3px 10px;
  font-size: 18px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(224, 224, 224, 1);
}

.inputClassPhone {
  height: 2rem;
  padding: 3px 10px;
  width: calc(100% - 1.2rem);

  font-size: 18px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(224, 224, 224, 1);
}

.formHeadings {
  font-family: var(--plus-jakarta);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
  color: rgba(52, 64, 84, 1);
  margin-bottom: 6px;
}

.mrtop4per {
  margin-top: 4%;
}

.mrtop1per {
  margin-top: 1%;
}

.checkboxCss {
  height: 20px;
  width: 20px;
  /* background-color: rgba(255, 255, 255, 1); */
  border: 1px solid rgba(208, 213, 221, 1);

  border-radius: 6px;
}

.privacyCss {
  font-size: 16px;
  font-weight: 400;
  color: rgba(102, 112, 133, 1);
  border-bottom: 1px solid #2f2e2e;
}

.redborder {
  border: 1px solid red;
}

.border-right {

  border: 0.8px solid rgba(25, 0, 65, 0.12);
  margin-left: 1rem;
}

.toast-position {
  display: flex;
  float: right;
}

.animation-contaier {
  width: 100%;
  overflow: hidden;

}

.contact-text-clr{
  color: #ffffff;

}
.mrbtm1rem{
  margin-bottom: 1rem;
}