@import url("https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap");

/* ========================= Global Css Start ========================== */
* {
  text-decoration: none !important;
}
:root {
  --primary-color: #88071d;
  --white-color: #fff;
}
body {
  font-family: "Mulish", serif !important;
  font-size: 1.4rem;
}

html {
  font-size: 62.5%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Mulish", serif !important;
}

h1 {
  font-size: 4rem;
}
h2 {
  font-size: 3.6rem;
}
h3 {
  font-size: 3.2rem;
}
h4 {
  font-size: 2.8rem;
}
h5 {
  font-size: 2.4rem;
}
h6 {
  font-size: 2.2rem;
}

p {
  font-size: 1.6rem;
}
.mt-50 {
  margin-top: 5rem;
}
.mb-50 {
  margin-bottom: 5rem;
}
.pt-50 {
  padding-top: 5rem;
}
.pb-50 {
  padding-bottom: 5rem;
}
.my-50 {
  margin: 5rem 0;
}
.py-50 {
  padding: 5rem 0;
}
.red-color {
  color: var(--primary-color);
}

/* ============= Header section style start ===================== */
#header {
  background-color: #000;
}
#header ul li a {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
}
#header .book-now-btn{
  background-color: #b0a683;
  color: #fff;
  padding: 0 10px;
}
#header .contact-btn{
  background-color: #fff;
  color: #000;
  font-size: 1.6rem;
  padding: 6px 1.5rem;
  border-radius: 40px;
}
/* ============= Header section style end ===================== */

/* ============= hero section style start ===================== */
.hero-section {
  background-color: var(--primary-color);
}
.hero-section .content h1 {
  font-size: 4rem;
  color: var(--white-color);
  font-weight: 700;
  text-align: center;
}
.hero-section .cta-form {
  padding: 1rem 1.5rem;
}
.cta-form .form-title {
  font-weight: 700;
  margin-bottom: 1rem;
}
.cta-form .form-title span {
  color: var(--primary-color);
}
.form-label {
  font-weight: 700;
  font-size: 1.5rem;
}
.form-control {
  font-size: 1.5rem;
}
.send-btn {
  width: 100%;
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 6px;
}

.service-btn {
  border: 1px solid #fff;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  border-radius: 40px;
}
/* ============= hero section style end ===================== */

/* ===============Google Review start =================== */
.section {
  padding: 5rem 0;
}
.section-title {
  margin-bottom: 4rem;
}
.section-title h2 {
  font-size: 3.2rem;
  font-weight: 800;

  text-align: center;
}
.google-review .content-box h3 {
  color: var(--primary-color);
  font-weight: 700;
}
.btn-box .book-now-btn {
  border: 1px solid #000;
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
  border-radius: 40px;
}

/* ===============Google Review end =================== */
/* ===============Portfolio section start =================== */
.portfolio-section {
  background-color: var(--primary-color);
}
.portfolio-section .gallery-img img {
  border: 4px solid #fff;
}
/* ===============Portfolio section end =================== */
/* ===============Service section start =================== */
.service-section {
  background-color: var(--primary-color);
}
/* ===============Service section end =================== */
/* ===============Client section Start =================== */
.clients-section .review-box {
  padding: 1.5rem 3rem;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.clients-section .review-box i {
  color: #daa520;
}
.clients-section .review-box .user-name {
  font-weight: 700;
  font-size: 1.8rem;
}
/* ===============Client section End =================== */
/* ===============About services section Start =================== */
.about-services {
  background-color: var(--primary-color);
}
.about-services .social-media ul li span {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.about-services .social-media ul li span i {
  font-size: 2rem;
  color: var(--primary-color);
}
.about-services .service-box h6 {
  font-weight: 700;
}
.about-services .service-box .card-body {
  background-color: #f3e7e9;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.about-services .service-box .book-now {
  background-color: #fff;
  color: var(--primary-color);
  padding: 1rem 2rem;
  font-size: 1.6rem;
  font-weight: 600;
  border-radius: 10px;
  display: inline-block;
}
/* ===============About services section End =================== */
/* ===============Contact section Start =================== */
.contact-section .form-container .form-group {
  margin-bottom: 3rem;
}
.contact-section .form-container input,
.contact-section .form-container textarea {
  border: none;
  border-bottom: 2px solid #000;
  border-radius: 0;
}
.contact-section .form-container input:focus,
.contact-section .form-container textarea:focus {
  box-shadow: none;
  border-bottom: 1px solid #000;
}
.contact-section .form-container .submit-btn {
  background-color: #000;
  color: #fff;
  padding: 6px 2rem;
  border: none;
  font-size: 1.6rem;
}
.contact-section .contact-info .box {
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  padding: 10px;
}
.contact-section .contact-info .box h6 {
  font-size: 1.7rem;
}
.contact-section .contact-info .box i {
  font-size: 2rem;
}
/* ===============Contact section End =================== */
/* ===============Footer section Start =================== */
.footer {
  background-color: #000;
}
.footer .social-media ul li span {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: var(--white-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.footer .social-media ul li span i {
  font-size: 2rem;
  color: var(--primary-color);
}
.footer .about-company p {
  font-size: 15px;
}

.footer .contact-info li,
.footer .footer-widget a {
  font-size: 1.6rem;
}
/* ===============Footer section End =================== */

/* ===============Bridal pag start =================== */
.bridal .book-appointment-btn{
  background-color: #fe6289;
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-block;
  border-radius: 10px;
}
.book-appointment-section {
  background-color: #e63f73;;
}
.book-appointment-section .btn-box .appointment-btn{
  border: 1px solid #fff;
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-block;
  border-radius: 10px;
}
.instagram-section .insta-btn{
  background-color: #e63f73;
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  font-weight: 600;
  display: inline-block;
  border-radius: 10px;
}
/* ===============Bridal page end=================== */
/* ===============Responsive page start=================== */
@media only screen and (max-width:991px)
{
  #header .book-now-btn{

    display:  inline-block !important;
    width: fit-content;
    padding: 7px 15px;
    margin-bottom: 15px;
    border-radius: 10px;
  }
  #header .contact-btn
  {
    margin-bottom: 15px;
    display: inline-block;
  }


}
/* ===============Responsive page end=================== */

.book-apn{
transition: all 0.2s ease-in-out;  
display: inline-block;
}
.book-apn:hover{
  transform: skew(-35deg);
}