body {
    font-family: "Open Sans", sans-serif;
    background: linear-gradient(
        to bottom,
        #f8eee59c 39%,
        rgb(234 223 204 / 0%)
    );
    color: #505050;
    font-size: 16px;
    font-weight: 400;
}
.details-page svg {
    width: 18px;
    height: 18px;
}
.editorText {
    text-align: center;
    font-size: 22px;
}
.editorText p {
    color: #505050 !important;
}
.editorText img {
    margin: 15px 0;
}
.button-box {font-family: "Montserrat", sans-serif;}
.slice {
    padding: 15px 26px;
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    background-color: #e85a70;
    border: 1px solid #e85a70;
    position: relative;
    transition: 300ms cubic-bezier(0.83, 0, 0.17, 1);
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
    font-weight: bold;
}
.banner .ql-code-block {
    line-height: 1.6;
    margin-top: 1rem;
}

.slice:hover {
    background-color: #23332a;
}
.style2 {
    font-size: 36px !important;
    font-weight: 700;
}
.style2 span {
    font-size: 48px !important;
    font-weight: 700 !important;
}

.slice > .text {
    font-weight: 600;
    color: #fff;
    position: relative;
    z-index: 1;
    transition: color 700ms cubic-bezier(0.83, 0, 0.17, 1);
}

.inner-banner {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: end;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50%;
}

.inner-banner .max-w-7xl.mx-auto.px-4 {
    width: 100%;
}

header .button-box a:hover span {
    color: #fff;
}

.stellarnav > ul > li > a {
    padding: 20px 14px;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
}

.heading {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
    color: #23332a;
    font-size: 52px;
}

.heading span {
    color: #dd7e7c;
    font-weight: 400;
    /* font-size: 48px; */
}

.s-heading {
    font-family: "Libre Baskerville", serif;
    font-weight: 700;
}

footer .slice {
    padding: 9px 50px;
    position: absolute;
    right: 0;
    top: 0;
}

footer .menu li a {
    padding: 0 14px;
    color: #313131;
    transition: all 0.4s;
    font-size: 20px;
}

.social img {
    width: 23px;
    height: 23px;
}

footer::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #faf4ee;
    width: 100%;
    height: 79%;
    z-index: -1;
}

.article .heading::after {
    width: 328px;
    background-color: transparent;
}
.reads-search .ql-code-block {
    font-size: 20px;
    font-weight: 600;
}

.blog-heading::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fdfaf8;
    z-index: -1;
    margin: 0 auto;
    width: 175px;
}

.reads .blogimage {
    width: 100px;
    flex: 0 0 100px;
}
.reads .blogimage img {
    width: 100%;
    height: 100px;
}

.categories .swiper-slide .text {
    max-width: 273px;
    padding: 18px;
    min-height: 197px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 auto;
}

.categories .swiper-button-prev {
    left: auto;
    right: 66px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.swiper-button-prev,
.swiper-button-next {
    background-color: #fff;
    color: #000;
    width: 42px;
    height: 28px;
    border-radius: 4px;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background-color: #e85a70;
    color: #fff;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;
}

.categories li.active {
    background-color: #fff2f0;
}

.categories h2,
.categories h2 span {
    color: #fcf8f5;
}
.categories .headingP {
    color: #dedede;
}

.categories::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    background-color: #4c6255;
    width: 100%;
    height: 56%;
    z-index: -1;
}

.categories ul {
    overflow-x: hidden;
    overflow-y: scroll;
    height: 633px;
}

.categories ul::-webkit-scrollbar-track {
    background-color: #eaeaea;
    width: 4px;
}

.categories ul::-webkit-scrollbar {
    width: 4px;
}

.categories ul::-webkit-scrollbar-thumb {
    background-color: #141b17;
}

.article ul li .blogimage img {
    width: 416px;
    height: 268px;
    flex: 0 0 416px;
}

.blog4 .text {
    margin: 67px 0 0 auto;
    /* width: 270px; */
}

.gallery-slider {
    padding-bottom: 100px;
}

.gallery-slider .swiper-slide-active img {
    object-fit: cover;
    height: 242px;
    margin-top: 0;
}

.mySwiper.gallery-slider .swiper-slide {
    transition: transform 0.3s, z-index 0.3s;
}

.mySwiper.gallery-slider .swiper-slide-active {
    z-index: 10;
}

