@import url('https://fonts.googleapis.com/css2?family=Aguafina+Script&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  font-family: "Jost", sans-serif;
}

body {
    background: var(--c2);
}
a {
  text-decoration: none;
  display: inline-block;
}

img {
  width: 100%;
  display: block;
}

ul {
  padding: 0;
  margin: 0;
}

p {
  /* font-size: 14px;
   color: var(--c6);
   padding: 0;
   margin: 0;
   line-height: 30px; */
}

h1,
h2,
h3,
h4,
h5,
h6,p {
  padding: 0;
  margin: 0;
}

:root {
  --c1: #c00000; /* Black */
   /* White */
   /* Red */
   /* Background Color */
   /* Background Color */
  --c2: #0e1730;
}

/* ::selection {
  background: var(--c5);
} */
.top-header-details ul li a {
    color: white;
    font-size: 15px;
    transition: .4s all;
}

.top-header-details ul li a i {
    /* color: red; */
}

.top-header-social ul {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}

.top-header .row {padding: 10px 0px 10px;border-bottom: 1px solid #ffffff42;}

.top-header-details ul li a:hover {
    color: var(--c1);
}

.logo a img {
    width: 220px;
}

.logo {
    display: flex;
    justify-content: center;
}

.header-btns {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}

.header-menu {color: white;font-size: 22px;width: fit-content;transition: .4s all;cursor: pointer;}

.top-header-social ul li {
    color: white;
}

.primary-btn a {
    padding: 12px 30px;
    border: 1px solid var(--c1);
    color: white;
    font-size: 15px;
    background: var(--c1);
    transition: .4s all;
}

.primary-btn a:hover {
    background: transparent;
}

.header-btn a {
    padding: 12px 30px;
    border: 1px solid var(--c1);
    color: white;
    font-size: 15px;
    transition: .4s all;
}

.header-btn a:hover {
    background: var(--c1);
}

.header-btn a i {
    background: transparent;
}

.header-menu:hover {
    color: var(--c1);
}
.header-btns.group-btns {
}

.banner-content {
    text-align: center;
    color: white;
    position: relative;
    padding: 270px 0px 120px;
}

.banner.home-banner {
    background-image: url(/wp-content/uploads/2025/08/banner-img.jpeg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

header.header {
    position: absolute;
    width: 100%;
    z-index: 9;
}

.banner.home-banner:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0e1730d6;
}

.banner-content h5 {
    background: var(--c1);
    width: fit-content;
    margin: 0 auto;
    padding: 8px 30px;
    border-radius: 200px;
    font-size: 16px;
}

.banner-content h1 {
    font-size: 70px;
    margin-top: 15px;
}

.banner-content p {
    font-size: 18px;
    width: 50%;
    margin: 10px auto 0;
}

.banner-content .group-btns {
    margin-top: 50px;
    justify-content: center;
}
.banner-slider-item img {
    width: 100%;
    height: 350px;
    object-fit: cover;
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
}

.banner-slider {
    z-index: 8;
    position: relative;
}

.banner-slider-item {
    margin: 0px 20px;
}
section.menu-sec {
}

.spacer {
    padding: 120px 0px 120px;
}

.section-title {
    text-align: center;
    margin-bottom: 80px;
    color: white;
}

.section-title h5 {
    background: var(--c1);
    width: fit-content;
    margin: 0 auto;
    padding: 8px 30px;
    border-radius: 200px;
    font-size: 16px;
    text-transform: uppercase;
}

.section-title h2 {
    font-size: 50px;
    margin-top: 15px;
    text-transform: uppercase;
}

.menu-item-img img {
    height: 500px;
    object-fit: cover;
    border-top-right-radius: 500px;
    border-top-left-radius: 500px;
    transition: .8s all;
}

.menu-item-content {
    text-align: center;
    color: white;
    padding: 30px 10px 0px 10px;
}

.menu-item-content h2 {
    font-size: 36px;
}

.menu-item-content p {
    padding: 10px 0px 30px;
}

section.menu-sec .row {
    row-gap: 80px;
}

.menu-item {
    overflow: hidden;
    border-top-right-radius: 500px;
    border-top-left-radius: 500px;
    margin: 0px 20px;
}

.menu-item-img {
    overflow: hidden;
    position: relative;
}

.menu-item-img:before {
    content: "";
    position: absolute;
    width: 95%;
    height: 95%;
    border: 1px solid white;
    border-top-right-radius: 200px;
    border-top-left-radius: 200px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 10px;
    z-index: 8;
}

.menu-item:hover img {
    transform: scale(1.2);
}
section.about-sec {
    position: relative;
    height: 900px;
    display: flex;
    align-items: center;
}

.spacer-top {
    padding-top: 120px;
}

.box-content h5 {
    background: var(--c1);
    width: fit-content;
    padding: 8px 30px;
    border-radius: 200px;
    font-size: 16px;
    color: white;
}

.box-content h2 {
    font-size: 55px;
    color: white;
    margin-top: 15px;
}

.box-content p {
    color: white;
    padding-top: 20px;
}
.about-img {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 45%;
    background-image: url(/wp-content/uploads/2025/08/banner-img.jpeg);
    height: 780px;
    background-position: 640px;
    background-size: cover;
    background-repeat: no-repeat;
	background-attachment:fixed;
}
.box-content .primary-btn {
    margin-top: 40px;
}


section.CTA {
    background-image: url(/wp-content/uploads/2025/08/20211030_182012-scaled.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    padding: 150px 0px 150px;
    position: relative;
}

.spacer-bottom {
    padding-bottom: 120px;
}

section.CTA {
}

section.CTA:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000000a8;
    left: 0px;
    top: 0px;
}

.CTA-main {
    position: relative;
    color: white;
    text-align: center;
}

.CTA-main h2 {
    font-size: 68px;
    margin: 0 auto;
}

.CTA-main p {
    font-size: 20px;
    width: 60%;
    margin: 20px auto 40px;
}
.CTA-main .group-btns {
    justify-content: center;
}
section.testimonial-sec {
}

.test-item {
    color: white;
    text-align: center;
    padding: 0px 50px;
}

.test-item h3 {
    font-size: 45px;
    font-family: "Aguafina Script", cursive;
    color: var(--c1);
}

.test-item p {
    font-size: 20px;
    margin: 20px 0px 20px;
}

.test-item span {
    font-size: 18px;
    text-transform: uppercase;
    /* border: 1px solid; */
    /* padding: 10px 20px; */
}
.slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: unset;
    color: var(--c1);
    font-size: 50px;
}

button.slick-prev.slick-arrow {
    left: 0px;
}

button.slick-next.slick-arrow {
    right: 0px;
}

.slick-list.draggable {
    padding: 0px 20px 10px;
}

p {}
.social-links ul {
    list-style: none;
    display: flex;
    gap: 15px;
    padding: 0;
    margin: 0;
}

.social-links ul li a {
    font-size: 14px;
    color: white;
    transition: color 0.3s;
    border: 1px solid white;
    border-radius: 200px;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s all;
}

.social-links ul li a:hover {
     /* Hover color */
     background: var(--c1);
     border: 1px solid var(--c1);
}

section.contact-sec {
    position: relative;
    height: 920px;
    display: flex;
    align-items: center;
    /* margin-bottom: 120px; */
}

.contact-img {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 45%;
    background-image: url(/wp-content/uploads/2025/08/WhatsApp-Image-2021-12-04-at-12.20.43-PM.jpeg);
    height: 100%;
    background-position: -300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.contact-box h2 {
    font-size: 70px;
    color: white;
    margin-bottom: 40px;
}

div#frm_form_1_container input, div#frm_form_1_container textarea {
    background: unset;
    border-radius: unset;
    padding: 10px;
    color: white;
}

div#frm_form_1_container label {
    color: white;
    font-size: 16px;
    margin-bottom: 10px;
}

