.gallery_block  .gallery_title{font-size: 22px; line-height: 30px; color: #464646;padding-bottom: 23px;margin: 0px;}
.gallery_block .gallery_block_inner{display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 20px;}
.gallery_block .g_item img{width:100%; height:100%;object-fit: cover;max-width: 100%;}
.gallery_block .g_item:first-child{   grid-column: 1 / 3}


@media screen and (min-width:200px) and (max-width:768px) {
    .gallery_block .g_item:first-child{   grid-column:unset}
    .gallery_block .gallery_block_inner{grid-template-columns: 1fr 1fr;gap: 10px;}
}

/*  */
body {
    line-height: 1;
    /*background:#F4F6FC;*/
    font-family: 'poppins', sans-serif; 
    color:#000000;
    margin: 0px;
    box-sizing: border-box;
}


:root{
    /* bg color variable */
    --primary_bg:#F4F6FC;
    --secondary_bg:#FFFFFF;
    --section_bg:#FFFFFF;
    --primary_color:#2196F3;
    --banner_text:#FFFFFF;
    --title_color:#495057;
    --secondary_title_color:#464646;
    --text_color:#999999;
}

body{
/*    background-color: var(--primary_bg);*/
}


/* Global Classes */
.main_container{max-width: 1530px; margin: auto; padding:0px 30px;}
.medium_container{max-width: 1230px; margin: auto; padding:0px 30px;}
.section_padding{padding: 60px 0px;box-sizing: border-box;}
.section_inner_padding{padding: 25px 0px;box-sizing: border-box;}
.section_inner_padding.no_padding_bottom{padding-bottom: 0;box-sizing: border-box;}
.section_padding.no_padding_bottom{padding-bottom: 0;}
.extra_top_gap{padding-top:100px;}
.card_grid{display: grid; grid-template-columns: repeat(4,minmax(0px, 1fr));gap: 20px;}



.primary_title{font-size:25px; line-height: 38px;  color: var(--title_color); padding-bottom: 20px;margin: 0px;font-weight: 700;}
.secondary_title{font-size: 22px; line-height: 30px; color: var(  --secondary_title_color); font-weight: 600;margin: 0px;font-weight: 600;}
.primary_text{font-size: 16px; line-height: 24px; color: var(--text_color);margin: 0px;}
.text-center {text-align: center;}



/* Cta's */
.primary_cta{font-size: 15px; line-height: 20px; text-decoration: none; min-width:6em; padding:7px 15px 7px; box-sizing: border-box; background-color:#ffff; border:1px solid var(--primary_color); color: var(--primary_color); transition: .3s ease-in-out; text-align: center;display: inline-block;border-radius: 8px;}
.primary_cta:hover{background-color: var(--primary_color); color: #fff;}

.primary_cta.secondary_cta{cursor: pointer; background-color: var(--primary_color); border:1px solid #ffff;color: #fff;min-width:12em;}
.primary_cta.secondary_cta:hover{background-color: transparent; color: var(--primary_color);border-color: var(--primary_color);}
.primary_cta.full{min-width: 100%;}

.primary_cta.primary_link{font-size: 17px; line-height: 28px;  color: #6C757D; font-weight: 400; border: 1px solid #C4C4C4; transition: .3s ease-in-out;
  
}


.primary_cta.warning_cta{color: #FC677C; border-color: #FC677C;min-width:12em;}
.primary_cta.warning_cta:hover{border-color: var(--primary_color); color: #fff;}

.humberg_menu {display: none;}

@media screen and (min-width:200px) and (max-width:1080px){
    .primary_title{font-size:22px; line-height: 30px; padding-bottom: 10px;}
    .secondary_title{font-size: 18px; line-height: 26px;}
    .primary_text{font-size: 15px; line-height: 24px;}
    .section_padding{padding: 30px 0px;}
    .primary_cta{font-size: 15px; line-height: 23px; padding:8px 15px 8px}
    .primary_link{font-size: 15px; line-height: 23px;}

    .extra_top_gap{padding-top: 30px;}
    .card_grid{grid-template-columns: repeat(auto-fill,minmax(270px, 1fr));gap: 20px;}
}

@media (max-width: 768px) {
    /* humburger menu */
    .humberg_menu {display: flex;align-items: center;gap: 20px;}
    .humberg_menu  .hum_item{display: flex; gap: 10px;margin: 0px;padding: 0px;}
    .humberg_menu .hum_item li{list-style: none;}
    .humberg_menu  .hum_item li a{font-size: 17px; line-height: 28px; color: #464646; font-weight: 500; text-decoration: none;}
    .humberg_menu  .hum_item li:not(:last-child)::after{content: "/";margin-left: 10px;}
}

@media screen and (min-width:768px) and (max-width:1080px){
    .card_grid{display: grid; grid-template-columns: repeat(2,minmax(0px, 1fr));gap: 20px;}
}
@media screen  and (min-width:200px) and (max-width:1080px){
  .our_article_title .inner_title{    padding: 20px 20px;}
  /* sidebar layout */
.sidebar_layout {display: flex;flex-direction: column;}
.sidebar_layout .sidebar {max-width: 100%; width: 100%;}
.sidebar_layout .page_cnt {max-width: 100%; width: 100%;}
/* humburger menu */
.humberg_menu  .hum_item{display: flex; gap: 10px;}
.humberg_menu  .hum_item li a{font-size: 15px; line-height: 25px;}

.sidebar.hide_sidebar .humberg_menu{justify-content: flex-start;}
.sidebar {position: fixed; width: 100%; height: 100vh; z-index: 99; background: var(--primary_bg); left: 0; overflow: auto; padding: 10px 30px;  }
.sidebar.hide_sidebar{position: unset; height: unset;background: unset;  padding: 10px 0px; }

/* cards */
.blog_Cards .card_cnt .card_title{font-size: 16px; line-height: 24px;}

}


@media screen  and (min-width:1081px) and (max-width:1400px){
  /* sidebar layout */

.sidebar_layout .sidebar {max-width: 280px; width: 100%;}
.sidebar_layout .page_cnt {max-width: calc(100% - 300px); width: 100%;}
.sidebar .sidebar_inner .sidebar_title{font-size: 16px;}
.twitter_block .twetter_link{font-size: 13px;}
.sidebar_inner .sidebar_gallery .images{padding-inline: 15px;}
}
.page_cnt .add_image_block {padding: 45px 60px; background-color: #fff; border-radius: 4px;display: flex;gap: 20px;}
.add_image_block .images{width: 25%;}
.add_image_block .upload_image{width: 75%;}
.add_image_block .images .image_list li{list-style: none;}

.add_image_block .images .image_list{display: flex; flex-direction: column; gap: 20px;margin: 0px ;padding: 0px;}
.add_image_block .images .image_list .img_item img{border: 1px dashed #C4C4C4; padding: 5px;border-radius: 8px;}


/* file upload css */

  
.upload_image  .file-upload{width: 60%;padding-top: 50px;}
  
 .upload_image .file-upload-content { display: none; text-align: center; }
  
.upload_image .file-upload-input { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; outline: none; opacity: 0; cursor: pointer; }
  
.upload_image .image-upload-wrap { border: 1px dashed #979797; position: relative; }

 .upload_image .file-upload .upload_label{font-size: 13px; line-height: 22px;color: #222222;padding-bottom: 12px; display: block;font-weight: 600;}
.upload_image  .file-upload .upload_label .img_size{color: #5C5E5E;font-weight: 400;}
 .upload_image .file_btn{padding-top: 34px;text-align: center; display: flex;gap: 20px;justify-content: center;}

 .upload_image .drag-text { text-align: center;padding-block: 60px; }
 .upload_image .drag-text .upload_text { font-size: 15px; line-height: 24px; color: #5C5E5E;font-weight: 400;padding-top: 10px; } 
  .upload_image .file-upload-image { max-height: 200px; max-width: 200px; margin: auto; padding: 20px; }
  
 
  

  

  @media screen and (min-width:200px) and (max-width:1080px) {
   .upload_image .file_btn .primary_cta.secondary_cta{min-width: 7em;}
   .upload_image  .file_btn .primary_cta.warning_cta{min-width: 7em;}

    .page_cnt .add_image_block{flex-direction: column;padding: 30px;}
    .add_image_block .images{width: 100%;}
    .add_image_block .images .image_list{flex-direction: row;flex-wrap: wrap;}
    .upload_image .file-upload{width: 100%;padding-top: 10px;}
    .add_image_block .upload_image{width: 100%;}
  }
  @media screen and (min-width:768px) and (max-width:1080px) {
    
 
     .page_cnt .add_image_block{flex-direction: row;padding: 30px;}
     .add_image_block .images { width: 25%; }
     .add_image_block .images .image_list{flex-direction: column;}
     .upload_image .file-upload{width: 70%;}
     .add_image_block .upload_image{width: 75%;}
   }

  
  @media screen and (min-width:1080px) and (max-width:1400px) {
   .upload_image .file_btn .primary_cta.secondary_cta{min-width: 10em;}
   .upload_image .file_btn .primary_cta.warning_cta{min-width: 10em;}
   .upload_image .file-upload{width: 70%;padding-top: 50px;}
  }