/* .mySwiper.gallery-slider .swiper-slide-next,
.mySwiper.gallery-slider .swiper-slide-prev {
  transform: scale(0.9);

}


.gallery-slider .swiper-slide-next + .swiper-slide
 {
  transform: scale(0.8) translateY(59px);

} */

/* .gallery-slider .swiper-slide-prev + .swiper-slide{
   transform: scale(0.8) translateY(59px);
} */

.choice .swiper-box {
    display: none;
}

.gallery-slider .swiper-slide {
    transition: margin-top 0.3s ease;
}

/* .gallery-slider .swiper-slide {
  margin-top: -125px;
} */

.gallery-slider .swiper-slide-prev,
.gallery-slider .swiper-slide-next {
    margin-top: 99px;
}

.gallery-slider .swiper-button-next {
    bottom: 53px;
    top: unset;
    left: 51%;
    right: unset;
}

.gallery-slider .swiper-button-prev {
    bottom: 53px;
    top: unset;
    right: 50%;
    left: unset;
}

.galery .button-box .slice {
    padding: 10px 50px;
    font-size: 14px;
    font-weight: 600;
}
.Journey .heading {
    font-size: 36px;
    font-weight: bold;
}
.inner-banner::after {
    background: linear-gradient(
        69deg,
        #4c6255 0%,
        #4c6255 62%,
        #4c625508 100%,
        #4c625547 33%
    );
    z-index: -1;
}

.banner::after {
    background: linear-gradient(
        69deg,
        #4c6255 0%,
        #4c6255 62%,
        #4c625508 100%,
        #4c625547 33%
    );
    z-index: -1;
}

/* .banner::before {
  background-color: #fff;
  width: 100%;
  height: 47px;
} */

.banner {
    z-index: 1;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 50%;
}

.banner h2,
.banner h2 span {
    color: #fff;
}

.banner .swiper-button-next {
    bottom: 78px;
    top: unset;
    left: 0;
    right: unset;
}

.banner .swiper-button-prev {
    bottom: 35px;
    top: unset;
    left: 0;
    right: unset;
}

.blog-slider2 .swiper-button-next {
    bottom: 82px;
    top: unset;
    left: 88px;
    right: unset;
}

.blog-slider2 .swiper-button-prev {
    bottom: 82px;
    top: unset;
    left: 32px;
    right: unset;
}

.banner2 .blogimage {
    width: 100px;
    flex: 0 0 100px;
}
.banner2 .blogimage img {
    width: 100%;
    height: 80px;
    object-fit: cover;
}

.blog-lising .text {
    margin: 67px 0 0 auto;
}

.inner-banner .mb-20 {
    margin: auto 0 39px 0;
}

.listing-page .text {
    max-width: 271px;
    margin: 0 auto;
}

