/*################################################Blog Main Page Santosh Pasi################################################*/
.new-blog-page-cont{
    padding: 0;
    margin: 0;
}
.new-blog-page-cont .blog_top_head .latest-story-image{
    padding: 0;
    margin: 0;
}
.new-blog-page-cont .blog_top_head .latest-story-text-cont{
   padding: 0;
   margin: 0;   
   min-width:auto;
   background: #F8F8F8;
   display: flex;
   margin:0 auto;
   max-width: 1280px;
   margin-top:-80px;
   position: relative;
   padding: 48px 80px 48px 80px;
   display: flex;
   align-items: center;
}
.new-blog-page-cont .blog_top_head .latest-story-text-cont .latest-story-left{
   padding: 0 298px 0 0;
   margin: 0;
}
.new-blog-page-cont .blog_top_head .latest-story-text-cont a.active{
   text-decoration: none;
}

/*################Blog Navbar New CSS Start Here################*/
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor{
   padding:0;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor a{
   font-size: 18px;
   font-weight: 600;
   line-height: 22px;
   color: #1D1F1E;
   margin-right: 40px;
   padding-bottom: 3px;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor a{
   font-size: 18px;
   font-weight: 600;
   line-height: 22px;
   color: #1D1F1E;
   margin-right: 40px;
   padding-bottom: 3px;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor a.active{
   border-bottom: 1px solid #1D1F1E;
   text-decoration: none;
   transition: all 0.2s ease-in-out;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor a:last-child{
   /* padding-right:0; */
   margin-right: 40px;
}

.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-search-div {
   width: 40%;
   position: relative;
}


.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input{
   line-height: 23px;
   display: flex;
   align-items: center;
   height: 40px;
   width: 75%;
   float: right;
   border-bottom: 1px solid #1D1F1E;
}


.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input input{
   margin-top:0px;
   margin-left: 28px;
   min-width: -webkit-fill-available;
   height: 33px;
   border: none;
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 18px;
   line-height: 23px;
}

.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input input::placeholder {
   color: #A4AAAE;
   opacity: 1;
 }

.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon{
   position: absolute;
   top: 0;
   width: 20px;
   height: 40px;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon i{
   top: 10px;
   font-size: 20px;
   color: #1d1f1e;
   font-weight: 400;
   position: absolute;
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon.left{
/*   left: 0;*/
}
.new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon.right{
   right: 0;
}
.navigation-searchbar .blog_guides{
   margin-top:80px;
   margin-bottom:60px;
   margin-left: auto;
   margin-right: auto;
   display: flex;
   align-items: center;
   justify-content: space-between;
   width: auto;
   max-width: 1280px;
}
.navigation-searchbar .blog_guides ul.blogul{
   display: flex;
   padding: 0;
   margin: 0;
   justify-content: space-between;
   float: none;
}
/*################Blog Navbar New CSS Start Here################*/

/*################Banner Content CSS Start Here################*/
.latest-story-text-cont .latest-story-left h3{
   font-family: 'Prata';
   font-style: normal;
   font-weight: 400;
   font-size: 48px;
   line-height: 65px;
   color: #1D1F1E;
   padding: 0 0 12px 0;
   margin: 0;
} 
.latest-story-text-cont .latest-story-left h3.desktop-view{
   display:block;
}
.latest-story-text-cont .latest-story-left h3.mobile-view{
   display:none;
}
.latest-story-text-cont .latest-story-left p{
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   color: #1D1F1E;
}
.new-blog-page-cont .blog_top_head .latest-story-text-cont button{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 12px 26px;
    white-space: nowrap;
    height: 43px;
    border: 1px solid #1D1F1E;
    background: transparent;
    font-weight: 600;
    line-height: normal;
    font-size: 16px;
    line-height: 18px;
    color: #1D1F1E;
}
/*################Banner Content CSS End Here/*################*/

/*################Blogs Main Content CSS Start Here################*/
.new-blog-page-cont .blogs-headings-images{
   margin:0 auto;
   display: flex;
   flex-wrap: wrap;
   max-width: 1280px;
   justify-content: space-between;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols{
   /* margin: 65px 0px 0 0; */
   margin: 0 0 40px 0;
   width: 48%;
   /* margin-right: 24px; */
}
.new-blog-page-cont .blogs-headings-images .search_blog_dropdowns li{
   list-style: none;
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 18px;
   line-height: 23px;
   text-align: center;
   color: #1D1F1E;
   margin: 0 auto;
   padding: 0;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul{
   padding: 0;
   margin: 0;
   padding-top: 20px;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li{
   padding:28px 0;
   margin: 0;
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 18px;
   line-height: 23px;
   color: #1D1F1E;
   border-bottom: 1px solid #D9D9D9;
   position:relative;
}

.instagram-section .new-section-title h2 {
   font-family: 'Prata';
   font-weight: 400;
   font-size: 64px;
   line-height: 87px;
}

.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li:last-child {
   border-bottom: none;
}

.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li a{
   color:#1D1F1E;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li a::after{
   content: "";
   /*background: url(catalog/view/theme/anb/image/blog/arrows.png);*/
/*   background: url(catalog/view/theme/anb/image/icons/left-arrow-2.svg);*/
     background: url(../image/icons/left-arrow-2.svg);
   height: 14px;
   width: 8px;
   position: absolute;
   right: 0;
   background-repeat: no-repeat;
   background-position: center;
   top: 33px;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li a:hover{
   color:#1D1F1E;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols:nth-child(1), .new-blog-page-cont .blogs-headings-images .blogs-images-cols:nth-child(2){
   margin-top: 0;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols:nth-child(even){
   margin-right: 0;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols img{
   width: 100%;
   height: 400px;
   object-fit: cover;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols span{
   width: 85%;
   height: 120px;
   background: #1D1F1E;
   margin: -80px 0 0 0;
   position: relative;
   padding: 0 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols span h3{
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 30px;
   color: #FFFFFF;
   padding: 0;
   margin: 0;
   display: block;
   width: 100%;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols span h3.ellipsis{
   white-space: nowrap;
   width: 100%;
   text-overflow: ellipsis;
   overflow: hidden;
}
.new-blog-page-cont .blogs-headings-images .blogs-images-cols span a{
   font-family: 'Plus Jakarta Sans';
   font-style: normal;
   font-weight: 600;
   font-size: 16px;
   line-height: 23px;
   text-decoration-line: underline;
   color: #FFFFFF;
   padding:10px 0 0 0;
}
.new-blog-page-cont .show-more-btn{
   display: flex;
   text-align: center;
   justify-content: center;
   /* margin: 59px 0 80px 0; */
   margin:-6px 0 80px 0;
}
.new-blog-page-cont .show-more-btn button{
   display: flex;
   padding:0 26px;
   white-space: nowrap;
   height: 44px;
   border: 1px solid #1D1F1E;
   background:#FFFFFF;
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
}
/*################Blogs Main Content CSS End Here################*/


/* Media Query starts Here */
@media only screen and (max-width: 1100px) and (min-width: 320px)  {
    .new-blog-page-cont .blog_top_head .latest-story-text-cont{
      text-align: left;
      display: block;
      margin-left: 10px;
      margin-right: 10px;
      padding: 30px 36px 36px;
      margin-bottom: 55px;
    }
    .latest-story-text-cont .latest-story-left p{
      margin:0 0 28px 0;
      font-size: 14px;
    }
    .new-blog-page-cont .blog_top_head .latest-story-text-cont .latest-story-left{
      padding: 0;
    }
    .new-blog-page-cont .blog_top_head .latest-story-text-cont button{
      margin: 0;
      display: block;
    }
}

@media only screen and (max-width: 992px) and (min-width: 320px)  {

   .new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon{
      top: 12px;
   }
    .new-blog-page-cont .blogs-headings-images{
      margin: 0 18px;
      display: block;
    }

    .instagram-section .new-section-title h2 {
         font-size: 48px;
         line-height: 87px;
      }

    .new-blog-page-cont .blogs-headings-images .blogs-images-cols{
      width: 100%;
      margin:0 0 20px 0;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols img{
      height: 240px;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li:last-child{
      border-bottom:none;
    }

    .new-blog-page-cont .blogs-headings-images .blogs-images-cols span{
      padding: 0 18px;
      height: 100px;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols span h3{
      font-size: 14px;
      line-height: 26px;
    }
    .latest-story-text-cont .latest-story-left h3.desktop-view{
      display:block;
    }
   .latest-story-text-cont .latest-story-left h3.mobile-view{
      display:none;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols span a{
      font-weight: 600;
      font-size: 14px;
      line-height: 20px;
    }
    .new-blog-page-cont .show-more-btn{
      margin:40px 18px 55px 18px;
    }
    .new-blog-page-cont .show-more-btn button{
      width: 100%;
      height:52px;
    }
    .new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor a{
      /* padding-right:36px; */
      margin-right:36px;
      font-size: 16px;
      line-height: 20px;
    }

    .navigation-searchbar .blog_guides{
      flex-direction: column;
      margin-right: 18px;
      margin-left: 18px;
      margin-bottom:60px;
      margin-top: 50px;
    }
    .new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .blog-anchor{
      width: 100%;
      padding-bottom: 16px;
      white-space: nowrap;
      overflow-x: auto;
      margin-bottom: 20px;
    }

    .navigation-searchbar .blog_guides {
         margin-bottom: 36px !important;
    }

    .new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input{
      width: 100%;
      margin-top:0;
      height:auto;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li{
      font-size: 16px;
      padding:16px 0;
      line-height: 20px;
    }
    .new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul li a::after{
      top: 19px;
    }
    .new-blog-page-cont .blog_top_head .navigation-searchbar .blog_guides .search-input .icon i{
      top: -2px;
    }

    .new-blog-page-cont .blogs-headings-images .blogs-images-cols.gifts-lists ul{
      padding-top: 0px;
    }
}


@media only screen and (max-width: 1280px) and (min-width: 993px)  {
   .new-blog-page-cont .navigation-searchbar{
      padding: 0 80px;
   }
   .new-blog-page-cont .blogs-headings-images{
      padding: 0 80px;
   }

}
/* Media Query Ends Here */
/*################################################Blog Main Page Santosh Pasi################################################*/