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

.pd-20 {
  padding: 20px 0px !important;
}

.typewriter h1 {
  /* overflow: hidden; */
  /* border-right: 0.15em solid red; */
  /* white-space: nowrap; */
  /* margin: 0; */
  /* width: 0; */
  /* letter-spacing: .15em;  */
  /* animation: typing 3.5s steps(30, end), blink-caret 0.75s step-end infinite; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
  /* font-family: "League Spartan", sans-serif !important; */
}

p {
  /* font-family: "Poppins", sans-serif; */
}

.textImageSectionOutter {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  /* padding: 0 10px 0 10px; */
}

.headingemp {
  font-weight: 500;
  font-size: 36px !important;
  line-height: 36px;
  /* font-family: "League Spartan", sans-serif !important; */
}

.subheadingemp {
  font-weight: 500;
  font-size: 22px !important;
  line-height: 32px;
  padding-bottom: 20px;
  /* font-family: "League Spartan", sans-serif !important; */
}

/* blogs page */

.blogbanner img {
  width: 1040px;
  height: 500px;
}

.wd-100 {
  width: 100% !important;
}

/* / The typing effect / */
@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

/* / The typewriter cursor effect / */
@keyframes blink-caret {

  from,
  to {
    border-color: transparent;
  }

  50% {
    border-color: red;
  }
}

/*  */

/* The typing effect */
@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.typewriter h1 {
  /* overflow: hidden; */
  /* border-right: 0.15em solid red; */
  /* white-space: nowrap; */
  margin: 0;
  /* display: inline-block; */
  font-weight: 400;
  font-size: 36px;
  /* Make sure the width adjustment works */
  /* width: 0; */
  padding-top: 10px;
  /* Start with width 0 */
  /* transition: width 0.15s; Smooth transition for width change */
  /* animation: blink-caret 0.55s step-end infinite; */
}

.typewriter {
  z-index: 2;
  opacity: 1;
}

/* The typewriter cursor effect */
@keyframes blink-caret {

  from,
  to {
    border-color: transparent;
  }

  50% {
    border-color: red;
  }
}

.sub-title {
  position: relative;
  margin: 0px 0px 0px 0px;
}

.sub-title h2 {
  font-size: 44px;
  line-height: 54px;
  /* font-family: "League Spartan", sans-serif !important; */
  color: #2d2d2d;
  font-weight: 500;
  /* width: 615px; */
  margin: auto;
  margin-bottom: 25px;
}

.subTitleArea h2 {
  font-size: 44px !important;
  line-height: 54px !important;
  /* font-family: "League Spartan", sans-serif !important; */
  color: #ffffff;
  font-weight: 500;
  width: 100%;
  margin: auto;
  margin-bottom: 25px;
  text-align: center;
}

.subTitleArea p {
  /* font-family: "Poppins", sans-serif; */
  font-weight: 400;
  font-size: 16px;
  margin: auto;
  line-height: 26px;
  width: 100%;
  text-align: center;
  color: #ffffff;
  margin-bottom: 50px;
  align-self: center;
}

.sub-title h3 {
  font-size: 36px;
  line-height: 36px;
  /* font-family: "League Spartan", sans-serif !important; */
  color: #000;
  font-weight: 500;
  width: 590px;
  margin: auto;
  text-align: center;
  margin-bottom: 25px;
}

.sub-title p {
  /* font-family: "Poppins", sans-serif; */
  font-weight: 400;
  font-size: 16px;
  margin: auto;
  line-height: 26px;
  width: 100%;
  text-align: center;
  color: #111;
  margin-bottom: 50px;
  align-self: center;
}

.highlighter {

  background: -webkit-linear-gradient(#0594d1,
      #1e2d58);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-repeat: no-repeat;
  background-size: contain;
  white-space: nowrap;
  color: #ffffff;
  font-weight: 600;
  /* padding: 13px 30px; */
}

.highlighter3 {
  background-image: url(../images/3h.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  white-space: nowrap;
  color: white;
  width: 100px !important;
  padding: 10px 30px 10px 75px;
}



.tp-mask2 {
  z-index: 0;
  position: absolute;
  opacity: 0;
  transform: scale(0.1);
  transform: translate3d(0px, 0px, 0px);
  transform-origin: 50% 50% 0px;
  /* background-color: #f9cfcf; */
  background-color: #003456 !important;
  border-radius: 50%;
  width: 350px;
  height: 350px;
  animation: entrance 0.6s ease-out forwards;
  /* Add entrance animation */
  animation-delay: 0.8s;
  /* animation: beat 1s infinite; */
}

.tp-mask11 {
  z-index: 0;
  position: absolute;
  opacity: 9 !important;
  transform: scale(0.1);
  transform-origin: 50% 50% 0px;
  /* background-color: #ffffff; */
  border-radius: 50% !important;
  width: 460px;
  height: 460px;
  animation: entrance 0.8s ease-out forwards;
  animation-delay: 1s;
}

.rightareainnner {
  width: 100% !important;
  align-items: center !important;

  /* color: white !important; */
}

.rightareainnner h1 {
  text-align: center;
  /* font-family: "League Spartan", sans-serif; */
  margin: 0;
  font-weight: 600;
  color: white;
  font-size: 44px !important;
  line-height: 54px;
  margin-bottom: 10px;
  width: 100%;
}

.banner-button {
  /* background-image: linear-gradient(to right,#f7693c,#c74e45,#7d3785,#582d9f,#3928af,#582d9f,#7d3785,#c74e45,#f7693c); */
  /* background-image: linear-gradient(to right, #d52926 0%, #c96363 51%, #fff 100%);
  background-image: linear-gradient(to left, #d52926 0%, #ffa8a8f0 51%, #fff2f2 100%); */
  border: none;
}

.banner-button:hover {
  /* background-image: linear-gradient(to right,#f7693c,#c74e45,#7d3785,#582d9f,#3928af,#582d9f,#7d3785,#c74e45,#f7693c); */
  /* background-image: linear-gradient(to right, #d52926 0%, #c96363 51%, #fff 100%);
  background-image: linear-gradient(to right, #d52926 0%, #ffa8a8f0 51%, #fff2f2 100%); */
  border: none;
}

.banhead {
  color: #fff;
  text-align: left;
  margin-bottom: 12px !important;
}

.breadcrumb {
  align-self: center !important;
  margin: auto;
}

@keyframes bouncez {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-10px);
  }

  60% {
    transform: translateY(-5px);
  }
}

