*{
 padding: 0;
 margin: 0;
 box-sizing: border-box;
}
:root{
  --primary-100: #F8A543;
   --primary-200: #B3B3B3;
   --primary-300: #FFFFFF;
   --primary-400: #F8A645;
   --primary-500: #242424;
   --primary-600: #FFFCF8;
   --primary-700: #F3ECE6;
   --primary-800: #1E1000;
   --primary-900: #454545;
   --links:#525252;

/* fonts */
--transition: 0.3s ease-in-out all;
}
h1{
font-family: "Grenda", serif;
color:var(--primary-800) ;
font-size: 36px;
line-height: 140%;
font-weight: normal;
}
h5{
line-height: 150%;
font-size: 14px;
color: var(--primary-900);
font-weight: 900;
font-family: "DM Sans", serif;
}
.A-btn{
 font-family:"Poppins",serif ;
 color: #1E1000;
 font-weight: 500;
}
a{
 color: var(--primary-300);
 font-family: "Poppins", serif;
 line-height: 64%;
 font-size: 16px;
 font-weight: normal;
 text-decoration: none;
 transition: var(--transition);
}
p{
 font-family: "DM Sans", serif;
 line-height: 150%;
 font-size: 16px;
 color: var(--primary-900);
}
#A-navbar{
background:linear-gradient( rgba(23,23,23,0.9 ),rgba(23,23,23,0.9));
/* background: black; */
}
.hamburger{
  cursor: pointer;
}
.nav-link{
color: var(--primary-300);
}
.nav-link:hover {
 color: #F8A543;
}
.nav-brand img {
 width: 220px;
 height: 47px;
}
.A-btn {
 width: 93px;
 height: 33px;
 font-size: 8px;
 border-radius: 30px;
 background: #F8A543;
 border: none;
 cursor: pointer;
}
@media (max-width:991px) {
.navbar-collapse {
text-align: center;
height: 100vh;
}
}
@media (max-width:1198px){
.A-none {
display: none;
}
}
@media (min-width:992px) {
.nav-link {
font-family: "DM Sans", serif;
color: var(--links);
}
.A-btn {
font-size: 12px;
}
}

@media (min-width:1400px) {
.nav-link {
font-size: 20px;
}
.A-btn {
font-size: 20px;
font-family: "DM Sans", serif;
width: 196px;
height: 63px;
border-radius: 40px;
}
#navbar-logo {
width: 261px;
height: 63px;
}
}
/* end of navbar */


/* main */
.main {
  width: 100%;
  height: 102vh;
  padding-top: 100px;
  position: relative;
  /* background: linear-gradient(rgba(23, 23, 23, 0.4)50%, rgba(23, 23, 23, 0.4)); */
}
.main .main-heading {
color: #F8A543;
}
.hero-img{
  position: absolute;
  width: inherit;
  height: inherit;
  top: 0;
  left: 0;
  background: url(./heroimg\ \(1\).png ) center /cover no-repeat;
   z-index: -1;
transition: transform 0.5s ease-in-out; }
.hero-btn{
  width: 170px;
  height: 63px;
  border-radius: 40px;
  background: #F8A543;
  font-family: "DM Sans", serif;
color: #1E1000;
font-size: 20px;
display: inline-block;
display: grid;
place-items: center;
}
@media (min-width:801px) and (max-width:1400px) {
.hero-btn{
    width: 150px;
      height: 43px;
      border-radius: 40px;
      font-size: 14px;
}
}
@media  (max-width:800px) {
.hero-btn{
    width: 112px;
      height: 40px;
      border-radius: 26.35px;
      font-size: 12px;
}
}
.main-text{
  margin-bottom: 20px;
}
.main-text p {
  color: #fff;
  line-height: 150%;
  font-family: "DM Sans", serif;
letter-spacing: 0%;
font-size: 14px;
opacity: 0.7;
}
.main-text-container{
position: absolute;
bottom: 10%;
left: 20px;
max-width: 80%;
}
.mouse-container{
  max-width: 50%;
  position: absolute;
  bottom:calc(10% - 38px) ;
    left: 20px;
}
.hero-pagination-container{
  position: absolute;
  bottom: 5%;
  right: 20px;
  /* border: 2px solid red; */
  width: 200px;
  height: 100px;
  display: flex;
  align-items: end;
  justify-content: center;
  flex-direction: column;
  gap: 15px;
}
.hero-pagination{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  background: white;
  transition:  all 0.3s linear;
}
.hero-pagination-acive1{
  background: #F8A543;
}
.hero-pagination-acive::after{
  content: "";
  position: absolute;
  width: 50px;
  height: 1px;
  background: white;
  top: 50%;
  left: -60px;
  background: #F8A543;
}