.details-page .arrow div {
    background-color: #fff;
    color: #000;
    width: 40px;
    height: 30px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.details-page .arrow div:hover {
    background-color: #e85a70;
    color: #fff;
}

/* .categoreis-page .box:nth-child(odd) {
  margin-top: 0;
} */

.categoreis-page .box:nth-child(even) {
    margin-top: 2rem;
}

.gallery-slider1 .swiper-slide img {
    width: 100%;
    height: 267px;
    object-fit: cover;
}

.gallery-slider1 .swiper-slide {
    width: calc((100% - 60px) / 4);
    /* 4 slides, 20px gap each */
    overflow: hidden;
    transition: transform 0.4s ease;
    transform-origin: bottom center;
}

.categories-slider-box .swiper-button-next {
    bottom: -120px;
    top: unset;
    left: 55px;
}
.categories-slider-box .swiper-button-prev {
    bottom: -120px;
    top: unset;
    left: 0;
}

.details-page h2 {
    color: #4a4848;
}

.galery .side-img1,
.galery .side-img2 {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

/* .banner-list li a .border-line{
  transition: all 0.4s;
} */

.banner-list .background-white {
    width: 8px;
    height: 8px;
    flex: 0 0 8px;
}

.banner-list .border-line {
    width: 20px;
    height: 18px;
    flex: 0 0 18px;
}

.banner-list li a:hover .border-line {
    border: 1px solid #fff;
    width: 20px;
    height: 18px;
    flex: 0 0 18px;
}
/* .social a svg{-webkit-transition: all 3s ease-in-out;
-moz-transition: all 3s ease-in-out;
-ms-transition: all 3s ease-in-out;
-o-transition: all 3s ease-in-out;
transition: all 3s ease-in-out;} */
.social a:hover svg {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.categories .button {
    position: absolute;
    right: 0;
    top: 37px;
}

.reads .home-blog-list {
    display: grid;
    gap: 21px;
}

.banner2 .box {
    margin-top: -25px;
}
.banner2 .box .right-text {
    margin-top: -100px;
}

footer .heading {
    line-height: 1;
}

.gallery-slider .swiper-slide img {
    height: 169px;
    object-fit: cover;
}

.gallery-slider .swiper-slide-active img {
    height: 169px;
    object-fit: cover;
}
.inner-banner .line {
    top: -40px;
    width: 100%;
    max-width: 65%;
}
.heading span {
    font-weight: 400;
}
.article .slice > .text {
    font-weight: 600;
}
.gradientbg {
    background: linear-gradient(
        to bottom,
        rgba(248, 238, 229, 1) 0%,
        rgba(248, 238, 229, 0) 100%
    );
}

.reads .most-view-slider .blogimage {
    width: 100%;
    flex: 0 0 100%;
}
.reads .space-y-8 {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(
            calc(var(--spacing) * 8) * var(--tw-space-y-reverse)
        );
        margin-block-end: calc(
            calc(var(--spacing) * 4.5) * calc(1 - var(--tw-space-y-reverse))
        );
    }
}
.category {
    z-index: 1;
}
.category::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 123px;
    background: #fff;
    height: calc(100% + 100px);
    content: "";
    z-index: -1;
    top: -50px;
}
.banner .blog li:last-child .border-b {
    border: none !important;
}
@media only screen and (max-width: 1920px) {
    .journey-banner p {
        font-size: 20px;
        color: #505050;
    }
    .inner-banner .line {
        top: -74px;
        width: 100%;
        max-width: 60%;
    }
    .most-view {
        padding-bottom: 42px;
    }
    footer .slice {
        padding: 18px 70px;
    }
    .blog4 .text {
        margin: 53px 0 66px auto;
    }
    .about-mission .ql-code-block {
        font-size: 20px;
    }

    .about-text-content p {
        font-size: 20px;
    }

    .article .heading::after {
        width: 496px;
    }

    .listing-page .text {
        max-width: 378px;
        min-height: 206px;
    }

    .gallery-slider .swiper-slide-active img {
        height: 286px !important;
    }
    .gallery-slider .swiper-slide img {
        height: 164px;
        object-fit: cover;
    }

    .max-w-7xl {
        max-width: 1768px;
    }

    /* .heading {
    font-size: 52px;
  }

  .heading span {
    font-size: 52px;
  } */

    .categories .swiper-slide .text {
        min-height: 216px;
    }

    .article ul li .blogimage img {
        width: 416px;
        height: 253px;
        flex: 0 0 416px;
    }

    .stellarnav > ul > li > a {
        font-size: 18px;
    }

    .categories .swiper-slide .text {
        max-width: 375px;
    }
    .categories ul {
        height: 765px;
    }
    .banner {
        height: 723px;
    }
    .banner.inner-banner {
        height: 480px;
    }
}

@media only screen and (max-width: 1690px) {
    .heading {
        font-size: 46px;
    }
    .max-w-7xl {
        max-width: 1558px;
    }

    .max-w-7xl.px-4 {
        padding-left: 0;
        padding-right: 0;
    }
    /* .inner-banner .\32 xl\:after\:w-\[75\%\] {
        @media (width >= 96rem){&::after {
        content: var(--tw-content);
        width: 73%;
    }}} */

    .article ul li .blogimage img {
        height: 248px;
    }

    /* .heading span {
    font-size: 38px;
  } */

    /* .heading {
    font-size: 23px;
  } */

    .article .heading::after {
        width: 325px;
    }

    .article .blog4 li .text {
        max-width: 316px;
    }
    .banner {
        height: 620px;
    }
    .banner.inner-banner {
        height: 378px;
    }
    .banner.inner-banner.blog-detail-banner {
        height: 500px;
    }
}

@media only screen and (max-width: 1500px) {
    .max-w-7xl.px-4 {
        padding-left: 61px;
        padding-right: 61px;
    }
    .journey-banner p {
        font-size: 16px;
        color: #505050;
    }

    .article ul li .blogimage img {
        height: 206px;
    }
    .heading {
        font-size: 37px;
    }
    .article .style2 {
        font-size: 30px !important;
    }
    .article .style2.mt-\[-55px\] {
        margin-top: -45px;
    }
    .article .style2 span {
        font-size: 37px !important;
        font-weight: 700 !important;
    }
    /* .inner-banner .\32 xl\:after\:w-\[75\%\] {
        @media (width >= 80rem){&::after {
        content: var(--tw-content);
        width: 78% !important;
    }}} */
}

@media only screen and (max-width: 1440px) {
    .article .blog4 li .text {
        max-width: 286px;
    }
    .categories ul {
        height: 675px;
    }
}

@media only screen and (max-width: 1366px) {
    .inner-banner .line {
        top: -40px;
        width: 100%;
        max-width: 65%;
    }
    .most-view {
        padding-bottom: 18px;
    }
    footer .slice {
        padding: 9px 50px;
    }
    .about-mission .ql-code-block {
        font-size: 16px;
    }

    .about-text-content p {
        font-size: 14px;
    }

    .article .blog4 li .text {
        max-width: 271px;
    }

    .max-w-7xl {
        max-width: 1364px;
    }

    .article .heading::after {
        width: 328px;
    }

    .listing-page .text {
        max-width: 271px;
    }

    .gallery-slider .swiper-slide-active img {
        height: 260px !important;
    }

    .categories .swiper-slide .text {
        max-width: 276px;
    }

    .article ul li .blogimage img {
        width: 331px;
        height: 197px;
        flex: 0 0 331px;
    }

    /* .heading {
    font-size: 25px;
  }

  .heading span {
    font-size: 36px;
  } */

    .categories .swiper-slide .text {
        min-height: 228px;
    }

    .stellarnav > ul > li > a {
        font-size: 16px;
    }
    footer .menu li a {
        font-size: 17px;
    }
    .categories ul {
        height: 687px;
    }
}

@media only screen and (max-width: 1260px) {
    .max-w-7xl.px-4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .blog4 .text {
        max-width: 100%;
        margin: 0;
    }

    .article .blog4 li .text {
        max-width: 100%;
    }

    .small-text {
        bottom: unset !important;
        top: 0 !important;
        left: unset !important;
    }

    .blog-heading::after {
        width: 155px;
    }
    .heading {
        font-size: 36px;
    }
    .style2 span {
        font-size: 45px !important;
    }
}
@media only screen and (max-width: 1200px) {
    .categories ul {
        height: 573px;
    }
}

@media only screen and (max-width: 1024px) {
    .reads .blogimage img {
        width: 87px;
        height: 81px;
        flex: 0 0 87px;
    }
    .heading {
        font-size: 32px;
    }

    .gallery-slider .swiper-slide-active img {
        height: 206px !important;
    }
}

@media only screen and (max-width: 991px) {
    .categories .button {
        position: static;
    }
    .reads-search {
        max-width: 100%;
    }

    .article .heading::after {
        width: 210px;
    }

    .home-blog-list {
        display: flex !important;
        gap: 10px !important;
    }

    .home-blog-list img {
        width: 100%;
        height: 314px;
    }

    .home-blog-list .box {
        width: 50%;
    }

    .most-view {
        max-width: 100%;
        border: 0;
        margin: 0;
        padding: 0;
    }

    .most-view .number {
        left: 0;
    }

    .reads .blog-lising {
        display: flex;
        gap: 10px;
    }

    .reads .blog-lising li {
        width: 50%;
    }

    .reads .blog-lising li .blog-title {
        min-height: 167px;
        margin-bottom: 0;
    }

    .most-view-slider {
        display: block !important;
        padding-top: 27px;
        padding-bottom: 53px;
    }

    .most-view-slider .swiper-button-next {
        bottom: 8px;
        top: unset;
        right: 43%;
    }

    .most-view-slider .swiper-button-prev {
        bottom: 8px;
        top: unset;
        left: 46%;
    }

    .most-view-phone {
        display: none;
    }

    .inner-banner.blog-detail-banner {
        height: 580px !important;
        margin-top: -8rem;
    }

    .categories .swiper-button-next {
        bottom: -45px;
        top: unset;
        right: unset;
        left: 54px;
    }

    .categories .swiper-button-prev {
        bottom: -45px;
        top: unset;
        right: unset;
        left: 0;
    }

    .categories ul {
        height: 561px;
    }

    .blog-page .listing-page .text {
        min-height: 166px;
    }

    .banner {
        height: 457px;
    }

    .inner-banner {
        height: auto !important;
    }

    .banner .banner-textbox {
        margin-bottom: 16px;
    }

    .categories-slider-box .swiper-button-next {
        bottom: -61px;
        top: unset;
        left: 50%;
    }

    .categories-slider-box .swiper-button-prev {
        bottom: -61px;
        right: unset;
        left: 42%;
    }

    .about-page .box p br {
        display: none;
    }

    .blog-slider4 {
        padding-bottom: 25px;
    }

    .blog-slider4 .swiper-button-next {
        right: unset;
        left: 52%;
    }

    .blog-slider4 .swiper-button-prev {
        left: unset;
        right: 51%;
    }

    .blog-slider4 .swiper-button-prev,
    .blog-slider4 .swiper-button-next {
        background-color: #f3eaea;
        top: unset;
        bottom: -23px;
    }

    .blog-slider4 .swiper-button-prev:hover,
    .blog-slider4 .swiper-button-next:hover {
        background-color: #e85d72;
    }

    .choice .swiper-box {
        display: block;
        position: relative;
    }

    .gallery-slider .swiper-slide-prev,
    .gallery-slider .swiper-slide-next {
        margin-top: 0;
    }

    .banner .swiper-button-next {
        bottom: 0;
        top: 44px;
        left: unset;
        right: 0;
    }

    .banner .swiper-button-prev {
        bottom: 0;
        top: 83px;
        left: unset;
        right: 0;
    }

    .reads .blogimage img {
        width: 100%;
        height: 200px;
        flex: 0 0 100%;
    }

    .reads .blog-lising .text {
        max-width: 100%;
        margin: 0 0 16px 0;
    }

    .reads .blog-lising .small-text {
        bottom: 0 !important;
        top: 0 !important;
        left: unset !important;
    }

    .categories .swiper-slide .text {
        max-width: 100%;
    }

    .article ul li .blogimage img {
        width: 328px;
        height: 186px;
        flex: 0 0 328px;
    }

    footer h2 {
        margin-top: 20px;
    }

    .stellarnav > ul > li > a {
        font-size: 12px;
        padding: 20px 5px;
    }
    .style2 {
        font-size: 29px !important;
    }
    .style2 span {
        font-size: 36px !important;
    }

    .banner {
        padding: 0;
    }

    .inner-banner {
        padding: 0;
    }
    .gallery-slider {
        padding-bottom: 131px;
    }
    .about-page .about-text-content br {
        display: none;
    }
    .details-page .social li a svg {
        width: 22px;
        height: 22px;
    }
    .categoreis-page {
        padding-bottom: 33px;
    }
    .heading {
        font-size: 24px;
    }
    /* .banner-textbox {
        text-align: center;
    } */
    .banner-textbox .flex {
        justify-content: center;
    }
    .slice {
        font-size: 14px;
    }
}
@media only screen and (max-width: 850px) {
    .categories ul {
        height: 584px;
    }
}
@media only screen and (max-width: 820px) {
    .banner2 .side-bar .bg-white {
        width: 257px;
    }
    .article ul li .blogimage img {
        width: 245px;
        height: 147px;
        flex: 0 0 245px;
    }

    .blog-heading::after {
        width: 98px;
    }

    /* .heading {
    font-size: 21px;
  }

  .heading span {
    font-size: 30px;
  } */

    .stellarnav > ul > li > a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    p {
        font-size: 15px;
    }

    .desktop-button {
        display: none;
    }

    .phone-button {
        display: block !important;
    }

    .stellarnav.mobile ul {
        background: #fff;
    }
    .banner {
        height: auto;
        display: flex;
        justify-content: center;
        align-items: end;
        padding-top: 38px;
        background-size: cover;
    }
    .article .heading::after {
        width: 170px;
        /* background-color: transparent; */
    }
    .journey-bg {
        padding-bottom: 26px;
    }
    .banner .image-box {
        margin-inline-start: -25px;
    }
}

@media only screen and (max-width: 767px) {
    .inner-banner .mb-20 {
        margin: auto 0 25px 0;
    }
    .listing-page .text {
        max-width: 100%;
        margin-bottom: 20px;
    }
    .category::before {
        display: none;
    }
    .banner-textbox {
        text-align: center;
    }
    .style2 {
        font-size: 22px !important;
    }
    .style2 span {
        font-size: 28px !important;
    }
    .reads .blogimage img {
        width: 100%;
        height: auto;
        flex: 0 0 100%;
    }
    .categories ul {
        height: auto;
        margin-bottom: 15px;
    }
    footer .menu li a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 600px) {
    .banner {
        background-size: cover;
    }
    .banner .image-box {
        margin-inline-start: 0;
    }
    .most-view-slider .swiper-button-prev {
        left: 37%;
    }

    .most-view-slider .swiper-button-next {
        right: 37%;
    }

    .reads .blog-lising {
        flex-direction: column;
    }

    .home-blog-list {
        flex-direction: column;
    }

    .home-blog-list .box {
        width: 100%;
    }

    .reads .blog-lising li {
        width: 100%;
    }

    /* .inner-banner.blog-detail-banner {
        height: 375px !important;
    } */

    .reads .blogimage img {
        height: 187px;
    }

    .categoreis-page .box {
        width: 100%;
    }

    #commentForm .slice {
        margin-top: 10px;
    }

    .details-page .social li svg {
        width: 25px;
        height: 23px;
    }

    .banner {
        height: auto;
    }

    .inner-banner {
        height: revert-layer;
    }

    .blog-page .listing-page .text {
        min-height: 142px;
        margin-bottom: 25px0;
    }

    .categoreis-page .box:nth-child(even) {
        margin-top: 0;
    }

    .gallery-slider .swiper-slide img {
        height: 311px !important;
    }

    .categories-slider-box .swiper-button-prev {
        bottom: -61px;
        right: unset;
        left: 37%;
    }

    .gallery-slider1 .box {
        transform: scaleY(0.9) translateY(20px) !important;
    }

    .gallery-slider .swiper-slide-active h6 {
        display: block;
        text-align: center;
        margin-bottom: 16px;
    }

    .mySwiper.gallery-slider .swiper-slide {
        transition: none;
    }

    .mySwiper.gallery-slider .swiper-slide-next,
    .mySwiper.gallery-slider .swiper-slide-prev {
        transform: none;
    }

    .banner .image-box {
        margin-top: 24px;
    }

    .article .mt-\[-40px\] {
        margin-top: -34px;
    }

    .article ul li .blogimage img {
        width: 100%;
        flex: 0 0 100%;
    }

    .banner {
        padding: 27px 0 0;
    }

    .banner .s-heading {
        font-size: 22px;
    }

    .galery .side-img1,
    .galery .side-img2 {
        height: 250px;
        object-fit: cover;
    }

    .article .heading::after {
        width: 253px;
    }

    .inner-banner {
        padding: 0;
    }

    .details-page .box-wrap {
        display: flex;
        width: 100%;
        left: 5px;
        bottom: 36px;
    }

    .about-page .box {
        margin-top: 15px;
    }

    .contact-page form p {
        margin-bottom: 10px;
    }

    .banner2 .small-text {
        top: 2px !important;
        padding: 9px;
        font-size: 11px;
    }

    .banner2 .bg-image {
        display: none;
    }

    .banner2 .side-img {
        display: none;
    }

    .banner2 .text {
        padding-top: 0px;
    }

    .about-page .box img {
        height: 250px;
        object-fit: cover;
    }

    .article-box {
        margin-top: 20px;
    }

    .categories .swiper-button-next {
        bottom: -45px;
        top: unset;
        right: unset;
        left: 54px;
    }

    .banner2 .box {
        align-items: start;
        flex-direction: column;
        gap: 16px;
        height: auto;
    }

    .banner2 .side-bar .bg-white {
        width: 100%;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 36px;
        height: 27px;
    }

    .categories .swiper-button-prev {
        bottom: -45px;
        top: unset;
        right: unset;
        left: 0;
    }

    .article .blog4 li:last-child {
        margin-bottom: 17px;
    }

    .bg-border-list {
        display: none;
    }

    .article-box a {
        flex-direction: column;
    }

    .Journey {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .blog-heading::after {
        width: 193px;
    }

    .gallery-slider .swiper-slide:nth-child(even) {
        margin-top: 0;
    }

    .gallery-slider {
        padding-top: 0;
        padding-bottom: 133px;
    }

    .categories ul {
        height: 339px;
    }
    .banner-part {
        flex-direction: column;
    }

    .banner .swiper-button-next {
        bottom: 0;
        top: unset;
        left: unset;
        right: 0;
    }

    .banner .swiper-button-prev {
        bottom: 37px;
        top: unset;
        left: unset;
        right: 0;
    }

    .listing-page .text {
        max-width: 100%;
    }

    .blog4 {
        margin-top: 20px;
    }

    p {
        font-size: 14px !important;
    }

    .inner-banner img {
        max-width: 179px;
    }

    .journey-bg {
        padding-top: 0 !important;
    }

    .mySwiper.gallery-slider .swiper-slide-active {
        transform: none;
    }

    /* .heading {
    font-size: 16px;
    margin-bottom: 5px !important;
  }

  .heading span {
    font-size: 22px;
  } */

    .contact-page input {
        height: 40px;
    }

    .contact-page textarea {
        height: 80px;
    }

    footer h2 {
        text-align: center;
    }

    footer .slice {
        padding: 6px 15px;
        font-size: 13px;
    }

    footer .menu li a {
        padding: 0 7px;
    }

    .gallery-slider .swiper-slide-prev,
    .gallery-slider .swiper-slide-next {
        margin-top: 0;
    }
    .banner2 .box .right-text {
        margin-top: 60px;
    }
    .blog-slider2 .swiper-button-next {
        left: auto;
        right: 40%;
        bottom: 0;
    }
    .blog-slider2 .swiper-button-prev {
        left: 40%;
        right: auto;
        bottom: 0;
    }
}
@media only screen and (max-width: 575px) {
    .reads .blog-lising .small-text {
        bottom: 0 !important;
        top: 40px !important;
        left: unset !important;
    }
    footer {
        text-align: center;
    }
    footer .menu {
        flex-direction: column;
        text-align: center;
    }
    footer .menu a {
        padding: 10px 0 !important;
        display: block;
    }
    body {
        font-size: 14px;
    }
    .categories .swiper-slide .text {
        min-height: auto;
    }
    .h-52 {
        height: calc(var(--spacing) * 60);
    }
    .style2 {
        font-size: 18px !important;
    }
    .style2 span {
        font-size: 22px !important;
    }
    footer .slice {
        padding: 10px 15px;
        font-size: 13px;
    }
}
@media only screen and (max-width: 480px) {
    .reads .blog-lising .small-text {
        bottom: 0 !important;
        top: 10px !important;
        left: unset !important;
    }
    .slice {
        padding: 7px 18px;
        font-size: 13px;
    }
    .blog-slider2 .swiper-button-next {
        left: 88px;
        right: auto;
        bottom: 0;
        display: none;
    }
    .blog-slider2 .swiper-button-prev {
        left: 0;
        right: auto;
        bottom: 0;
        display: none;
    }
    .banner .s-heading:after {
        display: none;
    }
}

@media only screen and (max-width: 320px) {
    .max-width {
        max-width: 179px;
    }

    .banner .s-heading {
        font-size: 17px;
    }
}

.journey-banner p {
    font-size: 16px;
    color: #50555b;
}

.galery .ql-code-block-container p {
    font-size: 16px;
}

.categories .headingP {
    font-size: 16px;
}

.about-page .about-text-content p {
    font-size: 14px;
}

.about-page .about-text-content p:first-child {
    margin-bottom: 1rem;
}

.about-mission .ql-code-block {
    font-size: 16px;
}

.blog-page-paragraph {
    font-size: 16px;
}

/* .Journey .about-para p{
  font-size: 14px;
  line-height: 0.25;
  text-align: center;
}

.Journey .about-para p:last-child{
  margin-bottom: 10px;
} */

.contact-page p {
    display: none;
}

.contact-page .mail-text {
    display: block !important;
}

.home-banner p {
    display: none;
}

.most-view-slider {
    display: none;
}

.journey-bg {
    background: linear-gradient(to bottom, #faf4ef 39%, #fff);
}

.journey-bg p span {
    background-color: transparent !important;
    color: #505050 !important;
}

.journey-bg p:last-child {
    margin-top: 6px;
}