:root {
        --primary-font: 'Poppins', sans-serif;
        --secondary-font: 'Montserrat', sans-serif;
        --tertiary-font: 'Berkshire Swash', serif;
    
        --color-000: #000000;

        --font-size-primary: 16px;
        --hero-form-control-font-size: 16px;
        --validation-font-size: 14px;
        --hero-heading-font-size: 60px;
        --hero-heading-last-font-size: 83px;
        --hero-para-font-size: 44px;
        --heading-small-font-size: 38px;
        --heading-font-size:35px;
        --sub-heading-font-size: 22px;
        --review-card-footer-font-size: 26px;
        --footer-heading-font-size: 26px;
        --nav-font-size: 16px;
        --btn-font-size: 16px;

        --border-radius-lg: 26px;
        --btn-border-radius: 50px;
        --rounded-border-radius: 200px;


        --primary-color: #2e2e2e;
        --nav-color: #2c2c2c;
        --para-color: #3b1218;
        --secondary-color: #ffffff;
        --color-ffcd63: #ffcd63;
        
        --box-shadow-1: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;

        --font-weight-100: 100;
        --font-weight-200: 200;
        --font-weight-300: 300;
        --font-weight-400: 400;
        --font-weight-500: 500;
        --font-weight-600: 600;
        --font-weight-700: 700;
        --font-weight-800: 800;
        --font-weight-900: 900;


        --btn-background-color: #c64555;
        --btn-background-color-light: rgba(198, 69, 84, 0.4);
        --btn-border-color: rgba(198, 69, 84, 0.4);


        --form-control-border-color: #dedede;
        --hero-form-control-border-color: rgb(0 0 0 / 30%);
        --form-control-placeholder-color: rgb(0 0 0 / 40%);

        --heading-font-color: #e61c98;
        --heading-border-color: rgb(0 0 0 / 30%);

        --background-light: #f9f9f9;
        --icon-container-background-color: #f7e2ef;


    }
    
    
    body {
        font-family: var(--primary-font);
        font-size: var(--font-size-primary);
        color: var(--primary-color);
        overflow-x: hidden;
        font-weight: var(--font-weight-500);
        line-height: 1.4;
    }

    /* .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
        font-weight: normal;
    } */
    /* .wrapper {
            margin-top: 2rem;
    } */

    .btn-primary {
        padding: 13px 35px;
        font-weight: var(--font-weight-500);
        font-size: var(--btn-font-size);
        border-radius: var(--btn-border-radius);
        -webkit-border-radius: var(--btn-border-radius);
        -moz-border-radius: var(--btn-border-radius);
        -ms-border-radius: var(--btn-border-radius);
        -o-border-radius: var(--btn-border-radius);
}
.form-control:focus {
    box-shadow: none;
}
         