@media (min-width:1450px) {
.main .main-heading {
font-size: 60px;
}
.main-text-container {
  max-width: 40%;
  bottom: 5%;
}
.main-text {
font-size: 20px;
}
}
@media (min-width:800px){
.main-text-container{
  max-width: 50%;
  bottom: 5%;
}
.main-text p {
  line-height: 28px;
letter-spacing: -3%;
font-size: 16px;
}
}


/* 
.mouse-image{
  cursor: pointer;
}
.down{
  position: relative;
    width: 20px;
  height: 38px;
  background: transparent;
  border: 1px solid white;
  border-radius: 25px;
  overflow: hidden;
  cursor: pointer;
    animation: changer 1s linear infinite;
}
.down::before{
  content: '';
  position: absolute;
  width: 2px;
  background: white;
  height: 12px;
  left: 50%;
  top: 10px; 
  transform: translate(-50%, 0);
  animation: animate 2s linear infinite;
}
@keyframes animate {
0%{
  transform: translate(-50%,0px);
}
80%{
  transform: translate(-50%, 60px);
  background: #F8A543;
}
100%{
  transform: translate(-50%, 100px);
    background: #F8A543;
}
}
@keyframes changer {
0%{
  border-color: white;
}
80%{
  border-color: #F8A543;
}
100%{
    border-color: #F8A543;
}
}
@media (min-width:1280px){
  .down{
    width: 34px;
      height: 64px;
    border: 3px solid white;
  }
  .down::before{
    width: 3px;
  }
} */

/* section */
#section {
  width: 100%;
  height: 40vh;
  display: flex;
  align-items: flex-end;
}

@media (min-width:992px) and (max-width:1450px) {

  #section {
    height: 35vh;
  }
}

.section-row {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  background: white;
  border-radius: 15px;
  padding: 10px;
  background: var(--primary-600);
}

.A-col {
  text-align: left;
}

.A-col p {
  font-size: 8px;
  color: #B3B3B3;
  margin-left: 35px;
  font-weight: 500;
}

.A-col h5 {
  font-size: 14px;
  margin-left: 35px;
  margin-top: 5px;
}

.section-icon {
  margin-left: 10px;
}

.section-icon>img {
  width: 24px;
  height: 24px;
  float: left;
}

.section-row .btn {
  background: #F8A543;
  margin: auto;
  font-family: "DM Sans", serif;
  color: var(--primary-600);
  border-radius: 16px;
  margin-top: 10px;
  /* display: flex;
  align-items: center;
  justify-content: center; */
}


@media (max-width:991px) {
  .section-row .btn {
    margin-bottom: 15px;
  }
}

@media (min-width:992px) {
  .A-col h5 {
    font-size: 20px;
  }
  #section{
    padding-bottom: 50px;
  }

  .A-col p {
    font-size: 15px;
  }

  .A-col p img {
    width: 25px;
    height: 25px;
  }

  .section-row .btn {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    font-size: 12px;
  }

  .section-row {
    border-radius: 50px;
  }

  .section-icon>img {
    margin-top: 5px;
    margin-left: 5px;
  }
}

@media (min-width:1450px) {
  #section {
    height: 45;
    padding-bottom: 20px;
  }
}
/* end of main */
/* about */
#about {
  background:linear-gradient(rgba(225, 220, 220, 0.858)42% rgb(251, 251, 251)    );
}

