/*################################################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{

   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{

}
.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: 0 0 40px 0;
   width: 48%;
}
.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(../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:-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;
    }

    .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{
      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################################################*/





.blogBlock .container-full{
   max-width: 1504px; margin:0 auto;
   width: initial;
}
.blogBanner{
   position: relative;
}
.blogBanner img{
   width: 100%;
}
.blogBanner .content{
   position: absolute;
   left:56px; bottom:56px;
   max-width: 592px;
}
.blogBanner .content *{
   color:var(--color-white);
}
.blogBanner .content h1{
   margin-bottom: 8px;
   font:100 56px/72px var(--font-family-canelaThin);
}
@media (max-width:767px){
   .blogBanner .content{
      left:16px; right:16px; bottom:18px;
   }
   .blogBanner .content h1{
      font-size:42px; line-height: 62px;
   }
   .blogBanner .content p{
      font-size:14px; line-height: 24px;
   }
}
@media (min-width:1920px){
   .blogBlock .container-full{
      padding:0;
   }
}






.blogGuides{
   margin:96px auto 72px;
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.blogFilter > a{
   font:italic 300 20px/28px var(--font-family-canela);
   color:#000;
   text-transform: capitalize;
   position: relative;
   margin-right:20px;
}
.blogFilter > a.active{
   color:var(--color-green);
   text-decoration: none;
}
.blogFilter > a + a{
   margin-left:24px;   
}
.blogFilter > a + a:before{
   content: '';
   display: inline-block;
   width: 4px; height: 4px;
   border-radius: 1000%;
   background-color: var(--color-green);
   position: absolute;
   left:-24px; top:50%;
   margin-top:-2px;
}
.blogFilter > a.active:after{
   content: '';
   display: block;
   width: 100%;height: 1px;
   position: absolute;
   bottom: 1px;
   left:0; right:0;
   background-color: var(--color-green);
}
.blogSearchBox{
   position: relative;
}
.blogSearchInput{
   display: flex;
    align-items: flex-end;
    gap: 24px;
}
.blogSearchInput input[type=text]{
   padding-left:32px; padding-bottom: 12px;
   border: 0;     
   min-height: 37px;
   border-bottom: 1px solid var(--color-dark-gray); 
   font-size: 18px; line-height: 21.94px;
}
.blogSearchInput > i{
   width: 24px;
   height: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   position: absolute;
   left: 0; top: initial; bottom: 12px;
}
.blogSearchInput button{ 
   display: none;
}

@media (max-width:991px){
   .blogGuides{
      flex-direction: column;
      margin: 32px auto 0;
   }
   .blogFilter > a{
      font:italic 300 14px/28px var(--font-family-canela);
      margin-right:12px;
   }
   .blogFilter > a + a{
      margin-left:12px;   
   }
   .blogFilter > a + a:before{
      left:-16px;
   }
   .blogSearchBox{
      margin-top:32px;
      margin-bottom: 32px;
      width: 100%;
      max-width: 400px;
   }
   .blogSearchInput input[type=text]{
      width: 100%;
      font-size: 16px;
      line-height: 19.5px;
   }
}

@media (min-width:1920px){   
   .blogSearchInput input[type=text]{
      min-width: 447px;
   }
   .blogSearchInput button{ 
      width: 140px;
      height: 56px;
      background-color: var(--color-accent-green);
      color: var(--color-white);
      border-radius: 4px;
      font-weight: 500;
      display: block;
   }
}


.blogUl{
   display: flex;
   padding: 0;
   margin: 0;
   justify-content: space-between;
   float: none;
}
.search_blog_dropdown::-webkit-scrollbar {width: 8px;height: 8px; }
.search_blog_dropdown::-webkit-scrollbar-track {background-color: #eaeaea;}
.search_blog_dropdown::-webkit-scrollbar-thumb {   background-color: #ccc; }
.search_blog_dropdown::-webkit-scrollbar-thumb:hover {   background-color: #aaa; }


.search_blog_dropdown {
   padding: 40px;
   max-height: 300px;
   overflow-y: auto;
   left: 0;
   position: absolute;
   border: none;
   box-shadow: 0 0.5px 4px rgba(0, 0, 0, 0.175);
}

.search_blog_dropdown li:first-child a {
  font-size: 16px;
  line-height: 20px;
  color: #1D1F1E;
  padding: 0px;
  padding-bottom: 14px;
}
.search_blog_dropdown li a {
   font-size: 14px;
   line-height: 140%;
   padding: 0px;
   padding-bottom: 10px;
   color: #A4AAAE;
   white-space: normal;
}
.search_blog_dropdown li a:hover {
  color: #1D1F1E;
}
.search_blog_dropdown li a b{
  color:#1D1F1E;
}



.blogsBlock{
   display: flex;
   flex-wrap: wrap; 
   /* display: block!important;*/
   margin: -58px -16px 0;
}
.blogsBlock:after{
   content: "";
   display: table;
   clear: both;
}
.blogsItem{
   padding:0 16px;
   margin-top: 58px;
   /* float: left; */
}

.blogsItem > a{
   display: block;
}

.blogsItem figure{
   margin-bottom:24px;border-radius: 4px;
   overflow: hidden;
}
.blogsItem figure img{
   max-width: 100%;
   
}
.blogsItem .data{

}
.blogsItem .data > span{
   color: var(--color-dark-gray);
   display: block;
   margin-bottom: 8px;
   font-family: var(--font-family-canela);
}
.blogsItem .data h3{
   margin-bottom:16px;
   font-size: 32px; line-height: 40px;
   color: var(--color-accent-green);
   display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blogsItem .data > p{
   font-size: 14px; line-height: 24px;
   display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.showLoadMore{
   text-align: center;
   margin: 58px 0 0;
}
.showLoadMore #loadMore{
   width: 343px;
   height: 58px;
   background-color: var(--color-accent-green);
   color: var(--color-white);
   border-radius: 4px;
   font-weight: 500;
   display: block;
   margin: auto;
}

@media (max-width:400px){
   .blogsBlock{
      margin-top: -24px;
   }
   .blogsItem {
      margin-top: 24px;
   }
   .blogsItem figure{
      margin-bottom: 16px;
   }
   .blogsItem .data > span{
      font-size: 14px;
      line-height: 16.8px;
   }
   .blogsItem .data h3 {
      margin-bottom: 12px;
      font-size: 20px;
      line-height: 26px;
  }
  .blogsItem .data > p{
      -webkit-line-clamp: 2;
   }
  .showLoadMore {
      margin-top: 32px;
   }
  .showLoadMore #loadMore{
      font-size: 14px;
      height: 44px;
      width: 100%;
   }
}

@media (min-width:1440px){
   .blogsBlock{
        
   }
   .blogsItem figure{
      height: 320px;
      overflow: hidden;
   }
   /*.grouped.custum{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 20px;
      margin-top: 58px;
   }  
   .grouped.custum .large{
      grid-row: span 2;
   }
   .grouped.custum .large a figure{
      width: 100%; height: 425px;
      overflow: hidden;
   }
   .grouped.custum .blogsItem{
      width: 100% !important; margin: 0;
   }
   .grouped.custum .small + .small{
      margin-top: 32px;
   }
   
   .grouped.custum .small a,
   .grouped.custum .small a{
      display: flex;
   }
   .grouped.custum .small a figure,
   .grouped.custum .small a figure{
      flex: 0 0 280px; height: 284px;
      margin: 0 24px 0 0;   
   }
   .grouped.custum .small a figure img,
   .grouped.custum .small a figure img{
      max-width: initial;
      max-height: 100%;
      margin-left: -50%;
   }*/
   .search_blog_dropdowns1 .blogsItem:nth-of-type(1),
   .search_blog_dropdowns1 .blogsItem:nth-of-type(11){
      width: 50% !important;
      /* margin-top: 0!important; */
   }
   .search_blog_dropdowns1 .blogsItem:nth-of-type(1) a figure,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(11) a figure{
      width: 100%; height: 425px;
      overflow: hidden;
   }
   .search_blog_dropdowns1 .blogsItem:nth-of-type(2),
   .search_blog_dropdowns1 .blogsItem:nth-of-type(10){
      width: 50%!important;
      /* margin-top: 0!important; */
      margin-bottom: 32px;
   }
   .search_blog_dropdowns1 .blogsItem:nth-of-type(3),
   .search_blog_dropdowns1 .blogsItem:nth-of-type(12){
      width: 50%!important;
      margin-top: 0;
      /* margin-top: 32px; */
   }

   .search_blog_dropdowns1 .blogsItem:nth-of-type(2) a,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(3) a,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(10) a,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(12) a{
      display: flex;
   }
   .search_blog_dropdowns1 .blogsItem:nth-of-type(2) a figure,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(3) a figure,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(10) a figure,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(12) a figure{
      flex: 0 0 280px; height: 286px;
      margin: 0 24px 0 0;   
      overflow: hidden;
   }
   .search_blog_dropdowns1 .blogsItem:nth-of-type(2) a figure img,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(3) a figure img,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(10) a figure img,
   .search_blog_dropdowns1 .blogsItem:nth-of-type(12) a figure img{
      max-width: initial;
      max-height: 100%;
      margin-left: -50%;
   } 
   .search_blog_dropdowns1 .blogsItem:nth-of-type(12){
      margin-top:-286px;
   }
}

@media (min-width:1920x){
   .blogsBlock .blogsItem figure{
      width:480px; height:320px;
   }
}