.btn-grad {
    background: rgb(230,28,152);
    background: linear-gradient(0deg, rgba(230,28,152,1) 0%, rgba(255,130,207,1) 100%);
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    border: 0;
}

  .btn-grad:hover {
    opacity: .9;
  }
 
    .main-heading {
        text-align: center;
        margin-bottom: 40px;
    }
    .main-heading h2 {
       font-size: var(--heading-font-size);
       color: var(--heading-font-color);
       text-transform: uppercase; 
       margin-bottom: 1rem;
       font-weight: var(--font-weight-600);
    }
    .main-heading .border-btm {
        border-bottom: 2px solid var(--heading-border-color);
        width: 120px;
        margin: 0 auto;
    }
    .main-heading.small h2 {
        font-size: var(--heading-small-font-size); 
     }
     .main-heading h2 span {
        display: block;
     }
     .sub-heading h3 {
       font-size: var(--sub-heading-font-size);
       font-weight: var(--font-weight-600); 
     }

    /* Header Start */
    header {
        background-color: transparent;
        -webkit-backdrop-filter: blur(5px);
        backdrop-filter: blur(5px);
        position: sticky;
        top: 0;
        z-index: 9;
        -webkit-transition: ease-in-out .2s;
        -moz-transition: ease-in-out .2s;
        -ms-transition: ease-in-out .2s;
        -o-transition: ease-in-out .2s;
        transition: ease-in-out .2s;
}
    #header.box-shadow-sm {
        box-shadow: var(--box-shadow-1);
        background-color: rgb(255 255 255 / 95%);
    }
    #header.box-shadow-sm .logo {
        width: 120px;
    }
    header nav .logo {
                width: 150px;
                -webkit-animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
                animation: slide-in-blurred-left 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
                -webkit-transition: ease-in-out .2s;
                -moz-transition: ease-in-out .2s;
                -ms-transition: ease-in-out .2s;
                -o-transition: ease-in-out .2s;
                transition: ease-in-out .2s;
}
    header .navbar {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    @-webkit-keyframes slide-in-blurred-left {
      0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
      }
    }
    @keyframes slide-in-blurred-left {
      0% {
        -webkit-transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(-1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 100% 50%;
                transform-origin: 100% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
      }
    }
    

    /*  */
    header nav .nav-item {
        margin-left: .8vw;
        transform-origin: top left;
    }
    header nav .navbar-nav {
      -webkit-animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
      animation: slide-in-blurred-right 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;
      align-items: center;
    }
    @-webkit-keyframes slide-in-blurred-right {
      0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
      }
    }
    @keyframes slide-in-blurred-right {
      0% {
        -webkit-transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
                transform: translateX(1000px) scaleX(2.5) scaleY(0.2);
        -webkit-transform-origin: 0% 50%;
                transform-origin: 0% 50%;
        -webkit-filter: blur(40px);
                filter: blur(40px);
        opacity: 0;
      }
      100% {
        -webkit-transform: translateX(0) scaleY(1) scaleX(1);
                transform: translateX(0) scaleY(1) scaleX(1);
        -webkit-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
        -webkit-filter: blur(0);
                filter: blur(0);
        opacity: 1;
      }
    }
    header nav .nav-link {
        font-family: var(--secondary-font);
        position: relative;
        will-change: transform;
        color: var(--nav-color);
        font-size: var(--nav-font-size);
        text-transform: uppercase;
    }
    header nav .nav-link:hover,
    header nav .nav-link:focus,
    header nav .navbar-nav .nav-link.active {
        color: var(--primary-color);
    }
    header nav .navbar-nav .nav-link.active {
        font-weight: var(--font-weight-600);
    }
    /* header nav .navbar-nav .nav-link.active {
        opacity: 1;
    } */
    header nav .nav-link.active:before,
    header nav .nav-link:hover:before {
        transform-origin: left center;
        transform: scaleX(1);
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
    }
    header nav .nav-link:before {
        position: absolute;
        left: 0;
        bottom: 2px;
        content: "";
        height: 1px;
        width: 100%;
        will-change: transform;
        background: currentColor;
        transform-origin: right center;
        transition: transform .5s cubic-bezier(1,0,0,1);
        transform: scaleX(0);
        -webkit-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -o-transform: scaleX(0);
        color: var(--heading-font-color);
    }
    header nav .nav-link.not:before {
            display: none;
    }
    header nav .nav-link.dropdown-toggle::before {
      border-top: 0;
    }
    header nav .nav-link.dropdown-toggle::after {
        -ms-transition:  all 0.3s ease-in-out;
        -webkit-transition:  all 0.3s ease-in-out;
        transition:  all 0.3s ease-in-out;
        -o-transition:  all 0.3s ease-in-out;
        -moz-transition:  all 0.3s ease-in-out;
        transform: rotate(359.99deg);
        -webkit-transform: rotate(359.99deg);
        -moz-transform: rotate(359.99deg);
        -ms-transform: rotate(359.99deg);
        -o-transform: rotate(359.99deg);
}
    header nav .nav-link.dropdown-toggle:hover::after {
        transform: rotate(270deg);
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
}

