@font-face {
    font-family: "danalight";
    font-display: swap;
    src: url("../fonts/dana/DanaFaNum-Light.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-Light.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Light.woff2") format("woff2");
}
@font-face {
    font-family: "danaregular";
    font-display: swap;
    src: url("../fonts/dana/DanaFaNum-Regular.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-Regular.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "danasemibold";
    font-display: swap;
    font-weight: 600;
    src: url("../fonts/dana/DanaFaNum-DemiBold.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-DemiBold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-DemiBold.woff2") format("woff2");
}
@font-face {
    font-family: "danabold";
    font-display: swap;
    src: url("../fonts/dana/DanaFaNum-Bold.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-Bold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "danamedium";
    font-display: swap;
    src: url("../fonts/dana/DanaFaNum-Medium.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-Medium.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-Medium.woff2") format("woff2");
}
@font-face {
    font-family: "danaextrabold";
    font-display: swap;
    src: url("../fonts/dana/DanaFaNum-ExtraBold.ttf") format("turetype"),
        url("../fonts/dana/DanaFaNum-ExtraBold.woff") format("woff"),
        url("../fonts/dana/DanaFaNum-ExtraBold.woff2") format("woff2");
}
@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/vazir-matn/Vazirmatn-Regular.ttf") format("turetype"),
        url("../fonts/vazir-matn/Vazir.eot") format("eot"),
        url("../fonts/vazir-matn/Vazir.woff") format("woff"),
        url("../fonts/vazir-matn/Vazirmatn-Regular.woff2") format("woff2");
}
@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/vazir-matn/Vazirmatn-Bold.ttf") format("turetype"),
        url("../fonts/vazir-matn/Vazirmatn-Bold.woff2") format("woff2");
}
@font-face {
    font-family: "vazir";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../fonts/vazir-matn/Vazirmatn-ExtraBold.ttf") format("turetype"),
        url("../fonts/vazir-matn/Vazirmatn-ExtraBold.woff2") format("woff2");
}
@font-face {
    font-family: "vazir";
    font-display: block;
    font-weight: normal;
    src: url("../fonts/vazir-matn/Vazir-FD-WOL.ttf") format("turetype"),
        url("../fonts/vazir-matn/Vazir-FD-WOL.eot") format("eot"),
        url("../fonts/vazir-matn/Vazir-FD-WOL.woff") format("woff"),
        url("../fonts/vazir-matn/Vazir-FD-WOL.woff2") format("woff2");
}
@font-face {
    font-family: "roboto";
    src: url("../fonts/Roboto/Roboto-Light.ttf") format("turetype");
    font-display: block;
    font-weight: normal;
}
@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-light/IRANSansWeb_Light.ttf") format("turetype"),
        url("../fonts/iransans-light/IRANSansWeb_Light.eot") format("eot"),
        url("../fonts/iransans-light/IRANSansWeb_Light.woff") format("woff"),
        url("../fonts/iransans-light/IRANSansWeb_Light.woff2") format("woff2"),
        url("../fonts/iransans-light/iransansdnlight.svg"), format("svg");
    font-display: block;
    font-weight: normal;
}
@font-face {
    font-family: "iransans";
    src: url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.ttf")
            format("turetype"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.eot") format("eot"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.woff")
            format("woff"),
        url("../fonts/iransans-light/IRANSansWeb_FaNum_Light.woff2")
            format("woff2");
    font-display: block;
    font-weight: normal;
}

.iransans {
    font-family: "iransans", "roboto", "danalight", "vazir", "danaregular",
        "danasemibold", "danabold";
}

.roboto {
    font-family: "roboto", "danalight", "vazir", "danaregular", "iransans",
        "danasemibold", "danabold";
}

.vazir {
    font-family: "vazir", "danalight", "danaregular", "iransans", "danasemibold",
        "danabold", "roboto";
}

.danaextrabold {
    font-family: "danaextrabold", "danamedium", "danabold", "danaregular",
        "danalight", "vazir", "iransans", "roboto";
}

.danamedium {
    font-family: "danamedium", "danabold", "danaregular", "danalight", "vazir",
        "iransans", "roboto";
}

.danabold {
    font-family: "danabold", "danasemibold", "danaregular", "danalight", "vazir",
        "iransans", "roboto";
}