#about .container-1 {
  justify-content: center;
  align-items: center;
}

@media (max-width:991px) {
  .ab-col img {
    width: 268px;
    height: 294px;
  }

}

@media (min-width:992px) and (max-width:1450px) {

  .ab-col img {
    width: 268px;
  }
}
.ab-row{
  display: inline-block;
}
/* about animate */
.container-2 {
  overflow: hidden;
white-space: nowrap;

}
.container-2:hover .ab-row{
  animation-play-state: paused;
}

.animate {
  animation: slide 10s linear infinite;
}


@keyframes slide {
  from{
transform: translateX(0);
  }
to{
transform: translateX(-100%);
}
}

/* end of about page */
/* packages */
.testimonial-1 {
  width: 284px;
  height: 391px;
  border-radius: 50px;
  margin: auto;
    background: #FFFCF8;
      border: 2px solid #F8A543;
}

.p-img {
  background: #F8A543;
  height: 51px;
  width: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.testimonial-2 {
  width: 285px;
  height: 392px;
  border-radius: 60px;
  margin: auto;
  background: #1E1000;
    border: 2px solid #F8A543;
}
.testimonial-2 h1 {
  color: var(--primary-600);
}


.pricing-card-title{
color: var(--primary-900);
font-size: 30px;
font-weight: bold;
font-family: "DM Sans", serif;
}
.list-unstyled li {
  font-family: "DM Sans", serif;
  line-height: 140%;
  font-size: 12px;
  font-weight: 700;
  color:var(--primary-800);
  text-align: left;
    margin-left: 20px;
    margin-bottom: 5px;
}
.testimonial-2 .list-unstyled li{
color: var(--primary-600);
}

@media (max-width:992px){
.testimonial-2 h1{
  font-size: 30px;
margin-bottom: 0px;

}
.testimonial-1 h1{
  font-size: 30px;
    margin-bottom: 0px;
  }
}
.card-border{
  width: 80%;
  height: 2px;
  background: none;
}

.card-header {
  background: none;
  border: none;
}

.card-body .btn {
  width: 107px;
  height: 40px;
  background: #F8A543;
  padding: 5px;
  border-radius: 24px;
  font-weight: 500;
  line-height: 64%;
  font-family: "DM Sans", serif;
  font-size: 12px;
}

.carousel-indicators {
  width: 20%;
  margin: auto;
  color: #F8A543;
  overflow-y: hidden;
transform: translateY(30px);
/* background: blueviolet; */
}

#indicator-btn{
  background: var(--primary-400);
  border-radius: 100%;
  margin: 0;
width: 15pt;
  height: 0pt;
  transform: scale(0.5);
}
#indicator-active {
  background:var(--primary-400) ;
border-radius: 50%;
width: 15pt;
height:0pt;
transform: scale(0.5);
}
.p-row{
  margin: auto;
}

.packages-prev-btn,
.packages-next-btn {
  align-items: end;
  height: 100%;
  transform: translateY(30px);
  position: absolute;
  transform-origin: all 3ms;
}
.packages-next-btn {
  margin-right: 100px;
}
.packages-prev-btn {
  margin-left: 100px;
}

@media (min-width:992px) {
  .pakages-carousel-item {
    display: flex;
    width: 33.33%;
    float: none;
    margin: 0;
    transition: all 5ms;
    cursor: pointer;
  }
  .pakages-carousel-item:hover {
    transform: translateY(10px);
  }

  .carousel-indicators {
    display: none;
  }

  .packages-prev-btn,
  .packages-next-btn {
    display: none;
  }
}
@media (min-width:1450px){
.testimonial-1{
  width: 396px;
  height: 546px;
}
.testimonial-2{
width: 396px;
height: 600px;
margin-top: 10px;
}
.list-unstyled li{
font-size: 16px;
margin-top: 15px;
margin-bottom: 20px;
margin-left: 50px;
}


.ts-r{
  margin-top: 50px;
}
.card-body .btn{
  width: 170px;
  height: 63px;
  border-radius: 40px;
  font-size: 20px;
margin-top: 50px;
}
.testimonial-2 .btn{
  margin-top: 90px;
}
.pricing-card-title{
  font-size: 50px;
}
}
/* end of pakages */
/* testimonial */
.testimonial {
  background: #FFFCF8;
  width: 100%;
  height: 90vh;
  margin-bottom: 50px;
  padding-bottom: 20px;

}
@media (max-width:576px){
  .testimonial{
    height: 110vh;
    padding-bottom: 20px;
  }
}


