@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
body, html {
    overflow-x: hidden;
}

/* fonts */
.ubuntu-regular {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.ubuntu-bold, .fw-bold {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
}
#nutritie .d-xl-none {
    display: none;
}
.mx-auto {
    margin: auto;
}
.w-100 {
    width: 100%;
}
.max-345 {
    max-width: 345px;
}
p {
    margin: unset;
}
.page-footer-row{
    display: block!important;
}
#nutritie .header{
    background: #FFFBF6;
    display: block;
}
#nutritie .section2 {
    background: #FFF5E8;
}

.text-white {
    color: #fff;
}
.position-absolute {
    position: absolute;
}
.position-relative {
    position: relative;
}
.box .text-white {
    color: #fff;
}
.subtitle-box {
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
}

/* colors */
.c-grey {
    color: #4D5F70;
}
.c-black-light {
    color: #403F3F;
}
.c-black {
    color: #001A33;
}
.c-blue {
    color: #0970E6;
}
.c-white {
    color: #FFFFFF;
}
.c-red {
    color: #FF001D;
}
.bg-grey {
    background-color: #F6F6F6;
}
.bg-blue {
    background-color: #005BE3;
}
.bg-cream {
    background-color: #FFFBF6;
}
.ltr-1 {
    letter-spacing: 1px;
}
.ltr-2 {
    letter-spacing: 2px;
}
.lh-base {
    line-height: 1.2;
}
/* sizes */
.s-44 {
    font-size: 44px;
}
.s-30 {
    font-size: 30px;
}
.s-36 {
    font-size: 36px;
}
.s-37 {
    font-size: 37px;
}
.s-38 {
    font-size: 38px;
}
.s-24 {
    font-size: 24px;
}
.s-16 {
    font-size: 16px;
}
.s-50 {
    font-size: 50px;
}

/* line-height */
.lh-40 {
    line-height: 40px;
}
.lh-normal {
    line-height: normal;
}
.lh-big {
    line-height: 1.4;
}
.container-custom {
    width: 100%;
    margin: auto;
    max-width: 1415px;
    padding-left: 15px;
    padding-right: 15px;
}
#mandatar .container-custom {
    width: 100%;
    margin: auto;
    max-width: 1296px;
    padding-left: 15px;
    padding-right: 15px;
}
.p-15 {
    padding: 0 15px;
}
.p-45 {
    padding: 45px 0;
}

.pb-20 {
    padding-bottom: 20px;
}
.p-50 {
    padding-top: 50px;
    padding-bottom: 50px;
}
.p-80 {
    padding: 80px 0;
}
.pt-80 {
    padding-top: 80px;
}
.pb-100 {
    padding-bottom: 101px;
}
.pb-50 {
    padding-bottom: 50px;
}
.pb-70 {
    padding-bottom: 70px;
}
.pt-50 {
    padding-top: 50px;
}
.spacer {
    height: 50px;
}
.center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}
ol, ul {
    margin-bottom: 0;
}

.align-items-end {
    align-items: flex-end;
}
.header {
    align-items: center;
    overflow: hidden;
    background-color: #005BE3;
    display: flex;
}
.w-50 {
    width: 50% !important;
}
.pl-20 {
    padding-left: 20px;
}
.pb-32 {
    padding-bottom: 32px;
}
.pb-70 {
    padding-bottom: 70px;
}
.s-1 {
    background: #F6F6F6;
    position: relative;
}
.s-1 p {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #4D5F70;
    font-size: 30px;
    line-height: 40px;
}
.title {
    font-family: "Ubuntu", sans-serif;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #001A33;
}
.subtitle {
    font-family: "Ubuntu", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    color: #4D5F70;
}
.summary {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    color: #4D5F70;
    margin-top: 24px;
}
.summary2 {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #4D5F70;
}
.custom-title-b {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    color: #000;
}
.custom-title {
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
}
.p-112 {
    padding: 112px;
}
ol li, ul li {
    font-family: "Ubuntu", sans-serif;
    font-weight: 400;
    line-height: 24px;
    color: #4D5F70;
}

.blue-box {
    border-radius: 16px;
    background: #0970E6;
    padding: 50px;
}
#mandatar .blue-box .buttons a{
    background-color: #fff;
    color: #0970E6;
}
.white-btn {
    padding: 12px 24px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 8px;
    background-color: #fff;
    color: #0970E6;
}
.white-btn a {
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}
.g-25 {
    gap: 25px;
}
.p-25 {
    padding-top: 25px;
    padding-bottom: 25px;
}
#home .spacer-32 {
    margin-top: 32px;
}
.spacer-32 {
    margin-top: 24px;
}
/* boostrap style */
.col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}
.col-md-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.row {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.justify-content-center {
    justify-content: center;
}
.align-items-center {
    align-items: center;
}
.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}
.page-footer-row{
    display: block;
}

