:root {
  --white-color: #ffffff;
  --black-color: #000;
  --blue-color: #267ff8;
  --Kanit-font: "Kanit";
  --jura-font: "Jura";
  --martel-font: "Martel";
}
/*------------Section Head------------------*/
.section-head h3 {
  font: bold 70px/83px var(--jura-font);
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.08);
}
.section-head h4 {
  font: bold 38px/45px var(--jura-font);
  letter-spacing: 0px;
  color: var(--black-color);
}
.section-head {
  position: relative;
}
.section-title-box {
  position: absolute;
  bottom: -14px;
  left: 0;
  right: 0;
}



/*-----------------Slider--------------------*/
section#slider {
  padding: 0px 0px;
  position: relative;
  padding: 10rem 0px;
  overflow: hidden;
}
#slider {
  max-width: 100%;
  margin: auto;
  position: relative;
  /* background-color:#000; */
  padding: 0;
}
#slider img {
  width: 100%;
  /* height: 100%; */
}

#slider .banner-main-text {
  font-weight: 800;
  color: white;
}

#slider .right-image {
  text-align: end;
}

#slider .right-image img {
  width: 70%;
}

.corner-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
}

.corner-image svg {
  height: 100%;
  width: 100%;
}

.main-wave-image {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
#slider p {
  font-size: 24px;
  color: #ffffff;
  font-weight: 500;
  font-family: "Poppins";
  letter-spacing: 0px;
  padding-inline: 9px;
}

#slider .banner-content {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  gap: 20px;
}

#slider .banner-main-button {
  color: #267ff8;
  background-color: #ffffff;
  padding: 11px 25px;
  border-radius: 10px;
  border: 2px solid #267ff8;
  position: relative;
  overflow: hidden;
  transition: all 0.4s ease;
  z-index: 1;
  cursor: pointer;
}

#slider .banner-main-button::before {
  content: '';
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #267ff8;
  transition: all 0.4s ease;
  z-index: -1;
}

#slider .banner-main-button:hover {
  color: #ffffff;
  border-color: #267ff8;
}

#slider .banner-main-button:hover::before {
  left: 0;
}




.slider-box {
  left: 11%;
  right: 0;
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  max-width: 39%;
  text-align: left;
}

.banner-social {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #172045;
  z-index: 2;
  padding-block: 18px;
}

.social-number {
  text-align: center;
}

.social-number i{
  transform: rotate(104deg);
}

#slider .carousel-caption {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#slider .main-wave-image .custom-svg-color path {
  fill: #267ff8;
}
#slider .corner-image .custom-corner-svg-color path {
  fill: #c8f8ff;
}

#slider h1 {
  font-size: 50px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Open Sans";
}
#slider .slide_nav a:focus {
  outline: none;
}
#slider .carousel-prev-button,
#slider .carousel-next-button {
  position: absolute;
  bottom: 40%;
}
#slider .carousel-prev-button {
  left: 3%;
}
#slider .carousel-next-button {
  right: 5%;
}
#slider .carousel-item-next,
#slider .carousel-item-prev,
#slider .carousel-item.active {
  display: block !important;
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon {
  background-image: none;
}
.carousel-control-next-icon,
.carousel-control-prev-icon {
  width: auto;
  height: auto;
}

#slider .socialbox {
  position: absolute;
  top: 40%;
  right: 5%;
  border-radius: 25px;
  background-color: #ffffff;
  padding: 10px 0px;
}
#slider .socialbox a {
  color: #fff;
  display: block;
  width: max-content;
  max-width: 100%;
  margin: auto;
  padding: 4px 10px;
}
#slider .socialbox a i {
  font-size: 22px;
  color: #6d5e59;
  line-height: 33px;
}
#slider .socialbox a i:hover {
  color: #e72c59;
}
#slider .carousel-indicators {
  bottom: 40%;
  right: auto;
  margin-left: 0px;
  margin-right: 0px;
  /* left:7%;*/
  left: 4%;
  display: grid;
}
#slider .carousel-indicators [data-bs-target] {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: unset;
  border: 2px solid #da0021;
  opacity: 1;
  margin-bottom: 10px;
  background-color: #da0021;
  display: grid;
}
#slider .carousel-indicators .active {
  background-color: transparent;
  border: 2px solid #da0021;
}
#slider .carousel-control-next {
  left: 0;
  left: -3%;
  font-size: 21px;
  top: 20%;
}
#slider .carousel-control-next,
#slider .carousel-control-prev {
  font-size: 18px;
  color: #707070;
}
#slider .carousel-control-prev {
  /*left:0;*/
  left: -3%;
  font-size: 21px;
}

#slider .slider-social-content i{
  font-size: 18px;
}

#slider .slider-social-content div:hover span a,#slider .slider-social-content div:hover i{
  color: #267ff8;
  transition: color 0.8s ease;
}





body:not(.home) #slider .head-logo{
    transform: unset !important;
}










.product-search-info .woocommerce-product-search button[type="submit"] {
  position: absolute;
  width: auto;
  padding: 20px 60px;
  right: 11px;
  border-radius: 50px;
  background-color: #cf001a;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
  margin-top: 13px;
}
.product-search-info {
  width: 84%;
  position: relative;
}
.product-search-info .woocommerce-product-search input[type="search"] {
  font-size: 18px;
  color: #707070;
  font-weight: 400;
  font-family: "Open Sans";
  border-radius: 50px;
  background-color: #ffffff;
  padding: 37px;
  border: 0px !important;
}
/*Fade slider*/
.carousel-fade .carousel-item {
  opacity: 0;
  transition-duration: 0.6s;
  transition-property: opacity;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  opacity: 0;
}
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active,
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev {
  transform: translateX(0);
  transform: translate3d(0, 0, 0);
}
/* ---------- Browse categories ------------- */
#browse-categories .bottom-image {
  position: relative;
  top: -281px;
  left: 0px;
  height: 0px;
}

#browse-categories .about-main-heading {
  color: #267ff8;
  font-weight: 600;
  font-size: 36px;
  
}

#browse-categories .about-sub-heading {
  color: #333333;
  font-size: 18px;
}

#browse-categories h3 {
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Poppins";
  text-align: center;
}
#browse-categories p {
  /* font-size: 18px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  font-family: "Poppins";
  text-align: center;
  max-width: 50%;
  margin: 20px auto; */
}
#browse-categories .category-box .cat-img {
  height: 180px;
  border-radius: 5px;
  background-color: #f4f3e9;
  margin-bottom: 12px;
  padding-top: 59px;
}
#browse-categories h4 {
  padding-top: 8px;
  text-align: center;
}
#browse-categories h4 a {
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
}
#browse-categories .category-box .cat-img:hover {
  background-color: #cf001a;
  color: #fff;
}
#browse-categories .category-box .cat-img:hover img {
  filter: invert(30) sepia(25) saturate(1) hue-rotate(0deg) brightness(50);
}
#browse-categories .product-bottom-image {
  position: relative;
  left: 0;
  bottom: 0;
  height: 0px;
  width: 100px;
}
#browse-categories .cat-img img {
  width: max-content;
  margin: auto;
}
#browse-categories .owl-nav {
  padding: 0px 0px;
}
#browse-categories button.owl-prev,
#browse-categories button.owl-next {
  position: absolute;
  top: 33%;
}
#browse-categories .owl-nav i {
  color: #bdbdbd;
  font-size: 36px;
}
#browse-categories .owl-nav i:hover {
  color: #cf001a;
}
#browse-categories button.owl-next {
  right: -66px;
}
#browse-categories button.owl-prev {
  left: -66px;
}
#browse-categories .shopbtn {
  font-size: 18px;
  color: #ffffff;
  font-weight: bold;
  font-family: "Poppins";
  margin-top: 30px;
}
#browse-categories .shopbtn a {
  color: #ffffff;
}
#browse-categories .shopbtn a.btnpadding {
  border-radius: 30px;
  background-color: #cf001a;
  padding: 15px 42px;
  transition: 1s;
  font-weight: bold;
}
#browse-categories .shopbtn a.btnpadding:hover {
  background-color: #267ffd;
}
#rest-cafe .shopbtn a.btnpadding:hover {
  background-color: #267ffd;
}
#home-delivery .shopbtn a.btnpadding:hover {
  background-color: #267ffd;
}
#team .shopbtn a.btnpadding:hover {
  background-color: #267ffd;
}
#reservation [type="submit"]:hover {
  background-color: #267ffd;
}
#blog .shopbtn a.btnpadding:hover {
  background-color: #267ffd;
}

