/* ----------------------------------------------------------------
	Canvas: SAAS 2
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------------------
	FONTS
---------------------------------------------------------------------------- */
@font-face {
    font-family: "Euclid Circular A"; /* Specify a custom name for your font */
    src: url("/front/assets/fonts/Euclid Circular A Medium.ttf")
        format("truetype"); /* Specify the path to your font file */
}

:root {
    --cnvs-themecolor: #00a8ea;
    --cnvs-themecolor-rgb: 62, 69, 235;
    --cnvs-gradient-color: linear-gradient(to right, #f6955c, #f23457);

    --cnvs-body-image: url("images/new/blur-bg.png");

    --cnvs-saas-color-1: #fff7ef;
    --cnvs-saas-color-2: #f9faf6;

    --cnvs-font-size-h1: 3rem;
    --cnvs-font-size-h2: 2rem;
    --cnvs-font-size-h3: 1.75rem;
    --cnvs-font-size-h4: 1.5rem;
    --cnvs-font-size-h5: 1.25rem;
    --cnvs-font-size-h6: 1rem;
    --cnvs-section-padding: 6rem;
    --bs-body-font-size: 1rem;

    --cnvs-primary-font: "Euclid Circular A", sans-serif;
    --cnvs-body-font: "Poppins", sans-serif;
    --cnvs-secondary-font: "Cookie", cursive;
    --cnvs-other-font: "Marcellus", serif;

    --cnvs-slider-arrow-color: var(--cnvs-contrast-300);
    --cnvs-slider-arrows-bg-color: transparent;
    --cnvs-slider-arrows-bg-hover-color: var(--cnvs-slider-arrows-bg-color);
    --cnvs-slider-arrows-size: 34px;
    --cnvs-canvas-slider-dots-size: 0.725rem;
    --cnvs-card-rounded: 20px;
}

:root,
.not-dark {
    --cnvs-heading-color: var(--cnvs-contrast-1000);
}

.caption {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    line-height: 1.5rem;
    font-size: 0.875rem;
}

.label {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    line-height: 1.25rem;
    font-size: 0.875rem;
}

.button-light {
    color: var(--cnvs-themecolor) !important;
}

.button-light:hover {
    background-color: #3366af;
    color: #fff !important;
}

.button.button-large {
    --cnvs-btn-padding-x: 1.25rem;
    --cnvs-btn-padding-y: 1rem;
    --cnvs-btn-fontsize: 0.875rem;
    --cnvs-btn-lineheight: 1.5rem;
    min-width: 10.75rem;
}

.button > i {
    font-size: 1.5rem;
    margin-right: 1rem;
}

.fw-bolder {
    font-weight: 800 !important;
}

.rounded-xxl {
    border-radius: var(--cnvs-card-rounded);
}

.gradient-color {
    background-image: var(--cnvs-gradient-color) !important;
}

.gradient-text {
    font-family: var(--cnvs-secondary-font);
    padding: 0 5px;
    font-size: 120%;
}

.cnvs-bg-color-1 {
    background-color: var(--cnvs-saas-color-1) !important;
}

.cnvs-bg-color-2 {
    background-color: var(--cnvs-saas-color-2) !important;
}

#header {
    --cnvs-primary-menu-font-size: 0.9rem;
    --cnvs-primary-menu-tt: none;
    --cnvs-primary-menu-ls: 0;
    --cnvs-primary-menu-padding-x: 20px;
    --cnvs-primary-menu-font-weight: 400;
    --cnvs-primary-menu-font: var(--cnvs-body-font);
    --cnvs-primary-menu-color: #666666;
    --cnvs-primary-menu-hover-color: #3366af;
    --cnvs-primary-menu-active-color: #3366af;
}

#wrapper {
    background: var(--cnvs-body-bg);
    background-image: var(--cnvs-body-image);
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
}

.button {
    --cnvs-btn-fontsize: 0.9rem;
}

/* Swiper Tabs */
.swiper-pagination-progress {
    --cnvs-swiper-bar-size: 2px;
    --cnvs-swiper-bar-color: var(--cnvs-contrast-200);
    --cnvs-swiper-bar-active-color: var(--cnvs-contrast-1000);
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: auto;
    border-radius: 0;
    opacity: 1;
    margin: 0px;
    background-color: transparent;
}
.swiper-pagination-progress .swiper-pagination-bar,
.swiper-pagination-progress .swiper-pagination-bar-active {
    position: absolute;
    bottom: 0;
    border-radius: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: var(--cnvs-swiper-bar-size);
    margin: 0px;
    background-color: var(--cnvs-swiper-bar-color);
}

