:root {
    --main-background-color: #fff;
    --main-font-family: 'Poppins', sans-serif;
    --main-font-size: 14px;
    --main-line-height: 21px;
    --main-font-weight: 400;
    --main-font-weight-500: 500;
    --main-font-weight-700: 700;
    --main-heading-font-size: 14px;
    --main-heading-line-height: 21px;
    --main-font-weight-600: 600;
    --main-text-color: #2E354C;
    --main-green-color: #5EBC33;
    --main-red-color: #bb2d3b;
    --main-black-color:#2C2C2C;
  }
  
  ul li {
      color: var(--main-text-color);
  }

.header-container .navbar-expand-sm{
    justify-content: space-between !important;
  }
    
  .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu{
    right: 12px;
  }
  .navbar .navbar-item .nav-item.user-profile-dropdown .dropdown-menu.show{
    top: 58px!important;
  }

  .additionalinfos .info-box-1.color-2 {
      display: grid;
      place-content: center;
      height: 100%; /* Ensures the container takes full height */
  }

  .additionalinfos .info-box-1-content-wrapper {
      align-self: center;
      text-align: center; /* Optional: Centers text horizontally */
  }

  
  h1,h2,h3{
    font-family: var(--main-font-family) !important;
  }
 body{
    background-color: var(--main-background-color) !important;
    font-family: var(--main-font-family) !important;
    font-size: var(--main-font-size);
    line-height: var(--main-line-height);
    font-weight: var(--main-font-weight);
 }
 .auth-container .container{
    max-width: 1008px;
 }
 #sidebar ul.menu-categories ul.submenu>li a{white-space: normal;}
 .swal2-icon.swal2-warning {
  border-color: #ff0000ba !important;
  color: #ff0000c7 !important;
}
.swal2-styled.swal2-confirm{
  background-color: #5EBC33 !important;
  font-size: 18px;
  line-height: 18px;
  border-radius: 8px !important;
  padding: 15px !important;
}
 .log_outer_contain{
    background-color: #E5E7EB !important;
 }
 .log_inner_contain{
    background-color: #fff !important;
    border-radius: 16px;
    padding: 64px;
    gap: 48px !important;
 }

.form-group label, label{
background-color: var(--main-background-color) !important;
font-family: var(--main-font-family) !important;
font-size: var(--main-font-size) !important;
line-height: var(--main-line-height) !important;
font-weight: var(--main-font-weight) !important;
color: #333333;
}

p{
    color: var(--main-text-color) !important;
    line-height: var(--main-line-height) !important;
}
  
  img.imgsize {
    width: 143px;
    height: auto;
  }
  
  .headinglog_pg {
    font-size: var(--main-heading-font-size);
    line-height: var(--main-heading-line-height);
    font-weight: var(--main-font-weight-600);
    margin-top: 37px;
    color: var(--main-text-color);
  }
  ul.listingdata{
    margin-top:25px;
    margin-bottom: 37px;
    padding-left: 25px;
  }
  ul.listingdata li {
    color: var(--main-text-color);
    line-height: var(--main-heading-line-height);
  }

  h2.welcome_title{
    font-size: 18px;
    font-weight: var(--main-font-weight-500);
    line-height: var(--main-heading-line-height);
    color: var(--main-black-color);
  }
  h2.welcome_title span{
    color: var(--main-green-color);
  }

  h1.welcome_subtitle{
    font-size: 40px;
    font-weight: var(--main-font-weight-700);
    line-height: 60px;
    color: var(--main-black-color);
  }
  h1.welcome_subtitle_home{
    font-size: 32px;
    font-weight: 300;
    line-height: 32px;
    color: var(--main-text-color);
  }
  .btn-greencls{
    background-color: var(--main-green-color) !important;
    font-size: 18px;
    line-height: 18px;
    font-weight: var(--main-font-weight-700);
    border-radius: 8px !important;
    padding: 15px !important;
  }
  .btn-redcls{
    background-color: var(--main-red-color) !important;
    font-size: 18px;
    line-height: 18px;
    font-weight: var(--main-font-weight-700);
    border-radius: 8px !important;
    padding: 15px !important;
  }

  .borderleftch{border-left: 1px solid #ccc; }
  /* .borderleftchlogin{ padding-left: 8%;} */

  .btn-greycls{
    font-size: 18px;
    line-height: 18px;
    font-weight: var(--main-font-weight-700);
    border-radius: 8px !important;
    padding: 20px !important;
  }

  .goalbbottomc  tfoot th { border-width: 0px !important;}
  .swal2-styled.swal2-confirm{ background-color:var(--main-green-color) !important;}


  /* For WebKit browsers (Chrome, Safari) */
  #accordionExample::-webkit-scrollbar {
    width: 2px; /* Set the width of the scrollbar */
}

#accordionExample::-webkit-scrollbar-thumb {
    background-color: #ccc; /* Set the color of the scrollbar thumb */
    border-radius: 6px; /* Set the border-radius of the thumb */
}

#accordionExample::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* Set the color of the scrollbar thumb on hover */
}

#accordionExample::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* Set the color of the scrollbar track */
}

#accordionExample::-webkit-scrollbar-track:hover {
    background-color: #ccc; /* Set the color of the scrollbar track on hover */
}

