:root {
    --bs-orang: #EFD110;
    --bs-blue: #3D3BF3;
    --bs-green: #3F7163;
    --bs-gray: #EAEAEA;
    --bs-light-orange: #FFF9EC;
    --bs-light-green: #F1FDFB;
    --fs-sm: 1.2rem;
    --fs-md: 1.4rem;
    --fs-lg: 1.6rem;
    --fs-xl: 1.8rem;
    --fs-xxl: 2rem;
}


* {
    font-family: vazir !important;
}

html {
    box-sizing: border-box;
    direction: rtl;
    font-size: 62.5%;
    font-family: vazir !important;
}

a {
    text-decoration: none;
}

ul li {
    list-style-type: none;
}

/*navbar*/

#categorySideBar .modal-dialog {
    position: fixed;
    top: 0;
    bottom: 0;
    margin: 0;
    width: 28rem;
    height: 100%;
    background: #fff;
    z-index: 9999999999999 !important;
    box-shadow: 0 26px 25px 0 rgb(0 0 0 / 35%);
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal-dialog .modal-body {
    height: 100vh;
    padding-top: 20px;
    overflow: auto !important;
    padding-bottom: 50px;
    z-index: 9999999;
    background: #fff;

}

/*Right*/
.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    right: 0;
}


.fixed__top {
    width: 100%;
    top: 0;
    background-color: #fff;
    /*animation: nav ease .5s;*/
    box-shadow: 0 0 .6rem #908E8A;
}

@keyframes nav {
    from {
        transform: translateY(-200px);
    }
    to {
        transform: translateY(0px);
    }
}

.logo {
    width: 5.5rem;
    height: auto;
}

.navbar-nav .nav-item .nav-link {
    font-size: var(--fs-md);
    color: var(--bs-green);
    position: relative;
}

.navbar-nav .nav-item .active::after {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    height: 2px;
    background: var(--bs-green);
    width: 50%;
    border-radius: 5px;
}

.navbar-toggler {
    border: .1rem solid #000;
}

.navbar-toggler:focus {
    outline: none;
    box-shadow: none;
    border: .1rem solid #000;
}


/*start saber*/

/*navbar*/
.top-nav {
    background: var(--bs-green);
    width: 100%;
    padding: 15px 0;

}

.top-nav .socialBox {
    display: inline-flex;
    align-items: center;
}

.top-nav .socialBox p, .top-nav .phone p {
    font-size: var(--fs-md);
    color: #fff;
    margin-bottom: 0;
}

.top-nav .socialBox p, .top-nav .socialBox span {
    display: none;
}

.top-nav .socialBox span, .top-nav .phone span {
    font-size: var(--fs-md);
    color: #fff;
    margin: 0 8px;
}

.top-nav .socialBox .telegramIcon, .whatsAppIcon, .instagramIcon {
    width: 2rem;
    margin-left: 5px;
}

.top-nav .phone a {
    display: inline-flex;
    align-items: center;

}

.phone .phoneIcon {
    width: 2rem;
    margin-right: 5px;
}

.btn-green-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-green);
    font-size: var(--fs-md);
    color: #fff;
    font-weight: 300;
    border-radius: 5rem;
    padding: 1rem 2rem;
    transition: all .3s ease-in-out;
}

.btn-gray-header {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: hsl(0, 0%, 92%);
    color: var(--bs-green);
    font-size: var(--fs-md);
    font-weight: 300;
    border-radius: 5rem;
    padding: 1rem 2rem;
    transition: all .3s ease-in-out;
    border: 1px solid hsl(0, 0%, 92%);;
}

.btn-gray-header:hover {
    background-color: hsl(0, 0%, 92%);
    border: 1px solid var(--bs-green);
}

.btn-green-header svg .icon {
    transition: all .3s ease-in-out;
}

.btn-green-header:hover svg .icon {
    fill: var(--bs-green) !important;
    stroke: var(--bs-green) !important;
}

.btn-green-header:hover {
    background-color: hsl(0, 0%, 92%);
    color: var(--bs-green);
}

.userCircle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EDEDED;
    min-width: 4.1rem;
    min-height: 4.1rem;
    border-radius: 100%;
    margin-left: 5px;
}

.userCircle {
    width: 2.4rem;
}

/*navbar*/

/*header*/
.mt-header {
    margin-top: 8rem;
}

.pt-header {
    padding-top: 8rem;
}

.boxLayoutImg {
    position: relative;
}

.boxLayoutImg .bubbles {
    position: absolute;
    bottom: 0;
    right: 1%;
    max-width: 160px;
    width: 100%;
}



.header-text {
    padding-right: 3rem;
    padding-top: 4rem;
}

.header-text h1 {
    font-size: 2.7rem;
    color: #000;
    font-weight: 900;
    margin: 3rem 0 2rem 0;
    line-height: 1.6;

}

.header-text p {
    font-size: var(--fs-sm);
    color: #000;
    font-weight: 500;
    line-height: 2;
    margin: 2rem 0;
}

.bg-clip-path {
    position: relative;
}

.bg-clip-path .clip-path {
    position: absolute;
    right: 0;
    top: 0;
    width: 85%;
    height: 100%;
    object-fit: fill;
    object-position: right top;
    z-index: -1;
    display: none;
}

.mt-13 {
    margin-top: 8rem;
}

/*end header*/
/*servicesBox*/
.box__servicesSlick {
    border: 1px solid var(--bs-gray);
    border-radius: 1.2rem;
    padding: 5rem 1.5rem 1.5rem 1.5rem;
    position: relative;
    margin-top: 30px;
    text-align: center;
    direction: rtl;

}

.box__servicesSlick img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -20%;
}

.box__servicesSlick h2 {
    font-size: var(--fs-md);
}

.box__servicesSlick p {
    font-size: var(--fs-sm);
    font-weight: 300;
    line-height: 2;
}

/*end servicesBox*/
/*service*/
.box__services-item .position-relative {
    position: relative;
    overflow: hidden;
    border-radius: 1.2rem;
    transition: all .3s ease-in-out;
    transform: scale(1);
}

.box__services-item .position-relative:hover {
    transform: scale(0.9);
}

.image__service {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;

}

.box__services-item .layout__services {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 1.5rem;
    border-radius: 1.2rem;
}

.box__services-item .layout__services::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 1.2rem;
    background: linear-gradient(
            to top,
            rgba(8, 18, 15, 0.94) 0%,
            rgba(8, 18, 15, 0.78) 32%,
            rgba(8, 18, 15, 0.42) 56%,
            rgba(8, 18, 15, 0.08) 76%,
            transparent 88%
    );
    z-index: -1;
}