.testimonial-card{
  height: 410px;
  width: 279px;
  background: #F8A543;
  border-radius: 20px;
}
.testimonial-card .testimonial-p1{
font-size: 14px;
  font-family: "DM Sans", serif;
  line-height: 140%;
  color: #454545;
  margin-bottom: 70px;
  margin-top: 30px;
}
.testimonial-card-1{
  background: #1E1000;
}
  .testimonial-card .testimonial-p2{
    font-size: 10px;
  font-family: "DM Sans", serif;
  color: #454545;
  line-height: 140%;
  }
    .testimonial-card .testimonial-p2 img{
      border-radius: 50%;
    }
    .testimonial-card  .img {
      border-radius: 50%;
      width: 50px;
      height: 50px;
      float: right;
      margin-right: 20px;
    }
.testimonial-card h5{
  font-size: 14px;
  color: #1E1000;
  line-height: 140%;
  font-family: "DM Sans", serif;
}
@media (min-width:1450px){
  .testimonial-card{
    width: 373px;
    height: 548px;
      border-radius: 35px;
        padding: 50px;
  }
    .testimonial-card h5{
      font-size: 20px;
    }
  .testimonial-card .testimonial-p2{
    font-size: 16px;
  }
  .testimonial-card .img{
width: 70px;
height: 70px;
  }
  .testimonial-card .testimonial-p1{
    font-size: 20px;
  }

}
@media(max-width:991px){
  .testimonial-control{
    display: none;
  }
}
@media (min-width:992px){
.testimonial-container-2{
  float: left;
  width: 40%;
}
.item-1 {
  margin-top: 100px;
}

.item-3 {
  margin-top: 60px;
}
.testimonial-container-2 {
  height: 80vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.testimonial-control{
  width: 141px;
  height: 57px;
  border-radius: 30px;
  border: 2px solid;
  border-color: #F8A543;
  display: inline-block;
  margin-left: 20px;
  background: transparent;
}


.testimonial-slide{
  float: left;
  width: 60%;
  margin-top: 30px;
  padding-left: 50px;
}
}
.testimonial__text{
  color: var(--primary-600);
}
#right__1{
background: var(--primary-400);
}

.carousel__button {
  width: 172px;
  height: 40px;
  border: 1px solid;
  border-color: #F8A543;
  border-radius: 8px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: "DM Sans", serif;
  cursor: pointer;
  transition: all 0.5ms;
  background: white;
}

.carousel__button:hover {
  background: #F8A543;
  color: var(--primary-600);
}


.testimonial-card {
  height: 410px;
  width: 279px;
  background: #F8A543;
  border-radius: 20px;
}

.testimonial-card .testimonial-p1 {
  font-size: 14px;
  font-family: "DM Sans", serif;
  line-height: 140%;
  color: #454545;
  margin-bottom: 70px;
  margin-top: 30px;
}

.testimonial-card-1 {
  background: #1E1000;
}

.testimonial-card .testimonial-p2 img {
  border-radius: 50%;
  margin-left: 50px;
  /* margin-bottom: 10px; */
  height: 36px;
  width: 36px;
}

.testimonial-card h5 {
  font-size: 14px;
  color: #1E1000;
  line-height: 140%;
  font-weight: 600;
  font-family: "DM Sans", serif;
}
#testimonial-color {
  color: var(--primary-600);
}

@media (min-width:1450px) {
  .testimonial-card {
    width: 373px;
    height: 548px;
    border-radius: 35px;
    padding: 50px;
  }
.testimonial-p2{
  font-weight: 300;
}

  .testimonial-card h5 {
    font-size: 20px;
  }

  .testimonial-card .testimonial-p2 {
    font-size: 16px;
  }

  .testimonial-card .testimonial-p2 img {
    width: 70px;
    height: 70px;
  }

  .testimonial-card .testimonial-p1 {
    font-size: 20px;
  }

}

