/* screen - blog-details-1 */

.blog-details-1 {
  align-items: flex-start;
  background-color: var(--swamp);
  display: flex;
  flex-direction: column;
  height: 2877px;
  overflow: hidden;
  width: 375px;
}

.blog-details-1 .overlap-group4 {
  height: 331px;
  position: relative;
  width: 100%;
}

.blog-details-1 .banner {
  align-items: flex-start;
  display: flex;
  height: 331px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.blog-details-1 .overlap-group1 {
  height: 331px;
  margin-left: -740px;
  position: relative;
  width: 1643px;
}

.blog-details-1 .rectangle-54 {
  height: 331px;
  left: 433px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 1066px;
}

.blog-details-1 .rectangle-53 {
  background: linear-gradient(180deg, rgb(0, 27, 28) 0%, rgba(255, 255, 255, 0) 100%);
  height: 331px;
  left: 740px;
  position: absolute;
  top: 0;
  width: 903px;
}

.blog-details-1 .you-are-here-home-blog-details {
  left: 821px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 212px;
}

.text-justify {
  text-align: justify;
}

.blog-details-1 .overlap-group {
  height: 87px;
  left: 784px;
  position: absolute;
  top: 120px;
  width: 288px;
}

.blog-details-1 .overlap-group-item {
  -webkit-background-clip: text;
  -webkit-text-stroke: 0.5px transparent;
  background-image: linear-gradient(180deg, rgb(35, 159, 163) 0%, rgba(255, 255, 255, 0) 100%);
  left: 0;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 0;
}

.blog-details-1 .blog-details {
  left: 92px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  text-align: center;
  top: 34px;
}

.blog-details-1 .thai-curries-with-jasmin-rice {
  align-items: flex-start;
  display: flex;
  height: 1653px;
  margin-top: 35px;
  padding: 0 14px;
  width: 375px;
}

.blog-details-1 .group-container {
  height: 1661px;
  margin-top: -8px;
  position: relative;
  width: 347px;
}

.blog-details-1 .group-1000005056 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 1661px;
  position: absolute;
  top: 0;
  width: 347px;
}

.blog-details-1 .frame-24 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  margin-left: 2px;
  position: relative;
}

.blog-details-1 .thai-curries-with-jasmin-rice-1 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .line-2 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 89px;
}

.blog-details-1 .group-1000005055 {
  align-items: flex-start;
  display: flex;
  gap: 13px;
  margin-left: 1px;
  margin-top: 10px;
  min-width: 207px;
}

.blog-details-1 .group-1000005053 {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 88px;
}

.blog-details-1 .frame {
  height: 18px;
  width: 18px;
}

.blog-details-1 .by-admin {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 3.0px;
  min-height: 21px;
  min-width: 46px;
}

.blog-details-1 .group-1000005054 {
  align-items: center;
  display: flex;
  gap: 10px;
  min-width: 108px;
}

.blog-details-1 .address {
  letter-spacing: 0;
  line-height: normal;
  margin-bottom: 3.0px;
  min-height: 21px;
  min-width: 66px;
}

.blog-details-1 .rectangle-15 {
  height: 247px;
  margin-left: 1px;
  margin-top: 24px;
  object-fit: cover;
  width: 345px;
}

.blog-details-1 .frame-38 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  margin-top: 24px;
  position: relative;
}

.blog-details-1 .lorem-ipsum-is-simpl {
  letter-spacing: 0;
  line-height: 23.0px;
  margin-top: -1.00px;
  position: relative;
  width: 344px;
}

.blog-details-1 .it-has-survived-not {
  letter-spacing: 0;
  line-height: 23.0px;
  position: relative;
  width: 344px;
}

.blog-details-1 .group-container-1 {
  height: 236px;
  margin-left: 1px;
  margin-top: 35px;
  position: relative;
  width: 345px;
}