.box__services-item .layout__services .icon,
.box__services-item .layout__services h3,
.box__services-item .layout__services p {
    position: relative;
    z-index: 1;
    color: #fff;
    text-shadow: 0 1px 5px rgba(0, 0, 0, .45);
}

.box__services-item .layout__services h3 {
    font-size: var(--fs-lg);
    margin: 15px 0 10px 0;
}

.box__services-item .layout__services p {
    font-size: var(--fs-md);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
}


.box__services-item .layout__services .icon {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFEAD3;
}

.mt-service {
    margin-top: 100px;
}

.clip-path-services {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 97%;
    height: 100%;
    object-fit: fill;
    object-position: right top;
    z-index: -1;
    display: none;
}

.box__titleServices h2 {
    font-size: 2.5rem;
}

.box__titleServices p {
    font-size: var(--fs-sm);
    font-weight: 200;
    line-height: 2;
}

.box__titleServices {
    padding: 0 2rem;
    margin-bottom: 50px;
}

.link__services {
    color: var(--bs-green);
    font-size: var(--fs-sm);
    font-weight: 300;
}

.box__titleServices .bubble-service {
    position: absolute;
    right: 0;
    top: 30px;
    object-position: right top;
    display: none;
}

/*end service*/

/*orders*/
.clip-path-order {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 0;
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-position: top;
    z-index: -1;
    display: none;
}

.order-items .circle {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--bs-green);
    background: #fff;
    border-radius: 100%;
    color: var(--bs-green);
    font-size: var(--fs-lg);
    font-weight: 800;
    margin-bottom: 1.5rem;
}

.order-items h3 {
    font-size: var(--fs-md);
}

.order-items p {
    font-size: var(--fs-sm);
    line-height: 2;
    text-align: center;
    font-weight: 200;
}

.order__details h2 {
    font-size: 2.5rem;
    margin-bottom: 2rem;
}

.order__details p {
    font-size: var(--fs-md);
    line-height: 2;
    font-weight: 200;
    margin-bottom: 2rem;
}

.bubble-left-order {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 100%;
    max-width: 140px;
    display: none;
}

.bubble-top-order {
    position: absolute;
    top: -10%;
    right: 55%;
    width: 100%;
    max-width: 140px;
}

.slick-dots li button:before {
    font-size: 20px;
    color: var(--bs-green);
}

.slick-dots li.slick-active button:before {
    font-size: 40px;
    color: var(--bs-green);
}

.mt-order {
    margin-top: 100px;
}

.order-items {
    transform: translateY(0);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: .5rem;

}

.order-items:nth-child(2) {
    transform: translateY(0);
}

.order-items:nth-child(3) {
    transform: translateY(0);
}

.order-items:nth-child(4) {
    transform: translateY(0);
}

/*end orders*/

/*product price*/
.box__productPrice h2 {
    font-size: 2.4rem;
    text-align: center;
}

.box__productPrice p {
    font-size: var(--fs-md);
    line-height: 2;
    text-align: center;
    font-weight: 200;
}

.box__productPrice-item .title h3 {
    color: #fff;
    font-size: var(--fs-md);
}