#browse-categories .about-right-heading {
  font-size: 32px !important;
  letter-spacing: 0 !important;
  color: #267ff8;
  font-weight: 600
}

#browse-categories .about-right-para {
  font-size: 24px !important;
  letter-spacing: 0 !important;
}

#browse-categories ul li {
  color: black;
}

#browse-categories .about-head {
  text-align: center;
  padding-block: 1rem;
}

#browse-categories .about-first-img {
  padding-block: 2rem;
  position: relative;
  z-index: 1;
}

#browse-categories .about-first-img img {
  height: 100%;
}

#browse-categories .about-left-img-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#browse-categories .about-left-img-container .about-second-img {
  /* aspect-ratio: 5/4; */
}
#browse-categories .about-left-img-container .about-third-img {
  max-width: 95%;
}

#browse-categories .about-water-splash-img {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-34%, -6%);
  z-index: 0;
  width: 40%;
}

/*--------------- Our Products -------------  */
#our-products {
 
  padding: 60px 0;
}
#our-products h2 {
  font-size: 36px;
  color: #267ff8;
  font-weight: 700;
  
}
#our-products .section-description {
  font-size: 18px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  
}
#our-products .product-content {
  position: relative;
  padding-bottom: 5px ;
  padding-left: 4px;
}

#contact .whatsapp-btn {
      background-color: #4CCB5B;
    color: white;
    font-size: 31px;
        padding: 0px !important;
    border-radius: 25px !important;
    gap: 13px;
}

#contact .whatsapp-btn:hover{
  background-color: #267ffd;
}

#contact .whatsapp-btn a:hover{
  color: white !important;
}


#our-products .inner-box,#contentwoocom .product-content .inner-box {
  background-color: #fff;
  /* padding: 20px; */
}

#our-products .product-content:hover .inner-box, #contentwoocom .product-content:hover .inner-box {
  background-color: #267ff8;
}

#our-products .product-content:hover .product-box,#contentwoocom .product-content:hover .product-box  {
  background-color: #ffffff;
}

#our-products .product-content:hover .product-img img, #contentwoocom .product-content:hover .product-img img{
  scale: 1.1;
}

#our-products .cat-box, #contentwoocom .cat-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 150px;
  height: 150px;
  overflow: hidden;
  pointer-events: none;
  z-index: 2;
}
#our-products .cat-name, #contentwoocom .cat-name {
  position: absolute;
  top: 19px;
  right: -58px;
  transform: rotate(45deg);
  background-color: #ff3b30;
  color: #ffffff;
  font-weight: 700;
  font-family: "Poppins";
  font-size: 14px;
  padding: 6px 0;
  width: 200px;
  text-align: center;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  pointer-events: auto;
}
#our-products .product-box,#contentwoocom .product-box {
  background-color: #eefdff;
  border-radius: 10px;
  padding-inline: 13px;
 box-shadow: 0px 4px 4px 0px #00000040;

}

#contentwoocom .product-box{
  text-align: left;
}

#our-products .yith-wcwl-add-to-wishlist-button__label,#contentwoocom .yith-wcwl-add-to-wishlist-button__label {
  display: none !important; /* Hide the extra text span */
}
#our-products .product-box p,#contentwoocom .product-box p {
  font-size: 14px;
  letter-spacing: 0;
  color: #333333;
  font-weight: 600;
 
}
#our-products .product-box h5,#contentwoocom .product-box h5 {
  padding-top: 10px;
  padding-bottom: 10px;
}
#our-products .product-box h5 a,
#contentwoocom .product-box h5 a {
  font-size: 18px;
  line-height: 30px;
  color: #333333;
  font-weight: 700;
}

#our-products .pro-des,
#contentwoocom .pro-des {
  font-size: 16px;
  letter-spacing: 0px;
  line-height: 24px;
  color: #606060;
  font-weight: 600;
  
}

#our-products .pro-price,
#contentwoocom .pro-price{
  font-size: 16px;
    color: #333333;
  font-weight: 600;
}


#our-products .product-box del,
#contentwoocom .product-box del {
  display: none;
}

#our-products .product-box ins .woocommerce-Price-amount,
#contentwoocom .product-box ins .woocommerce-Price-amount {
  font-size: 16px;
  color: #333333;
  font-weight: 600;
  
  line-height: 15px;
}

#our-products ins,
#contentwoocom ins {
  text-decoration: none;
}

#our-products .addcart,
#contentwoocom .addcart {
  margin-top: 30px;
  margin-bottom: 30px;
}

#our-products .addcart a.add_to_cart_button,
#contentwoocom .addcart a.add_to_cart_button,
 .single-product-btn {
  border-radius: 1px;
  background-color: #ffffff;
  border: 1px solid #267ff8;
  color: #267ff8;
  padding: 12px 14px;
  text-transform: capitalize;
  font-size: 18px;
  font-family: "Open Sans";
  transition: all 0.3s ease-in-out;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transform: scale(1);
  white-space: nowrap;
}

 .single-product-btn a{
  color: #267ff8;
}



#our-products .addcart a.add_to_cart_button:hover,
#contentwoocom .addcart a.add_to_cart_button:hover,
.single-product-btn:hover  {
  color: #ffffff;
  background-color: #267ff8;
  box-shadow: 0 8px 20px rgba(38, 198, 218, 0.3);
  transform: scale(1.05);
}

#our-products .single-product-btn:hover a{
  color: white;
}

#our-products a.added_to_cart.wc-forward,
#contentwoocom a.added_to_cart.wc-forward {
  margin-top: 28px;
  display: block;
}

.star-rating {
  color: #feb42b;
  border-color: #feb42b;
  margin: 0 auto;
  overflow: hidden;
  height: 1em;
  line-height: 1;
  font-size: 1em;
  width: 7.4em !important;
  position: relative;
  width: 109px !important;
}

.star-rating span {
  overflow: hidden;
  float: left;
  top: 0;
  padding-top: 1.5em;
  position: absolute;
  left: 0;
}

.star-rating:before {
  color: #feb42b;
  border-color: #feb42b;
  content: "\73\73\73\73\73";
  float: left;
  top: 0;
}

.star-rating span:before {
  content: "\53\53\53\53\53";
  top: 0;
  left: 1px;
  position: absolute;
  font-family: "star";
  color: #feb42b;
  border-color: #feb42b;
}

.star-rating .rating {
  position: absolute;
  top: 0;
  right: 0;
  color: black;
  font-family: 'Open Sans';
}