.swiper-pagination-progress .swiper-pagination-bar-active {
    z-index: 2;
    width: 0%;
    background-color: var(--cnvs-swiper-bar-active-color);
}
.active .swiper-pagination-progress .swiper-pagination-bar-active {
    animation-name: swiperbarAnim;
    animation-duration: 5s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-direction: alternate;
    animation-fill-mode: forwards;
}
@keyframes swiperbarAnim {
    0% {
        width: 0;
    }
    100% {
        width: 100%;
    }
}

.swiper-tab-link {
    --swiper-tab-title: #aaa;
    --swiper-tab-content: ;
    counter-increment: step-counter;
    position: relative;
    overflow: hidden;
    margin-bottom: 5px;
    padding: 20px 0;
    cursor: pointer;
}

.swiper-tab-link::before {
    content: "0" counter(step-counter) ".";
    position: relative;
    display: inline-block;
    font-size: 26px;
    font-weight: 600;
    min-width: 50px;
    margin-right: 5px;
    color: var(--swiper-tab-title);
    font-family: monospace;
    line-height: 1;
}

.swiper-tab-link .swiper-tab-title {
    display: inline-block;
    color: var(--swiper-tab-title);
    margin-bottom: 0;
    font-size: calc(1.275rem + 0.3vw);
}

