.hero__section {
    width: 100%;
    height: 800px;
    position: relative;

}

.hero__slider .slick-list {
    width: 100% !important;
    height: 100% !important;
}

.hero__slider .slick-track {
    height: 100% !important;
}

.hero__slider {
    width: 100%;
    height: 100%;
}

.hero__section .hero__slider .slider__item {
    width: 100%;
    height: 800px;
    position: relative;
}

.slider__item::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(
        to bottom,
        rgba(32, 9, 82, 0.5),
        rgba(32, 9, 82, 0) 40%,
        rgba(32, 9, 82, 0) 60%,
        rgba(32, 9, 82, 0.8) 100%
    );
}

.hero__section .hero__slider .slider__item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero__section .slider__content {
    color: white;
    position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    font-size: 1.5rem;
    font-weight: bold;
}
.destination__slider .slick-dots{
    position: relative !important;
    margin-top: 30px !important;
}
.destination__slider .slick-dots li button{
    position: relative !important;

    background: rgba(153,153,255, 1) !important;


}

.destination__slider .slick-dots li.slick-active button {
    background: rgba(153,153,255,.6) !important;


}

.category.slick-dots{
    bottom: -50px!important;
}

/* category */
.container__fluid {
    margin-top: 50px;
}

.category__container {
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background-image: url("../img/images.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.blur {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(13, 40, 51, 0.5);
    backdrop-filter: blur(10px);
    z-index: 10;
}

.container {
    width: 85%;
    margin: 0 auto;
}

.category__min__title,
.category__title {
    position: relative;
    z-index: 100;
}

.category__min__title {
    font-size: 1.3rem;
    font-weight: bold;
    text-transform: uppercase;
    color: #a7b1b7;
}

.category__second__title {
    margin-top: 50px;
    text-align: center;
}

.category__title {
    font-size: 2.5rem;
    text-transform: capitalize;
    font-weight: bold;
    color: #fff;
}

.category__blog {
    display: flex;
    justify-content: space-between;
    position: relative;
    flex-wrap: wrap;
    z-index: 50;
    margin-top: 20px;
}

.category__left__blog,
.category__right__blog {
    width: 48%;
    height: 400px;
}

.category__blog img {
    width: 100%;
    height: 100%;
}

.category__row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.category__row .category__col {
    width: 48%;
    height: 180px;
    margin-bottom: 40px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.category__left__blog {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

.category__left__blog img {
    transition: all 0.5s ease-in-out;
}

.category__left__bg__color {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(32, 9, 82, 0) 40%, #200952 100%);
    transition: all 0.5s ease-in-out;
}

.category__info__blog {
    position: absolute;
    bottom: 20px;
    left: 10px;
    color: #fff;
    z-index: 100;
}

.category__info__title {
    font-size: 1.5rem;
    font-weight: bold;
}

.category__info__content {
    font-size: 0.9rem;
    width: 90%;
}

.category__left__blog:hover img {
    transform: scale(1.03);
}

.category__name {
    position: absolute;
    z-index: 100;
    bottom: 10px;
    left: 10px;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
}

.category__left__blog:hover .category__left__bg__color {
    background: rgba(255, 255, 255, 0.02);
}

.category__slider {
    position: relative;
    z-index: 10;
    margin-top: 20px;
}

.category__slider__items {
    padding: 8px;
}

.category__slider__row {
    display: flex;
    padding: 10px 30px;
    align-items: center;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 20px;
    justify-content: space-between;
    transition: all 0.3s ease-in-out;
}

.category__slider__img img {
    width: 50px;
}

.category__slider__row:hover {
    background: rgba(255, 255, 255, 0.8);
}

.category__slider__row:hover .category__slider__title h3 {
    color: #8a52e6;
}

.category__slider__title h3 {
    font-size: 1.1rem;
    font-weight: bold;
    transition: all 0.3s ease-in-out;
}

/* category end */

/* differens start */
.differens__container {
    width: 100%;
    height: auto;
    background: url("../img/difference/DSC06611.JPG") no-repeat;
    background-size: cover;
    position: relative;
    color: #fff;
    padding: 100px 0;
}

.differens__container::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(13, 40, 51, 0.5);
    backdrop-filter: blur(10px);
}

.differens__container .differens__hero__title {
    position: relative;
    z-index: 10;
    font-size: 3rem;
    font-weight: bold;
    margin-bottom: 70px;
}

.differens__container .row {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.differens__container .differens__col {
    width: 33%;
    display: flex;
    flex-direction: column;
    gap: 20px;

    align-items: center;
}

.differens__container .differens__col .differens__content {
    text-align: center;
    width: 50%;
}

.differens__container .differens__col .differens__img__blog {
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 50%;
    padding: 20px;
    box-sizing: border-box;
}

.differens__container .differens__title {
    font-weight: bold;
    font-size: 1.3rem;
}

.differens__min__title {
    position: relative;
    z-index: 10;
    color: #fff;
    font-size: 1.5rem;
    text-align: center;
    margin-top: 70px;
    font-weight: bold;
    text-transform: uppercase;
}
/* differens end */

/* detination start */

.destinations__container .row {
    display: flex;
    flex-wrap: nowrap;
}

.destinations__container .col1 {
    width: 55%;
    position: relative;
}

.col2 {
    width: 48%;
}

.destination__slider__container {
    margin-top: 100px;
}

.destination__slider__container img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.destination__slider__container .destination__title {
    width: 100%;
    text-align: end;
    margin-bottom: 30px;
    font-size: 2.2rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #8a52e6;
}

.destination__slider .slider__col {
    width: 95%;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: auto;
}

.destination__slider .slider__col .destination__info {
    background: #8a52e6;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

.destination__info h4 {
    font-size: 1.2rem;
    font-weight: bold;
}

.destination__info .city__name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 2rem;
    font-weight: bold;
}

.destination__info .destination__btn a {
    width: 180px;
    height: 45px;
    margin: 10px auto 0;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    color: #523286;
    font-size: 1.1rem;
    font-weight: bold;
    transition: all 0.5s ease-in-out;
}

.destination__info .destination__btn a:hover {
    background: #ccc;
}
.city__name{
    font-size: 0.9rem;
    color: #fff;
}
.name1 {
    position: absolute;
    top: 29%;
    left: 17%;
}



.name2 {
    position: absolute;
    top: 27%;
    left: 28%
}

.name3 {
    position: absolute;
    top: 29%;
    left: 42%
}

.name4 {
    position: absolute;
    top: 43%;
    left: 20%;
}

.name5 {
    position: absolute;
    top: 43%;
    left: 34%;
}

.name6 {
    position: absolute;
    top: 50%;
    left: 48%;
}

.name7 {
    position: absolute;
    top: 49%;
    left: 19%;
}

.name8 {
    position: absolute;
    top: 48%;
    left: 32%;
}

.name9 {
    position: absolute;
    top: 54%;
    left: 36%
}

.name10 {
    position: absolute;
    top: 57%;
    left: 46%;

}

.name11 {
    position: absolute;
    top: 65%;
    left: 63%;

}

.col2 {
    width: 48%;
}
/* destination end */

/* coments start */
.comments__container {
    position: relative;
}
.comments__raiting_reviews, .comments_raiting{
    color: #8a52e6;
}
.comments__row {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}

.comments__col {
    width: 22%;
    border: 1px solid #ccc;
    border-radius: 30px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #fafafa;
}

.comments__col .avatar__blog {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.comments__col .avatar__blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.comments__col .user__detalis .user__name {
    text-align: center;
    font-weight: bold;
    color: #8a52e6;
    font-size: 1.1rem;
}

.comments__col .user__detalis .comments__date {
    font-size: 0.9rem;
    color: #ccc;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.comments__text {
    width: 100%;

    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.comment__btn {
    width: max-content;
    margin: 50px auto;
}

.comment__btn button {
    font-size: 1rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    background: #8a52e6;
    padding: 15px 20px;
    transition: all 0.3s ease-in-out;
    border: 1px solid #8a52e6;
    border-radius: 20px;
}

.comment__btn button:hover {
    background: transparent;
    font-size: 1rem;
    color: #8a52e6;
}

/* modal start */

.popup__container {
        width: 100%;
        height: 100vh;
        position: fixed;
        display: none;
        top: 0;
        left: 0;
        z-index: 1000;
        background: #fff;
        overflow-y: scroll;
    }




.popup__container .close {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #8a52e6;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup__container .comments__raiting__blog {
    display: flex;
    margin-top: 10px;
    gap: 20px;
    align-items: center;
}

.popup__container .comments__raiting__blog .comments_raiting {
    font-size: 2.5rem;
    color: #000;
    font-weight: bold;
}

.popup__container .comments__raiting__blog .comments__raiting_reviews {
    font-size: 1.4rem;
    color: #778088;
}

.popup__container .comments__filter {
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    gap: 30px;
    background: #f8fafc;
    border: 1px solid rgba(22, 82, 125, 0.0784313725);
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 10px;
}

.popup__container .comments__filter .commrnts__filter__text {
    font-size: 1rem;
    font-weight: bold;
}

.popup__container .comments__filter .comments__filter__btn button {
    background: #fff;
    padding: 12px 40px;
    color: #495560;
    font-size: 1rem;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1019607843);
    border-radius: 3px;
}



.popup__container .comments__blog {
    width: 100%;
    border-bottom: 1px solid #e8eaeb;
    padding: 30px 0;
    display: flex;
    overflow-y: scroll ;


}

.popup__container .comments__blog::-webkit-scrollbar{
    display: none;
}

.popup__container .comments__blog .comments__right__blog {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 20%;
}

.popup__container
.comments__blog
.comments__right__blog
.comments__user__avatar {
    width: 70px;
    height: 70px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1490196078);
    border: 4px solid #fff;
    border-radius: 50%;
    overflow: hidden;
}

.popup__container
.comments__blog
.comments__right__blog
.comments__user__avatar
img {
    -o-object-fit: cover;
    object-fit: cover;
    pointer-events: none;
}

.popup__container .comments__blog .comments__right__blog .comments__user__info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.popup__container
.comments__blog
.comments__right__blog
.comments__user__info
.user__name {
    font-size: 0.9rem;
    font-weight: 600;
}

.popup__container
.comments__blog
.comments__right__blog
.comments__user__info
.user__date {
    font-size: 0.8rem;
    color: #778088;
}

.popup__container .comments__blog .comments__left__blog {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.popup__container .comments__blog .comments__left__blog .comments__blog__title {
    font-size: 1rem;
    font-weight: bold;
    text-transform: capitalize;
}

.popup__container .comments__blog .comments__left__blog .comments__description {
    font-size: 1.1rem;
    line-height: 25px;
    color: #495560;
    text-align: justify;
}
@media only screen and (max-width: 1500px) {
    .hero__section {
        width: 100%;
        height: 700px;
    }
    .hero__section .slider__item{
        position: relative;
        height: 700px !important;
    }


    .hero__section .slider__content {
        bottom: 30px;
        font-size: 1.3rem;
    }

    /* category start */
    .container__fluid {
        margin-top: 50px;
    }

    .category__container {
        padding: 50px 0;
    }

    .category__container .container {
        width: 90%;
        margin: 0 auto;
    }

    .category__left__blog,
    .category__right__blog {
        width: 48%;
        height: 350px;
    }

    .category__row .category__col {
        width: 48%;
        height: 155px;
    }
.category__row .category__col img{
    object-fit: cover;
}
    .category__slider__items {
        padding: 10px;
    }

    .category__slider__row {
        display: flex;
        padding: 10px 20px;
    }

    .category__slider__img svg {
        width: 40px;
    }

    /* category end */

    /* detination start */

    .destination__slider__container img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .destination__slider__container .destination__title {
        font-size: 2rem;
    }

    .destination__info h4 {
        font-size: 1rem;
    }

    .destination__info .city__name {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2rem;
        font-weight: bold;
    }

    .destination__info .destination__btn a {
        width: 150px;
        height: 40px;

        font-size: 1rem;
    }

    /* destination end */

    /* comments start */
    .comments__row {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }
    .comments__col {
        width: 24%;
    }
}

@media only screen and (max-width: 1280px) {
    .comments__row {
        gap: 10px;
    }
    .popup__container .comments__row {
        gap: 10px;
    }

    .popup__container .comments__container .comments__filter {
        width: 100%;
        height: 60px;
    }

    .popup__container .comments__container .comments__filter .comments__filter__btn button {
        padding: 12px 30px;
        font-size: 0.9rem;
    }

    .popup__container .comments__container .comments__blog .comments__right__blog {
        gap: 10px;
        width: 30%;
    }

    .popup__container .comments__container .comments__blog .comments__left__blog .comments__description {
        font-size: 0.9rem;
    }
}

@media only screen and (max-width: 1200px) {
    .hero__section {
        width: 100%;
        height: 600px;
    }
    .hero__section .slider__item{
        height: 600px !important;
    }
    .hero__section .slider__content {
        width: 70%;
    }

    /* category start */
    .container__fluid {
        margin-top: 50px;
    }

    .category__container {
        padding: 30px 0;
    }

    .category__left__blog,
    .category__right__blog {
        width: 48%;
        height: 300px;
    }

    .category__row .category__col {
        width: 48%;
        height: 130px;
    }

    .category__name {
        font-size: 1rem;
    }

    .category__slider__items {
        padding: 10px;
    }

    .category__slider__row {
        display: flex;
        padding: 10px 20px;
    }

    .category__slider__img svg {
        width: 30px;
    }

    .category__slider__title h3 {
        font-size: 1rem;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
    }

    /* category end */
    /* differens start */
    .differens__container {
        padding: 70px 0;
    }

    .differens__container .differens__hero__title {
        position: relative;
        z-index: 10;
        font-size: 2.5rem;
    }



    .differens__container .differens__col .differens__content {
        width: 90%;
    }

    .differens__container .differens__col .differens__img__blog {
        width: 90px;
        height: 90px;
        background: #fff;
        border-radius: 50%;
        padding: 20px;
        box-sizing: border-box;
    }

    .differens__container .differens__title {
        font-weight: bold;
        font-size: 1.1rem;
    }

    /* differens end */
    .destination__slider__container {
        margin-top: 0px;
    }
    .destination__slider .slider__col {
        width: 90%;
    }
    .destination__slider__container img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .destination__slider__container .destination__title {
        font-size: 2rem;
    }

    .destination__info h4 {
        font-size: 1rem;
    }

    .destination__info .city__name {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 2rem;
        font-weight: bold;
    }

    .destination__info .destination__btn a {
        width: 150px;
        height: 40px;

        font-size: 1rem;
    }

    /* destination end */
}

@media only screen and (max-width: 1024px) {
    .hero__section .hero__slider .slider__item .slider__content {
        font-size: 1.1rem;
    }

    /* category start */
    .container__fluid {
        margin-top: 50px;
    }

    .category__container {
        padding: 30px 0;
    }

    .category__left__blog,
    .category__right__blog {
        width: 100%;
    }

    .category__left__blog {
        height: 400px;
        margin-bottom: 20px;
    }

    .category__row .category__col {
        width: 48%;
        height: 200px;
    }

    .category__name {
        font-size: 1.2rem;
    }

    .category__second__title {
        margin-top: 180px;
    }

    .category__slider__items {
        padding: 10px;
    }

    .category__slider__row {
        display: flex;
        padding: 10px 20px;
    }

    .category__slider__img svg {
        width: 30px;
    }

    .category__slider__title h3 {
        font-size: 1rem;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
    }

    /* category end */
    /*destination start*/


    /* comments start */

    .comments__col {
        width: 32%;
    }
    /* popup */
    .popup__container .comments__container .comments__blog .comments__right__blog {
        width: 35%;
    }

    /* popup end */
}

@media only screen and (max-width: 900px) {
    .hero__section {
        width: 100%;
        height: 500px;
    }
    .hero__section .slider__item{
        height: 500px !important;
    }

    /* category start */

    .category__min__title {
        font-size: 1.2rem;
    }

    .category__title {
        font-size: 2rem;
    }

    .category__left__blog {
        height: 350px;
    }

    .category__row .category__col {
        width: 48%;
        height: 170px;
    }

    .category__name {
        font-size: 1.2rem;
    }

    .category__second__title {
        margin-top: 140px;
    }

    .category__slider__items {
        padding: 10px;
    }

    .category__slider__row {
        display: flex;
        padding: 10px 20px;
    }

    .category__slider__img svg {
        width: 30px;
    }

    .category__slider__title h3 {
        font-size: 1rem;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
    }

    /* category end */
    /* differens start */
    .differens__container {
        padding: 70px 0;
    }

    .differens__container .differens__hero__title {
        position: relative;
        z-index: 10;
        font-size: 2.5rem;
    }

    .differens__container .differens__col {
        width: 45%;
        margin-bottom: 30px;
    }

    .differens__container .differens__col .differens__img__blog {
        width: 85px;
        height: 85px;
    }

    .differens__container .differens__title {
        font-weight: bold;
        font-size: 1rem;
    }

    .differens__container .differens__col .differens__content {
        line-height: 25px;
        font-size: 1rem;
    }

    /* differens end */

    /* destination start */

    .destinations__container .row {
        display: flex;
        flex-wrap: wrap;
    }
    .destinations__container .col1 {
        width: 100%;
        margin: 30px auto;
    }

    .col2 {
        width: 100%;
        margin: 0 auto;
    }
    .destination__slider__container img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .destination__slider__container .destination__title {
        text-align: center;
        font-size: 2rem;
    }

    .destination__slider .slider__col {
        width: 90%;
    }

    .destination__slider .slider__col .destination__info {
        background: #8a52e6;
        text-align: center;
        color: #fff;
        padding: 10px 0;
    }

    .destination__info h4 {
        font-size: 1rem;
    }

    /* /comments start */
    .comments__container {
        margin-top: 50px;
    }
    .popup__container .comments__container .comments__blog {
        flex-direction: column;
        gap: 30px;
    }

    .popup__container .comments__container .comments__blog .comments__right__blog {
        width: 100%;
    }

    .popup__container .comments__container .comments__blog .comments__left__blog {
        width: 100%;
    }

    .popup__container .comments__container .comments__blog .comments__left__blog .comments__blog__title {
        font-size: 0.9em;
    }
}

@media only screen and (max-width: 768px) {
    .hero__section {
        width: 100%;
        height: 450px;
    }
    .hero__section .slider__item{
        height: 450px !important;
    }

    /* category start */

    .category__min__title {
        font-size: 1.2rem;
    }

    .category__title {
        font-size: 2rem;
    }

    .category__left__blog {
        height: 300px;
    }

    .category__row .category__col {
        width: 48%;
        height: 150px;
    }

    .category__name {
        font-size: 1rem;
    }

    .category__second__title {
        margin-top: 100px;
    }

    .category__slider__items {
        padding: 10px;
    }

    .category__slider__row {
        display: flex;
        padding: 10px 20px;
    }

    .category__slider__img svg {
        width: 30px;
    }

    .category__slider__title h3 {
        font-size: 1rem;
        font-weight: bold;
        transition: all 0.3s ease-in-out;
    }

    /* category end */

    /* differens start */
    /* differens start */
    .differens__container {
        padding: 50px 0;
    }

    .differens__container .differens__hero__title {
        position: relative;
        z-index: 10;
        font-size: 2rem;
    }

    .differens__container .differens__col {
        width: 45%;
        margin-bottom: 30px;
    }

    .differens__container .differens__col .differens__img__blog {
        width: 85px;
        height: 85px;
    }

    .differens__container .differens__title {
        font-weight: bold;
        font-size: 1.1rem;
    }

    .differens__container .differens__col .differens__content {
        line-height: 25px;
        font-size: 1rem;
        width: 100%;
    }

    /* differens end */
    /*destination start*/
    .destinations__container .city__name{
        font-size: 0.7rem;
    }
    /* comments start */

    .comments__row {
        gap: 15px;
    }
    .comments__col {
        width: 48%;
    }

    .comments__col .avatar__blog {
        width: 80px;
        height: 80px;
    }

    /* popup */
    .popup__container .comments__container .comments__filter {
        width: 100%;
        height: 60px;
    }

    .popup__container .comments__container .comments__filter .comments__filter__btn button {
        padding: 12px 25px;
    }

    .popup__container .comments__container .comments__blog {
        flex-direction: column;
        gap: 30px;
    }

    /* popup end */
}

@media only screen and (max-width: 450px) {
    .hero__section {
        width: 100%;
        height: 400px !important;
    }

    .hero__section .slider__item{
        height: 400px !important;
    }

    .hero__section .slider__content {
        font-size: 1rem;
        width: 95%;
    }

    /* category start */

    .category__min__title {
        font-size: 1rem;
    }

    .category__title {
        font-size: 1.5rem;
    }

    .category__left__blog {
        height: 250px;
    }

    .category__right__blog {
        display: none;
    }

    .category__name {
        font-size: 1rem;
    }

    .category__second__title {
        margin-top: 0px;
    }

    /* differens start */
    .differens__container {
        padding: 50px 0;
    }

    .differens__container .differens__hero__title {
        position: relative;
        z-index: 10;
        font-size: 1.5rem;
        width: 100%;
        text-align: center;
    }

    .differens__container .differens__col {
        width: 100%;
        margin: 20px auto;
    }

    /* differens end */

    .destinations__container .col1 {
        width: 100%;
        margin: 30px auto;
    }

    /* comments start */

    .comments__row {
        gap: 0px;
    }
    .comments__col {
        width:100%;
        margin: 15px auto ;
    }

    .comments__col .avatar__blog {
        width: 80px;
        height: 80px;
    }

    /* popup */
    .popup__container .comments__container .comments__raiting__blog .comments_raiting {
        font-size: 1.5rem;
    }

    .popup__container .comments__container .comments__raiting__blog .comments__raiting_reviews {
        font-size: 1rem;
    }

    .popup__container .comments__container .comments__blog {
        gap: 20px;
    }

    .popup__container .comments__container .comments__blog .comments__right__blog .comments__user__avatar {
        width: 50px;
        height: 50px;
    }

    /* popup end */
}