.woocommerce .woocommerce-product-rating .star-rating{
  margin: .5em 16px 0 0;
}

.woocommerce div.product form.cart div.quantity{
  margin: 2px 12px 1px 0px;
}

#our-products .product-rating,
#contentwoocom .product-rating {
  margin-top: 10px;
  margin-bottom: 10px;
}

#our-products .owl-nav i,
#contentwoocom .owl-nav i {
  color: #6d5d59;
  font-size: 36px;
}

#our-products button.owl-prev,
#contentwoocom button.owl-prev {
  left: -66px;
}

#our-products button.owl-next,
#contentwoocom button.owl-next {
  right: -66px;
}

#our-products .owl-nav,
#contentwoocom .owl-nav {
  padding: 0px 0px;
  display: block;
}

#our-products .owl-nav i:hover,
#contentwoocom .owl-nav i:hover {
  color: #267ffd;
}

#our-products button.owl-prev,
#our-products button.owl-next,
#contentwoocom button.owl-prev,
#contentwoocom button.owl-next {
  position: absolute;
  top: 33%;
  font-size: 36px;
  color: #f4f3e9;
}

#our-products .owl-dots,
#contentwoocom .owl-dots {
  display: block;
  text-align: center;
}

#our-products button.owl-dot,
#contentwoocom button.owl-dot {
  background-color: #cf001a;
  border-radius: 50%;
  border: 2px solid #cf001a;
}

#our-products button.owl-dot.active,
#contentwoocom button.owl-dot.active {
  background-color: transparent;
  padding: 8px;
  border: 2px solid #cf001a;
}

#our-products .owl-carousel .owl-dots button,
#contentwoocom .owl-carousel .owl-dots button {
  width: 11px;
  height: 11px;
  border: 1px solid #cf001a;
  background-color: #cf001a;
  margin-right: 20px;
  border-radius: 5px;
  padding: 4px;
}

#our-products .owl-carousel .owl-dots button.owl-dot.active,
#contentwoocom .owl-carousel .owl-dots button.owl-dot.active {
  background-color: transparent;
  border: 1px solid #cf001a;
}

#our-products .product-cart-rating-content,
#contentwoocom .product-cart-rating-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* flex-wrap: wrap; */
}

/*  */
.product-img img{
  height: 210px;
  object-fit: cover;
}


button.yith-wcwl-add-to-wishlist-button:is(button):not(.yith-wcwl-theme-button-style){
  border: none !important;
  background-color: transparent !important;
  
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon{
  color: red;
}


/* Contact section */
#contact textarea {
  height: 225px;
}

#contact input,
textarea {
  border: none;
  box-shadow: 1px 1px 4px 0px #00000040;
  border-radius: 10px;
}

#contact input::placeholder,
#contact textarea::placeholder {
  color: #333333;
}

#contact .inquiry-select select {
  border: none;
  box-shadow: 1px 1px 4px 0px #00000040;
  background-color: white;
  padding: 17px;
  border-radius: 10px;
}

#contact .send-msg-btn p input {
  background-color: #267ff8;
  color: white;
  padding: 11px 22px;
}

#contact .send-msg-btn p input:hover{
  background-color: #267ffd;
}

#contact .contact_location_details {
  background-color: #267ff8;
  padding: 2rem;
  border-radius: 10px;
}

#contact .contact-address-content {
  /* line-height: 5px; */
}

#contact .contact-number-content {
  margin-top: 14px;
  /* line-height: 5px; */
}

#contact .contact-address-content h2 {
  color: white;
  font-size: 25px;
}
#contact .contact-address-content p {
  color: white;
}

#contact .contact-number-content h2 {
  color: white;
  font-size: 25px;
}
#contact .contact-number-content p {
  color: white;
}

#contact .contact-address-content p, #contact .contact-number-content p{
  margin-bottom: 0;
}

#contact .contactpage_map h4 {
  color: white;
}

#contact .contact-social-icons div {
  background-color: white;
}

#contact .contact-heading{
  color: #267ffd;
  
}

#contact .contact-sub-heading{
  font-size: 20px;
}

/*  */

/*----------------order-process-----------------*/
section#order-process {
  background-position: top;
  background-size: 100% 100%;
}
#order-process h3 {
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#order-process .description {
  font-size: 18px;
  line-height: 30px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
  max-width: 59%;
  margin: auto;
}
#order-process .circle-div {
  position: relative;
  text-align: center;
  width: 170px;
  height: 170px;
  margin: auto;
}
#order-process .inner-img {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  text-align: center;
  padding-top: 30%;
}
#order-process .process-top {
  position: relative;
}
#order-process .order-count {
  position: absolute;
  background-color: #cf001a;
  border: 6px solid #f4f3e9;
  top: 0px;
  right: 0;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  border-radius: 50%;
  padding: 5px 9px;
}
#order-process .process-top::after {
  content: "";
  width: 70px;
  height: 70px;
  position: absolute;
  top: 58px;
  right: -48px;
  bottom: 0px;
}
#order-process .process-box4::after {
  display: none;
}
#order-process .order-title {
  font-size: 18px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
}
/*----------------HOme Delivery -----------------*/
section#food-delivery {
  background-size: 100% 100%;
  padding-top: 5rem;
}
#food-delivery .bottom-image {
  height: 0px;
  position: relative;
  bottom: 146px;
  left: 3%;
  width: 294px;
}
#food-delivery .firstword {
  color: #cf001a;
}
#food-delivery .rightdiv {
  padding-left: 29px;
}
#food-delivery h4 {
  font-size: 22px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#food-delivery h3 {
  font-size: 56px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#food-delivery .sec-description {
  font-size: 17px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
  font-family: "Poppins";
  max-width: 84%;
}
#food-delivery .lastword {
  color: #018e66;
}
#about img {
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: scale(1) rotate(0.001deg);
}
#about img:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0.001deg);
}

#food-delivery .accordion-button::after {
  display: none;
}

/* #food-delivery .accordion-button span {
  color: #007bff;
  transition: transform 0.2s ease;
}

#food-delivery .accordion-button.collapsed span {
  transform: rotate(0deg);
}

#food-delivery .accordion-button:not(.collapsed) span {
  transform: rotate(45deg); /* turn "+" into "×" when open 
} */

/* Hide default Bootstrap arrow */
#food-delivery .accordion-button::after {
  display: none;
}

/* Style the button and spacing */
#food-delivery .accordion-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 9px !important;
}

#food-delivery .faq-water-splash-1 {
  position: absolute;
  top: 0;
  right: 0;
}

#food-delivery .faq-water-splash-2 {
  position: absolute;
  bottom: 0;
  left: 0;
}

/* Question text takes up space */
#food-delivery .accordion-title {
  flex-grow: 1;
  text-align: left;
}

/* Icon placeholder */
#food-delivery .accordion-icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  color: white;
  position: relative;
  transition: background-color 0.3s ease, border 0.3s ease;
}

#food-delivery .accordion-icon i {
  position: absolute;
  font-size: 18px;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Default (Collapsed) – show plus */
#food-delivery .icon-plus {
  opacity: 1;
  font-size: 25px !important;
}

#food-delivery .icon-chevron {
  opacity: 0;
  transform: rotate(180deg);
}

#food-delivery .accordion-button.collapsed .accordion-icon {
  background-color: #000;       /* Black background */
  border: none;                 /* No border */
}

/* Active (Expanded) – show chevron */
#food-delivery .accordion-button:not(.collapsed) .accordion-icon {
  background-color: transparent;
  border: 2px solid white;
}