.swiper-tab-link .swiper-tab-content {
    margin-bottom: 0;
    padding-top: 10px;
    margin-left: 5px;
    line-height: 0;
    opacity: 0;
    vertical-align: middle;
    font-size: 1rem;
    transition: line-height 0.6s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.1s 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

@media (min-width: 768px) {
    .swiper-tab-link .swiper-tab-content {
        margin-left: 60px;
    }
}

.swiper-tab-link.active .swiper-tab-content {
    opacity: 0.8;
    line-height: var(--cnvs-line-height-content);
    transition: line-height 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.15s 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.swiper-tab-link.active {
    --swiper-tab-title: #000;
}

.back-shadow {
    ---cnvs-back-shadow-size: 5px;
    ---cnvs-back-shadow-bg: var(--cnvs-contrast-1000);
    ---cnvs-back-shadow-color: var(--cnvs-contrast-0);
    position: relative;
    background-color: var(---cnvs-back-shadow-color);
    border: 1px solid var(---cnvs-back-shadow-bg);
    margin-left: var(---cnvs-back-shadow-size);
    margin-bottom: var(---cnvs-back-shadow-size);
    box-shadow: calc(-1 * var(---cnvs-back-shadow-size))
        var(---cnvs-back-shadow-size) 0 var(---cnvs-back-shadow-bg);
}

.pricing-bg {
    position: absolute;
    left: 0;
    top: 0;
    transform: scale(120%);
    z-index: -1;
    opacity: 0.4;
    object-fit: cover;
    width: 100%;
}

.pts-left,
.pts-right {
    font-weight: 600 !important;
}

/* .toggle {
    --cnvs-toggle-base-color: var(--cnvs-heading-color);
    --cnvs-toggle-font-size: 1.125rem;
    --cnvs-toggle-title-color: var(--cnvs-heading-color);
    --cnvs-toggle-content-padding: 1.5rem 1.75rem;
    margin: 0 0 30px 0;
} */

.toggle-header {
    border-radius: var(--cnvs-card-rounded);
    border: 1px solid var(--cnvs-themecolor);
    font-weight: 600;
    padding: 1rem;
}

.toggle-active .toggle-header {
    background-color: var(--cnvs-themecolor);
    border: none;
    color: white;
}

.toggle-closed,
.toggle-open {
    width: 0.75rem !important;
}

.toggle-open {
    width: 0.75rem !important;
    color: white !important;
}

.toggle-content {
    border: 1px solid #cccccc;
    border-radius: var(--cnvs-card-rounded);
    /* padding: 1rem !important; */
    color: #666666;
    margin-top: 0.75rem;
}

/* .toggle-closed {
	transition: .2s;
	opacity: .2;
}

.toggle-active .toggle-closed {
	display: block;
	transform: rotate(45deg);
	opacity: 1;
} */

.pricing-tenure-switcher .btn-group {
    background-color: var(--cnvs-contrast-200);
    padding: 6px;
}

.pricing-tenure-switcher .btn-group .btn {
    --bs-btn-border-width: 0;
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: 0.425rem;
    --bs-btn-font-size: var(--bs-body-font-size);
    --bs-btn-font-weight: 500;
    border-radius: var(--bs-border-radius-pill) !important;
}

.pricing-tenure-switcher .btn-check:checked + .btn {
    background-color: var(--cnvs-contrast-900);
    color: #fff;
}

/* .feature-box.media-box .fbox-icon {
	position: relative;
	width: 36px;
	height: 54px;
	margin-bottom: 15px;
} */

.oc-item {
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
}

.oc-item:hover {
    transform: scale(1.02);
}

.hover-effect {
    -webkit-transition: transform 0.25s ease, box-shadow 0.3s ease;
    -o-transition: transform 0.25s ease, box-shadow 0.3s ease;
    transition: transform 0.25s ease, box-shadow 0.3s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    box-shadow: none;
    border: 0;
}

.hover-effect:hover {
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    -o-transform: translateY(-2px);
    transform: translateY(-2px);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.products-image .badge {
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    color: #222;
    background-color: #fff;
    padding: 5px;
    border-radius: 3px;
    font-weight: 600;
}

/* .course-card .card-footer { border-top-color: #EEE; }  212529*/

/* .course-card-assessment {
	background-color: #212529;
} */

.rating-stars i {
    color: #f4c150;
}

.course-card .card-title a {
    color: #2f2f84;
    font-size: 1.3rem;
}

.course-card .card-title a:hover {
    color: var(--cnvs-themecolor);
}

.course-card .card-title-sub {
    font-size: 11px;
}

.course-card .card-text {
    font-size: 0.9rem;
    line-height: 1.5rem;
}

/* .rating-stars i { color: #f4c150; } */
.owl-carousel .jumbotron {
    height: 400px;
}

.owl-item .jumbotron {
    opacity: 0.5;
    transform: scale(0.95);
    transition: all 0.5s ease;
}

.owl-item .jumbotron-text {
    opacity: 0;
    transform: scale(0.9);
    transition: all 0.4s 0.2s ease;
}

.owl-item.active .jumbotron,
.owl-item.active .jumbotron-text {
    opacity: 1;
    transform: scale(1);
}

#oc-teachers .owl-nav [class*="owl-"],
#oc-testi .owl-nav [class*="owl-"] {
    opacity: 1;
    left: -40px !important;
    height: 60px;
    line-height: 60px;
    color: #fff;
    border-radius: 0;
}

#oc-teachers .owl-nav [class*="owl-"],
#oc-testi .owl-nav [class*="owl-"],
#oc-clients .owl-nav [class*="owl-"] {
    background-color: transparent;
    border: none;
    font-size: 32px;
}

#oc-testi .owl-nav [class*="owl-"],
#oc-clients .owl-nav [class*="owl-"] {
    color: #000;
}

#oc-teachers .owl-nav .owl-next,
#oc-testi .owl-nav .owl-next {
    left: auto !important;
    right: -60px !important;
    border-radius: 0;
}

#oc-teachers .owl-nav [class*="owl-"]:hover,
#oc-clients .owl-nav [class*="owl-"]:hover {
    transform: scale(1.3);
    background-color: transparent !important;
    color: #fff !important;
}

#oc-testi .owl-nav [class*="owl-"]:hover,
#oc-clients .owl-nav [class*="owl-"]:hover {
    transform: scale(1.3);
    background-color: transparent !important;
    color: #000 !important;
}

#oc-clients .owl-nav .owl-prev {
    left: -50px !important;
}
#oc-clients .owl-nav .owl-next {
    right: -50px !important;
}

/* Owl Carousel - Responsive
-----------------------------------------------------------------*/
.device-md #oc-teachers .owl-nav .owl-prev,
.device-md #oc-testi .owl-nav .owl-prev {
    left: 67px !important;
}
.device-md #oc-teachers .owl-nav .owl-next,
.device-md #oc-testi .owl-nav .owl-next {
    right: 67px !important;
}

