a {
  text-decoration: none;
}

ul {
  list-style: none;
}

.color-orange {
  color: #f27022;
  font-weight: 700;
}

.dark-blue {
  color: #232323;
  font-weight: 700;
}

.blue-color {
  color: #25215f;
}

.heading-h1 {
  font-weight: 700;
  font-size: 60px;
  line-height: 70px;
  letter-spacing: 4%;
  text-align: center;
}

.heading-h2 {
  font-size: 54px;
  font-weight: 700;
  line-height: 70px;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.heading-h3 {
  font-size: 40px;
  font-weight: 600;
  line-height: 60px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.heading-h4 {
  font-size: 30px;
  font-weight: 800;
  line-height: 39.57px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.heading-h5 {
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.globle-btn {
  font-size: 18px;
  font-weight: 700;
  line-height: 29.43px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  background: #f27022;
  box-shadow: 0px 4px 4px 0px #00000040 inset;
  border-radius: 50px;
  color: #fff !important;
  padding: 14px 26px;
}

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* header  */

.main-navbar {
  z-index: 999;
  position: relative;
}

.navbar {
  background: linear-gradient(90deg,
      rgba(255, 255, 255, 0.64) 0%,
      rgba(153, 153, 153, 0.8) 100%);
  padding: 0px;
  border-radius: 50px;
  position: absolute;
  top: 30px;
  width: 100%;
  z-index: 99;
}

.main-navbar .container-fluid {
  justify-content: space-between;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: end !important;
}

.navbar-brand {
  padding: 10px 24px;
}

.navbar-brand img {
  width: 100px;
  height: auto;
}

ul.navbar-nav {
  gap: 40px;
  align-items: center;
}

ul.navbar-nav li a {
  color: #232323;
  font-size: 16px;
  font-weight: 600;
  line-height: 36px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.active-page {
  color: #f27022 !important;
}

/* header end  */

/* banner  */

.banner-description {
  font-size: 20px;
  margin-top: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #ffffff;
}

.banner-section {
  background-image: url("../image/banner-image.png");
  /* background-position: 100% 100%; */
  /* background-repeat: no-repeat; */
  background-size: cover;
  position: relative;
}

.banner-section::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg,
      rgba(242, 112, 34, 0.32) 0%,
      rgba(13, 12, 34, 0.56) 31.68%,
      rgba(13, 12, 34, 0.8) 100%);
  z-index: 1;
}

.banner-button {
  text-align: center;
  margin-top: 60px;
}

.banner-main {
  width: 700px;
  padding: 270px 0px 110px;
}

.banner-main-outer {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 99;
}

.banner-main .heading-h1 {
  color: #ffffff;
}

/* banner end  */

/* why use section */

.why-use-section {
  background-color: #f8f8f8;
  overflow: hidden;
}

.why-use-main {
  padding: 80px 0px;
}

.why-use-content .heading-h2 {
  margin-bottom: 30px;
}

.why-use-content-description {
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;

  color: #232323;
}

.why-cards {
  display: flex;
  align-items: center;

  padding: 20px;
  border-left: 4px solid #f27022;
  background-color: #ffffff;
  border-radius: 4px;
  margin-bottom: 20px;
  gap: 20px;
  width: 90%;
}

.why-card-content p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
}

.why-use-cards-div {
  margin-top: 40px;
}

.why-use-main {
  position: relative;
}

.animation-image {
  position: absolute;
  bottom: 0px;
  width: 688px;
  height: 809px;
}

.why-use-main::before {
  content: "";
  background-image: url("../image/Ellipse\ 147.png");
  background-size: cover;
  width: 260px;
  height: 260px;
  position: absolute;
  top: 30%;
  left: 48%;
}

/* 
.why-use-main::after {
    content: '';
    background-image: url("../image/Ellipse\ 142.png");
    width: 160px;
    height: 198px;
    position: absolute;
    top: 8%;
    left: 100%;
    background-size: contain;
    background-repeat: no-repeat;
} */

.why-use-section {
  position: relative;
}

.why-use-section::after {
  content: "";
  background-image: url("../image/Ellipse\ 142.png");
  width: 160px;
  height: 198px;
  position: absolute;
  top: 8%;

  background-size: contain;
  background-repeat: no-repeat;
  right: -65px;
}

/* why use section end  */

/* service section  */
.service-section {
  background: linear-gradient(180deg,
      rgba(242, 112, 34, 0.2) 0%,
      rgba(37, 33, 95, 0.2) 100%);
}

.service-main {
  padding: 80px 0px;
}

.service-main-upper .heading-h2 {
  text-align: center;
}

.service-cards {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 40px;
  flex-wrap: wrap;
}

.service-card-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #000000;
  margin-bottom: 0px;
}

.ser-card {
  flex: 0 0 30%;
  background: #ffffff;
  padding: 46px 24px;
  border-top: 4px solid #f27022;
  border-radius: 4px;
  margin-top: 10px;
}

.ser-card .heading-h5 {
  padding: 18px 0px;
  margin-bottom: 0px;
}

.ser-card img {
  width: 80px;
  height: 80px;
}

.ser-card p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* service section end  */

/* gallary section  */
.gallery-section {
  background-color: #f8f8f8;
  padding: 80px 0px;
}

.image img {
  width: 100%;
  border-radius: 10px;

  height: 320px;
}

.image-gallary {
  margin-top: 50px;
}

.image.gallarylast-div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f27022;
  border-radius: 10px;
  font-size: 20px;
  font-weight: 600;
  color: #ffffff;
}