#food-delivery .accordion-button:not(.collapsed) .icon-plus {
  opacity: 0;
}

#food-delivery .accordion-button:not(.collapsed) .icon-chevron {
  opacity: 1;
  transform: rotate(0deg);
}



/* On expand: ▼ dropdown arrow */
#food-deliveryy .accordion-button:not(.collapsed) .accordion-icon::before {
  content: "▼";
  font-size: 18px;
}

/* On expand: ▼ dropdown arrow */
#food-deliveryy .accordion-button:not(.collapsed) .accordion-icon::before {
  content: "▼";
  font-size: 18px;
}

#food-delivery .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: #267ff8;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

#food-delivery .custom-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

#food-delivery .accordion-item{
  box-shadow: 1px 1px 4px 0px #00000040;  
}

#food-delivery .accordion-header {
  padding: 0;
}

#food-delivery .faq-left-title {
  color: white;
  width: 35%;
}

#food-delivery .faq-learn-btn {
  color: #267ff8;
  background-color: #ffffff;
  padding: 6px 12px;
  font-size: 14px;
  border-radius: 8px;
}

#food-delivery .faq-left-desc {
  color: white;
  margin-top: 10px;
  margin-bottom: 20px;
}

#food-delivery .faq-contact-btn {
  position: relative;
  display: inline-block;
  color: #267ff8;
  background-color: white;
  border: 1px solid #267ff8;
  padding: 8px 17px;
  border-radius: 9px;
  font-weight: 600;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease, transform 0.4s ease;
}

#food-delivery .faq-contact-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #267ff8;
  transition: all 0.4s ease;
  z-index: -1;
}

#food-delivery .faq-contact-btn:hover::before {
  left: 0;
}

#food-delivery .faq-contact-btn:hover {
  color: white;
  transform: scale(1.05);
  box-shadow: 0 0 10px #267ff8, 0 0 20px #267ff8 inset;
}

#food-delivery .faq-left-top {
  padding: 20px 15px 30px 30px;
  position: relative;
  border-radius: 10px;
}

.faq-left-top-content-wrapper {
  position: relative;
  z-index: 2;
}

.faq-left-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #33333399; /* semi-transparent overlay */
  z-index: 1;
  border-radius: 10px;
}

#food-delivery .faq-left-bottom {
  text-align: center;
box-shadow: 1px 1px 4px 0px #00000040; 
  border-radius: 5px;
  margin-top: 10px;
  padding-block: 1rem;
  background-color: white;
}

#food-delivery .faq-heading{
  color: #267ffd;
}

/*------------Reservation-----------------*/
#reservation h3 {
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#reservation .description {
  font-size: 18px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
}
#reservation span.your-name:before {
  content: "";
  position: absolute;
  right: 19px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px;
  top: 12px;
  color: #000;
  width: 32px;
  height: 23px;
  top: 18px;
}
#reservation span.Check-in:before {
  content: "";
  position: absolute;
  right: 19px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px;
  top: 19px;
  color: #000;
  width: 32px;
  height: 27px;
  top: 18px;
}
#reservation span.your-time:before {
  content: "";
  position: absolute;
  right: 19px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 22px;
  top: 12px;
  color: #000;
  width: 32px;
  height: 25px;
  top: 18px;
}
#reservation span.your-seat:before {
  content: "";
  position: absolute;
  right: 19px;
  font-weight: 900;
  font-size: 22px;
  color: #000;
  width: 32px;
  height: 23px;
  top: 18px;
}
#reservation input[type="text"] {
  width: 100%;
  border-radius: 40px;
  background-color: #f4f3e9;
  border: 0px;
  padding-left: 34px;
  font-size: 18px;
  color: #707070;
  font-weight: 400;
  font-family: "Open Sans";
  padding: 20px 19px;
  margin-bottom: 17px;
}
#reservation input[type="text"]::placeholder {
  font-size: 18px;
  color: #707070;
  font-weight: 400;
  font-family: "Open Sans";
  color: #707070;
}
#reservation input[type="email"]:focus {
  outline: none;
}
#reservation [type="submit"] {
  border-radius: 30px;
  background-color: #cf001a;
  border: 0px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding: 16px 32px;
  font-size: 22px;
  font-family: "Open Sans";
  font-size: 18px;
  margin-top: 10px;
  margin: auto;
  display: block;
}

#reservation .achieve-center {
  text-align: center;
}

#reservation .left-achieve-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#reservation .right-achieve-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.achievement-item {
  position: relative;
  padding: 20px;
}

.arrow {
  position: absolute;
  width: 156px;
  height: auto;
  z-index: 1;
}

/* Left arrows pointing right (rotate if needed) */
.arrow-left {
  left: 100%;
  top: 50%;
  /* transform: translateY(-50%) rotate(0deg); */
}

/* Right arrows pointing left */
.arrow-right {
  right: 100%;
  top: 50%;
  transform: translateY(-50%) rotate(180deg); /* Pointing left */
}

.arrow-left-1 {
  align-self: flex-end;
  width: 59%;
  padding-top: 0;
}

.arrow-left-2 {
  align-self: center;
  width: 59%;
}

.arrow-left-3 {
  align-self: flex-end;
  width: 59%;
  padding-bottom: 0;
}

.arrow-right-1 {
  align-self: flex-start;
  width: 59%;
}

.arrow-right-2 {
  align-self: center;
  width: 59%;
}

.arrow-right-3 {
  align-self: flex-start;
  width: 59%;
  padding-bottom: 0;
}

/* Optional offsets for staggered effect */
.arrow-left-1 .arrow {
  top: 20%;
  left: 100%;
}
.arrow-left-2 .arrow {
  top: 50%;
  transform: rotate(-140deg) scaleX(-1) translateY(74px);
  left: 76%;
}
.arrow-left-3 .arrow {
  top: 80%;
  transform: rotate(-177deg) scaleX(-1) translateY(130px);
  left: 76%;
}

.arrow-right-1 .arrow {
  top: 20%;
  transform: rotate(-162deg) scaleY(-1) translateY(-1px);
  right: 100%;
}
.arrow-right-2 .arrow {
  top: 50%;
  transform: rotate(-208deg) scaleY(1) translateY(63px) translateX(-28px);
  right: 100%;
}
.arrow-right-3 .arrow {
  top: 80%;
  transform: rotate(-178deg) scaleY(1) translateY(136px) translateX(-7px);
  right: 100%;
}

#reservation .achieve-circle {
  opacity: 10%;
  opacity: 10%;
  top: -27%;
  right: 10%;
  width: 80%;
  /* bottom: -55%; */
}

#reservation .achieve-heading{
  color: #267ff8;
}

/*------- HOme Delivery section------------*/
#home-delivery{
  background-color: #ffffff;
}

#home-delivery h3 {
  font-size: 60px;
  color: #000000;
  font-weight: 700;
  font-family: "Poppins";
}
#home-delivery .section-description {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
  font-family: "Poppins";
  max-width: 83%;
}
#home-delivery h4 {
  font-size: 16px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
}
#home-delivery .rightdiv {
  max-width: 78%;
}
#home-delivery .shopbtn {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Poppins";
  margin-top: 30px;
}
#home-delivery .shopbtn a {
  color: #ffffff;
}
#home-delivery .shopbtn a.btnpadding {
  border-radius: 30px;
  background-color: #cf001a;
  padding: 15px 42px;
  transition: 1s;
}

#home-delivery .process-container {
  position: relative;
}

#home-delivery .process-water-splash-1 {
  position: absolute;
  top: 0px;
  left: -7%;
  z-index: -1;
  width: 35%;
}

