* {
    margin:0;
    padding:0;
    text-decoration:none;
    outline:none;
    box-shadow: none;
    border:0;
    box-sizing: border-box; /* FIX */
}

body {
     /*font-family: "Roboto", sans-serif;*/
     font-family: 'Roboto';
     font-size:16px;
     color:#404040;
     line-height:28px;
     font-weight:400;
}
input {
     box-sizing: border-box; /* FIX */
}

p { margin-bottom:20px; }

.div_flex {display:flex; justify-content: space-between ;}

.align_item_start { align-items: start;}
.align_item_end { align-items: end;}
.align_item_center { align-items: center;}
.d_f_c_gap { display:flex;  column-gap: 24px ;}
.b-radius-15 { border-radius:15px; }

div.divider { height:2px; border-bottom:1px solid #D9D9D9; width:100%;}

.w-220 {
  max-width:220px;
 
}

ul { list-style:none; padding: 0;}

ul.global li::marker {
    color: #404040;      /* bullet color */
    font-size: 10px;     /* bullet size */
}
ul.global { list-style: disc; margin-left:25px; }

ul.blue li::marker {
    color: #2480C3;      /* bullet color */
    font-size: 10px;     /* bullet size */
}
ul.blue { list-style: disc; margin-left:25px; }



.blue { color:#2480C3; }
.gray-italic {
  font-style: italic;
  color:#7D7D7D;
  font-weight: 700;
}
.gray { color:#7D7D7D; }
.gray2{ color:#4A4A4A;}
.black { color:#000; }
h3.font-28 { font-size:28px; color:#000; }
.font-20 { font-size:20px !important; } 
.font-24 { font-size:24px; } 
.font-16 { font-size:16px; } 
.color-black { color:#000; }

.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.fw-400 { font-weight: 400; }

.mt-40 { margin-top:40px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }

.mb-5 { display:block; margin-bottom:5px; }
.mb-10 { margin-bottom:10px; }
.mb-20 { margin-bottom:20px; }
.mb-24 { margin-bottom:24px; }
.mb-30 { margin-bottom:30px; }
.mb-40 { margin-bottom:40px; }
.mb-50 { margin-bottom:50px; }

.pb-16 { padding-bottom:16px !important; }
.l-spacing-1 { letter-spacing: 1px;}
.grid-center {
    display: grid;
    place-items: center; /* centers both directions */
    height: 100vh;
}

a:focus,
a:active, 
a:visited {
    color: #404040;
}


.download-blue-btn {
  border-radius: 8px;
  border: 1px solid  #2480C3;
  background-color:  #2480C3;
  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  color:#fff !important;
  display:block;
  width:175px;
  padding: 7px 10px;
  text-align: center;
}

.main-wrapper {
    display: flex;
    width: 100%;
    max-width: 1920px; margin:0 auto;
}

h1 {
    color:  #202E60;
    font-size: 24px;
    margin-bottom:10px;
}

.container-row { margin-bottom:24px; }


.avatar { display:flex; column-gap: 15px; align-items: center;}
.avatar img { width: 60px; height:60px; border-radius: 100px;  }
.avatar .ava_text span { 
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;

}

.avatar .ava_text h3 { 
  display: block;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  color:#2480C3;
}

.main-wrapper { background-color:#F0F1F5; column-gap: 20px; }

/* Sidebar Menu */

.sidebar_content {
  width: 250px;
  background-color: #fff;
  /*height: 100vh;*/
   height: auto; /* Height now adjusts based on content */
  overflow-y: visible; /* Ensure content is fully shown */
 /* overflow-y: auto;*/
  flex: 0 0 auto; /* Don't stretch in a flex layout */
  padding: 24px 12px 44px 12px;
}

.sidebar_content .logo {text-align:left; margin-bottom:20px; display:block;}

.main_menu {
  list-style: none;
  margin: 0 0 30px;
  padding: 0 0 0 12px;
}

.sub_heading {
  padding: 10px 8px;
  text-transform: uppercase;
  font-size: 13px;
  color: #bdc3c7;
  margin-top: 10px;
}

/* --- Menu Links --- */
.main_menu li.sub_heading { color:#000;   font-weight: 700;  font-size: 18px; }
.main_menu li { margin-bottom:7px; }



.main_menu li a {
  display: flex;
  color: #404040;
  padding: 8px 45px  8px 8px;
  text-decoration: none;
  transition: background 0.2s;
  font-size: 16px;
  font-weight: 400;
  justify-content: start;
  column-gap: 9px;
  position:relative;
  align-items:start;
  line-height: 24px;
  
}

.main_menu li a:hover {
  background-color: #D3E6F3;
  border-radius: 5px;
  color:#202E60;
}

.main_menu li.active > a {  
  color:#202E60; 
  font-weight: 700; 
  background-color: #D3E6F3;
  border-radius: 5px;
  margin-bottom:5px;
}

.main_menu li.active ul li a {  
   margin-bottom:0px;
}



/* --- Submenu --- */
.submenu {
  display: none;
  list-style: none;
  padding-left: 15px;
}

.has-submenu > a {
     display: flex;
     align-items: center; /* vertically center the icon */
    justify-content: space-between; /* push arrow to the right */
}
.has-submenu > a::after {
  content: "";
  width:10px; 
  height:10px;
  margin-top:5px;
  border:0px solid red;
  background-image:url('/images/sidebar-icons/arrow_forward_ios.svg');
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 0.3s ease;
  transform-origin: center; /* keep it centered during rotation */
  position:absolute;
  right:10px;
 

}

.has-submenu.open > a::after {
  transform: rotate(90deg);
}

.has-submenu.open .submenu {
  display: block;
}

.container-content {
    flex-grow: 1;
    padding: 24px;
    background-color: #fff;
    overflow-y: auto;
    border-radius: 10px;
    border: 1px solid  #D9D9D9;
    margin-top:10px;
    margin-right:10px;
    margin-left:30px;
    margin-bottom: 24px;
  
}

/*Tabs*/
.tabs {  display:flex; column-gap: 24px; border-bottom: 1px solid  #D9D9D9; margin-bottom:24px; flex-wrap: wrap; }
.tabs li {  padding: 12px 0; }
.tabs li.active {
  border-radius: 5px 5px 0 0;
  border-bottom: 2px solid  #2480C3;
}
.tabs li a {
  color:  #808080;
  font-size: 14px;
  letter-spacing: 0.5px;
  text-decoration:none;
}
.tabs li.active  a { font-weight: 700; color: #2480C3; text-decoration: none !important; }


.dropdown-section-area .form-search { display: flex; column-gap:12px; }
.dropdown-section-area .form-search select { width: 100vh; max-width:260px; display:block; }
.dropdown-section-area .form-search .dropdown-currency-select { width: 100vh; max-width:105px; }
.my-gifts .search-input-area { width: 400px; }
.search-input-area input { width: 100vh; max-width:400px; }


/*Form Input, Select, Textarea Styles*/
.select-wrap {position:relative; } /* Wrap every select dropdown of this wrapper*/
.select-wrap::after { 
     content: " ";
      position: absolute;
      top: 16px;
      right: 12px;
      width: 8px;
      height: 10px;
      border:0px solid red;
      pointer-events: none; /* allow clicks to reach the select */
      background-image: url("/images/arrow_forward_ios.svg");
      background-repeat: no-repeat;
      
}
.input-text,
.input-select {
  border-radius: 5px;
  border: 1px solid  #D9D9D9;
  background-color: #FFF;
  padding:12px;
  font-size: 14px;
  color:#404040;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position:relative;
}
.input-text {   padding:12px 12px; position:relative; display:flex; align-items: center; }
.input-text input { width:100%; padding-right:12px; }
.input-text img { position:absolute; right:12px;  }

.input-select { padding-right:30px;}

.input-checkbox {
  display: flex;
  width:20px; 
  height:20px;
  padding: 24px 8px 24px 0;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 6px;
  border: 1px solid #D0D5DD;
  background-color:  #FFF;
}



/* Dropdown with Image text style */
.dropdown-currency-select {
  position: relative;
}

.dropdown-currency-select .selected {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5.4px 8px;
    display: flex;
    align-items: center;
    justify-content: start;
    cursor: pointer;
    border-radius: 6px;
    position:relative; 
    font-size: 14px;
    font-weight: 400;
}

.dropdown-currency-select .selected img {
  width: 20px;
  height: 14px;
  margin-right: 8px;
}

.dropdown-currency-select .selected img.arrow_down { 
  position:absolute;
  right:0px;
  width: 8px;
}

.dropdown-currency-select .options {
  display: none;
  position: absolute;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  margin-top: 4px;
  z-index: 10;
}

.dropdown-currency-select .option {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
}

.dropdown-currency-select .option img {
  width: 20px;
  height: 14px;
  margin-right: 8px;
}

.dropdown-currency-select .option:hover {
  background-color: #f0f0f0;
}

/* Monthly Box Listing */
.monthly-box-rep { column-gap: 24px; }
.monthly_box_listing { 
  flex: 0 0 377px;        /* fixed 400px width until max-width applies */
  max-width: 377px;       /* ensures it doesn’t exceed 400px */
  width: 100%;    
}
.monthly_graph_box {  flex: 1;  }

.monthly_box { 
    display:flex;  
    justify-content: space-between;
    border-radius: 10px;
    border: 1px solid  #D9D9D9;
    background-color:  #FFF;
    padding: 16px 24px;
    align-items: center;
    border-left: 4px solid  #2480C3;
    margin-bottom:16px; 
    flex: 1;
}
.monthly_box.last {  margin-bottom:0px;  }

.monthly_box .box span.text1 {
    color: #808080;
    font-size: 12px;
    font-weight: 400;
    display:block;
    letter-spacing: 0.5px;

}

.monthly_box .box span.text2 {
    color:  #202E60;
    font-size: 32px;
    display:block;
    letter-spacing: 0.5px;

}

.monthly_box .box span.text3 {
      color:  #202E60;
      font-size: 12px;
      display:block;
      letter-spacing: 0.5px;
}

.monthly_box .box_image { display:flex; align-items: center; }
.monthly_graph_box img { height: 385px; width:100%; }



.monthly_box_ministry_expenses_listing {  display:flex; width:100%; justify-content: space-evenly; column-gap:24px;}
.monthly_box_ministry_expenses_listing  .monthly_box { margin-bottom:0px;}
.monthly_box_acount_balance_listing  .monthly_box {   width: 33.3333%; }

.float-left {
  margin-right: auto; /* pushes this one to the far left */
}

.default_tables {
  border-radius: 5px;
  border: 1px solid  #D9D9D9;
  padding:24px;
  
}

.default_tables  .table_search { margin-bottom:24px; }
.default_tables  .table_search span { font-size: 20px; }
.default_tables  .table_search { display:flex; justify-content: flex-end; column-gap: 12px; align-items: center; }
.default_tables  .table_search select { width: 100vh; max-width:250px; display:block; }
.default_tables  .table_search   input { width: 100vh; max-width:260px; }
.default_tables  .table_search   input::placeholder { color:#D9D9D9; }

.table-responsive {
    width: 100%;
    overflow-x: auto;  /* allows horizontal scroll on small screens */

}
.d_table { 
  width:100%; 
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */
   min-width: 700px; /* ensures table is scrollable if too wide */
  border-top:1px solid #D9D9D9; 
  border-bottom:1px solid #D9D9D9; 
  font-size:14px; 
  margin-bottom:24px;
  border-collapse: collapse; /* merge border gaps */
 

 }
.d_table th { color:#000; font-weight:700; }
.d_table.has_th_border_top th { border-top: 1px solid #D9D9D9; }
.d_table td { border-top: 1px solid #D9D9D9; }
.d_table th, .d_table td { padding-top:24px; padding-bottom:24px; text-align:left;   white-space: nowrap;  }
.d_table tbody tr:hover { background-color:#F4FBFF; }
.d_table tbody tr.gray { background-color:#F2F2F2; }
.d_table tbody tr.green { background-color:#F4FBFF; }
.d_table tfoot tr { background-color:#2480C3; }
.d_table tfoot tr th { color:#fff; font-weight: 400; }

.d_table td span.green {
   color:#00AE4E;
   background-color: #D9FFEA;
   border-radius: 50px;
   padding: 3px 12px;
   font-size:12px;
   border:1px solid #00AE4E;
}

.d_table td span.blue {
   color:#2480C3;
   background-color: #E9F3F9;
   border-radius: 50px;
   padding: 3px 12px;
   font-size:12px;
   border:1px solid #2480C3;
}

.d_table td span.purple {
   color:#731C74;
   background-color: #F1E7F2;
   border-radius: 50px;
   padding: 3px 12px;
   font-size:12px;
   border:1px solid #731C74;
}

/* Show More Box*/
.show_box_wrapper {
    position:relative; 
    width:30px;
}
.show-more-link { 
   display:block;
   width:30px;
}
.show_box_wrapper ul.show-more-box { 
  position:absolute; 
  border-radius: 8px;
  border: 1px solid  #F2F2F2;
  width:145px;
  background-color:#fff;
  z-index: 99;
  right:0;
  display:none;
}
.show_box_wrapper:hover ul.show-more-box { display:block }

.show_box_wrapper ul.show-more-box li { border-bottom: 1px solid  #F2F2F2; padding:10px 24px; }
.show_box_wrapper ul.show-more-box li:last-child { border-bottom: 0px solid  #F2F2F2; }



.d_pagination { display:flex; justify-content: space-between; align-items: center; min-width: 700px; }
.d_pagination a.btn {
    border-radius: 8px;
    border: 1px solid  #D9D9D9;
    background-color:  #FFF;
    /* Shadows/shadow-xs */
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
    padding: 8px 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px; /* 142.857% */
    letter-spacing: 0.5px;
    text-transform: uppercase;
    position:relative;
    color:#404040;
}
.d_pagination a.btn.previous {
   background-image:url('/images/arrow-left.svg');
   background-repeat:no-repeat;
   background-position: 8px 50%;
   padding-left:25px;
}

.d_pagination a.btn.next {
   background-image:url('/images/arrow-right.svg');
   background-repeat:no-repeat;
   background-position: 53px 50%;
   padding-right:25px;
}
.d_pagination .links { display: flex; align-items: center; }
.d_pagination .links span {
    display: flex;
    width: 30px;
    padding: 8px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
}
.d_pagination .links span.active {
    border-radius: 8px;
    background:  #E9F3F9;
}
.d_pagination .links span a { color:#404040; }


/* Accordion Box - Finance & Forms*/
.accordion-box {
    border-radius: 12px;
    border: 1px solid  #D9D9D9;
    background-color:  #FFF;
    display:block;
    padding:24px;
    margin-bottom:24px;
}
.accordion-box .accordion-heading { display:flex; column-gap: 24px; justify-content: space-between; margin-bottom: 24px; }
.accordion-box .accordion-heading  h3 {
  font-size: 24px;
  font-weight: 700;
  color:#000;
  display:flex;
  column-gap: 10px;
  margin-bottom:10px;
}
.accordion-box .accordion-heading a { text-decoration:none; }
.accordion-box .accordion-heading .dropdown-icon {
  display: block;
  width:24px; 
  height:24px; 
  background-image:url('/images/mdi_chevron-down.svg');
  background-repeat:no-repeat;
  background-position:center;
}

.accordion-box .accordion-heading  p {
  font-size: 18px;
  font-style: italic;
  color:#707070;
  margin-bottom:16px;
}
.accordion-box .accordion-heading  p a { color:#2480C3; font-weight: 700; }

.accordion-box .accordion-heading .search_area { width:100%; max-width: 500px; }
.accordion-box .accordion-heading .search_area input::placeholder { color:#D9D9D9; }
.accordion-content .box {
    border-radius: 12px;
    border: 1px solid  #D9D9D9;
    background-color:  #FFF;
    display:block;
    padding:24px;
    margin-bottom:24px;
}
.accordion-content .box h3 {
  font-weight: 700;
  font-size: 16px;
  color: #2F2F2F;
  margin-bottom:24px;
}
.accordion-content .box .box-row.align_center { align-items: center; }
.accordion-content .box .box-row { display:flex; justify-content: space-between; column-gap: 100px; padding:16px; }
.accordion-content .box .box-row.b-bottom {
    border-bottom: 1px solid #EAEAEA;
}

.accordion-content .box .box-row .col-1 { width: 450px; max-width: 250px; }
.accordion-content .box .box-row .col-2 { width: 560px; }
.accordion-content .box .box-row .col-1 span { color: #2F2F2F; line-height: 25.6px; } 
.accordion-content .box .box-row .col-2 a { 
  color: #2480C3;
  text-decoration-line: underline;
  font-weight: 700;
  font-size: 16px;
}

.accordion-content .box ul {  padding-left: 16px; }
.accordion-content .box ul li { margin-bottom:10px;  }
.accordion-content .box ul  li::before {
  content: "•";
  color: #2480C3;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.tax_box {padding : 40px 80px 20px; }
.tax_box h3 { font-size:24px; font-weight:600; color: #2F2F2F; line-height: 28.8px; /* 120% */ margin-bottom:16px; }
.tax_box  .q_box {
  padding : 32px;
  border-radius: 16px;
  background-color: #F6F6F6;
  margin-bottom:24px;
}

/*Forms Insurance*/
.form_insurance_box {padding : 40px 32px 40px; }
.form_insurance_box h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38.4px; /* 120% */
    color:#000;
    margin-bottom:25px;
}
.form_insurance_box  ul li::marker {
    color: #404040;      /* bullet color */
    font-size: 10px;     /* bullet size */
}
.form_insurance_box  ul.blue li::marker {
    color: #2480C3;      
    /* bullet color */
    /* bullet size */
}
.form_insurance_box  ul { list-style: disc; margin-left:25px; }
.form_insurance_box  ul ul { padding-left:18px; margin-left:0px;  }
.form_insurance_box  ul.last { margin-bottom:35px; }
.form_insurance_box  ul.numeric { list-style: decimal;}
.form_insurance_box  ul.numeric li::marker { font-size: 16px; }

.two_column_box { display:flex; justify-content: space-between; column-gap: 80px; }
.two_column_box .column-1 { width:50%;  }
.two_column_box .column-2 { flex: 1;   }
.two_column_box .column-2  img { width:100%; }

.box-gray { 
  padding : 48px 40px;
  border-radius: 24px;
  background-color: #F6F6F6;
}

div.info_box {
   display:flex;
   column-gap: 10px;
   border-radius: 8px;
   background-color: #F2F8FE;
   padding:24px 32px;
   align-items: center;
   justify-content: space-between;
   position:relative;
}

div.info_box .info {position:absolute; top: 28px; }
div.info_box  .text { width:820px; padding-left:40px; }
div.info_box  .text p { color:#4A4A4A; font-size:14px; }


div.info_box2 {
   display:flex;
   column-gap: 10px;
   border-radius: 8px;
   background-color: #F2F8FE;
   padding:24px 32px;
   align-items: center;
   justify-content: space-between;
   position:relative;
}

div.info_box2 .info {position:absolute; top: 28px; }
div.info_box2  .text {  padding-left:40px; }
div.info_box2  .text p { color:#4A4A4A; font-size:14px; }



.normal_box .box .box-row {
    display: flex;
    justify-content: space-between;
    column-gap: 100px;
    padding: 16px;
}
.normal_box  .box h3 {
    font-weight: 700;
    font-size: 16px;
    color: #2F2F2F;
    margin-bottom: 24px;
}
.normal_box  .box h3.mb-5 {
  margin-bottom:5px;
}

.normal_box .box {
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    background-color: #FFF;
    display: block;
    padding: 24px;
    margin-bottom: 24px;
}
.normal_box .box .box-row.b-bottom {
    border-bottom: 1px solid #EAEAEA;
}
.normal_box .box .box-row.align_center {
    align-items: center;
}
.normal_box .box .box-row {
    display: flex;
    justify-content: space-between;
    column-gap: 100px;
    padding: 16px;
}

.normal_box .box .box-row .audio-text {
  width: 500px; 
}
.resources_box,
.books_box,
.audio_box {
    width: 100%;
    overflow-x: auto;  /* allows horizontal scroll on small screens */
}

.resources_box .box,
.books_box .box,
.audio_box .box {
    min-width:800px;
}


.book_wrap { 
  display:flex; 
  padding:16px; 
  border-radius: 8px;
  border: 1px solid #D4D4D4;
  column-gap: 24px;
}
.normal_box .box .box-row.c-gap-24 { column-gap:24px; }
.normal_box .box .box-row.no-padding {
    padding: 0px;
}
.book_wrap { 
    width: calc(50% - 12px); 
    margin-bottom:24px; 
    flex-shrink: 0;
}
.book_wrap .image { width:184px;  }
.book_wrap .image img { max-height: 200px; width: auto; height: auto; object-fit: contain; display: block; }
.book_wrap .text {
    position:relative; 
    display: flex;
    flex-direction: column;
    flex: 1;
}
.book_wrap .text h3 { font-size:20px; font-weight: 500; margin-bottom:10px; color:#000; }
.book_wrap .text p { color:#707070; font-size:14px; line-height: 22.5px; }
.book_wrap .text .book-description {
    color:#707070;
    font-size:14px;
    line-height: 22.5px;
    margin-bottom: 16px;
    flex: 1;
}
.book_wrap .text a { 
    margin-top: auto;
    align-self: flex-start;
}


.normal_box .box .box-row .jtfl-text {
    display:flex;
    align-items: center;
    column-gap: 16px;
}
.normal_box .box .box-row .jtfl-text .img_area {
   width:80px;
   border-radius: 8px;
}
.normal_box .box .box-row .jtfl-text .img_area img { 
    max-height: 200px; 
    width: auto; 
    height: auto; 
    object-fit: contain; 
    display: block; 
}


.normal_box .box .box-row .literature-text {
    display:flex;
    align-items: center;
    column-gap: 16px;
}
.normal_box .box .box-row .literature-text .img_area {
   width:80px;
   border-radius: 8px;
}
.normal_box .box .box-row .literature-text .img_area img { width: 100%; }

.normal_box .box .box-row .media-kits-text {
    display:flex;
    align-items: center;
    column-gap: 12px;
    flex: 1;
}
.normal_box .box .box-row .media-kits-text .img_area {
   width: 100px;
   flex-shrink: 0;
   border-radius: 8px;
}
.normal_box .box .box-row .media-kits-text .img_area img { 
   width: 100%; 
   height: auto;
   object-fit: contain;
}
.normal_box .box .box-row .col-1 {
    flex: 1;
    text-align: left;
}
.normal_box .box .box-row .col-2 {
    flex-shrink: 0;
}
/* Media Kits specific styling - tighter spacing and left alignment */
.normal_box .box .box-row:has(.media-kits-text) {
    column-gap: 20px;
}



.normal_box .box2 {
    border-radius: 12px;
    border: 1px solid #D9D9D9;
    background-color: #FFF;
    display: block;
    padding: 24px 16px;
    margin-bottom: 24px;
}
/* Logo page specific spacing */
.normal_box .box2 .divd_f_c_gap {
    display: flex;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}
.normal_box .box2 .divd_f_c_gap img {
    max-width: 120px;
    max-height: 120px;
    width: auto;
    height: auto;
    object-fit: contain;
}
/* Remove any large images that shouldn't be there */
.normal_box .box2 p img {
    max-width: 100%;
    height: auto;
}
/* Ensure proper spacing after lists */
.normal_box .box2 ul.blue {
    margin-bottom: 20px;
}
.normal_box .box2 h3 {
    margin-top: 24px;
    margin-bottom: 16px;
}
.normal_box .box2 h3:first-child {
    margin-top: 0;
}
.normal_box .box2 p {
    margin-bottom: 20px;
    line-height: 1.6;
}
.normal_box .box2 strong {
    display: block;
    margin-top: 24px;
    margin-bottom: 4px;
}
.normal_box .box2 ul {
    margin-top: 4px;
    margin-bottom: 20px;
}

/* POP UP SUBMISSION TEMPLATE 1*/

.pop_up_overlay { background-color:#cacaca; width:100%; padding:100px 0; }
.pop_up_content {
    border-radius: 16px;
    background-color: #FFF;
    max-width: 520px;
    padding: 40px 50px;
    margin:0 auto;
    position:relative;
}
.pop_up_content #close {
   width:30px;
   height:30px;
   position:absolute;
   right:25px;
   top:25px;
}
.popup_template_1 h1 {
    color:  #1F2A3D;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-bottom:26px;
}
.popup_template_1 .popup-form-row { display:block; margin-bottom:20px;}
.popup_template_1 .popup-form-row.last { margin-bottom:35px; }
.popup_template_1 .popup-form-row.no_margin_b { margin-bottom:0px; }
.popup_template_1 .popup-form-row  label { 
  display:block; 
  margin-bottom: 7px;
  color:  #404040;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.popup_template_1 .popup-form-row .popup-select {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid  #D9D9D9;
  background-color: #FFF;
  padding:12px;
  width:100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.popup_template_1 .popup-form-row .popup-input {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid  #D9D9D9;
  background-color: #FFF;
  padding:12px;
  width:100%;
  max-width: 494px;

}
.popup_template_1 .popup-form-row .popup-textarea::placeholder,
.popup_template_1 .popup-form-row .popup-input::placeholder { color:#D9D9D9; }

.popup_template_1 .popup-form-row .popup-textarea {
  border-radius: 5px;
  font-size: 14px;
  font-weight: 400;
  border: 1px solid  #D9D9D9;
  background-color: #FFF;
  padding:12px;
  width:100%;
  max-width: 494px;
  height:112px;

}

.popup_template_1 .popup-form-row .popup-submit {
  width:100%;
  padding : 10px 16px;
  border-radius: 8px;
  border: 1px solid  #2480C3;
  background-color:  #2480C3;
  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  color:  #FFF;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: .75px;
  margin-bottom:15px;
  
}


.popup_template_1 .popup-form-row .popup-cancel {
  width:100%;
  display:block;
  padding : 10px 0px;
  border-radius: 8px;
  border: 1px solid  #2480C3;
  background-color:  #fff;
  /* Shadows/shadow-xs */
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
  color:  #2480C3;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: .75px;
  text-align: center;

}

/* Mobile Responsive */
@media only screen and (max-width: 1600px) { 
      .normal_box .box .box-row {
          column-gap: 20px;
      }

      
}
@media only screen and (max-width: 1500px) {
    .book_wrap .text a {
          position: unset;
     }
}

@media only screen and (max-width: 1350px) { 

  .default_tables .table_search {
      flex-wrap: wrap;   /* prevent going to next row */ 
      gap: 10px; /* optional spacing */
      justify-content: space-between;
  }
  .default_tables .table_search .float-left {
      flex: 0 0 100%;
  }
  .default_tables .table_search .input-text,
  .default_tables .table_search .select-wrap {
     flex: 1;          /* makes all 3 equal and shrinkable */
     min-width: 0;     /* prevents overflow */
  }
  .default_tables .table_search select {
      width: 100%;
      max-width: 100%;
  }

  .audio_box.normal_box .box .box-row { display:block; }
  .audio_box.normal_box .box .box-row .col-2,
  .audio_box.normal_box .box .box-row .audio-text {
      width: 100%;
      margin-bottom:15px;
  }

  .books_box.normal_box .box .box-row { display:block; }



}


@media only screen and (max-width: 1150px) {
    /* My Gifts Pages */
     .my-gifts.div_flex { display:block; }
     .my-gifts.div_flex .dropdown-section-area { margin-bottom: 20px; }
     .my-gifts .dropdown-section-area .form-search select,
     .my-gifts .dropdown-section-area .form-search .dropdown-currency-select,
     .my-gifts .dropdown-section-area .form-search .select-wrap { width:100%; max-width: 100%; }
     .my-gifts .search-input-area { width: 100%; }
     
     .monthly_box_ministry_expenses_listing,
     .monthly-box-rep { display:block; }
     .monthly_box_acount_balance_listing .monthly_box {
          width: 100%;
      }
     .monthly_box_listing {
        max-width: 100%;
        width: 100%;
        margin-bottom:24px; 
       
     }
     .monthly_box_ministry_expenses_listing .monthly_box {
          margin-bottom: 15px;
      }

      .two_column_box.with_image { flex-direction: column-reverse;}
      .two_column_box.with_image .column-1 {
          width: 100%;
      }

      div.info_box { align-items: start; column-gap: 30px; }
      div.info_box .text {
        width: 100%;
      }

}

@media only screen and (max-width: 1024px) {
  
    .table-responsive { padding-bottom:20px; }
    
    .default_tables .table_search .input-text,
    .default_tables .table_search .select-wrap {
        flex: 0 0 100%;
    }

    /* Finance and Forms */
    .accordion-box .accordion-heading {
      display: flex;
      flex-direction: column-reverse;
    }
    .accordion-box .accordion-heading .search_area {
        max-width: unset;
        margin: 0 0 20px;
    }
    .accordion-box .accordion-heading p {
        margin-bottom: 0px;
    }
    .tax_box {
      padding: 40px 15px 20px;
    }
    .accordion-content .box .box-row {
      display: block;
      padding: 16px 0;
    }
    .accordion-content .box .box-row .col-2,
    .accordion-content .box .box-row .col-1 {
        width: 100%;
        margin-bottom: 15px;
    }
    .tax_box .q_box {
        padding: 32px 15px;
    }
    
    .accordion-box {
        padding: 24px 15px;
    }
    .form_insurance_box {
      padding: 40px 0px 40px;
    }

     div.info_box { display:block; }
     div.info_box .download-blue-btn { margin-left:40px; }

     .normal_box .box .box-row {
        display: block;
        padding: 16px 0;
     }

    .normal_box .box .box-row .col-1{
        margin-bottom:15px;
     }

     .books_box  .book_wrap { display:block; }


}