.vs-grid .blog_title{
                font-size: 24px;
                font-weight: 800;
                color: #FFF;
              }
            .sub-ul h2{
                color: #000;
            font-family: Public Sans;
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            }
            .grid-two{
                display: grid;
                grid-template-columns: 1fr 1fr;
                padding-bottom: 52px;
                border-bottom: 1px solid #EDEDED;
            }
            .img img{
                width: 100%;
                height: auto;
                object-fit: cover;
                display: block;
                border-radius: 8px;
                margin-top: 16px;
              }
              .vs-bd .p-24{
                padding: 24px 0px 0px 0px;
              }
              hr{
                border: 1px solid #EAEAEA !important;
                height: 0.5px !important;
              }
              .go-top {
                position: fixed;
                z-index: 1;
                bottom: 30px;
                right: 30px;
                background: #F8F8F8;
                height: 40px;
                width: 40px;
                border-radius: 50%;
                padding: 10px 11px;
                border: 1px solid #EDEDED;
                transition: all .2s ease-in;
                box-shadow: 10px 9px 48px rgba(4, 32, 52, 0.10);
            }
            .go-top img{
                width: 22px;
                height: 8px;
                transform: translate(-2px, -1px);
            }
            .vs_txt{
              border-bottom: 1px solid #EDEDED;
              padding-bottom: 16px;
              font-size: 32px !important;
              font-weight: 800 !important;
            }
            ::placeholder{
              color: #C0C0C0 !important;
              font-weight: 400 !important;
            }
            .image-container{
              position: relative;
              display: inline-block;
            }
            button{
              cursor: pointer;
            }
              @media only screen and (min-width: 1100px){
                .Main1{
                    /*width: 1100px !important;*/
                    margin: 0 auto !important;
                }
                .vs_sec{
                    background: #FFF;
                    width: 100%;
                    position: fixed;
                }
                .w-1024{
                    width: 1024px;
                    margin: 0 auto;
                    padding-top: 14px;
                }
              }
              @media only screen and (min-width: 581px) and (max-width: 999px){
                .vs-grid .blog_title {
                  font-size: 20px;
              }
                .mt-160{                   
                    padding: 0px 40px;
                }
                .mt_50_md{
                    margin-bottom: 40px;
                }
                .vs_sec{
                    background-color: #fff;
                }
                .m_md_24{
                    padding: 0px 24px;
                }
              }
              @media only screen and (max-width: 580px){
                .img img {
                    width: 100%;
                    height: auto;
                    margin-top: 6px;
                }
                .vs-grid .blog_title {
                  font-size: 16px;
                  
              }
                .vs_sec{
                    width: 100%;
                    padding: 8px 0px;
                    z-index: 9999;
                    position: fixed;
                    background: #FFF;
                }
                .vs-grid{
                    display: grid;
                    grid-template-columns: 1fr;
                }
                .grid-two {
                    display: grid;
                    grid-template-columns: 1fr;
                }
                .vs_bd {
                    /*border-width: 0px 1px 1px 1px;*/
                    padding: 16px;
                    
                }
                .mt-160{                   
                    padding: 0px 24px;
                }
                form.vs_form input[type=text] {
                    width: 100%;
                    font-size: 12px !important;
                }
                .sub-ul h2{
                    font-size: 14px;
                    text-align: center;
                    padding-top: 6px;
                }
                form.vs_form button{
                    font-size: 12px;
                }
                .vs_sec .mt-32{
                    margin-top: 0px;
                }
                .vs_txt{
                    font-size: 20px !important;
                    padding-bottom: 6px;
                }
                .art_btn{
                    font-size: 10px;
                }
                .mt_50_md{
                   margin-bottom: 50px;
                }
                .m_md_24{
                    margin: 24px;
                }
                .author_img{
                  width: 23px !important;
                  height: 23px !important;
                } 
              }
              .vs_sec .sub-ul h2{
                white-space: nowrap;
              }
              .vs_sec .sub-ul{
                width: fit-content!important;
              }
              .nav_sec{
                padding-top: 0px;
                background-color: #fff;
                z-index: 9999;
              }
              .vs-grid{
                /* border: 1px solid #EAEAEA; */
              }
              .vs_bd{
                padding: 0px 24px !important;
              }
              /*footer*/
              .start_btn{
                width: fit-content;
                border-radius: 4px;
                background: var(--Zblog----PRIMARY-COLOR, linear-gradient(225deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%));
                box-shadow: 0px 4px 8px 0px #EADBF9;
                color: #EDEDED;
                padding: 8px 16px;
              }
              .footer_sec{
                margin: 48px 0px;
              }
              .footer_sec span{
                color: #A4A4A4;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
              }
              .footer_sec h4{
                color: #202020;
                /* Blog - Desktop/Body 1 - Semibold */
                font-family: Public Sans;
                font-size: 16px;
                font-style: normal;
                font-weight: 600;
                margin: 16px 0px 24px 0px;
              }
              .foot_bottom{
                border-top: 1px solid var(--Dividers, #EDEDED);
                border-bottom: 1px solid var(--Dividers, #EDEDED);
                padding: 16px;
              }
              .foot-txt{
                color: var(--neutrals-grey-40, #A4A4A4);
                /* Blog - Desktop/Label 1 - Regular */
                font-family: Public Sans;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
              }
              .foot-txt li a{
                color: var(--neutrals-grey-40, #A4A4A4);
                /* Blog - Desktop/Label 1 - Regular */
                font-family: Public Sans;
                font-size: 12px;
                cursor: pointer;
              }
              .foot-txt li a:hover{
                color: #848484;;
                text-decoration: underline;
              }
              .cta-btn{
                transition: padding 0.2s ease-in-out;
              }
              .cta-btn:hover{
                padding-left:24px;
                padding-right: 24px;
              }
              .disc{
                list-style: disc;
              }
              .ft-bd{
              /*  background-color: #fafafa;*/
                border-top: 1px solid var(--Dividers, #EDEDED);
                margin-top: 120px;
              }
              .title-btn{
                border-radius: 24px;
                background: #F4F4F4 !important;
                padding: 14px 24px;
                color: #000;
                font-family: Public Sans;
                font-size: 14px;
                width: 17% !important;
                position: absolute;
                bottom: 22px;
                right: 16px;
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 12px;
              }
              .title-btn img{
                width:6px;
                margin-top:0;
              }
              .parent-div{
                /* position: relative; */
                position: absolute;
                width: 100%;
                height: 100%;
                bottom: 0px;
                border-radius: 8px;
                align-items: flex-end;
                background: linear-gradient(358deg, rgba(0, 0, 0, 0.60) 1.96%, rgba(0, 0, 0, 0.00) 44.12%);
                gap: 168px;
              }
             .vs-grid .img{
                position: relative;
              }
              .vs-grid .blog-dec{
                color: #F4F4F4;
                font-family: Public Sans;
                font-size: 14px;
                font-style: normal;
                font-weight: 300;
              }
              .h-img img{
                height: 265px !important;
              }
              .parent-div .cat_badge{
                margin-bottom: 16px;
              }
              .blog-tr{
                margin: 12px 0px;
                padding: 0px !important;
              }
              .vs_sec{
                border-bottom: 1px solid var(--Dividers, #EDEDED);
                background: #FFF;
                box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
              }
              .vs_sec .w-1024{
                padding-top: 24px;
                padding-bottom: 24px;
              }
              .share-btn {
                color: #4A4A4A;
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 14px;
                gap: 8px;
                border-radius: 4px;
                border: 1px solid var(--button-button-stroke-ideal, #EAEAEA);
                background: var(--button-button-fill-ideal, #FFF);
                padding: 8px 12px;
                height: 34px;
            }
              /* .child-div{
                position: absolute;
                bottom: 8px;
                left: 16px;
              } */
              @media only screen and (max-width: 999px){
                .h-img img{
                  height: auto !important;
                }
                  .m-ink{
                    margin-top: 16px;
                  }
                .foot_bottom{
                    flex-direction: column;
                }
                .foot-txt{
                    font-size: 10px;
                    padding-left: 0px;
                    justify-content: center;
                }
                .foot-txt li a {
                    font-size: 10px;
                }
                .foot_bottom {
                    padding: 0px;
                    border: none;
                }
                .footer_sec {
                    margin: 48px 0px 24px 0px;
                }
                .copy_right{
                    border-top: 1px solid var(--Dividers, #EDEDED);
                    padding: 8px;

                }
                .foot-txt {
                    padding-bottom: 24px;
                }
                .footer_sec h4 {
                    font-size: 14px;
                }
                .mt_50_md{
                    margin-bottom: 38px;
                }
                .vs-bd .p-24{
                    padding: 16px;
                }
              }
              .h-100{
                height: auto;
                min-height: 100vh;
              }
              .m-ink .text-foot{
                color: var(--neutrals-grey-40, #A4A4A4);
                font-family: Public Sans;
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
              }
              .m-ink .ink-text{
                background: linear-gradient(90deg, #A941FB 4.1%, rgba(120, 100, 240, 0.92) 96.28%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-weight: 600;
              }
              .blog-tr{
                overflow: hidden;
                 text-overflow: ellipsis;
                 display: -webkit-box;
                 -webkit-line-clamp:2;
                 -webkit-box-orient: vertical;
                 padding-top: 0px;
                 padding-bottom: 0px;
                 /* margin: 8px 0px 16px 0px; */
               }
               .blog_title{
                overflow: hidden;
                  text-overflow: ellipsis;
                  display: -webkit-box;
                  -webkit-line-clamp: 2;
                  -webkit-box-orient: vertical;
               }
               .author_img{
                border-radius: 50%; width: 34px; height:34px; cursor: pointer; display: block; border: 1px solid #EDEDED;
               }
               .ra-btn{
                border:none;
                color:#404040;
                font-family: Public Sans;
                font-size: 14px;
                padding:12px 24px;
                width: 30%;
                font-weight: 400;
                border-radius: 24px;
                background: #F4F4F4;
               }
               .ra-btn:hover{
                  background: #EAEAEA;
               }
               .ra-btn:active{
                background: #E0E0E0;
             }
             .nav_sec{
              padding-top: 0px !important;
              background-color: #fff;
              z-index: 9999;
            }
           .image-container {
              position: relative;
              display: inline-block;
            }
            .icon_bg img {
              border: 1px solid #EAEAEA;
              padding: 8px;
              border-radius: 8px;
              height: 35px !important;
              width: 35px !important;
              background-color: #fff;
              cursor: pointer;
          }
            .share-icon {
              position: absolute;
              top:16px;
              right:8px;
              z-index: 999;
              color: #fff;
              padding: 16px;
              display: none;
            }
            form.vs_form input[type=text] {
              color:#000 !important;
            }
            .share-icon img{
              height: 100% !important;
            }
            .image-container:hover .share-icon {
              display: block;
            }
            .hidden {
              display: none;
            }
            
            #customAlert {
              position: fixed;
              top: 50%;
              left: 50%;
              transform: translate(-50%, -50%);
              background-color: black; 
              color: var(--neutrals-grey-20, var(--button-button-stroke-ideal, #EAEAEA));
              font-family: Public Sans;
              font-size: 14px;
              font-style: normal;
              font-weight: 400;
              padding: 10px 20px;
              border-radius: 5px;
              text-align: center;
              opacity: 1;
              transition: top 0.5s ease-in-out;
              animation: alertfadein 3s cubic-bezier(0.01, 0, 0.37, 1.32) 0ms 1;
              margin-top: 80px;
            }
            .custom-alert-show {
              opacity:1;
            }
            .vs-grid .img {
              position: relative;
              width: 100%;
              }
            @media only screen and (min-width: 1000px){
              .cat_badge span{
                  flex-shrink: 0;
                  border-radius: 4px;
                  background: rgba(164, 164, 164, 0.60);
                  font-size: 12px;
                  font-weight: 400;
                  line-height: 20px;
                  height: 30px;
                  color: var(--neutrals-grey-5-bg, var(--button-button-fill-hover, #F8F8F8));
                  width: fit-content;
                  /* max-width: 100%; */
                  padding: 4px 12px;
                  /* overflow: hidden; */
                  /* text-overflow: ellipsis; */
                  /* display: -webkit-box; */
                  /* -webkit-line-clamp: 1; */
                  /* -webkit-box-orient: vertical;*/
                        }
              .hidden {
                  display: none !important;
                }
                .little-list {
                  display: block;
                  border-radius: 8px;
                  border: 1px solid var(--card-card-stroke, #EDEDED);
                  background: var(--backround, #FEFEFE);
                  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.07);
                  z-index: 1000;
                  color: black;
                  padding: 12px 12px;
                  transition: opacity 0.2s, margin-top 0.2s;
                  opacity: 1;
                  text-decoration: none;
                  text-align: left;
                  margin-top: 8px;
                  width: 200px;
                  line-height: 2;
                  left: -160px;
                  position: absolute;
                  list-style-type: none;
                }
                /*kebab menu for mobile device*/
                .kebab {
                cursor: pointer;
                position: relative;
                display: inline-block;
                box-sizing: border-box;
                /*padding: 0 16px;*/
                top: 22px;
                }
                .kebab .keb_menu {
                  display: block !important;
                  width: 24px;
                  height: 24px;
                  border-radius: 5px;
                  margin: 3px 0;
                  z-index: 1000;
                }
                .little-list .center-btn{
                  display: block; /*for mobile device */
                  margin-top: 0px;
                }
                .little-list .icon_bg img{
                  border:  none;
                  height: 28px;
                  width: 28px;
                }
                .pop-text-md{
                  display: block;
                  font-size: 12px;
                  align-items: center;
                  margin-top: 2px;
                  color: #2E2E2E;
                }
                .nav{
                  transform: translate(0px, -25px);
                  padding-left: 0px;
                }
                .kebab .keb_menu {
                  width: 100%;
                  height: 100%;
                  border-radius: 5px;
                  margin: 3px 0;
                  z-index: 1000;
              }
              .center-btn img{
                  margin-top: 0px !important;
              } 
              .share-txt{
                  font-size: 14px;
                  color: #000;
                  font-weight: 400;
              }
              .icon-ht{
                  margin-top: 8px;
                 
              }
              #android-share{
                  display: none;
              }
            }
            @media(max-width:580px){
              h2.vs_txt,h3.vs_txt{
                  font-size: 20px !important;
              }
              .ra-btn{
                  font-size: 12px;
              }
              .share-icon {
                position: absolute;
                top: 16px;
                right: 8px;
                z-index: 999;
                color: #fff;
                padding: 6px;
                display: none;
            }
              .blog_title{
                  font-size: 16px !important;
                  font-weight: 800;
              }
              .blog-dec{
                  font-size: 10px;
              }
              .vs_bd .blog-dec{
                  font-size: 10px !important;
              }
              .search-input{
                  top: 74px!important;
              }
              #customAlert {
                font-size: 12px;
                margin-top: 40px;
              }
            }
            @media(max-width:999px){
              .blog_title{
                  font-weight: 800;
              }
              .share-icon{              
                  display: block;
              }
              .vs_sec .w-1024{
                  padding-top: 12px;
                  padding-bottom: 12px;
              }
              .mob-sub-ul{
                  display: flex;
                  align-items: center;
                  margin-bottom: 1px;
              }
              .mob-sub-ul h2{
                  font-size: 12px;
              }
              .mob-sub-ul img{
                  width: 27px !important;
                  height: 27px !important;
              }
              .mt_50_md{
                  margin-bottom: 0px;
              }
              .search-input{
                  position: absolute;
                  left: 0;
                  top: 58px;
                  display: flex;
                  width: 100%;
                  padding:10px 30px;
                  padding-bottom:24px;
                  background: #fff;
                  transition: all 0.2s ease-in-out;
              }
              .search-opacity-zero{
                  opacity: 0;
                  max-height: 0;
              }
              .search-opacity-one{
                  opacity: 1;
                  max-height:66px;
              }
              .vs_form{
                  width: 100%;
                  justify-content: center;
              }
              .vs_form input, .vs_form button{
                  height: 32px;
              }
              form.vs_form button{
                  font-size: 12px;
                  height: 32px;
              }
              .vs_sec>div{
                  padding-left: 30px;
                  padding-right: 30px;
                  gap: 8px;
                  justify-content: center;
              }
              .pro-share{
                  /* gap: 45px;
                  width: 100%; */
              }
              .share-btn{
                  padding: 6px 8px;
                  width: 33px;
                  height: 33px;
              }
              .share-btn > img{
                  width: 12px;
                  height: 12px;
              }
              .icons{
                  margin-top: auto;
                  margin-left:auto;
              }
              .primary-btn{
                  font-size: 10px;
                  padding: 6px 16px;
              }
              .author-n,.time-du{
                  font-size: 12px;
              }
              .parent-div{
                  height: auto;
                  background: none;
                  position: static;
                  gap: 0;
                  display: flex;
                  flex-direction: column;
              }
              .parent-div .cat_badge{
                  margin-bottom: 0;
  
              }
              .vs_txt{
                  font-size: 24px !important;
              }
              .vs-grid .blog_title{
                  font-size: 20px ;
                  font-weight: 800;
                  color: black
                  /* color:#808080 !important; */
              }
              .vs_bd .blog-dec{
                  font-size: 14px;
                  color:#808080;
  
              }
              .blog-tr{
                  margin: 6px 0 16px 0;
              }
             
              .vs-grid{
                  flex-direction: column;
                  margin-top:0;
              }
              .vs_bd{
                  width: 100%;
                  padding:0 !important;
                  margin-top: 8px;
              }
              .title-btn{
                  width: 100% !important;
                  position: static;
                  color:#404040;
                  font-size: 12px;
                  margin-top: 16px;
              }
              .title-btn img{
                  width:6px;
                  height: 10px;
                  margin-top: 0;
              }
              .read-button{
                  width: 100%;
              }
              .ra-btn{
                  width: 100%;
                  margin-top:0;
                  margin-bottom:24px;
              }
              .vs-bd .p-24{
                  padding: 0;
              }
              .vs-bd .mt-24{
                  margin-top: 16px;
              }
              .min-height{
                  margin-top: 8px;
              }
              .footer_sec{
                  margin-top:40px;
                  margin-bottom: 26px;
              }
              .footer_sec h4{
                  font-size: 12px;
                  margin: 10px 0 10px 0;
              }
              .foot-txt{
                  padding-bottom: 8px;
              }
              .grid-two{
                  border-bottom: none;
              }
            }
            .search-bar:focus {
              outline: none; 
              color: #202020; 
              border-color: 1px solid #EAEAEA; 
              font-size: 14px !important;
            }
            .search-bar:active {
              outline: none; 
              color: #202020 !important; 
              border-color: 1px solid #EAEAEA; 
              font-size: 12px !important;
            }