#home-delivery .process-water-splash-2 {
  position: absolute;
  bottom: -12%;
  right: 0%;
  z-index: -1;
  width: 35%;
}

#home-delivery .process-head {
  text-align: center;
  padding-bottom: 4rem;
  padding-top: 5rem;
}

#home-delivery .process-row {
  display: flex;
  justify-content: space-around;

  flex-wrap: wrap;
}

#home-delivery .process-box {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  /* background-color: white; */
}

#home-delivery .process-box::before {
  content: "";
  position: absolute;
  top: 101px; /* adjust to start from mid-circle */
  width: 100%;
  height: 400px;
  border: 1px solid #ffffff;
  border-top: none;
  border-radius: 0 0 100px 100px;
  z-index: -1;
  box-shadow: 1px 1px 4px 0 #00000040, inset 1px 1px 4px 0 #00000040;
  z-index: 0;
  transition: background-color 0.4s ease;
  background-color: white;
}

#home-delivery .process-box:hover::before {
  background-color: #267ff8;
  
}

#home-delivery .process-box:hover .process-content h4{
  color: white;
  z-index: 2;
}

#home-delivery .process-box:hover .process-content p{
  color: white;
  z-index: 2;
}

#home-delivery .process-icon {
  position: relative;
  width: 195px;
  height: 195px;
  border: 5px solid #267ff8;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
}

#home-delivery .number-badge {
  position: absolute;
  top: 0px;
  left: -10px;
  width: 60px;
  height: 60px;
  background-color: #267ff8;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 1px 1px 4px 0 #00000040;
}

#home-delivery .process-content {
  text-align: center;
  display: flex;
  flex-direction: column;
  /* padding-inline: 1rem; */
}

#home-delivery .process-content .process-title {
  font-size: 22px;
  padding-inline: 12px;
  z-index: 2;
}

#home-delivery .process-content .process-para {
  padding-inline: 30px;
    transition: color 0.4s ease;
    z-index: 2;
}
#home-delivery .process-heading{
  color: #267ff8;
    transition: color 0.4s ease;
}

#home-delivery .process-sub-heading{
  font-size: 20px;
}




/*-----------Achiement----------------*/
#achiement {
  color: #fff;
}
#achiement h3 {
  font: 55px/90px Signika;
  letter-spacing: 0px;
  font-weight: 500;
  color: #fff;
}
#achiement .inner-tab {
  padding-top: 50px;
  padding-bottom: 50px;
}
#achiement .nav-tabs .nav-link.active {
  color: #fff;
  background-color: unset;
  border-color: unset;
}
#achiement .nav-tabs .nav-item.show .nav-link {
  background-color: unset;
  border-color: unset;
}
#achiement .nav-tabs .nav-link {
  border: none;
}
#achiement .nav-tabs .nav-link h4 {
  color: #fff;
  font: 24px/90px Lato;
  letter-spacing: 0px;
  font-weight: 400;
  color: #ffffff;
}
#achiement ul li {
  text-align: center;
}
#achiement .quote-bg {
  background-repeat: no-repeat;
  width: 100%;
  background-position: center;
  height: 280px;
}
#achiement .nav-tabs {
  border-bottom: 0px;
}
#achiement .achievement-editor {
  max-width: 97%;
  margin: auto;
  text-align: center;
  padding-top: 62px;
}
#achiement .achievement-editor p {
  font: 26px/60px Signika;
  letter-spacing: 0px;
  color: #ffffff;
}

/* Feature */

#order-process .feature-content {
  display: flex;
  flex-direction: column;
}

#order-process .feature-head h2 {
  color: #ffffff;
  font-weight: 700;
  font-size: 40px;
}

#order-process .feature-head h3 {
  color: #ffffff;
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 15px;
}

#order-process .smart-features-list {
  color: #ffffff;
  font-weight: 400;
  font-size: 24px;
}



#order-process .smart-features-list li {
  margin-bottom: 15px;
  font-size: 20px;
}

#order-process .feature-image-container{
  margin-top: 2rem;
}

#order-process .launch-offer {
  padding-top: 15px;
  padding-bottom: 15px;
}

#order-process .launch-offer .offer-label {
  font-size: 32px;
  color: white;
  font-weight: 700;
}

#order-process .launch-offer .offer-price {
  font-size: 32px;
  color: white;
  font-weight: 600;
  letter-spacing: 0;
}

#order-process .buy-detail-btn {
  padding-top: 15px;
  padding-bottom: 15px;
}

#order-process .buy-detail-btn a {
  position: relative;
  display: inline-block;
  color: #267ff8;
  background-color: white;
  border: 1px solid #267ff8;
  padding: 7px 12px;
  border-radius: 10px;
  margin-right: 10px;
  font-weight: 600;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}

#order-process .buy-detail-btn a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #267ff8;
  transition: all 0.4s ease;
  z-index: -1;
}

#order-process .buy-detail-btn a:hover::before {
  left: 0;
}

#order-process .buy-detail-btn a:hover {
  color: white;
  box-shadow: 0 0 10px #267ff8, 0 0 20px #267ff8 inset;
  transform: scale(1.05);
}


/*  */

/*----------Newsletter--------------------------*/

#our_newsletter .wpcf7-form-control-wrap {
  float: unset;
}
.newsletter-content {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.newsletter-content h4 {
  font-size: 24px;
  font-weight: 600;
}

.newsletter-content p {
  font-size: 18px;
}

#our_newsletter input[type="email"] {
  /* width: 100%;
  border-radius: 40px;
  background-color: #f4f3e9;
  border: 0px;
  padding-left: 34px;
  font-size: 18px;
  color: #707070;
  font-weight: 400;
  font-family: "Open Sans";
  padding: 30px 19px; */
  background-color: white;
  padding: 12px 20px;
  width: 70%;
  border-radius: 11px;
  /* new */
}
#our_newsletter [type="submit"] {
  position: relative;
  display: inline-block;
  background-color: #267ff8;
  color: white;
  border: none;
  width: 28%;
  margin-left: 10px;
  padding-block: 11px;
  font-weight: 600;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease, transform 0.4s ease;
}

#our_newsletter [type="submit"]::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #1ba8be; /* slightly darker teal for contrast */
  transition: all 0.4s ease;
  z-index: -1;
}

#our_newsletter [type="submit"]:hover::before {
  left: 0;
}

#our_newsletter [type="submit"]:hover {
  transform: scale(1.05);
  box-shadow: 0 0 10px #267ff8, 0 0 20px #267ff8 inset;
}


/* new-end */
#our_newsletter input[type="email"]::placeholder {
  font-size: 18px;
  color: #707070;
  font-weight: 400;
  font-family: "Open Sans";
  color: #707070;
}
#our_newsletter input[type="email"]:focus {
  outline: none;
}
#our_newsletter .wpcf7-not-valid-tip {
  color: #dc3232;
  font-size: 1em;
  font-weight: 800;
  display: inline-block;
  position: absolute;
  bottom: auto;
  top: 55px;
  left: 0;
  right: 0;
}
.wpcf7 form .wpcf7-response-output {
  color: #2994C1  !important;
}

body:not(.home) #header .side-navigation li:not(.current-menu-item) a:hover {
  /* your styles here */
  color: white;
}