.danasemibold {
    font-family: "danasemibold", "danaregular", "danalight", "vazir", "iransans",
        "danabold", "roboto";
}

.danaregular {
    font-family: "danaregular", "danalight", "vazir", "iransans", "danasemibold",
        "danabold", "roboto";
}

.danalight {
    font-family: "danalight", "danaregular", "vazir", "iransans", "danasemibold",
        "danabold", "roboto";
}

.fa-secondary {
    opacity: 0.4;
}

* {
    font-family: "danaregular", "danalight", "vazir", "iransans", "danasemibold",
        "danabold", "roboto";
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: rgb(255, 255, 255);
}

.container-all {
    overflow: hidden;
    width: 100%;
    max-width: 100%;
}

.container {
    max-width: 1350px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-left: auto;
    margin-right: auto;
}

.re-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trs__s {
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.trs__n {
    -webkit-transition: 0.4s all ease-in-out;
    -moz-transition: 0.4s all ease-in-out;
    -ms-transition: 0.4s all ease-in-out;
    -o-transition: 0.4s all ease-in-out;
    transition: 0.4s all ease-in-out;
}

.trs__l {
    -webkit-transition: 0.7s all ease-in-out;
    -moz-transition: 0.7s all ease-in-out;
    -ms-transition: 0.7s all ease-in-out;
    -o-transition: 0.7s all ease-in-out;
    transition: 0.7s all ease-in-out;
}

.trs__xl {
    -webkit-transition: 0.1s all ease-in-out;
    -moz-transition: 0.1s all ease-in-out;
    -ms-transition: 0.1s all ease-in-out;
    -o-transition: 0.1s all ease-in-out;
    transition: 0.1s all ease-in-out;
}

/*
******************* Content Area **
 */

.content-area {
    word-break: break-word !important;
    text-align: justify;
}
.content-area h1,
.content-area h2,
.content-area h3,
.content-area h4,
.content-area h5,
.content-area h6 {
    color: #474747;
    font-weight: 700;
    position: relative;
    line-height: 2;
}
.content-area h1 span,
.content-area h1 span strong,
.content-area h1 strong,
.content-area h2 span,
.content-area h2 span strong,
.content-area h2 strong,
.content-area h3 span,
.content-area h3 span strong,
.content-area h3 strong,
.content-area h4 span,
.content-area h4 span strong,
.content-area h4 strong,
.content-area h5 span,
.content-area h5 span strong,
.content-area h5 strong,
.content-area h6 span,
.content-area h6 span strong,
.content-area h6 strong {
    font-size: inherit !important;
}
.content-area h1,
.content-area h2 {
    font-size: 1.25rem;
}
.content-area h3 {
    font-size: 1rem;
    line-height: 2rem;
}
.content-area h4 {
    font-size: 0.9rem;
    line-height: 2.5rem;
}
.content-area h5 {
    font-size: 0.8rem;
}
.content-area h6 {
    font-size: 0.5rem;
    line-height: 1.5rem;
}
.content-area p {
    color: #374151;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75rem;
    line-height: 2.2;
    word-spacing: 1.1px;
}
.content-area iframe,
.content-area img,
.content-area video {
    height: 100%;
    margin: 1rem auto;
    max-width: 100% !important;
    border-radius: 10px;
}

.content-area audio {
    margin: 2.25rem auto;
    max-width: 100% !important;
    width: 100%;
    border: 2px dashed #bbb;
    border-radius: 4px;
}
.content-area a {
    font-weight: 500;
    transition-duration: 0.2s;
}
.content-area a,
.content-area a strong {
    color: #0037ce;
}
.content-area a:hover {
    text-decoration-line: underline;
}
.content-area strong {
    font-size: inherit;
    font-weight: 700;
}
.content-area ol,
.content-area ul {
    padding-left: 1rem;
    padding-right: 0;
}
.content-area ul {
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
    list-style: none;
}
.content-area ul li::before {
    content: "🔸";
    margin-left: 8px;
    font-size: 15px;
}
.content-area ul li {
    position: relative;
    list-style-type: none;
    color: #374151;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.75rem;
    text-align: right;
    line-height: 2.2;
    word-spacing: 1.1px;
}
.content-area ol {
    list-style-type: decimal;
    margin-bottom: 1.25rem;
    margin-right: 1rem;
    margin-top: 1.25rem;
}
.content-area blockquote {
    position: relative;
    background-color: #ebecee;
    border-radius: 0.75rem;
    color: #475466;
    font-size: 1rem;
    font-weight: 600;
    line-height: 2.25rem;
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: 1rem 1.5rem;
    text-align: center;
}
.content-area blockquote p {
    text-align: center;
}
.content-area blockquote::before,
.content-area blockquote::after {
    position: absolute;
    content: "";
    top: 3px;
    right: 8px;
    background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FB4F27' viewBox='0 0 448 512'%3E%3Cpath d='M0 208C0 146.1 50.1 96 112 96h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H112c-44.2 0-80 35.8-80 80v24.6c9.4-5.4 20.3-8.6 32-8.6h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V320 288 208zm32 80v32 32c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32H64c-17.7 0-32 14.3-32 32zm352-32H320c-17.7 0-32 14.3-32 32v32 32c0 17.7 14.3 32 32 32h64c17.7 0 32-14.3 32-32V288c0-17.7-14.3-32-32-32zM256 320V288 208c0-61.9 50.1-112 112-112h32c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-44.2 0-80 35.8-80 80v24.6c9.4-5.4 20.3-8.6 32-8.6h64c35.3 0 64 28.7 64 64v64c0 35.3-28.7 64-64 64H320c-35.3 0-64-28.7-64-64V320z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 16px;
    height: 16px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}
.content-area blockquote::after {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: auto;
    right: auto;
    bottom: -15px;
    left: 8px;
}
.content-area .table {
    overflow-x: auto;
    display: flex;
}
.table * {
    white-space: nowrap;
}
.content-area .table table {
    border-collapse: collapse;
    width: 100%;
    border-color: #e5e5e5;
    border-top-width: 1px;
    border-right-width: 1px;
}
.content-area .table table th {
    background-color: #efefef;
}
.content-area .table table td,
.content-area .table table th {
    border-color: #e5e5e5;
    border-bottom-width: 1px;
    border-left-width: 1px;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.table.table-font-small * {
    font-size: 15px;
}

/*
******************* Custom **
 */

[data-btn="menu"].open [data-icon="bars"] {
    display: none !important;
}
[data-btn="menu"].open [data-icon="x"] {
    display: flex !important;
}

.slider-bg {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.has_underline_title {
    position: relative;
    padding-bottom: 1rem;
}
.has_underline_title::before {
    position: absolute;
    content: "";
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 100%;
    left: 50%;
    width: 120px;
    background-image: linear-gradient(
        to left,
        transparent,
        var(--color-orange-brand),
        transparent
    );
    height: 3px;
}

.bg-category-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="%236b7280"><path d="M527.95 224H480v-48c0-26.51-21.49-48-48-48H272l-64-64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h385.057c28.068 0 54.135-14.733 68.599-38.84l67.453-112.464C588.24 264.812 565.285 224 527.95 224zM48 96h146.745l64 64H432c8.837 0 16 7.163 16 16v48H171.177c-28.068 0-54.135 14.733-68.599 38.84L32 380.47V112c0-8.837 7.163-16 16-16zm493.695 184.232l-67.479 112.464A47.997 47.997 0 0 1 433.057 416H44.823l82.017-136.696A48 48 0 0 1 168 256h359.975c12.437 0 20.119 13.568 13.72 24.232z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.bg-calendar-svg {
    background-image: url('data:image/svg+xml,\<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" fill="%236b7280"><path d="M400 64h-48V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H128V12c0-6.627-5.373-12-12-12h-8c-6.627 0-12 5.373-12 12v52H48C21.49 64 0 85.49 0 112v352c0 26.51 21.49 48 48 48h352c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zM48 96h352c8.822 0 16 7.178 16 16v48H32v-48c0-8.822 7.178-16 16-16zm352 384H48c-8.822 0-16-7.178-16-16V192h384v272c0 8.822-7.178 16-16 16z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.bg-angle-right-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%23ffffff"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.bg-angle-left-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%23ffffff"><path d="M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.bg-comments-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512' width='54' height='54' fill='%23E0E3EA'%3E%3Cpath d='M512 160h-96V64c0-35.3-28.7-64-64-64H64C28.7 0 0 28.7 0 64v160c0 35.3 28.7 64 64 64h32v52c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4l76.9-43.5V384c0 35.3 28.7 64 64 64h96l108.9 61.6c2.2 1.6 4.7 2.4 7.1 2.4 6.2 0 12-4.9 12-12v-52h32c35.3 0 64-28.7 64-64V224c0-35.3-28.7-64-64-64zM64 256c-17.6 0-32-14.4-32-32V64c0-17.6 14.4-32 32-32h288c17.6 0 32 14.4 32 32v160c0 17.6-14.4 32-32 32H215.6l-7.3 4.2-80.3 45.4V256zm480 128c0 17.6-14.4 32-32 32h-64v49.6l-80.2-45.4-7.3-4.2H256c-17.6 0-32-14.4-32-32v-96h128c35.3 0 64-28.7 64-64v-32h96c17.6 0 32 14.4 32 32z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.bg-plus-circle-svg {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ffffff'%3E%3Cpath d='M384 250v12c0 6.6-5.4 12-12 12h-98v98c0 6.6-5.4 12-12 12h-12c-6.6 0-12-5.4-12-12v-98h-98c-6.6 0-12-5.4-12-12v-12c0-6.6 5.4-12 12-12h98v-98c0-6.6 5.4-12 12-12h12c6.6 0 12 5.4 12 12v98h98c6.6 0 12 5.4 12 12zm120 6c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zm-32 0c0-119.9-97.3-216-216-216-119.9 0-216 97.3-216 216 0 119.9 97.3 216 216 216 119.9 0 216-97.3 216-216z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.star-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22%3E%3Cpath d=%22M528.53 171.5l-146.36-21.3-65.43-132.39c-11.71-23.59-45.68-23.89-57.48 0L193.83 150.2 47.47 171.5c-26.27 3.79-36.79 36.08-17.75 54.58l105.91 103-25 145.49c-4.52 26.3 23.22 46 46.48 33.69L288 439.56l130.93 68.69c23.26 12.21 51-7.39 46.48-33.69l-25-145.49 105.91-103c19-18.49 8.48-50.78-17.79-54.57zM437.64 242.46l-66.05 64.23 15.63 90.86a12 12 0 0 1-17.4 12.66L288 367.27l-81.82 42.94a12 12 0 0 1-17.4-12.66l15.63-90.86-66-64.23A12 12 0 0 1 145 222l91.34-13.28 40.9-82.81a12 12 0 0 1 21.52 0l40.9 82.81L431 222a12 12 0 0 1 6.64 20.46z%22 fill=%22%23ccc%22/%3E%3C/svg%3E");
    background-size: cover;
    cursor: pointer;
}

.star-icon.selected {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 576 512%22%3E%3Cpath d=%22M528.53 171.5l-146.36-21.3-65.43-132.39c-11.71-23.59-45.68-23.89-57.48 0L193.83 150.2 47.47 171.5c-26.27 3.79-36.79 36.08-17.75 54.58l105.91 103-25 145.49c-4.52 26.3 23.22 46 46.48 33.69L288 439.56l130.93 68.69c23.26 12.21 51-7.39 46.48-33.69l-25-145.49 105.91-103c19-18.49 8.48-50.78-17.79-54.57zM437.64 242.46l-66.05 64.23 15.63 90.86a12 12 0 0 1-17.4 12.66L288 367.27l-81.82 42.94a12 12 0 0 1-17.4-12.66l15.63-90.86-66-64.23A12 12 0 0 1 145 222l91.34-13.28 40.9-82.81a12 12 0 0 1 21.52 0l40.9 82.81L431 222a12 12 0 0 1 6.64 20.46z%22 fill=%22%23facc15%22/%3E%3C/svg%3E");
}

.is-invalid {
    border-color: #f36;
    padding-left: calc(1.5em + 0.938rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23ff3366'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff3366' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left calc(0.375em + 0.2345rem) center;
    background-size: calc(0.75em + 0.469rem) calc(0.75em + 0.469rem);
}

.service-hero {
    position: relative;
    min-height: 300px;
    background-position: top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin-top: 64px;
}

.service-hero::after {
    position: absolute;
    content: "";
    background-image: linear-gradient(to bottom, transparent, #ffffff);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.has_modern_underline {
    position: relative;
    padding-bottom: 1rem;
}

.has_modern_underline::before {
    position: absolute;
    content: "";
    transform: translateY(-50%);
    top: 100%;
    right: 0;
    width: 180px;
    background-image: linear-gradient(
        to left,
        var(--color-orange-brand),
        transparent
    );
    height: 3px;
}

.has_modern_underline::after {
    position: absolute;
    content: "";
    transform: translateY(-50%);
    top: 100%;
    right: 180px;
    width: 100px;
    background-image: linear-gradient(
        to left,
        transparent,
        var(--color-orange-brand),
        transparent
    );
    height: 3px;
    opacity: 0.2;
}

.btn-sweet {
    position: relative;
    display: flex;
    justify-content: center;
    padding-right: 70px;
    -webkit-transition: 0.5s all ease-in-out;
    -moz-transition: 0.5s all ease-in-out;
    -ms-transition: 0.5s all ease-in-out;
    -o-transition: 0.5s all ease-in-out;
    transition: 0.5s all ease-in-out;
    box-shadow: 0 0 8px 5px rgba(255, 255, 255, 0);
    border: 1px solid #fef2d1;
    border-radius: 10px;
    width: 100%;
    padding: 12px 0;
    margin-bottom: 5px;
    overflow: hidden;
    height: 50px;
    background-color: #f5f5f5;
}

.btn-sweet span,
.btn-sweet svg {
    position: relative;
    z-index: 1;
}

.btn-sweet span.text-btn {
    min-width: 80px;
}

.btn-sweet svg {
    fill: #374151;
}

.btn-sweet::after {
    position: absolute;
    content: "";
    transform: translate(-50%, -50%) rotate(25deg);
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    top: 50%;
    left: 50%;
    height: 500px;
    width: 80%;
    background-color: #eee;
    z-index: 0;
    border: 1px solid #eee;
}

.btn-sweet:hover {
    box-shadow: 0 0 8px 5px rgba(191, 191, 191, 0.088);
    border: 1px solid var(--color-orange-brand);
    color: var(--color-orange-brand);
}

.btn-sweet:hover:after {
    width: 100%;
    transform: translate(-50%, -50%) rotate(0);
    background-color: #f9f9f9;
}

.btn-sweet-icon {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 1024px) {
    .submenu-container {
        position: absolute;
        top: 100%;
        right: 0;
        border: 1px solid #423f45;
        background-color: rgba(0, 0, 0, 0.9);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        min-width: 200px;
    }
}

@media (max-width: 1023.999px) {
    .submenu-container {
        position: relative;
        border: 1px solid #423f45;
        background-color: rgba(0, 0, 0, 0.9);
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        min-width: 200px;
        margin-top: 1rem;
    }
}
@media (min-width: 640px) {
    .owl-nav {
        position: absolute;
        top: -97px;
        left: 0;
        padding-right: 0rem !important;
        padding-left: 0rem !important;
    }
    .owl-carousel-8 .owl-nav {
        top: -29px;
    }
}
.bg-angle-right-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%23ffffff"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}
.bg-angle-left-svg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512" fill="%23ffffff"><path d="M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
}

.swiper-button-next,
.swiper-button-prev {
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgba(114, 114, 114, 0.779);
    bottom: 0;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    color: #000000;
    font-size: 17px !important;
    font-weight: bold;
    transition: 0.2s all ease-in-out;
}

.swiper-button-next:after {
    transform: translateX(-2px);
}

.swiper-button-prev:after {
    transform: translateX(2px);
}

.swiper-button-next:hover:after,
.swiper-button-prev:hover:after {
    color: var(--color-orange-brand);
}

.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #ffffff;
    opacity: 0.5;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.2s all ease-in-out;
    -moz-transition: 0.2s all ease-in-out;
    -ms-transition: 0.2s all ease-in-out;
    -o-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
}

.swiper-pagination.swiper-pagination-bullets
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--color-orange-brand);
    width: 20px;
    border-radius: 7px;
    opacity: 1;
}

@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }

    .swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
}

hr {
    border-color: #e0e0e0;
    margin: 1rem auto;
}