:root {
  --color-1: #274c5b;
  --color-2: #525c60;
  --color-3: #7eb693;
  --color-4: #d4d4d4;
  --color-5: #f9f8f8;
  --color-6: #eff6f1;
  --text-color: #525c60;
  --btn-1: #efd372;
}

*,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5 {
  list-style: none;
  padding: 0;
  margin: 0;
}
input {
  border: none;
  outline: none;
}

body {
  font-family: "Roboto";
}

a {
  text-decoration: none;
}

.container-a {
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
}
.sticky-nav {
  background-color: #fff;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 5;
}
/* ///////////// custom //////////// */
/* ---- txts ---- */
.sec-name {
  color: var(--color-3);
  font-family: "Yellowtail";
  font-size: 36px;
  font-weight: 400;
}
.sec-heading {
  color: var(--color-1);
  font-size: 50px;
  font-weight: 800;
}
.sub-text {
  color: var(--color-1);
  font-size: 25px;
  font-weight: 500;
}
.txt-p {
  color: var(--text-color);
  font-family: "Open Sans";
  font-size: 18px;
  font-weight: 400;
  line-height: 165.4%;
}

/* ---- buttons ---- */
.btn-a {
  display: flex;
  padding: 28px 39px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: var(--color-1);
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  border: none;
}
.btn-b {
  display: flex;
  padding: 28px 39px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  background: var(--btn-1);
  color: var(--color-1);
  font-size: 20px;
  font-weight: 700;
  border: none;
}
.btn-c {
  display: flex;
  padding: 28px 39px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  border: 2px solid var(--color-1);
  color: var(--color-1);
  background: #fff;
  font-size: 20px;
  font-weight: 700;
}