#our_newsletter .description {
  font-size: 18px;
  color: #000000;
  font-weight: 400;
  font-family: "Open Sans";
}
#our_newsletter h3 {
  font-size: 32px;
  letter-spacing: -1px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#our_newsletter .newsletter-form {
  position: relative;
  margin-top: 7px;
}
#our_newsletter .policy-text {
  text-align: center;
}
#our_newsletter .policy-text label {
  font-size: 16px;
  color: #060808;
  font-weight: 400;
  font-family: "cursive";
  padding-left: 9px;
}
#our_newsletter .newsletter-form p {
  margin-bottom: 0px;
}
/*-------------- Restaurant -----------*/
#rest-cafe {
  position: relative;
}
#rest-cafe .top-image {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 16%;
}
#rest-cafe .bottom-image {
  position: absolute;
  left: 0px;
  bottom: -42px;
  width: 290px;
}
#rest-cafe h3 {
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
}
#rest-cafe .description {
  font-size: 18px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
  max-width: 54%;
  margin: auto;
}
#rest-cafe .inner-rest img {
  width: 100%;
}
#rest-cafe .meta-field {
  position: absolute;
  top: 34px;
  right: 0px;
}
#rest-cafe .entry-author {
  background-color: #fff;
  padding: 9px 19px;
  color: red;
  margin-bottom: 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#rest-cafe .entry-comments {
  background-color: #fff;
  padding: 9px 19px;
  color: red;
  margin-bottom: 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#rest-cafe .entry-author i,
#rest-cafe .entry-comments i {
  color: #cf001a;
  font-size: 22px;
}
#rest-cafe .inner-div {
  position: absolute;
  bottom: 34px;
  left: 0px;
}
#rest-cafe .blog-date {
  background-color: #f5c323;
  font-size: 15px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 600;
  font-family: "Open Sans";
  padding: 7px 31px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  display: inline-block;
}
#rest-cafe .blog-title {
  font-size: 30px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  padding-left: 30px;
}
#rest-cafe .blog-title a {
  color: #ffffff;
}

#rest-cafe .box {
  position: relative;
}
#rest-cafe .box::before {
  right: 0;
  opacity: 0.4;
  top: 0;
}
#rest-cafe .box::after {
  bottom: 0;
  opacity: 0.4;
  left: 0;
}
#rest-cafe .box::before,
#rest-cafe .box::after {
  content: "";
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}
#rest-cafe .box:hover::after,
#rest-cafe .box:hover::before {
  height: 100%;
  opacity: 0;
  width: 100%;
}
#rest-cafe .shopbtn {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  letter-spacing: 1px;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
#rest-cafe .shopbtn a {
  color: #ffffff;
}
#rest-cafe .shopbtn a.btnpadding {
  border-radius: 30px;
  background-color: #cf001a;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 17px 70px;
  transition: 1s;
}
#rest-cafe .row-padd {
  margin-bottom: 15px;
}

#rest-cafe .service-head {
  text-align: center;
  padding-block: 1rem;
}

#rest-cafe .service-content {
  display: flex;
  flex-direction: column;
  text-align: left;
  padding-inline: 3rem;
}

#rest-cafe .service-content h4{
  font-weight: 600;
  font-size: 23px;
}

#rest-cafe .service-content p{
  font-size: 16px;
}

#rest-cafe .about-left-content {
  display: flex;
  /* gap: 2rem; */
}

#rest-cafe .about-left-content > div {
  padding-bottom: 1rem;
}

#rest-cafe .service-main-heading{
  color: #267ff8;
}

#rest-cafe .service-sub-heading{
  font-size: 20px;
}

#rest-cafe .service-book-btn a{
  background-color: white;
  color: #267ff8;
  border: 1px solid #267ff8;
  border-radius: 10px;
  padding: 13px 24px;
}

#rest-cafe .serivice-icon img {
  transition: transform 0.3s ease, filter 0.3s ease;
}

#rest-cafe .serivice-icon:hover img {
  transform: scale(1.1);
  filter: brightness(1.1);
}

.service-right-image img {
  transition: transform 0.5s ease, box-shadow 0.5s ease;
  will-change: transform;
}

.service-right-image:hover img {
  transform: scale(1.03) translateY(-5px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}


/*--------------latest blog-----------------*/
#blog .right-arrow-div {
  right: -7%;
}

#blog h3 {
  font-size: 36px;
  color: #267ffd;
  font-weight: 700;
  font-family: "Open Sans";
  text-align: center;
}
#blog .description {
  font-size: 18px;
  line-height: 24px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
  max-width: 54%;
  margin: auto;
}
#blog img {
  width: 100%;
}
#blog .meta-field {
  position: absolute;
  top: 34px;
  right: 0px;
}
#blog .entry-author {
  background-color: #fff;
  padding: 9px 19px;
  color: red;
  margin-bottom: 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#blog .entry-comments {
  background-color: #fff;
  padding: 9px 19px;
  color: red;
  margin-bottom: 10px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}
#blog .entry-author i,
#blog .entry-comments i {
  color: #cf001a;
  font-size: 22px;
}
#blog .inner-div {
  position: absolute;
  bottom: 34px;
  left: 0px;
}
#blog .blog-date {
  background-color: #f5c323;
  font-size: 15px;
  letter-spacing: 0px;
  color: #000000;
  font-weight: 400;
  font-family: "Open Sans";
  padding: 7px 31px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  display: inline-block;
}
#blog .blog-title {
  font-size: 20px;
  color: #ffffff;
  font-weight: 600;
  font-family: "Open Sans";
}
#blog .blog-title a {
  /* color: #ffffff; */
}

#blog .box {
  position: relative;
}
#blog .box::before {
  right: 0;
  opacity: 0.4;
  top: 0;
}
#blog .box::after {
  bottom: 0;
  opacity: 0.4;
  left: 0;
}
#blog .box::before,
#blog .box::after {
  /*content: "";*/
  background: #fff;
  height: 0;
  width: 0;
  z-index: 1;
  position: absolute;
  -webkit-transition-duration: 1.3s !important;
  -o-transition-duration: 1.3s;
  transition-duration: 1.3s !important;
}
#blog .box:hover::after,
#blog .box:hover::before {
  height: 100%;
  opacity: 0;
  width: 100%;
}
#blog .shopbtn {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  letter-spacing: 1px;
  margin-bottom: 74px;
}
#blog .shopbtn a {
  color: #ffffff;
}
#blog .shopbtn a.btnpadding {
  border-radius: 30px;
  background-color: #cf001a;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 17px 70px;
  transition: 1s;
}
#blog .row-padd {
  margin-bottom: 15px;
}
#blog .main-grid-container {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 400px);
}
#blog .main-grid-container .blog-contents-wrapper {
  height: 100%;
}
#blog .main-grid-container .blog-contents-wrapper:first-child {
  grid-column: 1 / 3;
}
#blog .main-grid-container .blog-contents-wrapper:last-child {
  grid-column: 2 / 4;
}
#blog .main-grid-container .blog-contents-wrapper .box {
  height: 100%;
}
#blog .main-grid-container .blog-contents-wrapper .box img {
  height: 100%;
}


  .owl-nav-custom {
    z-index: 1;
  }


  .owl-nav-custom button {
    width: 45px;
    height: 45px;
    font-size: 24px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    z-index: 10;
    padding: 0;
    margin: 0;
  }




  .owl-dots-custom .owl-dot {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 5px;
    background-color: #ccc;
    border-radius: 50%;
    transition: all 0.3s ease;
    border: none;
  }

  /* Colored dots */
  .owl-dots-custom .owl-dot:nth-child(1) {
    background-color: #333333;
  }

  .owl-dots-custom .owl-dot:nth-child(2) {
    background-color: #333333CC;
  }

  .owl-dots-custom .owl-dot:nth-child(3) {
    background-color: #33333399;
  }

  .owl-dots-custom .owl-dot:nth-child(4) {
    background-color: #33333366;
  }

  /* Optional: Add ring for active state without changing color */
  .owl-dots-custom .owl-dot.active {
    outline: 2px solid black;
    outline-offset: 2px;
  }




  #blog .left-arrow-div {
    left: -7%;
  }

  #blog .right-arrow-div {
    right: -7%;
  }

  #blog .card-body .card-title {
    font-size: 20px;
  }

  #blog .card-body .card-text {
    font-size: 14px;
  }

  #blog .card{
    background-color: transparent;
    border: none;
  }

  #blog .card .card-img-top {
        border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }

  #blog .card:hover .card-img-top img {
    border-width: 3px 3px 0px 3px;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
    border-style: solid;
    border-color: #267ff8;
  }

    #blog .card:hover .card-body   {