.image.gallarylast-div:hover {
  color: #25215f;
}

/* gallary section end */

/* form section  */
.form-main {
  background: linear-gradient(253.25deg,
      rgba(37, 33, 95, 0.7) -1.15%,
      rgba(253, 148, 0, 0.6) 104.41%);
  border-radius: 50px;
}

.form-content {
  background-image: url("../image/form-bg.png");
}

.form-content {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 230px 0px;
}

.heading-part {
  padding: 0px 0px 0px 50px;
}

.form-part {
  background: white;
  padding: 40px 30px;
  border-radius: 10px;
  margin-right: 30px;
  position: absolute;
  top: -100px;
  box-shadow: 2px -9px 21px 0px #00000005;

  overflow: hidden;
}

.form-part::before {
  content: "";
  background-image: url("../image/round.png");
  position: absolute;
  top: -40px;
  right: -56px;
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
}

.tick-flex-div {
  display: flex;
  align-items: center;
  gap: 30px;
}

.tick-part {
  font-size: 18px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.form-main-part {}

.form-control {
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #626262;
  border: none;
  background: #25215f0f;
  border-radius: 0px !important;
  padding: 20px;
}

.form-group {
  margin: 10px 0px;
}

.form-right {
  position: relative;
}

.form-upper {
  padding: 0px 0px 10px;
  border-bottom: 1px solid #d7d7d7;
  margin-bottom: 30px;
}

.check-read {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 16px 0px 30px;
}

.checkbox input {
  width: 20px;
  height: 20px;
}

.checkbox-data p {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.form-main-part button {
  text-align: center;
  width: 100%;
  padding: 20px 28px;
  font-size: 20px;
  border: none;
}

.form-section {
  padding: 100px 0px 200px;
  background-color: #f8f8f8;
}

.heading-part .heading-h2 {
  font-size: 48px;
  line-height: 60px;
  color: white;
}

.heading-part p {
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: white;
}

.form-upper h3 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 16px;
}

.query-link {
  text-align: center;
}

.main-query {
  border-radius: 10px;
  padding: 60px 20px 60px 60px;
  background: white;
  box-shadow: 0px 2px 30px 0px #fdfdfd26;
  border-top: 4px solid #f27022;
}

.query-link {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.query-section .container {
  position: relative;
}

.main-query {
  padding: 4rem;
  position: absolute;
  width: 100%;
  top: -80px;
}

/* form section end  */

/* footer  */

.footer {
  background: linear-gradient(96.77deg,
      #25215f 3.55%,
      #454342 48.29%,
      rgba(242, 112, 34, 0.7) 97.53%);
  padding: 130px 0px 0px;
}

.footer-social {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}

.footer-first .heading-h3 {
  color: #ffffff !important;
}

.footer-center-logo {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.footer-contac-list {
  padding-left: 0px;
}

.footer-contac-list h4 {
  color: #ffffff;
}

.footer-contac-list li a {
  color: #ffffff;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

ul.footer-contac-list {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.footer-main {
  border-bottom: 1px solid #9b9b9b;
  padding-bottom: 40px;
}

.reserv-part {
  text-align: center;
}

.reserv-part {
  text-align: center;
  padding: 30px 0px;
}

.reserv-part a {
  color: #ffffff;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.social img {
  width: 32px;
}

.footer-contac-list li a img {
  width: 20px;
}

/* footer end  */

/* responsive  */
@media only screen and (max-width: 1200px) {
  ul.navbar-nav {
    gap: 20px;
  }

  ul.navbar-nav li a {
    color: #232323;
    font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
  /* header  */

  button.navbar-toggler {
    margin-right: 20px;
  }

  .navbar-brand img {
    width: 120px;
    height: auto;
  }

  /* header end  */

  /* banner  */

  .heading-h1 {
    font-size: 56px;
    line-height: 68px;
  }

  .banner-description {
    font-size: 22px;
    line-height: 34px;
  }

  .globle-btn {
    font-size: 22px;

    line-height: 21.43px;
  }

  .banner-button {
    margin-top: 80px;
  }

  .banner-main {
    width: unset;
    padding: 300px 0px 200px;
  }

  ul.navbar-nav {
    gap: 20px;
  }

  .show .header-button {
    padding-bottom: 50px;
  }

  /* banner end  */

  .animation-image {
    position: unset;

    width: 100%;
    height: 100%;
  }

  .why-use-main::before {
    display: none;
  }

  .service-cards {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .ser-card {
    flex: 0 0 48%;
  }

  .heading-h2 {
    font-size: 46px;

    line-height: 60px;
  }

  .heading-part .heading-h2 {
    font-size: 36px;
    line-height: 46px;
  }

  .form-content {
    padding: 50px 0px;
  }

  .form-part {
    position: unset;
    margin: 0px;
    width: 90%;
    margin: 0px auto;
  }

  .form-main {
    padding-bottom: 40px;
  }

  .form-upper h3 {
    font-size: 28px;
  }

  .heading-h3 {
    font-size: 32px;
    line-height: 46px;
  }

  .form-part::before {
    display: none;
  }

  .footer-list {
    margin-top: 50px;
  }

  ul.footer-contac-list {
    gap: 24px;
  }

  .footer-center-logo {
    display: block;
    margin-bottom: 20px;
  }

  div#navbarSupportedContent {
    background: #c3c3c3d9;
    border-radius: 10px;
    margin-bottom: 24px;
  }

  li.nav-item {
    padding: 0px 40px;
  }

  ul.navbar-nav {
    align-items: self-start;
  }

  li.nav-item.header-button {
    padding-top: 20px;
  }

  .main-query {
    padding: 50px 40px;
  }

  .footer-center-logo img {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .navbar-brand img {
    width: 110px;
    height: auto;
  }

  .heading-h1 {
    font-size: 48px;
    line-height: 56px;
  }

  .banner-main {
    padding: 230px 0px 200px;
  }

  .banner-description {
    font-size: 20px;
    line-height: 30px;
  }

  .globle-btn {
    font-size: 20px !important;
    line-height: 21.43px;
  }

  .heading-h2 {
    font-size: 38px;
    line-height: 52px;
  }

  .why-cards {
    width: 100%;
  }

  .why-use-section::after {
    width: 110px;
    height: 110px;
  }

  .heading-h5 {
    font-size: 22px;
  }

  .ser-card img {
    width: 60px;
    height: 60px;
  }

  .image.gallarylast-div {
    height: 320px;
  }

  .form-section {
    padding: 30px 0px 200px;
  }

  .heading-part .heading-h2 {
    font-size: 32px;
    line-height: 42px;
  }

  .heading-h3 {
    font-size: 24px;
    line-height: 34px;
  }

  .query-link {
    margin-top: 20px;
  }

  .footer-center-logo img {
    width: 100%;
  }

  .query-heading .heading-h3 {
    text-align: center;
  }

  .main-query {
    padding: 20px 30px;
  }

  .heading-part {
    padding: 0px 30px !important;
  }
}

@media only screen and (max-width: 600px) {
  .main-query {
    width: 96%;
  }
}

@media only screen and (max-width: 520px) {
  .main-query {
    width: 90%;
  }

  .navbar-brand img {
    width: 100px;
    height: auto;
  }

  ul.navbar-nav li a {
    font-size: 18px;
  }

  .heading-h1 {
    font-size: 40px;
    line-height: 48px;
  }

  .banner-main {
    padding: 210px 0px 170px;
  }

  .heading-h2 {
    font-size: 30px;
    line-height: 42px;
  }

  .why-use-content-description {
    font-size: 18px;

    line-height: 26px;
  }

  .ser-card {
    flex: 0 0 100%;
  }

  .heading-part .heading-h2 {
    font-size: 26px;
    line-height: 36px;
  }

  .heading-part {
    padding: 0px 30px !important;
  }

  .footer-center-logo img {
    width: 200px;
    margin-top: 40px;
  }

  .footer-list {
    margin-top: 16px;
  }
}

/* responsive  end*/