/* ////////// navbar //////////// */
.navbar {
  padding: 0;
}
.nav-container {
  width: 100%;
  max-width: 1596px;
  margin-inline: auto;
  /* margin-block: 35px; */
  margin-block: 69px;
}
.nav-headig li {
  margin-right: 25px;
}
.navbar .dropdown-item {
  margin-bottom: 8px;
}
.navbar .dropdown-item,
.nav-headig .nav-link {
  color: var(--color-1);
  font-family: "Roboto";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
.navbar .form-control {
  border-radius: 33px;
  padding-left: 20px;
}

.cart {
  padding: 5px;
  border-radius: 33px;
  border: 1px solid #e0e0e0;
}

.cart p {
  color: #274c5b;
  font-family: "Roboto";
  font-size: 18px;
  font-weight: 600;
  padding-left: 12px;
  padding-right: 18px;
}

/* ////////BANNER//////// */
.home .banner {
  width: 100%;
  height: 898px;
  background-image: url("../images/banner-bg.png"), url("../images/banner-img.png");
  background-repeat: no-repeat, repeat;
  flex-shrink: 0;
  margin-bottom: 149px;
}

.banner-txt {
  color: var(--color-1);
  font-weight: 800;
  font-size: 70px;
}
.home .banner-txt {
  margin-bottom: 23px;
}
/* ///////// offering //////// */
.offer {
  margin-bottom: 190px;
}
.home .offer-block {
  gap: 36px;
}
.home .offer-card {
  max-width: 682px;
  height: 367px;
  padding-left: 54px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 30px;
}
.offer-left {
  background: url("../images/offer-l.png") no-repeat;
}
.offer-right {
  background: url("../images/offer-r.png") no-repeat;
}

.offer-left .sec-name {
  color: #fff;
}
.home .offer .txt-a {
  color: #fff;
  font-family: "Roboto";
  font-size: 40px;
  font-weight: 800;
  max-width: 277px;
}
.home .offer .offer-right .txt-a {
  color: var(--color-1);
}

/* /////////// about us ////////// */
.home .aboutUs {
  width: 100%;
  height: 1067px;
  background-image: url("../images/aboutUs-bg.png");
}
.home .aboutUs ul {
  margin-block: 45px;
  margin-right: 25%;
}
.home .aboutUs li {
  display: flex;
  gap: 19px;
}
.home .aboutUs h4 {
  font-weight: 800;
}
.home .aboutUs .btn-a {
  color: #fff;
  background: var(--color-1);
}
/* ///////// catagory //////// */
.catagory {
  margin-bottom: 200px;
}
.catagory h3 {
  margin-bottom: 40px;
}
.catagory button {
  margin-top: 122px;
}
.catagory .catagory-cards {
  gap: 20px;
}
.catagory .card {
  max-width: 335px;
  border-radius: 30px;
  padding: 30px 30px 20px;
  margin-bottom: 20px;
  border: none;
}
.catagory .card .p-name {
  box-sizing: border-box;
  display: flex;
  justify-content: start;
}
.catagory .card h5 {
  border-radius: 8px;
  padding: 6px 12px;
  background: #274c5b;
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
}
.catagory .card img {
  margin-block: 20px;
  mix-blend-mode: darken;
}
.catagory .card h4 {
  color: #274c5b;
  text-align: center;
  font-family: "Roboto";
  font-size: 20px;
  font-weight: 600;
  text-align: start;
  margin-bottom: 13px;
}
.card-p-r {
  display: flex;
  justify-content: space-between;
  border-top: 2px solid #dedddd;
  padding-top: 6px;
}
.c-price p {
  color: #b8b8b8;
  text-align: center;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
}
.c-price span {
  margin-left: 8px;
  font-size: 18px;
  font-weight: 700;
  color: var(--color-1);
}
/* ///////// Testimonia /////// */
.testimonial {
  width: 100%;
  height: 1267px;
  background-image: url("../images/testimonial-bg.png");
  background-repeat: no-repeat;
  background-position: center;
}

.testimonial-box {
  max-width: 780px;
}

.testimonial-content .txt-p:nth-of-type(2) {
  margin-bottom: 19px;
  font-size: 15px;
}
.testimonial-box hr {
  background: #e0e0e0a0;
  margin-block: 102px;
}
.testimonial img {
  width: 115px;
  height: 115px;
  margin-bottom: 20px;
}
.testimonial .testimonial-box .sec-heading {
  margin-bottom: 60px;
}
.testimonial ul {
  gap: 62px;
}

.testimonial ul li {
  height: 211px;
  width: 211px;
  border: 4px solid #7eb693;
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.testimonial ul li p {
  font-weight: 600;
}
/* ///////// M-offer /////////// */
.M-offer {
  background-color: var(--color-1);
  padding-block: 200px;
}
.M-offer .sec-heading {
  color: #fff;
}
.M-offer-text {
  margin-bottom: 50px;
}

.M-offer .M-offer-cards {
  gap: 20px;
}
.M-offer .M-offer-cards .card {
  max-width: 335px;
  height: 483px;
  border-radius: 30px;
  background: #f9f8f8;
  padding-inline: 30px;
  padding-top: 29px;
  padding-bottom: 17px;
}
.M-offer .M-offer-cards .card .p-name {
  padding: 5px 12px 6px 12px;
  gap: 10px;
  border-radius: 8px;
  background: #274c5b;
}
.M-offer .M-offer-cards .card .p-name h5 {
  color: #fff;
  font-family: "Open Sans";
  font-size: 15px;
  font-weight: 600;
}

/* ////////////// eco-friendly  ///////////////*/
.eco-friendly {
  max-width: 100%;
  /* height: 931px; */
  padding-block: 111px;
  background-image: url("../images/eco-friendly-bg.png");
  background-repeat: no-repeat;
  background-position: left;
}

.eco-friendly-content {
  padding: 78px 0px 78px 78px;
  border-radius: 20px;
  background-color: #fff;
  margin-left: -78px;
}
.eco-friendly-content .sec-heading {
  margin-bottom: 35px;
}
.eco-friendly-content .sub-text {
  margin-bottom: 7px;
}
.eco-friendly-content li {
  margin-bottom: 35px;
}

/* //////// food-gallery ////////// */
.food-gallery {
  padding-block: 187px;
  gap: 42px;
}

.food-gallery .sub-text {
  padding: 34px 83px;
  border-radius: 20px;
  background: #fff;
}

/* //////// news ////////// */
.news {
  margin-bottom: 190px;
}
.news .sec-heading {
  max-width: 702px;
}

.news .news-blocks {
  margin-top: 48px;
  gap: 46px;
  color: var(--color-1);
}
.news .news-block {
  margin-bottom: 70px;
}
.news .news-block img {
  border-radius: 30px;
  background: #c4c4c4;
}
.news .news-block .news-date {
  top: 43px;
  left: 32px;
  max-width: 82px;
  height: 82px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
}
.news .news-block .txt-d {
  font-size: 25px;
  font-weight: 800;
  line-height: normal;
}
.news .news-block .txt-e {
  font-size: 20px;
  font-weight: 800;
  line-height: normal;
}
.news .news-block .txt-p {
  color: var(--color-1);
}
.news .news-block .news-content {
  bottom: -70px;
  padding: 46px 57px 60px 57px;
  margin-inline: 32px;
  gap: 15px;
  background: #fff;
  border-radius: 31px 34px 30px 30px;
  box-shadow: 0px 20px 35px 0px rgba(167, 167, 167, 0.25);
}
/* //////// footer ////////// */
.subscribe-block {
  background: url("../images/subscribe-bg.png") no-repeat;
  background-size: cover;
  border-radius: 30px;
  padding: 70px 105px;
  margin-bottom: 117px;
}
.subscribe-block .sec-heading {
  max-width: 357px;
  color: #fff;
}
.subscribe-block input {
  max-width: 349px;
  border-radius: 16px;
  background: #fff;
  padding: 23px;
  border-radius: 16px;
  font-size: 18px;
  font-family: "Roboto";
  font-style: italic;
  color: #ababab;
}
.subscribe-block input::placeholder {
  color: #ababab;
  font-family: "Roboto";
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
}
.subscribe-block .btn-a {
  padding: 28px 70px;
}
/*  */

.footer li {
  margin-bottom: 14px;
}
.footer h3 {
  color: var(--color-1);
  font-family: "Roboto";
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 32px;
}
.fDiv1 {
  margin-right: 51px;
}
.fDiv2 {
  border-inline: 1px solid var(--color-4);
}
.fDiv2 p {
  text-align: center;
  padding-inline: 41px;
  margin-top: 23px;
  margin-bottom: 43px;
}

.fDiv3 {
  margin-left: 51px;
}

.copyright {
  border-top: 1px solid var(--color-4);
  text-align: center;
  margin-top: 119px;
  padding-block: 17px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// about-page ////////// */
.about .sec-space {
  margin-bottom: 190px;
}
.banner-a {
  height: 450px;
}
.about .banner-a {
  background-image: url("../images/about-bg-patterns.png"),
    url("../images/about-banner-bg.png");
  background-repeat: no-repeat, repeat;
  background-position: center;
  margin-bottom: 70px;
}

/*  */
.about .aboutus .txt-p {
  line-height: 165.4%;
}
.about .aboutus {
  height: 977px;
  background-image: url("../images/fruit-img1.png");
  background-repeat: no-repeat;
  margin-bottom: 149px;
}
.about .aboutus .sec-heading {
  margin-bottom: 14px;
}
.about .aboutus .aboutus-box {
  gap: 65px;
  margin-top: 48px;
  margin-bottom: 58px;
}
.about .aboutus .aboutus-box img {
  margin-right: 14px;
}

/*  */
.choose-us .block-a {
  gap: 51px;
}
.choose-us .block-a .sub-text {
  font-size: 20px;
}
.choose-us .block-a .txt-p {
  margin-top: 25px;
}
.about .choose-us ul {
  margin-top: 36px;
  margin-left: 27px;
}
.about .choose-us svg {
  margin-right: 8px;
}

.choose-us .block-b {
  margin-inline: 141px;
  margin-top: 91px;
  gap: 30px;
}
.choose-us .block-b .choose-us-card {
  max-width: 257px;
  border-radius: 30px;
  background: #ffffff;
  text-align: center;
  padding: 50px 28px;
}
.choose-us .block-b .choose-us-card .icon-box {
  width: 95px;
  height: 95px;
  border-radius: 18px;
  background: #f9f8f8;
}
.choose-us .block-b .sub-text {
  font-weight: 800;
  margin-top: 15px;
  margin-bottom: 12px;
}

/* ///////// team /////////  */

.team .txt-p {
  max-width: 852px;
}

.team .members {
  margin-top: 42px;
  gap: 28px;
}

.team .member-card {
  max-width: 448px;
}
.team .member-card img {
  border-radius: 30px 30px 0px 0px;
}
.team .member-card .content {
  transition: 0.5s ease-in-out;
  padding: 35px 28px;
  background-color: #fff;
}
.team .member-card .content.active,
.team .member-card .content:hover {
  filter: drop-shadow(0px 29px 44px rgba(150, 150, 150, 0.4));
}
.team .member-card .content .sec-name {
  font-size: 22px;
}
.team .member-card .content .sub-text {
  font-weight: 800;
}

/* ///////// offer /////////  */
.about .offer {
  background-color: var(--color-1);
  padding-block: 188px;
}
.about .offer .sec-heading {
  color: #fff;
}
.about .offer .offer-cards {
  gap: 21px;
  margin-top: 33px;
}
.about .offer .offer-card {
  max-width: 334px;
}
.about .offer .offer-card .sub-text {
  color: #fff;
  text-align: center;
  margin-top: 24px;
}

.about .offer .offer-card .offer-card-img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 30px;
  background: #f0f0f0;
  & img {
    mix-blend-mode: darken;
  }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// shop ////////// */

.shop .banner-a {
  background-image: url("../images/about-bg-patterns.png"),
    url("../images/shop-bg-img.png");
  /* background-repeat: no-repeat, repeat;
  background-position: center; */
  margin-bottom: 70px;
}

.shop .catagory {
  margin-top: 90px;
}

/* ***** shop-single ****** */
.shop.shop-single .banner-a {
  background-image: url("../images/about-bg-patterns.png"),
    url("../images/shop-single-bg-img.png");
}

.shop-single .product-details {
  margin-top: 130px;
  gap: 88px;
}
.shop-single .product-details .p-name {
  color: #fff;
  text-align: center;
  font-family: "Open Sans";
  padding: 5px 12px 6px 12px;
  font-size: 15px;
  font-weight: 600;
  border-radius: 8px;
  background: #274c5b;
  top: 35px;
  left: 35px;
}
.shop-single .product-details .txt-a {
  color: var(--color-1);
  font-size: 40px;
  font-weight: 600;
}
.shop-single .product-details .c-price p {
  text-align: left;
}
.shop-single .product-details .txt-p {
  margin-top: 28px;
}
.shop-single .product-details .details-content {
  max-width: 658px;
}
.shop-single .product-details .details-btns input,
.shop-single .product-details .details-btns input::placeholder,
.shop-single .product-details .details-btns .txt-d {
  color: var(--color-1);
  font-size: 20px;
  font-weight: 700;
}
.shop-single .product-details .details-btns {
  margin-top: 35px;
  gap: 22px;
}
.shop-single .product-details .details-btns input {
  max-width: 145px;
  border-radius: 16px;
  border: 2px solid #274c5b;
  background: #fff;
  text-align: center;
}
.shop-single .product-details .details-btns .btn-a {
  margin-left: 20px;
  padding: 28px 39px;
}

.shop-single .product-description {
  margin-block: 100px;
}
.shop-single .product-description .btn-a,
.shop-single .product-description .btn-c {
  font-size: 25px;
  padding: 23px 61px;
}
.shop-single .product-description .btn-c {
  background: #eff6f1;
  border: 0;
}
.shop-single .product-description .txt-p {
  margin-top: 27px;
}
.shop-single .product-description {
  max-width: 1137px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// our-team ////////// */

.our-team .banner-a {
  background-image: url("../images/team-banner-pattern.png"),
    url("../images/team-banner-bg.png");
  background-position: center;
  margin-bottom: 150px;
}

.our-team .team .members {
  gap: 28px;
  margin-bottom: 120px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// recent-news ////////// */

.recent-news .banner-a {
  background-image: url("../images/news-patterns-bg.png"),
    url("../images/news-banner-bg.png");
  background-position: center;
  margin-bottom: 117px;
}

.recent-news .txt-p {
  line-height: 165.4%;
}
.recent-news .btn-c {
  padding: 0;
  border: 0;
}
.recent-news .news-blocks {
  margin-bottom: 120px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// service ////////// */

.service .banner-a {
  background-image: url("../images/service-bg-pattern.png"),
    url("../images/service-bg-img.png");
  background-position: center;
}

.service .service-block-head {
  max-width: 485px;
  margin-inline: auto;
  margin-top: 201px;
}
.service .service-block {
  margin-bottom: 201px;
}
.service-block .block-a,
.service-block .block-b {
  gap: 39px;
}
.service-block .sub-block {
  max-width: 396px;
  gap: 5px;
}

.service .video-block {
  margin-bottom: 145px;
  height: 1073px;
  background-image: url("../images/video-background Image.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.service .video-block .content {
  max-width: 671px;
  margin-top: 179px;
}
.service .video-block .content a {
  margin-top: 50px;
}
@media screen and (max-device-width: 576px) {
  .service .video-block .content {
    margin-top: 30px;
  }
  .service .video-block {
    height: 600px;
  }
}
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// service-single ////////// */

.servic-single .banner-a {
  background-image: url("../images/service-single-bg-pattern.png"),
    url("../images/service-single-bg.png");
  background-position: center;
  margin-bottom: 182px;
}

.container-b {
  width: 100%;
  max-width: 936px;
  margin-inline: auto;
}
.servic-single .sub-banner {
  margin-bottom: 78px;
}
.servic-single .content-block {
  gap: 70px;
  margin-bottom: 131px;
}

.servic-single .content-block .block-a .sec-heading {
  margin-bottom: 28px;
}

.servic-single .content-block .block-b {
  gap: 28px;
}
.servic-single .content-block .block-b .sub-box {
  gap: 20px;
}
.servic-single .content-block .block-b .sub-box .content-box {
  padding: 63px 45px;
}
.servic-single .content-block .block-b .sub-text {
  margin-bottom: 7px;
}

.servic-single .content-block .block-c .sec-heading {
  font-size: 35px;
  margin-bottom: 11px;
}
.servic-single .content-block .block-c .txt-p {
  margin-bottom: 59px;
}
.servic-single .content-block .block-c .main-box {
  gap: 28px;
}
.servic-single .content-block .block-c .sub-box {
  gap: 25px;
}
.servic-single .content-block .block-c .num-bg {
  width: 69px;
  height: 69px;
  background-color: #7eb693;
  border-radius: 50%;
}
.servic-single .content-block .block-c .num-bg p {
  color: #fff;
  font-size: 25px;
  font-weight: 700;
}
.servic-single .content-block .block-c .sub-text {
  font-weight: 600;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// portfolio ////////// */

.portfolio .banner-a {
  background-image: url("../images/portfolio-bg-pattern.png"),
    url("../images/portfolio-bg-img.png");
  background-position: center;
  margin-bottom: 117px;
}

.portfolio .portfolio-cards {
  gap: 43px 23.5px;
  margin-bottom: 131px;
}
.portfolio .portfolio-card {
  max-width: 451px;
}
.portfolio .portfolio-card img {
  border-radius: 30px;
  cursor: pointer;
}
.portfolio .portfolio-card .sub-text {
  font-weight: 800;
  margin-top: 21px;
  margin-bottom: 2px;
}
.portfolio .portfolio-card .sec-name {
  font-size: 22px;
}
.portfolio .portfolio-card .hover-block {
  height: calc(100% - 48px);
  margin: 24px;
  border-radius: 30px;
  background-color: rgba(255, 255, 255, 0.91);
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// portfolio-single ////////// */
.portfolio-single .banner {
  background-image: url("../images/portfolio-singlie-bnner.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  aspect-ratio: 1920 / 898;
  background-position: start;
  background-repeat: no-repeat;
}
.portfolio-single .sub-block {
  /* padding: 76px 82px; */
  border-radius: 30px;
  background: #fff;
  box-shadow: 0px 14px 36px 0px rgba(204, 204, 204, 0.25);
  margin-top: -170px;
  margin-bottom: 80px;
}
.portfolio-single .sub-block .block-a {
  padding: 97px 82px;
  max-width: 891px;
  gap: 20px;
}

.portfolio-single .sub-block .block-b {
  padding: 106px 111px 107px 111px;
  gap: 12px;
}
.portfolio-single .sub-block .block-b .t-line {
  min-width: 122px;
}
.portfolio-single .sub-block .block-b .txt-p {
  line-height: 100%;
  margin-left: 12px;
}

.portfolio-single .content-block {
  margin-bottom: 120px;
}
.portfolio-single .content-block .t-block {
  margin-bottom: 40px;
}
.portfolio-single .content-block .t-block .sec-heading {
  font-size: 35px;
  margin-bottom: 24px;
}
.portfolio-single .content-block .block-a .txt-p {
  margin-top: 19px;
  margin-bottom: 20px;
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// blog-single ////////// */
.blog-single .banner {
  background-image: url("../images/blog-single-banner.png");
  background-position: center;
  background-size: cover;
  width: 100%;
  aspect-ratio: 1920 / 898;
  background-position: start;
  background-repeat: no-repeat;
}
.blog-single .sub-container {
  gap: 20px;
  padding: 76px 82px;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0px 14px 36px 0px rgba(204, 204, 204, 0.25);
  margin-top: -170px;
  margin-bottom: 80px;
}
.blog-single .sub-container .sec-heading {
  font-size: 70px;
}
.blog-single .sub-container .txt-p {
  max-width: 726px;
}
.blog-single .sub-container .date-sec {
  gap: 30px;
}
.blog-single .sub-container .txt-a {
  color: #274c5b;
  font-size: 18px;
  font-weight: 400;
}

.blog-single .content-block {
  gap: 50px;
  margin-top: 22px;
  margin-bottom: 121px;
}

/* .blog-single .content-block .block-a{ */
.blog-single .content-block .block-a .txt-p {
  margin-top: 24px;
  margin-bottom: 30px;
}
.blog-single .content-block .block-a ul {
  gap: 21px;
}
.blog-single .content-block .block-a ul .txt-p {
  margin-top: 0;
  margin-bottom: 0;
}
.blog-single .content-block ul,
.blog-single .content-block .li {
  list-style: circle;
}

.blog-single .content-block .block-q {
  padding: 69px 59px;
  border-radius: 30px;
  background: #f1edea;
}
.blog-single .content-block .block-q .sub-text {
  font-family: "Open Sans";
  font-size: 20px;
  font-weight: 700;
  line-height: 165.4%;
}

@media screen and (max-device-width: 768px) {
  .blog-single .sub-container {
    margin-top: -80px;
    margin-bottom: 60px;
  }
}
@media screen and (max-device-width: 576px) {
  .blog-single .sub-container {
    gap: 20px;
    padding: 36px 42px;
    margin-top: -50px;
    margin-bottom: 80px;
  }
  .blog-single .sub-container .sec-heading {
    font-size: 40px;
    text-align: center;
  }
}

/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////////// */
/* ///////////// contact ////////// */

.contact .banner-a {
  background-image: url("../images/contact-banner-pattern.png"),
    url("../images/contact-banner-bg.png");
  background-position: center;
  margin-bottom: 209px;
}

.contact .sec-1 {
  gap: 75px;
  margin-bottom: 98px;
}
.contact .sec-1 .sec-heading {
  margin-bottom: 14px;
}
.contact .sec-1 .m-block {
  max-width: 702px;
  gap: 34px;
}
.contact .sec-1 .m-block .block-a {
  gap: 17px;
}
.contact .sec-1 .m-block .m-card {
  padding: 12px;
  max-width: 352px;
  border-radius: 16px;
  border: 1px solid #eee;
  background: #fff;
  gap: 19px;
}
/* ////////////////////// */
.contact .location {
  margin-bottom: 80px;
  border-radius: 30px;
  padding-block: 122px;
  background-image: url("../images/contact-img-2.png");
  background-repeat: no-repeat;
  background-position: center;
}
.contact .location .l-block {
  max-width: 514px;
  right: 108px;
  padding: 46px 53px;
  border-radius: 30px;
  background: #fff;
  margin-right: 108px;
}

/* ********************************************************************************** */
/* ********************************************************************************** */
/* ///////////// media quarries ////////// */

@media screen and (max-device-width: 1400px) {
  .container-a {
    padding-left: 24px;
    padding-right: 24px;
  }
  .container-b {
    padding-left: 24px;
    padding-right: 24px;
  }
  .nav-container {
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media screen and (max-device-width: 1200px) {
  .choose-us .block-b {
    margin-inline: 100px;
    margin-top: 30px;
    gap: 30px;
  }
}
@media screen and (max-device-width: 992px) {
}
@media screen and (max-device-width: 768px) {
  .eco-friendly-content {
    padding: 35px;
    margin-left: 0px;
  }
  /*  */
  .contact .location {
    padding-inline: 16px;
  }
  .contact .location .l-block {
    padding: 46px 53px;
    border-radius: 30px;
    background: #fff;
    margin-right: 0px;
  }
}
@media screen and (max-device-width: 576px) {
  /* custom */
  .sec-name {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .sec-heading {
    font-size: 30px;
    margin-bottom: 8px;
  }
  .sub-text {
    font-size: 25px;
  }
  .txt-p {
    font-size: 18px;
  }

  .btn-a {
    padding: 20px 28px;
    font-size: 18px;
  }
  /* *** */

  .nav-container {
    margin-block: 34px;
  }
  /* home-page */
  .home .banner {
    height: 675px;
    margin-bottom: 90px;
  }
  .banner-txt {
    font-size: 40px;
  }

  .home .aboutUs {
    background-position: right;
  }
  .home .aboutUs ul {
    margin-block: 45px;
    margin-right: 0%;
  }
  /*  */
  .catagory {
    margin-bottom: 80px;
  }
  /*  */
  .testimonial ul {
    gap: 20px;
  }
  .testimonial ul li {
    height: 151px;
    width: 151px;
  }

  .offer {
    margin-bottom: 80px;
  }

  /*  */
  .home .offer-card {
    padding-left: 20px;
    height: 240px;
  }
  .home .offer .txt-a {
    font-size: 30px;
  }

  /*  */
  .news .news-block {
    margin-bottom: 350px;
  }
  .news .news-block .news-content {
    top: 200px;
    padding: 46px 37px 60px 37px;
    margin-inline: 18px;
  }
  /*  */
  .subscribe-block {
    padding: 30px 20px;
    margin-bottom: 60px;
  }
  .subscribe-block .sec-heading {
    margin-bottom: 20px;
  }
  .copyright {
    padding-inline: 24px;
    margin-top: 60px;
  }

  .eco-friendly-content li {
    text-align: center;
  }
  .eco-friendly {
    background-size: cover;
  }
  /* about-page */
  .about .aboutus {
    background-image: none;
  }
  .about .sec-space {
    margin-bottom: 70px;
  }
  /* shop-single-page */
  .shop-single .product-details .details-btns .btn-a {
    padding: 20px 28px;
  }
  .shop-single .product-description {
    margin-block: 70px;
  }
  .shop-single .product-description .btn-a,
  .shop-single .product-description .btn-c {
    padding: 23px 52px;
  }
  /* portfolio-single-page */
  .portfolio-single .sub-block .block-a {
    padding: 80px 60px;
  }
  
  .portfolio-single .sub-block .block-b {
    padding: 20px 30px 30px 30px;
  }
  /* about-page */
  .contact .banner-a {
    margin-bottom: 0px;
  }
}

@media screen and (max-device-width: 320px) {
}