@media(max-width:991px) {
  .testimonial-control {
    display: none;
  }
}

@media (min-width:992px) {
  .testimonial-container-2 {
    float: left;
    width: 40%;
  }

  .item-1 {
    margin-top: 100px;
  }

  .item-3 {
    margin-top: 60px;
  }

  .testimonial-container-2 {
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .testimonial-control {
    width: 141px;
    height: 57px;
    border-radius: 30px;
    border: 2px solid;
    border-color: #F8A543;
    display: inline-block;
    margin-left: 20px;
    background: transparent;
    color: #FFFFFF;
  }

  .testimonial-slide {
    float: left;
    width: 60%;
    margin-top: 30px;
    padding-left: 50px;
  }
}
  .testimonial-card-1 .testimonial-p1{
  font-weight: 300;
  color: #FFFCF8;
}
  .testimonial-card-1 .testimonial-p2{
  font-weight: 200;
  color: #FFFCF8;
}
 .testimonial-card-1 #testimonial-color{
  color: var(--primary-600);
  font-weight: 600;
}

/* Gallery */
#Gallery .img-1 img {
  width: 100%;
  height: 179px;
  object-fit: fill;
  border-radius: 20px;
}

#Gallery .img-2 img {
  width: 100%;
  height: 106px;
  border-radius: 20px;
}

#Gallery .img-3 img {
  width: 100%;
  height: 106px;
  border-radius: 20px;
}

#Gallery .img-4 img {
  width: 100%;
  height: 106px;
  border-radius:20px;
}

#Gallery .img-5 img {
  width: 100%;
  height: 106px;
  border-radius: 20px;
  /* filter: grayscale(100%); */
}

@media (min-width:1450px) {
  #Gallery .img-1 img {
    width: 100%;
    height: 500px;
  }

  #Gallery .img-2 img {
    width: 100%;
    height: 179px;
  }

  #Gallery .img-3 img {
    width: 100%;
    height: 179px;
  }

  #Gallery .img-4 img {
    width: 100%;
    height: 500px;
  }
}

@media (min-width:992px) {
  #Gallery .img-1 img {
    width: 100%;
    height: 400px;
  }

  #Gallery .img-2 img {
    width: 100%;
    height: 150px;
  }

  #Gallery .img-3 img {
    width: 100%;
    height: 150px;
  }

  #Gallery .img-4 img {
    width: 100%;
    height: 400px;
  }
}

.gallery-ph {
  width: 172px;
  height: 40px;
  background: #F8A543;
  border-radius: 22.75px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 10px;
  cursor: pointer;
}

.gallery-ph p {
  font-size: 13px;
  color: var(--primary-800);
  font-weight: 500;
}

.gallery-ph p img {
  width: 22px;
  height: 22px;
}

@media (min-width:992px) {
  .gallery-ph {
    width: 240px;
    height: 60px;
    border-radius: 40px;
  }

  .gallery-ph p {
    font-size: 20px;
  }
}

/* @media (min-width:1400px) {
  .gallery-ph p {
margin-top: 5px;
  }
} */
.gallery-ph{
  display: grid;
  place-items: center;
}
/* Contact */
#text {
  width: 100%;
  height: 63px;
  background: linear-gradient(rgba(244, 189, 77, 0.3), rgba(244, 189, 77, 0.3));
  border-radius: 9px;
  border: none;
  padding-left: 20px;
  color: var(--primary-600);
}
#Contact p{
color: var(--primary-200);
}

#email {
  width: 100%;
  height: 63px;
  background: linear-gradient(rgba(244, 189, 77, 0.3), rgba(244, 189, 77, 0.3));
  border-radius: 9px;
  border: none;
  padding-left: 20px;
color: var(--primary-600);
}