.device-sm #oc-teachers .owl-nav .owl-prev,
.device-xs #oc-teachers .owl-nav .owl-prev,
.device-sm #oc-testi .owl-nav .owl-prev,
.device-xs #oc-testi .owl-nav .owl-prev {
    left: 27px !important;
}

.device-sm #oc-teachers .owl-nav .owl-next,
.device-xs #oc-teachers .owl-nav .owl-next,
.device-sm #oc-testi .owl-nav .owl-next,
.device-xs #oc-testi .owl-nav .owl-next {
    right: 27px !important;
}

.footer-image {
    width: 25%;
}

.device-md .footer-image {
    width: 50%;
}
.device-sm .footer-image,
.device-xs .footer-image {
    width: 75%;
}

.w-image {
    width: 100% !important;
    aspect-ratio: 1;
    object-fit: cover;
}

@media (max-width: 575.98px) {
    .w-image {
        width: 25% !important;
        aspect-ratio: 1;
        object-fit: cover;
    }
}
@media (max-width: 767.98px) {
    .w-image {
        width: 25% !important;
        aspect-ratio: 1;
        object-fit: cover;
    }
}
@media (max-width: 991.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 1399.98px) {
}

.single-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 1; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.multi-line-ellipsis-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.multi-line-ellipsis-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.multi-line-ellipsis-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.multi-line-ellipsis-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* For multi-line text with overflow ellipsis after 4 lines */
.multi-line-ellipsis {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* Number of lines to show */
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bg-practitioner {
    background-image: url("/front/assets/images/bg-practitioner.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.practitioner-hexagon {
    width: 11rem; /* Set the width of the hexagon */
    height: 11rem;
    clip-path: polygon(
        33.429% 1.389%,
        66.303% 1.389%,
        66.303% 1.389%,
        67.112% 1.414%,
        67.917% 1.485%,
        68.715% 1.601%,
        69.506% 1.764%,
        70.288% 1.971%,
        71.059% 2.223%,
        71.817% 2.519%,
        72.562% 2.859%,
        73.291% 3.241%,
        74.002% 3.667%,
        74.002% 3.667%,
        74.693% 4.133%,
        75.358% 4.636%,
        75.998% 5.176%,
        76.61% 5.751%,
        77.194% 6.361%,
        77.748% 7.002%,
        78.272% 7.676%,
        78.764% 8.379%,
        79.223% 9.111%,
        79.647% 9.87%,
        96.076% 41.231%,
        96.076% 41.231%,
        96.46% 42.017%,
        96.806% 42.822%,
        97.113% 43.643%,
        97.38% 44.48%,
        97.608% 45.331%,
        97.795% 46.193%,
        97.941% 47.066%,
        98.046% 47.947%,
        98.109% 48.834%,
        98.13% 49.727%,
        98.13% 49.727%,
        98.109% 50.619%,
        98.046% 51.507%,
        97.941% 52.388%,
        97.795% 53.26%,
        97.608% 54.123%,
        97.38% 54.973%,
        97.113% 55.81%,
        96.806% 56.632%,
        96.46% 57.437%,
        96.076% 58.222%,
        79.647% 89.583%,
        79.647% 89.583%,
        79.223% 90.343%,
        78.764% 91.075%,
        78.272% 91.778%,
        77.748% 92.451%,
        77.194% 93.093%,
        76.61% 93.702%,
        75.998% 94.277%,
        75.358% 94.817%,
        74.693% 95.321%,
        74.002% 95.787%,
        74.002% 95.787%,
        73.291% 96.212%,
        72.562% 96.595%,
        71.817% 96.934%,
        71.059% 97.23%,
        70.288% 97.482%,
        69.506% 97.69%,
        68.715% 97.852%,
        67.917% 97.969%,
        67.112% 98.04%,
        66.303% 98.065%,
        33.429% 98.065%,
        33.429% 98.065%,
        32.62% 98.041%,
        31.815% 97.97%,
        31.017% 97.853%,
        30.226% 97.691%,
        29.444% 97.484%,
        28.674% 97.232%,
        27.915% 96.936%,
        27.171% 96.596%,
        26.443% 96.213%,
        25.732% 95.788%,
        25.732% 95.788%,
        25.041% 95.322%,
        24.376% 94.819%,
        23.737% 94.279%,
        23.125% 93.703%,
        22.542% 93.094%,
        21.988% 92.452%,
        21.465% 91.779%,
        20.974% 91.075%,
        20.516% 90.343%,
        20.092% 89.583%,
        3.655% 58.222%,
        3.655% 58.222%,
        3.27% 57.437%,
        2.923% 56.633%,
        2.615% 55.811%,
        2.347% 54.974%,
        2.119% 54.124%,
        1.931% 53.261%,
        1.785% 52.388%,
        1.679% 51.507%,
        1.616% 50.62%,
        1.595% 49.727%,
        1.595% 49.727%,
        1.616% 48.834%,
        1.679% 47.946%,
        1.785% 47.065%,
        1.931% 46.193%,
        2.119% 45.33%,
        2.347% 44.479%,
        2.615% 43.643%,
        2.923% 42.821%,
        3.27% 42.017%,
        3.655% 41.231%,
        20.092% 9.87%,
        20.092% 9.87%,
        20.516% 9.111%,
        20.974% 8.378%,
        21.465% 7.675%,
        21.988% 7.002%,
        22.542% 6.36%,
        23.125% 5.75%,
        23.737% 5.175%,
        24.376% 4.635%,
        25.041% 4.131%,
        25.732% 3.665%,
        25.732% 3.665%,
        26.443% 3.24%,
        27.171% 2.857%,
        27.915% 2.518%,
        28.674% 2.222%,
        29.444% 1.97%,
        30.226% 1.763%,
        31.017% 1.601%,
        31.815% 1.484%,
        32.62% 1.413%,
        33.429% 1.389%
    );
    overflow: hidden;
    background-color: white;
    padding: 0.3rem;
}

.practitioner-hexagon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    clip-path: polygon(
        33.429% 1.389%,
        66.303% 1.389%,
        66.303% 1.389%,
        67.112% 1.414%,
        67.917% 1.485%,
        68.715% 1.601%,
        69.506% 1.764%,
        70.288% 1.971%,
        71.059% 2.223%,
        71.817% 2.519%,
        72.562% 2.859%,
        73.291% 3.241%,
        74.002% 3.667%,
        74.002% 3.667%,
        74.693% 4.133%,
        75.358% 4.636%,
        75.998% 5.176%,
        76.61% 5.751%,
        77.194% 6.361%,
        77.748% 7.002%,
        78.272% 7.676%,
        78.764% 8.379%,
        79.223% 9.111%,
        79.647% 9.87%,
        96.076% 41.231%,
        96.076% 41.231%,
        96.46% 42.017%,
        96.806% 42.822%,
        97.113% 43.643%,
        97.38% 44.48%,
        97.608% 45.331%,
        97.795% 46.193%,
        97.941% 47.066%,
        98.046% 47.947%,
        98.109% 48.834%,
        98.13% 49.727%,
        98.13% 49.727%,
        98.109% 50.619%,
        98.046% 51.507%,
        97.941% 52.388%,
        97.795% 53.26%,
        97.608% 54.123%,
        97.38% 54.973%,
        97.113% 55.81%,
        96.806% 56.632%,
        96.46% 57.437%,
        96.076% 58.222%,
        79.647% 89.583%,
        79.647% 89.583%,
        79.223% 90.343%,
        78.764% 91.075%,
        78.272% 91.778%,
        77.748% 92.451%,
        77.194% 93.093%,
        76.61% 93.702%,
        75.998% 94.277%,
        75.358% 94.817%,
        74.693% 95.321%,
        74.002% 95.787%,
        74.002% 95.787%,
        73.291% 96.212%,
        72.562% 96.595%,
        71.817% 96.934%,
        71.059% 97.23%,
        70.288% 97.482%,
        69.506% 97.69%,
        68.715% 97.852%,
        67.917% 97.969%,
        67.112% 98.04%,
        66.303% 98.065%,
        33.429% 98.065%,
        33.429% 98.065%,
        32.62% 98.041%,
        31.815% 97.97%,
        31.017% 97.853%,
        30.226% 97.691%,
        29.444% 97.484%,
        28.674% 97.232%,
        27.915% 96.936%,
        27.171% 96.596%,
        26.443% 96.213%,
        25.732% 95.788%,
        25.732% 95.788%,
        25.041% 95.322%,
        24.376% 94.819%,
        23.737% 94.279%,
        23.125% 93.703%,
        22.542% 93.094%,
        21.988% 92.452%,
        21.465% 91.779%,
        20.974% 91.075%,
        20.516% 90.343%,
        20.092% 89.583%,
        3.655% 58.222%,
        3.655% 58.222%,
        3.27% 57.437%,
        2.923% 56.633%,
        2.615% 55.811%,
        2.347% 54.974%,
        2.119% 54.124%,
        1.931% 53.261%,
        1.785% 52.388%,
        1.679% 51.507%,
        1.616% 50.62%,
        1.595% 49.727%,
        1.595% 49.727%,
        1.616% 48.834%,
        1.679% 47.946%,
        1.785% 47.065%,
        1.931% 46.193%,
        2.119% 45.33%,
        2.347% 44.479%,
        2.615% 43.643%,
        2.923% 42.821%,
        3.27% 42.017%,
        3.655% 41.231%,
        20.092% 9.87%,
        20.092% 9.87%,
        20.516% 9.111%,
        20.974% 8.378%,
        21.465% 7.675%,
        21.988% 7.002%,
        22.542% 6.36%,
        23.125% 5.75%,
        23.737% 5.175%,
        24.376% 4.635%,
        25.041% 4.131%,
        25.732% 3.665%,
        25.732% 3.665%,
        26.443% 3.24%,
        27.171% 2.857%,
        27.915% 2.518%,
        28.674% 2.222%,
        29.444% 1.97%,
        30.226% 1.763%,
        31.017% 1.601%,
        31.815% 1.484%,
        32.62% 1.413%,
        33.429% 1.389%
    );
    /* height: auto; */
}

.container-icon-typology {
    position: absolute;
    right: 0;
    bottom: 0;
}

.device-sm .container-icon-typology,
.device-xs .container-icon-typology {
    display: none;
}

.radio-assessment input[type="radio"] {
    display: none;
}

.radio-assessment {
    transition: all 250ms ease;
}

.radio-assessment label {
    display: inline-block;
    padding: 0.625rem 1.5rem 0.625rem 3rem;
    cursor: pointer;
    border: 1px solid #333333;
    border-radius: 0.625rem;
    width: 100%;
    position: relative;
    transition: transform 250ms ease, background-color 1s ease;
}

.radio-assessment label::before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    border: 1px solid #333;
    position: absolute;
    left: 0;
    top: 50%;
    margin-left: 1.5rem;
    margin-right: 0.5rem;
    transform: translateY(-50%);
}