/*  */

/* conduita etica */

#mandatar .section-1 {
    background: 
    linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
    url(../images/mandatar/header.png) no-repeat center center;
    background-size: cover;
    background-blend-mode: multiply;

    width: 100%;
    height: 560px;

    display: flex;
    flex-direction: column;
    justify-content: center; 
    align-items: center;    
    text-align: center;
}

#mandatar p {
    margin-bottom: 30px;
}
.no-wrap {
    flex-wrap: nowrap;
}

#mandatar .buttons {
    display: flex;
    gap: 20px;
}

#mandatar .buttons a {
    padding: 12px 24px;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    text-decoration: none;
    border-radius: 8px;
    background-color: #0970E6;
    color: #fff;
    transition: background-color 0.3s;
}

#mandatar .buttons a:hover {
    background-color: #2b87ff;
}
.c-dark {
    color: #001A33;
}
.custom-img {
    max-width: 45px;
}
.custom-box {
    border-radius: 16px;
    background: #F2F2F2;
    padding: 20px;
    text-align: center;
    width: 312px;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    flex-wrap: nowrap;   
}
.custom-box span {
    color: #001A33;
}
.g-20 {
    gap: 20px;
}

.servicii-submenu {
    justify-content: center;
}

.mobile-menu .row {
    display: contents;
}  
 .mobile-menu {
    position: absolute;
    z-index: 20;
    width: 100%;
}  

  #contactBtn {
    width: 215px;
    height: 46px;
  }

  iframe {
    border-radius: 16px;
}
#motivation {
    height: 112px;
}
.carrousel .owl-dots .owl-dot {
    border: 1px solid #FFFFFF99;
    width: 24px;
    height: 6px;
    background: #FFFFFF99;
}
.carrousel .owl-dots .owl-dot.active {
    border: 1px solid #005BE3;
    background: #005BE3;
}
.carrousel {
    position: relative; 
}

.carrousel .owl-dots {
    position: absolute;
    bottom: 10px; 
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    gap: 10px; 
}
/* ipad */
@media only screen and (min-width: 670px) and (max-width: 1200px) {
    .hide-mob {
        display: none!important;
    }
    .pt-ipad, .mt-20-mob {
        padding-top: 20px;
    }
    .conduita-etica #mandatar .hide-mob {
        display: none!important;
    }
    #mandatar .container-custom {
        max-width: 700px;
    }
    #mandatar .custom-box {
        margin: auto;
    }
    .conduita-etica .nav.nav-tabs {
        width: 100%;
        padding: 0 15px;
    }
    .owl-dots {
        text-align: center;
        margin-top: 10px;
    }
    .owl-carousel button.owl-dot.active {
        background: #403F3F;
    }
    .owl-carousel button.owl-dot {
        background: unset;
        color: #403F3F;
        border: 1px solid;
        padding: 5px !important;
        font: inherit;
        margin: auto 5px;
    }
    
    .title {
        margin-top: 24px;
    }
    .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* .d-flex {
        flex-wrap: wrap;
    } */
    .header .s-44 {
        font-size: 30px;
    }
    .s-2 .hidden-sm {
        display: none;
    }
}

/*  */