#number {
  width: 100%;
  height: 63px;
  border: none;
  background: linear-gradient(rgba(244, 189, 77, 0.3), rgba(244, 189, 77, 0.3));
  border-radius: 9px;
  padding-left: 20px;
color: var(--primary-600);
}

::placeholder {
  color: var(--primary-600);
  font-size: 14px;
  font-family: "Poppins", serif;
  font-weight: 300;
  margin-top: 20px;
}

#text-area {
  width: 100%;
  height: 128px;
  background: linear-gradient(rgba(244, 189, 77, 0.3), rgba(244, 189, 77, 0.3));
  border-radius: 9px;
  border: none;
  padding-top: 20px;
  padding-left: 20px;
  color: var(--primary-600);
}

.or-container {
  background: #F8A543;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  height: 50%;
  padding-top: 10px;

}

.co-container {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 10px;
  padding-top: 20px;
}

.co-row {
  background: url(./Screenshot\ 2024-10-18\ 002654.png) center/cover no-repeat;
  border-radius: 16px;
}
@media (min-width:992px) {
  .co-row{
  padding-left: 20px;
  }
  }

.co-btn {
  width: 149px;
  height: 45px;
  background: #F8A543;
  border-radius: 6px;
  color: white;
  border: none;
  font-size: 12px;
  font-family: "Poppins", serif;
  border-radius: 27.25px;
}

#Contact {
  background: #FFFCF8;
}

@media (min-width:1400px) {
  .xco-row {
    width: 50%;
  }

  .co-img {
    position: absolute;
    left: 620px;
    bottom: 10px;
  object-fit: contain;
  }
.co-btn {
  border-radius: 40px;
}
.co-img img{
  width: 640px ;
  height: 795px;
  margin-left: 5px;
}
}

@media (min-width:992px) and (max-width:1399px) {
  .xco-row {
      width: 50%;
    }
.co-btn{
border-radius: 40px;
}
    .co-img {
      position: absolute;
      left: 520px;
      top: 19px;
      object-fit: contain;
      padding-left: 20px;
    }
  .co-img img {
    width: 570px;
    height: 795px;
  }
}
@media (min-width:992px) and (max-width:1200px) {
  .xco-row {
      width: 50%;
    }
    .co-img {
      position: absolute;
      left: 420px;
      top: 12px;
      object-fit: contain;
      padding-left: 20px;
    }
  .co-img img {
    width: 500px;
    height: 795px;
  }
}
#Contact #sucess{
  visibility: hidden;
  color: white;
  font-size: 16px; 
  height: 15vh;
  display: grid;
  place-items: center;
  border-radius: 50px;
  margin-bottom: 20px;
  background: darkgreen;
  border: 3px solid lightgreen;
  position: relative;
}


#Contact #sucess .circle{
  position: absolute;
  height: 100%;
  width:100px ;
  border-radius: 50%;
  left: 0;
  top: 0;
  display: grid;
  place-items: center;
}
#Contact #sucess .circle img{
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

@media (max-width:576px){
#Contact #sucess p span{
  display: none;
}
#Contact #sucess p{
  margin-left: 50px;
}
}
@media (min-width:1401px){
#Contact #sucess p{
font-size: 20px;
}
#Contact #sucess{
  border-radius: 70px;
}
#Contact #sucess .circle img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-left: 20px;
}
}
/* end of contact */
/* Footer */

#footer {
  background: #1E1000;
}

#footer h4 {
  font-family: "Grenda", serif;
  font-size: 20px;
    color: var(--primary-600);
  font-weight: 400;
}

#footer p {
  font-size: 16px;
  line-height: 140%;
  font-weight: 400;
  font-family: "DM Sans", serif;
}
.footer p{
  color: var(--primary-200);
}

#footer p a {
  text-decoration: none;
  color: var(--primary-200);
  font-weight: 400;
  transition: all 5ms;
}

#footer p a:hover {
  color: #F8A543;
}

.footer-text p {
  color: var(--primary-400);
  cursor: pointer;
  margin-bottom: 0;
}
@media (max-width:576px){
#footer p {
font-size: 12px;
}}