.radio-assessment input[type="radio"]:checked + label {
    background-color: #00a8ea;
    border: none;
    color: white;
}

.radio-assessment input[type="radio"]:checked + label::before {
    background-color: #3366af;
    border: none;
}

.radio-assessment label:hover {
    transform: scale(1.03);
}

.radio-assessment:active {
    transform: scale(0.95);
}

.item-list-question {
    cursor: pointer;
    transition: all 500ms ease;
}

.item-list-question:hover {
    transform: scale(1.05);
    color: var(--cnvs-themecolor);
}

.button i {
    font-size: 1.25rem;
    vertical-align: middle;
}

.button.button-success {
    background-color: #198754;
}

.button.button-success:hover {
    background-color: #157347;
}

.button.button-warning {
    background-color: #ffc107;
    color: #000;
}

.button.button-warning:hover {
    background-color: #ffca2c;
}

.page-link {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    /* background-color: #F0F0F0; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-item:first-child .page-link {
    border-radius: 8px;
}
.page-item:last-child .page-link {
    border-radius: 8px;
}

.breadcumb-container {
    position: relative;
    height: 231px;
    width: 100%;
    background-image: url("/front/assets/images/bg-tm.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.device-md .breadcumb-container,
.device-sm .breadcumb-container,
.device-xs .breadcumb-container {
    height: 400px;
}

.breadcumb-container::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000040;
}

.breadcumb-icon {
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
}

.device-md .breadcumb-icon,
.device-sm .breadcumb-icon,
.device-xs .breadcumb-icon {
    bottom: 0;
    width: 35%;
}

.breadcumb-content {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.is-expanded-menu .balance-amount {
    text-align: center !important;
}