<style>
    .desktop{
        display: block;
    }
    .mobile{
        display: none!important;
    }
    .blog_section_prop{
        overflow: hidden;
        margin: 100px -1000px 0px -1000px;
    }
    .blog_margin{
        margin-left: auto;
        margin-right: auto;
        width: 964px;}
    .blog_section{
        margin-bottom: 20px;}
    .AllCases_button{
        float: right;
        background: #EDEDED;
        border-radius: 36px;
        border: 0px solid red;
        text-align: center;
        padding: 12px 30px;
        font-family: Inter-Regular;
        font-size: 14px;
        color: #0d0d3f;
        margin: 50px 0px 25px 0px;
        font-weight: 600;
        transition-duration: 0.6s;}
    .AllCases_button:hover{
        cursor: pointer;
        color: red;}
    .blog_section_title{
        margin: 40px 0;
        font-family: "Nunito", Sans-serif;
        font-size: 36px!important;
        color: #121212!important;
        font-weight: 800;
        text-align: center;
    }
    .blog_posts_list{
        clear: both;
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 0;}
    .single_blog_post{
        width: 384px;
        height: 390px;
        margin: 0 0px 30px;
        box-sizing: border-box;
        position: relative;
    }
    .single_blog_post_image{
        width: 384px;
        overflow: hidden;
        border-radius: 6px;
        transition-duration: 0.6s;
    }
    .single_blog_post_image img{
        width: 384px;
        height: 202px;
        overflow: hidden;
        border-radius: 6px;
        object-fit: cover;
        margin: 0px;
        margin-bottom: 0!important;
    }
    .contenta{
        max-height: 140px;
        height: auto;
        padding: 16px 0;
        color: #FFF;
        transition: max-height 4s;
        transition-delay: 0s;}
    .title{
        margin-top: 20px;
        font-family: Nunito;
        color: #121212;
        font-weight: 800;
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 18px;
        transition-duration: 0.6s;
    }
    .single_blog_post:hover .imgimg{
        transform: scale(1.1);
    }
    .imgimg{
        transition: transform 0.6s;
    }
    .site-content .ast-container{
        max-width: 100%!important;
    }
    .blog_container{
      margin: 0 auto;
      width: 700px;
      padding-top: 0px;
    }
    .blog_container p{
        margin-bottom: 18px;
        padding-bottom: 0!important;
        font-family: Nunito;
        font-size: 18px;
        font-weight: 400;
        color: #4B4B4B;
        line-height: 1.65;
    }
    .blog_container span{
        font-weight: 300!important;
    }
    .blog_container a{
        text-decoration: underline;
    }
    .blog_section_prop a{
        text-decoration: none!important;
    }
    .blog_container h2{
        margin: 72px 0 36px;
        font-family: "Nunito", Sans-serif;
        font-size: 36px!important;
        color: #121212!important;
        font-weight: 800;
    }
    .blog_post_title{
        font-family: "Nunito", Sans-serif;
        font-size: 40px!important;
        color: #121212!important;
        font-weight: 800;
        margin: 0 auto 50px;
        width: 700px;
        text-align: center;
        line-height: 1.2;
    }
    .blog_container h2::after {
        content: none
    }
    .blog_container h3{
        font-family: "Nunito", Sans-serif;
        margin: 42px 0 16px;
        margin-bottom: 16px!important;
        font-size: 22px;
        line-height: 30px;
        color: #121212!important;
        font-weight: 800;
    }
    .blog_container h4{
        font-weight: 600;
    }
    .blog_container ul{
        margin-bottom: 24px;
        margin-left: 10px;
    }
    .blog_container li{
        width: 100%;
        margin-bottom: 12px;
        margin-left: 20px;
        font-weight: 400;
        font-family: "Nunito", Sans-serif;
        font-size: 16px;
        line-height: 24px;
        color: #333333;
    }
    .blog_container li::marker{
        color: #03cece;
        }
    .blog_container &:before{
        content: '';
        opacity: 0;
        position: absolute;
        bottom: 5px;
        height: 2px;
        width: 90%;
        left: 5%;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        -webkit-box-shadow: 0 0 50px 2px #000;
        box-shadow: 0 0 50px 2px #000;
    }   
    .blog_container img{
        margin-bottom: 30px;
        border-radius: 6px;
    }
    .blog_container .content{
        height: auto;
        padding: 10px 14px 8px 15px;
        color: #FFF;
        transition: max-height 4s;
        transition-delay: 0s;
    }
    .blog_container .excerpt{
        font-family: Inter-Regular;
        font-size: 18px;
        line-height: 23px;
        color: #0D0D3F;
        white-space: break-spaces;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 26px;
        margin-bottom: 20px;
    }
    .blog_container .next_article_button{
        display: flex;
        align-items: center;
        position: absolute;
        bottom: 16px;
        right: 30px;
    }
    .blog_container .next_article_text{
        font-family: Gilroy-SemiBold;
        font-size: 18px;
        line-height: 22px;
        color: #0D0D3F;
        transition: 0.6s;
        margin-bottom: 0;
        margin-right: 8px;
    }
    .blog_container .next_article_img{
        transition: 0.6s
    }
    .single_blog_post:hover .title{
        color: #03cece;
        transition-duration: 0.6s
    }
    .progress {
        position: absolute;
        top: 70px;
        left: 0;
        width: 100%;
        height: 3px;
        background: white;
        z-index: 1;
    }
    .bar {
        height: 100%;
        width: 10%;
        background: orange;
        transition: .15s ease;
    } 
    .author_meta{
        display: flex;
        justify-content: center;
        margin-bottom: 100px;
    }
    .name {
        font-family: Nunito;
        font-size: 16px;
        font-weight: 700;
        text-decoration: underline #03cece;
        margin-bottom: 1px;
        line-height: 1.5;
        color: #121212
    }
    .date{
        font-family: Nunito;
        font-size: 14px;
        color: #878787;
        margin: 0;
        font-weight: 400;
    }
    .text_wrap{
        margin-left: 16px
    }
    .post_image{
        margin: 0 auto 90px;
        max-width: 1000px;
        border-radius: 6px;
        display: block
    }
    .avatar{
        border-radius: 36px!important;
        height: 48px;
        width: 48px;
        margin-bottom: 0!important;
    }
    .social-media__list{
        display: grid;
        grid-gap: 1.2rem 1.6rem;
        place-content: center;
        grid-template-columns: auto;
        position: fixed;
    }
    .social-media__item{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #e3e3e3;
        border-radius: 50%;
        width: 50px;
        height: 50px;
    }
    .social-media__item span{
        display: flex;
    }
    .social-media__item svg{
        width: 14px;
        height: 14px;
    }
    .my_container{
        margin: 0 auto;
        width: 1300px;
        padding: 100px 0 0 0;
        position: relative;
    }
    .share .social-media__item[href*=facebook]{
        color: #1877f2
    }
    .social-media__item[href*=twitter]{
        --social-media-item-color: #1da1f2
    }
    .social-media__item[href*=linkedin]{
        color: #0f74b6
    }
    .fbhov:hover {
        background-color: #1877f2;
        border-color: #1877f2;
        color: white;
    }
    .twhov:hover {
        background-color: #1da1f2;
        border-color: #1da1f2;
        color: white;
    }
    .lihov:hover {
        background-color: #0f74b6;
        border-color: #0f74b6;
        color: white;
    }
    .tags{
        margin-top: 100px;
    }
    .tags_title{
        font-size: 12px!important;
        font-weight: 700!important;
        margin: 0 0 30px;
        letter-spacing: 1px;
    }
    .tags_list{
        display: flex;
        flex-wrap: wrap;
    }
    .tag{
        margin: 0 8px 8px 0;
        padding: 5.6px 22.4px;
        border: 1px solid #e3e3e3;
        font-family: Nunito;
        font-size: 14px;
        font-weight: 400;
        border-radius: 5px
    }
    .blog_container .bloga{
        color: #03cece;
        font-weight: 700!important;
    }
    .blog_section_title .bloga{
        color: #03cece;
        font-weight: 700!important;
    }
    .tiles{
        justify-content: flex-start;
        position: absolute;
        bottom: 0;
        margin-bottom: 0
    }
    .relative{
        position: relative;
    }
    .add_absolute{
        width: 150px;
        position: absolute;
        height: -webkit-fill-available;
        right: 44px;
    }
    .trips_add{
        width: 210px;
        height: fit-content;
        position: sticky;
        top: 123px;
        border: 1px solid #e2e5e9;
        border-radius: 6px;
        padding: 20px 12px;
    }
    .trips_add h3{
        font-family: Nunito;
        font-weight: 800;
        color: #0b0c0d;
        font-size: 18px;
        text-align: center;
        line-height: 1.4;
    }
    .trips_add p{
        font-family: Nunito;
        font-weight: 500;
        color: #4B4B4B;
        font-size: 14px;
        margin: 10px 0;
        text-align: center;
    }
    .trips_add a{
        font-family: Nunito;
        font-weight: 800;
        color: #0b0c0d;
        font-size: 14px;
        text-align: center;
        display: block;
        transition-duration: 0.4s;
        text-decoration: underline #03cece calc(0.04em + 0.05rem);
        text-underline-offset: calc(0.2em + 0.1rem);
    }
    .trips_add a::after{
        content: "\231F";
        font-size: 1.7em;
        line-height: 0;
        display: inline-block;
        transition: transform var(--duration-default);
        transform: rotate(-45deg);
    }
    .trips_add a:hover{
        color: #03cece;
    }
    @media only screen and (max-width:767px){
        .my_container{
            width: 100%;
        }
        .progress{
            top: 70px;
            position: absolute;
        }
        .contenta{
            max-height: unset;
            height: 224px;
        }
        .swiper-pagination-bullet-active{
            background: #03cece!important;
        }
        .blog_post_title{
            width: 100%;
            font-size: 36px;
            line-height: 1.2;
        }
        .author_meta{
            margin-bottom: 40px;
        }
        .post_image{
            width: 100%;
            margin: 0 auto 60px;
        }
        .blog_container{
            width: 100%;
            padding-top: 0px
        }
        .blog_section{
            margin-bottom: 0;
        }
        .blog_section_prop{
            margin: 0
        }
        .blog_section_title{
            text-align: left;
        }
        .blog_margin{
            width: 100%;
        }
        .single_blog_post{
            height: 420px
        }
        .social-media__list{
            position: relative;
            margin: 0px 40px 30px;
            display: flex
        }
        .social-media__item{
            width: 40px;
            height: 40px;
        }
        .single_blog_post_image{
            width: 100%;
            height: auto;
        }
        .single_blog_post_image img{
            width: 100%;
            height: auto
        }
    }

     /* .pop_a{
         width: 45%;
         height: 40px;
     transition-duration: 0.6s
     }
     .button_box:hover{
         background: #be3455;
     }
     .button_box:hover .button_text{
         color: white;
     }
     .price_none{
         position: absolute;
         right: 10px;
         bottom: 9px;
         color: #333;
         font-size: 14px;
         font-family: Nunito;
         font-weight: 500;
     }
     .popul li{
         font-size: 12px;
         text-align: left!important;
     color: #6e6e6e!important;
     font-family: Nunito;
     }
     .popul li::marker{
           color: #be3455!important
     }
     .popul{
         margin-bottom: 6px!important;
         width: 61%;
     }
     .sec{
         width: 39%
     }
     .third{
         width: 100%
     }
     .lists_flex{
          display: flex;
     }
     .pop_img_div{
         width: 54%;
         max-height: 540px;
         overflow: hidden;
     }
     .icons_flex{
         display: flex!important;
         margin: 8px 0 0px;
     }
     .pop_sub{
         font-family: "Nunito", Sans-serif;
         font-size: 18px!important;
         color: #333333!important;
         font-weight: 600;
         margin: 16px 0 0px 0!important;
     text-align: left;
     line-height: 34px;
     }
     .pop_p{
         margin-top: 0px!important;
         font-family: Nunito;
     color: #000;
     }
     .pop_sec{
         padding: 16px 30px 0px;
     }
     .pop_title{
         font-family: Nunito;
         font-weight: 600!important;
     font-size: 36px!important;
         color: #be3455!important;
         text-align: left;
         margin-bottom: 0px!important;
         margin-top: 0px!important;
     }
     .pop_title:after{
         display: none
     }
     .icon_box{
         display: flex;
         justify-content: center;
         align-items: center;
         padding:3px 10px;
         width: max-content;
         border: 1px solid #be3455;
         border-radius: calc(0.25em * 2);
         margin-right: 10px
     }
     .santa{
         bottom: 12px;
         right: 80px;
         width: 60px;
         height: 60px;
         position: fixed;
         border: 2px solid #fb7a03;
     background: white;
         border-radius: 30px;
         position: fixed;
         justify-content: center;
         align-content: space-around;
         align-items: center;
         margin-bottom: 0px!important;
         cursor: pointer;
         display: flex;
     }
     .santa_img{
     width: 46px!important;
         height: 46px!important;
         margin-bottom: 0px!important
     }
     .icon_img{
         width: 20px!important;
     margin:0!important
     }
     .place_icon_text{
         margin-bottom: 0!important;
         margin-left: 12px!important;
         font-family: "Nunito", Sans-serif;
         font-size: 13px;
         font-weight: 600;
     color: #4b4f57;
     margin-top: 0!important;
     }
     .popup{
         background-color: #ffffff;
         width: 900px;
     max-height: 540px;
         padding: 0;
         position: absolute;
         transform: translate(-50%,-50%);
         left: 50%;
         top: 56%;
         border-radius: 8px;
         font-family: "Poppins",sans-serif;
         text-align: center;
     }
     .pop_flex{
     display: flex;
     flex-direction: row;
     }
     .pop_img{
         margin-bottom: 0!important;
         border-radius: 8px 0 0px 8px;
         margin-top: 0;
         margin-left: -1px;
         width: 380px!important;
     height: 540px!important;
     max-width: unset!important;
     }
     .popup button{
         display: block;
         position: absolute;
         right: 5px;
         top: 5px;
         background-color: transparent;
         font-size: 30px;
         color: #c5c5c5;
         border: none;
         outline: none;
         cursor: pointer;
     }
     .popup p{
         font-size: 14px;
         text-align: justify;
         margin: 8px 0 2px;
         line-height: 25px;
         padding-bottom: 0!important;
     }
     .popup_background{
          height: 100%;
          width: 100%;
     display: none;
         position: fixed;
         transform: translate(-50%,-50%);
         left: 50%;
         top: 50%;
         background: rgba(0,0,0,0.4);
     }
     .buttons_flex{
         display: flex!important;
         margin: 12px 0 0px;
     }
     .button_box{
         display: flex;
         justify-content: center;
         align-items: center;
         padding:4px 10px;
         border: 1px solid #be3455;
         border-radius: calc(0.25em * 2);
         margin-right: 10px;
     transition-duration: 0.6s
     }
     .button_img{
         width: 20px!important;
         margin:0!important
     }
     .button_text{
         margin-bottom: 0!important;
         margin-left: 12px!important;
         font-family: "Nunito", Sans-serif;
         font-size: 13px;
         font-weight: 600;
         color: #4b4f57;
         margin-top: 0!important;
     } */
     @media only screen and (max-width:767px){
         .desktop{
             display: none!important;
     }
     .mobile_margin{
         margin-bottom: 20px!important
     }
    .mobile{
        display: block!important
     }
     .mobile_img{
         margin-bottom: 0px!important;
     }
         .popup{
             width: 96%;
             top: 50%;
     max-height: unset;
         }
         .pop_img_div{
             display: none;
         }
     .button_search{
            width: 100%!important;
         margin-bottom: 16px;
     }
     .price_none{
         font-size: 12px;
     }
     .santa{
         right: 10px;
     }
     .close{
         right: 0;
     -webkit-border-radius: 0px!important;
     }
         .pop_sec{
             padding: 10px
         }
         .pop_sub{
             line-height: 30px;
         }
         .pop_a{
             width: 50%
         }
         .buttons_flex{
             margin: 16px 0 0 0;
         }
         .pop_title{
             font-size: 27px!important;
         }
         .popup button{
             right: 0;
     }
     
     .accordion
         {
         width: 85%;}
     .acordion{
         color: #0D0D3F;}
     .acordion:hover .accordion_content_title:after
        { color: red;}
     .accordion_content_title
         {float: left;
         width: 100%;
         font-family: Nunito;
         cursor: pointer;
         text-align: left;
         transition: 0.4s;
     color: #000!important;
     }
     .acordion:after{
         content: '\002B';
         color: #0d0d3f;
         float: right;
         background-color: #ededed;
         padding: 6px 14px;
         border-radius: 70px;
         font-family: Gilroy-SemiBold;
         font-size: 18px;
         transition-duration: .6s;
         margin-top: 3px;
         margin-right: -50px;
     }
     
     .panel{
         width: 100%;
         margin-left: 10px;
         clear: both;
         padding: 0 18px;
         background-color: white;
         max-height: 0;
         overflow: hidden;
         transition: max-height 0.2s ease-out;
         font-family: Nunito;
         font-size: 14px;
         line-height: 24px;
     }
     
     .pop_sec{
         padding: 20px 14px;
     }
     .mobile_img{
          width: 100%;
         max-height: 220px;
         border-radius: 10px 10px 0 0;
         margin-top: -1px;
         object-fit: fill;
     }
     .pop_flex{
         flex-direction: column;
     }
     }
</style>