header nav .navbar-toggler {
    border: 0;
}
header nav .navbar-toggler:focus {
    box-shadow: none;
}
header nav .navbar-toggler-icon {
    width: 2em;
    height: 2em;
    background-image: url('../../assets/img/Hamburger Menu.png');;
}
    
    /* Header End */

    /* hero Start */
    .hero-content {
        display: block;
        height: 100%;
        background-image: url('../../assets/img/hero/Banner_Image_1920x700.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;

        position: relative;
        z-index: inherit;
        color: #fff;
        height: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
    }
    .hero-content img {
        width: 100%;
        height: 120%;
    }
    .hero {
        position: relative;
    }
    .para-shape {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .para-shape .shape-2, .para-shape .shape-3 {
        background: #9a6e47;
        width: 64px;
        height: 3px;
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
    .hero-content .hero-heading,
    .hero-content .hero-para {
        font-family: var(--tertiary-font);
        text-transform: capitalize;
    }
    .hero-content .hero-heading:first-child {
        margin-top: 50px;
    }
    .hero-content .hero-heading {
        color: var(--color-ffcd63);
        font-size: var(--hero-heading-font-size);
    }
    .hero-content .hero-heading:last-child {
        font-size: var(--hero-heading-last-font-size);
    }
    .hero-content .hero-para {
        font-size: var(--hero-para-font-size);
        margin-bottom: 0;
    }
    .hero-form .card {
        margin-top: 30px;
        border-radius: var(--border-radius-lg);
        -webkit-border-radius: var(--border-radius-lg);
        -moz-border-radius: var(--border-radius-lg);
        -ms-border-radius: var(--border-radius-lg);
        -o-border-radius: var(--border-radius-lg);
        border: 0;
        box-shadow: var(--box-shadow-1);
}
.hero-form .card .card-body {
    padding: 23px 20px 0;
}
.hero-form .card .card-footer {
    border-top: 0;
    background-color: transparent;
    padding: 23px 20px;
}
.hero-form .card span.text-danger {
    font-size: var(--validation-font-size);
}
.hero-form form .form-control {
    border-color: var(--hero-form-control-border-color);
    font-size: var(--hero-form-control-font-size);
    color: var(--color-000);
    border-radius: var(--rounded-border-radius);
    -webkit-border-radius: var(--rounded-border-radius);
    -moz-border-radius: var(--rounded-border-radius);
    -ms-border-radius: var(--rounded-border-radius);
    -o-border-radius: var(--rounded-border-radius);
    padding: 7px 20px;
}
.hero-form form textarea.form-control {
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    -ms-border-radius: 12px;
    -o-border-radius: 12px;
}
.hero-form form input::placeholder,
.hero-form form textarea::placeholder {
    color: var(--form-control-placeholder-color);
    opacity: 1; 

  }
  
  .hero-form form input::-ms-input-placeholder,
  .hero-form form textarea::-ms-input-placeholder { 
    color: var(--form-control-placeholder-color);
  }

    /* hero End */
    /* layer-a Start */
    .layer-a {
        position: relative;
        overflow: hidden;
    }
    .layer-a .para {
        text-align: center;
    }
    .layer-a .top-object,
    .layer-a .bottom-object {
        position: absolute;
        display: block;
        width: 43%;
        opacity: .7;
        z-index: -1;
    }

    .layer-a .top-object {
        top: -330px;
        right: -350px;
    }
    .layer-a .bottom-object {
        bottom: -330px;
        left: -350px;
    }
    .rotate {
        -webkit-animation: rotate-style 10s linear infinite, change-background 2s ease infinite;
        animation: rotate-style 10s linear infinite, change-background 2s ease infinite;
    }
    @keyframes rotate-style {
        0% {
          transform: rotate(0deg);
          -webkit-transform: rotate(0deg);
          -moz-transform: rotate(0deg);
          -ms-transform: rotate(0deg);
          -o-transform: rotate(0deg);
          /* background: #69b7eb; */
    }
        100% {
          transform: rotate(360deg);
          -webkit-transform: rotate(360deg);
          -moz-transform: rotate(360deg);
          -ms-transform: rotate(360deg);
          -o-transform: rotate(360deg);
          /* background: #000000; */
    
    }
      }
    /* layer-a End */
    /* reviews-start */
    .reviews {
        position: relative;
        overflow: hidden;
    }
    .reviews .top-object,
    .reviews .bottom-object {
        position: absolute;
        display: block;
        width: 43%;
        opacity: .7;
        z-index: -1;
    }

    .reviews .top-object {
        top: -330px;
        left: -350px;
    }
    .reviews .bottom-object {
        bottom: -330px;
        right: -350px;
    }
    .reviews .reviews-card .para .border-btm {
        border-bottom: 2px solid var(--heading-border-color);
        width: 120px;
        margin: 0 auto;
    }
    .reviews .reviews-card  {
            box-shadow: 0px 12px 14.88px 1.12px rgba(132, 132, 132, 0.35);
            border-radius: var(--border-radius-lg);
            -webkit-border-radius: var(--border-radius-lg);
            -moz-border-radius: var(--border-radius-lg);
            -ms-border-radius: var(--border-radius-lg);
            -o-border-radius: var(--border-radius-lg);
            border: 0;
            text-align: center;
            line-height: 1.8;
            height: 100%;
    }
    .reviews .reviews-card .card-body .para p {
        margin-bottom: 30px;
    }
    .reviews .reviews-card .card-body {
        padding: 30px 60px 12px;
    }
    .reviews .reviews-card .card-footer {
        border-top: 0;
        padding: 12px 60px 35px;
        background-color: transparent;
        font-size: var(--review-card-footer-font-size);
        text-transform: uppercase;
        font-weight: var(--font-weight-600);
        color: var(--heading-font-color);
        line-height: 1.2;
    }
    /* reviews-end */
    /* form-contact Start */
    .form-contact {
        background-color: var(--background-light);
    }
    .form-contact form .form-control {
        border-color: var(--hero-form-control-border-color);
        font-size: var(--hero-form-control-font-size);
        color: var(--color-000);
        border-radius: var(--rounded-border-radius);
        -webkit-border-radius: var(--rounded-border-radius);
        -moz-border-radius: var(--rounded-border-radius);
        -ms-border-radius: var(--rounded-border-radius);
        -o-border-radius: var(--rounded-border-radius);
        padding: 7px 20px;
    }
    .form-contact form textarea.form-control {
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
}
    .form-contact form input::placeholder,
    .form-contact form textarea::placeholder {
        color: var(--form-control-placeholder-color);
        opacity: 1; 
    
      }
      
      .form-contact form input::-ms-input-placeholder,
      .form-contact form textarea::-ms-input-placeholder { 
        color: var(--form-control-placeholder-color);
      }
    
    /* form-contact End */
    /* layer-b Start */
    .layer-b {
        background: var(--background-light);
    }
    .layer-b .main-heading {
        font-size: var(--heading-font-size);
    }
    .layer-b .icon-container {
        width: 180px;
        height: 180px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--icon-container-background-color);
        border-radius: var(--rounded-border-radius);
        -webkit-border-radius: var(--rounded-border-radius);
        -moz-border-radius: var(--rounded-border-radius);
        -ms-border-radius: var(--rounded-border-radius);
        -o-border-radius: var(--rounded-border-radius);
        padding: 35px;
        margin: 0 auto;
        margin-bottom: 20px;
    }
    .icon-container-parent {
        text-align: center;
    }
    /* layer-b End */
    
    /* footer Start */
    footer {
        background-image: url('../../assets/img/Footer_Image_1920x400.jpg');
        background-repeat: no-repeat;
        position: relative;
        background-size: cover;
        color: var(--secondary-color);
    }


    footer .main-heading h2 {
        color: var(--secondary-color);
        font-size: var(--footer-heading-font-size);
    }
    footer .main-heading .border-btm {
        border-color: #e61c98;
    }

    footer .break:last-child {
        margin-bottom: 0;
    }
    footer .break p {
        display: flex;
    }
    footer .break a {
        display: block;
    }
    footer .para {
        text-align: center;
    }
    footer .break p {
        justify-content: center;
    }
    footer a {
        color: var(--secondary-color);
        text-decoration: none;
        transition: 500ms ease;
        -webkit-transition: 500ms ease;
        -moz-transition: 500ms ease;
        -ms-transition: 500ms ease;
        -o-transition: 500ms ease;
    }
    footer .social-icons ul {
        display: flex;
        list-style-type: none;
        padding-left: 0;
        justify-content: center;
    }
    footer .social-icons ul li a img {
        width: 40px;
        margin-right: 10px;
}
    footer .social-icons ul li a:hover,
    footer .break a:hover {
        opacity: .8;
    }
    .footer-btm {
        border-top: 1px solid #402938;
        background-color: #1b0011;
        font-size: 14px;
        font-weight: var(--font-weight-400);
        padding: 7px 0;
        text-transform: capitalize;
    }
    .footer-btm .vr {
        opacity: .8;
        width: 2px;
        margin-left: 1px;
    }
    .footer-btm li.nav-item {
        align-items: center;
        display: flex;
        gap: 7px;
    }

    /* footer End */