@keyframes beat {

  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.02);
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeDown {
  0% {
    opacity: 0;
    transform: translateY(-40px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes entrance {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }

  80% {
    opacity: 0.3;
    transform: scale(1.05);
  }

  100% {
    opacity: 0.3;
    transform: scale(1);
  }
}

@media (min-width: 1366px) {
  .buttonz {
    position: relative;
    top: 30%;
    /* left: -3%; */
    /* height: 60px; */
    width: 185px;
    /* / background: aquamarine; / */
    font-size: 16px;
    color: #136295;
    display: flex;
    justify-content: left;
    align-items: center;
    /* padding: 0 20px; */
  }

  .imageSection {
    width: 55%;
    box-sizing: border-box;
    height: 360px;
    object-fit: cover;
    display: block;
  }



  /* .buttonz:before {
    content: "";
    width: 25px;
    height: 2px;
    background: #136295;
    position: absolute;
    top: 41%;
    margin-top: 1.5px;
    right: 24px;
    transition: all 0.3s ease;
  } */
}

.banner-button {
  opacity: 0;
  /* Initially hidden */
  transform: translateY(20px);
  /* Initially slightly below */
  animation: fadeUp 0.6s ease-out forwards;
  animation-delay: 1s;
}

.buttonz:hover:before {
  right: 15px;
  width: 22px;
}

/* .buttonz:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-color: transparent transparent transparent #136295;
  position: absolute;

  right: 20px;
  transition: all 0.3s ease;
  margin-top: 1px;
} */

.buttonz:hover:after {
  right: 34px;
  right: 10px;
}

.imageSection {
  width: 50%;
  display: flex;
  height: 100%;
  /* justify-content: center; */
  box-sizing: border-box;
  /* / Include padding and border in the total width / */
}

.imageSection img {
  width: 96%;
  border-radius: 20px;
  padding: 10px;
  object-fit: cover;
  /* box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.058); */
}

.h1ban {
  opacity: 0;
  animation: fadeDown 0.6s ease-out forwards !important;
  animation-delay: 1s !important;
  color: white !important;
}

.pban {
  opacity: 0;
  /* transform: translateY(20px); */
  animation: fadeUp 0.5s ease-out forwards;
  animation-delay: 1s;
}

.secbot {
  margin-bottom: 30px;
}

.dash {
  margin-top: 0px;
  display: flex;
  flex-direction: row;
  width: 1090px;
  padding: 10px 0;
}

.mgt-100 {
  margin-top: 50px;
}

.disflex {
  display: flex;
}

@media (min-width: 1024px) and (max-width: 1366px) {
  .tabcontext {
    width: 50%;
  }

  .tabconimg {
    width: 50%;
  }

  .buttonz {
    position: relative;
    top: 30%;
    /* left: -3%; */
    /* height: 60px; */
    width: 165px;
    /* / background: aquamarine; / */
    font-size: 16px;
    color: #ce6e6e;
    display: flex;
    justify-content: left;
    align-items: center;
    /* padding: 0 20px; */
  }

  .its {
    padding: 10px 70px 10px 115px !important;
    margin-left: -34px !important;
    margin-right: -60px !important;
    margin-left: -100px !important;
  }

  .pro {
    margin-left: -50px;
    margin-right: -30px;
  }
}

.pro {
  margin-left: -50px;
  margin-right: -30px;
}

.rightArea p {
  font-size: 16px;
  color: #4a4747;
  line-height: 23px;
  /* width: 300px; */
  font-weight: 300;
  /* margin-bottom: 30px; */
}

.its {
  padding: 10px 70px 10px 115px !important;
  margin-left: -34px !important;
  margin-right: -60px !important;
  margin-left: -100px !important;
}

.circle-main-proc-process-emp {
  width: 50px;
  display: flex;
  justify-content: end;
  align-items: end;
}

.circle-wrap-proc-process-emp {
  width: 50px;
  height: 50px;
  background: #fdf1f1;
  border-radius: 50%;
}

.circle-wrap-proc-process-emp .circle-proc-process-emp .mask-proc-process-emp,
.circle-wrap-proc-process-emp .circle-proc-process-emp .fill-1-proc-process-emp,
.circle-wrap-proc-process-emp .circle-proc-process-emp .fill-2-proc-process-emp,
.circle-wrap-proc-process-emp .circle-proc-process-emp .fill-3-proc-process-emp {
  width: 50px;
  height: 50px;
  position: absolute;
  border-radius: 50%;
}

.circle-wrap-proc-process-emp .circle-proc-process-emp .mask-proc-process-emp {
  clip: rect(0px, 50px, 50px, 25px);
}

.circle-wrap-proc-process-emp .inside-circle-proc-process-emp {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  /* background: #fdf1f1; */
  background: #cdefff;
  line-height: 34px;
  text-align: center;
  margin-top: 5px;
  margin-left: 5px;
  /* color: #c96363; */
  color: #136295;
  position: absolute;
  /* z-index: 100; */
  font-weight: 700;
  font-size: 1.2em;
}

/* / color animation /  */
.mask-proc-process-emp .fill-1-proc-process-emp {
  clip: rect(0px, 25px, 50px, 0px);
  /* background-color: #c96363; */
  background-color: #136295;
}

.mask-proc-process-emp.full-1-proc-process-emp,
.circle-proc-process-emp .fill-1-proc-process-emp {
  animation: fill-1-proc-process-emp ease-in-out 3s;
  transform: rotate(153deg);
}

@keyframes fill-1-proc-process-emp {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(153deg);
  }
}

@keyframes slides {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

.container-proc-process-emp {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  row-gap: 20px;
}

.container-jsp {
  justify-content: center !important;
}

.all-proc-process-emp {
  display: flex;
  /*flex-wrap: wrap;*/
  /* / justify-content: center; /
  / align-items: center; / */
  width: 33%;
  height: 180px;
  padding: 30px;
  /* background-color: #fdf1f1; */
  box-shadow: 20px 20px 40px 40px rgba(0, 0, 0, 0.04);
  /* background-color: #bce9ffbd; */
  border-radius: 30px;
}

.text-main-proc-process-emp {
  /*border: 2px solid black; */
  width: 270px;
  margin-right: 20px;
}

.heading-proc-process-emp {
  /* font-family: nunito; */
  /* color: #136295; */
  color: #000000;
  font-size: 23px;
  line-height: 25px;
  font-weight: 800;
  margin-top: -10px;
  padding: 0px;
}

.description-proc-process-emp {
  /* font-family: "Poppins", sans-serif; */
  font-size: 13px;
  color: rgb(59, 58, 58);
  line-height: 16px;
  color: #787276;
}

.mgt {
  margin-top: 70px;
}

.itg {
  margin-right: -59px;
  padding: 10px 79px 10px 115px;
  margin: auto !important;
}

.off {
  margin-right: -45px;
  margin-left: -60px;
  padding: 10px 62px 10px 80px;
}

.hightorg {
  height: 100% !important;
}

.imgContentz:hover {
  /* background-color: #df6363; */
  /* Change this to your desired background color */
  /* color: white; */
  /* Change this to your desired text color */
  transition: background-color 0.3s ease-in-out;
}

.imgContentz:hover img,
.imgContentz:hover .testr {
  animation: float 0.6s ease-in-out infinite alternate;
}

.proimgContentz:hover {
  /* background-color: #df6363; */
  background: linear-gradient(45deg, #1e2d56, #0c83be);
  /* Change this to your desired background color */
  color: white;
  /* Change this to your desired text color */
  transition: background-color 0.3s ease-in-out;
}

.proimgContentz:hover img,
.proimgContentz:hover .protestr {
  animation: float 0.6s ease-in-out infinite alternate;
}

.proimgContentz:hover .protestr p,
.proimgContentz:hover .protestr span {
  color: white;
  /* Change this to your desired text color */
}

.proimgContentz:hover .protestr {
  /* filter: blur(0); */
}

.protestr {
  /* filter: blur(1.5px); */
}

.proimgContentz:hover .expan {
  background-color: white !important;
  width: 120px !important;
  transition: 0.3s;
}

.proimgContentz:hover .bord {
  background-color: white !important;
}

.imgContentz:hover .testr p,
.imgContentz:hover .testr span {
  /* color: white; */
  /* Change this to your desired text color */
}

@keyframes float {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-10px);
  }
}

.svgem path {
  /* filter: grayscale(100%);
  -webkit-filter: grayscale(100%); */
  /* filter: invert(100%) brightness(200%);
  filter: invert(1) brightness(2); */
  fill: white;
}

.leftAreaImg {
  width: 100%;
  margin: auto;
  display: flex;
  /* height: 371px; */
  justify-content: flex-end;
  margin-right: 40px;
}

.leftAreaImg img {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

.integ {
  /* height: 200px;
  width: 200px; */
  height: 80px;
  width: 200px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.058);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #90aec245;
  border-radius: 100px;
  padding: 10px;
  background-color: #fff;
}

.integ img {
  max-width: 100%;
  max-height: 100%;
}

.integ:hover {
  transform: scale(1.07);
  transition-duration: 0.2s;
}

.offpart {
  height: 100px;
  width: 100px;
  box-shadow: 0px 20px 40px 0px rgba(0, 0, 0, 0.058);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 150px;
}

.offpart:hover {
  transform: scale(1.07);
  transition-duration: 0.2s;
}

.offpart img {
  height: 50px;
}

.intsec {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.offsec {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  /* height: 150px; */
  width: 220px;
  text-align: center;
  row-gap: 10px;
}

.pd-70 {
  padding-top: 30px !important;
}

.pd-100 {
  padding-top: 30px !important;
}

.wdl {
  width: 1116px;
}

.slick-prev:before,
.slick-next:before {
  font-size: 30px !important;
}

.slick-prev:before {
  margin-left: 77vw;
  margin-left: 1050px;
}

button.slick-prev .slick-arrow {
  margin-top: -210px;
}

.slick-prev,
.slick-next {
  top: -22% !important;
}

.xyzSliderz .slick-prev,
.slick-next {
  top: 0% !important;
}

/* style css section */

.threeholder {
  position: relative;
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
  width: 100%;
  /* height: 350px; */
  margin-left: auto;
  margin-right: auto;
}

.threeone {
  display: inline-block;
  width: 29%;
  height: 100%;
  /* background: transparent; */
  background: linear-gradient(45deg, #0594d1, #1e2d58) !important;
  border-bottom: 2px solid #ffffff;
  text-align: center;
  transition: all 0.25s;
  border-radius: 20px;
  padding: 20px;
}

.threetwo {
  display: inline-block;
  width: 27%;
  height: 100%;
  margin: 0 75px;
  background: transparent;
  border-bottom: 2px solid #c96363;
  transition: all 0.25s;
  border-radius: 20px;
}

.threethree {
  display: inline-block;
  width: 27%;
  height: 100%;
  background: transparent;
  border-bottom: 2px solid #c96363;
  transition: all 0.25s;
  border-radius: 20px;
}

.threeone:hover {
  /* background: #c96363; */
  background: linear-gradient(45deg, #1e2d58, #0594d1) !important;
  /* background: #ff7e7e; */
}

.threeone:hover .circlepic {
  background: white;
}

.threeone:hover .circleborder {
  background: #fff;
}

.threeone:hover svg {
  fill: #ffffff;
}

.circleborder svg {
  fill: white;
}

.threeholder h4 {
  /* width: 200px; */
  text-align: center;
  font-size: 22px;
  line-height: 32px;
  /* font-family: "League Spartan", sans-serif !important; */
  /* margin-left: -55px; */
  font-weight: bold;
  margin-top: 20px;
  text-align: center;
  color: rgb(255, 255, 255);
}

.threeholder p {
  display: inline-block;
  /* width: 200px; */
  /* text-align: center; */
  text-align: center;
  /* margin-left: -55px; */
  margin-top: 5px;
  font-size: 16px;
  line-height: 26px;
  color: #ffffff;
  /* letter-spacing: 1px; */
}

.threeone:hover h4 {
  color: white;
}

.threetwo:hover h4 {
  color: white;
}

.threethree:hover h4 {
  color: white;
}

.threeone:hover p {
  color: white;
}

/* .expan {
  background: white !important;
} */

.threetwo:hover p {
  color: white;
}

.threethree:hover p {
  color: white;
}

.threeone:hover svg,
.threetwo:hover svg,
.threethree:hover svg {
  transition: all 0.65s;
  transform: rotateY(360deg);
}

.threeone:hover img,
.threetwo:hover img,
.threethree:hover img {
  transition: all 0.65s;
  transform: rotateY(360deg);
}

.threetwo:hover {
  background: #ff9a9a;
}

.threetwo:hover .circleborder {
  background: white;
}

.threetwo:hover svg {
  fill: #c96363;
}

.threethree:hover {
  background: #ff9a9a;
}

.threethree:hover .circleborder {
  background: white;
}

.threethree:hover svg {
  fill: #c96363;
}

.circleborder {
  /* position: absolute; */
  top: 25px;
  width: 100px;
  height: 100px;
  background: #ffffff;
  /* margin-left: 83px; */
  border-radius: 10px;
  margin: 20px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .circlepic {
  position: absolute;
  top: -10px;
  margin-top: 30px;
  width: 110px;
  height: 110px;
  background: #ff9a9a;
  margin-left: 78.33333px;
  border-radius: 50%;
} */

.bord {
  width: 60px;
  background-color: #ffffff;
  height: 5px;
  margin: 0 10px;
  border-radius: 20px;
}

.bordsec {
  margin-bottom: 30px;
  margin-top: -35px;
  display: flex;
  justify-content: center;
  width: 88%;
}

/* style css section */

.em-subdiv {
  background-color: white !important;
  width: 32%;
  height: auto;
  border-radius: 20px 20px 20px 20px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.058);
  border-bottom: none;
  padding: 20px;
  /* opacity: 0.5; */
  /* color: #9e9d9a; */
}

.em_hide {
  width: 100% !important;
  text-align: center !important;
  line-height: 26px !important;
}

.em-subdiv-head {
  padding-right: 0px !important;
  margin-bottom: 10px;
  /* font-family: "League Spartan", sans-serif !important; */
  font-size: 22px !important;
  line-height: 32px !important;
  color: #000;
  text-align: center;
  font-weight: 500;
}

.em-subsection {
  width: 100%;
  /* height: 100%; */
  display: flex !important;
  justify-content: center !important;
  margin-bottom: 40px !important;
  column-gap: 2% !important;
  flex-wrap: wrap !important;
  row-gap: 20px;
}

.head-div {
  /* border-right: solid 1px #cbb7b778 !important; */
}

.head-div img {
  margin: 0px;
  /* filter: hue-rotate(227deg); */
  margin-bottom: 20px !important;
}

.whyelite .row {
  /* display: flex; */
  justify-content: space-between;
  align-items: anchor-center;
}

.row.row-cols-1.whyinner {
  background-color: #fff2f2;
  padding: 24px;
  border: 4px solid #fff;
  border-radius: 20px;
  box-shadow: 10px 0px #d52828;
}

.whyhead {
  text-align: left !important;
}

.whydes {
  width: 400px;
  margin-left: 0 !important;
  margin-bottom: 0 !important;
}

.whybullt {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* margin-top: 100px; */
  /* padding-top: 95px; */
}

.whyinner {
  width: 530px;
}

.pd-0 {
  padding-bottom: 0 !important;
}

/* about */

.btn-whatsapp-pulse-border {
  bottom: 70px;
  left: inherit;
  animation-play-state: paused;
}

.btn-whatsapp-pulse {
  background: #25d366;
  color: white;
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 0;
  height: 0;
  padding: 35px;
  text-decoration: none;
  border-radius: 50%;
  animation-name: pulse;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  z-index: 999;
}

.btn-whatsapp-pulse-border::before {
  content: "";
  position: absolute;
  border-radius: 50%;
  padding: 25px;
  border: 5px solid #25d366;
  opacity: 0.75;
  animation-name: pulse-border;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
}

.whtsapIcon li img {
  width: 40px;
}

.threeBoxArea h3 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  text-align: center;
}

.ourJourneyText h3 {
  font-size: 44px !important;
  line-height: 54px !important;
  color: #2d2d2d;
  font-weight: 500;
  width: 637px;
  margin: auto;
  margin-bottom: 20px;
}

.ourJourneyText p {
  /* font-family: "Poppins", sans-serif; */
  font-weight: 400;
  font-size: 16px;
  margin: auto;
  line-height: 26px;
  width: 100% !important;
  text-align: left;
  /* color: #4a4747; */
  margin-bottom: 0px;
}

.about__right-inner {
  position: relative;
  /* padding: 130px 10px; */
}

.fourImgSection {
  padding: 50px 0 50px;
  position: relative;
}

.about__right-inner h2 {
  font-size: 22px;
  font-weight: 600;
  color: #d52828;
  margin-bottom: 10px;
}

.about__right-inner p {
  font-size: 16px;
  /* font-weight: 500; */
  line-height: 26px;
  margin-bottom: 0;
  /* color: #4a4747; */
}

.about__left img {
  width: 600px;
}

.counter__area-2 {
  position: relative;
  /* background-image: url(../images/overlay-2.webp); */
  background: linear-gradient(45deg, #0594d1, #1e2d58);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 120px 0;
}

.counter__area-2 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.counter__area-2 .shape-1 {
  position: absolute;
  top: 0;
  left: 25%;
  animation: 5s infinite linear;
}

.counter__area-2 .shape-2 {
  position: absolute;
  bottom: 10px;
  left: 60%;
  animation: 5s infinite linear;
}

.counter__area-2 .shape-3 {
  position: absolute;
  left: 35%;
  top: 50%;
  animation: 5s infinite linear;
}

.counter__area-2 .shape-4 {
  position: absolute;
  left: 80%;
  top: 20%;
  animation: 5s infinite linear;
}

.counter-box-about {
  position: relative;
  text-align: center;
  padding: 0px;
  border-radius: 20px;
  margin: 1px;
}

.counter-box-about .d__flex,
.counter-box-about1 .d__flex {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.counter-box-about .d__flex .number,
.counter-box-about1 .d__flex .number {
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 0px;
  color: #ffffff;
  margin-top: 10px;
  line-height: 30px;
}

.counter-box-about .d__flex i,
.counter-box-about1 .d__flex i {
  margin-left: 5px;
  color: #ffffff;
  font-size: 27px;
  position: relative;
  top: 10px;
}

.counter-box-about p,
.counter-box-about1 p {
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  margin-top: 25px;
}

.counter-box-about::after {
  content: "";
  position: absolute;
  bottom: 0px;
  right: -15px;
  height: 85px;
  width: 2px;
  background-color: #ffffffb6;
}

.counter-box-about1 {
  position: relative;
  text-align: center;
  padding: 0px;
  border-radius: 20px;
  margin: 1px;
}

.about__right-inner .second-para {
  color: #d52828;
  font-weight: 500;
  margin-top: 20px;
}

.visionMission {
  padding: 45px 0 30px;
  background-image: url(../images/inspiration-geometry.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.visionMissionText {
  padding: 50px 0;
}

.visionMissionText h3 {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  /* padding-bottom: 15px; */
  margin-bottom: 20px;
  /* color: #2d2d2d; */
}

.visionMissionText p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 35px;
  /* color: #4a4747; */
}

.vision-mission-img img {
  width: 600px;
  border-radius: 10px;
}

.top-minus-25px {
  top: -25px;
}

.bottom-minus-20px {
  bottom: -20px;
}

.right-15px {
  right: 60px;
}

.dashtxt {
  width: 500px !important;
}

.img-1 {
  width: 555px;
  border-radius: 10px;
}

.img-2 {
  width: 345px;
  border-radius: 10px;
}

.bg-very-light-gray {
  padding: 30px 0px;
  width: 100%;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.process-step-style-05 .process-step-item {
  display: flex;
  position: relative;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: flex-start;
  text-align: left;
  margin-left: 20px;
}

.hover-box * {
  -webkit-transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.5s cubic-bezier(0.5, 1, 0.89, 1);
  will-change: transform;
}

.process-step-style-05 .process-step-icon {
  will-change: transform;
  -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
}

.process-step-style-05 .process-step-icon {
  will-change: transform;
  -webkit-transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
  transition: all 350ms cubic-bezier(0.165, 0.84, 0.44, 1.7);
}

.h-60px {
  height: 60px !important;
}

.w-60px {
  width: 60px !important;
}

.box-shadow-bottom {
  -webkit-box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.05);
}

.fs-14 {
  font-size: 14px;
}

.rounded-circle {
  border-radius: 50% !important;
}

.will-change-transform * {
  will-change: transform;
}

.box-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);
  transition: all 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.process-step-style-05 .progress-step-separator {
  bottom: -10px;
  height: 100%;
  z-index: -1;
}

.process-step-style-05 .progress-step-separator {
  position: absolute;
  /* bottom: 15px; */
  width: 1px;
  left: 50%;
  /* height: calc(100% - 100px); */
}

.opacity-1 {
  opacity: 0.1;
}

.process-step-style-05 .process-content {
  overflow: hidden;
  flex: 1;
  max-width: 100%;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.ps-35px {
  padding-left: 35px !important;
}

.infowindow .mb-3,
.mb-5px {
  margin-bottom: 5px !important;
}

.fs-18 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
}

.last-paragraph-no-margin p:last-of-type {
  margin-bottom: 0;
  /* color: #7a7a7a; */
  font-size: 16px;
  line-height: 26px !important;
  font-weight: 400;
}

.w-90 {
  width: 90% !important;
}

.hover-box {
  z-index: 1;
}

.hover-box:hover .box-overlay {
  opacity: 1;
  visibility: visible;
}

.bg-dark-gray,
.bg-dark-gray:hover {
  background-color: #1c81b7;
}

.process-step-style-05:hover .icon,
.process-step-style-05:hover .number {
  color: #fff;
  position: relative;
  z-index: 1;
}

.rightImgJourney img {
  border-radius: 10px;
  width: 635px;
}

.threeSection {
  background-image: url(../images/inspiration-geometry.webp);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 30px 0 30px;
}

.threeBoxArea {
  position: relative;
  padding: 40px;
  border: 1px solid #c9636324;
  border-radius: 20px;
  margin: 0;
  background-color: #ffffffa1;
  height: 96%;
}

.threeBoxArea::after {
  content: "";
  position: absolute;
  bottom: 87px;
  right: -5px;
  height: 108px;
  width: 2px;
  background-color: #f4cb86;
  display: none;
}

.threeBoxArea h4 {
  font-size: 22px;
  margin-top: 20px;
  font-weight: 500;
  line-height: 32px;
  /* color: #3e3e3e; */
  text-align: left;
  margin-bottom: 20px;
  width: 100%;
}

.threeBoxArea ol {
  font-size: 15px;
  line-height: 28px;
}

.threeBoxArea p {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 25px;
  text-align: left;
  font-weight: 300;
  /* color: #4a4747; */
  padding: 0px;
  width: 100%;
}

.bottomPara {
  font-weight: 600 !important;
}

.rightareainnner12 {
  width: 340px;
  align-items: left !important;
  color: white !important;
}

.rightareainnner12 h1 {
  text-align: left;
  /* font-family: "League Spartan", sans-serif; */
  margin: 0;
  font-size: 31px;
  color: #2d2d2d;
  width: 492px;
  line-height: 36px;
  font-weight: 500;
}

.rightareainnner12 p {
  font-size: 16px;
  color: #4a4747;
  line-height: 23px;
  width: 484px;
  font-weight: 300;
  margin-bottom: 30px;
}

.footerParagraph p {
  font-size: 16px;
  font-weight: 300;
  text-align: justify;
  border-bottom: 1px solid #ffffff;
  padding-bottom: 25px;
  margin-bottom: 30px;
  color: #ffffff;
}

.f-link h4 {
  margin-bottom: 15px;
  padding: 0px;
  font-size: 20px;
  color: #ffffff;
}

.bottomFooter .footerPara p {
  font-size: 16px;
  font-weight: 300;
  margin-bottom: 0;
  color: #ffffff;
}

.footerPara p a {
  color: #ffffff;
}

.social-link a {
  display: inline-block;
  color: #ffffff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  border: solid 1px;
  font-size: 18px;
  line-height: 35px;
  margin-right: 5px;
  text-decoration: none;
}

.footer {
  width: 100%;
  float: left;
  padding: 30px 0px 0px;
  background-image: url(../images/bg-block-circle1.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  /* background-color: #fff2f26e; */
  background: linear-gradient(45deg, #0594d1, #1e2d58);
}

.f-link ul li a:hover {
  opacity: 1;
  padding-left: 2px;
  color: #ffffff;
}

.papasectionz {
  width: 100%;
  padding: 20px 0 40px;
  background-color: #ffffff;
}

.f-link ul li a {
  text-decoration: none;
  color: #ffffff;
  display: inline-block;
  line-height: 24px;
  transition: all 0.3s ease;
  font-size: 15px;
}

.counter__inner-4 {
  /* padding: 30px 20px 40px; */
  position: relative;
  overflow: hidden;
  /* background-color: #d52828; */
  /* background: linear-gradient(45deg, #1e2d56, #0c83be); */
  /* border-radius: 20px; */
}

.counter__shape-10 {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  mix-blend-mode: luminosity;
}

.f-link ul li {
  list-style: none;
}

.header .menu {
  /* max-height: none; */
  display: flex;
  align-items: center;
  margin-left: 120px;
  padding: 0px !important;
}

.header li a {
  display: block;
  color: #111 !important;
  padding: 6px 30px 10px 30px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  position: relative;
}

.disflex {
  display: flex !important;
  align-items: center !important;
}

.pdb-20 {
  padding-bottom: 20px !important;
}

.pdb-50 {
  padding-bottom: 30px !important;
}

.btnz {
  position: relative;
  padding: 12px 27px;
  text-align: center;
  font-size: 16px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #d52828;
  border-radius: 54px;
  background: #ffffff;
  border: 3px solid #cfcfcf;
  cursor: pointer;
  transition: ease-out 0.5s;
  -webkit-transition: ease-out 0.5s;
}

.btnz.btnz-border-1::after,
.btnz.btnz-border-1::before {
  position: absolute;
  content: "";
  width: 0%;
  height: 0%;
  visibility: hidden;
}

.btnz.btnz-border-1::after {
  bottom: -3px;
  right: 1px;
  border-radius: 35px;
  border-left: 3px solid #6e6e6e;
  border-bottom: 3px solid #5e5d5d;
  transition: width 0.1s ease 0.1s, height 0.1s ease, visibility 0s 0.2s;
}

.btnz.btnz-border-1::before {
  top: -3px;
  left: -1px;
  border-top: 3px solid #222222;
  border-right: 3px solid #222222;
  border-radius: 30px;
  transition: width 0.1s ease 0.3s, height 0.1s ease 0.2s, visibility 0s 0.4s;
}

.btnz.btnz-border-1:hover {
  animation: pulse 1s ease-out 0.4s;
  color: #222222;
}

.btnz.btnz-border-1:hover::after,
.btnz.btnz-border-1:hover::before {
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  visibility: visible;
  transition: width 0.1s ease 0.2s, height 0.1s ease 0.3s, visibility 0s 0.2s;
}

.btnz.btnz-border-1:hover::after {
  transition: width 0.1s ease 0.2s, height 0.1s ease 0.3s, visibility 0s 0.2s;
}

.btnz.btnz-border-1:hover::before {
  transition: width 0.1s ease, height 0.1s ease 0.1s;
}

.ctasec {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}

.rightArea .paraRightArea {
  font-size: 16px;
  color: #fff;
  line-height: 23px;
  width: 300px;
  font-weight: 300;
  margin-bottom: 30px;
  text-align: center;
}

.banhead {
  width: 300px;
}

.buttonCommon {
  align-self: baseline;
  margin: auto;
}

.p-relative {
  position: relative;
}

.d-lg-block {
  display: block !important;
}

.faq__text h3 {
  color: rgba(213, 213, 223, 0.5019607843);
  font-size: 200px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}

.faq__text {
  position: absolute;
  top: 24%;
  left: 0;
  -webkit-transform: rotate(-90deg) translateY(-102px);
  -moz-transform: rotate(-90deg) translateY(-102px);
  -ms-transform: rotate(-90deg) translateY(-102px);
  -o-transform: rotate(-90deg) translateY(-102px);
  transform: rotate(-90deg) translateY(-102px);
}

.mgn {
  margin-top: 0px !important;
}

.megaa {
  display: flex !important;
  border: none !important;
  width: 350px !important;
  justify-content: space-between !important;
  margin: 0 !important;
  padding: 0 !important;
  align-items: center !important;
}

/* become partner */
.rightextBecom {
  display: flex;
  width: 542px;
  height: 240px;
  flex-direction: column;
  justify-content: center;
  transition: ease-in-out 0.5s;
  margin-top: 50px;
}

.bannerAREASSS .rightsec {
  width: 50%;
  /* border: solid; */
  display: flex;
  justify-content: end;
  align-items: center;
  height: 100%;
}

.rightextBecom .contact-form {
  width: 100%;
  float: left;
  background-color: #18181880;
  padding: 0px;
  color: #000;
  background-color: white;
  border-radius: 50px;
  height: 99%;
  text-align: left;
  border-radius: 10px;
}

.rightextBecom .contact-form .form-control-custome {
  display: block;
  border: none;
  background-color: #fff7f7;
  width: 100%;
  border-radius: 25px;
  padding: 10px 12px;
  color: #848484;
}

.rightextBecom .contact-form .form-control-custome::placeholder {
  color: #000;
}

.Contact-form .submitButtons {
  background-color: #f4cb86 !important;
  border-color: #ffffff;
  color: #000000;
  width: 100%;
  height: 45px;
  border-radius: 100px;
  margin-top: 10px;
}

.concode {
  width: 108px;
}

.ctahead {
  color: white !important;
}

.bgcta {
  background: linear-gradient(282deg,
      rgba(255, 255, 255, 1) 0%,
      rgba(201, 99, 99, 1) 30%) !important;
  padding-bottom: 60px !important;
}

.beccta {
  background: transparent !important;
  background: transparent !important;
  border: white !important;
  color: white !important;
}

.bulltbec {
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bulltpoint {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 250px !important;
}

.bulltpoint img {
  margin-right: 30px;
  height: 60px;
  width: 60px;
  border-radius: 50px;
  border: solid 1px;
}

.bulltpoint p {
  font-size: 20px !important;
  line-height: 23px;
  /* font-family: "League Spartan", sans-serif !important; */
}

.linkm {
  width: 350px;
  margin-left: 34px;
}

.header {
  box-shadow: none !important;
}

.buttonCommon {
  align-self: baseline;
}

.dashSec {
  /* margin-top: 30px; */
  align-items: center;
  display: flex;
  flex-direction: column;
}

.blog-banner {
  background-image: url(../images/blog-banner.jpg);
  background-position: contain !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 77vh;
}

/* blogs */

.bloghead {
  width: 80% !important;
}

.blogpheadz {
  width: 75% !important;
}

.blogheadz {
  height: 430px;
}

.blogban {
  height: 100% !important;
}

.blogcont {
  height: 100% !important;
}

.blogp {
  font-size: 18px !important;
  margin-top: 20px;
}

.blogh2 {
  font-size: 25px !important;
}

.blogsec {
  display: flex;
  flex-direction: row;
  width: 1040px;
  align-items: baseline;
}

.recsec {
  width: 300px !important;
  border: solid;
}

.leftblog {
  width: 800px !important;
}

/* renu mam css  */

.blog-main {
  width: 100%;
  float: left;
  padding: 15px 0px 40px;
  margin-top: 30px;
}

.blog-picture {
  width: 100%;
  float: left;
  height: 550px;
  border-radius: 20px;
  overflow: hidden;
}

.blog-picture img {
  max-width: 100%;
  height: 90%;
  object-fit: fill;
  width: 100%;
  transition: all 0.3s;
}

.caption {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  border: solid 1px #d9c9c9;
  border-radius: 0 0 20px 20px;
  border-width: 0 1px 1px 1px;
}

.card-body-blog {
  width: 100%;
  float: left;
  margin-top: 20px;
  line-height: 23px;
}

.card-body-blog h5.card-title {
  font-size: 2rem;
  font-weight: bold;
}

.card-text-bold {
  font-weight: bold;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 5px;
}

.bcol {
  color: #d62828 !important;
}

.bcolb {
  color: #081789 !important;
}

.bp_meta ul {
  padding: 0px;
  font-size: 13px;
  margin-bottom: 10px;
}

.bp_meta ul li.list-inline-item {
  padding: 0px;
  color: #8b8b8b;
  letter-spacing: 0.25px;
}

.widget_list li:last-child {
  border-bottom: 0px solid #e6e9ec;
}

.recent_posts_blogs {
  width: 100%;
  float: left;
  max-height: 406px;
  overflow: auto;
}

.recent_posts_blogs {
  padding: 0px;
  margin: 0px;
}

.article_post {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding-left: 13px;
  padding-right: 13px;
  padding-top: 13px;
}

.article_post:last-child {
  padding-bottom: 15px;
}

.article_flex {
  display: flex;
}

.article_flex .post_picture {
  width: 85px;
  height: 65px;
  overflow: hidden;
  border-radius: 5px;
}

.article_post a {
  text-decoration: none;
}

.article_flex .post_picture img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.article_flex .info-contain {
  flex-basis: 60%;
  padding-left: 15px;
}

.article_flex .info-contain h4 {
  font-size: 14px;
  color: #333;
  letter-spacing: 1.25px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.article_flex .info-contain .small-time {
  font-size: 0.875em;
  color: #8b8b8b;
  letter-spacing: 0.25px;
}

.widget_list .submenu {
  display: none;
}

.lpt-list-data {
  position: relative;
  top: -50px;
}

.lpt_price_ {
  margin-bottom: 0px;
}

.lpt_price_ .lpt_01 {
  margin-right: 25px;
}

.lpt_price_ .lpt_01 span {
  border-bottom: solid 1px #666;
}

.lpt_price_ .lpt_02 span {
  border-bottom: solid 1px #666;
}

.contact-icons {
  position: absolute;
  top: 14px;
  z-index: 1;
}

.form-keep-in .form-floating>label {
  padding: 0.8rem 0.75rem 0.8rem 1.7rem;
}

.form-keep-in .form-floating>.form-control {
  padding: 0rem 1.75rem;
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

.form-keep-in .form-floating.no-actione>label {
  padding: 0.8rem 0.75rem;
}

.form-keep-in .form-floating.no-actione>.form-control {
  padding: 0rem 0.75rem;
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}

/* .form-keep-in .no-actione.br .form-control{
    border: 1px solid #ced4da;
    border-radius: .25rem;

} */

.form-keep-in .iti--allow-dropdown .iti__flag-container,
.iti--separate-dial-code .iti__flag-container {
  left: 20px;
}

.form-keep-in .iti {
  padding-left: 14px;
}

.relative {
  position: relative;
}

.form-keep-in .form-group.focused .floating-label {
  left: 29px;
}

.form-keep-in .floating-diff select {
  padding: 0rem 1.75rem;
}

.contact-icons img {
  width: 20px;
}

.slick-prev:before,
.our-Continuour-Innovation .slick-next:before {
  /* color: #d62828 !important; */
  color: #136295 !important;
}

.blog-contain.with_page {
  margin-bottom: 0px;
  width: 100%;
  float: left;
  /* -webkit-box-shadow: 0 3px 12px -1px rgba(7,10,25,.1), 0 22px 27px -30px rgba(7,10,25,.1);
    box-shadow: 0 3px 12px -1px rgba(7,10,25,.1), 0 22px 27px -30px rgba(7,10,25,.1);
    border: solid 1px rgb(221 221 221 / 69%); */
  padding: 0px 5px;
  border-radius: 20px;
}

.blog-contain.with_page .card-body-blog h5.card-title {
  font-size: 16px;
  font-weight: 500;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 22px;
}

.blog-contain.with_page .blog-picture {
  height: 175px;
  border-radius: 10px;
}

.blog-contain.with_page a {
  color: #333;
  transition: all 0.3s;
}

.blog-contain.with_page a:hover .blog-picture:hover img {
  transform: scale(1.03);
  transition: all 0.3s;
}

.blog-contain.with_page a:hover {
  color: #0d6efd;
  transition: all 0.3s;
}

.blog_tab_link {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

.blog_tab_link li {
  list-style: none;
  display: inline-block;
}

.blog_tab_link li a {
  text-decoration: none;
  color: #000000;
  display: block;
  background-color: #dedede;
  border-radius: 30px;
  margin-right: 10px;
  padding: 0.7rem 1.5rem;
}

.blog-banner span {
  color: #fff;
}

.blog-banner a {
  color: #fff;
}

.brdcrmb-link a::after {
  content: "";
  position: absolute;
  border: solid #fff;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 2px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  top: 5px;
  right: -13px;
}

.brdcrmb-link {
  position: relative;
  z-index: 9;
}

.breadcrumbz {
  margin: 40px 0;
  font-size: 19px !important;
  line-height: 22px !important;
  color: #2d2d2d !important;
  margin-left: 10px;
  margin-top: -15px;
}

.bcolb {
  color: #081789 !important;
}

.breadcrumbz a {
  text-decoration: none !important;
  color: #2d2d2d;
}

.slisol {
  margin-top: 140px !important;
  margin-bottom: 70px !important;
}

.dashimg {
  width: 52%;
}

.dashsecinn {
  padding: 20px 0px !important;
  padding-top: 0 I !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-15 {
  margin-top: 15px;
}

/* / contact Us 19-07-july / */

.asked_questions_inner {
  width: 100%;
  float: none;
  padding: 30px 0px 30px;
}

.keep-in-touch {
  background-color: #ffffff00;
  -webkit-box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
  box-shadow: none;
  border-radius: 30px;
  width: 100%;
  float: none;
  box-sizing: border-box;
}

.keep-in-left-col-6 {
  width: 100%;
  float: left;
  padding: 40px 50px;
  position: relative;
  height: 100%;
  border: none;
  /* / background-image: url(../images/contact-building.png); / */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  border-bottom-left-radius: 30px;
}

.keep-in-right-col-6 {
  width: 100%;
  float: none;
  padding: 40px 10px;
}

.keep-in-left-col-6 {
  width: 100%;
  float: none;
  padding: 40px 10px;
  position: relative;
  height: 100%;
  border: none;
  /* / background-image: url(../images/contact-building.png); / */
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: bottom;
  border-bottom-left-radius: 30px;
}

.contactImg .img-1 {
  width: 100%;
}

.contectText {
  padding: 30px 10px;
}

.contectText h3 {
  font-weight: 500;
  font-size: 22px !important;
  line-height: 32px;
  padding-bottom: 15px;
  margin-bottom: 0;
  /* color: #2d2d2d; */
}

.contectText p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 22px;
  /* color: #4a4747; */
}

.contectText ul {
  padding-left: 0;
}

.contectText ul li {
  list-style-type: none;
  margin-bottom: 14px;
  font-size: 15px;
}

.form-keep-in .form-floating>label {
  padding: 0;
}

.form-keep-in .form-floating>.form-control {
  padding: 5px !important;
  padding-top: 13px !important;
  padding-bottom: 0.625rem;
}

label.error {
  margin-top: -10px;
  z-index: 999;
}

.form-keep-in .form-floating>label {
  padding: 0px;
  background: #ffffff;
  height: 10px;
  opacity: 1.65 !important;
}

.contectAreas {
  padding: 30px 0 0px;
  /* background-image: url(../images/homepage-9-parallax.jpg);
  background-attachment: fixed; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.keep-in-left-col-6 h2,
.keep-in-left-col-6 h3 {
  font-size: 44px;
  line-height: 54px;
  font-weight: 500;
}

.keep-in-left-col-6 p {
  margin-bottom: 0px;
  font-size: 16px;
  line-height: 26px;
  font-weight: 400;
  margin-top: 0px;
  position: relative;
}

.keep-in-right-col-6 h3 {
  font-size: 22px;
  line-height: 32px;
}

.keep-in-left-col-6 .f-address i {
  font-size: 20px;
  line-height: 24px;
  color: #0c83be;
}

.keep-in-right-col-6 p.keep-in-pxt::after {
  content: "";
  position: absolute;
  left: 0px;
  width: 15%;
  background-color: #1e2d56;
  top: 85px;
  height: 2px;
}

.keep-in-right-col-6 .keep-in-pxt2 {
  margin-bottom: 25px;
  font-size: 22px;
  line-height: 32px;
  margin-top: 38px;
  font-weight: 600;
  color: #0c83be;
}

.form-keep-in .btn-primary {
  color: #fff;
  background: linear-gradient(45deg, #1e2d56, #0c83be);
  /* background-color: #d52828; */
  /* border-color: #d52828; */
}

.form-keep-in .btn {
  margin-top: 25px;
  width: 130px;
  height: 45px;
  border-radius: 25px;
}

.red-star {
  color: red;
}

select option.red-star {
  color: red;
}

.keep-in-left-col-6 .f-link {
  color: #000;
  margin-top: 40px;
  width: 100%;
}

.form-keep-in {
  border: 1px solid #eeeeee;
  border-radius: 15px;
  padding: 18px;
}

.button--moema {
  border-radius: 50px;
  background: #d52828;
  color: white;
  -webkit-transition: background-color 0.3s, color 0.3s;
  transition: background-color 0.3s, color 0.3s;
  padding: 10px 25px;
  border: none;
}

/* responsive About us */
.clients_brands .c1 img {
  width: 140px;
  margin: auto;
  height: 77%;
  object-fit: cover;
  /* filter: grayscale(100%); */
}

@media (min-width: 320px) and (max-width: 500px) {}

/* popup */

.popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 750px;
  transform: translate(-50%, -50%);
  padding: 0px 0;
  padding-bottom: 20px;
  background: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1000;
  height: 390px;
  background-image: url(../images/Janmashtmi.jpg) !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* font-family: "Poppins", sans-serif; */
  /* background: linear-gradient(257deg,
      rgba(255, 255, 255, 1) 37%,
      rgba(255, 122, 122, 1) 100%); */
}

#pop_form,
.mobpop {
  display: none !important;
}

.popleft img {
  width: 320px;
}

.bookDemo {
  position: relative;
  top: 175px;
  left: 214px;
}

.bookDemo .banner-button {
  display: flex;
  padding: 7px 12px;
  font-size: 14px;
  color: white;
  background-color: transparent;
  border-radius: 50px;
  text-decoration: none;
  transition: background-color 0.3s, transform 0.3s;
  width: 208px;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border: solid 1px;
}

.popup-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
}

.first_row {
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 20px;
}

.first_row p {
  margin-top: 10px;
}

.second_row {
  display: flex;
  height: 300px !important;
}

.popright {
  width: 50%;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.popleft {
  width: 50%;
}

.popleft {
  height: 250px;
  width: 330px;
}

.popinput {
  padding: 3px 10px;
  border-radius: 9px;
  border: solid 1px gray;
  font-size: 11px;
  width: 281px;
}

.popbtn {
  width: 281px;
  border-radius: 9px;
  border: solid 1px gray;
  background-color: #d52828;
  padding: 3px;
  font-size: 12px;
}

#closePopup {
  width: 35px;
  height: 30px;
  border-radius: 0 0 0 11px;
  color: white;
  background-color: black;
}

.whyhead {
  margin-left: 0 !important;
}

@media (min-width: 620px) {}

/* Mobile responsive */

@media (min-width: 320px) and (max-width: 475px) {
  .img-1 {
    width: 100%;
  }

  .img-2 {
    width: 100%;
  }

  .top-minus-25px {
    top: 0px !important;
  }

  .bottom-minus-20px {
    bottom: 0px !important;
    position: inherit !important;
    margin-bottom: 20px;
    right: 0px !important;
  }

  .visionMissionText {
    padding: 0px 0 !important;
  }

  .solution_pag .topSliderArea {
    margin-top: 50px;
  }

  .em-subsection {
    width: 90% !important;
    margin: auto;
  }

  .error {
    padding: 20px 0 !important;
  }

  .mapImg img {
    height: 100% !important;
  }

  .conhead {
    text-align: left !important;
    width: 100% !important;
    font-size: 23px !important;
    line-height: 28px !important;
    font-weight: 500px !important;
    /* font-family: "League Spartan", sans-serif !important; */
  }

  .sliderAreas .abc {
    width: 90% !important;
    margin: auto;
  }

  .sliderAreas {
    background-color: white;
    display: flow-root;
    width: 100%;
    padding-bottom: 30px;
  }

  .proimgContentz p {
    /* width: 260px !important; */
  }

  .proimgContentz {
    /* width: 300px !important; */
  }

  .element {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 400;
  }

  .popup {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    width: 750px;
    transform: translate(-50%, -50%);
    padding: 0px 0;
    padding-bottom: 20px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    height: 390px;
    background-image: none !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* font-family: "Poppins", sans-serif; */
    background: linear-gradient(257deg,
        rgba(255, 255, 255, 1) 37%,
        rgba(255, 122, 122, 1) 100%) !important;
  }


  #pop_form,
  .mobpop {
    display: block !important;
  }

  .protestr span {
    /* width: 280px !important; */
    margin: auto;
  }

  .protestr {
    /* width: 300px !important; */
  }

  .threeholder {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 30px;
  }

  .threeholder p {
    margin-left: 0px;
  }

  .threeholder h4 {
    /* margin-top: 290px; */
    margin-left: 0px;
  }

  .threeone {
    display: grid;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: auto;
    text-align: center;
  }

  .circlepic {
    top: auto;
    margin-top: -210px !important;
    margin-left: 0;
  }

  .circleborder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: auto;
    margin-left: 0px;
    margin-top: 18px;
    /* background-color: transparent !important; */
    margin: auto;
  }

  .dashSec {
    margin-top: 22px;
  }

  .threeone {
    padding: 24px 20px 0;
  }

  .Popular-Locations .row.row-cols-1.whyinner {
    margin-top: 20px;
  }

  .cardssec .sub-title p {
    margin-bottom: 10px;
  }

  .cardssec {
    margin-top: 60px;
  }

  .dash {
    width: 90% !important;
    margin-top: 0;
  }

  .sub-title h2 {
    text-align: center !important;
  }

  .whyelite {
    display: flex;
    flex-direction: column;
  }

  .whyhead {
    margin: auto !important;
    text-align: center !important;
  }

  .whydes {
    margin: auto !important;
    text-align: center !important;
  }

  .whybullt {
    /* padding-top: 55px; */
  }

  .dashimg {
    height: 200px;
    width: 90% !important;
  }

  .Popular-Locations {
    margin-top: 50px;
  }

  .ctasec {
    margin-top: 30px;
  }

  .faqask {
    margin-top: 0px;
  }

  .subheadingemp {
    font-size: 18px !important;
    line-height: 18px;
    /* text-align: center; */
  }

  .dashhead {
    margin: 30px 0;
    height: 50px !important;
    align-items: center;
  }

  .rightArea h1 {
    text-align: center !important;
  }

  .rightareainnner {
    /* height: 280px !important; */
    /* height: 250px; */
    margin-top: -10px !important;
  }

  .breadcrumb {
    margin: auto;
    margin-bottom: 15px;
  }

  .showHideSlider {
    margin: 0px 0 !important;
  }

  .proSliderz {
    margin-top: 30px !important;
  }

  .mpd-0 {
    padding: inherit !important;
  }

  .proimgContentz {
    margin: inherit !important;
  }

  .proimgContentz p {
    padding: 10px;
  }

  .megamob {
    display: flex !important;
    flex-direction: column;
    margin: 20px 0 !important;
    /* position: absolute; */
    margin-left: auto !important;
    align-items: baseline !important;
    position: absolute;
  }


  .mobdrop {
    height: 400px;
    overflow: scroll;
  }

  .megasec {
    display: flex;
    justify-content: left;
    align-items: center;
    row-gap: 20px;
    margin: 5px 0;
    /* width: 200px; */
    column-gap: 20px;
  }

  .position-inherit {
    position: inherit !important;
    width: 95%;
    margin: auto;
  }

  a.megaa {
    column-gap: 20px !important;
    justify-content: left !important;
  }

  .vh {
    height: 0px !important;
    display: none !important;
  }

  .dropdown-Menu {
    margin-top: 130px !important;
    min-width: 100vw !important;
  }

  .clients {
    margin-top: 0px !important;
  }


  .banner-Area {
    overflow: hidden;
  }

  .pban {
    width: 225px !important;
  }

  .tabcontainer {
    flex-direction: column;
    width: 100%;
  }

  .tabconimg img {
    width: 100%;
    margin-bottom: 20px;
  }

  .tabbod {
    display: none;
  }

  .giantsec {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 25px;
  }

  .giantsec a {
    width: 34%;
    font-size: 14px;
  }

  .integ {
    height: 30%;
    width: 45%;
    padding: 10px;
  }

  .integ img {
    width: 70%;
  }

  .mgt {
    margin-top: 40px;
  }

  .all-proc-process-emp {
    width: 97%;
    height: auto;
  }

  .tabcontext {
    width: 100%;
  }

  .tabcontext p {
    width: 98%;
  }

  .leftAreaImg img {
    width: 100%;
  }

  .imageSection {
    width: 100%;
    /* padding: 30px; */
  }

  .hrev {
    flex-direction: column-reverse !important;
    display: flex !important;
  }

  /* .buttonz:after {
    right: auto !important;
    margin-left: 10px;
    transition: all 0.3s ease;
    margin-top: 6px;
  } */

  .btnk {
    margin: 10px auto;
  }

  .textm {
    text-align: center;
  }

  .mhtext {
    /* height: 240px !important; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
  }

  .testi {
    margin-top: 0px !important;
  }

  .imgContentz {
    height: 320px !important;
  }

  .testr {
    margin-top: 20px;
    width: 94%;
    height: 125px;
  }

  .imgContentz>img {
    height: 100px !important;
    width: 100px !important;
  }


  .whyh {
    font-size: 22px !important;
    text-align: left !important;
  }

  .highlighter {
    z-index: 1;
    position: relative;
  }

  .menbtn {
    display: flex;
    margin: auto;
    align-self: center;
    width: 100%;
  }

  .coh {
    padding: 10px 35px 8px 71px !important;
    margin-right: -24px !important;
    margin-left: -39px !important;
  }

  .becomhero {
    display: flex;
    flex-direction: column;
    width: 100%;
  }


  label.error {
    /* padding: 20px 0 !important; */
    position: relative !important;
  }
}

.hrev {
  flex-direction: row-reverse;
}

.protestr {
  padding: 10px;
}

select {
  padding: 20px;
}

a.megaa {
  display: flex;
  align-items: center;
  justify-content: left !important;
  column-gap: 30px !important;
  /* width: 200px; */
}

.arrwz {
  border: solid #d52828 !important;
  border-width: 0 2px 2px 0 !important;
  transform: rotate(45deg);
  -webkit-transform: rotate(315deg);
  height: 10px;
  width: 10px;
}

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

.banhead a {
  color: #fff;
  text-decoration: underline;
}

.paraRightArea a {
  color: #fff;
  text-decoration: underline;
}

.sub-title h2 a {
  color: #2d2d2d;
  text-decoration: underline;
}

.sub-title p a {
  color: #2d2d2d;
  text-decoration: underline;
}

.proimgContentz p a {
  color: #2d2d2d;
  text-decoration: underline;
}

.em_hide a {
  color: #2d2d2d;
  text-decoration: underline;
}

.threeone h4 a {
  color: #ffffff;
  text-decoration: underline;
}

.threeone:hover h4 a {
  color: white;
  text-decoration: underline;
}

.threeone:hover p a {
  color: white;
  text-decoration: underline;
}

.em-subdiv-head a {
  color: #2d2d2d;
  text-decoration: underline;
}

.threeholder p a {
  text-decoration: underline;
  color: #8a8a8a;
}

.subheadingemp a {
  color: #2d2d2d;
  text-decoration: underline;
}

.accordion-body p a {
  color: #000000;
  text-decoration: underline;

}

.proimgContentz:hover .protestr p a {
  color: #fff;
  text-decoration: underline;
}

/* avout us laptop css */
@media (min-width: 1024px) and (max-width: 1366px) {
  .heading-proc-process-emp {
    font-size: 16px;
    line-height: 17px;
  }

  .about__left img {
    width: 530px;
  }

  .rightArea .paraRightArea {
    font-size: 16px;
    color: #fff;
    line-height: 23px;
    width: 100% !important;
    font-weight: 300;
    margin-bottom: 30px;
  }

  .rightareainnner {
    height: 250px;
  }

  .pban {
    width: 310px !important;
  }

  /* .solution_pag .banner-section {
    margin-top: 60px;
  } */

  .solution_pag .topSliderArea {
    margin-top: 60px;
  }

  .typewriter h1 {
    font-size: 26px;
  }

  .header .menu {
    /* max-height: none; */
    display: flex;
    align-items: center;
    margin-left: 40px;
    padding: 0px !important;
  }

  .header li a {
    padding: 10px 20px 10px 20px;
    font-size: 16px;
  }

  .button--moema {
    padding: 10px 14px;
  }


  .ourJourneyText p {
    width: 535px;
  }

  .last-paragraph-no-margin p:last-of-type {
    line-height: 20px;
  }

  .bottomFooter .footerPara p {
    font-size: 14px;
  }



  .tp-mask2 {
    z-index: 0;
    position: absolute;
    opacity: 0;
    transform: scale(0.1);
    transform: translate3d(0px, 0px, 0px);
    transform-origin: 50% 50% 0px;
    /* background-color: #f9cfcf; */
    background-color: #136295;
    border-radius: 0% !important;
    width: 100%;
    height: 100%;
    animation: entrance 0.6s ease-out forwards;
    /* Add entrance animation */
    animation-delay: 0.8s;
    /* animation: beat 1s infinite; */
  }



}

.mapImg img {
  width: 100%;
  /* height: 491px; */
}


.flashmsg {
  font-size: 19px !important;
  font-weight: 600 !important;
  color: green;
  margin: auto;
  margin-left: -14px;
  margin-top: -1px;
  margin-bottom: 8px;
}

@media (min-width: 768px) and (max-width: 1024px) {
  ul.menu li .sub-sub-category-dropdown {
    position: inherit !important;
    left: 0px !important;
  }

  /* .solution_pag .banner-section {
    margin-top: 0px;
  } */

  /* 
  .bottomHeder {
    margin-top: 85px !important;
  } */

  .button--moema {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .header .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 5px;
    position: relative;
    user-select: none;
    bottom: 30px;
  }

  .main-menu .r-sec {
    display: block;
  }

  .menbtn {
    justify-content: center;
  }

  .header .menu {
    overflow: hidden;
    max-height: 0px !important;
  }

  .header .menu-btn:checked~.menu {
    max-height: 240px !important;
    margin-left: 0px !important;
  }

  .main-menu {
    display: block;
  }

  .solution_pag .topSliderArea {
    margin-top: 0px;
  }

  .topSliderArea {
    display: flex;
    height: 600px;
  }

  .whyinner {
    width: 360px;
  }
}

/* select#country.form-control.valid {
  padding: 0 !important;
  padding-top: 13px !important;
} */