.blog-details-1 .group-9 {
  align-items: flex-start;
  background-image: url(../img/image-6.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 236px;
  left: 0;
  min-width: 345px;
  position: absolute;
  top: 0;
}

.blog-details-1 .image-6 {
  background: linear-gradient(225deg, rgb(35, 159, 163) 0%, rgba(255, 255, 255, 0) 40%);
  height: 236px;
  width: 345px;
}

.blog-details-1 .overlap-group-1 {
  border-radius: 30px;
  height: 60px;
  left: 143px;
  position: absolute;
  top: 88px;
  width: 60px;
}

.blog-details-1 .ellipse-4 {
  border: 1px solid;
  border-color: var(--white);
  border-radius: 30px;
  height: 60px;
  left: 0;
  opacity: 0.3;
  top: 0;
  width: 60px;
}

.blog-details-1 .ellipse-6 {
  border-radius: 27.42px;
  height: 55px;
  left: 3px;
  opacity: 0.4;
  top: 3px;
  width: 55px;
}

.blog-details-1 .frame-1 {
  height: 27px;
  left: 17px;
  position: absolute;
  top: 17px;
  width: 27px;
}

.blog-details-1 .rectangle-17 {
  height: 236px;
  margin-left: 1px;
  margin-top: 24px;
  object-fit: cover;
  width: 345px;
}

.blog-details-1 .frame-39 {
  align-items: flex-start;
  display: inline-flex;
  flex-direction: column;
  gap: 15px;
  margin-left: 3px;
  margin-top: 24px;
  position: relative;
}

.blog-details-1 .it-has-survived-not-1 {
  letter-spacing: 0;
  line-height: 23.0px;
  margin-top: -1.00px;
  position: relative;
  width: 344px;
}

.blog-details-1 .contrary-to-popular {
  letter-spacing: 0;
  line-height: 23.0px;
  position: relative;
  width: 344px;
}

.blog-details-1 .it-is-a-long-establi {
  letter-spacing: 0;
  line-height: 23.0px;
  position: relative;
  width: 344px;
}

.blog-details-1 .group-1 {
  height: 55px;
  left: 282px;
  position: absolute;
  top: 441px;
  width: 56px;
}

.blog-details-1 .group-2 {
  height: 58px;
  left: 259px;
  position: absolute;
  top: 1229px;
  width: 66px;
}

.blog-details-1 .group-container-2 {
  height: 823px;
  margin-left: -1007px;
  position: relative;
  width: 2389px;
}

.blog-details-1 .overlap-group-2 {
  height: 823px;
  position: relative;
  width: 2389px;
}

.blog-details-1 .group-2-1 {
  align-items: flex-start;
  background-image: url(../img/image-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  min-width: 150px;
  padding: 0 47px;
}

.blog-details-1 .place {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .menu {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .gallery {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .franchise {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .blog {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .contact-us {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blog-details-1 .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  width: 165px;
}

.blog-details-1 .group-container-3 {
  align-items: flex-start;
  display: flex;
  gap: 81px;
  height: 119px;
  margin-left: 2.0px;
  min-width: 348px;
}

.blog-details-1 .group-1000004944 {
  height: 50px;
  margin-left: -28177px;
  margin-top: 3675px;
  width: 50px;
}

.blog-details-1 .vector-3 {
  height: 25px;
  margin-left: -28862px;
  margin-top: 2086px;
  width: 25px;
}

.blog-details-1 .ellipse {
  background-color: var(--blue-stone);
  position: absolute;
}
/* screen - blogDetails */

.blogDetails {
  align-items: flex-start;
  background-color: var(--swamp);
  display: flex;
  flex-direction: column;
  gap: 120px;
  height: 3201px;
  width: 1900px;
}

.blogDetails .overlap-group4-1 {
  height: 595px;
  position: relative;
  width: 1920px;
}

.blogDetails .banner-1 {
  align-items: flex-end;
  background-image: url(../img/rectangle-52-1.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  height: 595px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1920px;
}

.blogDetails .overlap-group-3 {
  align-items: flex-start;
  background: linear-gradient(180deg, rgb(0, 27, 28) 0%, rgba(255, 255, 255, 0) 100%);
  display: flex;
  gap: 169px;
  height: 788px;
  margin-bottom: -193px;
  min-width: 1900px;
  padding: 257px 237px;
}

.blogDetails .overlap-group1-1 {
  height: 256px;
  position: relative;
  width: 912px;
}

.blogDetails .blog-details-2 {
  left: 30px;
  letter-spacing: 0;
  line-height: normal;
  position: absolute;
  top: 105px;
}

.blogDetails .you-are-here-home-blog-details-1 {
  align-self: center;
  letter-spacing: 0;
  line-height: normal;
  margin-top: 52.0px;
  min-height: 44px;
  min-width: 362px;
}

.blogDetails .group-2-2 {
  align-items: flex-start;
  background-image: url(../img/image-2.png);
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  min-width: 220px;
  padding: 0 68.9px;
}

.blogDetails .menu-1 {
  left: 0;
  letter-spacing: 0.22px;
  line-height: normal;
  position: absolute;
  top: 0;
}

.blogDetails .frame-4 {
  height: 14px;
  left: 52px;
  position: absolute;
  top: 12px;
  width: 14px;
}

.blogDetails .blog-1 {
  cursor: pointer;
  margin-top: -1.00px;
}

.blogDetails .btn {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  margin-left: 48px;
  min-width: 230px;
}

.blogDetails .overlap-group-4 {
  align-items: center;
  border: 1px solid;
  border-color: var(--x1);
  display: flex;
  height: 50px;
  min-width: 228px;
  padding: 9px 47px;
}

.blogDetails .overlap-group3 {
  height: 2px;
  margin-left: 3px;
  position: relative;
  width: 1440px;
}

.blogDetails .line-1 {
  height: 1px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 1px;
  width: 1440px;
}

.blogDetails .rectangle-14 {
  background-color: var(--x1);
  height: 2px;
  left: 978px;
  position: absolute;
  top: 0;
  width: 57px;
}

.blogDetails .blog-details-3 {
  align-items: center;
  display: flex;
  height: 1820px;
  padding: 0 27px;
  width: 1900px;
}

.blogDetails .group-5 {
  height: 168px;
  margin-bottom: 574.0px;
  width: 174px;
}

.blogDetails .group-117 {
  align-items: flex-start;
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 38px;
  margin-top: -18px;
  min-height: 1838px;
  width: 1442px;
}

.blogDetails .frame-14 {
  align-items: center;
  display: inline-flex;
  gap: 30px;
  margin-left: 1px;
  position: relative;
}

.blogDetails .thai-curries-with-jasmin-rice-2 {
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
}

.blogDetails .line-1-1 {
  height: 1px;
  object-fit: cover;
  position: relative;
  width: 877px;
}

.blogDetails .group-113 {
  align-items: flex-start;
  display: flex;
  gap: 45px;
  height: 40px;
  margin-left: 2px;
  margin-top: 30px;
  min-width: 345px;
}

.blogDetails .frame-1-1 {
  align-items: center;
  display: inline-flex;
  gap: 15px;
  position: relative;
}

.blogDetails .group-58 {
  background-color: var(--x1);
  height: 40px;
  position: relative;
  width: 40px;
}

.blogDetails .frame-2 {
  height: 20px;
  left: 10px;
  position: absolute;
  top: 10px;
  width: 20px;
}

.blogDetails .by-admin-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.blogDetails .address-1 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.blogDetails .rectangle-15-1 {
  height: 594px;
  margin-left: 2px;
  margin-top: 60px;
  object-fit: cover;
  width: 1438px;
}

.blogDetails .group-114 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 60px;
  min-height: 164px;
  width: 1446px;
}

.blogDetails .lorem-ipsum-is-simpl-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  margin-left: 2px;
  min-height: 72px;
  width: 1440px;
}

.blogDetails .group-201 {
  align-items: flex-start;
  display: flex;
  gap: 40px;
  margin-top: 60px;
  min-width: 1440px;
}

.blogDetails .overlap-group1-2 {
  height: 368px;
  position: relative;
  width: 701px;
}

.blogDetails .rectangle-16 {
  height: 368px;
  left: 2px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 699px;
}

.blogDetails .image-6-1 {
  background: linear-gradient(180deg, rgb(35, 159, 163) 0%, rgba(255, 255, 255, 0) 100%);
  height: 368px;
  left: 0;
  position: absolute;
  top: 0;
  width: 700px;
}

.blogDetails .overlap-group-5 {
  border-radius: 50px;
  height: 100px;
  left: 300px;
  position: absolute;
  top: 134px;
  width: 100px;
}

.blogDetails .ellipse-4-1 {
  background-color: var(--blue-stone);
  border: 1px solid;
  border-color: var(--white);
  border-radius: 50px;
  height: 100px;
  left: 0;
  opacity: 0.3;
  position: absolute;
  top: 0;
  width: 100px;
}

.blogDetails .ellipse-6-1 {
  background-color: var(--blue-stone);
  border-radius: 45.7px;
  height: 91px;
  left: 4px;
  opacity: 0.4;
  position: absolute;
  top: 4px;
  width: 91px;
}

.blogDetails .frame-5 {
  height: 45px;
  left: 28px;
  position: absolute;
  top: 28px;
  width: 45px;
}

.blogDetails .rectangle-17-1 {
  height: 368px;
  object-fit: cover;
  width: 699px;
}

.blogDetails .group-115 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 60px;
  min-height: 328px;
  width: 1448px;
}

.blogDetails .it-has-survived-not-3 {
  margin-left: 1px;
}

.blogDetails .contrary-to-popular-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  margin-left: 2px;
  min-height: 144px;
  width: 1440px;
}

.blogDetails .it-is-a-long-establi-1 {
  letter-spacing: 0;
  line-height: 36.1px;
  min-height: 72px;
  width: 1440px;
}

.blogDetails .group-6 {
  height: 171px;
  margin-left: 77px;
  margin-top: 434.52px;
  width: 83px;
}

.blogDetails .footer-1 {
  align-items: flex-start;
  background-color: transparent;
  display: flex;
  flex-direction: row;
  flex-shrink: 1;
  justify-content: flex-start;
  min-width: 1920px;
  width: auto;
}

.blogDetails .group-3 {
  height: 545px;
  position: relative;
  width: 1920px;
}

.blogDetails .menu-2 {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.blogDetails .group-4 {
  align-items: center;
  background-color: var(--x1);
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 8px;
}

.blogDetails .frame-3 {
  height: 24px;
  width: 24px;
}

.blogDetails .blog {
  letter-spacing: 0;
  line-height: normal;
  position: relative;
  width: fit-content;
}

.blogDetails .it-has-survived-not {
  letter-spacing: 0;
  line-height: 36.1px;
  min-height: 72px;
  width: 1440px;
}
@media screen and (max-width: 1919px) {
  .screen.blogDetails { 
    display: none;
   }
}
@media screen and (min-width: 1920px) {
  .screen.blog-details-1 { 
    display: none;
   }
}