/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
:root {
    scroll-behavior: smooth;
  }
  
  body {
    font-family: "Poppins", sans-serif;
    /* background: #f6f9ff; */
    color: #444444;
  }

  
.toggle-sidebar .card4container {
    grid-template-columns: repeat(auto-fit, minmax(309px, 0.35fr));
}

/* new logo saved and purchased page css start here */
.new_logo_listing .card {
    box-shadow: 0px 4.236px 15.262px 0px rgba(41, 29, 87, 0.05) !important;
    position: relative;
    border: 0.847px solid rgba(35, 38, 55, 0.20);
    border-radius: 16.942px !important;
}
.new_logo_listing .card > img{border-radius: 16.942px 16.942px 0 0;}
.new_logo_listing .logo-action.logo_strip {
  background: none;
  padding: 25px 15px;
}
.new_logo_listing .linkbtn {
    border: 0.847px solid var(--primary-color);
    background: #fff;
    color: var(--primary-color);
}
.new_logo_listing .logo_strip button, .new_logo_listing .logo_strip a.linkbtn{
  font-size: 15.248px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 15px;
    width: 100%; 
    border-radius: 12.707px;
}
.new_logo_listing .logo_strip a.linkbtn {
    background: var(--primary-color);
    color:#fff;
    width: 50%;
}
.purchased_new_listing .linkbtn.download_logo_btn{
  background: var(--primary-color);
  color:#fff;
}
.new_logo_listing .logo_strip form {
    margin-right: 12px;
    width: 50%;
}
.purchased_new_listing .logo_form_details{
  position: absolute;
    left: 50%;
    padding: 20px 15px;
    width: 88%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    border: 1px solid rgba(35, 38, 55, 0.20);
    background: #FFF;
    box-shadow: 0px 5px 18.017px 0px rgba(41, 29, 87, 0.05);
    display: none;
}
.purchased_new_listing .logo_form_details input.form-control, .purchased_new_listing .logo_form_details select.form-control {
    font-size: 14px;
    font-weight: 500;
    height: 40px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid rgba(35, 38, 55, 0.20);
    background: #FFF;
}
.purchased_new_listing h3.dimension_text {
    text-align: left;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
}
.purchased_btn_box .customsize_btn, .dimension_btn .linkbtn{
  font-size: 15.248px;
    font-style: normal;
    font-weight: 500;
    padding: 10px 15px;
    width: 100%;
    border-radius: 12.707px;
    cursor:pointer;
}
.dimension_btn {
    display: flex;
    gap: 10px;
}
.dimension_overlay:before {
  width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(35, 38, 55, 0.5);
    border-radius: 16.942px;
    z-index: 9;
}
.purchased_btn_box {
    display: flex;
    gap: 12px;
}
.dimension_overlay .logo_form_details {
    display: block;
    z-index: 9;
}
.purchased_new_listing .dimension_btn .linkbtn {
    font-size: 12.5px;
    padding: 12px 8px;
    margin-top: 8px;
}
.purchased_new_listing .logo_strip form {
    margin: 0;
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
    padding: 0 15px;
}
form.formd1.edit_purchased_form {
  bottom: auto;
    top: 10px;
    right: -4px;
    z-index: 1;
    left: auto;
    height: auto;
}
.top_action_box {
  display: flex;
    justify-content: right;
    gap: 7px;
}
.top_action_box .action_btn {
    font-size: 15.248px;
    font-style: normal;
    font-weight: 500;
    padding: 8px 16px;
    border-radius: 8.471px !important;
    border: 0.847px solid rgba(35, 38, 55, 0.20);
    background: #FFF;
    box-shadow: 0px 4.236px 15.262px 0px rgba(41, 29, 87, 0.05);
    display: flex;
    cursor: pointer;
    width: 38px !important;
    height: 37px;
    align-items: center;
    justify-content: center;
}
.edit_logo_icon.action_btn img {
    max-width: inherit;
    position: relative;
    left: 1px;
    top: -1px;
}
.new_logo_listing.purchased_new_listing .logo-action.logo_strip {
    padding: 46px 15px 48px;
}
/* new logo saved and purchased page css end here */
  
  button.delete_modal {
    padding: 0;
}
  
  .editing_tool_cntr .logo_type_details h3 {
      font-size: 15px;
  }
  .editing_tool_cntr .logo_type_details p{min-height: 75px;}
  .editing_tool_cntr .logo_type_box{padding-right:3px;}
  
  .conversion_tool_cntr .logo_type_details {
      min-height: inherit!important;
      text-align: center;
  }
  .conversion_tool_cntr .logo_type_details h3 {
      margin: 0;
  }
  
  /* Ai tool popup css start here */
  .textarea_box {
      position: relative;
  }
  .ai_modal {
      position: absolute;
      right: 13px;
      top: 37px;
      cursor: pointer;
  }
  .modal_heading {
      border-bottom: 1px solid rgb(12, 13, 24, 0.5);
  }
  
  .convert_heading {
      color: #232637;
      text-align: center;
      font-size: 36px;
      font-weight: 600;
      margin-bottom: 25px;
  }
  .conversion_tool.tool_active {
      background: var(--primary-color);
      color: #fff;
      border: 1px solid transparent;
  }
  
  .upload_box {
    border-radius: 30px;
      background: rgb(100, 60, 255, 0.05);
      border: 3px dashed rgb(100, 60, 255, 0.05);
      padding: 50px;
      display: block;
      cursor: pointer;
  }
  .upload_box p {
      color: #232637;
      font-size: 18px;
      font-weight: 500;
      padding: 20px 0;
  }
  .browse_files_btn {
      background: #fff;
      border: 0.796px solid rgba(35, 38, 55, 0.20);
      border-radius: 8.85px;
      padding: 10px 26px;
      cursor: pointer;
      box-shadow: 0px 4.425px 15.945px 0px rgba(41, 29, 87, 0.05);
  }
  .file_format {
      cursor: pointer;
      padding-left: 30px;
  }
  .file-details .btn {
    border-radius: 8.992px;
      border: 0.749px solid var(--primary-color);
      color: var(--primary-color);
      min-width: 165px;
      padding: 12px 0;
      margin:24px 10px 0;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: 0.48px;
  }
  .btn.upload-button {
      background: var(--primary-color);
      color: #fff;
      border: none;
  }
  .conversion_tool_cntr {
    display: flex;
      padding:25px 0;
      flex-wrap: wrap;
  }
  .file_upload_converion_cntr h2.premade_logo_head {
    text-align: left;
    margin-top: 4px;
}
  .conversion_tool {
      border: 0.9px solid rgba(35, 38, 55, 0.20);
      background: #fff;
      border-radius: 15px;
      color: #232637;
      font-size: 14px;
      font-weight: 600;
      padding: 14px 22px;
      margin-bottom: 15px;
      width: 202px;
      text-align: center;
      margin-right: 15px;
      position:relative;
      cursor: pointer;
  }
  .radio_tool {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      visibility: hidden;
      opacity: 0;
  }
  .converion_section .progress-bar {
      background: var(--primary-color);
      border-radius: 50px;
  }
  
      .file-name{
          font-size: 20px;
          font-style: normal;
          font-weight: 500;
          color: #232637;
          padding-bottom: 3px;
          position: relative;
          top: -7px;
  }
   .converion_section .progress-container {
    margin: 24px 0;
      position: relative;
      height: 22px;
  }
  
  .converion_section .progress-bar {
      width: 0;
      height: 100%;
      transition: width 0.3s;
  }
  
  .converion_section .progress-text {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      color: #fff;
      font-size: 15px;
      display: none;
  }
  
  .upload_sprite_icon{
  background: url(/public/assets/img/csv_icon.svg) no-repeat;
  height: 34px;
  width: 39px;
  position: absolute;
  left: 27px;
  top: 9px;
  }
  
  .pages-to-pdf .upload_sprite_icon {
      background-position: -1285px 0px;
  }
  
  .upload_sprite_icon {
      background-position: -1278px 0px;
  }
  .tool_active .upload_sprite_icon {
      background-position: -1278px -68px;
  }
  .pdf-to-docx .upload_sprite_icon {
      background-position: -1356px 0px;
  }
  .tool_active .pdf-to-docx .upload_sprite_icon {
      background-position: -1356px -68px;
  }
  .tool_active .html-to-txt span.upload_sprite_icon {
      background-position: -1138px -68px;
  }
  .html-to-txt span.upload_sprite_icon {
      background-position: -1138px 0px;
  }
  .tool_active .html-to-txt span.upload_sprite_icon {
      background-position: -1138px -68px;
  }
  .html-to-docx span.upload_sprite_icon{background-position:-1140px 0px;}
  .tool_active .html-to-docx span.upload_sprite_icon{background-position:-1140px -68px;}
  
  .tool_active .pages-to-docx span.upload_sprite_icon {
      background-position: -1289px -68px;
  }
  .pages-to-docx span.upload_sprite_icon {
      background-position: -1289px 0px;
  }
  .tool_active .pages-to-docx span.upload_sprite_icon {
      background-position: -1289px -68px;
  }
  .pages-to-jpg .upload_sprite_icon {
      background-position: -303px 0px;
  }
  .tool_active .pages-to-jpg .upload_sprite_icon {
      background-position: -303px -68px;
  }
  .docx-to-doc .upload_sprite_icon {
      background-position: -1287px 0px;
  }
  .tool_active .docx-to-doc .upload_sprite_icon {
      background-position: -1287px -68px;
  }
  
  .doc-to-xml .upload_sprite_icon {
      background-position: -1278px 0px;
  }
  .tool_active .doc-to-xml .upload_sprite_icon {
      background-position: -1278px -68px;
  }
  .docx-to-pdf .upload_sprite_icon {
      background-position: -1283px 0px;
  }
  .tool_active .docx-to-pdf .upload_sprite_icon {
      background-position: -1283px -68px;
  }
  
  .dotx-to-xml .upload_sprite_icon {
      background-position: -1282px 0px;
  }
  .tool_active .dotx-to-xml .upload_sprite_icon {
      background-position: -1282px -68px;
  }
  
  .jpg-to-png .upload_sprite_icon {
      background-position: 4px 0px;
  }
  .tool_active .jpg-to-png .upload_sprite_icon {
      background-position: 4px -68px;
  }
  .eps-to-png .upload_sprite_icon {
      background-position: -373px 0px;
  }
  .tool_active .eps-to-png .upload_sprite_icon {
      background-position: -373px -68px;
  }
  .ai-to-svg .upload_sprite_icon {
      background-position: -601px 0px;
  }
  .tool_active .ai-to-svg .upload_sprite_icon {
      background-position: -601px -68px;
  }
  .webp-to-png .upload_sprite_icon {
      background-position: -685px 0px;
  }
  .tool_active .webp-to-png .upload_sprite_icon {
      background-position: -685px -68px;
  }
  .pdf-to-jpg .upload_sprite_icon {
      background-position: -752px 0px;
  }
  .tool_active .pdf-to-jpg .upload_sprite_icon {
      background-position: -752px -68px;
  }
  .ppt-to-jpg .upload_sprite_icon, .ppt-to-pdf .upload_sprite_icon, .ppt-to-pptx .upload_sprite_icon {
      background-position: -826px 0px;
  }
  .tool_active .ppt-to-jpg .upload_sprite_icon, .tool_active .ppt-to-pdf .upload_sprite_icon, .tool_active .ppt-to-pptx .upload_sprite_icon {
      background-position: -826px -68px;
  }
  
  .heic-to-jpg .upload_sprite_icon {
      background-position:-906px 0px;
  }
  .tool_active .heic-to-jpg .upload_sprite_icon {
      background-position:-906px -68px;
  }
  .xlsx-to-jpg .upload_sprite_icon {
      background-position:-983px 0px;
  }
  .tool_active .xlsx-to-jpg .upload_sprite_icon {
      background-position:-983px -68px;
  }
  .html-to-jpg span.upload_sprite_icon {
      background-position: -1138px 0px;
  }
  .tool_active .html-to-jpg span.upload_sprite_icon {
      background-position: -1138px -68px;
  }
  .gif-to-png .upload_sprite_icon {
      background-position: -1201px 0px;
  }
  .tool_active .gif-to-png .upload_sprite_icon {
      background-position: -1201px -68px;
  }
  .numbers-to-csv .upload_sprite_icon {
      background-position: -2399px 0px;
      left: 20px;
  }
  .tool_active .numbers-to-csv .upload_sprite_icon {
      background-position: -2399px -68px;
  }
  .numbers-to-pdf .upload_sprite_icon, .pdf-to-xlsx .upload_sprite_icon, .pdf-to-pptx .upload_sprite_icon, .pps-to-pdf .upload_sprite_icon  {
      background-position: -1356px 0px;
      left: 20px;
  }
  .tool_active .numbers-to-pdf .upload_sprite_icon, .tool_active .pdf-to-xlsx .upload_sprite_icon, .tool_active .pdf-to-pptx .upload_sprite_icon, .tool_active .pps-to-pdf .upload_sprite_icon  {
      background-position: -1356px -68px;
  }
  .pps-to-pptx .upload_sprite_icon {
      background-position: -3142px 0px;
  }
  .tool_active .pps-to-pptx .upload_sprite_icon {
      background-position: -3142px -68px;
  }
  .pdf-to-pptx .upload_sprite_icon, .pps-to-pdf .upload_sprite_icon{left:32px;}
  .numbers-to-xlsx .upload_sprite_icon, .xls-to-csv .upload_sprite_icon{
      background-position: -983px 0px;
      left: 13px;
  }
  .tool_active .numbers-to-xlsx .upload_sprite_icon, .tool_active .xls-to-csv .upload_sprite_icon{
      background-position: -983px -68px;
  }
  .numbers-to-xlsx .upload_sprite_icon, .xls-to-csv .upload_sprite_icon{
      background-position: -983px 0px;
  }
  .pdf-to-xlsx .upload_sprite_icon {
      left: 34px;
  }
  .xls-to-csv span.upload_sprite_icon {
      left: 34px;
  }
  .csv-to-xlsx span.upload_sprite_icon {
      background-position: -2399px 0px;
      left: 34px;
  }
  .tool_active .csv-to-xlsx span.upload_sprite_icon {
      background-position: -2399px -68px;
  }
  .xlsx-to-csv .upload_sprite_icon, .xls-to-pdf .upload_sprite_icon, .xlsx-to-pdf .upload_sprite_icon {
      background-position: -1349px 0px;
  }
  .tool_active .xlsx-to-csv .upload_sprite_icon, .tool_active .xls-to-pdf .upload_sprite_icon, .tool_active .xlsx-to-pdf .upload_sprite_icon {
      background-position: -1349px -68px;
  }
  .key-to-pptx .upload_sprite_icon, .potx-to-pptx .upload_sprite_icon{
      background-position: -2919px 0px;
  }
  .tool_active .key-to-pptx .upload_sprite_icon, .tool_active .potx-to-pptx .upload_sprite_icon{
      background-position: -2919px -68px;
  }
  .potx-to-pptx .upload_sprite_icon {
      left: 20px;
  }
  .pptx-to-jpg .upload_sprite_icon, .pptx-to-pdf .upload_sprite_icon {
      background-position: -2919px 0px;
  } 
  .tool_active .pptx-to-jpg .upload_sprite_icon, .tool_active .pptx-to-pdf .upload_sprite_icon {
      background-position: -2919px -68px;
  } 
  /* Ai tool popup css end here */
  
  .modal-header.modal_heading {
      margin-bottom: 15px;
      border-bottom: 1px solid rgb(35, 38, 55, 0.5);
      padding: 20px 25px;
  }
  .modal_heading h1 {
      font-size: 26px;
      font-weight: 600;
      color: #232637;
      margin: 0;
  }
  .unplash_modal .modal-body {
      padding: 10px 20px 20px;
  }
  .modal-header.modal_heading {
      margin-bottom: 15px;
      border-bottom: 1px solid rgb(35, 38, 55, 0.5);
      padding: 20px 25px;
  }
  .xlsx-to-numbers .upload_sprite_icon {
      background-position: -686px 0px;
      left: 16px;
  }
  .csv-to-numbers .upload_sprite_icon, .csv-to-pdf .upload_sprite_icon, .csv-to-xls .upload_sprite_icon {
      background-position: -2399px 0px;
      left: 19px;
  }
  .csv-to-pdf .upload_sprite_icon, .csv-to-xls .upload_sprite_icon {
      left: 36px;
  }
  .xls-to-pdf .upload_sprite_icon {
      background-position: -1356px 0px;
      left: 37px;
  }
  
  /* custom desin page css start here */
  .service_price_box {
      background: #F5F3FD;
      border-radius: 40px;
      padding: 42px 15px 0;
      min-height: 790px;
      margin-bottom: 60px;
  }
  .service_price_box.popular_price_box {
      min-height: 785px;
  }
  .service_top_box h3 {
      color: #232637;
      font-family: 'Poppins', sans-serif !important;
      font-size: 24px;
      font-style: normal;
      font-weight: 700;
  }
  .service_top_box p {
      font-size: 11.5px;
  }
  .pricing_section .price_text {
      color: #232637;
      font-family: Poppins;
      font-size: 38px;
      font-style: normal;
      font-weight: 700;
  }
  h4.custom_pricing.custom_pricing_height {
      min-height: 86px;
  }
  .custom_design_heading {
      font-size: 41.617px;
      font-weight: 500;
  }
  .custom_design_heading span {
      font-weight: 700;
  }
  .custom_design_heading {
      font-size: 41.617px;
      font-weight: 500;
      margin-bottom:35px;
  }
  span.price_text sub {
      font-size: 24px;
      font-weight: 600;
      bottom: 2px;
  }
  span.discount_price {
      font-size: 24px;
      color: var(--primary-color);
      font-weight: 500;
      text-decoration: line-through;
  }
  span.off_price {
            background: linear-gradient(91.86deg, #FF3BBC -0.02%, #FF4747 98.69%);
      border-radius: 19px;
      color: #F9F9F9;
      padding: 4px 14px 3px;
      font-size: 12px;
      display: inline-block;
      margin-left: 15px;
      font-weight: bold;
  }
  .discount_price_box {
      display: flex;
      align-items: center;
  }
  .features_box.price_list_box ul {
      padding: 0;
      margin: 0;
      list-style: none;
  }
  .features_box.price_list_box {
      padding: 25px 0 0 3px;
  }
  .service_top_box {
      position: relative;
      z-index: 9;
  }
  .popular_price_box{ position: relative;  
  }
  .features_box.price_list_box li:before {
      width: 7px;
      height: 7px;
      background: var(--primary-color);
      position: absolute;
      content: "";
      top: 4px;
      left: 2px;
      border-radius: 50%;
  }
  .features_box.price_list_box li {
      font-size: 13px;
      padding-left: 20px;
      background-position: 0 2px;
      position: relative;
  }
  .pricing_section .service_top_box p {
      color: #232637;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
  }
  .price_list_box i.fa.fa-info-circle:before {
      color: var(--primary-color);
  }
  .pricing_section .service_price_box.popular_price_box span.top_strip {
      right: -2px;
      top: -2px;
  }
  .features_box.price_list_box li {
      background: none;
      position: relative;
      color: #232637;
      font-family: Poppins;
      font-size: 12px;
      font-style: normal;
      font-weight: 400;
      padding-bottom: 11px;
      padding-left: 15px;
      display: flex;
      justify-content: space-between;
  }
  .popular_price_box:before
  {
    border-width: 5px;
      content: "";
      width: 103.6%;
      height: 101%;
      position: absolute;
      top: -5px;
      left: -4px;
      border: double 5px transparent;
      border-radius: 30px;
      background-image: linear-gradient(white, white), linear-gradient(to left, #FF4747, #FF3BBC);
      background-origin: border-box;
      background-clip: content-box, border-box;
      z-index: -9;
  }
  .service_price_box.popular_price_box {
      border-radius: 26px;
  }
  .most_popular_head {
        position: absolute;
      top: -1px;
      right: -1px;
      background: linear-gradient(91.86deg, #FF3BBC -0.02%, #FF4747 98.69%);
      color: #fff;
      padding: 4px 16px;
      border-radius: 6px 23px 0px 7px;
      font-size: 16px;
      font-weight: 500;
  }
  .features_box.price_list_box li {
        font-size: 13px;
      padding-left: 20px;
      background-position:0 2px;
          position: relative;
  }
  .price_tooltip_box {
      position: absolute;
      left: 22px;
      top: -9px;
      background: rgba(52,56,76,0.9);
      padding: 15px;
      border-radius: 7px;
      z-index: 9;
      width: 221px;
      display: none;
  }
  .price_tooltip_box:before {
      width: 0;
      height: 0;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 8px solid rgba(52,56,76,0.9);
      position: absolute;
      content: "";
      top: 7px;
      left: -8px;
  }
  .price_tooltip_box p {
        color: #fff;
      font-size: 12px;
      margin: 0;
      line-height: normal;
      font-family: 'Poppins';
      font-weight: normal;
  }
   .tooltip-inner {
      font-size: 11.5px;
      background: #34384C;
      text-align: left;
      padding: 12px 12px;
      font-family: 'Poppins', sans-serif!important;
      line-height: normal;
  }
   .tooltip.right .tooltip-arrow {
    border-color: #34384C;
    /* Red */
  }
  .price_list_box i.fa.fa-info-circle {
       color: #B8B6BF;
      font-size: 14px;
      position:relative;
      top: 1px;
      left: 2px;
  }
  .price_list_box i.fa.fa-info-circle:hover .price_tooltip_box {
      display: block;
  }	
  h4.custom_pricing {
      font-size: 24px;
      font-weight: bold;
      padding-top: 12px;
      min-height: 59px;
  }
   .service_price_box .buy_btn {
      background: #FF7223;
      width: 100%;
      display: block;
      padding: 6px 8px;
      border-radius: 60px;
      margin: 14px 0 10px;
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
      border: none;
  }
  .schedule_outline_btn {
      border-radius: 61px;
      border: 2px solid #464646;
      font-size: 18px;
      color: #464646;
      width: 100%;
      padding: 7px 8px;
      display: inline-block;
      text-align: center;
  }
   .popular_price_box {
      border: 4px solid var(--primary-color);
  }
  .top_strip {
      border-radius: 15px 50px 0px 15px;
      background: var(--primary-color);
      position: absolute;
      right: 2px;
      top: 0;
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 14px;
      font-weight: 500;
      padding: 4px 28px;
  }
  .schedule_outline_btn:hover{color: #464646;}
  
  
  /* custom desin page css end here */
  
  
  /* new  Ads Creation page ui css start here */
  .generate_templete_form {
      border-radius: 20px;
      background: rgb(232, 234, 244, 0.5);
      padding:15px 20px 5px;
      margin-bottom: 15px;
  }
  .generate_templete_form input#template_text {
      border-radius: 12px;
      border: 1px solid #DCDFEB;
      background: #FFF;
      box-shadow: inherit;
      height: 60px;
      font-size: 16px;
      font-style: italic;
      font-weight: 500;
      color: rgba(0, 0, 0, 0.5);
  }
  .generate_form_box button#generate {
      font-size: 18px;
      font-weight: 500;
      border-radius: 15px;
      padding: 0px 62px;
      height: 60px;
  }
  .generate_form_box button.linkbtn.change_img {
      border-radius: 12px;
      border: 1px solid var(--primary-color);
      background: #FFF;
      font-size: 14px;
      font-weight: 500;
      color: var(--primary-color);
      padding: 17px 22px 19px;
      margin-right: 11px;
  }
  .inner_caption {
      display: flex;
      position: relative;
      font-size: 16px;
      font-style: italic;
      font-weight: 400;
      opacity: 0.75;
      align-items: center;
      padding-left: 15px;
  }
  .copy_text {
      padding-left: 20px;
      color: #643CFF;
      font-size: 16px;
      font-weight: 500;
  }
  #change_image {
      margin-left: 40px;
      color: #643CFF;
      font-size: 16px;
      font-weight: 500;
  }
  
  .form-group.search_box {
      width: 100%;
  }
  
  
  /* new  Ads Creation page ui css end here */
  
  /* social strip css start here */
  .social_strip_box {
      background: #FFEBEB;
      margin: 8px 0 0 70px;
      padding: 10px 38px;
  }
  .social_strip_box p {
      margin: 0;
      color: #232637;
      font-family: Poppins;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: 1.2px;
  }
  .click_here_social {
      color: var(--primary-color);
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 700;
      letter-spacing: 2px;
      text-decoration-line: underline;
  }
  .click_here_social:hover{color: var(--primary-color);text-decoration-line: underline;}
  .social_strip_box i.fa.fa-long-arrow-right {
      padding: 0px 10px;
      font-size: 16px;
      position: relative;
      top: 2px;
  }
  .toggle-sidebar .social_strip_box {
      margin-left: 326px;
  }
  /* social strip css end here */
  
  .video_heading {
      margin-bottom: 8px;
  }
  .video_heading .premade_logo_head {
      margin-bottom: 8px;
  }
  
  .logo_type_box {
      padding: 0 15px 0 0;
      display: block;
  }
  .logo_type_img img {
      border-radius: 15px 15px 0 0;
  }
  .logo_type_details {
      border-radius: 0px 0px 15px 15px;
      border-right: 0.901px solid rgba(35, 38, 55, 0.20);
      border-bottom: 0.901px solid rgba(35, 38, 55, 0.20);
      border-left: 0.901px solid rgba(35, 38, 55, 0.20);
      background: #FFF;
      box-shadow: 0px 5px 18.017px 0px rgba(41, 29, 87, 0.05);
      padding: 15px;
      min-height: 138px;
  }
  .logo_type_details h3 {
      color: #232637;
      font-size: 18px;
      font-style: normal;
      font-weight: 600;
  }
  .logo_type_details p {
      color: #232637;
      font-family: Poppins;
      font-size: 13px;
      font-weight: 400;
      margin: 0;
  }
  .toggle-sidebar .logo_type_details{    min-height: 150px;}
  
  .card4container .card.premadelogo_listing {
      border: 1px solid rgba(35, 38, 55, 0.10);
      background: #F6F6F6;
      box-shadow: 0px 5px 40px 0px rgba(41, 29, 87, 0.05);
      min-height: 290px !important;
  }
  .card.premadelogo_listing > a {
      width: 100%;
      height: 100%;
      display: block;
  }
  
  .card.premadelogo_listing > a img {
      width: 100%;
      height: 100%;
  }
  .category_slider_section.premade_logo_category {
      border-radius: 12px;
      border: 1px solid rgba(35, 38, 55, 0.20);
      background: #FFF;
      box-shadow: 0px 5px 20px 0px rgba(41, 29, 87, 0.05);
      padding:0;
  }
  .premade_logo_category li.item.first_item.category_active {
      border-radius: 6px 0 0 6px !important;
  }
  .premade_logo_category li.item.category_active:hover{background:var(--primary-color)!important;}
  .premade_logo_head {
      color: #232637;
      font-family: Poppins;
      font-size: 22px;
      font-weight: 600;
      margin: 0 0 1px;
  }
  .categories_text {
      opacity: 0.75;
      color: #232637;
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      display: inline-block;
      margin-bottom: 18px;
  }
  section.category_slider_section.premade_logo_category li.item a {
      padding:18px 20px;
      display: block;
      color: #232637;
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
  
  }
  .premade_logo_category .owl-carousel .owl-item{margin:0!important;}
  section.category_slider_section.premade_logo_category li.item {
      position: relative;
      border-radius: 0;
  }
  section.category_slider_section.premade_logo_category li.item:hover{background:#F4F2FF;}
  #freetrail_popup .modal-dialog {
      max-width: 900px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
  }
  
  .social_connect_list {
      display: flex;
      flex-wrap: wrap;
      list-style: none;
      padding: 0;
          margin: 0 0 5px;
  
  }
  
  .social_popup_img {
      background: #EEEBFA;
      padding:35px;
  }
  #freetrail_popup .modal-header.order_logo_box {
      padding: 0;
  }
  #freetrail_popup .modal-body {
      padding: 0;
  }
  
  .social_poupdetail_box h2 {
      color: #02040D;
      font-family: Poppins;
      font-size: 20px;
      line-height: normal;
      letter-spacing: 0.514px;
      font-weight: 600;
      margin-bottom: 10px;
  }
  .social_poupdetail_box p {
      color: #02040D;
      font-size: 14px;
      font-weight: 400;
  }
  .social_connect_list li {
      width: 33.33%;
      color: #02040D;
      font-size: 13px;
      font-style: normal;
      font-weight: 400;
      padding-bottom: 14px;
      display: flex;
      align-items: center;
  }
  .social_poupdetail_box {
      padding:25px 30px 12px 10px;
  }
  .social_connect_list li span {
      background: rgba(98, 64, 250, 0.10);
      border: 2px solid rgba(98, 64, 250, 0.20);
      width: 25px;
      height: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin-right: 8px;
  }
  
  .connect_now_btn {
      border-radius: 10px;
      background: var(--primary-color);
      width: 100%;
      display: block;
      padding: 15px 0;
      color: #FFF;
      text-align: center;
      font-family: Poppins;
      font-size: 20px;
      font-style: normal;
      font-weight: 500;
  }
  .connect_now_btn:hover{color:#fff;}
  .brandkit_pellete_box h3 {
      font-size: 18px;
      margin-bottom: 5px;
  }
  #freetrail_popup i.close.fa.fa-times.close_message {
      z-index: 9;
  }
  
  
  .mo_text {
      bottom: 0;
      font-size: 21px;
      left: -2px;
  }
  .mo_text small {
      margin-right: 2px;
  }
  
  ul#marketing {
      top: -20px;
  }
  #onesignal-bell-container.onesignal-reset.onesignal-bell-container-bottom-right {
      bottom: 12px;
      right: 79px;
  }
  .sidebar-nav ul#marketing::before{top:72%;}
  .sidebar-nav .nav-item:after, .post_arrow_submenu li:after{display:none;
      background: url(/public/assets/img/premium_icon.png)no-repeat;
      width: 20px;
      height: 20px;
      content: "";
      position: absolute;
      right: 10px;
      top: 13px;
  }
  .post_arrow_submenu li{position:relative;}
  .post_arrow_submenu li:after{right: 5px;
      top: 5px;
      background-size: 16px;
  }
  .form_input_row {
      position: relative;
  }
  .input_icon {
        position: absolute;
      top: 11px;
      left: 8px;
      color: #707070;
  }
  
  .brandkit_purchase .sidebar-nav .nav-item:after, .brandkit_purchase .post_arrow_submenu li:after{display:none;}
  .logo_purchase .sidebar-nav .nav-item:nth-child(2):after{display:none;}	
  
  
  .sidebar-nav .nav-item:nth-child(3):after, .sidebar-nav .nav-item:nth-child(4):after, .sidebar-nav .nav-item:nth-child(8):after, .sidebar-nav .nav-item:nth-child(9):after, .sidebar-nav .nav-item:nth-child(10):after, .sidebar-nav .nav-item:nth-child(11):after {
      display: none;
  }
  .plan_box.custom_plan_box h2 {
      line-height: normal;
      min-height: 93px;
  }
  .plan_list_box.custom_plan_list {
      padding-top: 29px;
  }
  #myModal_expert .modal-dialog {
      min-width: 1050px;
      top: auto;
      position: relative;
      left: auto;
      transform: inherit!important;
      margin: 15px auto;
  }
  #myModal_expert button.close {
         font-size: 24px;
      color: #000;
      opacity: 1;
      right: -14px;
      position: absolute;
      top: -14px;
      background: #e9e7e7;
      z-index: 99999;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      line-height: 27px;
      cursor: pointer;
      border: none;
  }
  #myModal_expert .modal-content {
      overflow: inherit;
  }
  #myModal_expert .modal-header, #myModal_expert .modal-body {
      padding: 0!important;
  }
  .page-item.active .page-link {
      background: var(--primary-color);
      border-color: var(--primary-color);
  }
  .page-link{color:var(--primary-color); padding:5px 15px;}
  .pagination_box {
      padding-top: 44px;
  }
  .saved_projects_cntr .card.homecard.bg-shodow.bg-img {
      padding:0 6px;
  }
  .saved_projects_cntr .careated_date span {
      padding: 6px 0 0 9px;
      font-size:10.5px;
      display: inline-block;
  }
  .careated_date label {
      font-size: 10.5px;
      font-weight: 600;
  }
  .saved_project_box {
      display: flex;
      align-items: center;
      justify-content: space-between;	
      padding-top: 8px;
  }
  .saved_project_box p {
      padding: 0!important;
      font-size: 15px;
      margin: 0;
  }
  .saved_projects_cntr .post_size {
      color: #444444;
      font-weight: 400;
      padding-left: 3px;
          font-size:10.5px;
  
  }
  
  .caption_text i.fa.fa-file {
      color: #000;
      font-size: 15px;
  }
  .caption_text:hover sup {
      display: inline-block;
  }
  .caption_text p {
      margin: 0;
   
  }
  
  
  .caption_text sup {
  display: none;
      cursor: pointer;
      font-size: 18px;
      color: #000;
      top: 4px;
      margin-left: 6px;
      position: absolute;
      right: 6px;
  }
  button.linkbtn.change_img_btn.caption_btn {
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
      color: var(--primary-color);
  }
  .caption_btn img {
      width: 26px;
      margin-right:7px;
  }
  .design_box input#template_text {
      margin-top: -11px;
  }
  .div_image {
      height: 139px;
      width: auto;
      margin: 0 auto;
  }
  .div_image form {
      height: 139px;
  }
  
  .div_image img {
      width: 100%;
      height: 100%;
  }
  .div_image form input {
      width: 100%;
      height: 100%;
  }
  .saved_projects_cntr .bg-card > p {
      font-size: 13px;
      margin-top:2px;
  }
  
  
  /* prompt css start here */
  .prompt_box {
        background: rgba(0,0,0,0.8);
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px;
      display: none;
  }
  .prompt_box p {
      font-size: 16px;
      line-height: 32px;
      font-weight: 600;
      color:#fff;
  }
  .click_prompt {
      font-weight: 600;
      border-bottom: 1px solid;
      cursor: pointer;
      padding-bottom: 2px;
      color:#fff;
  }
  .generate_design_heading {
      color: #000;
      margin: 0px 0 30px;
      font-weight: 500;
      font-size: 26px;
  
  }
  .brick_img_hover:hover .prompt_box {
      display: block;
  }
  /* prompt css end here */
  
  
   li.nav-item.videos_nav {
    display: none;
  } 
  .counter_box {  
      position: absolute;
      right: 22px;
      bottom: 14px;
      font-size: 14px;
  }
  ul.nav-content.display_menu.nav-content-sets.dropdown-menu.post_menu.ai_design {
      width: 240px;
  }
  .icon_img {
      width: 18px;
      margin-right:3px;
  }
  .logo_ad_banner {
      padding:10px 0 25px;
  }
  .d-flex.align-items-center.justify-content-between.logo_cntr_box {
      justify-content: left!important;
  }
  .video_download_icon.doc_download {
      display: flex;
      right: 7px;
      bottom: 4px;
      top: auto;
      font-size: 12px;
      width: 27px;
      height: 26px;
  }
  h2.doc_name {
    font-size: 12.7px;
      font-weight: bold;
      line-height: 19px;
      padding-top: 2px;
      text-align: left;
      padding-left: 9px;
      color: #000;
      margin: 0;
  }
  
  .card4container.business_card_container.legal_doc_cntr .card.homecard img {
       height: 190px;
      
  }
  .describe_title {
      margin-bottom: 15px;
      color: #000;
      font-size: 20px;
      font-weight: 500;
  }
  .describe_box {
      display: flex;
      position: relative;
  }
  .hover_tool_tip {
     position: absolute;
      width: 662px;
      top: 29px;
      z-index: 9;
      background: #fff;
      padding: 14px 14px 7px;
      border: 1px solid #ccc;
      border-radius: 5px;
      display: none;
      right: 0;
  
  }
  .pro_text {
      background: #f1bf17;
      color: #000;
      padding: 1px 8px 2px;
      border-radius: 10px;
      font-size: 10px;
      top: -10px;
      left: -1px;
  }
  
  .hover_tool_tip p b {
      font-weight: bold;
  }
  
  
  .hover_tool_tip p {
      font-size: 13px;
      color: #000;
      line-height: 22px;
      margin-bottom: 8px;
  }
  .circle_icon {
      margin-left: 8px;
      cursor:pointer;
      position:relative;
  }
  .design_box {
      flex: 1.5;
      margin-right: 15px;
          margin-bottom: 0!important;
  }
  .hover_tool_tip ul li {
  font-size: 12px;
      margin-bottom: 4px
  }
  .hover_tool_tip ul li b {
      color: #000;
  }
  .hover_tool_tip ul {
      padding-left: 15px;
  }
  
  span.circle_icon:hover .hover_tool_tip {
      display: block;
  }
  
  
  /* AI image page css start here  */
  .download_image_icon {
      font-size: 15px;
      color: #fff;
      position: absolute;
      top: 7px;
      right: 8px;
      background: var(--primary-color);
      width: 35px;
      height: 35px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      visibility:hidden;
      cursor: pointer;
      z-index: 99;
     border:none;	
  }
  .brick_img_hover:hover .download_image_icon {
      visibility: visible;
  }
  .form-group.image_search_box {
      max-width: 1050px;
      margin: 0 auto 42px;
      position: relative;
      border-radius: 500px;
      border: 1px solid rgba(35, 38, 55, 0.40);
      background: #FFF;
      display: flex;
      align-items: center;
  }
  div#secGeneratedAi {
      display: flex;
      justify-content: center;
  }
  .image_search_box  input[type="text"]{
      border: none;
      padding:8px 32px;
      border-radius: 25px;
      height: 62px;
      color: #232637;
      font-size: 16px;
      font-style: italic;
      font-weight: 400;
      background: none;
  }
  .counter_box.counter_box2{    bottom: 43px;
      font-size: 13px;}
   
   
  .image_search_box input[type="text"]:focus {
      outline: none;
      box-shadow: inherit;
  }
  .btn_ai_box {
      justify-content: center;
      padding-right: 7px;
  }
  .image_search_box .btn.btn-primary {
      border-radius: 25px;
      padding: 13px 33px;
      margin: 0 5px;
      width: 155px;
  }
  
  button.btn.btn-primary.generate_ai_btn {
      color: #000;
      background: none;
      border: 1px solid #e5e0e0;
  }
  button.btn.btn-primary.generate_ai_btn:hover {
      background: var(--primary-color);
      color: #fff;
  }
      
  .image_gallery_popup button.close {
      position: absolute;
      right: -13px;
      top: -14px;
      border: none;
      font-size: 21px;
      font-weight: bold;
      background: var(--primary-color);
      line-height: normal;
      width: 28px;
      height: 28px;
      display: flex;
      align-items: center;
      border-radius: 50%;
      justify-content: center;
      color: #fff;
      z-index: 9;
  }
  .image_gallery_popup .modal-header {
      padding: 0;
  }
  .image_gallery_popup .modal-body{padding: 11px;
  }
  .image_gallery_popup .brick_img_hover {
      margin: 0;
  }
  .image_gallery_popup .modal-dialog{margin:100px auto 0;     position: relative;
      left: 125px;}
      
  .image_gallery_popup .brick_img_hover img {
      width: 100%;
  }
  .image_filter_section .galley_container {
      height: auto;
      overflow: inherit;
  }
  
  /* AI image page css end here */
      
  .video_hover i.fa.fa-play {
        width: 30px;
      position: absolute;
      top: 50%;
      left: 50%;
      color: #fff;
      transform: translate(-50%,-50%);
      background: var(--primary-color);
      height: 30px;
      border-radius: 50%;
      font-size: 14px;
      align-items: center;
      justify-content: center;
      display:none;
  }
  
  .listing_loader{position: fixed;
    bottom: 0;
    left: 99%;
    width: 100%;
    z-index: 99;
    transform: translate(-90%,0);}
  
    .listing_loader span{display:block;}
  /* css load animation */
  @keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to { 
        transform: rotate(360deg);
    }
  }
  
  
  @-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
    }
    to { 
        -webkit-transform: rotate(360deg);
    }
  }
  
  .load {background:rgba(255,255,255,0.4);
    width: 50px;
    height: 50px;
    margin: 10px auto;
    border: solid 7px var(--primary-color);
  border-radius: 50%;
  border-right-color: transparent;
  border-bottom-color: transparent;
   -webkit-transition: all 0.8s ease-in;
    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s; 
    -webkit-animation-iteration-count:  infinite;
    -webkit-animation-timing-function: linear;
      
       transition: all 0.8s ease-in;
    animation-name:             rotate; 
    animation-duration:         1.0s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear; 
  }
  
  
  
  .videos_text {
      font-size: 12.5px;
      position: absolute;
      right: 1px;
      top: 13px;
      color: #202020;
      font-weight: 500;
  }
  
  .video_hover {
    cursor: pointer;
  }
  
  .loader {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
  }
  
  /* Safari */
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  
  .logo_maker_cntr {
      padding: 30px 0;
  }
  .height_logo_fixed{height:100%;}
  .create_logo_heading {
      font-size: 2.5rem;
      font-weight: 600;
      color: #202020;
      margin-bottom: 30px;
  }
  
  #social-nav li:hover .nav-content-submenu {
      display: block;
  }
  .sidebar-nav .nav-content-submenu {
      top: 47px!important;
      left: 89%!important;
  }
  .sidebar-nav ul.nav-content.nav-content2 .nav-content-submenu {
      top: 15px!important;
      left: 92%!important;
  }
  
  ul.dropdown-menu.media_hover.nav-content5, ul.dropdown-menu.media_hover.nav-content6 {
      left: 97%!important;
  }
  .para_title {
      color: #000;
      padding-top: 4px;
      display: block;
      font-size: 12px !important;
      line-height: 17px;
      font-weight: 600;
  }
  
  .mobile_menu_cntr {
      display: none;
  }
  
  
  #myUL {
      list-style-type: none;
      padding: 0;
      margin: 0;
      display: none;
      position: absolute;
      z-index: 99;
      width: 96%;
      background: #fff;
      border-radius: 0;
      overflow-y: auto;
      max-height: 213px;
  }
  
  #myUL li {cursor:pointer;
      border: 1px solid #ddd;
      margin-top: -1px;
      padding: 12px;
      text-decoration: none;
      font-size: 15px;
      color: black;
      display: block;
      padding: 10px 15px;
  
  }
    #myUL::-webkit-scrollbar {
              width: 8px;
          }
          
           
          #myUL::-webkit-scrollbar-track {
              border-radius: 12px;
              background: #fff;
          }
           
          #myUL::-webkit-scrollbar-thumb {
              border-radius: 12px;
             background: #ddd; 
          }
          
          
          
          
  
  .drop_brand {
      position: relative;
  }
  
  .drop_btn_box {
      position: absolute;
      top: 7px;
      right: 7px;
  }
  
  
  /* modal css start here */
  #loginres .modal-dialog {
      margin: 6rem auto 0;
  }
  
  .modal__content{pointer-events: auto;}
  .social-media-icn i.bi.bi-facebook.fb-clr {
      color: #3a559f;
  }
  
  .social-media-icn i.bi.bi-google.google-clr {
      color: #d74f42;
  }
  
  button.close.popupBoxxCls {
      position: absolute;
      right: 10px;
      top: 9px;
      background: #d5d5d5;
      height: 30px;
      width: 30px;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0 0 1px;
      cursor: pointer;
      border: none;
      font-size: 23px;
      line-height: 29px;
  }
  button.close.popupBoxxCls:hover {
      background: #c5c5c5;
  }
  
  /* modal css end here */
  
  
  
  .form-group.has-search.category_seach {
      position: absolute;
      width: 212px;
      right: 0;
      top: -48px;
  }
  .category_slider_section{position:relative;}
  .category_seach button.btn {
      position: absolute;
      top: 4px;
      left: 8px;
      width: 27px;
      height: 28px;
  }
  
      .brandkit_dropdown_box .dropdown-toggle::after {
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 0.255em;
      vertical-align: 0.255em;
      content: "";
      border-top: 0.3em solid;
      border-right: 0.3em solid transparent;
      border-bottom: 0;
      border-left: 0.3em solid transparent;
  }	  
  .brandkit_dropdown_box button.dropdown-toggle {
    background: #fff;
      padding: 6px 10px;
      border-radius: 4px;
      margin: 0 auto 0;
      display: flex;
      text-align: left;
      min-width: 189px;
      justify-content: space-between;
      align-items: center;
      position: relative;
      top: 0;
      color: #000;
      border: 1px solid #e5e0e0;
      font-size: 14px;
  }
  
  .specific_cover_page .card.homecard img.social_image {
      width: auto;
  }
  
  .brandkit_dropdown_box .dropdown-menu{
  min-width: inherit;
      border-radius: 10px;
      display: block;
      padding: 0;
      border-top: none;
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.20);
      background: rgba(255, 255, 255, 0.50);
      position: relative;
      top: 23px;
      left: 0;
      margin: 0 18px 0 13px;
      box-shadow: inherit;	
  }	
  .brandkit_dropdown_box .dropdown-menu a.dropdown-item {
   display: flex;
      align-items: center;
      justify-content: space-between;
      color: #414454;
      font-family: Poppins;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
  }
  .add_brandkit_btn {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary-color);
    font-size: 16px;
    font-style: normal;
    border: 1px solid rgba(100, 60, 255, 0.10);
    font-weight: 500;
    border-radius: 10px;
    background: rgba(100, 60, 255, 0.05);
    min-width: 150px;
    margin: auto;
  }
  .add_brandkit_btn img {
    margin-right: 6px;
}
.add_brand_box {
    border-top: 2px solid #CFD2DF;
    margin:8px 13px 0;
    padding:20px 0 20px;
}
  .add_brandkit_btn i.fa.fa-plus {
      width: 18px;
      height: 18px;
      border: 2px solid var(--primary-color);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      margin: 0 9px;
      color:var(--primary-color);
  }
  .brandkit_dropdown_box a.dropdown-item i {
      font-size: 13px;
      margin-right: 0;
      color:#706f6f;
  }
    button.delete_modal {
      background: none;
      border: none;
      font-size:11px;
  }
  
  
  button.close.delete_brandkit_close {
      position: absolute;
      top: -13px;
      right: -10px;
      border: none;
      font-size: 27px;
      background: var(--primary-color);
      width: 28px;
      height: 28px;
      border-radius: 50%;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 999;
  }
  #delete_brandkit .modal-body {
      text-align: center;
      padding: 25px 0;
  }
  #delete_brandkit .modal-body p {
      font-size: 20px;
      font-weight: bold;
      color: #000;
  }
  #delete_brandkit .modal-header {
      border: none;
      padding: 0;
  }
  #delete_brandkit .modal-dialog {
      max-width: 403px;
      margin: 15rem auto 0;
  }
  button.delete_brandkit {
      background: var(--primary-color);
      border: none;
      color: #fff;
      padding: 8px 30px;
      border-radius: 4px;
      font-size: 16px;
  }
  li.nav-item.brandkit_menu_item {
      border-top: 1px solid #ccc;
      margin-top: 40px;
      border-radius:0;
  }
  
  .dropdown.brandkit_dropdown_box {
      display: flex;
      align-items: center;
      padding-top: 24px;
      z-index:1;
  }
  .brandkit_dropdown_box img {
         width: 20px;
      margin-left: 8px;
  }
  
  a {
    color: #aaa;
    text-decoration: none;
  }
  
  a:hover {
    color: #717ff5;
    text-decoration: none;
  }
  
  
  
  img {
    max-width: 100%;
    border: 0;
  }
  
  
  .flex {
    display: flex;
  }
  
  .justify-between {
    display: flex;
    width: 100%;
    justify-content: space-between;
  }
  
  .flex-v-center {
    align-items: center;
  
  }
  
  .logo-action {
    padding-top: 10px;
  }
  
  .logo-action button {
    font-size: 13px;
    font-weight: bold;
  }
  
  .linkbtn {
    background: transparent;
    border: 0;
    outline: none;
  }
  .cancel_subscription{
      color: var(--primary-color);
      text-align: center;
      margin: 0;
  }
  .cancel_subscription a{color: var(--primary-color); text-decoration:none;     border-bottom: 1px solid var(--primary-color);
  }
  
  .linkbtn label {padding-left:5px; font-size:14px;
    padding-right: 20px;
  }
  
  .cpick-sm {
    border: 0;
    width: 20px;
    height: 15px;
    outline: none;
  }
  
  .search_box span.fa.fa-search.form-control-feedback {
      display: none;
  }
  /*--------------------------------------------------------------
  # Main
  --------------------------------------------------------------*/
  #main {
    margin-top: 30px;
    padding:12px 30px 20px;
    background-color: #fff;
    transition: all 0.3s;
  }
  
  @media (max-width: 1199px) {
    #main {
      padding:5px 20px 30px;
    }
  }
  
  /*--------------------------------------------------------------
  # Page Title
  --------------------------------------------------------------*/
  .pagetitle {
    margin-bottom: 10px;
  }
  
  .pagetitle h1 {
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
    color: var(--primary-color);
    display:none;
  }
  main.main.home_title .pagetitle h1 {
         font-size: 28px;
      padding-top: 15px;
      margin-bottom: 15px;
      display:block;
  }
  
  .home_title .pagetitle.logo_files_heading h1.logo_title {
      padding-top: 0;
  }
  
  .post_menu ul.dropdown-menu.media_hover.post_dropdown_cntr::before {
      top: 27%;
  }
  
  
  
  
  
  .category_slider_section ul.owl-carousel {
      padding: 0;
      list-style: none;
      margin: 0;
  
  }
  
  .category_slider_section {
      padding: 10px 5px 16px;
  }
  
  .category_slider_section li.item {
      cursor: pointer;
      text-align: center;
      border-radius: 6px;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
  
  }
  .category_slider_section .owl-nav button {
      border-radius: 6px;
      font-size: 32px!important;
  }
  .category_slider_section .owl-nav button span {line-height:28px;
      display: block;
  }
  .category_slider_section button.owl-prev.disabled, button.owl-next.disabled {
      display:none;
  }
  
  .category_slider_section button.owl-prev, button.owl-next {
     display:block;
  }
  .category_slider_section button.owl-prev {
      position: absolute;
      left: -19px;
      top: 9px;
  }
  .category_slider_section button.owl-next {
      position: absolute;
      right: -20px;
      top: 9px;
  }
  li.item.category_active {
  background: var(--primary-color);
  }
  li.item.category_active a{color: #fff!important;}
  .category_slider_section li.item a {
      color: #202020;
      padding: 12px 25px;
      display: block;
  }
  .category_slider_section li.item:hover{ background: rgba(28, 28, 31, 0.1);}
  
  
  /* customise templete popup css start here */
  .modal-header.order_logo_box {
      display: inline;
  }
  .custom_brandkit_form{padding:0 0 20px;}
  .custom_brandkit_form .form-control{    border-radius: 5px;
      -webkit-appearance: auto;
      -moz-appearance: auto;
      appearance: auto;
      padding-left: 10px;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      padding-left: 30px;
      }
  
  .custom_brandkit_form input[type="file"]{padding-left:10px;}
      
  .custom_brandkit_form select {
      padding-left: 6px!important;
  }
  
  #customise_templete .modal-dialog {
      margin:100px auto 1.75rem;
      max-width: 500px
  }
  .custom_brandkit_form textarea.form-control {
      height: 130px;
  }
  button.btn.btn-primary.customise_subnit {
        position: relative;
      font-size: 16px;
      top: 10px;
      background: var(--primary-color);
      padding: 6px 30px;
      border-radius: 4px;
      font-weight: 600;
  
  }
  #customise_templete .modal-content {
      border-radius:20px;
      padding:20px;
  }
  .custom_brandkit_form .form-group {
      margin-bottom: 1rem;
  }
  .custom_brandkit_form label {
    margin-bottom: 4px;
      color: #6A6A6A;
      font-size: 16px;
      font-style: normal;
      font-weight: 500;
  
  }
  #customise_templete .modal-header {
      padding: 0;
  }
  #customise_templete button.close {
      cursor: pointer;
      font-size: 30px;
      position: absolute;
      right: -14px;
      top: -12px;
      width: 38px;
      height: 37px;
      border-radius: 50%;
      background: var(--primary-color);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      border: none;
  }
  .template_btn_box {
      position: absolute;
      right: 0;
      top: -6px;
      display: flex;
      align-items: center;
  }
  .blank-template {
      color: var(--primary-color);
      font-size: 15px;
      line-height: 16px;
      background: none;
      border:none;
  }
  
  a.canvas-link.blank-template {
      padding-right: 12px;
      border-right: 1px solid #ccc;
      margin-right: 7px;
  }
  
  .custom_templete_btn {
      font-size: 15px;
      background: no-repeat;
      border: none;
      box-shadow:inherit; 
      outline:none;
      background: var(--primary-color);
      color: #fff;
      padding: 7px 19px 8px;
      border-radius: 5px;
     margin-left: 10px;
  }
  
  .template_btn_box .custom_templete_btn:hover{background: var(--primary-color); color:#fff;}
  .custom_templete_btn:hover, .custom_templete_btn:focus {
      color: var(--primary-color);
      background: none;
      box-shadow:inherit; 
      outline:none;
  }
  #customise_templete .modal-header h4 {
       margin: 0;
      color: #000;
      font-size: 22px;
      font-style: normal;
      font-weight: 600;
  }
  .modal-header.order_logo_box p {
      color: #6A6A6A;
      font-size: 18px;
      font-style: normal;
      font-weight: 500;
  }
  
  #customise_templete .modal-header {
      padding:15px 14px 0px;
  }
  /* customise templete popup css end here */
  
  a.canvas-link.bank-template.create_templete_btn {
   padding-top: 120px;
   color: var(--primary-color);
   font-weight: 600;
  }
  .create_templete_btn i.fa.fa-plus {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 7px;
  }
  
  .sidebar-nav .nav-link img.aiwriting_icon {
    width: 25px;
    top: -4px;
    left: -1px;
  }
  
  
  /*--------------------------------------------------------------
  # Back to top button
  --------------------------------------------------------------*/
  .back-to-top {
      position: fixed;
      visibility: hidden;
      opacity: 0;
      right: 18px;
      bottom: 90px;
      z-index: 99999;
      background: var(--primary-color);
      width: 27px;
      height: 27px;
      border-radius: 4px;
      transition: all 0.4s;
  }
  
  .back-to-top i {
      font-size: 23px;
      color: #fff;
      line-height: 0;
  }
  
  .back-to-top:hover {
    background: #6776f4;
    color: #fff;
  }
  
  .back-to-top.active {
    visibility: visible;
    opacity: 1;
  }
  
  /*--------------------------------------------------------------
  # Override some default Bootstrap stylings
  --------------------------------------------------------------*/
  /* Dropdown menus */
  .dropdown-menu {
    border-radius: 4px;
    padding: 10px 0;
    -webkit-animation-name: dropdown-animate;
    animation-name: dropdown-animate;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    border: 0;
    box-shadow: 0 5px 30px 0 rgba(82, 63, 105, 0.2);
    z-index:999999;
  }
  
  .dropdown-menu .dropdown-header,
  .dropdown-menu .dropdown-footer {
    text-align: center;
    font-size: 15px;
    padding: 10px 25px;
  }
  
  .dropdown-menu .dropdown-footer a {
    color: #444444;
    text-decoration: underline;
  }
  
  .dropdown-menu .dropdown-footer a:hover {
    text-decoration: none;
  }
  
  .dropdown-menu .dropdown-divider {
    color: #a5c5fe;
    margin: 0;
  }
  
  .dropdown-menu .dropdown-item {
    font-size: 14px;
    padding: 10px 15px;
    transition: 0.3s;
  }
  
  .dropdown-menu .dropdown-item i {
    margin-right: 10px;
    font-size: 18px;
    line-height: 0;
  }
  
  .dropdown-menu .dropdown-item:hover {
    background-color: #f6f9ff;
  }
  
  @media (min-width: 768px) {
    .dropdown-menu-arrow::before {
         content: "";
      width: 13px;
      height: 13px;
      background: #fff;
      position: absolute;
          top: -7px;
      right: 7px;
  
      transform: rotate(45deg);
      border-top: 1px solid #eaedf1;
      border-left: 1px solid #eaedf1;
      z-index:-1;
      
    }
  }
  
  @-webkit-keyframes dropdown-animate {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  
    0% {
      opacity: 0;
    }
  }
  
  
  @keyframes dropdown-animate {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  
    0% {
      opacity: 0;
    }
  }
  
  /* Light Backgrounds */
  .bg-primary-light {
    background-color: #cfe2ff;
    border-color: #cfe2ff;
  }
  
  .bg-secondary-light {
    background-color: #e2e3e5;
  
    border-color: #e2e3e5;
  }
  
  .bg-success-light {
    background-color: #d1e7dd;
    border-color: #d1e7dd;
  }
  
  
  .bg-danger-light {
    background-color: #f8d7da;
    border-color: #f8d7da;
  }
  
  .bg-warning-light {
    background-color: #fff3cd;
    border-color: #fff3cd;
  }
  
  .bg-info-light {
    background-color: #cff4fc;
    border-color: #cff4fc;
  }
  
  .bg-dark-light {
    background-color: #d3d3d4;
    border-color: #d3d3d4;
  }
  
  
  
  
  
  
  
  /* .card4container {
      
       display: grid;
      grid-template-columns: auto auto auto auto; 
      gap: 24px;
  }
   */
   
  /* canvas css start here */
   .card4container a.canvas-link canvas {
      width: 100%;
      height: 100%;
  }
  /* canvas css end here */
  
  /* post Card  css start*/
  
  /* height grid css start */
  .card4container.align-items-top.facebook-posts .card {
      min-height: 276px!important;
  }
  
  .card4container.align-items-top.linkedin-posts .card {
      min-height: 329.67px!important;
  }
  .card4container.align-items-top.pinterest-pins .card {
      min-height: 494.51px!important;
  }
  
  
  .card4container.align-items-top.large-rectangle-ads .card {
      min-height: 301.66px!important;
  }
  
  
  ul#social-nav span {
      padding-left: 6px;
  }
  
  
  /* height grid css */
  
  
  .card4container.align-items-top.instagram-posts .card, .card4container.align-items-top.instagram-ads .card, .card4container.align-items-top.social-post-sets .card, .card4container.align-items-top.social-and-display-design-sets .card{min-height:329.67px !important;}
  .card4container {
       display: grid;
      /* grid-template-columns:repeat(auto-fit, minmax(309px, 0.25fr)); */
      grid-template-columns:repeat(6, auto);
      gap: 1.5rem;
  }
    .card4container.logo-card-container {
        /* grid-template-columns:repeat(auto-fit, minmax(309px, 0.25fr)); */
        grid-template-columns: repeat(auto-fit, minmax(200px, 0.2fr));
    }
  
  /* flayers and posters */
  .card4container.align-items-top.flyers {
      grid-template-columns:repeat(auto-fit, minmax(309px, 0.35fr));
  }
  .card4container.align-items-top.posters{ grid-template-columns::repeat(auto-fit, minmax(309px, 0.35fr));}
  
  
  .card4container.align-items-top.flyers .card {
      min-height: 310px!important;
  }
  .card4container.align-items-top.posters .card{
      min-height: 339.75px!important;
  }
  
  /* player and posters css end */
  
  .card4container.align-items-top.invoices {
      grid-template-columns:repeat(auto-fit, minmax(309px, 0.35fr));
  }
  .card4container.align-items-top.letterheads{ grid-template-columns: repeat(auto-fit, minmax(309px, 0.35fr));}
  
  .card4container.align-items-top.invoices .card {
      min-height:310.26px!important;
  }
  .card4container.align-items-top.letterheads .card{
      min-height: 310.26px!important;
  }
  
  .card4container .card {
      min-height: 274.73px!important;
      margin: 0;
      max-width: inherit;
  /* 	box-shadow: rgb(0 0 0 / 34%) 0px 3px 10px 0px, rgb(0 0 0 / 10%) 0px 0px 0px 0px;
   */
       border-radius: 0;
       box-shadow: rgb(0 0 0 / 4%) 0px 10px 14px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
       
  }
  .twitter-posts .card {min-height: 164.84px!important;  margin: 0;max-width: inherit; 
  box-shadow: rgb(0 0 0 / 4%) 0px 10px 14px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;}
  
  .card4container a.canvas-link {
      display: block;
      height: 100%;
  }
  .card4container .canvas-container{
      width: 100% !important;
      /* height: 300px !important; */
      height: 200px !important;
     
  }
  .card4container .canvas-container canvas {
     /* max-width: 100% !important; */
      height: 100% !important;
         width: 100% !important;
  
  }
  /* post Card  css end */
  
  .card4container .bg-card p {
      padding-top: 15px;
  }
  
  
  
  /* cover Card  css start*/
  .card2container.align-items-top.social-covers{grid-template-columns: repeat(auto-fit, minmax(355px, 0.5fr)); gap: 24px;}
  .social-covers .card {
      max-width: inherit;
      
      margin: 0;
  }
  .social-covers .card.homecard.bg-shodow.bg-img img {
      height: 100%;
  }
  /* cover card  css end*/
  
  /* facebook add Card  css start*/
  
  .card4container.align-items-top.facebook-ads .card {
      min-height: 172.53px!important;
      
  }
  
  
  /* facebook add Card  css end*/
  
  /* leaderboard add Card  css start*/
  
  .card4container.align-items-top.leaderboard-ads .card {
      min-height: 63px!important;
  }
  
  .card4container.align-items-top.leaderboard-ads {
      grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  }
  
  
  /* leaderboard add Card  css end*/
  
  
  
  /* logo strip css start */
  .logo_strip{ padding: 5px 10px; background: var(--primary-color);}
  .logo_strip button{color: #fff; font-weight: 600;}
  
  /* logo strip css end */
  
  /* left menu active css  */
  .sidebar-nav .nav-link.active {
      background: #f4f8f9e0;
      color: var(--primary-color);
  }
  
  /* left menu active css  */
  
  /* instagram form css */
  
  #newform .form-floating>label {
      left: 0;
  }
  
  /* instagram form css */
  
  /* home css start*/
  .pagetitle.logo_files_heading h1 {
      padding: 0;
  }
  /* .toggle-sidebar section.section.fullwidth_center_container {
      max-width: 1100px;
      margin: 0 auto;
  } */
  
  
  /* home css end */
  
  button.linkbtn.change_img_btn {font-size:14px;
      display: flex;
      align-items: center;
      padding: 0!important;
  }
  
  .card.homecard img.social_image {
      width: 160px;
  }
  
  
  /* cards css start here */
  .card4container.align-items-top.cards .card {
      min-height: 235.47px!important;
  }
  /* cards css start here */
  
  
  .card4container .card.logo-listing .canvas-container canvas {
      object-fit: cover;
  }
  
  
  
  /* download dropdown css start */
  .dropdown-menu.download_dropdown {
        border: none;
      box-shadow: 0px 2px 4px 1px #ccc;
      min-width: 6.5rem;
      left: -15px!important;
      border-radius: 8px;
      padding: 0;
      top: 8px!important;
  }
  .download_dropdown i {
      margin-right: 3px;
  }
  .download_btn i.fa.fa-angle-down {
      position: relative;
      left: 17px;
      font-size: 18px;
      top: 2px;
  }
  .logo_strip i.fa.fa-angle-down {
      position: relative;
      left: 10px;
  }
  
  
  
  .download_dropdown a.dropdown-item svg {
        position: relative;
      top: -1px;
      width: 18px;
  }
  .download_dropdown i {
      float: right;
      position: relative;
      top: 12px;
      color: #3c3c3c;
      font-size: 13px!important;
      left: 5px;
  
  }
  
  .download_dropdown a.dropdown-item {
         padding: 4px 7px 3px;
      font-weight: 600;
      font-size: 11px;
      border-bottom: 1px solid #cccccc73;
  }
  
  .download_dropdown a.dropdown-item:last-child{border:none;}
  
     .logo_strip a.linkbtn {
      font-weight: normal;
      color: #fff!important;
      font-size: 13px;
  } 
  .logo_strip i.fa.fa-angle-down {
      position: relative;
      left: 10px;
  }
  
  
  /* download dropdown css end
   */
  .logo_strip form {
      margin: 0;
  }
  
  .card {
    margin-bottom: 30px;
    border: none;
    border-radius: 8px;
    /*Delete Padding 15px - 25/05/2022 */ 
     /*Delete min-height: 180px; - 25/05/2022 */ 
    min-height: 140px;
    text-align: center;
    font-weight: bold;
    color: #000;
    background-color: #fff;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.46) 0px 10px 36px 0px,
      rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  }
  
  .homecard {
    box-shadow: 20px 20px 50px 10px lightskyblue inset;
  }
  .bg-card p{
      color:#000;
      font-weight:600;
      margin-bottom: 2px;
  }
  .bg-card span{
      
      margin-bottom: 2px;
      font-size: 13px;
  }
   
  .bg-img:hover{
          background: linear-gradient(-135deg, rgb(248, 248, 250), rgb(244, 245, 246));
  }
  .logo_content{
       
      display:block;
      font-weight:bold;
  }
  
  .card-header,
  .card-footer {
    border-color: #ebeef4;
    background-color: #fff;
    color: #798eb3;
    padding: 15px;
  }
  
  .card-title {
    padding: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 500;
    color: #012970;
    font-family: "Poppins", sans-serif;
  }
  
  .card-title span {
    color: #899bbd;
    font-size: 14px;
    font-weight: 400;
  }
  
  .card-body {
    padding: 0 20px 20px 20px;
  }
  
  .card-img-overlay {
    background-color: rgba(255, 255, 255, 0.6);
  }
  
  /* Alerts */
  .alert-heading {
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
  }
  
  /* Close Button */
  .btn-close {
    background-size: 25%;
  }
  
  .btn-close:focus {
    outline: 0;
    box-shadow: none;
  }
  #localize-widget.localize-right-top, #localize-widget.localize-left-top{top:10px!important;}
  /* Accordion */
  .accordion-item {
        border-bottom: 1px solid #ebeef4 !important;
  }
  .accordion-item {
   
      border: unset;
  }
  .accordion-button:focus {
    outline: 0;
    box-shadow: none;
  }
  .accordion-button::after {
      margin-left: 16px;
  }
  
  .accordion-button:not(.collapsed) {
    color: #012970;
    background-color: #f6f9ff;
  }
  
  .accordion-flush .accordion-button {
    padding: 15px 0;
    background: none;
    border: 0;
  }
  
  .accordion-flush .accordion-button:not(.collapsed) {
    box-shadow: none;
    color: var(--primary-color);
  }
  
  .accordion-flush .accordion-body {
    padding: 0 0 15px 0;
    color: #3e4f6f;
    font-size: 15px;
  }
  
  /* Breadcrumbs */
  .breadcrumb {
    font-size: 14px;
    color: #899bbd;
    font-weight: 500;
    margin-bottom: 0.5rem;
  }
  .breadcrumb li:last-child{color:#232637; font-weight:600;}
  
  .breadcrumb a {
    color: #899bbd;
    transition: 0.3s;
    text-transform: capitalize;
  }
  
  .breadcrumb a:hover {
    color: #51678f;
  }
  
  .breadcrumb .breadcrumb-item::before {
    color: #899bbd;
  }
  
  .breadcrumb .active {
    color: #51678f;
    font-weight: 600;
  }
  
  /* Bordered Tabs */
  .nav-tabs-bordered {
    border-bottom: 2px solid #ebeef4;
  }
  
  .nav-tabs-bordered .nav-link {
    margin-bottom: -2px;
    border: none;
    color: #2c384e;
  }
  
  .nav-tabs-bordered .nav-link:hover,
  .nav-tabs-bordered .nav-link:focus {
    color: var(--primary-color);
  }
  
  .nav-tabs-bordered .nav-link.active {
    background-color: unset;
    color: var(--primary-color);
    border-bottom: 2px solid var(--primary-color);
  }
  
  .tab-content {
    padding-top: 46px
  }
  
  /*--------------------------------------------------------------
  # Header
  --------------------------------------------------------------*/
  .logo {
    line-height: 1;
  }
  
  
  .logo img {
    max-height: 36px;
    margin-right: 6px;
  }
  
  .logo span {
    font-size: 17px;
    font-weight: 700;
    color: #012970;
        margin-right: 37px;
  
  }
  
  .header {
    transition: all 0.5s;
    z-index: 997;
    height: 48px;
    box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
    background-color: #fff;
    padding-left: 8px;
    /* Toggle Sidebar Button */
    /* Search Bar */
  }
  
  /* .header .toggle-sidebar-btn {
    font-size: 32px;
    padding-left: 40px;
    cursor: pointer;
    color: #012970;
  }  */
  .card4container .card.homecard.bg-shodow.bg-img {
      min-height: 223px!important;
  }
  
  
  /* new side bar css start here */
  
  .toggle-sidebar .toggle-sidebar-btn{right:0;}
  .toggle-sidebar .sidebar-nav .nav-link span {
      font-size: 13.5px;
  }
  .product_menu_bar {
      margin: 0;
      padding: 0;
      list-style: none;
      border-radius: 500px;
      background: rgba(255, 255, 255, 0.50);
      display: inline-block;
  }
  .brandki_menu_icon {
      display: block;
  }
  .left_strip_panel {
      background: #DCDFEB;
      position: fixed;
      top: 0;
      left: 0;
      height: 100vh;
      width: 70px;
      z-index: 99;
      padding: 10px 15px;
      text-align: center;
  }
  .product_menu_bar span {
      border-bottom: 1px solid #ccc;
  }
  .brandki_menu_icon {
      display: block;
      background: rgba(255, 255, 255, 0.50);
      border-radius: 6px;
      margin: 15px 0;
      cursor: pointer;
      position: relative;
  }
  .product_menu_bar span:last-child{border:none;}
  .product_menu_bar span {
      padding:12px 5px;
      display: block;
      cursor: pointer;
       position: relative;
  }
  .newsubmenu_bar {
      padding: 0;
      display: none;
  }
  .sidebar-nav .newsubmenu_bar li a {
      font-size: 14px;
      border-bottom: 1px solid #CFD2DF;
      border-radius: 0;
      padding: 9px 0;
      margin: 0 20px;
  }
  .sidebar-nav .newsubmenu_bar li:last-child a{border:none;}
  .sidebar-nav .accordion-item {
      border: none !important;
      background: none;
      border-radius: 0;
  }
  .sidebar-nav li.active > a {
      color: var(--primary-color);
  }
  .sidebar-nav li.active > a .arrow-right {
      transform: rotate(90deg);
      color: var(--primary-color);
  }
  .sidebar-nav .submenu_bar li a {
      font-size: 13px;
      border: none;
      padding: 6px 0;
  }
  .submenu_bar {
      padding: 3px 0 4px 10px;
  }
  li.dropdown-submenu.parent.active {
      background: none;
      border: none;
      border-radius: 0;
  }
  .inner_menubar{display:none;}
  .dropdown.brandkit_dropdown_box.inner_menubar{display:none;}
  
  .designtool_btn.toggle_pannel {
  background: url(/public/assets/img/designtool_spirit_icon.svg) no-repeat;
      height: 50px;
      background-position: 7px -40px;
      width: 40px;
  }
  .smm_btn.toggle_pannel {
      background: url(/public/assets/img/designtool_spirit_icon.svg) no-repeat;
      height: 50px;
      background-position: 7px -40px;
      width: 40px;
  }
  .brandki_menu_icon.toggle_pannel {
      background:rgba(255, 255, 255, 0.50) url(/public/assets/img/brandkit_spirit_icon.svg) no-repeat;
      height: 40px;
      background-position: 7px 9px;
      width: 40px;
  }
  .brandki_menu_icon.toggle_pannel.active_product_menu {
      background-position: 7px -35px;
  }
  .smm_btn.toggle_pannel {
      background-position:-63px -43px;
  }
  .designtool_btn.toggle_pannel.active_product_menu {
      background-position: 7px 12px;
  }
  .smm_btn.toggle_pannel.active_product_menu {
      background-position: -63px 9px;
  }
  .menu_hovet_tooltip p {
      color: #232637;
      text-align: center;
      font-family: Poppins;
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      margin: 0;
  }
  
  .menu_hovet_tooltip {
      position: absolute;
      top: 3px;
      right: -233px;
      border-radius: 6.004px;
      border: 0.869px solid #DCDFEB;
      background: #FFF;
      min-width: 220px;
      padding: 10px 0;
      visibility: hidden;
      opacity: 0;
      transition: 0.3s;
  
  }
  .designtool_btn .menu_hovet_tooltip {
      min-width: 115px;
      right: -128px;
  }
  .brandki_menu_icon .menu_hovet_tooltip {
      min-width: 100px;
      right: -114px;
      top: 0;
  }
  .menu_hovet_tooltip:before {
      width: 0;
      height: 0;
      position: absolute;
      content: "";
      left: -10px;
      border-top: 8px solid transparent;
      border-bottom: 8px solid transparent;
      border-right: 10px solid #fff;
      top: 11px;
  }
  .left_strip_panel span:hover .menu_hovet_tooltip {
      visibility: visible;
      opacity: 1;
  }
  .toggle-sidebar .left_strip_panel span:hover .menu_hovet_tooltip{display:none;}
  .sidebar_close {
      cursor: pointer;
      font-size: 29px;
      position: absolute;
      right: 12px;
      top: 11px;
      width: 34px;
      height: 33px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
      color: #414454;
      z-index: 9;
      background: #fff;
  }
  .sidebar_heading {
      color: var(--primary-color);
      font-family: Poppins;
      font-size: 15px;
      font-style: normal;
      font-weight: 600;
      color: #232637;
      padding: 0 0 0 9px;
      position: relative;
      margin-bottom: 35px;
  }
  .sidebar_heading:before {
      width: 207px;
      height: 1px;
      position: absolute;
      content: "";
      bottom: -17px;
      left: 9px;
      opacity: 0.5;
      background: linear-gradient(90deg, #232637 0%, #E8EAF4 100%);
  }
  .sidebar_heading span{color:var(--primary-color);}
  li.dropdown-submenu.parent i.bi.bi-chevron-right.arrow-right {
      top: 10px;
  }
  .sidebar-nav li:hover {
      border-radius: 10px;
      background: rgba(255, 255, 255, 0.50);
  }
  .sidebar-nav li a:hover {
      color: var(--primary-color);
  }
  /* new side bar css end here */
  
  
  
  /* skyscraper-ads css start here  */
  
  .card4container.align-items-top.skyscraper-ads {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap:43px;
  }
  .skyscraper-ads .card {
      min-height:862.50px!important;
      max-width: inherit!important;
  }
  
  /* skyscraper-ads css end here  */
  
  
  /* purposal css start here */
  .card4container.align-items-top.proposals .card {
      min-height: 426.62px!important;
  }
  /* purposal css end here */
  
  
  
  
  .header .search-bar {
    min-width: 360px;
    padding: 0 20px;
  }
  .tooltip > .tooltip-inner {
      font-size: 12px;
      font-family: "Open Sans", sans-serif!important;
  }
  .linkbtn .fa-info-circle:before{color: var(--primary-color);
      position: relative;
      top: -2px;
      right: 3px;
          font-size: 10px;
  
  }
  
  /* post media css start
   */
   
   
  /* purchased logos css start here */
  
  h3.dimension_text {
         font-size: 20px;
      text-align: center;
      margin-bottom: 15px;
  }
  .logo_form_details .form-group {
      margin-bottom: 10px;
  }
  button.btn.btn-primary.download_logo_btn {
     position: relative;
      font-size: 13px;
      top: 10px;
      background: var(--primary-color);
      padding: 4px 13px;
      border-radius: 0;
      font-weight: 600;
  }
  .card4container.align-items-top.purchased_logo_cntr {
      grid-template-columns: repeat(auto-fit, minmax(243px, 0.3fr)); gap:30px 21px;
  }
  .logo_form_details {
      background: #f1f1f19e;
      position: relative;
      left: -20px;
      padding: 13px 11px;
      width: 263px;
      box-shadow:rgb(0 0 0 / 4%) 0px 10px 14px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
  }
  .logo_form_details select.form-control {
    appearance: auto;
      font-size: 12px;
      border-radius: 0;
      height: 31px;
      padding: 0 2px;
      background: #fff;
      color: #5f5d5d;
  
  }
  .logo_form_details input.form-control {
           font-size: 12px;
      border-radius: 0;
      height: 30px;
      padding: 0 6px;
  }
  .card4container.align-items-top.purchased_logo_cntr .card a {
      height: 100%;
  }
  .card4container.align-items-top.purchased_logo_cntr .card{min-height:255px!important;}
  
  /* purchased logos css end here */
  img.tl_icon {
      width: 18px;
  }
  
  /* Account setting page css here */
  .account_form button.accordion-button {
  
      justify-content: space-between;
  }
  .account_setting_box ul {
      list-style: none;
      padding: 0;
      margin:0;
      display: flex;
      justify-content: space-between;
      align-items:center;
      
  }
  .account_setting_box li {
      width: 25%;
      font-size: 15px;
      text-align: center;
      padding-bottom: 10px;
      font-weight: 500;
      font-family: "Open Sans", sans-serif;
  }
  .account_setting_box.subscription_box li {
      width: auto;
      text-align: left;
  }
  .account_setting_box li:first-child {
      text-align: left;
  }
  
  .account_setting_box li a {
      color: #0c63e4;
      float: right;
  }
  .account_setting_box:last-child {
      border: none;
  }
  
  .account_setting_box {
  /*     border-bottom: 1px solid #ccc;
   */    padding: 12px 0 0;
  }
  
  .lable-form.customerinfo_form .input-field {
      width: 100%;
      margin: 0;
  }
  .accordion-body .lable-form.customerinfo_form .input-field {
      width: 100%;
      margin: 0;
      font-size: 14px;
      height: 36px;
      padding-left: 10px;
      background:none;
      margin-bottom:15px;
  }
  .accordion-body .lable-form .input-field {
      font-size: 14px;
      height: 36px;
      padding-left: 10px;
      background:none;
          margin-bottom:15px!important;
  
  }
  
  .customerinfo_form .log-btn {
      padding: 6px 20px!important;
  }
  
  .accordion-body .lable-form .log-btn {
      padding: 6px 20px!important;
  }
  button.btn.cancel_subscription_btn {
      background: #e4e4e46e;
      font-size: 15px;
      padding: 5px 15px;
  }
  input:focus ~ .floating-label,
  input:not(:focus):valid ~ .floating-label{
    top:-8px;
    bottom: 20px;
    left: 10px;
    font-size: 11px;
   background:#fff;
   padding:0 8px;
   height:15px;
  }
  
  .inputText {
    font-size: 14px;
    width: 200px;
    height: 35px;
  }
  
  .floating-label {
   position: absolute;
      pointer-events: none;
      left: 10px;
      top: 7px;
      transition: 0.2s ease all;
      font-size: 14px;
      color: #73726E;
      z-index:1;
  }
  
  form.lable-form.customerinfo_form {
      padding-top: 15px;
  }
  
  #addcreditcard_popup .modal-content.container {
      padding: 0 200px;
      background:#fff;
  }
  
  div#addcreditcard_popup{background:#fff;}
  #addcreditcard_popup .modal-header {
      padding: 40px 0 0;
  }
  #addcreditcard_popup .modal-body.accordion-body {
      padding: 0;
  }
  .addcreditcard_form h4.modal-title {
      padding: 10px 0 15px;
  }
  button.credit_card_button {
      border: none;
      padding: 15px 0;
      background: none;
      color: var(--primary-color);
  }
  #addcreditcard_popup h4.modal-title {
      font-weight: 700;
  }
  .credit_card_box {
      display: flex;
      justify-content: space-between;
      align-items: center;
  }
  .credit_card_box label.form-check-label input.form-check-input {
      margin-right: 8px;
  }
  .credit_card_box label.form-check-label {
      color: #000;
  }
  .credit_card_button button.btn {
      color: var(--primary-color);
  }
  .credit_card_button button.btn.delete_btn{color:rgb(249, 97, 103);}
  /* Account setting page end here */
  
  /* invitations css start here */
  .card4container.align-items-top.invitations .card {
      min-height:329.67px!important;
  }
  
  
  
  /* invitations css end here */
  
  /* newsletter css start here */
  
  .card4container.align-items-top.newsletters .card {
      min-height: 426.62px!important;
  }
  
  /* newsletter css start here */
  
  /* Styles for wrapping the search box */
  
  .listing_search_cntr {
      justify-content: space-between;
  }
  .listing_search_cntr .justify-between2.logo-action {
      margin-bottom: 0;
  }
  .listing_search_cntr {
      justify-content: space-between;
      padding: 16px 0 25px;
  }
  
  .form-group.has-search.category_seach .form-control {
      padding-left: 2.375rem;
          font-size: 15px;
      color:#202020;
  
  }
  
  .form-group.has-search.category_seach .form-control-feedback {
       position: absolute;
      z-index: 2;
      display: block;
      width: 2.375rem;
      height: 2.375rem;
      line-height: 2.375rem;
      text-align: center;
      pointer-events: none;
      color: #aaa;
      top: -6px;
      left: -8px;
  }
  .close_menu{display:none;}
  .back_submenu_btn{display:none;}
  
  span.submenu_open {
      display: none;
  }
  
  
  @media (min-width:1600px) and (max-width:1800px) {
  .card4container.align-items-top.invoices {
      grid-template-columns: repeat(auto-fit, minmax(260px, 0.3fr));
  }
  .card4container.align-items-top.letterheads{ grid-template-columns: repeat(auto-fit, minmax(260px, 0.3fr));}
  .card4container.align-items-top.letterheads .card {
      min-height:419.37px!important;
  }	
  .card4container.align-items-top.invoices .card {
      min-height: 419.37px!important;
  }
  
  /* flyers and posters */
  .card4container.align-items-top.flyers {
      grid-template-columns: repeat(auto-fit, minmax(260px, 0.3fr));
  }
  .card4container.align-items-top.posters{ grid-template-columns: repeat(auto-fit, minmax(260px, 0.3fr));}
  .card4container.align-items-top.posters .card {
      min-height: 458.42px!important;
  }	
  .card4container.align-items-top.flyers .card {
      min-height:419.37px!important;
  }	
  /* flyers and posters */
  
  .card4container.align-items-top.facebook-posts .card {
      min-height: 271px!important;
  }
  .card4container.align-items-top.instagram-posts .card, .card4container.align-items-top.instagram-ads .card, .card4container.align-items-top.social-post-sets .card, .card4container.align-items-top.social-and-display-design-sets .card {
      min-height: 324.08px!important;
  }
  
  .tab-content .twitter-posts .card {
      min-height: 162.05px!important;
  }
  .card4container.align-items-top.facebook-ads .card {
      min-height: 169.59px!important;
  }
  .card4container.align-items-top.skyscraper-ads .card{    min-height: 910.69px!important;}
  .card4container.align-items-top.leaderboard-ads .card {
      min-height: 54.65px!important;
  }
  .card4container .card {
      min-height: 270.05px!important;
  }
  .card4container .card.logo-listing {
      min-height: 313px!important;
  }
  .card4container.align-items-top.large-rectangle-ads .card {
      min-height: 296.53px!important;
  }
  .tab-content .card4container.align-items-top.blog-banners .card {
      min-height: 182.28px!important;
  }
  
  /* cards css start here */
  .card4container.align-items-top.cards .card {
      min-height:231.47px!important;
  }
  /* cards css start here */
  
  
  /* purposal css start here */
  .card4container.align-items-top.proposals .card {
      min-height:419.37px!important;
  }
  
  /* purposal css end here */
  
  /* invitations css start here */
  .card4container.align-items-top.invitations .card {
      min-height:324.06px!important;
  }
  
  
  /* invitations css end here */
  .card4container.align-items-top.newsletters .card {
      min-height: 419.37px!important;
  }
      
  .card4container.align-items-top.linkedin-posts .card {
      min-height: 324.06px!important;
  }
  .card4container.align-items-top.pinterest-pins .card {
      min-height: 486.09px!important;
  }	
      
  }
  
  @media (min-width:1400px) and (max-width:1600px) {
  .card4container .card {
      min-height: 317px!important;
  }
  .card.logo-listing {
      display: block;
      min-height: 367px!important;
  }
  .card3container .card{min-height: 328px;
  }
  .card4container.align-items-top.invoices .card {
      min-height: 358.76px!important;
  }
  
  .card4container.align-items-top.letterheads .card {
      min-height: 358.76px!important;
  }
  
  
  
  .card4container.align-items-top.facebook-posts .card {
      min-height: 317px!important;
  }
  
  /* .card4container.align-items-top.instagram-posts .card, .card4container.align-items-top.instagram-ads .card, .card4container.align-items-top.social-post-sets .card, .card4container.align-items-top.social-and-display-design-sets .card{
      min-height: 379.62px!important;
  } */
  .card4container.align-items-top.facebook-ads .card {
      min-height: 198.67px!important;
  }
  
  
  .card4container.align-items-top.leaderboard-ads .card {
      min-height: 46.93px!important;
  }
  .card4container.align-items-top.large-rectangle-ads .card {
      min-height: 347.36px!important;
  }
  
  
  
  /* flyers and posters */
  .card4container.align-items-top.flyers .card {
      min-height:  358.76px!important;
  }
  
  .card4container.align-items-top.posters .card {
      min-height:  392.16px!important;
  }
  
  
  /* flyers and posters */
  
  
  
  .tab-content .twitter-posts .card {
      min-height:189.81px!important;
  }
  .skyscraper-ads .card {
      min-height:1003.05px!important;
  }
  
  .tab-content .card4container.align-items-top.blog-banners .card {
      min-height:213.54px!important;
  
  }
  /* cards css start here */
  .card4container.align-items-top.cards .card {
      min-height:271.16px!important;
  }
  /* cards css start here */
  
  /* purposal css start here */
  .card4container.align-items-top.proposals .card {
      min-height: 491.27px!important;
  }
  
  /* purposal css end here */
  
  /* invitations css start here */
  .card4container.align-items-top.invitations .card {
      min-height: 379.62px!important;
  }
  
  
  
  /* invitations css end here */
  .card4container.align-items-top.newsletters .card {
      min-height: 491.27px!important;
  }
      
  .card4container.align-items-top.linkedin-posts .card {
     min-height: 379.62px!important;
  }
  .card4container.align-items-top.pinterest-pins .card {
      min-height: 569.43px!important;
  }
  
  }
  
  @media (min-width:1100px) and (max-width:1440px) {
    .card4container.logo-card-container {
        /* grid-template-columns: repeat(auto-fit, minmax(309px, 0.35fr)); */
        grid-template-columns: repeat(auto-fit, minmax(200px, 0.2fr));
    }
  .card4container{
    /* grid-template-columns: repeat(auto-fit, minmax(309px, 0.35fr)); */
    grid-template-columns: repeat(6, auto);
}
  .editing_tool_cntr .logo_type_details h3 {
      font-size: 12px;
  }
  .conversion_tool{padding: 13px 25px;
    margin-bottom: 15px;
    width: 185px;
    font-size: 13px;
}
.toggle-sidebar .upload_sprite_icon{left: 20px;}
.toggle-sidebar .conversion_tool{width: 174px;}
.upload_sprite_icon{top:7px; left: 27px;}
  .editing_tool_cntr .logo_type_details h3 {
      font-size: 13px;
  }
  .editing_tool_cntr .logo_type_details p{    font-size: 11px;
  }
  .logo_type_details{padding:15px 10px;}
  .logo_type_details h3{font-size: 15px;}
  
  }
  
  
  
  @media (min-width:1100px) and (max-width:1280px) {
  .card4container .card {
      min-height: 240.65px!important;
  }
  .card3container .card{min-height: 270px;
  }
  .twitter-posts .card {
      min-height: 144.39px!important;
  }
  
  .tab-content .card4container.align-items-top.blog-banners .card {
      min-height: 162.44px!important;
  }
  .card4container.align-items-top.facebook-posts .card {
      min-height: 242px!important;
  }
  .card4container.align-items-top.facebook-ads .card {
      min-height: 151.13px!important;
  }
  .card4container.align-items-top.instagram-posts .card, .card4container.align-items-top.instagram-ads .card, .card4container.align-items-top.social-post-sets .card, .card4container.align-items-top.social-and-display-design-sets .card{
      min-height: 288.78px!important;
  }
  .card4container.align-items-top.leaderboard-ads .card {
      min-height: 55.41px!important;
  }
  .card4container.align-items-top.large-rectangle-ads .card {
      min-height: 264.24px!important;
  }
  .skyscraper-ads .card {
      min-height: 747.56px!important;
  }
  .card4container.align-items-top.skyscraper-ads{    grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));}
  
  .card4container.align-items-top.invoices {
      grid-template-columns: repeat(auto-fit, minmax(195px, 0.3fr));
  }
  .card4container.align-items-top.letterheads{grid-template-columns: repeat(auto-fit, minmax(195px, 0.3fr));
  }
  .card4container.align-items-top.letterheads .card {
      min-height:270.59px!important;
  }	
  .card4container.align-items-top.invoices .card {
      min-height: 270.59px!important;
  }
  
  
  /* flyers and posters */
  .card4container.align-items-top.flyers {
  grid-template-columns: repeat(auto-fit, minmax(195px, 0.3fr));
  
  }
  .card4container.align-items-top.posters{grid-template-columns: repeat(auto-fit, minmax(195px, 0.3fr));
  }
  .card4container.align-items-top.posters .card {
      min-height: 295.78px!important;
  }	
  .card4container.align-items-top.flyers .card {
      min-height: 270.59px!important;
  }	
  
  /* flyers and posters */
  
  
  
  /* purchased logos css start here */
  .card4container.align-items-top.purchased_logo_cntr {
      grid-template-columns: repeat(auto-fit, minmax(200px, 0.3fr));
  }
  .card4container.align-items-top.purchased_logo_cntr .card {
      min-height: 203px!important;
  }
  
  .card4container.align-items-top.cards .card {
      min-height: 206.27px!important;
  }
  
  h3.dimension_text {
      font-size: 16px;
      margin-bottom: 10px;
  }
  .logo_form_details input.form-control {
      height: 31px;
  }
  .logo_form_details select.form-control{    height: 31px;
  }
  button.btn.btn-primary.download_logo_btn {
      margin-top: 2px;
      font-size: 13px;
  }
  /* purchased logos css end here */
  
  /* purposal css start here */
  .card4container.align-items-top.proposals .card {
         min-height: 373.72px!important;
         
  }
  
  /* purposal css end here */
  
  #newform .form-floating>label{font-size:14px;}
  /* invitations css start here */
  .card4container.align-items-top.invitations .card {
      min-height:288.78px!important;
  }
  
  
  
  /* invitations css end here */
  .card4container.align-items-top.newsletters .card {
      min-height: 373.73px!important;
  }
  .card4container.align-items-top.linkedin-posts .card {
     min-height: 288.78px!important;
  }
  .card4container.align-items-top.pinterest-pins .card {
      min-height: 433.19px!important;
  }
      
  }
  
  
  @media (min-width: 992px) and (max-width: 1280px) {
    .card4container.logo-card-container {
        /* grid-template-columns:repeat(auto-fit, minmax(288px, 0.4fr)); */
        grid-template-columns: repeat(auto-fit, minmax(200px, 0.2fr));
    }
    .card4container{
        /* grid-template-columns:repeat(auto-fit, minmax(288px, 0.4fr)); */
        grid-template-columns: repeat(6, auto);
    }
    .card3container{
        grid-template-columns:repeat(auto-fit, minmax(288px, 0.4fr));
    }	
    .mobile_menu_cntr{display:block;}
  }
  
  @media (min-width:768px) and (max-width:1100px) {
  .mobile_menu_cntr{display:block;}
  .unplash_modal .modal-body {
      margin-top: 41px;
  }
  .logo-box:after, .card4container .card:after{content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      }
  
  .galley_container {
      height: 640px!important;
  }
  .video_hover i.fa.fa-play{display:flex;}
  .card4container.align-items-top.pinterest-pins .card{min-height: 344.51px!important;}
  .video_hover .video_download_icon{display:block;}
  .category_slider_section button.owl-next{right: -13px;}
  .card4container.align-items-top.instagram-posts .card, .card4container.align-items-top.instagram-ads .card, .card4container.align-items-top.social-post-sets .card, .card4container.align-items-top.social-and-display-design-sets .card {
      min-height: 244.67px!important;
  }
  #newform .form-floating>label{font-size:15px;}
  .mobile_menu_cntr {
      position: fixed;
      z-index: 999;
      float: left;
      padding-left: 15px;
      top: 17px;
  }
  .unplash_modal button.close{top:60px!important;z-index: 999999;}
  
  i.fa.fa-bars.mobile_menu {
      cursor: pointer;
      font-size: 24px;
      color: var(--primary-color);
  }
  
  #localize-widget.localize-right-top, #localize-widget.localize-left-top {
      top: 16px!important;
      right: 46px!important;
  }
  
  
  a.nav-link.nav-icon.search-bar-toggle {
      display: none;
  }
  aside.sidebar.slidemenu_open {
      left: 0;
  }
  .close_menu{display:block; cursor: pointer;font-size: 28px; color: #000;}
  i.fa.fa-bars.toggle-sidebar-btn {
      display: none;
  }
  .sidebar .nav-content {
     position: fixed!important;
      top: 50%!important;
      left: 0!important;
      background: #fff;
      width: 240px!important;
      margin: 0;
      height: 100vh;
      z-index: 9999;
      padding:30px 0 0 0!important;
      border-radius: 0!important;
          margin: 0!important;
  }
  
  .media_hover { position: fixed!important;
      top: 0!important;
      left: 0!important;
      background: #fff;
      width: 240px!important;
      margin: 0;
      height: 100vh;
      z-index: 9999;
      padding:30px 0 0 0!important;
      border-radius: 0!important;
          margin: 0!important;}
          
          
  ul#marketing {
      padding-left:8px!important;
  }
  
  
  /* .sidebar .nav-content .dropdown-submenu .dropdown-menu {
      position: relative;
      left: 0;
      top: 6px;
      margin: 0;
      border-radius: 0!important;
      width: auto!important;
      border-bottom: 1px solid #ddd;
      padding-bottom: 15px;
      margin-bottom: 6px;
      padding-right:0;
      display:none;
  } */
  
  .sidebar .nav-content .dropdown-menu .arrow-right{    right: 6px!important;
      padding: 10px;
      top: 1px;
      width: 40px;
      height: 42px;
      text-align: center;
     }
  .back_submenu_btn{display:block;}
      span.back_submenu_btn {
      font-size: 18px;
      color: var(--primary-color);
      position: relative;
      
      top: -20px;
  }
  .back_submenu_btn i.bi.bi-chevron-left {
      margin-right: 3px;
      position: relative;
      top: 1px;
  }
  
  .sidebar-nav #social-nav a{padding:10px;}
  .sidebar-nav ul#marketing a{padding:10px;}
  .post_menu i.bi.bi-chevron-right.arrow-right {
      font-size: 18px;
      padding: 0;
      top: 0;
  }
  span.submenu_open {
      content: "";
      font-size: 22px;
      position: absolute;
      right: 8px;
      top: 10px;
      z-index: 999;
      color:var(--primary-color);
      width: 30px;
      height: 30px;
  }
  ul.dropdown-menu.post_menu span.submenu_open {
      z-index: 9999999;
  }
  ul.dropdown-menu.post_menu span.submenu_open.remove_arrow {
      z-index: 999;
  }
  .mobile-d-none{display:none;}
  ul#social-nav{display:none;}
  
  
  
  }
  
  
  @media (min-width:768px) and (max-width:992px) {
    .card4container.logo-card-container {
        /* grid-template-columns:repeat(auto-fit, minmax(224px, 0.35fr))!important; */
        grid-template-columns: repeat(auto-fit, minmax(200px, 0.2fr));
    }
  .card4container {
      /* grid-template-columns:repeat(auto-fit, minmax(224px, 0.35fr))!important; */
      grid-template-columns: repeat(6, auto);
      gap: 22px;
  }	
  .card4container.align-items-top.facebook-posts .card {
      min-height: 225px!important;
  }
  .section .card3container{ grid-template-columns:repeat(auto-fit, minmax(224px, 0.35fr));
      gap: 22px;}
      
  .card2container.align-items-top.social-covers{ grid-template-columns:repeat(auto-fit, minmax(224px, 0.35fr));
      gap: 22px;}
  .card4container.business_card_container {
      grid-template-columns: repeat(auto-fit, minmax(224px, 0.25fr))!important;
  }
  .card4container.advertisement_box{    grid-template-columns: repeat(auto-fit, minmax(224px, 0.25fr))!important;
  }
  #borderedTabContent .card4container.align-items-top.blog-banners .card {
      min-height: 127.44px!important;
  }
  #borderedTabContent .card4container.align-items-top.cards .card {
      min-height: 157.47px!important;
  }
  .section .card3container .card {
      min-height: 248px;
      }
   span.image_title_text{font-size:10px!important;}
   .logo_strip.logo_strip2 {
      padding: 8px 2px!important;
  }
  span.customise_text_form.d-none {
      display: block!important;
      cursor: pointer;
      color: var(--primary-color);
      font-size: 18px;
      margin-bottom: 20px;
  }
  
  /* form#newform {
      display: none;
  } */
  
  #newform .justify-between2.flex-v-center {
      display: inherit;
  }
  #newform .justify-between2 .form-floating.mb-3{margin-right:0;}
  #newform .justify-between2.flex-v-center .form-floating>.form-control, #newform .justify-between2.flex-v-center .form-floating>.form-select{width:100%!important;}
   
  
  
      
  }
  
  
  @media (max-width:767px) {
    .pricing_section .price_tooltip_box {
        padding: 8px;
        width: 183px;
        left: auto;
        right: 23px;
    }
    .pricing_section .price_tooltip_box:before {
        top: 8px;
        left: auto;
        right: -8px;
        transform: rotate(180deg);
    }
    .pricing_section .price_tooltip_box p {
        font-size: 10px !important;
    }
    form.lable-form ul {
        padding: 0;
    }
  main.main.home_title .pagetitle h1{font-size:24px;}
  .conversion_tool{        width: 46.33%;
      margin: 0 5px 16px;}
  .file_format{padding-left: 10px;}
  .convert_heading{font-size: 22px;margin-top: 15px;}
  .file_upload_converion_cntr {
      display: flex;
      flex-direction: column-reverse;
  }
  .download_image_icon{visibility:visible;}
  .hover_tool_tip{width: 300px; top:43px;}
  .file_upload_converion_cntr .col-12 {
      padding: 0;
  }
  .converion_section .progress-container{margin: 18px 0 0;}
  .file-details .btn{margin-bottom:40px;}
  .file-details .btn{    min-width: 47%;
      padding: 11px 0;
      margin: 24px 5px 35px;}
  #freetrail_popup .modal-dialog{width: 88%;max-width:inherit;}
  .social_popup_img{padding:25px;}
  .social_poupdetail_box h2 br {
      display: none;
  }
  .editing_tool_cntr .col {
      flex: inherit;
  }
  .upload_sprite_icon{left:5px;}
  div#myModal_expert .modal-dialog, div#myModal_expert2 .modal-dialog {
      width: 91%;
      min-width: inherit;
  }
  .generate_form_box {
      flex-wrap: wrap;
  }
  .generate_templete_form input#template_text{height: 50px;}
  .unplash_modal .modal-dialog{max-width:91%!important;
      margin: 70px auto 0!important;}
  
  #loginres .modal-dialog {
  margin: 8rem auto 0;
  max-width: 92%;
  }
  .generate_design_heading {
      margin: 0px 0 25px;
      font-size: 19px;
      line-height: normal;
  }
  .custom_design_heading {
      font-size: 26.617px;
  }
  .social_strip_box {
      background: #FFEBEB;
      margin: 9px 0 0 0;
      padding: 10px 16px;
  }
  .click_here_social{font-size:15px;}
  .btn_ai_box {
      padding-right: 0;
      width: 100%;
  }
  .image_search_box .btn.btn-primary {
      margin: 17px 5px;
      width: 100%;
  }
  .describe_title{margin-bottom: 10px;font-size: 13px; font-weight: 500;}
  .design_box {
      margin: 17px 0 19px !important;
      flex: inherit;
      width: 100%;
  }
  
  
  
  .copy_text{padding-left:0;}
  .social_row_cntr {
      padding-right: 0;
  }
  .social_row_cntr .col, .social_row_cntr .col-md-3 {
      padding-right: 0;
  }
  .premade_logo_category .owl-carousel .owl-item{margin-right:10px!important;}
  .logo_type_box{margin-bottom:35px; padding-right: 0;}
  .premade_logo_category li.item.category_active:before{width:100%;}
  .category_slider_section.premade_logo_category{margin:0 15px;}
  .category_slider_section.premade_logo_category button.owl-prev{left:-27px; top:9px;}
  .category_slider_section.premade_logo_category button.owl-next{right:-27px; top:9px;}
  section.logo_ad_banner img {
      height: 52px;
      object-fit: cover;
  }
  .social_poupdetail_box p br {
      display: none;
  }
  .social_poupdetail_box {
      padding:30px 15px 30px 20px;
  }
  .social_poupdetail_box h2{font-size: 21px;    margin-bottom: 10px;}
  .social_connect_list li span{margin-right:5px;}
  
  
  .logo-box:after, .card4container .canvas-link:after{content: '';
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0);
      }
      
  #customise_templete .modal-dialog{width:89%; margin-top:140px;}	
  #customise_templete .modal-content{padding:10px;}
  
      .image_filter_section .masonry {
      column-count: inherit;
      column-gap: inherit;
  }
  .left_strip_panel{width: 60px; display:none;   padding: 10px 12px;}
  .nav-content7 .submenu_open {
       z-index: 99999;
      top: 4px;
  }
  h2.doc_name{padding: 4px 10px;
      font-size: 11px;
      line-height: normal;
      }
  h2.doc_name br {
      display: none;
  }
  .section .card4container.business_card_container.legal_doc_cntr .card.homecard.bg-shodow.bg-img {
      min-height: 160px!important;
  }
  .video_download_icon.doc_download {
      right: 5px;
      bottom: auto;
      top: 6px;
      font-size: 12px;
      width: 25px;
      height: 25px;
  }
  
  
  .card4container.business_card_container.legal_doc_cntr.align-items-top{grid-template-columns:repeat(auto-fit, minmax(149px, 0.5fr));
      gap: 22px;}
  
  
  .breadcrumb {
      font-size: 11.5px;
  }
  .submenu_open.hide_arrow {
      display: none;
  }
  .sidebar-nav ul.nav-content.nav-content2 .nav-content-submenu {
      top: 50%!important;
      left: 0!important;
  }
  
  .card4container.business_card_container.legal_doc_cntr .card.homecard img {
      height: auto;
  }
  
  .card4container.business_card_container.legal_doc_cntr .card.homecard.bg-shodow.bg-img.software_doc-card img {
      height: auto;
  }
  
  
  #social-nav li:hover .nav-content-submenu{ display: none;}
  .card4container{grid-template-columns:repeat(auto-fit, minmax(309px, 4fr));}
  .card3container{grid-template-columns:repeat(auto-fit, minmax(309px, 4fr));}
  /* .sidebar {
      left: 0!important;
  } */
  .card4container .card.video_hover {
    width: 44%;
    float: left;
    margin:0 8px 10px;
    min-height: 279.73px!important;
  
  }
  .card.video_hover {
    background: none;
    border: none;
    box-shadow: inherit;
}
  .card4container.align-items-top.video_listing_cntr {
      grid-template-columns: inherit;
      display: inherit;
  }
  .video_hover i.fa.fa-play{display:flex;}
  
  .video_hover .video_download_icon{display:block;}
  .video_hover:hover .img_video_hover{display:block!important; opacity:0;}
  .mobile_menu_cntr {
      position: fixed;
      z-index: 999;
      float: left;
      padding-left: 15px;
      top: 17px;
  }
  .videos_text {
      position: relative;
      right: auto;
      top: 16px;
      text-align: center;
      margin: 10px 0 15px;
      display: block;
  }
  .template_btn_box{position: relative;
    right: 0;
    top: 7px;
    display: flex;
    align-items: center;
    justify-content: right;
    font-size: 13px;
  }
  
  .mobile_menu_cntr{display:block;}
  ul.dropdown-menu.media_hover.nav-content5, ul.dropdown-menu.media_hover.nav-content6{left:0!important;}
  
  .card4container.home_grid_box{    grid-template-columns:inherit!important;}
  .form-group.has-search.category_seach {
    position: relative;
    width: 100%;
    right: 0;
    top: 0;
    margin-bottom: 15px;
  }
  i.fa.fa-bars.mobile_menu {
      cursor: pointer;
      font-size: 24px;
      color: var(--primary-color);
  }
  
  .nav-tabs-bordered .nav-link{padding: 0.5rem 9px;
      font-size: 15px;}
  #bordered-managelogos form#newform {
    display: block;
  }
  .generate_form_box .form-floating.mb-3 {
      width: 100%;
  }
  .create_logo_heading {
    font-size:1.7rem;
  }
  
  .form-group.image_search_box{
      margin: 12px auto 21px;
      flex-wrap: wrap;
      max-width: inherit;
      border: none;
  }
  .image_search_box input[type="text"]{border: 1px solid rgba(35, 38, 55, 0.40); border-radius: 50px;}
  .generate_form_box button.linkbtn.change_img{    margin: 0 0 15px;
      width: 100%;}
  .generate_form_box button#generate{width: 100%; padding: 0px 31px; height:52px;}
  .inner_caption {
      flex-wrap: wrap;
      padding-left: 5px;
  }
  
  .justify-between2.logo-action.w-100.d-flex.align-items-center {
      flex-wrap: wrap;
  }
  
  .caption_text p {
      font-size: 14px;
      margin: 10px 0;
      line-height: normal;
  }
  #change_image {
      margin-left: 0;
  }
  
  #localize-widget.localize-right-top, #localize-widget.localize-left-top {
      top: 16px!important;
      right: 46px!important;
  }
  
  
  a.nav-link.nav-icon.search-bar-toggle {
      display: none;
  }
  aside.sidebar.slidemenu_open {
      left: 0;
  }
  .close_menu{display:block; cursor: pointer;font-size: 28px; color: #000;}
  i.fa.fa-bars.toggle-sidebar-btn {
      display: none;
  }
  .sidebar .nav-content {
     position: fixed!important;
      top: 50%!important;
      left: 0!important;
      background: #fff;
      width: 240px!important;
      margin: 0;
      height: 100vh;
      z-index: 9999;
      padding:30px 0 0 0!important;
      border-radius: 0!important;
          margin: 0!important;
  }
  
  .custom_templete_btn {
      margin: 5px 0 5px 9px;
      position: relative;
      right: 0;
      top: 0;
      font-size: 12px;
      padding: 7px 10px 8px;
  }
  .media_hover { position: fixed!important;
      top: 0!important;
      left: 0!important;
      background: #fff;
      width: 240px!important;
      margin: 0;
      height: 100vh;
      z-index: 9999;
      padding:30px 0 0 0!important;
      border-radius: 0!important;
          margin: 0!important;}
          
          
  ul#marketing {
      padding-left:8px!important;
  }
  
  
  /* .sidebar .nav-content .dropdown-submenu .dropdown-menu {
      position: relative;
      left: 0;
      top: 6px;
      margin: 0;
      border-radius: 0!important;
      width: auto!important;
      border-bottom: 1px solid #ddd;
      padding-bottom: 15px;
      margin-bottom: 6px;
      padding-right:0;
      display:none;
  } */
  
  .sidebar .nav-content .dropdown-menu .arrow-right{    right: 6px!important;
      padding: 10px;
      top: 1px;
      width: 40px;
      height: 42px;
      text-align: center;
     }
  .back_submenu_btn{display:block;}
      span.back_submenu_btn {
      font-size: 18px;
      color: var(--primary-color);
      position: relative;
      
      top: -20px;
  }
  .back_submenu_btn i.bi.bi-chevron-left {
      margin-right: 3px;
      position: relative;
      top: 1px;
  }
  span#submenu_open4 {
      z-index:0!important;
  }
  .sidebar-nav #social-nav a{padding:10px;}
  .sidebar-nav ul#marketing a{padding:10px;}
  .post_menu i.bi.bi-chevron-right.arrow-right {
      font-size: 18px;
      padding: 0;
      top: 0;
  }
  span.submenu_open {
      content: "";
      font-size: 22px;
      position: absolute;
      right: 8px;
      top: 10px;
      z-index: 999;
      color:var(--primary-color);
      width: 30px;
      height: 30px;
  }
  ul.dropdown-menu.post_menu span.submenu_open {
      z-index: 9999999;
  }
  ul.dropdown-menu.post_menu span.submenu_open.remove_arrow {
      z-index: 999;
  }
  
  
  .section .card4container.business_card_container {
      grid-template-columns: inherit;
  }
  
  
  .mobile-d-none{display:none;}
  
  .section .card4container.business_card_container .card.homecard.bg-shodow.bg-img {
      min-height: 250px!important;
  }
  .section .card4container.advertisement_box .card.homecard.bg-shodow.bg-img {
      min-height: 250px!important;
      border-radius: 3px;
  }
  .card4container.align-items-top.invoices {
      grid-template-columns: auto;
      gap: 20px;
  }
  .card4container.align-items-top.invoices .card {
      min-height: 442.26px!important;
  }
  .card4container.align-items-top.letterheads {
      grid-template-columns: auto;
      gap: 20px;
  }
  .card4container.align-items-top.letterheads .card {
      min-height: 442.26px!important;
  }
  .card4container.align-items-top.proposals .card {
      min-height: 450.62px!important;
  }
  .card4container.align-items-top.flyers{    grid-template-columns: auto;
  }
  .card4container.align-items-top.flyers .card {
    min-height: 442.26px!important;
  }
  .card4container.align-items-top.posters{ grid-template-columns: auto;}
  .card4container.align-items-top.posters .card {
    min-height: 442.26px!important;
  }
  #newform .justify-between2.flex-v-center {
      display: inherit;
  }
  #newform .justify-between2 .form-floating.mb-3{margin-right:0;}
  #newform .justify-between2.flex-v-center .form-floating>.form-control, #newform .justify-between2.flex-v-center .form-floating>.form-select{width:100%!important;}
  .section .card3container{grid-template-columns: auto;}
  .card2container.align-items-top.social-covers {
      grid-template-columns: auto;
  
  }
  .unplash_modal .modal-header button.close {
      top: -15px;
      right: -5px;
      width: 40px;
      height: 39px;
      background: #fff;
  }
  #unplashModal .modal-dialog {
      max-width: 94%;
  }
  span.customise_text_form.d-none {
      /* display: block!important; */
      cursor: pointer;
      color: var(--primary-color);
      font-size: 18px;
      margin-bottom: 20px;
  }
  
  
  
  .card4container.align-items-top.purchased_logo_cntr {
      grid-template-columns: auto;
      gap: 0;
  }
  
  .logo_form_details {
      left: 0;
      padding: 20px 11px;
      width: 100%;
  }
  span.submenu_open {
      display: block;
  }
  table.account_form tbody tr td {
      padding: 0px 16px !important;
  }
  .accordion-item.account_info{margin:0;}
  .subscription_info {
      margin-bottom: 0!important;
  }
  .customer_info {
      margin-bottom: 0!important;
  }
  .payment_history {
      margin-bottom: 0!important;
  }
  .accordion-body .lable-form .input-field{width:100%;}
  .account_setting_box ul{display:inherit;}
  .account_setting_box li {
      width: 100%;
      text-align: left;
  }
  .account_setting_box li a {
      float: none;
      margin-top: 12px!important;
  }
  .credit_card_box {
      display: inherit;
  }
  .Billing_Info .accordion-body {
      padding-right: 0!important;
  }
  
  #addcreditcard_popup .modal-content.container {
      padding: 0 20px 0 10px;
  }
  .prise_list .tooltip_1 .tooltiptext_1{width: 260px;top: -69px;left: auto;right: 34px;}
  .modal-content1.modal-content1 {
      margin-bottom: 25px;
  }
  
  .form_cntr.d-flex.align-items-center.mb-3 {
      display: inherit!important;
      padding-top: 18px;
  }
  
  .form-group.wi-srch.d-flex.align-items-center {
      margin: 18px 0;
  }
  .galley_container {
      height: 76vh!important;
  }
  
  
  }
  
  /* post media css end */
  .video_download_icon {
    font-size: 15px;
    background: var(--primary-color);
    position: absolute;
    right: 2px;
    top: 3px;
    color: #fff;
    width: 30px;
    height: 29px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    display:none;
    cursor:pointer;
    z-index: 99;
  }
  .card.video_hover:hover span.video_download_icon {
    display: flex;
  }
  
  
  
  @media (max-width: 1199px) {
    .header .search-bar {
      position: fixed;
      top: 50px;
      left: 0;
      right: 0;
      padding: 20px;
      box-shadow: 0px 0px 15px 0px rgba(1, 41, 112, 0.1);
      background: white;
      z-index: 9999;
      transition: 0.3s;
      visibility: hidden;
      opacity: 0;
    }
  
    .header .search-bar-show {
      top: 60px;
      visibility: visible;
      opacity: 1;
    }
  }
  
  .header .search-form {
    width: 100%;
  }
  
  .header .search-form input {
    border: 0;
    font-size: 14px;
    color: #012970;
    border: 1px solid rgba(1, 41, 112, 0.2);
    padding: 7px 38px 7px 8px;
    border-radius: 3px;
    transition: 0.3s;
    width: 100%;
  }
  
  .header .search-form input:focus,
  .header .search-form input:hover {
    outline: none;
    box-shadow: 0 0 10px 0 rgba(1, 41, 112, 0.15);
    border: 1px solid rgba(1, 41, 112, 0.3);
  }
  
  .header .search-form button {
    border: 0;
    padding: 0;
    margin-left: -30px;
    background: none;
  }
  
  .header .search-form button i {
    color: #012970;
  }
  
  /*--------------------------------------------------------------
  # Header Nav
  --------------------------------------------------------------*/
  .header-nav ul {
    list-style: none;
  }
  
  .header-nav>ul {
    margin: 0;
    padding: 0;
  }
  
  .header-nav .nav-icon {
    font-size: 20px;
    color: var(--primary-color);
  }
  
  .header-nav .nav-profile {
    color: var(--primary-color);
  }
  
  .header-nav .nav-profile img {
    max-height: 36px;
  }
  
  .header-nav .nav-profile span {
    font-size: 14px;
    font-weight: 600;
  }
  
  .header-nav .badge-number {
    position: absolute;
    inset: 4px 6px auto auto;
    font-weight: normal;
    font-size: 11px;
    padding: 3px 6px;
  }
  
  .header-nav .notifications .notification-item {
    display: flex;
    align-items: center;
    padding: 15px 10px;
    transition: 0.3s;
  }
  
  .header-nav .notifications .notification-item i {
    margin: 0 20px 0 10px;
    font-size: 24px;
  }
  
  .header-nav .notifications .notification-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  
  .header-nav .notifications .notification-item p {
    font-size: 13px;
    margin-bottom: 3px;
    color: #919191;
  }
  
  .header-nav .notifications .notification-item:hover {
    background-color: #f6f9ff;
  }
  
  .header-nav .messages .message-item {
    padding: 15px 10px;
    transition: 0.3s;
  }
  
  .header-nav .messages .message-item a {
    display: flex;
  }
  
  .header-nav .messages .message-item img {
    margin: 0 20px 0 10px;
    max-height: 40px;
  }
  
  .header-nav .messages .message-item h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #444444;
  }
  
  .header-nav .messages .message-item p {
    font-size: 13px;
    margin-bottom: 3px;
    color: #919191;
  }
  
  .header-nav .messages .message-item:hover {
    background-color: #f6f9ff;
  }
  
  .header-nav .profile {
      min-width: 125px;
      padding: 0;
      border-radius: 8px;
      top: 5px!important;
  
  }
  
  .header-nav .profile .dropdown-header h6 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    color: #444444;
  }
  
  .header-nav .profile .dropdown-header span {
    font-size: 14px;
  }
  
  .header-nav .profile .dropdown-item {
  font-size: 13px;
      padding: 8px 13px;
      transition: 0.3s;
      border-bottom: 1px solid #cccccc73!important;
  }
  
  .header-nav .profile .dropdown-item i {
    margin-right: 10px;
    font-size: 18px;
    line-height: 0;
  }
  
  .header-nav .profile .dropdown-item:hover {
    background-color: #f1f1f1;
  }
  
  
  
  .sidebar {
      position: fixed;
      top: 0;
      left: -336px;
      bottom: 0;
      width: 336px;
      z-index: 999;
      transition: all 0.3s;
      padding:15px 0 15px 8px;
      background-color: #E8EAF4;
      transition: 0.3s;
      padding-left: 73px;
    
  }
  
  
  
  @media (max-width: 1199px) {
    .sidebar {
      left: -336px;
    }
  }
  
  .sidebar::-webkit-scrollbar {
    width: 5px;
    height: 8px;
    background-color: #fff;
  }
  
  .sidebar::-webkit-scrollbar-thumb {
    background-color: #aab7cf;
  }
  
  @media (min-width: 1200px) {
  
    #main,
    #footer {
      margin-left:80px;
    }
  }
  
  @media (max-width: 1199px) {
    .toggle-sidebar .sidebar {
      left: 0;
    }
  }
  
  @media (min-width: 1200px) {
  
    .toggle-sidebar #main,
    .toggle-sidebar #footer {
      margin-left:336px;
    }
  
    .toggle-sidebar .sidebar {
      left: 0;
    }
  }
  
  .sidebar-nav {
    padding:50px 12px 15px 9px;
    margin: 0;
    list-style: none;
  }
  
  .sidebar-nav li {position:relative;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .sidebar-nav .nav-item {
    margin-bottom: 4px;
    position: relative;
    border-radius: 5px;
    border: 1px solid transparent;
  background:none;
  }
  
  .sidebar-nav .nav-item .arrow-right {
      position: absolute;
      right: 7px;
      margin-right: 0;
      top: 5px;
  }
  
  .sidebar-nav .nav-item .arrow-left {
    position: absolute;
    margin-top: 5px;
  }
  
  
  .sidebar-nav .nav-heading {
    font-size: 11px;
    text-transform: uppercase;
    color: #899bbd;
    font-weight: 600;
    margin: 10px 0 5px 15px;
  }
  
  .sidebar-nav li a {
      display: flex;
      align-items: center;
      color: #414454;
      font-family: Poppins;
      font-size: 15px;
      font-style: normal;
      font-weight: 400;
      padding: 8px 10px;
      border-radius: 4px;
  }
  .sidebar-nav .nav-link img {
      position: relative;
      top: -2px;
  }
  
  
  .sidebar-nav .nav-link i {
    font-size: 20px;
    color:#414454;
  }
  
  /* .sidebar-nav .nav-link.collapsed {
    color: #012970;
    background: #fff;
  } */
  
  .sidebar-nav .nav-link.collapsed i {
    color: #899bbd;
  }
  
  .sidebar-nav .nav-link:hover {
    color: var(--primary-color);
  }
  
  .sidebar-nav .nav-link:hover i {
    color: var(--primary-color);
  }
  
  .sidebar-nav .nav-link .bi-chevron-down {
    margin-right: 0;
    transition: transform 0.2s ease-in-out;
  }
  
  .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
    transform: rotate(180deg);
  }
  
  .sidebar-nav .nav-item:hover {
      border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.20);
      background: rgba(255, 255, 255, 0.50);
  }
  
  .sidebar-nav .nav-item:hover>.nav-content {
    display: block;
  }
  ul.nav-content.media_hover.post_dropdown_cntr.nav-content7.designtool_submenu{
      top: 170px;
  }
  .sidebar-nav .nav-content.media_hover.post_dropdown_cntr.nav-content7.designtool_submenu::before{top:11%;}
  .sidebar-nav .nav-content {
      display: none;
      white-space: nowrap;
      padding: 5px 8px;
      margin-left: 20px;
      list-style: none;
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: 95%;
      background-color: #fff;
      width: 215px;
      border-radius: 11px;
      box-shadow: rgb(0 0 0 / 34%) 0px 5px 30px -10px;
  }
  
  .sidebar-nav li.active {
  border-radius: 10px;
      border: 1px solid rgba(255, 255, 255, 0.20);
      background: rgba(255, 255, 255, 0.50);
  }
  
  
  .sidebar-nav .nav-content::before {
    content: "";
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: -20px;
    border-width: 10px;
    border-style: solid;
    border-color: #ffffff00 #ffffff transparent #ffffff00;
  }
  
  ul.nav-content.display_menu {
      width: 250px;
  }
  
  .sidebar-nav .nav-content a {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 600;
    color: rgb(65, 65, 76);
    padding: 9px 10px;
    transition: 0.3s;
  }
  
  .sidebar-nav .nav-content a i {
    /* font-size: 6px; */
    margin-right: 2px;
    line-height: 0;
    border-radius: 50%;
  }
  
  .sidebar-nav .nav-content a:hover,
  .sidebar-nav .nav-content a.active {
    color: var(--primary-color);
  }
  
  .sidebar-nav .nav-content a.active i {
    background-color: var(--primary-color);
  }
  
  /* home page css start here */
  .card4container.home_grid_box{grid-template-columns: repeat(auto-fit, minmax(236px, 0.25fr));
      gap: 28px; 	clear:both; overflow:hidden;
  }
  a.bg-card{display:block;}
  .card4container.home_grid_box .card.homecard.bg-shodow.bg-img {
      min-height: 170px!important;
      border-radius: 3px;
  }
  .btn-primary {
      color: #fff;
      background-color: var(--primary-color);
      border-color: var(--primary-color);
  }
  .btn-primary:hover {
    background-color: var(--primary-color);
      border-color: var(--primary-color);
  }
  
  .logo_strip a.linkbtn.template-action {
      font-weight: normal;
      color: #fff!important;
      font-size: 13px;
  }
  .logo_strip.logo_strip2 {
      padding: 8px 15px;
  }
  .download_popup .modal-dialog {
      max-width: 458px;
  }
  
  .download_popup .form-group.row label {
      margin-bottom: 10px;
  }
  .download_popup button.btn.btn-primary {
      margin-top: 10px;
  }
  .download_popup .modal-header {
      padding-bottom: 0;
  }
  
  .download_popup .modal-title {
      padding-left: 10px;
      color: #000;
  }
  .download_popup .modal-header .btn-close {
      color: #000;
      font-weight: bold;
      font-size: 34px;
  }
  .download_popup select#imgType {
      appearance: auto;
      -webkit-appearance: auto;
  }
  
  /* home page css end here */
  
  /* advertise css start here */
  .card4container.advertisement_box {
      grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
          gap: 28px
  }
  .card4container.advertisement_box .card.homecard.bg-shodow.bg-img {
  
      min-height: 165px!important;
      border-radius: 3px;
  }
  .pagination{justify-content:center; }
  
  .pagination li.page-item {
      margin: 0 3px;
  }
  
  .pagination .page-link{border-radius: 0.25rem!important;}
  span.image_title_text {
      color: #fff;
      font-weight: normal;
      font-size: 13px;
      text-align: center;
      display: block;
      width: 100%;
  }
  /* advertise css end here */
  
  /* business doc css start here */
  .card4container.business_card_container {
      grid-template-columns: repeat(auto-fit, minmax(236px, 0.25fr));
      gap: 28px;
  }
  .card4container.business_card_container .card.homecard.bg-shodow.bg-img {
      min-height: 171px!important;
      border-radius: 7px;
  } 
  .card4container.business_card_container.legal_doc_cntr .card.homecard.bg-shodow.bg-img {
      min-height: 235px!important;
      border-radius: 7px;
  }
  .card4container.business_card_container .card.homecard.bg-shodow.bg-img img{border-radius: 8px; }
  .card.homecard img{width: 100%; padding: 4px 4px;}
  /* business css end here */
  
  
  /* blog banner css start here */
  .card4container.align-items-top.blog-banners .card {
      min-height: 185.44px!important;
      border-radius: 4px;
  }
  .card4container.align-items-top.blog-banners {
      border-radius: 4px;
  }
  /* blog banner css end here */
  
  
  
  /*--------------------------------------------------------------
  # Dashboard
  --------------------------------------------------------------*/
  /* Filter dropdown */
  .dashboard .filter {
    position: absolute;
    right: 0px;
    top: 15px;
  }
  
  .dashboard .filter .icon {
    color: #aab7cf;
    padding-right: 20px;
    padding-bottom: 5px;
    transition: 0.3s;
    font-size: 16px;
  }
  
  .dashboard .filter .icon:hover,
  .dashboard .filter .icon:focus {
    color: var(--primary-color);
  }
  
  .dashboard .filter .dropdown-header {
    padding: 8px 15px;
  }
  
  .dashboard .filter .dropdown-header h6 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #aab7cf;
    margin-bottom: 0;
    padding: 0;
  }
  
  .dashboard .filter .dropdown-item {
    padding: 8px 15px;
  }
  
  /* Info Cards */
  .dashboard .info-card {
    padding-bottom: 10px;
  }
  
  .dashboard .info-card h6 {
    font-size: 28px;
    color: #012970;
    font-weight: 700;
    margin: 0;
    padding: 0;
  }
  
  .dashboard .card-icon {
    font-size: 32px;
    line-height: 0;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    flex-grow: 0;
  }
  
  .dashboard .sales-card .card-icon {
    color: var(--primary-color);
    background: #f6f6fe;
  }
  
  .dashboard .revenue-card .card-icon {
    color: #2eca6a;
    background: #e0f8e9;
  }
  
  .dashboard .customers-card .card-icon {
    color: #ff771d;
    background: #ffecdf;
  }
  
  /* Activity */
  .dashboard .activity {
    font-size: 14px;
  }
  
  .dashboard .activity .activity-item .activite-label {
    color: #888;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 64px;
  }
  
  .dashboard .activity .activity-item .activite-label::before {
    content: "";
    position: absolute;
    right: -11px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #eceefe;
  }
  
  .dashboard .activity .activity-item .activity-badge {
    margin-top: 3px;
    z-index: 1;
    font-size: 11px;
    line-height: 0;
    border-radius: 50%;
    flex-shrink: 0;
    border: 3px solid #fff;
    flex-grow: 0;
  }
  
  .dashboard .activity .activity-item .activity-content {
    padding-left: 10px;
    padding-bottom: 20px;
  }
  
  .dashboard .activity .activity-item:first-child .activite-label::before {
    top: 5px;
  }
  
  .dashboard .activity .activity-item:last-child .activity-content {
    padding-bottom: 0;
  }
  
  /* News & Updates */
  .dashboard .news .post-item+.post-item {
    margin-top: 15px;
  }
  
  .dashboard .news img {
    width: 80px;
    float: left;
    border-radius: 5px;
  }
  
  .dashboard .news h4 {
    font-size: 15px;
    margin-left: 95px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  
  .dashboard .news h4 a {
    color: #012970;
    transition: 0.3s;
  }
  
  .dashboard .news h4 a:hover {
    color: var(--primary-color);
  }
  
  .dashboard .news p {
    font-size: 14px;
    color: #777777;
    margin-left: 95px;
  }
  
  /* Recent Sales */
  .dashboard .recent-sales {
    font-size: 14px;
  }
  
  .dashboard .recent-sales .table thead {
    background: #f6f6fe;
  }
  
  .dashboard .recent-sales .table thead th {
    border: 0;
  }
  
  .dashboard .recent-sales .dataTable-top {
    padding: 0 0 10px 0;
  }
  
  .dashboard .recent-sales .dataTable-bottom {
    padding: 10px 0 0 0;
  }
  
  /* Top Selling */
  .dashboard .top-selling {
    font-size: 14px;
  }
  
  .dashboard .top-selling .table thead {
    background: #f6f6fe;
  }
  
  .dashboard .top-selling .table thead th {
    border: 0;
  }
  
  .dashboard .top-selling .table tbody td {
    vertical-align: middle;
  }
  
  .dashboard .top-selling img {
    border-radius: 5px;
    max-width: 60px;
  }
  
  /*--------------------------------------------------------------
  # Icons list page
  --------------------------------------------------------------*/
  .iconslist {
    display: grid;
    max-width: 100%;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.25rem;
    padding-top: 15px;
  }
  
  .iconslist .icon {
    background-color: #fff;
    border-radius: 0.25rem;
    text-align: center;
    color: #012970;
    padding: 15px 0;
  }
  
  .iconslist i {
    margin: 0.25rem;
    font-size: 2.5rem;
  }
  
  .iconslist .label {
    font-family: var(--bs-font-monospace);
    display: inline-block;
    width: 100%;
    overflow: hidden;
    padding: 0.25rem;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #666;
  }
  
  /*--------------------------------------------------------------
  # Profie Page
  --------------------------------------------------------------*/
  .profile .profile-card img {
    max-width: 120px;
  }
  
  .profile .profile-card h2 {
    font-size: 24px;
    font-weight: 700;
    color: #2c384e;
    margin: 10px 0 0 0;
  }
  
  .profile .profile-card h3 {
    font-size: 18px;
  }
  
  .profile .profile-card .social-links a {
    font-size: 20px;
    display: inline-block;
    color: rgba(1, 41, 112, 0.5);
    line-height: 0;
    margin-right: 10px;
    transition: 0.3s;
  }
  
  .profile .profile-card .social-links a:hover {
    color: #012970;
  }
  
  .profile .profile-overview .row {
    margin-bottom: 20px;
    font-size: 15px;
  }
  
  .profile .profile-overview .card-title {
    color: #012970;
  }
  
  .profile .profile-overview .label {
    font-weight: 600;
    color: rgba(1, 41, 112, 0.6);
  }
  
  .profile .profile-edit label {
    font-weight: 600;
    color: rgba(1, 41, 112, 0.6);
  }
  
  .profile .profile-edit img {
    max-width: 120px;
  }
  
  /*--------------------------------------------------------------
  # F.A.Q Page
  --------------------------------------------------------------*/
  .faq .basic h6 {
    font-size: 18px;
    font-weight: 600;
    color: var(--primary-color);
  }
  
  .faq .basic p {
    color: #6980aa;
  }
  
  /*--------------------------------------------------------------
  # Contact
  --------------------------------------------------------------*/
  .contact .info-box {
    padding: 28px 30px;
  }
  
  .contact .info-box i {
    font-size: 38px;
    line-height: 0;
    color: var(--primary-color);
  }
  
  .contact .info-box h3 {
    font-size: 20px;
    color: #012970;
    font-weight: 700;
    margin: 20px 0 10px 0;
  }
  
  .contact .info-box p {
    padding: 0;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 0;
  }
  
  .contact .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
  }
  
  .contact .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
    font-weight: 600;
  }
  
  .contact .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
    margin-bottom: 24px;
  }
  
  .contact .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
  }
  
  .contact .php-email-form input,
  .contact .php-email-form textarea {
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    border-radius: 0;
  }
  
  .contact .php-email-form input:focus,
  .contact .php-email-form textarea:focus {
    border-color: var(--primary-color);
  }
  
  .contact .php-email-form input {
    padding: 10px 15px;
  }
  
  .contact .php-email-form textarea {
    padding: 12px 15px;
  }
  
  .contact .php-email-form button[type=submit] {
    background: var(--primary-color);
    border: 0;
    padding: 10px 30px;
    color: #fff;
    transition: 0.4s;
    border-radius: 4px;
  }
  
  .contact .php-email-form button[type=submit]:hover {
    background: #5969f3;
  }
  
  @-webkit-keyframes animate-loading {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  @keyframes animate-loading {
    0% {
      transform: rotate(0deg);
    }
  
    100% {
      transform: rotate(360deg);
    }
  }
  
  /*--------------------------------------------------------------
  # Error 404
  --------------------------------------------------------------*/
  .error-404 {
    padding: 30px;
  }
  
  .error-404 h1 {
    font-size: 180px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 0;
    line-height: 150px;
  }
  
  .error-404 h2 {
    font-size: 24px;
    font-weight: 700;
    color: #012970;
    margin-bottom: 30px;
  }
  
  .error-404 .btn {
    background: #51678f;
    color: #fff;
    padding: 8px 30px;
  }
  
  .error-404 .btn:hover {
    background: #3e4f6f;
  }
  
  @media (min-width: 992px) {
    .error-404 img {
      max-width: 50%;
    }
  }
  
  /*--------------------------------------------------------------
  # Footer
  --------------------------------------------------------------*/
  .footer {
    padding: 20px 0;
    font-size: 14px;
    transition: all 0.3s;
     
  }
  
  .footer .copyright {
    text-align: center;
    color: #012970;
    display:none;
  }
  
  .footer .credits {
    padding-top: 5px;
    text-align: center;
    font-size: 13px;
    color: #012970;
  }
  
  
  
   /*Update css 13/05/22*/
     .header .search-bar {
      display:none;
      
  }
  
  input.input-field.email_input {
      background: #ede7e7ad!important;
  }
  ul.dropdown-menu.media_hover li span {
      padding-left: 6px;
  }
  
  .prise_list button.btn---.btn----primary-- {
      margin-right: 1px;
  }
  
  
  
  #social-nav li:hover{
      background: rgb(242, 243, 245);
       
      text-align: left;
      
      border-radius: 8px;
  }
  
  
  /*.css-1c7cs5y {
      position: absolute;
      top: 50%;
      left: 100%;
      background: rgb(255, 255, 255);
      border-radius: 10px;
      z-index: 4;
      box-shadow: rgb(0 0 0 / 20%) 0px 5px 30px -10px;
      width: 300px;
      padding: 8px 10px;
      transform: translateY(-50%);
  }*/
  
  .sidebar-nav .media1 .nav-content::before {
      content: "";
      position: absolute;
      transform: translateY(-50%);
      top: 50%;
      left: -20px;
      border-width: 10px;
      border-style: solid;
      border-color: #ffffff00 #ffffff transparent #ffffff00;
  }
  
  .post_menu{
      padding-left: 0px;
      padding: 0px 0;
          box-shadow: unset;
              min-width: 9.3rem;
      
  }
  
  .media_hover{
          padding: 13px;
  }
  
  .dropdown-submenu .media_hover::before {
      content: "";
      position: absolute;
      transform: translateY(-50%);
      top: 18%;
      left: -20px;
      border-width: 10px;
      border-style: solid;
      border-color: #ffffff00 #ffffff transparent #ffffff00;
  }
  
  .dropdown-submenu{position:relative;}
  .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-17px;margin-left:7px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
  .dropdown-submenu:hover>.dropdown-menu{display:block; width: 240px;     border-radius: 10px;}
  .dropdown-submenu>a:after{display:block;float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
  .dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
  .dropdown-submenu{float:none;}.dropdown-submenu>.dropdown-menu{left:100%;margin-right:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
  .sidebar{float:right;margin-right:20px;}
  
  
  
  
  .lego_main i{
      transform: rotate(90deg);
  }
  .btn_boom::before {
      font-weight: bold !important; 
  }
  .offcanvas-start {
      top: 9px;
      left: 10px;
      width: 400px;
      border-right: 1px solid rgba(0,0,0,.2);
      transform: translateX(-100%);
      border-radius: 7px;
  }
  
  .css-1sw8cnh {
      position: absolute;
      top: 0px;
      width: 100%;
  }
  .css-1c446fu {
      font-size: 16px;
      font-weight: 700;
      color: rgb(9, 11, 23);
      text-align: center;
      width: 100%;
      margin: 0px;
      padding: 20px 0px;
  }
  .css-qxasm {
      background: transparent;
      border: 0px;
      font-size: 16px;
      color: rgb(83, 64, 255);
      position: absolute;
      top: 5px;
      right: 10px;
      padding: 10px;
      border-radius: 10px;
      outline: none;
  }
  .css-2o6p8u {
      -webkit-box-pack: justify;
      justify-content: space-between;
  }
  .css-1h3rtzg {
      -webkit-box-align: center;
      align-items: center;
  }
   
  .css-zjik7 {
      display: flex;
  }
  .css-80xva8 {
      border: 0px;
      padding: 10px;
      background: none;
      border-radius: 8px;
      z-index: 2;
          padding-left: 20px;
  }
   
  .css-lzsbh6 {
      padding-bottom: 200px;
      overflow: scroll;
      height: 100%;
          overflow-x: hidden;
  }
  .css-1ketnsx {
      flex: 1 1 calc(50% - 40px);
      margin: 20px;
      height: 369px;
      min-height: 355px;
      max-width: calc(50% - 40px);
      overflow: hidden;
      position: relative;
      display: inline-block;
      box-shadow: rgb(0 0 0 / 40%) 0px 20px 35px -30px;
      transition: all 500ms cubic-bezier(0, 0.8, 0.04, 0.98) 0s;
  }
  
   .offcanvas-body {
      flex-grow: 1;
      padding: 1rem 0rem;
      overflow-y: auto;
  }
  .css-j5pro0 {
      flex: 1 1 100% !important;
      margin: 12px 16px !important;
      height: 270px !important;
      max-width: calc(100% - 0px) !important;
      min-height: 270px !important;
  }
  .css-thlpjf {
      display: flex;
      -webkit-box-align: center;
      align-items: center;
      -webkit-box-pack: center;
      justify-content: center;
      flex: 1 0 auto;
      height: 100%;
      width: 100%;
      border-radius: 10px;
  }
  .css-13x3cc6 {
      padding: 5px 10px;
      background: rgb(22, 199, 158);
      display: inline-block;
      font-size: 11px;
      position: absolute;
      left: 20px;
      top: 20px;
      z-index: 2;
      border-radius: 3px;
      color: rgb(255, 255, 255);
      text-transform: uppercase;
  }
  .css-104cpqc {
      position: absolute;
      left: 50%;
      margin-left: -70px;
      opacity: 0;
      border-radius: 10px;
      padding: 8px 0px 8px 8px;
      background: rgba(255, 255, 255, 0.95);
      transform: translateY(-80%);
      transition: all 500ms cubic-bezier(0, 0.8, 0.04, 0.98) 0s;
      z-index: 5;
  }
  .css-1ketnsx::after {
      content: "";
      z-index: 4;
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 200%;
      height: 200%;
      opacity: 0.25;
      background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
      cursor: pointer;
  }
  .css-3abv5l {
      padding: 14px 0px;
      width: 110px;
      text-align: center;
      font-size: 18px;
      color: rgb(255, 255, 255);
      background: rgb(83, 64, 255);
      box-shadow: rgb(0 0 0 / 10%) 0px 3px 4px 0px;
      border: 0px;
      outline: none;
      border-radius: 8px;
      cursor: pointer;
      margin-right: 10px;
      text-decoration: none;
  }
  .css-1ketnsx {
      flex: 1 1 calc(50% - 40px);
      margin: 20px;
      height: 369px;
      min-height: 355px;
      max-width: calc(50% - 40px);
      overflow: hidden;
      position: relative;
      display: inline-block;
      box-shadow: rgb(0 0 0 / 40%) 0px 20px 35px -30px;
      transition: all 500ms cubic-bezier(0, 0.8, 0.04, 0.98) 0s;
  }
   
   .css-3abv5l {
      padding: 14px 0px;
      width: 110px;
      text-align: center;
      font-size: 18px;
      color: rgb(255, 255, 255);
      background: rgb(83, 64, 255);
      box-shadow: rgb(0 0 0 / 10%) 0px 3px 4px 0px;
      border: 0px;
      outline: none;
      border-radius: 8px;
      cursor: pointer;
      margin-right: 10px;
      text-decoration: none;
  }
  .css-3abv5l {
      padding: 14px 0px;
      width: 110px;
      text-align: center;
      font-size: 18px;
      color: rgb(255, 255, 255);
      background: rgb(83, 64, 255);
      box-shadow: rgb(0 0 0 / 10%) 0px 3px 4px 0px;
      border: 0px;
      outline: none;
      border-radius: 8px;
      cursor: pointer;
      margin-right: 10px;
      text-decoration: none;
  }
  .css-1ketnsx:hover {
      transform: scale(1.05);
      box-shadow: rgb(0 0 0 / 60%) 0px 40px 70px -60px;
  }
  .css-3abv5l:hover {
      background: rgb(83, 106, 255);
  }
   .css-1qemjat {
      flex-wrap: wrap;
  }
   .css-1ketnsx:hover .css-104cpqc {
      transform: translateY(-125%);
      opacity: 1;
  }
  .css-3abv5l:hover {
      background: rgb(83, 106, 255);
  }
  .css-zjik7 a:hover{
      color:#fff;
  }
  .css-qxasm:hover {
      cursor: pointer;
      background: rgb(245, 246, 248);
  }
  
  .bg-card {
       
      
          border-radius: 8px;
  }
  .bg-shodow{
      box-shadow: rgb(0 0 0 / 4%) 0px 10px 14px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
           margin-bottom: 18px;
        background-color: #f0f1f4 !important;
  }
  
  .css-ozhyux {
      background-image: url(https://s3.ca-central-1.amazonaws.com/cdn.logojoy.com/app/brand_dashboard/mockups/tshirts/shading-screen.png);
      z-index: 3;
     
     
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
     
  }
  .bg-img img{	
      text-align: center;
      left: 0px;
      right: 0px;
      margin: 0 auto;
  }
  .bg-img{
      padding: 0px;
  }
  .visibility_hidden{
      visibility:hidden;
  }
   
   .card3container {
      display: grid;
     grid-template-columns:repeat(auto-fit, minmax(309px, 0.35fr));
      gap: 30px;
  }
  .card3container .card{
          min-height: 295px;
          background-color: #ffffff !important;
        box-shadow: rgb(0 0 0 / 4%) 0px 10px 14px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
      margin: 0;
      border-radius: 5px;
  }
  
  .card2container {
      display: grid;
      grid-template-columns: auto auto;
      gap: 1.25rem;
  }
  .card1container {
      display: grid;
      grid-template-columns: auto;
      gap: 1.25rem;
  }
  .card1container .card{
          min-height: 300px;
          background-color: #ffffff !important;
          box-shadow: rgb(0 0 0 / 10%) 0px 10px 36px 0px, rgb(0 0 0 / 6%) 0px 0px 0px 1px;
  }
  .card2container .card{
          min-height: 200px;
          background-color: #ffffff !important;
  }
  
  .invoice_logo img {
      width: 166px;
      text-align: center;
      left: 0px;
      right: 0px;
      margin: 0 auto;
  }
  
  .form-floating>label {
      position: abso
      lute;
      top: 0;
      left: 0;
      height: 100%;
      padding: 0.6rem 0.75rem;
      pointer-events: none;
      border: 1px solid transparent;
      transform-origin: 0 0;
      transition: opacity .1s ease-in-out,transform .1s ease-in-out;
  }
  .form-floating>.form-control, .form-floating>.form-select {
      height: calc(2.5rem + 2px);
      width: 96%;
   
  }
  .m-t-post{
      margin-top: -6px !important;
  }
  /*====================================*/
  
  .heading-price{
          font-size: 23px;
      text-align: center;
      color: var(--primary-color);
      font-weight: 700;
      margin: 0 auto;
  }
  .hea_pad{
          padding: 8px;
          border-bottom: 1px solid #dee2e600;
  }
  .clse{
      position: absolute;
      float: right;
      right: 8px;
      top: 8px;
      background-size: 50%;
  }
  .prise_list{
      width:100%;
         font-size: 15px;
         min-height: 490px;
      margin-top: 7px;
  color: #202020;
  font-family: Circular,Arial,sans-serif !important;
  }
  
  table.prise_list.brandkit_price_list {
      min-height: 518px;
  }
  
  .modal-dialog-scrollable .modal-body {
      overflow-y: unset;
  }
  .tariffs__item-content .fa {
      color: var(--primary-color);
  }
  .fa-info-circle:before {
     font-size: 14px;
      color: #000;
  }
  .bg-prise-count{
      background: var(--primary-color);
      text-align: center;
      color: #f9f0f0;
      font-size: 22px;
      line-height: 22px;
      height: 36px;
      padding: 10px !important;
      padding-bottom: 4px !important;
  }
  .brder-unset{
           visibility:hidden !important;
               border-bottom: 2px solid #cbcbcb00 !important;
  }
  .bg-prise-count .no{
  color: #000;
      font-size: 35px;
      font-weight: bold;	
  }
  .bg-prise-count .dollor_sign{
       font-weight: 400;
      font-size: 35px;
      font-weight: bold;	
  }
  .bg-prise-count sup{
  font-size: 20px;
  }
  .p-b-0{
      padding: 0px;}
  .month{
      font-size: 17px;
      text-align: center;
      font-weight: 700;
      color: #000;
      padding: 5px;
      border-bottom: 2px solid #cbcbcb70;
          padding-bottom: 8px !important;
      height: 0px;
  }
  .left_img{
      height:20px;
  }
   
  .left_img img{
      
      margin-right: 6px;
      vertical-align: top;
      margin-top: 7px;
  }
  .p-10{
      padding:5px;
  }
  
  
  .btn----primary--{
      border: unset;
      background-color: transparent;
  }
  
  .p-15{
          padding: 10px;
  }
  .bi-info-circle::before {
      content: "\f431";
      background-color: var(--primary-color);
      border-radius: 50%;
      border: 1px solid white;
      color: #fff;
  }
  .buy_btn{
      text-align:center;
  
  }
  
  .btnLoginOm {
      background-color: var(--primary-color) !important;
      transition: all .2s ease-in-out;
      color: #fff !important;
      font-family: Circular,Arial,sans-serif !important;
      /* font-family: Nunito,Helvetica Neue,Helvetica,Arial,sans-serif !important; */
      font-size: 15px !important;
      text-transform: inherit !important;
      border-radius: 8px !important;
      padding: 12px 15px !important;
  }
  .m-t-0{
      margin-top: 0px;	
  }
  
  #bordered-savedlogos .card4container .card{
     justify-content: unset !important;
     min-height: unset !important;
     border-radius: 0.5rem;
     /* min-height: 218px !important; 25/05/2022 */
  } 
  #bordered-savedlogos .card4container .card img{
    border-radius: 0.5rem;
  }
  
  
  @media (min-width: 576px){
  .modal-dialog-centered {
      min-height: calc(100% - 0.5rem);
  }}
  
  
  .tooltip1 {
    position: relative;
    display: inline-block;
   
  }
  
  .tooltip1 .tooltiptext2 {
   visibility: hidden;
      width: 300px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 13px;
      position: absolute;
      z-index: 1;
      top: -5px;
      right: 110%;
      font-size: 10px;
      line-height: 13px;
  }
  
  .tooltip1 .tooltiptext2::after {
    
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent black;
  }
  .tooltip1:hover .tooltiptext2 {
    visibility: visible;
  }
  
  /*Rupesh Add 20/05/22*/
  .canvas-container canvas {
      cursor: pointer !important;
  }
  
   .profile-area .lable-form {
      width: 40%;
      margin: 0 auto;
  }
  .lable-form label {
      display: block!important;
      position: relative;
  }
  .lable-form .input-field {
      width: 425px;
      outline: 0;
      border-radius: 4px;
      background-color: #e4e4e46e;
      position: relative;
      z-index: 1;
      margin-top: 7px;
      margin-right: 20px;
      color: #73726E;
      font-weight: 400;
      font-size: 15px;
      border: 1px solid #e2e2e2;
      padding: 5px;
      left: 0px;
      right: 0px;
      margin: 0 auto;
      display: block;
      margin-bottom: 10px;
  }
  .accordion-button:not(.collapsed) {
      color: #012970;
      background-color: #f6f9ff00;
  }
  .width100{
      width:100%;
  }
  
  .accordion-item:last-of-type .accordion-button.collapsed {
      border-bottom-right-radius: calc(0.25rem - 1px);
      border-bottom-left-radius: calc(0.25rem - 1px);
      font-size: 24px;
      font-weight: 900;
  }
  
  .account_info{
          margin-bottom: 140px;
  }
  
  .subscription_info {
          margin-bottom: 100px;
  }
  .payment_history {
          margin-bottom: 100px;
  }
  .customer_info  {
          margin-bottom: 100px;
  }
  .accordion-item:first-of-type .accordion-button {
     
      font-size: 24px;
      font-weight: 900;
  }
  .Billing_Info  {
          margin-bottom: 0px;
  }
  .credit_card  h2 button{
        font-weight: 400;
      background: none;
      color: rgb(83, 64, 255);
          font-size: 17px !important;
  }
  .flot_right{
      float:right;
  }
  /* =========================== */
  .pricing-table {
      margin: 0 auto;
      max-width: 1248px;
      padding: 0 24px;
      width: 100%;
      align-items: stretch;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      margin-bottom: 120px;
      padding: 0;
  }
  .prise_list tr td{
      padding-bottom: 16px;
      font-size: 12px;
      color: #202020;
      font-family: "Open Sans", sans-serif;
  }
  .prise_list tr td i{
   
      font-size: 12px;
  }
  .m-l-12{
          margin-left: 12px;
  }
  .m-r-12{
          margin-right: 12px;
  }
  .pt-2 td{
  padding-top: 17px;
  }
  .modal-dialog-scrollable .modal-content1 {
      
      overflow: hidden;
  }
  
  .LoginOm{
          background-color: var(--primary-color);
      color: #fff;
      margin-right: 10px;
  }
  .modal-content1 {
   
      border: 1px solid rgb(0 0 0 / 10%);
      border-radius: 0.4rem;
      outline: 0;
  }
  .p-l-20{
      padding-left: 20px;
  }
  .p-r-20{
      padding-right: 10px;
       
  }
  .p-b-20{
      padding-bottom: 20px;
  }
  .tooltip-inner{
      max-width:250px !important;
       line-height:26px  !important;
       text-align:left;
       font-family: Vesterbro-Light !important;
       font-size:13px;
  }
  
  .heading-price{
      display:block;
  }
     .subtitle{
             padding: 10px 15px;
      text-align: center;
     }
     
     .left_img1 img {
      
      margin-right: -4px !important;
     
  }
  
  
  
  .heading_price {
          padding-top: 20px;
      padding-bottom: 15px !important;
  }
  .heading_price h3{
      text-align:center;
      font-size: 2em;
      padding-bottom: 16px;
      border-bottom: none;
      color: #343434;
      font-weight: 600;
          font-family: Circular,Arial,sans-serif !important;
  }
  .p-r-6{
      padding-right:6px;
  }
  
  
   
  /*================= Sign up modal Start ===============*/
  
  .modal_user {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(77, 77, 77, .7);
    transition: all .4s;
    z-index: 999;
    height: 100%;
  }
  
  .modal_user:target {
    visibility: visible;
    opacity: 1;
  }
  
  .modal__content {
    border-radius: 4px;
    position: relative;
    background: #fff;
    padding: 1em 2em;
    padding-bottom: 27px;
  }
  .m-b-15{margin-bottom: 15px}
  .modal__footer {
    text-align: right;  
  }
  .register_close {
    position: absolute;
      top: -10px;
      right: -10px;
      color: #ef0000;
      text-decoration: none;
      background-color: #e1e3e7;
      font-size: 29px;
      border-radius: 50%;
      height: 35px;
      width: 35px;
      line-height: 35px;
      text-align: center;
  }
  .already-btn span a{
      color: var(--primary-color);
  }
  
  .register_tab{
      border-bottom: 2px solid #dee2e6;
      margin-bottom: 30px;
  }
  .register_tab li{
  width: 50%;	
  }
  
  .register_tab li button{
  width: 100%;
  }
  
  .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
      color: #495057;
      background-color: #fff;
     border-color: #dee2e600 #dee2e600 #fff;
      border-bottom: 2px solid var(--primary-color)!important
  }
  .social-media-icn {
      font-size: 40px !important;
  }
  p.social-media-icn {
      margin-bottom: 13px !important;
      margin-top: 13px !important;
      display: none; 
  }
  p.social-media-icn {
      text-align: center;
      font-size: 54px;
  }
  p.social-media-icn a, p.social-media-icn a:hover {
      text-decoration: none;
      list-style: none;
  }
  
  i.fa.fa-facebook-square.fb-clr {
      color: #3a559f;
  }
  .modal-content .input_wrap {
      margin-bottom: 10px !important;
  }
  .input_wrap {
      width: auto;
      height: auto;
      position: relative;
  }
  .modal-content .type-text {
      color: #202020 !important;
      font-family: Vesterbro-Light !important;
      height: 46px!important;
  }
  .type-text {
     border: 2px solid #e6e6e6;
      border-radius: 5px;
      height: 47px;
      width: 100%;
      color: #565656;
      font-size: 16px;
      padding-left: 20px;
      box-shadow: none;
      letter-spacing: 1px;
          outline: unset;
  }
  i.fa.fa-google-plus-square.google-clr {
      color: #d74f42;
  }
  .input_wrap {
      margin-bottom: 10px !important;
  }
  
  .input_wrap {
      width: auto;
      height: auto;
      position: relative;
  }
   button.log-btn {
      background-color:var(--primary-color) !important;
      transition: all .2s ease-in-out;
      color: #fff !important;
      font-size: 15px !important;
      text-transform: inherit !important;
      border-radius: 8px!important;
      padding: 7px!important;
      border: unset;
  }
  .social-media-icn a .fa-google-plus-square{
      color: #d74f42;
  }
  .tab-content_sign {
      padding-top: 0px; 
  }
  .textt-align {
      text-align: center;
  }
  .spinner-grow-sm {
      width: 1rem;
      height: 1rem;
  }
  .already-btn {
      margin-top: 10px !important;
  }
  
  .form-footer p {
      font-size: 13px!important;
  }
  .modal-content .form-footer a {
      text-decoration: underline!important;
      color: #212529!important;
  }
  
  .register_tab li button{
      font-weight: bold;
          color: #000;
  }
  button.log-btn.sign-uup {
      margin-top: 15px !important;
  }
  .modal-content span#fog-in-btn a {
      text-decoration: unset;
      font-size: 14px;
  }
  
  .forgot{
      text-align:right;
      margin-bottom: 0px	
  }
  .forgot a{
          color: var(--primary-color);
  }
   
  /*================= Sign up modal End ===============*/
  
  .wrapper {
    margin: 0 auto;
       max-width: 61rem;
    
       text-align: center;
   }
   .wrapper p {
     color: #eaf2ef;
   }
   .wrapper .gallery-container {
         background: #f8f8fa;
       border-radius: 0.5rem;
       padding: 0rem;
       margin: 0rem 0;
   }
   .wrapper .gallery-container h2 {
     color: #333;
   }
   .wrapper .gallery-container ul {
     list-style: none;
     margin: 0;
     padding: 0;
   }
   .wrapper .gallery-container ul li img {
     display: block;
     height: auto;
     max-width: 100%;
   }
   
   .gallery-container ul.masonry-gallery {
        columns: 16rem;
       column-gap: 0.6rem;
   }
   .gallery-container ul.masonry-gallery li {
     break-inside: avoid;
       margin: 0 0 0.6rem;
   }
   .gallery-container ul.mosaic-gallery {
     display: flex;
     flex-wrap: wrap;
     margin: 0 -0.5rem;
   }
   .gallery-container ul.mosaic-gallery li {
     background-position: center center;
     background-size: cover;
     flex: auto;
     height: 15vw;
     margin: 0 0.5rem 1rem;
     max-height: 10rem;
   }
   .gallery-container ul.mosaic-gallery li img {
     height: 100%;
     opacity: 0;
   }
   
   /*==================Second  Modal list start =============*/
   
   .krt_glry{
     position: relative; width: 1037px; height: 2989px;
   }
   
   .scrollarea-content {
    margin: 0;
    overflow: hidden;
    position: relative;
   }
   .gallery-photos-v2 .gallery-body {
    margin-top: 30px;
    margin-bottom: 35px;
   }
   .masonry {
    margin: 0 auto;
   }
   
   
   
   .gallery-photos-v2 .thumb {
    padding: 0;
    margin-bottom: 0;
   }
   .gallery-photos-withinfo .thumb.selected .info, .gallery-photos-withinfo .thumb:hover .info {
    display: block;
   }
   .thumb {
    position: relative;
    display: block;
    padding: 7px;
   }
   .thumb .thumb-image-full {
    padding: 0;
    min-height: 160px;
    -webkit-transition: background-color .5s ease;
    -o-transition: background-color .5s ease;
    transition: background-color .5s ease;
   }
   .thumb .thumb-image {
    position: relative;
    text-align: center;
    background-color: #f7f7f7;
    background-color: var(--main-color-light-2);
   }
   
   .thumb .thumb-image img {
    max-width: 206px;
    width: auto;
    height: auto;
    min-width: 206px;
    min-height: 30px;
   }
   .thumb-buttons {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
   }
   .thumb-buttons .thumb-button {
    background: #5340ff;
    color:#fff;
    z-index: 2;
    padding: 3px;
    width: 165px;
    height: 40px;
    line-height: 35px;
    font-size: 12px;
    font-family: "Open Sans",sans-serif;
    font-family: var(--main-font-1);
    font-weight: 700;
    visibility: hidden;
    margin-bottom: 5px;
   }
   .thumb-buttons .thumb-button:hover {
   background: #5340ff;
   }
   .thumb-buttons a:hover {
    background: #5340ff;
   color:#fff;
    background: var(--color2-dark);
    text-decoration: none;
   }
   
   .thumb-buttons .thumb-button-2 {
    margin-top: 5px;
    margin-bottom: 0;
   }
   .gallery-body .thumb .info {
    display: none;
    width: 20px;
    position: absolute;
    bottom: 5px;
    left: 9px;
   }
   
   .btn-arrows svg {
    fill: #fff;
    width: 11.13px;
   }
   .paging-center {
    -ms-flex: 1 1;
    flex: 1 1;
    padding-top: 15px;
   }
   .paging .paging-controls, .paging .paging-show {
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
   }
   .paging .btn, .paging span {
    margin: 0 5px;
    font-size: 12px;
    font-weight: 400;
   }
   .paging span {
    display: inline-block;
    vertical-align: middle;
    color: #2a2a2a;
    color: var(--main-color-dark-1);
   }
   .paging .field {
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    padding: 0;
    width: 41px;
    max-width: 41px;
    height: 32px;
    border: 1px solid #dfe1e4;
    border-radius: 4px;
    margin-left: 7px;
    margin-right: 7px;
    background: #fff;
    background: var(--main-color-light-1);
   }
   svg:not(:root) {
    overflow: hidden;
   }
   .gallery-body .thumb .info svg path {
    fill: #1a1a1a;
    fill: var(--color1);
   }
   .thumb.selected .thumb-buttons .thumb-button, .thumb:hover .thumb-buttons .thumb-button {
    visibility: visible;
   }
   
   .thumb:hover {
    text-decoration: none;
   }
   .editor-page.page-animations-finished .scrollarea {
    display: block;
   }
   .page-animations-finished .gallery {
    position: relative;
    height: calc(100% - 162px);
    padding: 0;
   }
   .scrollarea {
    overflow-y: scroll;
    max-height: 465px;
   }
   
   .block-grid-item {
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
    margin-bottom: 10px;
    font-size: 16px;
   }
   .gallery-body .thumb .info {
    display: none;
    width: 20px;
    position: absolute;
    bottom: 5px;
    left: 9px;
   }
   .popup.visible {
    opacity: 1;
    visibility: visible;
    left: 0;
    -webkit-transition: opacity .3s,visibility .3s;
    -o-transition: opacity .3s,visibility .3s;
    transition: opacity .3s,visibility .3s;
   }
   .popup {
    position: fixed;
    top: 0;
    left: -99999px;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 999;
    -webkit-transition: opacity .3s,visibility .3s,left 0ms .3s;
    -o-transition: opacity .3s,visibility .3s,left 0ms .3s;
    transition: opacity .3s,visibility .3s,left 0ms .3s;
   }
   .popup.visible .popup-inner {
    -webkit-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
    transform: translate(-50%,-50%) scale(1);
   }
   
  .dropdown-submenu i.bi.bi-chevron-right.arrow-right.mobile-d-none {
      right: 9px;
      top: 9px;
      color: var(--primary-color);
  }
   .popup .popup-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%) scale(.5);
    -ms-transform: translate(-50%,-50%) scale(.5);
    transform: translate(-50%,-50%) scale(.5);
    z-index: 1002;
    width: 630px;
    padding: 30px 30px 25px;
    border: 6px solid #f4f4f4;
    background: #fff;
    background: var(--main-color-light-1);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s;
   }
   .popup .popup-actions {
    position: absolute;
    top: -7px;
    right: -7px;
    z-index: 5;
    font-size: 0;
   }
   .popup .popup-actions a {
    display: block;
    font-size: 0;
   }
   [class^=ico-] {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
   }
   .ico-x {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAIAAAA2bnI+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkUzNjQ5MTRDQjUyMTFFNUIyMTNDQ0VGOTg3ODRDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkUzNjQ5MTVDQjUyMTFFNUIyMTNDQ0VGOTg3ODRDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRTM2NDkxMkNCNTIxMUU1QjIxM0NDRUY5ODc4NENBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRTM2NDkxM0NCNTIxMUU1QjIxM0NDRUY5ODc4NENBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlQQQtMAAACrSURBVHjaYmIgFzANDp3q6upoIqqqqoRNqq+v//v3b2JiIlwEyAaKVFRU4NNWWVn5HwzgmiHaIIKFhYXIilmQOe/evQOqYGRkZGJimjNnjp2dXVxcHJANlPr37x9QFp+1mZmZQEX/UQGa+4nVjEsb+bFCJdemp6fDtQFVz58/Hx6wQEZ8fDxO1woJCQEDFhKSKSkpQHuAJJANUsfEBJSlQUqgKPUN7lwGEGAAYrKj41Tg51YAAAAASUVORK5CYII=) no-repeat 0 0;
    width: 19px;
    height: 18px;
   }
   .popup .popup-head {
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 20px;
    text-align: center;
   }
   .popup .popup-title {
    margin-bottom: 10px;
    font-family: "Open Sans",sans-serif;
    font-family: var(--main-font-1);
    font-size: 50px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: -2px;
   }
   .popup-inner .credit-unsplash-popup {
    text-align: center;
    font-size: 14px;
   }
   .popup-inner .credit-unsplash-popup a {
    color: #5f6468;
    color: var(--color2);
   }
   .thumb-buttons {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
   }
   
   .paging {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 90px 61px;
    font-size: 0;
    text-align: center;
   }
   .btn-arrows.btn-disabled {
    pointer-events: none;
   }
   .btn-arrows {
    padding: 25px 10px;
    display: inline-block;
    vertical-align: middle;
    width: 92px;
    height: 70px;
    border: 0;
    border-radius: 4px;
    background: #1a1a1a;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
   }
   .btn-disabled {
    opacity: .5;
    cursor: not-allowed;
    pointer-events: none;
   }
   
   svg:not(:root) {
    overflow: hidden;
   }
   .scrollarea .scrollbar-container.vertical {
    width: 10px;
    height: 100%;
    right: 0;
    top: 0;
   }
   .scrollarea .scrollbar-container {
    z-index: 10;
   }
   .scrollarea .scrollbar-container {
    position: absolute;
    background: none;
    opacity: .1;
    z-index: 9999;
    -webkit-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s;
   }
   .scrollarea .scrollbar-container.vertical .scrollbar {
    width: 8px;
    height: 20px;
    background: #000;
    margin-left: 1px;
   display:none;
   }
   .scrollarea .scrollbar {
    background-color: #000;
    background-color: var(--main-color-dark-2);
    border-radius: 5px;
    border: 1px solid #dfe1e4;
    border: 1px solid var(--main-color-grey-1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   }
   .gallery-templates .gallery-close svg, .gallery-wrapper .gallery-close svg {
    height: 18px;
    bottom: -0px;
    position: relative;
    margin-left: 6px;
   }
   svg:not(:root) {
    overflow: hidden;
   }
   .gallery-templates .gallery-close, .gallery-wrapper .gallery-close {
    width: 33%;
    max-width: 450px;
    color: #1a1a1a;
    color: var(--color1);
    text-align: right;
    line-height: 82px;
    white-space: nowrap;
   }
   .gallery-templates .gallery-top-section, .gallery-wrapper .gallery-top-section {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 45px;
   }
   .page-animations .gallery-wrapper {
    -webkit-transition: opacity .6s ease-in-out;
    -o-transition: opacity .6s ease-in-out;
    transition: opacity .6s ease-in-out;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 21;
   }
   .page-animations .transition-g .gallery-wrapper.gallerychangeanimation-appear-active, .page-animations .transition-g .gallery-wrapper.gallerychangeanimation-enter-active, .page-animations .transition-g .gallery-wrapper.gallerychangeanimation-enter-done, .page-animations .transition-g .gallery-wrapper.gallerychangeanimation-exit {
    opacity: 1;
   }
   .page-animations-finished .zoomer {
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition: top .4s,left .4s;
    -o-transition: top .4s,left .4s;
    transition: top .4s,left .4s;
   }
   .page-animations-started .zoomer {
    top: 15px;
   }
   .zoomer-wrapper {
    width: auto;
    display: inline-block;
    vertical-align: bottom;
    position: relative;
    margin-bottom: 14px;
   }
   .zoomer-btn.disabled {
    opacity: .5;
    cursor: none;
    pointer-events: none;
   }
   .zoomer-btn {
    height: 44px;
    width: 44px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f1f2f4;
    background-color: var(--main-color-5);
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    color: #1a1a1a;
    color: var(--color1);
    position: relative;
   }
   .zoomer-btn.disabled {
    opacity: .5;
    cursor: none;
    pointer-events: none;
   }
   .zoomer-btn {
    height: 44px;
    width: 44px;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 44px;
    border-radius: 5px;
    background-color: #f1f2f4;
    background-color: var(--main-color-5);
    text-align: center;
    display: inline-block;
    vertical-align: bottom;
    color: #1a1a1a;
    color: var(--color1);
    position: relative;
   }
   .zoomer-btn svg {
    width: 14px;
    height: 44px;
    fill: #1a1a1a;
    fill: var(--color1);
   }
   svg:not(:root) {
    overflow: hidden;
   }
   .zoomer-btn .help-title-popup {
    position: absolute;
    top: 50px;
    left: -10px;
    display: none;
   }
   .help-title-popup {
    border: 1px solid #dfe1e4;
    border: 1px solid var(--main-color-grey-1);
    background-color: #fff;
    background-color: var(--main-color-light-1);
    padding: 2px 13px;
    border-radius: 4px;
    color: #1a1a1a;
    color: var(--color1);
    font-family: "Open Sans",sans-serif;
    font-family: var(--main-font-1);
    font-weight: 700;
    font-size: 13px;
    line-height: 20px;
    white-space: nowrap;
   }
   .full-widht{
   max-width:90%;
   }
   .search .search-field {
    display: block;
    width: 100%;
    height: 36px;
    padding: 0 35px 0 15px;
    border-radius: 5px;
    background: #f7f7f7;
    background: var(--main-color-light-2);
    font-size: 12px;
    font-weight: 600;
    -webkit-transition: border .5s;
    -o-transition: border .5s;
    transition: border .5s;
    background: #eaecef;
    border: 1px solid #eaecef;
    color: #1a1a1a;
    color: var(--color1);
   }
   
   .bg_grey{
    
    background-color: #f8f8fa;
   
   }
   .search .search-body {
    position: relative;
   }
   
   .card.logo-listing{display:block;min-height: 367px!important;}
   
   
   .search .search-btn {
    position: absolute;
    top: 8px;
    right: 6px;
    padding: 5px;
    border: 0;
    border-radius: 0;
    background: transparent;
    font-size: 0;
   }
   .hidden, [hidden] {
    display: none;
   }
   .widget.widget-search {
    list-style: none outside none;
   }
   
   .modal_main {
    top: 10px;
    overflow-x: hidden;
    overflow-y: hidden;
   
   }
   
   .modal1 {
   visibility: hidden;
   opacity: 0;
   position: absolute;
   top: 60px;
   right: 0;
   bottom: 0;
   left: 0;
   display: flex;
   align-items: center;
   justify-content: center;
     background: #533fffbd;
   transition: all .4s;
   }
   .modal1__content h1{
   font-size: 50px;
    line-height: 1;
    font-weight: 700;
   margin-bottom: 10px;
    font-family: Circular,Arial,sans-serif !important;
   }
   .modal1:target {
   visibility: visible;
   opacity: 1;
   z-index: 9999;
   }
   
   .modal1__content {
   border-radius: 4px;
    position: relative;
    width: 625px;
    max-width: 90%;
    background: #fff;
    padding: 1.7em 3em;
    text-align: center;
    color: #303E4D;
   border: 6px solid #f4f4f4;
   }
   
   .modal1__footer {
   text-align: center;
   }
   .modal1__footer a {
     color: #585858;
    }
    .modal1__footer i {
     color: #d02d2c;
    }
   
   .modal1__footer span{
   color:#5340ff;
   }
   .modal1__footer {
   padding-top: 15px;
   }
   
   .modal1__close {
   position: absolute;
    top: -6px;
    right: -6px;
    color: #ffffff;
    text-decoration: none;
    background: #000;
    padding: 0px 4px;
    font-weight: bold;
    height: 16px;
    vertical-align: text-bottom;
    line-height: 16px;
   }
   .wi-srch{
      max-width: 243px;
        padding-left: 0px;
   }
   .gallery-second-section{
      margin: 0 14% !important;
   }
   .gallery-photos-v2 {
   
    border: unset !important;
   
   }
   .glerry_slect button{
   float:right;
   }
   /*================== Second Modal End list  =============*/
   
   
   
   
   
   
   .wrapper {
   margin: 0 auto;
    max-width: 61rem;
   
    text-align: center;
   }
   .wrapper p {
   color: #eaf2ef;
   }
   .wrapper .gallery-container {
      background: #f8f8fa;
    border-radius: 0.5rem;
    padding: 0rem;
    margin: 0rem 0;
   }
   .wrapper .gallery-container h2 {
   color: #333;
   }
   .wrapper .gallery-container ul {
   list-style: none;
   margin: 0;
   padding: 0;
   }
   .wrapper .gallery-container ul li img {
   display: block;
   height: auto;
   max-width: 100%;
   }
   
   .gallery-container ul.masonry-gallery {
     columns: 16rem;
    column-gap: 0.6rem;
   }
   .gallery-container ul.masonry-gallery li {
   break-inside: avoid;
    margin: 0 0 0.6rem;
   }
   .gallery-container ul.mosaic-gallery {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -0.5rem;
   }
   .gallery-container ul.mosaic-gallery li {
   background-position: center center;
   background-size: cover;
   flex: auto;
   height: 15vw;
   margin: 0 0.5rem 1rem;
   max-height: 10rem;
   }
   .gallery-container ul.mosaic-gallery li img {
   height: 100%;
   opacity: 0;
   }
   
    /* Replace css */
    .account_info {
     margin-bottom: 20px;
   margin-top: 30px;
   }
   .subscription_info {
     margin-bottom: 20px;
   }
   .payment_history {
     margin-bottom: 20px;
   }
   .customer_info {
     margin-bottom: 20px;
   }
   .accordion-item:last-of-type .accordion-button.collapsed {
     padding-left: 0px;
   }
   
   .lable-form .input-field {
      margin: unset;
        margin-bottom: 10px !important;
   }
   .accordion-item:first-of-type .accordion-button {
   
     padding-left: 0px;
   }
   .account_form tbody tr td{
   padding: 0px 50px !important;
   }
   .accordion-body {
     padding: 1rem 1.25rem;
     padding-left: 0px;
   }
   .cnscl_btn{
       border: unset;
   background-color: transparent !important;
     color: #000 !important;
   }
   .accordion-item:last-of-type .accordion-button.collapsed {
     font-size: 21px;
   }
   .accordion-item:first-of-type .accordion-button {
     font-size: 21px;
     font-weight: 900;
   }
   .border-unset{
       border-bottom: unset !important;
   }
   .box-hidden{
       visibility:hidden; 
   }
   #localize-widget{
       right: 74px !important;
   }
  .toggle-sidebar .d-flex.align-items-center.justify-content-between.logo_cntr_box {
     justify-content: left!important;
  
  }
  
  i.fa.fa-bars.toggle-sidebar-btn {cursor:pointer;
      font-size: 24px;
      color: var(--primary-color);
      position: relative;
      left: 0;
      top: 0;
  }
  .logo_cntr_box {
      padding-left: 8px;
  }
  .justify-between2.flex-v-center {
      display: flex;
      justify-content: flex-start;
      width: 100%;
  }
  
  .justify-between2 .form-floating.mb-3 {
      flex: 1.5;
      margin-right: 15px;
  }
  
  .justify-between2.flex-v-center .btn {
      width: 100%;
      border-radius: 10px;
      height: 67px!important;
      font-size: 18px;
      
  }
  
  
  a.logo.d-flex.align-items-center.lego_main:focus{border: none;box-shadow: inherit;outline: none;}
  
  .justify-between2.flex-v-center input {
      height: 70px!important;
      border-radius: 10px;
      box-shadow: inset #e5e5e5 2px 5px 10px;
      border: #c5c5c5 1px solid;
  }
  .justify-between2.flex-v-center .btn:hover {
             background: #5340ff !important;
      transform: scale(1.03);
  }
  p.charcount1 {
      position: absolute;
      right: 25px;
      bottom: 0px;
      font-size: 13px;
  }
  .flex.flex-v-center.linkbtn.box-hidden {
      display: none;
  }
  
  .justify-between2.logo-action {
      padding-top: 0;
      margin-bottom: 15px;
  }
  .justify-between2 .form-floating.mb-3:last-child {margin-right: 0;flex: 0.7;}
  
  i.bi.bi-image {
      color: var(--primary-color);
      display: block;
      font-size: 24px;
  }
  .justify-between2 .form-floating.mb-3:last-child {margin-right: 0;flex: 0.7;}
  p.charcount1 {
      position: absolute;
      right: 25px;
      bottom: -15px;
      font-size: 13px;
  }
  .justify-between2.logo-action button.linkbtn {
      border-style: dashed;
      padding: 10px;
      color: #333;
      font-weight: 500;
  }
  .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
      opacity: .65;
      transform: scale(0.85) translateY(-0.9rem) translateX(0.15rem)!important;
  }
  .pagetitle {
      padding-bottom:35px;
      position: relative;
  }
  .home_title .pagetitle{ padding-bottom: 0;}
  .pagetitle ol.breadcrumb {
      position: absolute;
      top: 0;
      left: 0;
  }
  
  .pagetitle h1 {
      padding-top: 30px;
      margin-bottom: 30px;
  
  }
  .justify-between2.flex-v-center .form-floating>.form-control, .justify-between2.flex-v-center .form-floating>.form-select {
      height: calc(2.5rem + 2px);
      width:96%!important;
  }
  
   
  
  .form-floating>label {
      padding-top: 21px;
      font-size: 14px;
      color: rgb(103, 110, 139);
      font-weight: 500;
      left: 15px;
  }
  
  .form-floating>.form-control:focus~label, .form-floating>.form-control:not(:placeholder-shown)~label, .form-floating>.form-select~label {
      
      left: 0;
  }
  .brick.unsp-img-list img {
      transition: 0.3s;
      cursor: pointer;
  }
  .brick_img_hover {
      overflow: hidden;
      position: relative;
              box-sizing: border-box;
              -webkit-column-break-inside: avoid;
              page-break-inside: avoid;
              break-inside: avoid;
              counter-increment: brick-counter;
              margin-bottom: 18px;
              background:#000;
              
  }
  .brick.unsp-img-list img:hover {
      transform: scale(1.2);
          opacity: 0.6;
  }
  
  /* Unsplash Popup Widow Live */
  #localize-widget{z-index:999!important;}
  
      .unplash_modal .modal-dialog {
          max-width: 900px;
          margin: 50px auto 0;
          border: none;
      }
      .unplash_modal .galley_container {
          height: 491px;
      }
  
      .unplash_modal .modal-content {
      border: none;
      border-radius: 30px;
      background: #FFF;
      }
      .modal-header {
          border: none;
        }
  
  
        .masonry {
          column-count: 3;
          column-gap: 5px;
  
        }
  
        span.i_button {
          position: absolute;
          bottom: 5px;
          width: 25px;
          z-index: 999;
          left: 15px;
          cursor: pointer;
          padding: 0;
      }
  
          @media (min-width: 768px) {
              .masonry{  column-count: 3;}
          }
        
         
          .brick {padding:0 6px;
          }
         
          .brick img {
              width: 100%;
              height: 100%;
              object-fit: cover;
            }
  
            .unplash_modal button.close {
              font-size: 40px;
              opacity: 1;
              position: absolute;
              top: 10px;
              right: 21px;
              background: none;
              z-index: 999999;
              font-weight: lighter;
              width: 50px;
              height: 49px;
              border: 1px solid #ccc;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
  
          }
  .wi-srch select#imgOrientation {
      -webkit-appearance: auto;
      appearance: auto;
      border-radius: 28px;
      border: 1px solid rgba(35, 38, 55, 0.40);
      background: rgba(62, 38, 156, 0.05);
      height: 50px;
      width: 182px;
      margin-right: 20px;
  }
  .wi-srch {
  max-width: inherit;
  }
          .unplash_modal .form-group.search_box {
      padding: 0 10px 0 0;
      border: none;
      margin-right: 10px;
      border-radius: 5px;
          }
          
          .unplash_modal .search_box input.form-control:focus {
      outline: none;
      box-shadow: inherit;
  }
  
          .unplash_modal .search_box input.form-control {
              height: 50px;
              border-radius: 50px;
              border: 1px solid rgba(35, 38, 55, 0.40);
              background: none;
              padding-left: 20px;
              font-size: 16px;
              font-style: italic;
              font-weight: 500;
              color: #232637;
          }
  
          .unplash_modal select#sel1 {
              background: #eaecef;
              border: none;
          }
          .form_cntr button.btn.btn-primary{
              padding: 10px 39px;
              font-size: 18px;
              font-weight: 500;
              border-radius: 50px;
          }
          .galley_container {
              height:610px;
              overflow-y: auto;
          }
  
          .galley_container::-webkit-scrollbar {
              width: 8px;
          }
          
           
          .galley_container::-webkit-scrollbar-track {
              border-radius: 12px;
              background: #fff;
          }
           
          .galley_container::-webkit-scrollbar-thumb {
              border-radius: 12px;
             background: #ddd; 
          }
          
  
          .paging {
              display: -ms-flexbox;
              display: flex;
              width: 100%;
              padding: 90px 61px;
              font-size: 0;
              text-align: center;
          }
          .btn-arrows {
              padding: 25px 10px;
              display: inline-block;
              vertical-align: middle;
              width: 54px;
              height: 31px;
              border: 0;
              display: flex;
              border-radius: 4px;
              background: #1a1a1a;
              text-align: center;
              color: #fff;
              justify-content: center;
              align-items: center;
          }
          .btn-arrows svg {
              fill: #fff;
              width: 16px;
          }
          
          
          .paging-center {
              -ms-flex: 1 1;
              flex: 1 1;
              padding-top: 15px;
          }
          .paging .paging-controls, .paging .paging-show {
              display: inline-block;
              vertical-align: top;
              padding: 0 15px;
          }
          .paging span {
              display: inline-block;
              vertical-align: middle;
              color: #2a2a2a;
              color: var(--main-color-dark-1);
          }
          .paging .field {
              vertical-align: middle;
              display: inline-block;
              font-size: 12px;
              font-weight: 700;
              text-align: center;
              padding: 0;
              width: 41px;
              max-width: 41px;
              height: 32px;
              border: 1px solid #dfe1e4;
              border-radius: 4px;
              margin-left: 7px;
              margin-right: 7px;
              background: #fff;
              background: var(--main-color-light-1);
          }
          .paging .btn, .paging span {
              margin: 0 5px;
              font-size: 12px;
              font-weight: 400;
          }
  
         #unplashModal .modal-content {
              border: 6px solid #f4f4f4;
          }
  
  
          #unplashModal h4.modal-title {
              font-size: 38px;
              line-height: 1;
              font-weight: 700;
              margin-bottom: 10px;
              font-family: Circular,Arial,sans-serif !important;
              color: #303E4D;
              text-align: center;
              width:100%;
          }
          #unplashModal span#dynamicImagetxt {
              color: #5340ff;
          }
          #unplashModal .modal-content{    text-align: center; height: inherit;}
         #unplashModal button.close {
              position: absolute;
      top: 0px;
      right: 0;
      background: #007bff;
      opacity: 1;
      color: #fff;
      font-size: 22px;
      width: 32px;
      height: 32px;
      padding: 0!important;
      border-radius: 50%;
      line-height: normal;
      font-weight: normal;
          }
          #unplashModal  .modal-dialog{     max-width: 500px;   margin: 10rem auto;}
          #unplashModal {
              background: rgba(0,0,0,0.5);
          }
          #unplashModal button.close span {
              position: relative;
              top: -2px;
          }
          .brick span.i_button {
              color: #000;
              visibility: hidden;
          }
          .brick:hover span.i_button{visibility: visible;}
      .modal.unplash_modal{padding-right: 0!important;}
  
  
  
  
  
  
  
  
  /* new pricing page css start here */
  
  .logo_cntr {
      position: relative;
      width: 93%;
  }
   .logo_cntr:after {
        width: 1px;
      height:99%;
      position: absolute;
      content: "";
      right: -12px;
      top: 4px;
      background: #4154f1;
  }
  
  
  
  h2.one_time {
        font-size: 14px;
      font-weight: bold;
      color: #000;
      position: relative;
      top: 0;
      text-align: center;
      width: auto;
      background: #f2ececb5;
      display: table;
      border-radius: 25px;
      padding: 11px 26px;
      left: 0;
      border: 1.2px solid #e8e0e0;
      margin: 0 auto 36px;
  }
  
    .plan_para.one_time {
      font-size: 19px!important;
  }
  .plan_heading_height .plan_head_box {
      min-height: 94px;
  }
  main.main.pricing_page_cntr{margin:0!important;}
  .tooltip_1 {position: relative;display: inline-block;opacity: 9;border: unset;background: unset;}
  .discount_text {
      text-decoration: line-through;
      font-size: 15px;
      top: -1px;
      color: #7c7b7b;
      font-weight: bold;
  }
  .plan_height_fix span.month_text {
      font-size: 11px;
  }
  .plan_box.plan_heading_height {
      min-height:775px;
  }
  .quarterly_formbuy{display:none;}
  .modal-dialog-scrollable .modal-content1 {overflow: unset;}
  .tooltip_1 .tooltiptext_1 {    visibility: hidden;
      width: 300px;
      background-color: black;
      font-family: Vesterbro-Light !important;
      color: #fff;
      font-size: 14px;
      text-align: left;
      border-radius: 6px;
      padding: 3px 6px !important;
      top: -69px;
      left: 30px;
      position: absolute;
      z-index: 1;}
  .tooltiptext_1 span{display:block;margin-bottom:13px;}
  .tooltip_1:hover .tooltiptext_1 {visibility: visible;}
  .tooltip-arrow{display:none !important;}
  .tooltip{margin: -5px !important;}
  .tooltip_1 .tooltiptext_1::after {position: absolute;top: 50%;left: 100%;margin-top: -5px; border-width: 5px;border-style: solid;border-color: transparent transparent transparent black;}
  .tooltip-inner {max-width: 300px !important;line-height: 20px !important; text-align: left;font-family: Vesterbro-Light !important;font-size: 14px;}
  .month {font-size: 17px !important;}
  .hidden{visibility:hidden;}
  .p-r-6 {padding-right: 0px !important;}
  .heading_price h3{padding:0; margin-bottom: 40px;}
  button.linkbtn.btn.LoginOm.logo_on_btn {
      position: relative;
      
      top: 7px;
  }
  
  
    .row_center{justify-content:center;}
    .month_text {
      display: block;
      font-size: 13px;
      font-weight: 600;
      text-align: center;
      
      padding-left: 4px;
  
  }
  .plan_height_fix{min-height: 75px;}
    
    .plan_box {
         border-radius: 15px;
      padding: 60px 15px 0;
      border: 1px solid #e8e0e0;
      min-height:690px;
      position: relative;
  }
  .most_popular {
      background: #4154f1;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      font-size: 16px;
      padding: 8px;
      text-align: center;
      border-radius: 14px 14px 0 0;
  }
  .plan_box.most_plan_box {
      position: relative;
      top: -1px;
  }
  .modal-content1{    border-radius: 15px;}
  .plan_box h2 {
      font-size: 24px;
      line-height: 28px;
      font-weight: bold;
      text-align: center;
      color: #536aff;
      text-transform: uppercase;
      margin-bottom: 15px;
  }
  .plan_head_box {
      display: flex;
          justify-content: space-around;
      align-items: center;
      padding: 6px 0 4px;
      min-height: 64px;
  }
  .plan_list_box h3 {
      font-size: 18px;
      font-weight: bold;
      margin: 5px 0 15px 17px;
      color: #202020;
  }
  .plan_box.custom_plan_box .plan_list_box h3 {
      font-size: 26px;
  }
  .modal-content1.plan_box .plan_head_box {
      padding-top: 0;
      position: relative;
      top: -6px;
  
  }
  .modal-content1.plan_box .ger_started_btn {
      margin-top:5px;
  }
  
  
  .plan_box .plan_para {
      color: #000;
      font-size: 10.5px;
      font-weight: 600;
      line-height: normal;
      padding: 0 0 2px;
  }
  .user_text .plan_para:before {
      display: none;
  }
  
  .modal-content1.plan_box {
      padding-top:52px;
  }
  
  
  .plan_heading {
      font-size: 30px;
      font-weight: bold;
      color: #000;
      margin:0;
      position: relative;
  
  }
  .ger_started_btn {
       background: #4154f1;
      padding: 8px 35px;
      border-radius: 10px;
      color: #fff;
      display: inline-block;
      margin: 14px auto 0;
      font-size: 14px;
      width: 100%;
      text-align: center;
  }
  .ger_started_btn:hover{color:#fff;}
  .plan_list_box ul {
      list-style: none;
      padding: 0;
  }
  .plan_list_box.custom_plan_list ul{padding-top: 11px;}
  .plan_box.custom_plan_box .plan_list_box li {
      font-size: 14px;
      font-weight: 600;
      color: #000;
      padding-bottom: 20px;
  }
  .plan_box.custom_plan_box .plan_list_box li:before{top:-1px;}
  .plan_list_box li {
        font-size: 12px;
      padding: 0 0 15px 23px;
      position: relative;
      color: #202020;
  }
  .nav-pills .nav-link {
      background: #f2ececb5;
      color: #000;
      margin: 20px 6px 50px;
      border-radius: 10px;
      font-size: 13px;
      cursor:pointer;
  }
  
  
  .plan_list_box li:before {
   content: "\2713";
      color: #536aff;
      font-size: 16px;
      position: absolute;
      left: 6px;
      top: -4px;
  }
  .innter_tab_box {
      list-style: none;
      display: flex;
      justify-content: space-between;
      border: 1px solid #e8e0e0;
      border-radius: 25px;
      padding: 2px 2px;
      margin: 25px 0;
  
  }
  
  .innter_tab_box li {
  background: #f2ececb5;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      position: relative;
  
  }
  .innter_tab_box li img {
      width: 20px;
  }
  .tab_inner_content2, .tab_inner_content3, .tab_inner_content4, .tab_inner_content5{display:none;}
  .nav_tab .active a{background: #4154f1; color:#fff;}
  ul.innter_tab_box.nav_tab .active {
      background:#4154f1;
  }
  ul.innter_tab_box.nav_tab .active a{background:none;}
  
  .user_text {
      padding: 0 0 0 11px;
      line-height: 18px;
  }
  .prise_list tr td{padding-left:0;}
  .user_text p {
      margin: 0;
      font-size: 10.5px;
      padding: 0;
      position: relative;
      color: #202020;
      font-weight: 600;
  }
  .nav_tab .nav-link {
      position: relative;
      padding: 0.5rem 23px 0.5rem 51px;
  }
  
  .nav_tab .nav-link:before {
      left:17px;
  }
  .tab_inner2:before {
      background: url(/public/assets/img/icon2.png)no-repeat;
      height: 40px;
      background-position: center 6px;
      background-size: 25px;
              width: 32px;
          content: "";
      position: absolute;
      top: 0;
  }
  
  .tab_inner3:before {
       background: url(/public/assets/img/icon5.png)no-repeat;
      height: 40px;
      background-position: center 8px;
      background-size: 21px;
      width: 32px;
      content: "";
      position: absolute;
      top: 0;
  }
   .tab_inner4:before {
      background: url(/public/assets/img/icon1.png)no-repeat;
      height: 40px;
      background-position: center 6px;
      background-size: 25px;
          width: 32px;
          content: "";
      position: absolute;
      top: 0;
  } 
  
  
   .tab_inner4.tab_inner_bot:before {
      background: url(/public/assets/img/bot.png)no-repeat;
      height: 40px;
      background-position: center 6px;
      background-size: 25px;
          width: 32px;
          content: "";
      position: absolute;
      top: 0;
  } 
  .tab_inner4.tab_inner_bot.active:before {
      background-position: center -27px;
  }
  a.nav-link.tab_inner4.tab_inner_bot::before {
      background-position: center 4px;
  }
  .active a.nav-link.tab_inner4.tab_inner_bot::before {
      background-position: center -29px;
  }
  .tab_inner5:before {
       background: url(/public/assets/img/icon3.png)no-repeat;
      height: 40px;
      width: 32px;
         background-position: center 7px;
      background-size: 20px;
      content: "";
      position: absolute;
      top: 0;
      left: 5px;
  }
  
  .tab_inner1:before {
     background: url(/public/assets/img/icon4.png)no-repeat;
      height: 40px;
      width: 32px;
      background-position: center 6px;
      background-size: 25px;
      content: "";
      position: absolute;
      top: 0;
      
  }
  .tab_inner1.active:before {
      background-position: center -24px;
  }
  ul.innter_tab_box.nav_tab li.tab_inner5:before {
      background-position: center 9px;
  }
  ul.innter_tab_box.nav_tab li.tab_inner5.active:before {
      background-position: center -21px;
  }
  ul.innter_tab_box.nav_tab .tab_inner2:before{ background-position: center 8px;}
  
  .tab_inner3.active:before {
      background-position: center -22px;
  }
  .tab_inner4.active:before {
      background-position: center -24px;
  }
  .tab_inner5.active:before {
      background-position: center -24px;
  }
  
  .active .tab_inner1:before {
      background-position: center -27px;
  }
  
  .active .tab_inner3:before {
      background-position: center -24px;
  }
  .active .tab_inner4:before {
      background-position: center -25px;
  }
  .active .tab_inner5:before {
      background-position: center -22px;
  }
  .plan_heading.pricing_head {
      font-size: 28px;
  }
  
  .bill_tab {    text-align: center;
      padding-bottom: 30px;
  }
  .bill_tab ul {
      display: inline-flex;
      justify-content: center;
      list-style: none;
      background: #f2ececb5;
      border-radius: 25px;
      padding: 3px;
      margin: 0;
      min-width: 296px;
      border: 1.2px solid #e8e0e0;
   
  }
  .bill_tab li {
      padding: 9px 10px;
      font-size: 14px;
      width: 50%;
      cursor:pointer;
  }
  .active_bill{background: #4154f1;
      border-radius: 25px;
      color: #fff;
  }
  .show_discount_price{    display: none;
      margin-top: 18px;}
  .discount_price {
        font-size: 13px;
      top: -23px;
      position: absolute;
      background: #4154f1;
      color: #fff;
      padding: 5px 9px 3px;
      border-radius: 15px;
      width: auto;
      display: block;
      text-align: center;
      margin: 0 auto;
      right: 0;
  }
  .show_discount_price.premium_price_box {
      margin-top: 0;
  }
  .show_discount_price.premium_price_box {
      margin-top: 0;
  }
  .show_discount_price.enterprice_text {
      margin-top: 82px;
  }
  
  
  .align_bottom_text {
      display: flex;
      align-items: center;
      justify-content: space-between;
  }
   .discount_text{position:relative;
      top: -1px;
      right: 0;
  }
  
  
  
  /* new pricing page css end here */
  
  
  
  
  
  /* new pricing page responsive start css  */
  
  
   @media (max-width:991px) {
  .nav-pills .nav-link{margin: 0 5px 14px; font-size:12px;}	 
      .nav.nav-pills.nav_tab {
      margin-bottom: 20px;
  }
  .heading_price{padding-top:0;}
  .plan_box{margin-bottom:35px; min-height:inherit;}
   .logo_cntr {
      width: 100%;
  }
  .logo_cntr:after{display:none;}
  .modal-content1.plan_box{min-height:inherit;}
  .bill_tab{padding-top:20px;}
  .menu_hovet_tooltip{display:none;}
  
   }
  
  
  /* new pricing page responsive end css  */
  
  
  
  
  /* canvas listing page inline css here */
  
  .canvas-container { width: 100% !important; height: auto !important; cursor: pointer;}
  .canvas-container canvas {max-width: 100% !important; height: auto !important;cursor: pointer;}
  div.image-results {max-height: 300px;overflow-y: scroll;}
  ul#unSplashResult {display:inline-block; margin-bottom:20px; width:100%; list-style-type:none;}
  li.unsp-img-list {float: left;width: 31%;margin: 5px; text-align:center;cursor: pointer;  position:relative;}
  li.unsp-img-list img {max-width:100%;}
  li.unsp-img-list:nth-child(3n+1) {clear:both;}
  #loadmore_unpImgs {clear:both; float:clear; text-align:center;}
  .unsplash-credit {position:absolute; bottom:15px;left: 0; padding:5px; width: 20px; height: 20px; font-size:20px;}
  .unsplash-credit:hover {color:#0b5ed7;}
  
  /* canvas listing page inline css here */
  
  /* Loading indicator styles */
  #loading-indicator {   display: none;  position: fixed;  top: 0; left: 0; width: 100%; height: 100%;background-color: rgba(255, 255, 255, 0.8); z-index: 1000; text-align: center; padding-top: 20%;}
  
  #loading-indicator .spinner { border: 6px solid #3498db; border-top: 6px solid transparent; border-radius: 50%; width: 40px;height: 40px; animation: rotate 1.5s linear infinite; display: inline-block;}
  
  @keyframes rotate {
      0% { transform: rotate(0deg); }
      100% { transform: rotate(360deg); }
  }
  

.gif-preview-wrapper {
    display: grid !important;
    align-items: center;
    justify-items: center;
}

.gif-preview-wrapper .gif-indicator {
    position: absolute;
    width: 30px;
    background: #fff;
    pointer-events: none;
    margin: auto;
    opacity: 0.85;
    border-radius: 50% !important;
}