#accordionExample::-webkit-scrollbar-button {
    display: none; /* Hide the scrollbar buttons (arrows) */
}


  /*radio button css start*/


  .list_type {
    display: flex;
    cursor: pointer;
    font-weight: 500;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.375em;
    outline: 0 !important;
  }
  
  .list_type:focus-within {
    outline: .125em solid #00005c;
  }
  
  .radiobtn_inner {
    position: absolute;
    left: -9999px;
  }
  
  .radiobtn_inner:checked + .label_radio_cus {
    background-color: #00A850 !important;
    color: #fff;
  }
  
  .radiobtn_inner:checked + .label_radio_cus:before {
    box-shadow: inset 0 0 0 0.4375em #fff;
  }
  
  .label_radio_cus {
    display: flex;
    align-items: center;
    padding: 12px 13px 12px 16px;
    border-radius: 6px;
    transition: 0.25s ease;
    text-transform: uppercase;
    color: #333333;
    font-size: 14px !important;
    line-height: 21px !important;
    border: 1px solid #80869C;
}
  
  .label_radio_cus:hover {
    background-color: #00A850 !important;
    color: #fff;
  }

  .radiobtn_inner:checked + .label_radio_cus:before {
    background-color: #00A850;
  }

  .active>.page-link, .page-link.active {
    background-color: #5ebc33 !important;
    border-color: #5ebc33 !important;
    color: #fff !important;
}

.whatsapp-icon.fa,.email-icon.fa { font-size: 18px; }

.whatsapp-icon { color: #25D366; }
.email-icon { color: #D44638; }

.page-link{color:#5ebc33 !important;}
  
  .label_radio_cus:before {
    display: flex;
    flex-shrink: 0;
    content: "";
    background-color: #fff;
    width: 1.5em;
    height: 1.5em;
    border-radius: 50%;
    margin-right: 0.375em;
    transition: 0.25s ease;
    box-shadow: inset 0 0 0 0.125em #7B7B7B;
    margin-right: 8px !important;
  }

  


  /*radio button css over */

  .tag_line_logo{
    color:#5EBC33; 
    font-size:16px; 
    font-weight:700;
  }

  .custom-radio-button {
    background-color: #00A850 !important;
    color: #fff; /* Set text color to white for better visibility */
  }
  
  .custom-radio-button:not(:last-child) {
    margin-right: 10px; /* Adjust the margin between buttons as needed */
  }

  .btn-blackcls{
    background-color: var(--main-black-color) !important;
    font-size: 18px;
    line-height: 18px;
    font-weight: var(--main-font-weight-700);
    border-radius: 8px !important;
    padding: 15px !important;
  }
  /* .brandinglogos{margin-top: 100px !important;} */
  .form-control {
    border: 1px solid #80869C !important;
    border-radius: 6px;
  }
  .copyrightbtm{background-color: #E5E7EB !important; padding:20px;}
  .form-check-input{
    border: 1px solid #80869C !important;
  }
  .bottom_log_foot{margin-top: 100px;}
  ul.horizontalmenu{padding-left: 0px;}
  ul.horizontalmenu li{
    color: var(--main-text-color);
    display: inline-block;
    list-style: none;
    font-weight: var(--main-font-weight-600);
    padding: 12px;
    
  }
  .copyrightbtm .tpheading{
    font-weight: var(--main-font-weight-500);
    font-size: 13px;
    color: var(--main-text-color);
    line-height: 19.5px;
  }

  .copyrightbtm .copytext{
    font-weight: var(--main-font-weight);
    font-size: 12px;
    color: #414A6B;
    line-height: 18px;
  }
  .pd-right-mng{padding-right: 0px !important;}
  .pd-left-mng{padding-left: 0px !important;}
  .borderrightch{border-right: 1px solid #ccc;}
  
  .widget-content.widget-content-area .badge{ white-space: initial !important; }

  @media only screen and (max-width: 980px) {
      
    .form-select {
        background-repeat: no-repeat !important;
        background-position: right 9px center !important;
        background-size: 10px !important;
    }
    #planForm ul#goalList,#planForm .step6 ul,#planForm .step3 ul,#planForm .step9 ul {
        padding: 4px;
    }
    span.input-group-text.bg-white.border-0.datepickertrigger {
        display: none;
    }
    

    .pd-right-mng{padding-right: calc(var(--bs-gutter-x) * .5) !important;}
    .pd-left-mng{padding-left: calc(var(--bs-gutter-x) * .5) !important;}
    .borderleftch,.borderrightch{border: none;}
    .borderleftchlogin{padding-left: auto;}
    .log_outer_contain{
        background-color: #fff !important;
     }
     
  }
  
  @media only screen and (max-width: 780px) {
      .log_inner_contain{
        padding: 0px;
     }
    .mobileorder{padding: 0px 40px; text-align: center;}
    .row.brandinglogos div {width: 100% !important;}
    button.btn.btn-greencls.my-1.step10_next.text-white,button.btn.btn-blackcls.text-uppercase.step10_previous.text-white,.mobiflefull{width:100%;}
    .mobilefullgap { width: 100%; margin: 4px 0px;}
}