form#form_contact-form button {
    padding: 12px 40px;
    border: 1px solid var(--c1);
    color: white;
    background: var(--c1);
    transition: .4s all;
    box-shadow: unset;
    font-size: 18px;
    border-radius: unset;
    width: 100%;
}

form#form_contact-form button:hover {
    background: unset;
}

.contact-details ul li a {
    color: white;
    margin-top: 10px;
    transition: .4s all;
}

.frm_style_formidable-style.with_frm_style div.frm_description {
    color: white;
}
.contact-details h3 {
    color: white;
    margin-bottom: 10px;
    font-size: 35px;
}

.contact-details {
    margin-bottom: 20px;
}
.contact-details ul li a:hover {
    color: var(--c1);
}

.footer {
    background-color: #000;
    color: #fff;
}
.footer .footer-logo {
    font-size: 24px;
    font-weight: bold;
}
.footer .footer-link {
    color: white;
    text-decoration: none;
    display: block;
    margin: 10px 0;
    transition: color 0.3s;
}
.footer .footer-link:hover {
    color: #c91012;
}
.footer input.form-control {
    border-radius: 0;
    margin: 20px 0px 0px!important;
}
.footer button.btn {
    border-radius: 0;
    background: var(--c1);
    margin-top: 20px;
}
hr.bg-secondary {
    border-color: white;
}
footer h5 {
    font-size: 30px;
    margin-bottom: 20px;
}

.menu-logo img {
    width: 230px;
}

.menu {
    position: fixed;
    width: 26%;
    background: var(--c2);
    height: 100vh;
    top: 0px;
    left: -50em;
    padding: 70px 30px 0px;
    box-shadow: rgb(0 0 0) 0px 5px 15px;
    z-index: 99999999;
    transition: .7s all;
    overflow-y: auto;
}

.navbar {
    display: block;
}

.navbar h2 {
    color: white;
    font-size: 30px;
    margin: 20px 0px 20px;
    border-bottom: 2px solid var(--c1);
    width: fit-content;
    padding-bottom: 10px;
}

.close-menu i {
    background: white;
    font-size: 23px;
    border-radius: 300px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.close-menu {
    position: absolute;
    top: 20px;
    right: 20px;
}

.navbar nav ul li a {
    color: white;
}

.navbar .nav ul li a {
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .4s all;
}

.navbar .nav ul {
    width: 100%;
}

.navbar .nav ul li {
    margin-bottom: 7px;
}

.navbar .nav ul li:last-child {
    margin: 0px;
}

.navbar .nav ul li:last-child {
}

.navbar .nav ul li a:hover {
    color: var(--c1);
}

.menu.active {
    left: 0;
}