border-width: 0px 3px 3px 3px;
border-style: solid;
border-color: #267ff8;


  }


  #blog .card-body{
    background-color: white;
    margin-top: 10px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  #blog button.owl-prev,
  button.owl-next {
    background: none;
    color: black;
    border: none;
    font-size: 40px;
  }

#blog .blog-learn-btn {
  position: relative;
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #267ff8;
  color: #267ff8;
  border-radius: 8px;
  padding: 8px 14px;
  font-weight: 600;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease, transform 0.4s ease;
}

#blog .blog-learn-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #267ff8;
  transition: all 0.4s ease;
  z-index: -1;
}

#blog .blog-learn-btn:hover::before {
  left: 0;
}

#blog .blog-learn-btn:hover {
  color: white;
  transform: scale(1.05);
  box-shadow: 0 0 10px #267ff8, 0 0 20px #267ff8 inset;
}




/*--------- Testimonial ---------------*/

/* #testi-new #sync2 .owl-nav {
  top: 50%;
  text-align: center;
  top: 30%;
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  top: 340px;
}
#testi-new #sync2 .owl-nav i {
  font-size: 30px;
  color: #bdbdbd;
}
#testi-new #sync2 .owl-nav i:hover {
  color: #cf001a;
}
#testi-new .inner-tumb {
  width: 80%;
  margin: auto;
}
#testi-new h3 {
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
}
#testi-new .description {
  font-size: 18px;
  line-height: 30px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
  max-width: 59%;
  margin: auto;
}
#testi-new .slider-content h5 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  margin-top: 29px;
}
#testi-new .slider-content h5 a {
  color: #000000;
}
#testi-new .testi-text {
  font-size: 18px;
  line-height: 30px;
  color: #000000;
  font-weight: 400;
  font-family: "Open Sans";
}
#sync2 .owl-stage-outer {
  padding: 6% 0;
}

#testi-new .owl-item img {
  transition: 0.45s;
}
#testi-new .owl-item:not(.center) img {
  padding: 5px;
}
#testi-new .owl-item.center img {
  transform: scale(1.5);
}
#testi-new .testimonial-inner {
  margin-bottom: 60px;
} */

/* My Testimonial */

#testi-new .testimonial-card-inner {
  background-color: #267ff8;
  border-radius: 20px;

  display: flex;
  align-items: center;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}

#testi-new .testimonial-card-inner:hover{
  background-color: #333333;
}

#testi-new h2{
  color: #267ffd;
}

#testi-new .description{
  font-size: 20px;
}

.testimonial-carousel .testimonial-card {
  transition: all 0.3s ease;
  opacity: 0.4;
  filter: blur(2px);
  max-width: 700px;
  margin: 0 auto;
}

.testimonial-carousel .owl-item.center .testimonial-card {
  opacity: 1;
  filter: none;
}

.testimonial-img-wrap {
  width: 100%;
  height: 100%;
}
.testimonial-img-wrap img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 8px;
}

.testimonial-content {
  flex: 0 0 60%;
  max-width: 60%;
  padding-top: 1.5rem;
}

.testimonial-carousel-wrapper {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  overflow: visible;
  padding: 0 0 50px; /* Add some bottom padding */
}

.testimonial-rating {
  color: #ffd700;
  font-size: 18px;
  line-height: 1;
  z-index: 10;
  background: linear-gradient(
    90deg,
    #1e88e5 0%,
    rgba(227, 242, 253, 0.4) 26.8%,
    rgba(227, 242, 253, 0.75) 49.91%,
    rgba(227, 242, 253, 0.4) 73.92%,
    #1e88e5 100%
  );
  margin-block: auto;
  padding: 10px 13px;
}

.testimonial-rating .star {
  color: #ccc;
  margin-left: 2px;
}

.testimonial-comma img {
  display: inline-block;
  width: 52px !important;
  height: auto;
}

.testimonial-rating .star.filled {
  color: #ffd700;
}

.testimonial-designation {
  font-size: 14px;
  color: #f0f0f0;
}

.testimonial-name {
  font-weight: 600;
  font-size: 18px;
  color: #fff;
}

.testimonial-text {
  color: #fff;
  font-size: 15px;
}

.testimonial-img-rating-wrapper {
  display: flex;
  justify-content: space-between;
}