@media only screen and (max-width: 660px) {
    .form-row-mobile-fix {
        display: flex;
        flex-direction: column;
        padding: 0 15px;
      }
    
      .form-row-mobile-fix > .col-md-6 {
        display: contents; 
      }
    
      .form-group.order-mobile-1 { order: 1; }
      .form-group.order-mobile-2 { order: 2; }
      .form-group.order-mobile-3 { order: 3; }
      .form-group.order-mobile-4 { order: 4; }
    .no-after::after {
        display: none;
    }
    .container-custom, #s-8 .col-md-12 {
        max-width: 385px;
    }
    .s-6 .panel-title a::after {
        top: 5px;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%)!important;
        margin-right: 20px;
    }
    .s-6 .panel-title a {
        max-width: 200px;
    }
    .panel-heading {
        position: relative;
    }
    .s-6 .panel-title > a {
        font-size: 16px;
    }
    .pt-17-mob {
        padding-top: 17px;
    }

    .panel-default > .panel-heading {
        padding: 15px 16px;
    }
    .s-6 .s-30, .s-8 .s-30 {
        font-size: 24px;
    } 
    .flex-column-mob {
        flex-direction: column;
    }
    .blue-box .s-44 {
        font-size: 24px;
    }
    .blue-box {
        padding: 24px;
        margin-top: 30px;
    }
    iframe {
        height: 192px;
    }
    .s-4 .s-30 {
        font-size: 24px;
    }
    header .s-44 {
        font-size: 16px;
    }
    .pt-20-mob {
        padding-top: 20px;
    }
    .mt-20-mob {
        margin-top: 20px;
    }
    #mandatar p {
        margin-bottom: unset;
    }
    .p-112 {
        padding: 50px;
    }
    .s-6 {
        margin-top: 20px;
    }
    .map .s-30 {
        font-size: 18px;
        text-align: center;
    }
    .s-8 h2{
        font-size: 18px;
    }
    .buttons {
        width: fit-content;
        margin-bottom: 20px;
    }
    #mandatar .hide-mob {
        display: none!important;
    }
    .servicii-submenu{
        overflow-x: hidden;
    }
    #mandatar {
        overflow-x: hidden!important;
    }
    #mandatar .container-custom {
        max-width: 385px;
    }
   
    #mandatar .buttons {
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-top: 24px;
    }
    #mandatar .section-1  {
        height: 200px;
        background: 
        linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), 
        url(../images/mandatar/kv-mob.png) no-repeat center center;
        background-size: cover;
    }
    #mandatar .custom-box {
        width: unset;
    }
    #mandatar .hide-mob {
        display: none;
    }
    #mandatar .p-50 {
        padding-top: 24px;
        padding-bottom: 0;
    }

    #mandatar .column-reverse {
        flex-direction: column-reverse;
    }
    #mandatar .custom-padding-mob img {
        padding-bottom: 0;
    }
    .mt-n-10 {
        margin-top: -10px;
    }
    #mandatar .s-5 .subtitle {
        font-size: 24px;
        line-height: normal;
        margin-bottom: 20px !important;
        margin-top: 20px;
    }
    #mandatar .s-5 .pb-50 {
        padding-bottom: 24px;
    }
    .pb-15 {
        padding-bottom: 15px;
    }
    .box {
        margin: 20px auto auto;
    }
  
    .max-345 {
        max-width: 250px;
    }
    .s-24 {
        font-size: 18px;
    }
   
    .d-xs-none {
        display: none;
    }
    
    .s-50 {
        font-size: 31px;
    }
    .p-15 {
        padding: 0 15px;
    }

    .header .s-44 {
        font-size: 16px;
    }
    .header p {
        line-height: 24px;
    }
    .s-30 {
        font-size: 14px;
    }
    .s-44 {
        font-size: 24px;
    }
    .pl-20 {
        padding-left: 16px;
    }
    .s-1 .p-50 {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .p-50 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .pt-50 {
        padding-top: 24px;
    }
    .pb-50 {
        padding-bottom: 40px;
    }
    .pt-50 {
        padding-top: 40px;
    }
    
    .s-1 p {
        font-size: 16px;
        line-height: 24px;
    }
    .spacer {
        height: 24px;
    }
   
    .col-md-6, .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .title {
        font-size: 18px;
        line-height: 24px;
    }
    .subtitle {
        font-size: 16px;
        line-height: 24px;
    }
   
    .summary {
        font-size: 14px;
        line-height: 24px;
        max-height: 305px;
        overflow: hidden;
        transition: linear;
        margin-bottom: -8px;
        margin-top: 16px;
    }
    .toggle-button  {
        color: #005BE3;
        font-family: "Ubuntu", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        transition: linear;
        display: flex;
        padding: 8px 11px 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        margin: auto;
        border-radius: 8px;
        background: #FFF;
        border: 1px solid #ECECEC;
        position: relative;
        z-index: 99;
    }
    .shadow {
        position: absolute;
        bottom: 0;
    }
    .summary.collapsed {
        max-height: initial;
        transition: linear;
        margin-bottom: 24px;
    }

    .owl-dots {
        text-align: center;
        margin-top: 10px;
    }
    .mt-24-mob {
        padding-top: 24px;
    }
    .owl-prev, .owl-next {
        margin-top: -30px;
    }
    .custom-footer-mob .s-30 {
        font-size: 24px;
    }
    .custom-footer-mob img{
        margin-bottom: 16px;
    }
    .pb-30 {
        padding-bottom: 26px;
    }
    /* .d-flex {
        display: grid!important;
    } */
    .custom-padding-mob img{
        padding-bottom: 30px;
    }
    #comunitate .title {
        line-height: 30px;
    }
    #home .spacer-32 {
        margin-top: 24px;
    }
    .spacer-32 {
        margin-top: 16px;
    }
    .pb-100 {
        padding-bottom: unset;
    }
  
}

