body {
  padding: 0px;
  font-family: "GeneralSans-Regular", sans-serif;
  margin: 0px;
}

@font-face {
  font-family: GeneralSans-Regular;
  src: url("../font/GeneralSans-Regular.ttf");
  font-display: swap;
}

@font-face {
  font-family: GeneralSans-Medium;
  src: url("../font/GeneralSans-Medium.ttf");
  font-display: swap;
}
@font-face {
  font-family: GeneralSans-Semibold;
  src: url("../font/GeneralSans-Semibold.ttf");
  font-display: swap;
}
@font-face {
  font-family: GeneralSans-Bold;
  src: url("../font/GeneralSans-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: GeneralSans-Bold;
  src: url("../font/GeneralSans-Bold.ttf");
  font-display: swap;
}
@font-face {
  font-family: GeneralSans-Variable;
  src: url("../font/GeneralSans-Variable.ttf");
  font-display: swap;
}
@font-face {
  font-family: GeneralSans-Light;
  src: url("../font/GeneralSans-Light.ttf");
  font-display: swap;
}

.right-side-panel {
  background-image: linear-gradient(
    to top,
    #ffd8e6,
    #ff5c90,
    #ff9dbe,
    #ff9dbe,
    #ffd4e3
  );
  width: 90%;
  float: right;
  right: 0;
  padding: 5rem;
  height: 550px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  overflow: hidden;
  position: relative;
}
.consultancy-div img {
  width: 70%;
  position: absolute;
  overflow: hidden;

  bottom: 0;
}

.main-section span:nth-child(1) {
  font-size: 4rem;
  font-weight: 800;
  color: #fff;
}
.main-section span:nth-child(2) {
  font-size: 2.5rem;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
}
.main-section {
  margin-left: 14px;
  margin-top: 160px;
}
.main-section p {
  color: #fff;
}
.main-section span {
  display: grid;
}

.LetsTalk {
  padding: 0.9rem 4rem;
  color: #ffffff;
  transition: 0.5s;
  background-color: #ff4e89;
  border: 1px solid #ff4e89;
  font-weight: 600;
}
.LetsTalk:hover {

  color: #ffffff;
  transition: 0.5s;
  background-color: #ff4e89;
  border: 1px solid #ff4e89;
  font-weight: 600;
}

.menu-head {
  position: absolute;
  margin: 15px;
  border-radius: 6px;
  width: 96%;
  z-index: 999;
}

.menu-head img {
  border-radius: 10px;
  width: 200px;
}
/* .menu-head .bd-highlight:nth-child(1) {
  display: ;
} */
.mainBanner {
  background-image: url(../img/main-banner.webp);
  height: 700px;
  background-position: center;
  background-size: cover;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
}
.Con_us {
  float: right;
}

.handshakeGirl {
  width: 68%;
  bottom: -70%;
  position: absolute;
}
.heading-all-main h4 {
  font-size: 1.2rem;
  color: #ff4e89;
}
.heading-all-main h1 {
  font-family: GeneralSans-Semibold;
}
.owl-start img {
  width: 150px !important;
  margin: auto;
}
.box-cover {
  background-color: #000;
  padding: 14px;
  border-radius: 20px;
}
.box-cover {
  background-color: #eeeeee;
  position: relative;
  overflow: hidden;
  height: 220px;
}
.celebrate img {
  width: 60%;
  position: absolute;
  overflow: hidden;
}
.heading-all-main h5 {
  font-size: 2.2rem;
}
.box-who {
  margin: 20px;
  background: #ffffff;
  border-radius: 10px;
  height: 86%;
  padding: 10px;
  border: 1px solid #dfdfdf;
}
.box-who p {
  font-size: 0.9rem;
}
.box-who h4 {
  font-family: GeneralSans-Semibold;
  font-size: 1.2rem;
  font-family: GeneralSans-Semibold;
}
.box-who:hover {
  border: 1px solid #ff4e89;
}
.box-who:hover h4 {
  color: #ff4e89;
}
.expert {
  margin: 20px;
}
.w-30 {
  width: 20%;
}
.w-70 {
  width: 80%;
}
.startWay {
  font-size: 1.2rem;
  font-family: GeneralSans-Semibold;
}
.w-70 ul li {
  line-height: 2;
}
.w-70 li i {
  color: #ff4e89;
}
.compare-box {
  padding: 2rem 1rem;
  background: #fff1f6;
    margin: auto;
    height: 100%;
  padding: 14px;
  border-radius: 14px;
}
.expertise{
  width: 80%;
    margin-top: 50px;
}
.box-our {
text-align: center;
color: #fff;
  border: 1px solid #e9e9e9;
padding: 14px;
border-radius: 10px;
}
.radius {
width: 70px;
background: #fff;
height: 70px;
margin: auto;
border-radius: 100%;
text-align: center;
border: 1px solid  #ff4e89;
margin-bottom: 20px;
line-height: 4;
}
.radius img{
width: 40px;
text-align: center;
}
.box-our h3 {
      font-size: 1.2rem;
font-family: GeneralSans-Semibold;
color: #000000;
}
.box-our p {
color: #000;
}
.grid-system span {
  text-align: center;
  display: grid;
}
.grid-system span:nth-child(1) {
    font-size: 4rem;
      font-family: GeneralSans-Bold;
      color: #ff4e89;
}
.order-grid{
  border: 1px solid #e0dede;
    border-radius: 12px;
    padding: 14px;
    background: #efefef;

}
.startUPS h4 {
      font-size: 0.9rem;
      font-family: GeneralSans-Semibold;
}
.request-heading h3 {
    font-size: 2rem;
    text-align: left;
          font-family: GeneralSans-Bold;
  }

  .secureControl {
    border-radius: 50px;
   padding: 30px 10px;
    text-indent: 10px;
}  
.secureControl:focus {
   border:1px solid rgb(255 78 137);
   box-shadow: none;
    outline: none;

}
.contact-page {
  padding-top:6%;
}
.some-points img {
    width: 50px;
}
.footer li {
    font-family:GeneralSans-Regular;
      font-size: 0.8rem;
}
.footer img {
width: 200px;
border: 1px solid #e7e7e7;
    border-radius: 10px;
}


.footer-bold {
  font-family:  GeneralSans-Semibold;

}


@media screen and (min-device-width: 767px) and (max-device-width: 1600px) { 
     .mobile-banner {
      display: none;
     }
}

@media screen and (min-device-width: 0px) and (max-device-width: 767px) { 
     .mainBanner {
      display: none;
     }
     .mobile-banner {
        background-image: url(../img/mobile-banner.webp);
      height: 700px;
      background-position: center;
      background-size: cover;
      position: relative;
      overflow: hidden;
      background-repeat: no-repeat;
     }
}

@media only screen and (max-width: 600px) {
  .menu-head img {
        width: 150px;
  }

.LetsTalk {
        padding: 0.5rem 1.2rem;
        color: #ffffff;
        transition: 0.5s;
        font-size: 0.7rem;
  }
  .main-section span:nth-child(1) {
    font-size: 3rem;
    font-weight: 800;
      font-family: GeneralSans-Bold;
    color: #fff;
}
  .handshakeGirl {
    display: none;
  }
  .main-section span:nth-child(2) {
    font-size: 2rem;
  }
  .heading-all-main h5 {
    font-size: 1rem;
}
  .box-cover {
    height: 450px;
  }
  .heading-all-main h1{
    font-size: 1.5rem;
  }
  .box-our {
    margin-bottom: 30px;
  }
  .grid-system span:nth-child(1) {
    font-size: 2rem;
}

.startUPS .bd-highlight {
  margin-bottom: 30px;
}
.footer li {

}