.masked-img {
  -webkit-mask-image: var(--testimonial-mask-url);
  mask-image: var(--testimonial-mask-url);
  -webkit-mask-size: cover;
  mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

.play-button {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: linear-gradient(180deg, #1e88e5 0%, #94a670 69.83%, #ffc107 100%);
  border: none;
  color: white;
  padding: 8px 16px;
  font-size: 14px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  z-index: 2;
}

.play-button .play-icon {
  font-size: 16px;
  line-height: 1;
}

.testimonial-thumbs-carousel {
  display: block !important; /* Prevent overriding Owl styles */
  justify-content: unset !important;
  align-items: unset !important;
}

.thumb-dot-item {
  transition: filter 0.4s, transform 0.3s;
  padding-inline: 15px;
}

.thumb-dot-item img.dot-thumb-img {
  width: 80px !important;
  height: 80px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid transparent;
  transition: border 0.3s, filter 0.3s, transform 0.3s;
}

.thumb-dot-item.active-center img {
  border-color: #267ff8;
  opacity: 0.4;
  /* transform: scale(1.1); */
}
.thumb-dot-item.active-center img {
  opacity: 1 !important;
}

.thumb-dot-item.blur-1 img {
  filter: blur(1.5px);
}

.thumb-dot-item.blur-2 img {
  filter: blur(3px);
}

.thumb-dot-item.blur-3 img {
  filter: blur(5px);
}

/* .thumb-dot-item.blur-1 img,
.thumb-dot-item.blur-2 img,
.thumb-dot-item.blur-3 img {
  filter: none !important;
} */

/* .testimonial-thumbs-wrapper {
  margin-top: 30px;
  overflow: visible;
  position: relative;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  padding: 10px 0;
}
.testimonial-thumbs .thumb-item {
  width: 60px;
  height: 60px;
  margin: 0 10px;
  overflow: hidden;
  border-radius: 50%;
  transition: opacity 0.3s ease, transform 0.3s ease;
  opacity: 0.4;
  transform: scale(0.8);
}
.testimonial-thumbs .owl-item.synced .thumb-item {
  opacity: 1;
  transform: scale(1.2);
  border: 2px solid #FFD700;
}

.testimonial-thumbs .thumb-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
} */

/*--------- our team  ---------------*/
#team h3 {
  text-align: center;
  font-size: 36px;
  color: #000000;
  font-weight: 700;
  font-family: "Poppins";
}
#team .section-description {
  font-size: 18px;
  line-height: 30px;
  color: #606060;
  font-weight: 400;
  font-family: "Poppins";
  max-width: 61%;
  margin: auto;
  text-align: center;
  margin-bottom: 26px;
}
#team .team-box-content {
  position: relative;
  margin-bottom: 90px;
}
#team .team-content .team-box {
  border-radius: 9px;
  background-color: #f4f3e9;
  padding: 20px;
  width: 310px;
  margin: auto;
  position: relative;
  bottom: 58px;
  position: absolute;
  bottom: -43px;
  left: 0px;
  right: 0px;
}
#team .team-content .team-image {
  position: relative;
}
#team .team-content {
  text-align: center;
}
#team .team-content .team-heading {
  font-size: 16px;
  color: #606060;
  font-weight: 400;
  font-family: "Open Sans";
  margin-bottom: 0px;
}
#team .team-content h5 {
  font-size: 20px;
  color: #000000;
  font-weight: 700;
  font-family: "Open Sans";
  padding-bottom: 11px;
}
#team .team-content h5 a {
  color: #000;
}
#team .team-content .team-box {
  transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
  transform: scale(1) rotate(0.001deg);
}
#team .team-content .team-box:hover {
  z-index: 10;
  transform: scale(1.1) rotate(0.001deg);
}
#team .shopbtn {
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  font-family: "Open Sans";
  letter-spacing: 1px;
}
#team .shopbtn a {
  color: #ffffff;
}
#team .shopbtn a.btnpadding {
  border-radius: 30px;
  background-color: #cf001a;
  opacity: 1;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
  padding: 17px 70px;
  transition: 1s;
}
#team .team-image {
  position: relative;
}
#team .team-image:hover .team-social {
  display: block;
}
#team .team-image:hover .social-profiles i:hover {
  display: block;
  background-color: #cf001a;
  color: #fff;
  border: 1px solid #cf001a;
}
#team .team-content:hover h5 a {
  color: #cf001a;
}
#team .team-image:hover .follow-icon {
  display: none;
}
#team .follow-icon img {
  width: auto;
  margin: auto;
  padding-top: 9px;
}
#team .follow-icon {
  position: absolute;
  right: 11px;
  top: 12px;
}
#team .icon-bg {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background-color: #f5c323;
}
#team .social-profiles {
  display: inline-grid;
}
#team .team-social {
  position: absolute;
  top: 12px;
  right: 5px;
  display: none;
}
#team .social-profiles i {
  width: 45px;
  height: 45px;
  border-radius: 5px;
  background-color: #fff;
  color: #000;
  border: 1px solid #fff;
  font-size: 18px;
  padding-top: 12px;
  text-align: center;
}
#team .social-profiles i:hover {
  background-color: #cf001a;
  color: #fff;
  border: 1px solid #cf001a;
}
#team .social-profiles a {
  margin-bottom: 9px;
}
#team .owl-nav {
  display: block;
}
#team button.owl-prev {
  left: -66px;
}
#team button.owl-next {
  right: -66px;
}
#team .owl-nav {
  padding: 0px 0px;
}
#team .owl-nav i:hover {
  color: #cf001a;
}
#team button.owl-prev,
#team button.owl-next {
  position: absolute;
  top: 33%;
  font-size: 36px;
  color: #f4f3e9;
}
/*--------------Video section -----------------*/
section#video-sec {
  /* padding: 0px 0px; */
}
#video-sec {
  position: relative;
}
#video-sec .description {
  font-size: 60px;
  color: #000000;
  font-weight: 700;
  font-family: "Poppins";
  margin-top: 27%;
  margin-left: 7%;
}
#video-sec .leftplay {
  position: relative;
}
#video-sec .iconbox {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 45%;
  bottom: 0px;
  text-align: center;
}
#video-sec .iconbox img {
  padding-right: 20px;
}
#video-sec .video-bottom {
  position: absolute;
  right: 0px;
  bottom: -49px;
}
/* Outer */
.popup {
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.77);
  z-index: 9999;
}
/* Inner */
.popup-inner {
  max-width: 1000px;
  width: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 1);
  border-radius: 3px;
}
/* Close Button */
.popup-close {
  width: 30px;
  height: 30px;
  padding-top: 4px;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: ease 0.25s all;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-radius: 1000px;
  background: rgba(0, 0, 0, 0.8);
  font-family: Arial, Sans-Serif;
  font-size: 20px;
  text-align: center;
  line-height: 100%;
  color: #fff;
}
.popup-close:hover {
  -webkit-transform: translate(50%, -50%) rotate(180deg);
  transform: translate(50%, -50%) rotate(180deg);
  background: rgba(0, 0, 0, 1);
  text-decoration: none;
  color: #fff;
}

#video-sec .need-head {
  text-align: center;
  padding-block: 3rem;
}

#video-sec .left-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#video-sec .right-container {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

#video-sec .left-content {
  display: flex;
}

#video-sec .left-content .left-text {
  flex-basis: 60%;
  margin-left: auto;
}

#video-sec .left-content .left-text h4 {
  color: #ff3b30;
  font-size: 25px;
  font-weight: 600
}

#video-sec .left-content .need-left-img {
  margin-left: auto;
  margin-block: auto;

  width: 100px;
  height: 100px;
  border: 3px solid #ff3b30;
  border-radius: 50%;
  padding: 14px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#video-sec .left-content .need-left-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#video-sec .right-content .right-text {
  flex-basis: 60%;
  margin-left: auto;
}

#video-sec .right-content {
  display: flex;
}

#video-sec .right-content .right-text h4 {
  color: #07a90c;
 font-weight: 600;
  font-size: 25px;
}

#video-sec .right-content .need-right-img {
  margin-block: auto;
  width: 100px;
  height: 100px;
  border: 3px solid #07a90c;
  border-radius: 50%;
  padding: 14px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

#video-sec .right-content .need-right-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

#video-sec .centre-img {
  text-align: center;
}

#video-sec .need-heading{
  color: #267ffd;
}

#video-sec .need-sub-heading{
  font-size: 20px;
}

#video-sec .need-watersplash-1{
  position: absolute;
  top: 0;
  right: 0;

}

#video-sec .need-watersplash-2{
  position: absolute;
  bottom: 0;
  left: 0;
  
}


/*--------------gallery-----------------*/

#gallery h2 {
  font: 400 54px/90px Signika;
  letter-spacing: 0px;
  color: #ffffff;
  max-width: 47%;
}
.coll-height {
  height: 457px;
}

#gallery .tc_gallery_front li {
  padding: 15px !important;
  border-radius: 10px !important;
}

#gallery .tc_gallery_front li a img {
  border-radius: 10px;
  border: 2px solid black;
}

#gallery .gallery-head {
  text-align: center;
}

#gallery .gallery-head .gallery-main-heading {
  color: #267ff8;
  font-weight: 600;
}

#gallery .gallery-head .gallery-sub-heading{
  font-size: 20px;
  margin-bottom: 3rem;
}

#gallery .gallery-image-wrap{
  position: relative;
}

  .gallery-image-wrap:hover .overlay-content {
    opacity: 1 !important;
  }

#gallery .gallery-overlay-content {
background-color: rgba(200, 248, 255, 0.8);
opacity: 0; 
transition: opacity 0.4s;

}

#gallery .gallery-overlay-content div{
  color: #333333;
}

  body:not(.home) #header{
    background-color: #267ffd;
}

  /* Not home */
  body:not(.home) .head-logo{
    transform: unset;
}