.align-center {
    align-self: center;
}
input[type="checkbox"], input[type="radio"] {
    margin-left: unset!important;
    margin-right: 6px;
    width: 20px;
    height: 20px;
    border: 2px solid blue; 
    accent-color: blue; 
}
.custom-checkbox {
    flex-shrink: 0;
}
form input[type="text"], form input[type="password"], form input[type="url"], form input[type="tel"], form input[type="search"], form input[type="number"], form input[type="datetime"], form input[type="email"],  form input[type="textarea"], textarea.form-control {
    border-radius: unset;
    border: 1px solid #001A321A;
    box-shadow: none;
    height: 56px;
    border-radius: 5px;
}
.form-control::placeholder, #email::placeholder, #phone::placeholder, #company_name::placeholder, #contact_name::placeholder {
    color: #001A32;
    font-family: Ubuntu;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.form-control {
    padding-top: 16px;
}
 
label {
    font-family: "Ubuntu", sans-serif;
    color: #000;
    font-weight: normal;
}
.submit {
    padding: 12px 24px;
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    text-decoration: none;
    border-radius: 8px;
    background-color: #0970E6;
    color: #fff;
    transition: background-color 0.3s;
    margin-top: 20px;
}
.submit:hover {
    background-color: #2b87ff;
    color: #fff;
}
.checkbox2 {
    margin-top: 20px;
}
.form-control {
    max-width: 100%;
}
#message {
    height: 112px;
}
.error-text {
    color: #FF001D;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
}
.alert {
    margin-bottom: 0;
    text-align: center;
}
.alert-error {
    background: #dc3545;
    color: #fff;
}

.error-input {
    border: 1px solid red !important;
}
.error-message {
    color: red;
    font-size: 0.9rem;
    margin-top: 4px;
    display: block;
}
.error-input {
    border: 1px solid red !important;
}
.alert {
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 6px;
}
.alert-success { background-color: #d4edda; color: #155724; }
.alert-danger { background-color: #f8d7da; color: #721c24; }
.pl-0 {
    padding-left: 0;
}




  .faq-container {
    max-width: 1200px;
    margin: 0 auto;
  }

  .panel-default > .panel-heading {
    background: #fff;
    padding: 20px;
    border: none;
    box-shadow: 0 0 0 1px #e2e2e2;
    padding: 10px 16px;
    align-items: center;
    gap: 10px;
  }

  .panel-title > a {
    display: block;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #001b40;
  }

  .panel-body {
    background: #fff;
    color: #4D5F70;
    font-family: "Ubuntu", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    border-top: none;
    box-shadow: 0 0 0 1px #e2e2e2;
    padding: 20px;
    line-height: 24px;
  }

  .panel-group .panel + .panel {
    margin-top: 20px;
  }

  .panel-title a.collapsed::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../images/mandatar/arrow-black.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    transition: transform 0.3s;
  }

  .panel-title a::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url('../images/mandatar/arrow.svg'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    float: right;
    transition: transform 0.3s;
  }

  .panel-title a.collapsed::after {
    transform: rotate(0deg);
  }


  /* form */
form .radio-inline {
    padding-left: unset;
}

.mandatar .radio-inline input[type=radio], .mandatar .radio input[type=radio] {
    margin: auto;
    position: initial;
    float: none;
    width: unset;
    display: inline;
    margin-left: unset!important;
}
#mandatar-form {
    max-width: 640px;
    margin: auto;
}
.section-title-wrapper {
    display: flex;
    align-items: center;
    margin: 20px 0;
}

.section-title {
    font-size: 16px;
    color: #4D5F70;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    margin: 0;
    padding-right: 15px;
    white-space: nowrap;
}

.section-title-wrapper::after {
    content: "";
    flex: 1;
    border-bottom: 1px solid #ccc;
}
label {
    font-size: 16px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
    color: #001A32;
}
.small-txt {
    font-size: 12px;
    color: #4D5F70;
    font-weight: 400;
}
.fw-normal {
    font-weight: normal;
}

.custom-file-upload {
    border: 2px dashed #DAE1EA;
    background-color: #F2F7FE;
    border-radius: 8px;
    padding: 40px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.3s;
    margin-top: 10px;
}

.custom-file-upload.dragover {
    border-color: #3182ce;
    background-color: #ebf8ff;
}

.hidden-input {
    visibility: hidden;
}

.upload-text, #drop-zone-text {
    color: #4a5568;
    font-size: 16px;
    font-weight: 500;
}

.or {
    font-weight: normal;
    color: #718096;
}

.browse {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
}

.btn-submit {
    background: #0970E6;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 8px;
    color: #fff;
    font-family: "Ubuntu", sans-serif;
    font-weight: 700;
}

.alert.alert-danger::before {
    display: none;
}
.alert.alert-danger {
    text-align: center!important;
    border-radius: 10px!important;
}
.panel-title a {
    color: #001A33;
    transition: color 0.3s;
}
  
.panel-title a.active {
color: #0970E6; 
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media (max-width: 768px) {
    .overflow-mobile-auto {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .timeline-holder {
        width: max-content;
    }

    .timeline-holder img {
        max-width: none;
        width: auto;
        display: block;
    }
}