.box__productPrice-item {
    padding: 2rem;
    border: 1px solid #ededed;
    border-radius: 1.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


.box__productPrice-item .title {
    background: var(--bs-green);
    border-radius: 2.5rem;
    display: inline-flex;
    padding: 20px;
    align-items: center;
    justify-content: center;
    max-width: 20rem;
}


.rotate:nth-child(2n) .box__productPrice-item .title {
    transform: rotate(10deg) translateY(-30px);
    text-align: center;
}

.rotate:nth-child(odd) .box__productPrice-item .title {
    transform: rotate(-10deg) translateY(-30px);
}


.rotate:nth-child(odd) .box__productPrice-item .title h3 {
    transform: rotate(10deg);

}

.rotate:nth-child(2n) .box__productPrice-item .title h3 {
    transform: rotate(-10deg);
}

.box__productPrice-item .details {
    padding-right: 0;
    width: 100%;
}

.box__productPrice-item .details li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.box__productPrice-item .details li p, .box__productPrice-item .details li span {
    font-size: var(--fs-md);
    margin-bottom: 0;
    display: inline;
}

.box__productPrice-item .details li span {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    width: 30%;
    line-clamp: 1;
    overflow: hidden;
}

/*end product price*/
/*customer*/
.clip-path-customer {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 213px;
    object-fit: fill;
    object-position: top;
}

.box__customerSlick {
    padding: 2.5rem 1.5rem;
    direction: rtl;
}

.details__customer p {
    font-size: var(--fs-lg);
    font-weight: 600;
}

.box__customerSlick .main__customer {
    background: #F4F4F4;
    border-radius: 2rem;
    padding: 1.5rem;
    margin-top: 1rem;
}

.box__customerSlick .main__customer p {
    font-size: var(--fs-sm);
    line-height: 2;
    font-weight: 200;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

/*customer*/

/*end saber*/


/*form*/
.bg-form:before {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    background: var(--bs-light-orange);
    border-radius: 5rem;
    width: 97%;
    z-index: -1;
    height: 100%;
    margin: 0 auto;
}

.bg-form .padding {
    padding: 3rem 3rem 3rem 3rem;
}

.input_style {
    display: flex;
    flex-direction: column;
    margin-bottom: 2rem;
}

.input_style label {
    font-size: var(--fs-lg);
    font-weight: 700;
    color: black;
    margin-bottom: 1rem;
}

.input_style span {
    color: #F60C0C;
    display: inline-flex;
}

.input_style input, .input_style select {
    border: .1rem solid #E9E9E9;
    border-radius: 5rem;
    padding: 1em;
    width: 100%;

    font-size: var(--fs-md);
}

.input_style input:focus, .input_style textarea:focus .input_style select:focus {
    border: .1rem solid var(--bs-green) !important;
    box-shadow: none;
    outline: none;
}

.input_style textarea {
    border: .1rem solid #E9E9E9;
    border-radius: 5rem;
    padding: 1em;
    width: 100%;
    resize: none;
    font-size: var(--fs-md);
}

.bubble__form {
    position: absolute;
    top: 10px;
    right: 10%;
    width: 100%;
    max-width: 100px;
}

/*end form*/

/*price*/
.header-price h1 {
    font-size: 4rem;
    color: #000;
    font-weight: 900;
    margin-top: 2rem;

}

.header-price p {
    font-size: var(--fs-lg);
    color: #000;
    font-weight: 400;
    line-height: 2;
    margin: 2rem 0;
}

/*end price*/



/*faq*/
.accordion {
    --bs-accordion-border-color: none !important;
}

.bubble__faq {
    position: absolute;
    top: -30px;
    left: 10%;
    width: 100%;
    max-width: 100px;
}

.accordion-button::after {
    margin-left: 0 !important;
    margin-right: auto !important;
}

.accordion-button::after {
    flex-shrink: 0;
    width: 2rem !important;
    height: 2rem !important;
    background-size: cover !important;

}

.accordion-button strong {
    display: flex;
    font-size: var(--fs-md);
    font-weight: 900;
    text-align: right;
    line-height: 1.5;
    padding-left: 2rem;
}

.accordion-body p {
    margin-bottom: 0;
    font-weight: 300;
    line-height: 2;
    color: black;
    font-size: var(--fs-sm);

}

.accordion-body {
    padding: 0 !important;
}

.accordion-button:not(.collapsed) {
    color: black !important;
    background-color: #fff !important;
    box-shadow: none !important;
    padding: 1.5rem 5rem 1.5rem 0 !important;
    border-radius: 2rem !important;
}

.accordion-item:first-of-type {
    border-radius: 2rem !important;

}

.accordion-item:last-of-type {
    border-radius: 2rem !important;

}

.accordion-button {
    padding: 1.5rem 5rem 1.5rem 0;
    border-radius: 2rem !important;
    background-color: #fff !important;
}

.p-accordion {
    padding: 2rem 2rem;
    margin-bottom: 2rem;
}

.accordion-button strong {
    display: block;
}

.accordion-button strong:after {
    content: '?';
    position: absolute;
    top: 28%;
    margin: auto 0;
    right: 1.5rem;
    width: 3.4rem;
    height: 3rem;
    background: var(--bs-green);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    clip-path: polygon(
            25% 0,
            75% 0,
            100% 50%,
            75% 100%,
            25% 100%,
            0 50%
    );
    font-size: var(--fs-md);
}


.accordion-collapse.show {
    background-color: #F6F6F6 !important;
    border-radius: 2rem;
}

.accordion-collapse {
    background-color: #fff !important;
    border-radius: 2rem !important;
}

.accordion-item {
    margin-bottom: 2rem;
    border-radius: 2rem;
    border: 1px solid #ededed !important;
    background: #fff !important;
    padding: 0 2rem;
}

.title__faq {
    font-size: 2.4rem;
}

.description__faq {
    font-size: var(--fs-md);
    margin-bottom: 3rem;
    line-height: 2;
    font-weight: 200;
}

/*end faq*/

/*box online*/
.online-bubble{
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    display: none;
}
.clip-path-form{
    position: absolute;
    right: 0;
    bottom: 0;
    object-fit: fill;
    top: 0;
    width: 100%;
    height: 100%;
    min-height: 275px;
    margin: auto 0;
    display: none;
    z-index: -1;
}
.box__online{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-top: 5rem;
    padding: 20px;
}

.box__online h2{
    font-size: 2rem;
}
.box__online p{
    font-size:var(--fs-md);
    font-weight: 300;
    line-height: 2;
    margin: 2rem 0;
    text-align: center;
}
/*end box online*/


/*footer*/
.bg-footer {
    background: var(--bs-green);
    padding: 50px 0;
}

.footerHeader {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footerHeader-lg {
    display: flex;
    gap: 10px;
    align-items: center;
}

.footerHeader strong {
    font-size: var(--fs-md);
    display: inline-flex;
    color: #fff;
}

.footerHeader-lg strong {
    font-size: var(--fs-lg);
    display: inline-flex;
    color: #fff;
}

.description__footer p {
    color: #fff;
    margin-top: 1rem;
    line-height: 2;
    font-size: var(--fs-sm);
    margin-bottom: 0;
    font-weight: 200;
}

.phone__footer {
    margin-top: 1rem;
}

.phone__footer a, .phone__footer {
    display: inline-flex;
    font-size: var(--fs-md);
    color: #fff;
}

.description__footer ul {

}

.description__footer ul li {
    list-style-type: revert;
    margin-bottom: 1rem;
}

.description__footer ul li a {
    font-size: var(--fs-sm);
    color: #fff;
    font-weight: 200;
}

/*end footer*/
/* public pages */

.public-page__eyebrow {
    color: var(--bs-green);
    font-size: var(--fs-md);
    font-weight: 800;
    text-align: center;
    margin: 1rem 0;
}




.public-article-card__date,
.public-breadcrumb {
    color: #71717a;
    font-size: var(--fs-sm) !important;
}
.public-page__title {
    color: #111;
    font-size: 2.2rem;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 2rem;
}
.public-page__lead{
    color: #111;
    font-size: var(--fs-md);

    line-height: 1.5;
    text-align: center;

}
.header-about{
    position: relative;
    padding: 0 0;
}
.header-about .right-bubble-about{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 0;
    z-index: -1;
    display: none;
}
.header-about .left-bubble-about{
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    left: 0;
    z-index: -1;
    display: none;
}
.header-about p{
    font-size:var(--fs-md);
    line-height: 2;
    text-align: center;
    font-weight: 200;
}


/*about*/
.header__descriptions .header__descriptions-item img{
    width: 100%;
    object-fit: cover;
    height: auto;
    border-radius: 1rem;
}
.header__descriptions .header__descriptions-text{
    padding: 0;

}
.header__descriptions .bubble-about{
    position: absolute;
    bottom: 25%;
    left: 1%;
    width: 150px;
    display: none;
}

.header__descriptions .header__descriptions-text p{
    font-size:var(--fs-md);
    line-height: 2;
    font-weight: 300;
}
.header__descriptions .clip-path-about{
    position: absolute;
    bottom:0;
    right:10px;
    z-index: -1;
    width: 100%;
    min-height: 500px;
    display: none;

}

.box__why{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.box__why h2{
    font-size:var(--fs-lg);
    margin: 2rem 0;
    text-align: center;
}
.box__why p{
    font-size:var(--fs-sm);
    line-height: 2;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
}
.box__why img{
    width: 70px;
    height: auto;
}

.box__counter{
    display: flex;
    justify-content: space-between;
}
.box__counter .item{
    display: flex;
    flex-direction: column;
}
.box__counter .item strong{
    font-weight: 600;
    display: inline-flex;
    color: var(--bs-green);
    font-size: 3rem;
}
.box__counter .item p{
    font-size: var(--fs-lg);
    color:#000;
}
.clip-path-goal{
    position: absolute;
    top:0;
    right:0;
    z-index: -1;
    width: 100%;
    max-height: 500px;
    height: 100%;
    display: none;
}

/*end about*/
/*contact*/
.box__form{
    background: #f6f6f6;
    padding: 3rem;
    border-radius: 3rem;
}
.box__form h3{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 4rem;
    font-weight: 700;
}
.header__contact h1{
    font-size: 2.3rem;
    line-height: 1.8;
    font-weight: 700;
}
.header__contact p{
    font-size: var(--fs-md);
    line-height: 1.8;
    font-weight: 300;
}
.header__contact{
    padding-left: 0;
}
.box__contactAddress{
    border-radius: 1.2rem;
    border:1px solid #eaeaea;
}
.box__contactAddress ul{
    padding:0 2rem ;
    min-height:auto;
}
.box__contactAddress ul li{
    display: flex;
    align-items: start;
    margin-bottom: 1rem;
    gap: 10px;
}
.box__contactAddress ul li p{
    font-size: var(--fs-md);
    line-height: 2;
    font-weight: 300;
    color: #1E1E1E;
}
.box__contactAddress ul li a{
    font-size: var(--fs-md);
    line-height: 2;
    font-weight: 300;
    color: #1E1E1E;
}
.box__contactAddress strong{
    display:flex;
    justify-content: center;
    text-align: center;
    font-size: var(--fs-lg);
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.title {
    color: #000;
    font-size: 2.3rem;
    font-weight: 900;
    line-height: 2;
}
/*end contact*/
/* public pages */
.public-page {
    max-width: 1200px;
    min-height: 50vh;
}

.public-page__header {
    max-width: 820px;
    margin-inline: auto;
    text-align: center;
}

.public-page__eyebrow {
    color: var(--bs-green);
    font-size: var(--fs-md);
    font-weight: 800;
    margin-bottom: 1rem;
}

.public-page__title {
    color: #111;
    font-size: 3.2rem;
    font-weight: 1000;
    line-height: 1.5;
}

.public-page__lead,
.public-page__text,
.public-card p,
.public-article__body {
    color: #3f3f46;
    font-size: var(--fs-md);
    line-height: 2;
}

.public-page__image,
.public-article__image {
    border-radius: 3rem;
}

.public-card {
    background: #f6f6f6;
    border: 1px solid #ececec;
    border-radius: 2.4rem;
    padding: 3rem;
}

.public-card h2,
.public-card h3 {
    color: #111;
    font-size: var(--fs-xl);
    font-weight: 900;
    line-height: 1.7;
    margin-bottom: 1.5rem;
}

.public-price p {
    align-items: center;
    border-top: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    gap: 2rem;
    margin: 0;
    padding: 1.5rem 0;
}

.public-article-card img {
    aspect-ratio: 16 / 9;
    border-radius: 1.5rem;
    margin-bottom: 2rem;
    object-fit: cover;
    width: 100%;
}

.public-article-card__date,
.public-breadcrumb {
    color: #71717a;
    font-size: var(--fs-sm) !important;
}

.public-article-card__link {
    color: var(--bs-blue);
    font-size: var(--fs-md);
    font-weight: 800;
}

.public-article,
.public-article__image {
    max-width: 900px;
    margin-inline: auto;
}

.public-article__image {
    display: block;
    margin-top: 4rem;
    width: 100%;
}

.public-article__body {
    margin-top: 4rem;
    overflow-wrap: anywhere;
}

.public-article__body img {
    height: auto;
    max-width: 100%;
}

.public-rich-text img {
    height: auto;
    max-width: 100%;
}

.public-rich-text > :last-child {
    margin-bottom: 0;
}

.service-detail__image {
    display: block;
    margin: 4rem 0;
    max-height: 52rem;
    object-fit: cover;
    width: 100%;
}

.service-detail__body {
    color: #33343a;
    font-size: 1.7rem;
    line-height: 2.15;
    overflow-wrap: anywhere;
}

.service-detail .public-page__lead {
    font-size: 1.7rem;
    line-height: 2.1;
}

.service-detail__body p,
.service-detail__body li {
    color: #33343a;
    font-size: 1.7rem;
    font-weight: 400;
    line-height: 2.15;
}

.service-detail__body p {
    margin-bottom: 2.2rem;
}

.service-detail__body h2 {
    color: #151515;
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 1.65;
    margin: 3.5rem 0 1.5rem;
}

.service-detail__body h3 {
    color: #202124;
    font-size: 2.1rem;
    font-weight: 800;
    line-height: 1.7;
    margin: 3rem 0 1.2rem;
}

.service-detail__body ul,
.service-detail__body ol {
    margin: 0 0 2.5rem;
    padding-right: 2.6rem;
}

.service-detail__body ul li {
    list-style-type: disc;
}

.service-detail__body ol li {
    list-style-type: decimal;
}

.service-detail__body li {
    margin-bottom: .8rem;
    padding-right: .5rem;
}

.service-detail__body li::marker {
    color: var(--bs-blue);
    font-weight: 800;
}

.service-detail__body a {
    color: var(--bs-blue);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .4rem;
}

.other-services {
    padding: 2.5rem;
}

.other-services__title {
    color: #111;
    font-size: var(--fs-xl);
    font-weight: 900;
    margin-bottom: 2rem;
}

.other-services__item {
    align-items: center;
    border-bottom: 1px solid #ddd;
    color: #111;
    display: flex;
    font-size: var(--fs-md);
    font-weight: 800;
    gap: 1.5rem;
    padding: 1.5rem 0;
}

.other-services__item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.other-services__image {
    border-radius: 1.2rem;
    flex: 0 0 8rem;
    height: 6rem;
    object-fit: cover;
    width: 8rem;
}

@media screen and (min-width: 992px) {
    .other-services {
        position: sticky;
        top: 12rem;
    }
}

.public-breadcrumb {
    display: flex;
    gap: 1rem;
    margin-bottom: 3rem;
}


@media screen and (min-width: 576px) {
    .public-card {
        padding: 2rem;
    }
    .public-page__title {
        font-size: 4rem;
    }
    /*saber*/
    .top-nav .socialBox p, .top-nav .socialBox span {
        display: inline-flex;

    }

    .boxLayoutImg .bubbles {
        position: absolute;
        bottom: 50px;
        right: 10%;
        max-width: 200px;
    }

    .boxLayoutImg .bubbles1 {
        position: absolute;
        bottom: 60%;
        right: 24%;
        max-width: 100px;
        width: 100%;

    }

    .boxLayoutImg .smallBubbles {
        position: absolute;
        top: 10%;
        right: 35%;
        max-width: 60px;
        width: 100%;
    }

    .boxLayoutImg .mediumBubbles {
        position: absolute;
        top: 20%;
        right: 30%;
        max-width: 20px;
        width: 100%;
    }

    .bg-clip-path .clip-path {
        position: absolute;
        right: 0;
        top: 0;
        width: 99%;
        height: 49%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    /*services*/
    .clip-path-services {
        position: absolute;
        left: 0;
        bottom: 60%;
        width: 100%;
        height: 45%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    .box__titleServices h2 {
        font-size: 2.5rem;
    }

    .box__titleServices p {
        font-size: var(--fs-sm);
        font-weight: 200;
        line-height: 2;
    }

    .box__titleServices {
        padding: 0 5rem;
        margin-bottom: 20px;
    }

    .link__services {
        color: var(--bs-green);
        font-size: var(--fs-sm);
        font-weight: 300;
    }

    .mt-service {
        margin-top: 100px;
    }

    .box__titleServices .bubble-service {
        position: absolute;
        right: 0;
        top: 30px;
        object-position: right top;
        display: inline;
        width: 40px;
    }

    /*end services*/
    /*order*/
    .clip-path-order {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto 0;
        width: 100%;
        height: 100%;
        min-height: 276px;
        object-position: top;
        z-index: -1;
        display: none;
    }

    .order-items {
        transform: translateY(0);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: .5rem;

    }
    /*end order*/
    /*product price*/
    .box__productPrice-item .title h3 {
        color: #fff;
        font-size: var(--fs-sm);
    }

    /*end product price*/
    /*faq*/
    .accordion-button {
        padding: 3rem 7rem 3rem 2rem;
        border-radius: 2rem !important;
        background-color: #fff !important;
    }

    .accordion-button:not(.collapsed) {
        color: black !important;
        background-color: #fff !important;
        box-shadow: none !important;
        padding: 3rem 7rem 3rem 2rem !important;
        border-radius: 2rem !important;
    }
    /*end faq*/



    /*saber*/
    /*box online*/
    .online-bubble{
        position: absolute;
        right: 0;
        top: -100px;
        z-index: -1;
        display: inline;
    }
    .clip-path-form{
        position: absolute;
        right: 0;
        bottom: 0;
        object-fit: fill;
        top: 0;
        width: 100%;
        height: 100%;
        min-height: 275px;
        margin: auto 0;
        display: inline;
    }
    .box__online{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 15rem;
        padding: 20px;
    }
    /*end box online*/
    /*about*/
    .public-page__title {
        color: #111;
        font-size:2.6rem;
        font-weight: 900;
        line-height: 1.5;
        text-align: center;
    }
    .header-about{
        position: relative;
        padding: 0 10rem;
    }
    .header-about .right-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
        z-index: -1;
        display: inline;
    }
    .header-about .left-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        display: inline;
        z-index: -1;
    }
    .header-about p{
        font-size: var(--fs-lg);
        line-height: 2;
        text-align: center;
        font-weight: 200;
    }
    /*end about*/
    /*contact*/
    .box__form{
        background: #f6f6f6;
        padding: 3rem;
        border-radius: 3rem;
    }
    .box__form h3{
        text-align: center;
        font-size: var(--fs-lg);
        margin-bottom: 3rem;
        font-weight: 700;
    }
    .header__contact h1{
        font-size: 2.3rem;
        line-height: 1.8;
        font-weight: 700;
    }
    .header__contact p{
        font-size: var(--fs-lg);
        line-height: 1.8;
        font-weight: 300;
    }
    .header__contact{
        padding-left: 0;
    }
    .box__contactAddress ul{
        padding:0 2rem ;
        min-height: 122px;
    }
    /*end contact*/
    .title {
        color: #000;
        font-size: 2.5rem;
        font-weight: 900;
        line-height: 2;
    }

}

@media screen and (min-width: 768px) {
    /*saber*/
    .boxLayoutImg .bubbles {
        position: absolute;
        bottom: 50px;
        right: 10%;
        max-width: 220px;
    }

    .boxLayoutImg .bubbles1 {
        position: absolute;
        bottom: 55%;
        right: 20%;
        max-width: 100px;
        width: 100%;

    }

    .boxLayoutImg .smallBubbles {
        position: absolute;
        top: 10%;
        right: 35%;
        max-width: 60px;
        width: 100%;
    }

    .boxLayoutImg .mediumBubbles {
        position: absolute;
        top: 20%;
        right: 30%;
        max-width: 20px;
        width: 100%;
    }

    .bg-clip-path .clip-path {
        position: absolute;
        right: 0;
        top: 0;
        width: 99%;
        height: 64%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    /*services*/
    .clip-path-services {
        position: absolute;
        left: 0;
        bottom: 67%;
        width: 100%;
        height: 38%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    .box__titleServices h2 {
        font-size: 2.5rem;
    }

    .box__titleServices p {
        font-size: var(--fs-sm);
        font-weight: 200;
        line-height: 2;
    }

    .box__titleServices {
        padding: 0 5rem;
        margin-bottom: 20px;
    }

    .link__services {
        color: var(--bs-green);
        font-size: var(--fs-sm);
        font-weight: 300;
    }

    .mt-service {
        margin-top: 100px;
    }

    .box__titleServices .bubble-service {
        position: absolute;
        right: 0;
        top: 30px;
        object-position: right top;
        display: inline;
    }

    /*end services*/
    /*order*/
    .order__details h2 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .order__details p {
        font-size: var(--fs-lg);
        line-height: 2;
        font-weight: 200;
        margin-bottom: 2rem;
    }

    .bubble-left-order {
        position: absolute;
        top: 70%;
        left: 5%;
        width: 100%;
        max-width: 70px;
    }

    .bubble-top-order {
        position: absolute;
        top: -25%;
        right: 25%;
        width: 100%;
        max-width: 160px;
    }

    .order-items {
        transform: translateY(-75px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 2rem;

    }

    .order-items:nth-child(2) {
        transform: translateY(47px);
    }

    .order-items:nth-child(3) {
        transform: translateY(5px);
    }

    .order-items:nth-child(4) {
        transform: translateY(-29px);
    }

    .clip-path-order {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto 0;
        width: 100%;
        height: 100%;
        min-height: 276px;
        object-position: top;
        z-index: -1;
        display: inline;
    }

    .order-items h3 {
        font-size: var(--fs-sm);
    }

    .order-items p {
        font-size: var(--fs-sm);
        line-height: 1.5;
        text-align: center;
        font-weight: 200;
    }

    .order-items .circle {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed var(--bs-green);
        background: #fff;
        border-radius: 100%;
        color: var(--bs-green);
        font-size: var(--fs-md);
        font-weight: 800;
        margin-bottom: .5rem;
    }

    .bubble-left-order {
        position: absolute;
        top: 80%;
        left: 5%;
        width: 100%;
        max-width: 100px;
        display: inline;
    }

    .mt-order {
        margin-top: 150px;
    }

    /*end order*/
    /*product price*/
    .box__productPrice-item .title h3 {
        color: #fff;
        font-size: var(--fs-sm);
        transform: rotate(-10deg)
    }

    .box__productPrice-item .title {
        transform: rotate(10deg) translateY(-30px);
        text-align: center;
    }

    .rotate:nth-child(odd) .box__productPrice-item .title {
        transform: rotate(-10deg) translateY(-30px);
    }


    .rotate:nth-child(odd) .box__productPrice-item .title h3 {
        transform: rotate(10deg);


    }

    .rotate:nth-child(2n) .box__productPrice-item .title h3 {
        transform: rotate(-10deg);
    }

    /*end product price*/
    /*faq*/
    .description__faq {
        font-size: var(--fs-md);
        font-weight: 200;
        line-height: 2;
        margin-bottom: 3rem;
    }

    /*end faq*/
    /*form*/
    .bubble__form {
        position: absolute;
        top: 10px;
        right: 10%;
        width: 100%;
        max-width: 150px;
    }

    /*end form*/


    /*saber*/
    .white-logo-footer {
        width: 15rem;
    }

    .p-accordion {
        padding: 2rem 7rem;
    }

    .accordion-button strong:after {
        content: '?';
        position: absolute;
        top: 28%;
        margin: auto 0;
        right: 1.5rem;
        width: 3rem;
        height: 3rem;
        background: var(--bs-green);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        clip-path: polygon(
                25% 0,
                75% 0,
                100% 50%,
                75% 100%,
                25% 100%,
                0 50%
        );
        font-size: var(--fs-md);
    }

    .accordion-button strong {
        display: flex;
        font-size: var(--fs-lg);
        font-weight: 500;
        text-align: right;
        line-height: 1.5;
        padding-left: 2rem;
    }

    .accordion-body p {
        margin-bottom: 0;
        font-weight: 300;
        line-height: 2;
        color: black;
        font-size: var(--fs-md);

    }

    .fs-20 {
        font-size: var(--fs-xxl);
        line-height: 2;
    }

    .header-text h1 {
        font-size: 4rem;
        color: #000;
        font-weight: 900;
        margin-top: 2rem;

    }

    .box-counter span {
        display: inline-flex;
        font-weight: 900;
        color: var(--bs-blue);
        font-size: 4.8rem;
    }

    .title {
        color: #000;
        font-size: 3.2rem;
        font-weight: 900;
        line-height: 2;
    }

    .box-counter p {
        font-size: 2.4rem;
        font-weight: 900;
        color: #000;
    }

    .header-text p {
        font-size: 1.4rem;
        color: #000;
        font-weight: 500;
        line-height: 2;
        margin: 2rem 0;
    }

    .pt-header {
        padding-top: 10rem;
    }

    .mt-header {
        margin-top: 8rem;
    }

    .mt-13 {
        margin-top: 13rem;
    }

    .box-services h3 {
        color: #000;
        font-size: var(--fs-xl);
        font-weight: 900;
        margin: 2rem 0;
    }

    .box-services {
        min-height: 27rem;
    }

    .box-services img {
        width: 70px;
    }

    .box__services-aboutUs .item h3 {
        font-weight: 700;
        font-size: var(--fs-xl);
        margin-top: 2rem;
        text-align: center;
    }
    /*about*/
    .public-page__title {
        color: #111;
        font-size:2.6rem;
        font-weight: 900;
        line-height: 1.5;
        text-align: center;
    }
    .header-about{
        position: relative;
        padding: 0 10rem;
    }
    .header-about .right-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
        z-index: -1;
    }
    .header-about .left-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        z-index: -1;
    }
    .header-about p{
        font-size: var(--fs-lg);
        line-height: 2;
        text-align: center;
        font-weight: 200;
    }
    .header__descriptions .header__descriptions-text p{
        font-size: var(--fs-lg);
        line-height: 2;
        font-weight: 300;
    }
    .header__descriptions .bubble-about{
        position: absolute;
        bottom: 35%;
        left: 1%;
        width: 100px;
        display: inline;
    }
    .header__descriptions .clip-path-about{
        position: absolute;
        bottom:0;
        right:10px;
        z-index: -1;
        width: 100%;
        min-height: 500px;
        display: inline;

    }
    .header__descriptions .header__descriptions-text{
        padding: 10px 60px 50px 20%;

    }
    /*end about*/

    /*contact*/
    .box__form{
        background: #f6f6f6;
        padding: 3rem;
        border-radius: 3rem;
    }
    .box__form h3{
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3rem;
        font-weight: 700;
    }
    .header__contact h1{
        font-size: 3.6rem;
        line-height: 1.8;
        font-weight: 700;
    }
    .header__contact p{
        font-size: 1.8rem;
        line-height: 1.8;
        font-weight: 300;
    }
    .header__contact{
        padding-left: 0;
    }
    /*end contact*/


}

@media screen and (min-width: 992px) {

    /*saber*/
    .boxLayoutImg .bubbles {
        position: absolute;
        bottom: 100px;
        right: -2%;
        max-width: 230px;
    }


    .bg-clip-path .clip-path {
        position: absolute;
        right: 0;
        top: 0;
        width: 80%;
        height: 100%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    /*services*/
    .clip-path-services {
        position: absolute;
        left: 0;
        bottom: 11%;
        width: 100%;
        height: 100%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    .box__titleServices h2 {
        font-size: 2.5rem;
    }

    .box__titleServices p {
        font-size: var(--fs-sm);
        font-weight: 200;
        line-height: 2;
    }

    .box__titleServices {
        padding: 0 5rem;
        margin-bottom: 20px;
    }

    .link__services {
        color: var(--bs-green);
        font-size: var(--fs-sm);
        font-weight: 300;
    }

    .mt-service {
        margin-top: 100px;
    }

    .box__titleServices .bubble-service {
        position: absolute;
        right: 0;
        top: 0;
        object-position: right top;
        display: inline;
        width: 85px;
    }

    /*end services*/
    /*order*/
    .order__details h2 {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .order__details p {
        font-size: var(--fs-lg);
        line-height: 2;
        font-weight: 200;
        margin-bottom: 2rem;
    }

    .bubble-left-order {
        position: absolute;
        top: 70%;
        left: 5%;
        width: 100%;
        max-width: 70px;
    }

    .bubble-top-order {
        position: absolute;
        top: -40%;
        right: 25%;
        width: 100%;
        max-width: 160px;
    }

    .order-items {
        transform: translateY(-75px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 2rem;

    }

    .order-items:nth-child(2) {
        transform: translateY(57px);
    }

    .order-items:nth-child(3) {
        transform: translateY(15px);
    }

    .order-items:nth-child(4) {
        transform: translateY(-30px);
    }

    .clip-path-order {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto 0;
        width: 100%;
        height: 100%;
        min-height: 300px;
        object-position: top;
        z-index: -1;
    }

    .order-items h3 {
        font-size: var(--fs-md);
    }

    .order-items p {
        font-size: var(--fs-sm);
        line-height: 2;
        text-align: center;
        font-weight: 200;
    }

    .order-items .circle {
        width: 5rem;
        height: 5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px dashed var(--bs-green);
        background: #fff;
        border-radius: 100%;
        color: var(--bs-green);
        font-size: var(--fs-lg);
        font-weight: 800;
        margin-bottom: 1.5rem;
    }

    /*end order*/
    /*product price*/
    .box__productPrice-item .title h3 {
        color: #fff;
        font-size: var(--fs-md);
        transform: rotate(-10deg)
    }

    .box__productPrice-item .title {
        transform: rotate(10deg) translateY(-50px);
        text-align: center;
    }

    .rotate:nth-child(odd) .box__productPrice-item .title {
        transform: rotate(-10deg) translateY(-50px);
    }

    .rotate:nth-child(odd) .box__productPrice-item .title h3 {
        transform: rotate(10deg);

    }

    .rotate:nth-child(2n) .box__productPrice-item .title h3 {
        transform: rotate(-10deg);
    }

    /*end product price*/
    /*faq*/
    .description__faq {
        font-size: var(--fs-lg);
    }

    /*end faq*/
    /*form*/
    .bubble__form {
        position: absolute;
        top: -10px;
        right: 0%;
        width: 100%;
        max-width: 150px;
    }

    /*end form*/
    /*box online*/
    .clip-path-form{
        position: absolute;
        right: 0;
        bottom: 0;
        object-fit: fill;
        top: 0;
        width: 100%;
        height: 100%;
        min-height: 313px;
        margin: auto 0;
    }
    .box__online{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-top: 20rem;
        padding: 20px;
    }

    .box__online h2{
        font-size: 2.4rem;
    }
    .box__online p{
        font-size:var(--fs-lg);
        font-weight: 300;
        line-height: 2;
        margin: 2rem 0;
        text-align: center;
    }
    /*end box online*/
    /*footer*/
    .footerHeader strong {
        font-size: var(--fs-lg);
        display: inline-flex;
        color: #fff;
    }

    .footerHeader-lg strong {
        font-size: 2rem;
        display: inline-flex;
        color: #fff;
    }

    .description__footer p {
        color: #fff;
        margin-top: 1rem;
        line-height: 2;
        font-size: var(--fs-md);
        margin-bottom: 0;
        font-weight: 200;
    }
    .description__footer ul li a {
        font-size: var(--fs-md);
        color: #fff;
        font-weight: 200;
    }

    .phone__footer {
        margin-top: 1rem;
    }

    .phone__footer a, .phone__footer {
        display: inline-flex;
        font-size: var(--fs-lg);
        color: #fff;
    }

    /*end footer*/
    /*saber*/
    .img_badgeHeader {
        width: 10rem;
        height: auto;
    }


    .accordion-button strong {
        display: flex;
        font-size: var(--fs-lg);
        font-weight: 700;
    }

    .accordion-body p {
        margin-bottom: 0;
        font-weight: 300;
        line-height: 2;
        color: black;
        font-size: var(--fs-md);
    }

    .header-text h1 {
        font-size: 4rem;
        color: #000;
        font-weight: 900;
        margin-top: 2rem;

    }

    .box__services-aboutUs .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        margin: 0 0;
    }

    .header-text p {
        font-size: 1.6rem;
        color: #000;
        font-weight: 500;
        line-height: 2;
        margin: 2rem 0;
    }

    .box-services h3 {
        color: #000;
        font-size: var(--fs-md);
        font-weight: 900;
        margin: 2rem 0;
    }

    .box-services img {
        width: 50px;
    }

    .box-services {
        min-height: 25rem;

    }


    .bg-form:before {
        content: '';
        position: absolute;
        right: 0;
        left: auto;
        top: 0;
        bottom: 0;
        background: var(--bs-light-orange);
        border-radius: 5rem;
        width: 80%;
        z-index: -1;
        height: 100%;
    }

    .bg-form .padding {
        padding: 8rem 6rem 8rem 0;
    }

    /*about*/
    .public-page__title {
        color: #111;
        font-size: 4rem;
        font-weight: 900;
        line-height: 1.5;
        text-align: center;
    }
    .header-about{
        position: relative;
        padding: 0 10rem;
    }
    .header-about .right-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        right: 0;
        z-index: -1;
    }
    .header-about .left-bubble-about{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto 0;
        left: 0;
        z-index: -1;
    }
    .header__descriptions .header__descriptions-text p{
        font-size: 1.8rem;
        line-height: 2;
        font-weight: 300;
    }
    .header-about p{
        font-size: 2.4rem;
        line-height: 2;
        text-align: center;
        font-weight: 200;
    }
    .box__why img{
        width: 90px;
        height: auto;
    }
    .header__descriptions .bubble-about{
        position: absolute;
        bottom: 25%;
        left: 1%;
        width: 120px;
    }
    .clip-path-goal{
        position: absolute;
        top:0;
        right:0;
        z-index: -1;
        width: 100%;
        max-height: 500px;
        height: 100%;
        display: inline;
    }
    /*end about*/
    /*contact*/
    .box__form{
        background: #f6f6f6;
        padding: 3rem;
        border-radius: 3rem;
    }
    .box__form h3{
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3rem;
        font-weight: 700;
    }
    .header__contact h1{
        font-size: 3.6rem;
        line-height: 1.8;
        font-weight: 700;
    }
    .header__contact p{
        font-size: 1.8rem;
        line-height: 1.8;
        font-weight: 300;
    }
    .header__contact{
        padding-left: 3rem;
    }
    .box__contactAddress ul li p{
        font-size: var(--fs-md);
        line-height: 2;
        font-weight: 300;
        color: #1E1E1E;
    }
    .box__contactAddress ul li a{
        font-size: var(--fs-md);
        line-height: 2;
        font-weight: 300;
        color: #1E1E1E;
    }
    .box__contactAddress strong{
        display:flex;
        justify-content: center;
        text-align: center;
        font-size: var(--fs-lg);
        margin-top: 1rem;
        margin-bottom: 2rem;
    }
    .box__contactAddress ul{
        padding:0 2rem ;
        min-height: 122px;
    }
    /*end contact*/

}

@media screen and (min-width: 1200px) {
    /*saber*/
    .boxLayoutImg .bubbles {
        position: absolute;
        bottom: 20%;
        right: 10%;
        max-width: 240px;
    }


    /*services*/
    .clip-path-services {
        position: absolute;
        left: 0;
        bottom: 16%;
        width: 95%;
        height: 96%;
        object-fit: fill;
        object-position: right top;
        z-index: -1;
        display: inline;
    }

    .box__titleServices h2 {
        font-size: 2.5rem;
    }

    .box__titleServices p {
        font-size: var(--fs-sm);
        font-weight: 200;
        line-height: 2;
    }

    .box__titleServices {
        padding: 0 15rem;
        margin-bottom: 20px;
    }

    .link__services {
        color: var(--bs-green);
        font-size: var(--fs-sm);
        font-weight: 300;
    }

    .mt-service {
        margin-top: 150px;
    }

    /*end services*/
    /*order*/
    .order__details h2 {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }

    .order__details p {
        font-size: 2rem;
        line-height: 2;
        font-weight: 200;
        margin-bottom: 2rem;
    }

    .bubble-left-order {
        position: absolute;
        top: 70%;
        left: 5%;
        width: 100%;
        max-width: 140px;
    }

    .bubble-top-order {
        position: absolute;
        top: -40%;
        right: 25%;
        width: 100%;
        max-width: 240px;
    }

    .order-items {
        transform: translateY(-85px);
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 2rem;

    }

    .order-items:nth-child(2) {
        transform: translateY(47px);
    }

    .order-items:nth-child(3) {
        transform: translateY(-1px);
    }

    .order-items:nth-child(4) {
        transform: translateY(-40px);
    }

    /*end order*/
    /*product price*/
    .box__productPrice-item .title h3 {
        color: #fff;
        font-size: var(--fs-lg);
        transform: rotate(-10deg)
    }

    /*end product price*/
    /*faq*/
    .description__faq {
        font-size: 2rem;
    }

    .bubble__faq {
        position: absolute;
        top: -30px;
        left: 10%;
        width: 100%;
        max-width: 150px;
    }

    /*end faq*/
    /*form*/
    .bubble__form {
        position: absolute;
        top: 50px;
        right: 10%;
        width: 100%;
        max-width: 150px;
    }

    /*end form*/
    /*saber*/
    .logo-footer-text h2 {
        color: #fff;
        font-weight: 900;
        margin-bottom: 2rem;
        font-size: 3rem;
    }

    .logo-footer-text h3 {
        color: #fff;
        font-weight: 400;
        font-size: 2.4rem;
    }

    .box_service {
        padding: 6rem 2rem;
    }

    .btn-gray {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: #fff;
        font-size: var(--fs-lg);
        color: #E9E9E9;
        min-width: 16rem;
        font-weight: 500;
        border-radius: 1rem;
        height: 5.5rem;
        padding: 1rem 2rem;
        border: .1rem solid #E9E9E9;
        transition: all .3s ease-in-out;
    }


    .left-xl {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background-image: none;
        background-color: #f3f3f3;
        border-radius: 3rem;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top;
        padding: 6rem 2rem;
    }



    .accordion-button strong {
        display: flex;
        font-size: var(--fs-lg);
        font-weight: 700;
    }

    .accordion-body p {
        margin-bottom: 0;
        font-weight: 300;
        color: black;
        font-size: var(--fs-lg);
    }

    .header-text h1 {
        font-size: 4rem;
        color: #000;
        font-weight: 900;
        margin-top: 2rem;

    }

    .header-text p {
        font-size: 1.8rem;
        color: #000;
        font-weight: 500;
        line-height: 2;
        margin: 2rem 0;
    }
    /*about*/
    .box__why{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .box__why h2{
        font-size:1.8rem;
        margin: 2rem 0;
        text-align: center;
    }
    .box__why p{
        font-size:var(--fs-md);
        line-height: 2;
        text-align: center;
        font-weight: 300;
        margin-bottom: 0;
    }
    .box__why img{
        width: 108px;
        height: auto;
    }
    .header__descriptions .header__descriptions-text p{
        font-size: 2rem;
        line-height: 2;
        font-weight: 300;
    }
    .header__descriptions .bubble-about{
        position: absolute;
        bottom: 25%;
        left: 1%;
        width: 150px;
    }
    /*end about*/
    /*contact*/
    .box__form{
        background: #f6f6f6;
        padding: 3rem;
        border-radius: 3rem;
    }
    .box__form h3{
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3rem;
        font-weight: 700;
    }
    .header__contact h1{
        font-size: 3.6rem;
        line-height: 1.8;
        font-weight: 700;
    }
    .header__contact p{
        font-size: 1.8rem;
        line-height: 1.8;
        font-weight: 300;
    }
    .header__contact{
        padding-left: 5rem;
    }
    .box__contactAddress ul{
        padding:0 2rem ;
        min-height: 104px;
    }
    /*end contact*/


}

@media screen and (min-width: 1400px) {
    /*saber*/
    .boxLayoutImg .bubbles {
        position: absolute;
        bottom: 10%;
        right: 17%;
        max-width: 240px;
    }

    /*saber*/
    .img_badgeHeader {
        width: 14rem;
        height: auto;
    }

    .header-text h1 {
        font-size: 4.4rem;
        color: #000;
        font-weight: 900;
        margin-top: 2rem;

    }

    .header-text p {
        font-size: 2rem;
        color: #000;
        font-weight: 300;
        line-height: 2;
        margin: 2rem 0;
    }

    .box-services h3 {
        color: #000;
        font-size: var(--fs-xxl);
        font-weight: 900;
        margin: 2rem 0;
    }

    .box-services p {
        font-weight: 300;
        font-size: var(--fs-lg);
        text-align: center;
        color: #000;
        line-height: 2;
    }

    .box-services img {
        width: 97px;
    }

    .box-services {
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 5rem;
        transition: all .3s ease-in-out;
        min-height: 35rem;
        padding: 2rem;
    }

    /*product price*/
    .box__productPrice-item .details li span {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        width: auto;
        line-clamp: 1;
        overflow: hidden;
    }

    .box__productPrice p {
        font-size: 2rem;
        line-height: 2;
        text-align: center;
        font-weight: 200;
    }

    /*end product price*/

    /*contact*/
    .box__form{
        background: #f6f6f6;
        padding: 3rem;
        border-radius: 3rem;
    }
    .box__form h3{
        text-align: center;
        font-size: 1.8rem;
        margin-bottom: 3rem;
        font-weight: 700;
    }
    .header__contact h1{
        font-size: 3.6rem;
        line-height: 1.8;
        font-weight: 700;
    }
    .header__contact p{
        font-size: 1.8rem;
        line-height: 1.8;
        font-weight: 300;
    }
    /*end contact*/


}