/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/13382(这个说明仅在演示里会看到,下载的源码里没有)*/@import url('css2.css');:root {    --font-heading: 'Plus Jakarta Sans', sans-serif;    --font-body: 'Inter', sans-serif;    --font-icon: 'Font Awesome 5 Pro';    --font-base: 16px;    --font-sm: 14px;    --font-xsm: 12px;    --font-lg: 18px;    --font-normal: 400;    --font-medium: 500;    --font-semi-bold: 600;    --font-bold: 700;    --font-size--h1: 54px;    --font-size--h2: 42px;    --font-size--h3: 32px;    --font-size--h4: 24px;    --font-size--h5: 20px;    --font-size--h6: 18px;    --color-primary: #fe2c55;    --color-red: #eb4c4c;    --color-green: #00b67a;    --color-blue: #0061df;    --color-cyan: #21c4df;    --color-pink: #ff7294;    --color-purple: #6231f0;    --color-yellow: #ffc107;    --color-orange: #f59872;    --color-white: #fff;    --color-black: #000;    --color-dark: #12142a;    --color-light: #dcdcdc;    --color-medium: #747474;    --color-primary-rgb: 79, 90, 228;    --color-red-rgb: 235, 76, 76;    --color-green-rgb: 0, 182, 122;    --color-blue-rgb: 0, 97, 223;    --color-cyan-rgb: 33, 196, 223;    --color-pink-rgb: 255, 114, 148;    --color-purple-rgb: 98, 49, 240;    --color-yellow-rgb: 253, 192, 64;    --color-orange-rgb: 245, 152, 114;    --color-white-rgb: 255, 255, 255;    --color-black-rgb: 0, 0, 0;    --color-dark-rgb: 10, 11, 28;    --color-medium-rgb: 141, 141, 141;    --color-light-rgb: 242, 242, 242;    --border-color: #e8e8e8;    --border-color-2: #a7a7a7;    --text-dark: var(--color-dark);    --text-medium: var(--color-medium);    --text-white: var(--color-white);    --text-light: var(--color-light);    --bg-1: #f3f3f3;    --bg-2: #f8f8f8;    --bg-white: var(--color-white);    --bg-dark: var(--color-dark);    --bg-primary-light: rgba(var(--color-primary-rgb), 0.05);    --gradient-1: linear-gradient(135deg,            rgba(var(--color-white-rgb), 0.4) 0,            var(--color-primary) 100%);    --shadow-md: 0 5px 30px -5px rgb(8, 0, 42, 0.08);    --shadow-round: 0 10px 30px -5px rgb(8, 0, 42, 0.08);    --radius-sm: 5px;    --radius-md: 10px;    --radius-xl: 15px;    --radius-lg: 20px;}.mb-10 {    margin-bottom: 10px !important;}.mb-15 {    margin-bottom: 15px !important;}.mb-20 {    margin-bottom: 20px !important;}.mb-25 {    margin-bottom: 25px !important;}.mb-30 {    margin-bottom: 30px !important;}.mb-40 {    margin-bottom: 40px !important;}.mb-50 {    margin-bottom: 50px !important;}.mt-10 {    margin-top: 10px !important;}.mt-15 {    margin-top: 15px !important;}.mt-20 {    margin-top: 20px !important;}.mt-25 {    margin-top: 25px !important;}.mt-30 {    margin-top: 30px !important;}.mt-40 {    margin-top: 40px !important;}.mt-50 {    margin-top: 50px !important;}.pt-10 {    padding-top: 10px !important;}.pt-15 {    padding-top: 15px !important;}.pt-20 {    padding-top: 20px !important;}.pt-25 {    padding-top: 25px !important;}.pt-30 {    padding-top: 30px !important;}.pt-40 {    padding-top: 40px !important;}.pt-60 {    padding-top: 60px !important;}.pt-70 {    padding-top: 70px;}.pt-75 {    padding-top: 75px;}.pt-80 {    padding-top: 80px;}.pt-90 {    padding-top: 90px;}.pt-100 {    padding-top: 100px;}.pt-120 {    padding-top: 120px;}.pb-10 {    padding-bottom: 10px !important;}.pb-20 {    padding-bottom: 20px !important;}.pb-25 {    padding-bottom: 25px !important;}.pb-30 {    padding-bottom: 30px !important;}.pb-40 {    padding-bottom: 40px !important;}.pb-45 {    padding-bottom: 45px !important;}.pb-60 {    padding-bottom: 60px !important;}.pb-70 {    padding-bottom: 70px;}.pb-75 {    padding-bottom: 75px;}.pb-80 {    padding-bottom: 80px;}.pb-90 {    padding-bottom: 90px;}.pb-100 {    padding-bottom: 100px;}.pb-120 {    padding-bottom: 120px;}.px-60 {    padding-inline: 60px;}.px-30 {    padding-inline: 20px;}.ptb-100 {    padding-top: 100px;    padding-bottom: 100px;}.ptb-120 {    padding-top: 120px;    padding-bottom: 120px;}.ptb-90 {    padding-top: 90px;    padding-bottom: 90px;}.ptb-80 {    padding-top: 80px;    padding-bottom: 80px;}.ptb-70 {    padding-top: 70px;    padding-bottom: 70px;}.ptb-60 {    padding-top: 60px;    padding-bottom: 60px;}.ptb-30 {    padding-top: 30px;    padding-bottom: 30px;}.p-15 {    padding: 15px !important;}.p-20 {    padding: 20px !important;}.p-25 {    padding: 25px !important;}.p-30 {    padding: 30px !important;}.p-40 {    padding: 40px !important;}.pb-0 {    padding-bottom: 0 !important;}.spacer-x {    margin-left: calc(-0.5 * var(--bs-gutter-x));    margin-right: calc(-0.5 * var(--bs-gutter-x));}.spacer-x .swiper-slide {    padding-left: calc(var(--bs-gutter-x) * 0.5);    padding-right: calc(var(--bs-gutter-x) * 0.5);}.pxy-center {    align-items: center;    justify-content: center;    margin-left: auto;    margin-right: auto;}.border,.border-top,.border-bottom,.border-end,.border-start {    border-color: var(--border-color) !important;}.radius-0 {    border-radius: 0 !important;}.radius-sm {    border-radius: var(--radius-sm) !important;}.radius-md {    border-radius: var(--radius-md) !important;}.radius-lg {    border-radius: var(--radius-lg) !important;}.radius-xl {    border-radius: var(--radius-xl) !important;}.opacity-1 {    opacity: 1 !important;}.opacity-65 {    opacity: 0.65 !important;}.opacity-80 {    opacity: 0.8 !important;}.opacity-85 {    opacity: 0.85 !important;}.opacity-90 {    opacity: 0.9 !important;}.mw-75 {    max-width: 75%;}.mw-80 {    max-width: 80%;}.z-1 {    z-index: 1 !important;}.z-2 {    z-index: 2 !important;}.z-3 {    z-index: 3 !important;}:is(.lc-1, .lc-2, .lc-3) {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-box-orient: vertical;}.lc-1 {    -webkit-line-clamp: 1 !important;    line-clamp: 1 !important;}.lc-2 {    -webkit-line-clamp: 2 !important;    line-clamp: 2 !important;}.lc-3 {    -webkit-line-clamp: 3 !important;    line-clamp: 3 !important;}.gap-15 {    gap: 15px !important;}.gap-20 {    gap: 20px !important;}.gap-25 {    gap: 25px !important;}.tooltip {    --bs-tooltip-bg: var(--color-dark);    --bs-tooltip-padding-x: 10px;    --bs-tooltip-padding-y: 5px;    --bs-tooltip-font-size: var(--font-xsm);}.no-animation {    transform: none;    -webkit-animation: none;    animation: none;}.badge {    padding: 8px 14px;    font-size: var(--font-xsm);    font-weight: var(--font-medium);}.badge.bg-success {    color: var(--color-green);    background: rgba(var(--color-green-rgb), 0.2) !important;}.badge.bg-info {    color: var(--color-blue);    background: rgba(var(--color-blue-rgb), 0.2) !important;}.badge.bg-danger {    color: var(--color-red);    background: rgba(var(--color-red-rgb), 0.2) !important;}.badge.bg-warning {    color: var(--color-yellow);    background: rgba(var(--color-yellow), 0.2) !important;}.card {    --bs-card-bg: var(--bg-white);    border: 0;    border-radius: 10px;}.card .card-title {    margin-bottom: 20px;}.card .card-text {    color: var(--text-medium);}.overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: var(--color-black);    opacity: 0.4;    z-index: -1;}.lines {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    height: 100%;    z-index: -1;}.lines .line {    position: absolute;    width: 1px;    height: 100%;    top: 0;    left: 50%;    background: var(--border-color);}.lines .line:nth-child(1) {    margin-left: -40%;}.lines .line:nth-child(1)::after {    -webkit-animation-delay: 2s;    animation-delay: 2s;}.lines .line:nth-child(2) {    margin-left: -20%;}.lines .line:nth-child(2)::after {    -webkit-animation-delay: 2.5s;    animation-delay: 2.5s;}.lines .line:nth-child(4) {    margin-left: 20%;}.lines .line:nth-child(4)::after {    -webkit-animation-delay: 2.5s;    animation-delay: 2.5s;}.lines .line:nth-child(5) {    margin-left: 40%;}.lines .line:nth-child(5)::after {    -webkit-animation-delay: 2s;    animation-delay: 2s;}.lines .line::after {    content: '';    display: block;    position: absolute;    height: 30px;    width: 2px;    top: -50%;    left: 50%;    transform: translateX(-50%);    background: linear-gradient(to bottom,            rgba(var(--color-primary-rgb), 0) 0,            var(--color-secondary) 70%,            var(--color-primary) 100%);    -webkit-animation: run 5s 0s infinite;    animation: run 5s 0s infinite;    -webkit-animation-fill-mode: forwards;    animation-fill-mode: forwards;    -webkit-animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);    animation-timing-function: cubic-bezier(0.4, 0.26, 0, 0.97);}.bg-shape {    position: absolute;    left: 0;    right: 0;    bottom: 0;    width: 100%;    height: 100%;    z-index: -1;}.hidden {    overflow: hidden;    display: none;    visibility: hidden;}.progress {    height: 10px;    border-radius: 30px;}.progress .progress-bar {    border-radius: 30px;    background: var(--color-primary);}.click-show {    position: relative;    overflow: hidden;    max-height: 120px;}.click-show::after {    position: absolute;    content: '';    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0.001) 60%);    transition: all 0.4s ease-out;}.click-show.show {    max-height: 100% !important;}.click-show.show::after {    opacity: 0;}.read-more-btn {    color: #1f1f26;    cursor: pointer;    font-weight: var(--font-medium);}.shadow-md {    box-shadow: var(--shadow-md);}ul.list-bullet {    list-style-type: disc !important;}ul.list-bullet li {    list-style-type: disc !important;}@media (min-width: 576px) {    .fluid-left {        -webkit-padding-start: calc((100vw - 540px) / 2);        padding-inline-start: calc((100vw - 540px) / 2);        -webkit-padding-end: calc((100vw - 540px) / 2);        padding-inline-end: calc((100vw - 540px) / 2);    }    .fluid-right {        -webkit-padding-start: calc((100vw - 540px) / 2);        padding-inline-start: calc((100vw - 540px) / 2);        -webkit-padding-end: calc((100vw - 540px) / 2);        padding-inline-end: calc((100vw - 540px) / 2);    }    .border-sm-end {        -webkit-border-end: 1px solid var(--border-color);        border-inline-end: 1px solid var(--border-color);    }}@media (min-width: 768px) {    .fluid-left {        -webkit-padding-start: calc((100vw - 720px) / 2);        padding-inline-start: calc((100vw - 720px) / 2);        -webkit-padding-end: 0;        padding-inline-end: 0;    }    .fluid-right {        -webkit-padding-end: calc((100vw - 720px) / 2);        padding-inline-end: calc((100vw - 720px) / 2);        -webkit-padding-start: 0;        padding-inline-start: 0;    }}@media (min-width: 992px) {    .img-left {        -webkit-margin-start: -60px;        margin-inline-start: -60px;    }    .img-right {        -webkit-margin-end: -60px;        margin-inline-end: -60px;    }    .fluid-left {        -webkit-padding-start: calc((100vw - 960px) / 2);        padding-inline-start: calc((100vw - 960px) / 2);        -webkit-padding-end: 0;        padding-inline-end: 0;    }    .fluid-right {        -webkit-padding-end: calc((100vw - 960px) / 2);        padding-inline-end: calc((100vw - 960px) / 2);        -webkit-padding-start: 0;        padding-inline-start: 0;    }    .position-lg-absolute {        position: absolute !important;    }    .border-lg-end {        -webkit-border-end: 1px solid var(--border-color);        border-inline-end: 1px solid var(--border-color);    }}@media (min-width: 1200px) {    .img-left {        -webkit-margin-start: -100px;        margin-inline-start: -100px;    }    .img-right {        -webkit-margin-end: -100px;        margin-inline-end: -100px;    }    .fluid-left {        -webkit-padding-start: calc((100vw - 1140px) / 2);        padding-inline-start: calc((100vw - 1140px) / 2);    }    .fluid-right {        -webkit-padding-end: calc((100vw - 1140px) / 2);        padding-inline-end: calc((100vw - 1140px) / 2);    }    .container-custom {        max-width: 1440px;    }}@media (min-width: 1400px) {    .container {        max-width: 1200px;    }    .fluid-left {        -webkit-padding-start: calc((100vw - 1200px) / 2);        padding-inline-start: calc((100vw - 1200px) / 2);    }    .fluid-right {        -webkit-padding-end: calc((100vw - 1200px) / 2);        padding-inline-end: calc((100vw - 1200px) / 2);    }    .col-xxl-5th {        width: 20%;    }}.bg-s-contain {    background-repeat: no-repeat;    background-size: contain !important;}.bg-a-fixed {    background-attachment: fixed;}.clients-avatar {    display: flex;    align-items: center;    gap: 15px;    flex-wrap: wrap;}.clients-avatar .client-img {    z-index: 1;    position: relative;}.clients-avatar .client-img img {    max-width: 40px;    border-radius: 50%;    border: 3px solid var(--colo-white);}.clients-avatar .client-img img:not(:first-child) {    -webkit-margin-start: -16px;    margin-inline-start: -16px;}.clients-avatar .client-img span {    display: inline-block;    position: relative;    width: 40px;    height: 40px;    text-align: center;    line-height: 40px;    border-radius: 50%;    color: var(--text-white);    -webkit-margin-start: -16px;    margin-inline-start: -16px;    border: 3px solid var(--colo-white);    z-index: 2;    font-size: var(--font-xsm);    background-color: var(--color-primary);}.quantity-input {    display: flex;    align-items: center;    flex-wrap: wrap;}.quantity-input .btn {    padding: 0;    width: 35px;    height: 35px;    line-height: 35px;    border: 1px solid var(--border-color);    color: var(--text-dark);}.quantity-input .h3,.quantity-input .h2,.quantity-input .h4 {    line-height: 1;    margin-bottom: 0;}.quantity-input input {    height: 40px;    width: 60px;    text-align: center;    border: 1px solid var(--border-color);    background-color: transparent;}.bg-cover {    background-size: cover;    background-repeat: no-repeat;    background-position: center center;}body {    font-family: var(--font-body);    font-size: var(--font-base);    font-weight: var(--font-regular);    color: var(--text-medium);    overflow-x: hidden;    background-color: var(--bg-white);}a {    color: var(--text-dark);    text-decoration: none;    outline: 0 !important;    transition: all 0.3s ease-out;}a:hover {    color: var(--color-primary);}a.hover-primary:hover {    color: var(--color-primary) !important;}.color-primary a {    color: inherit;}:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a {    color: inherit;}:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) a:hover {    color: var(--color-primary);}:focus {    outline: 0 !important;    box-shadow: none !important;}:is(.h1, .h2, .h3, .h4, .h5, .h6) {    display: block;}:is(h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6) {    font-family: var(--font-heading);    color: var(--text-dark);    font-weight: var(--font-bold);    line-height: 1.3;}h1 {    font-size: var(--font-size--h1);}h2,.h2 {    font-size: var(--font-size--h2);}h3,.h3 {    font-size: var(--font-size--h3);}h4,.h4 {    font-size: var(--font-size--h4);}h5,.h5 {    font-size: var(--font-size--h5);}h6,.h6 {    font-size: var(--font-size--h6);}p,.text,.card-text {    color: var(--text-medium);    line-height: 1.6;    margin-bottom: 15px;}p:last-child,.text:last-child,.card-text:last-child {    margin-bottom: 0;}p:last-child {    margin-bottom: 0 !important;}.font-lg {    font-size: var(--font-lg) !important;}.font-sm {    font-size: var(--font-sm) !important;}.font-xsm {    font-size: var(--font-xsm) !important;}.font-medium {    font-weight: var(--font-medium);}.font-bold {    font-weight: var(--font-bold);}b {    font-weight: 500;}i[class^='flaticon-']:before,i[class*=' flaticon-']:before {    line-height: inherit;}:focus {    outline: 0;}img {    max-width: 100%;}.form-control:focus {    box-shadow: none;}ul {    padding: 0;}figure,blockquote,ul {    margin-bottom: 0;}table,th,td {    vertical-align: middle;}::-webkit-scrollbar {    width: 5px;}::-webkit-scrollbar-track {    background-color: var(--text-light);}::-webkit-scrollbar-thumb {    border-radius: 30px;    background: rgba(var(--color-dark-rgb), 0.2);}.theme-color-1 {    --color-primary: #fe2c55;    --color-primary-rgb: 79, 90, 228;}.theme-color-2 {    --color-primary: #ff7043;    --color-primary-rgb: 255, 112, 67;}.theme-color-3 {    --color-primary: #f79b22;    --color-secondary: #de4313;    --color-primary-rgb: 247, 155, 34;    --gradient-1: linear-gradient(145deg, var(--color-primary) 0, var(--color-secondary) 100%);}.theme-color-4 {    --color-primary: #fc6767;    --color-secondary: #ec008c;    --color-primary-rgb: 252, 103, 103;    --gradient-1: linear-gradient(145deg, var(--color-primary) 0, var(--color-secondary) 100%);}.theme-color-5 {    --color-primary: #737af2;    --color-secondary: #f72b86;    --color-primary-rgb: 115, 122, 242;    --color-secondary-rgb: 247, 43, 134;    --gradient-1: linear-gradient(145deg,            rgba(var(--color-secondary-rgb), 0.2) 0,            var(--color-primary) 60%);}.theme-color-6 {    --color-primary: #7e4efe;    --color-secondary: #50dd9d;    --color-primary-rgb: 126, 78, 254;    --color-secondary-rgb: 80, 221, 157;}.color-primary {    color: var(--color-primary) !important;}.color-white {    color: var(--text-white) !important;}.color-light {    color: var(--text-light) !important;}.color-dark {    color: var(--color-dark) !important;}.color-medium {    color: var(--text-medium) !important;}.color-blue {    color: var(--color-blue) !important;}.color-green {    color: var(--color-green) !important;}.color-red {    color: var(--color-red) !important;}.color-yellow {    color: var(--color-yellow) !important;}.color-purple {    color: var(--color-primary) !important;}.color-orange {    color: var(--color-orange) !important;}.bg-primary {    background-color: var(--color-primary) !important;}.bg-primary-light {    --bg-primary-light: rgba(var(--color-primary-rgb), 0.05);    background-color: var(--bg-primary-light) !important;}.bg-secondary {    background-color: var(--color-secondary) !important;}.bg-secondary-light {    --bg-secondary-light: rgba(var(--color-secondary-rgb), 0.05);    background-color: var(--bg-secondary-light) !important;}.bg-white {    background-color: var(--bg-white) !important;}.bg-light {    background-color: var(--bg-1) !important;}.bg-light-2 {    background-color: var(--bg-2) !important;}.bg-dark {    background-color: var(--color-dark) !important;}.bg-gradient {    background-image: var(--gradient-1) !important;}.border-primary {    border-color: var(--color-primary) !important;}.text-gradient {    background: var(--gradient-1);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;}.bg-none {    background-color: transparent !important;    background: transparent !important;}.fill-primary {    fill: var(--color-primary) !important;}.stroke-primary {    stroke: var(--color-primary) !important;}.fill-primary-light {    fill: var(--color-primary) !important;    filter: contrast(30%);}.fill-dark {    fill: var(--color-primary) !important;    filter: brightness(50%);}button,.btn {    cursor: pointer;    border: 0;    background: inherit;}button:focus,button:active,.btn:focus,.btn:active {    outline: 0;    box-shadow: none;}button:hover,.btn:hover {    outline: 0;}.btn {    position: relative;    overflow: hidden;    font-size: 16px;    text-transform: capitalize;    border-radius: 0;    letter-spacing: 0.05em;    font-weight: var(--font-medium);    z-index: 1;    transition: all 0.3s ease-out;}.icon-start i {    -webkit-margin-end: 5px;    margin-inline-end: 5px;}.icon-end i {    -webkit-margin-start: 5px;    margin-inline-start: 5px;}.btn-lg {    padding: 14px 34px;    border-radius: 7px;}.btn-md {    padding: 10px 24px;    font-size: var(--font-sm);    border-radius: 5px;}.btn-sm {    padding: 6px 14px;    font-size: var(--font-xsm);    border-radius: 5px;}.btn-sm.btn-icon {    width: 30px;    height: 30px;    font-size: 12px;}.btn-primary {    color: var(--text-white);    background-color: var(--color-primary);    transition: all 0.3s ease-out;    box-shadow: 0 10px 30px -7px rgba(var(--color-primary-rgb), 0.5);}.btn-primary::before {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 200%;    content: '';    background: var(--bg-dark);    border-radius: 50%;    transform: translateY(100%);    transition: transform 0.4s cubic-bezier(0.3, 1, 0.8, 1);    z-index: -1;}.btn-primary:hover {    color: var(--text-white);    background-color: var(--color-primary);    transform: translateY(-3px);}.btn-primary:hover::before {    transform: translateY(0) scale(2);}.btn-gradient::before {    background-image: var(--gradient-1);}.btn-fancy {    border-radius: 15px 0 15px 0;}.btn.no-animation {    transform: none;    -webkit-animation: none;    animation: none;    background-color: var(--color-primary);}.btn.no-animation::before,.btn.no-animation::after {    content: none;}.btn-danger {    border: 1px solid var(--color-red);    background-color: var(--color-red);    transition: background 0.3s ease-out;}.btn-danger:hover {    border-color: var(--color-red);    background-color: var(--color-red);}.btn-outline {    color: var(--color-primary);    background: var(--color-white);    border: 1px solid var(--color-primary);}.btn-outline:hover {    color: var(--color-primary);}.btn-outline-2 {    color: var(--text-dark);    background: var(--color-white);    border: 1px solid var(--border-color);}.btn-outline-2:hover {    color: var(--color-primary);}.btn-img {    padding: 0;    border: 1px solid var(--border-color-2);    background-color: transparent !important;}.btn-img img {    max-width: 150px;}.btn-img.size-sm img {    max-width: 120px;}.btn-img:hover {    border-color: var(--border-color-2) !important;}.btn-groups {    display: inline-flex;    flex-wrap: wrap;    align-items: center;    gap: 15px;}.btn-remove {    padding: 0;    width: 35px;    height: 35px;    line-height: 35px;    padding: 0;    background: rgba(var(--color-primary-rgb), 0.12) !important;    color: var(--color-primary) !important;}.btn-text {    line-height: 1;    color: var(--text-dark);    font-size: var(--font-sm);    font-weight: 500;}.btn-text:hover {    color: var(--color-primary) !important;}.btn-tag {    display: inline-block;    padding: 10px 24px;    font-size: var(--font-sm);    border-radius: 50px;    background: var(--bg-1);    color: var(--text-dark);    margin-bottom: 10px;}.btn-tag:not(:last-child) {    -webkit-margin-end: 5px;    margin-inline-end: 5px;}.btn-icon {    display: inline-flex;    justify-content: center;    align-items: center;    width: 40px;    height: 40px;    text-align: center;}.btn-icon:hover {    border-color: transparent;    color: var(--text-white);    background-color: var(--color-primary);}.btn-icon-text {    display: inline-flex;    align-items: center;    gap: 8px;    --size: 30px;}.btn-icon-text span {    font-weight: var(--font-medium);}.btn-icon-text i {    width: var(--size);    height: var(--size);    line-height: var(--size);    text-align: center;    background-color: var(--color-primary);    font-size: 14px;    border-radius: 50%;    color: var(--text-white);    box-shadow: 0 14px 20px 5px rgba(var(--color-primary-rgb), 0.1);}button.mfp-close {    display: inline-block;    width: 35px !important;    height: 35px;    line-height: 35px;    background: var(--color-primary) !important;    color: var(--color-white) !important;    opacity: 1;    right: 0 !important;    padding: 0 !important;    text-align: center !important;}.disabled {    border: 0;    background: var(--color-dark) !important;    cursor: not-allowed !important;    pointer-events: initial !important;}.video-btn {    --size: 75px;    position: relative;    width: var(--size);    height: var(--size);    padding: 0;    font-size: 22px;    display: flex;    text-align: center;    justify-content: center;    align-items: center;    border-radius: 50%;    color: var(--color-primary);    background-color: var(--bg-white);}.video-btn:hover {    background-color: var(--color-primary);    color: var(--text-white);}.video-btn::after {    content: '';    position: absolute;    left: -8px;    top: -8px;    width: calc(100%+16px);    height: calc(100%+16px);    -webkit-animation: ripple 3s infinite;    animation: ripple 3s infinite;    background-color: var(--bg-white);    border-radius: 50%;    z-index: -2;}.video-btn::before {    content: '';    position: absolute;    left: -8px;    top: -8px;    width: calc(100%+16px);    height: calc(100%+16px);    -webkit-animation: ripple 3s 0.9s infinite;    animation: ripple 3s 0.9s infinite;    background-color: var(--bg-white);    border-radius: 50%;    z-index: -1;}.video-btn-sm {    --size: 50px;    font-size: var(--font-sm);}.video-btn-sm::before,.video-btn-sm::after {    -webkit-animation-name: ripple2;    animation-name: ripple2;}.video-btn.p-absolute {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    z-index: 1;}.video-btn-text {    --size: auto;    border: 0;    gap: 10px;}.video-btn-text::before,.video-btn-text::after {    content: none;}.video-btn-text i {    --size: 45px;    position: relative;    width: var(--size);    height: var(--size);    padding: 0;    font-size: 16px;    display: flex;    text-align: center;    justify-content: center;    align-items: center;    border-radius: 50%;    color: var(--color-primary);    background-color: var(--bg-white);    border: 1px solid var(--color-primary);}.video-btn-text span {    color: var(--text-medium);}.video-btn-text:hover {    background-color: transparent;    color: var(--color-primary);}.video-btn-text:hover span {    color: var(--color-primary);}.show-more-btn {    --size: auto;    cursor: pointer;    color: var(--color-primary);    border: 0;}.form-control {    border: 1px solid var(--border-color);    border-radius: 5px;    height: 55px;    line-height: 55px;    padding: 0;    -webkit-padding-start: 18px;    padding-inline-start: 18px;    font-size: 14px;    color: var(--text-medium);    transition: border-color 0.4s;}.form-control:focus {    color: var(--text-dark);    background-color: transparent;}.form-control.color-white::-moz-placeholder {    color: var(--color-white) !important;}.form-control.color-white:-ms-input-placeholder {    color: var(--color-white) !important;}.form-control.color-white::placeholder {    color: var(--color-white) !important;}:is(input:not([type='radio'], [type='checkbox']), textarea, .nice-select):is( :focus,    :visited,    :focus-within,    :focus-visible) {    border-color: #5961f9 !important;}select.form-select {    background-size: 8px !important;}textarea {    height: auto;    line-height: 1.7;    padding: 15px 18px 18px;}textarea.form-control {    min-height: 200px;    line-height: 1.7;    padding: 15px 18px 18px;}textarea::-moz-placeholder {    font-size: var(--font-base);}textarea:-ms-input-placeholder {    font-size: var(--font-base);}textarea::placeholder {    font-size: var(--font-base);}::-moz-placeholder {    color: var(--color-medium) !important;}:-ms-input-placeholder {    color: var(--color-medium) !important;}::placeholder {    color: var(--color-medium) !important;}.custom-radio .form-radio-label {    position: relative;    cursor: pointer;    position: relative;    cursor: pointer;    padding: 0;    vertical-align: middle;    -webkit-padding-start: 20px;    padding-inline-start: 20px;}.custom-radio .form-radio-label::before {    position: absolute;    content: '';    left: 0;    top: 50%;    transform: translateY(-50%);    height: 12px;    width: 12px;    border: 1px solid var(--color-primary);    border-radius: 50%;}.custom-radio input[type='radio']:checked+.form-radio-label::after {    opacity: 1;}.custom-radio input[type='radio']+.form-radio-label::after {    content: '';    position: absolute;    top: 50%;    transform: translateY(-50%);    left: 2px;    opacity: 0;    width: 8px;    height: 8px;    border-radius: 50%;    background-color: var(--color-primary);    transition: all 0.2s ease-out;}.custom-radio .input-radio {    display: none;}.custom-checkbox .form-check-label {    position: relative;    cursor: pointer;    position: relative;    cursor: pointer;    padding: 0;    vertical-align: middle;    -webkit-padding-start: 22px;    padding-inline-start: 22px;}.custom-checkbox .form-check-label::before {    position: absolute;    content: '';    left: 0;    top: 50%;    transform: translateY(-50%);    height: 15px;    width: 15px;    border: 1px solid var(--color-primary);    border-radius: 2px;}.custom-checkbox input[type='checkbox']:checked+.form-check-label::after {    opacity: 1;}.custom-checkbox input[type='checkbox']+.form-check-label::after {    content: '';    width: 11px;    position: absolute;    top: 50%;    left: 2px;    opacity: 0;    height: 5px;    border-left: 2px solid var(--color-white);    border-bottom: 2px solid var(--color-white);    transform: translateY(-65%) rotate(-45deg);    transition: all 0.2s ease-out;}.custom-checkbox .input-checkbox {    display: none;}input[type='checkbox']:checked+.form-check-label::before,input[type='radio']:checked+.form-check-label::before {    background-color: var(--color-primary);    border-color: var(--color-primary);}input[type='checkbox']:checked+.form-check-label::after,input[type='radio']:checked+.form-check-label::after {    opacity: 1;}.form-group,.input-group {    position: relative;}.form-group.icon-end label,.input-group.icon-end label {    position: absolute;    right: 0;    left: 0;    top: 50%;    width: 18px;    font-size: var(--font-sm);    -webkit-margin-start: auto;    margin-inline-start: auto;    -webkit-margin-end: 10px;    margin-inline-end: 10px;    transform: translateY(-50%);}.form-group.icon-start .form-control,.input-group.icon-start .form-control {    -webkit-padding-start: 44px;    padding-inline-start: 44px;}.form-group.icon-start .icon,.input-group.icon-start .icon {    position: absolute;    right: 0;    left: 0;    top: 50%;    width: 18px;    font-size: var(--font-sm);    -webkit-margin-end: auto;    margin-inline-end: auto;    -webkit-margin-start: 20px !important;    margin-inline-start: 20px !important;    transform: translateY(-50%);    z-index: 1;}.form-group.icon-start input[type='number'],.input-group.icon-start input[type='number'] {    text-align: right;    -webkit-padding-end: 10px;    padding-inline-end: 10px;}.input-inline {    position: relative;    display: flex;    flex-wrap: wrap;    align-items: stretch;    width: 100%;}.input-inline .form-control {    position: relative;    flex: 1 1 auto;    width: 1%;    min-width: 0;    padding: 15px 25px;    background-color: var(--bg-white);    border-radius: var(--radius-sm) 0 0 var(--radius-sm);}.input-inline .btn {    -webkit-margin-start: -1px;    margin-inline-start: -1px;    position: relative;    z-index: 2;    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;}.show-password-field {    position: absolute;    right: 16px;    top: 50%;    transform: translateY(-50%);    cursor: pointer;}.show-password-field .show-icon {    font-family: var(--font-icon);    font-style: normal;}.show-password-field .show-icon::before {    content: '\f06e';}.show-password-field .show-icon.show::before {    content: '\f070';}.search-form {    display: flex;    padding: 6px 5px 6px 15px;    -webkit-padding-start: 15px;    padding-inline-start: 15px;    border: 1px solid var(--border-color);}.search-form .search-input {    display: block;    width: 100%;    border: 0;    outline: 0;    height: 40px;    line-height: 40px;    border-radius: 5px 0 0 5px;    background: transparent;}.search-form .btn-search {    text-align: center;    height: 40px;    width: 40px;    line-height: 40px;    color: var(--text-medium);    background: var(--color-white);}.file-upload {    position: relative;    line-height: 100px;    text-align: center;}.file-upload-input {    position: absolute;    margin: 0;    padding: 0;    width: 100%;    height: 100%;    outline: 0;    opacity: 0;    cursor: pointer;}.faq-form textarea.form-control {    min-height: 150px;}.faq-form :focus {    color: var(--text-dark);    background-color: var(--bg-white);}.lazy-container {    position: relative;    overflow: hidden;    display: table;    table-layout: fixed;    width: 100%;    background-color: var(--bg-1);    z-index: 1;}.lazy-container::after {    position: absolute;    content: '\f03e';    font-family: 'Font Awesome 5 Pro';    top: 0;    left: 0;    right: 0;    bottom: 0;    display: grid;    place-items: center;    font-size: 25px;    color: var(--text-medium);    z-index: -1;}.lazy-container img {    position: absolute;    top: 0;    left: 0;    width: 0;    height: 0;    max-width: 100%;    min-width: 100%;    max-height: 100%;    min-height: 100%;    -o-object-fit: contain;    object-fit: contain;}.lazy-container img.lazy-load {    filter: blur(5px);    transition: filter 400ms;}.lazy-container img.lazyloaded {    filter: blur(0);}.ratio::before {    content: '';    display: block;    padding-bottom: 56.25%;}.ratio.ratio-1-1::before {    padding-bottom: 100%;}.ratio.ratio-1-2::before {    padding-bottom: 114%;}.ratio.ratio-1-3::before {    padding-bottom: 126.14%;}.ratio.ratio-2-3::before {    padding-bottom: 66.67%;}.ratio.ratio-16-11::before {    padding-bottom: 53.57%;}.ratio.ratio-16-8::before {    padding-bottom: 50%;}.ratio.ratio-21-9::before {    padding-bottom: 42.85%;}.ratio.ratio-21-8::before {    padding-bottom: 38.0952380952%;}.ratio.ratio-5-3::before {    padding-bottom: 60%;}.ratio.ratio-5-4::before {    padding-bottom: 80%;}.ratio.ratio-4-3::before {    padding-bottom: 133.3333333333%;}.ratio.ratio-3-4::before {    padding-bottom: 75%;}.ratio.ratio-vertical::before {    padding-bottom: 164%;}.blur-up {    filter: blur(5px);    transition: filter 400ms;}.lazyloaded.blur-up {    filter: blur(0);}.nice-select {    float: unset;    font-weight: var(--font-medium);    padding-left: 0;    padding-right: 0;    -webkit-padding-start: 18px;    padding-inline-start: 18px;    -webkit-padding-end: 30px;    padding-inline-end: 30px;}.nice-select:after {    right: 0;    left: 0;    -webkit-margin-start: auto;    margin-inline-start: auto;    -webkit-margin-end: 0;    margin-inline-end: 0;}.nice-select.form-control:after {    -webkit-margin-end: 12px;    margin-inline-end: 12px;}.nice-select .list {    z-index: 777;    color: white;}.nice-select.open .list {    width: 100%;    opacity: 1;    pointer-events: auto;    font-size: 15px;    padding-top: 10px;    padding-bottom: 10px;}.nice-select .option {    display: block;    font-weight: 500;    -webkit-border-start: 2px solid transparent;    border-inline-start: 2px solid transparent;    color: white;}/* .nice-select .option:is(:hover, .focus, .selected.focus) {    /* background-color: var(--bg-1); */}*/ .nice-select .option.selected {    font-weight: 500;    /* color: black !important; */    border-color: black;}.nice-select .option:is(:hover, .selected) {    color: black;}#preLoader {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    display: flex;    align-items: center;    justify-content: center;    flex-direction: column;    z-index: 1000;    background-color: black;}#preLoader .loader {    width: 15px;    height: 15px;    border-radius: 50%;    display: block;    margin: 15px auto;    position: relative;    left: -100px;    box-sizing: border-box;    -webkit-animation: shadowRolling 2s linear infinite;    animation: shadowRolling 2s linear infinite;}@-webkit-keyframes shadowRolling {    0% {        box-shadow: 0 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);    }    12% {        box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0);    }    25% {        box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0);    }    36% {        box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);    }    50% {        box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;    }    62% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;    }    75% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white,            120px 0 white;    }    87% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),            200px 0 rgba(255, 255, 255, 0), 130px 0 white;    }    100% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),            200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);    }}@keyframes shadowRolling {    0% {        box-shadow: 0 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);    }    12% {        box-shadow: 100px 0 white, 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0);    }    25% {        box-shadow: 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0),            0px 0 rgba(255, 255, 255, 0);    }    36% {        box-shadow: 120px 0 white, 110px 0 white, 100px 0 white, 0px 0 rgba(255, 255, 255, 0);    }    50% {        box-shadow: 130px 0 white, 120px 0 white, 110px 0 white, 100px 0 white;    }    62% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;    }    75% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white,            120px 0 white;    }    87% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),            200px 0 rgba(255, 255, 255, 0), 130px 0 white;    }    100% {        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0),            200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);    }}.swiper-slide {    -webkit-backface-visibility: hidden;    -webkit-transform: translate3d(0, 0, 0);}.swiper-wrapper {    -webkit-transform-style: preserve-3d;}.swiper-pagination .swiper-pagination-bullet {    width: 10px;    height: 10px;    border-radius: 30px;    opacity: 1;    background-color: var(--color-primary);    opacity: 0.3;    transition: all 0.3s ease-in-out;}.swiper-pagination .swiper-pagination-bullet-active {    width: 16px;}.swiper-pagination .swiper-pagination-bullet-active,.swiper-pagination .swiper-pagination-bullet:hover {    background-color: var(--color-primary);    opacity: 1;}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {    line-height: 1;    bottom: 0;}.slider-navigation {    z-index: 3;}.slider-navigation .slider-btn {    width: 40px;    height: 40px;    text-align: center;    border-radius: 5px;    background-color: var(--color-primary);    -webkit-backdrop-filter: blur(20px);    backdrop-filter: blur(20px);    color: var(--text-white);    font-size: 24px;    transition: all 0.3s ease-out;}.slider-navigation .slider-btn:last-child {    -webkit-margin-start: 10px;    margin-inline-start: 10px;}.slider-navigation .slider-btn i {    transition: transform 0.3s ease-out;}.slider-navigation .slider-btn.btn-outline {    background: transparent;    color: var(--color-primary);    border-color: var(--color-primary);}.slider-navigation .slider-btn.btn-outline:hover {    color: var(--text-white);    background: var(--color-primary);}.slider-navigation .slider-btn:disabled {    cursor: not-allowed;}.slider-navigation.position-middle .slider-btn {    position: absolute;    top: 50%;    width: 50px;    height: 50px;    transform: translateY(-50%);    z-index: 4;    background: rgba(var(--color-white-rgb), 0.2);    -webkit-backdrop-filter: blur(20px);    backdrop-filter: blur(20px);}.slider-navigation.position-middle .slider-btn.slider-btn-prev {    left: 0;}.slider-navigation.position-middle .slider-btn.slider-btn-next {    right: 0;}.swiper-lazy {    background-color: var(--text-light);}.swiper-lazy-loaded.blur-up {    filter: blur(0);}.tab-switch .text {    color: var(--text-dark);    font-weight: var(--font-medium);}.tab-switch .text.active {    color: var(--color-primary);}.tab-switch .tab-switch-toggle {    position: relative;    display: inline-block;    width: 64px;    height: 28px;    margin: 0 10px;}.tab-switch .tab-switch-toggle .switch-toggle-slider {    position: absolute;    cursor: pointer;    top: 0;    left: 0;    right: 0;    bottom: 0;    border-radius: 30px;    background-color: var(--color-primary);    transition: 0.4s;}.tab-switch .tab-switch-toggle .switch-toggle-slider::before {    position: absolute;    content: '';    height: 18px;    width: 18px;    left: 5px;    bottom: 5px;    border-radius: 50%;    background-color: var(--bg-white);    transition: 0.4s;}.tab-switch .tab-switch-toggle input {    opacity: 0;    width: 0;    height: 0;}.tab-switch .tab-switch-toggle input:checked+.switch-toggle-slider {    background-color: var(--color-primary);}.tab-switch .tab-switch-toggle input:checked+.switch-toggle-slider::before {    transform: translateX(37px);}.go-top {    position: fixed;    display: flex;    align-items: center;    justify-content: center;    bottom: 20%;    right: 0;    width: 40px;    height: 40px;    opacity: 0;    cursor: pointer;    text-decoration: none;    color: var(--text-white);    font-size: 28px;    border-radius: var(--radius-sm) 0 0 var(--radius-sm);    background-color: var(--color-primary);    transition: 0.4s;    transform: translateX(15%);    z-index: 100;}.go-top.active {    opacity: 1;    transform: none;}.go-top:hover {    transform: translateY(-3px);}.section-title .title {    margin-bottom: 0;    margin-top: -10px;}.section-title .title span {    color: var(--color-primary);}.section-title .subtitle {    font-size: var(--font-lg);    font-weight: var(--font-medium);    display: inline-block;    margin-bottom: 5px;}.section-title.title-inline {    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;    gap: 20px;}.section-title.title-inline .title {    margin-top: 0;}.section-title.title-center {    text-align: center;}.section-title.title-center .subtitle {    -webkit-padding-start: 0;    padding-inline-start: 0;}.section-title.title-center .subtitle::before {    content: none;}.section-title.title-center .title {    max-width: 540px;    text-align: center;    margin-left: auto;    margin-right: auto;}.section-title.title-center p {    max-width: 600px;    margin-inline: auto;    margin-bottom: 0;}.content-title .title {    margin-bottom: 10px;    margin-top: -10px;}.content-title .title span {    color: var(--color-primary);}.content-title .subtitle {    font-size: var(--font-lg);    font-weight: var(--font-medium);    display: inline-block;    margin-bottom: 5px;    margin-top: -3px;}.content-title p:last-child {    margin-bottom: 0;}.title-md {    font-size: 32px;}@-webkit-keyframes pulse {    from {        transform: scale3d(1, 1, 1);    }    50% {        transform: scale3d(1.2, 1.2, 1.2);    }    to {        transform: scale3d(1, 1, 1);    }}@keyframes pulse {    from {        transform: scale3d(1, 1, 1);    }    50% {        transform: scale3d(1.2, 1.2, 1.2);    }    to {        transform: scale3d(1, 1, 1);    }}@-webkit-keyframes slideUp {    0% {        opacity: 0;        transform: translateY(10%);    }    100% {        opacity: 1;        transform: translateY(0);    }}@keyframes slideUp {    0% {        opacity: 0;        transform: translateY(10%);    }    100% {        opacity: 1;        transform: translateY(0);    }}@-webkit-keyframes slideDown {    from {        opacity: 0;        transform: translateY(-50%);    }    to {        opacity: 1;        transform: translateY(0);    }}@keyframes slideDown {    from {        opacity: 0;        transform: translateY(-50%);    }    to {        opacity: 1;        transform: translateY(0);    }}@-webkit-keyframes rotate {    from {        transform: rotate(-360deg);    }    to {        transform: rotate(360deg);    }}@keyframes rotate {    from {        transform: rotate(-360deg);    }    to {        transform: rotate(360deg);    }}@-webkit-keyframes moveAround {    0% {        transform: translate(0px, 0px) rotate(0deg);    }    20% {        transform: translate(73px, -1px) rotate(36deg);    }    40% {        transform: translate(141px, 72px) rotate(72deg);    }    60% {        transform: translate(83px, 122px) rotate(108deg);    }    80% {        transform: translate(-40px, 72px) rotate(144deg);    }    100% {        transform: translate(0px, 0px) rotate(0deg);    }}@keyframes moveAround {    0% {        transform: translate(0px, 0px) rotate(0deg);    }    20% {        transform: translate(73px, -1px) rotate(36deg);    }    40% {        transform: translate(141px, 72px) rotate(72deg);    }    60% {        transform: translate(83px, 122px) rotate(108deg);    }    80% {        transform: translate(-40px, 72px) rotate(144deg);    }    100% {        transform: translate(0px, 0px) rotate(0deg);    }}@-webkit-keyframes moveUpDown {    0% {        transform: translateY(0);    }    50% {        transform: translateY(-20px);    }    100% {        transform: translateY(0);    }}@keyframes moveUpDown {    0% {        transform: translateY(0);    }    50% {        transform: translateY(-20px);    }    100% {        transform: translateY(0);    }}@-webkit-keyframes moveLeftRight {    0% {        transform: translateX(0);    }    50% {        transform: translateX(-20px);    }    100% {        transform: translateX(0);    }}@keyframes moveLeftRight {    0% {        transform: translateX(0);    }    50% {        transform: translateX(-20px);    }    100% {        transform: translateX(0);    }}@-webkit-keyframes ripple {    0% {        opacity: 0.45;    }    100% {        opacity: 0;        transform: scale(2);    }}@keyframes ripple {    0% {        opacity: 0.45;    }    100% {        opacity: 0;        transform: scale(2);    }}@-webkit-keyframes ripple2 {    0% {        opacity: 0.45;    }    100% {        opacity: 0;        transform: scale(1.3);    }}@keyframes ripple2 {    0% {        opacity: 0.45;    }    100% {        opacity: 0;        transform: scale(1.3);    }}@-webkit-keyframes run {    0% {        top: -50%;    }    100% {        top: 100%;    }}@keyframes run {    0% {        top: -50%;    }    100% {        top: 100%;    }}.mfp-zoom-in .mfp-with-anim {    opacity: 0;    transition: all 0.2s ease-in-out;    transform: scale(0.8);}.mfp-zoom-in.mfp-bg {    opacity: 0;    transition: all 0.3s ease-out;}.mfp-zoom-in.mfp-ready .mfp-with-anim {    opacity: 1;    transform: scale(1);}.mfp-zoom-in.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-zoom-in.mfp-removing .mfp-with-anim {    transform: scale(0.8);    opacity: 0;}.mfp-zoom-in.mfp-removing.mfp-bg {    opacity: 0;}.mfp-newspaper .mfp-with-anim {    opacity: 0;    transition: all 0.5s;    transform: scale(0) rotate(500deg);}.mfp-newspaper.mfp-bg {    opacity: 0;    transition: all 0.5s;}.mfp-newspaper.mfp-ready .mfp-with-anim {    opacity: 1;    transform: scale(1) rotate(0deg);}.mfp-newspaper.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-newspaper.mfp-removing .mfp-with-anim {    transform: scale(0) rotate(500deg);    opacity: 0;}.mfp-newspaper.mfp-removing.mfp-bg {    opacity: 0;}.mfp-move-horizontal .mfp-with-anim {    opacity: 0;    transition: all 0.3s;    transform: translateX(-50px);}.mfp-move-horizontal.mfp-bg {    opacity: 0;    transition: all 0.3s;}.mfp-move-horizontal.mfp-ready .mfp-with-anim {    opacity: 1;    transform: translateX(0);}.mfp-move-horizontal.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-move-horizontal.mfp-removing .mfp-with-anim {    transform: translateX(50px);    opacity: 0;}.mfp-move-horizontal.mfp-removing.mfp-bg {    opacity: 0;}.mfp-move-from-top .mfp-content {    vertical-align: top;}.mfp-move-from-top .mfp-with-anim {    opacity: 0;    transition: all 0.2s;    transform: translateY(-100px);}.mfp-move-from-top.mfp-bg {    opacity: 0;    transition: all 0.2s;}.mfp-move-from-top.mfp-ready .mfp-with-anim {    opacity: 1;    transform: translateY(0);}.mfp-move-from-top.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-move-from-top.mfp-removing .mfp-with-anim {    transform: translateY(-50px);    opacity: 0;}.mfp-move-from-top.mfp-removing.mfp-bg {    opacity: 0;}.mfp-3d-unfold .mfp-content {    perspective: 2000px;}.mfp-3d-unfold .mfp-with-anim {    opacity: 0;    transition: all 0.3s ease-in-out;    transform-style: preserve-3d;    transform: rotateY(-60deg);}.mfp-3d-unfold.mfp-bg {    opacity: 0;    transition: all 0.5s;}.mfp-3d-unfold.mfp-ready .mfp-with-anim {    opacity: 1;    transform: rotateY(0deg);}.mfp-3d-unfold.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-3d-unfold.mfp-removing .mfp-with-anim {    transform: rotateY(60deg);    opacity: 0;}.mfp-3d-unfold.mfp-removing.mfp-bg {    opacity: 0;}.mfp-zoom-out .mfp-with-anim {    opacity: 0;    transition: all 0.3s ease-in-out;    transform: scale(1.3);}.mfp-zoom-out.mfp-bg {    opacity: 0;    transition: all 0.3s ease-out;}.mfp-zoom-out.mfp-ready .mfp-with-anim {    opacity: 1;    transform: scale(1);}.mfp-zoom-out.mfp-ready.mfp-bg {    opacity: 0.8;}.mfp-zoom-out.mfp-removing .mfp-with-anim {    transform: scale(1.3);    opacity: 0;}.mfp-zoom-out.mfp-removing.mfp-bg {    opacity: 0;}.social-link {    --size: 36px;    display: inline-flex;    align-items: center;    gap: 10px;}.social-link a {    text-align: center;    width: var(--size);    height: var(--size);    line-height: var(--size);    background-color: var(--color-primary);    color: var(--text-white);    font-size: var(--font-base);}.social-link a:last-child {    margin: 0;}.social-link a:hover {    color: var(--text-white);    background-color: var(--color-primary);}.social-link.style-2 a {    border-radius: 50%;    background-color: rgba(var(--color-primary-rgb), 0.1);    color: var(--color-primary);}.social-link.size-md {    --size: 30px;    --font-base: 14px;}.social-link.size-lg {    --size: 50px;}.cookie-bar {    position: fixed;    bottom: -100%;    left: 0;    width: 100%;    /* background-color: var(--bg-dark); */    backdrop-filter: blur(20px);    background-color: rgba(255, 255, 255, 0.7);    padding: 20px 20px 0;    transition: all 2s linear;    z-index: 999;}.cookie-bar-inner {    display: flex;    align-items: center;    justify-content: space-between;    flex-wrap: wrap;}.cookie-bar .btn:not(:last-child) {    -webkit-margin-end: 10px;    margin-inline-end: 10px;}.cookie-bar .btn::before {    content: none;}.cookie-bar.show {    bottom: 0;    transition: all 2s linear;}.header-area {    position: absolute;    top: 0;    left: 0;    width: 100%;    z-index: 999;    padding-top: 20px;}.header-area.header-static {    position: relative;}.header-area.is-sticky {    position: fixed;    background: rgba(var(--color-white-rgb), 0.9);    -webkit-backdrop-filter: saturate(180%) blur(20px);    backdrop-filter: saturate(180%) blur(20px);    box-shadow: 0 8px 60px rgba(24, 24, 24, 0.1);    -webkit-animation: slideDown 0.5s;    animation: slideDown 0.5s;    padding-top: 0;    -webkit-backdrop-filter: blur(20px);    backdrop-filter: blur(20px);    background-color: rgba(255, 255, 255, 0.7);}.header-area .more-option {    display: flex;    align-items: center;    justify-content: flex-end;    gap: 0px;}.header-area .more-option .more-option-toggle {    z-index: 11;    font-size: 25px;    padding: 10px;}.header-area .more-option .item {    position: relative;    display: flex;    align-items: center;    justify-content: center;}.header-area .navbar-nav {    -webkit-margin-start: auto;    margin-inline-start: auto;    -webkit-margin-end: 60px;    margin-inline-end: 60px;}.header-area .nav-link {    position: relative;    padding-top: 30px;    padding-bottom: 30px;    color: var(--text-dark);    font-weight: var(--font-medium);}.header-area .nav-link.toggle i {    font-size: 12px;    -webkit-margin-start: 2px;    margin-inline-start: 2px;    transition: transform 0.4s ease-out;}.header-area .nav-link.toggle:hover i {    transform: rotate(-90deg);}.header-area .nav-link:hover .menu-dropdown {    transform: none;}.header-area .nav-link:hover,.header-area .nav-link.active,.header-area .nav-link:focus {    color: var(--color-primary);}.header-area .main-navbar .navbar {    position: inherit;    padding: 0;}.header-area .main-navbar .navbar .navbar-brand {    padding: 0;    margin: 0;}.header-area .main-navbar .nav-item {    position: relative;    margin-left: 15px;    margin-right: 15px;}.header-area .main-navbar .menu-dropdown {    position: absolute;    top: auto;    left: 0;    z-index: 99;    opacity: 0;    width: 200px;    display: block;    visibility: hidden;    list-style: none;    margin: 0;    padding: 0;    border-radius: 5px;    padding: 15px 0 15px 0;    background-color: var(--bg-white);    box-shadow: 0 0 30px 0 rgba(var(--color-dark-rgb), 0.15);    transform: translateY(10%);    transition: transform 0.3s ease-out;}.header-area .main-navbar .menu-dropdown .nav-item {    margin: 0;}.header-area .main-navbar .menu-dropdown .nav-link {    display: block;    padding: 5px 30px;    font-size: var(--font-sm);    -webkit-border-start: 2px solid transparent;    border-inline-start: 2px solid transparent;}.header-area .main-navbar .menu-dropdown .nav-link:hover {    color: var(--color-primary);    background-color: var(--bg-1);}.header-area .main-navbar .menu-dropdown .nav-link:hover.toggle i {    transform: translateY(-50%) rotate(-90deg);}.header-area .main-navbar .menu-dropdown .nav-link.toggle i {    position: absolute;    top: 50%;    right: 20px;    transform: translateY(-50%);}.header-area .main-navbar .menu-dropdown .nav-link.active {    border-inline-start-color: var(--color-primary);}.header-area .main-navbar .menu-dropdown .menu-dropdown .nav-item {    margin: 0;}.header-area .main-navbar .menu-dropdown .menu-dropdown .nav-item a:hover::before {    transform: scaleY(0);}.header-area .main-navbar .menu-dropdown .menu-dropdown .nav-item a.active::before {    transform: scaleY(0);}.header-area .menu-toggler {    width: 22px;    height: 20px;    padding: 0;    border: 0;    background: transparent;    z-index: 1000;}.header-area .menu-toggler:focus {    box-shadow: none !important;}.header-area .menu-toggler span {    position: relative;    display: block;    width: 22px;    height: 2px;    background: var(--text-dark);    border-radius: 10px;    transition: transform 200ms 0ms, top 200ms 160ms;}.header-area .menu-toggler span:nth-child(1) {    top: -4px;}.header-area .menu-toggler span:nth-child(3) {    top: 4px;}.header-area .menu-toggler.active span:nth-child(1) {    top: 0;    transform: rotateZ(45deg);    transition: top 200ms 0ms, transform 200ms 160ms;}.header-area .menu-toggler.active span:nth-child(2) {    transform: scale(0);}.header-area .menu-toggler.active span:nth-child(3) {    top: -4px;    transform: rotateZ(-45deg);    transition: top 200ms 0ms, transform 200ms 160ms;}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown {    top: 0;    opacity: 0;    left: 200px;    visibility: hidden;    transform: translateY(5px);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li.active a {    color: var(--color-primary);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item .menu-dropdown li:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .main-navbar .navbar-nav .nav-item:hover .menu-dropdown {    opacity: 1;    visibility: visible;    transform: translateY(0);}.header-area .nice-select {    border: 0;    -webkit-padding-end: 0;    padding-inline-end: 0;    -webkit-padding-start: 25px;    padding-inline-start: 25px;    background: transparent;    color: white;}.header-area .nice-select:not(.list) {    font-size: var(--font-base);}.header-area .nice-select::after {    width: auto;    height: auto;    border-radius: 0;    border: 0;    content: '\f0ac';    font-family: 'Font Awesome 5 Pro';    font-size: 20px;    top: 50%;    left: 0;    font-weight: 300;    margin: 0;    transform: translateY(-50%);}.header-area .nice-select .list {    min-width: 100px;    height: auto;    background-color: black;    box-shadow: 0 0 30px 0 rgba(var(--color-medium-rgb), 0.15);}.header-area .nice-select .list li {    min-height: 30px;    line-height: 30px;}.header-area .btn-icon {    font-size: 20px;    font-weight: 300;    color: var(--text-dark);    width: auto;    height: auto;}.header-area .btn-icon:hover {    color: var(--color-primary);    background: transparent;}.header-area .main-responsive-nav {    display: none;}.header-area .mobile-menu {    visibility: hidden;}@media (max-width: 1199px) {    .current,    .header-area .nice-select::after {        color: black;    }    .header-area {        height: 60px;        border-bottom: 1px solid var(--border-color);        padding: 0;        background-color: var(--bg-white);    }    .header-area.is-sticky {        position: fixed;        top: 0;        width: 100%;    }    .header-area .main-responsive-nav {        display: block;        height: 60px;        line-height: 60px;    }    .header-area .main-responsive-nav>div {        display: flex;        align-items: center;        justify-content: space-between;    }    .header-area .main-responsive-nav .logo {        flex: 0 0 120px;    }    .header-area .main-navbar {        display: none;    }    .mobile-menu {        position: fixed;        top: 0;        left: -100%;        width: 320px;        height: 100vh;        overflow: hidden;        overflow-y: scroll;        transition: all 0.8s ease;        z-index: 999;        background: var(--bg-white);    }    .mobile-menu::-webkit-scrollbar {        width: 1px;    }    .mobile-menu::-webkit-scrollbar-track {        background: transparent;    }    .mobile-menu::-webkit-scrollbar-thumb {        background: transparent;    }    .mobile-menu .mobile-menu-wrapper {        margin-top: 60px;        display: flex;        flex-direction: column;        width: 100%;        height: 100%;    }    .mobile-menu .navbar-nav {        width: 100%;        -webkit-margin-start: 0;        margin-inline-start: 0;    }    .mobile-menu .navbar-nav li a {        padding: 10px 0;        border-bottom: 1px solid var(--border-color);        transition: all 700ms ease;    }    .mobile-menu .navbar-nav li ul {        -webkit-padding-start: 12px;        padding-inline-start: 12px;        list-style-type: none;    }    .mobile-menu .navbar-nav li li a {        font-size: 14px;    }    .mobile-menu .more-option {        padding-top: 20px;        margin-top: 20px;        justify-content: center;    }    .mobile-menu li.nav-item:not(.show) ul {        display: none;    }    .mobile-menu li.nav-item.show>.toggle {        position: relative;    }    .mobile-menu li.nav-item.show>.toggle i::before {        content: '\f068';    }    .mobile-menu .nav-link.toggle {        position: relative;    }    .mobile-menu .nav-link.toggle i {        position: absolute;        top: 50%;        right: 0;        transform: translateY(-50%);    }    .mobile-menu .nav-link.toggle:hover i {        transform: translateY(-50%);    }    .mobile-menu .logo {        display: none;    }    .mobile-menu-active .mobile-menu {        visibility: visible;        left: 0;    }    .header-area.header-2:is(.nav-link:not(:is(.active, .menu-dropdown .nav-link)),        .btn-icon,        .btn-icon-text,        .nice-select,        .nice-select::after) {        color: var(--text-dark);    }}body.mobile-menu-active {    overflow: hidden;}.header-area.header-2 {    border-bottom-color: rgba(var(--color-white-rgb), 0.2);}.header-area.header-2.is-sticky {    background: rgba(var(--color-dark-rgb), 0.9);    border-bottom: 1px solid rgba(var(--color-white-rgb), 0.2);}.header-area.header-2.is-sticky .main-navbar .menu-dropdown {    border: 1px solid var(--border-color);}.header-area.header-2 .main-responsive-nav {    background-color: var(--bg-white);}.header-area.header-2 :is(.nav-link:not(:is(.active, .menu-dropdown .nav-link)),    .btn-icon,    .btn-icon-text,    .nice-select,    .nice-select::after) {    color: var(--text-white);}@media (max-width: 1199.98px) {    .header-area.header-2:is(.nav-link:not(:is(.active, .menu-dropdown .nav-link)),        .btn-icon,        .btn-icon-text,        .nice-select,        .nice-select::after) {        color: var(--text-dark);    }}.header-area.header-2 .nice-select::after {    color: var(--text-white);}.hero-banner {    position: relative;    overflow: hidden;    z-index: 1;}.hero-banner .banner-content {    max-width: 640px;}.hero-banner .banner-content p {    font-size: var(--font-lg);    max-width: 540px;    margin-bottom: 0;}.hero-banner .banner-image {    position: relative;    -webkit-margin-start: auto;    margin-inline-start: auto;    z-index: 1;}.hero-banner .banner-image img {    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));}.hero-banner .shape img {    position: absolute;    z-index: -1;    opacity: 0.6;}.hero-banner.hero-banner-1 {    padding-top: 120px;    /* border-radius: 0 0 50px 50px; */    min-height: 850px;    width: 100%;    display: flex !important;    align-items: flex-end;}@media (max-width: 767.98px) {    .hero-banner.hero-banner-1 {        border-radius: 0 0 30px 30px;    }}.hero-banner.hero-banner-1>.container {    display: flex;    align-items: flex-end;    justify-content: space-between;    min-height: 750px;    width: 100%;}.hero-banner.hero-banner-1 .banner-content {    padding-bottom: 30px;}.hero-banner.hero-banner-1 .shape img.shape-1 {    top: 18%;    left: 10%;    -webkit-animation: moveLeftRight 10s linear infinite;    animation: moveLeftRight 10s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-2 {    top: 23%;    left: 38%;    -webkit-animation: moveUpDown 5s linear infinite;    animation: moveUpDown 5s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-3 {    bottom: 10%;    left: 13%;    -webkit-animation: moveUpDown 10s linear infinite;    animation: moveUpDown 10s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-4 {    bottom: 4%;    left: 40%;    -webkit-animation: moveLeftRight 8s linear infinite;    animation: moveLeftRight 8s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-5 {    bottom: 30%;    left: 50%;    -webkit-animation: rotate 20s linear infinite;    animation: rotate 20s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-6 {    top: 12%;    right: 3%;    -webkit-animation: moveLeftRight 10s linear infinite;    animation: moveLeftRight 10s linear infinite;}.hero-banner.hero-banner-1 .shape img.shape-7 {    top: 56%;    right: 2%;    -webkit-animation: moveAround 10s linear infinite;    animation: moveAround 10s linear infinite;}.hero-banner.hero-banner-2 {    padding-top: 170px;    background-image: linear-gradient(0deg, #fff 25%, rgba(var(--color-primary-rgb), 0.2) 100%);}.hero-banner.hero-banner-2 .swiper {    background-size: contain !important;    background-position: center;    background-repeat: no-repeat;    padding: 30px 0;}@media (max-width: 575.98px) {    .hero-banner.hero-banner-2 .swiper {        padding: 0;    }}.hero-banner.hero-banner-2 .shape img {    opacity: 1;}.hero-banner.hero-banner-2 .shape img.shape-1 {    top: 18%;    left: 10%;    -webkit-animation: moveLeftRight 10s linear infinite;    animation: moveLeftRight 10s linear infinite;}.hero-banner.hero-banner-2 .shape img.shape-2 {    top: 33%;    left: 25%;    -webkit-animation: moveUpDown 5s linear infinite;    animation: moveUpDown 5s linear infinite;}.hero-banner.hero-banner-2 .shape img.shape-3 {    bottom: 30%;    left: 13%;    -webkit-animation: moveUpDown 10s linear infinite;    animation: moveUpDown 10s linear infinite;}.hero-banner.hero-banner-2 .shape img.shape-4 {    top: 33%;    right: 25%;    -webkit-animation: moveLeftRight 8s linear infinite;    animation: moveLeftRight 8s linear infinite;}.hero-banner.hero-banner-2 .shape img.shape-5 {    bottom: 30%;    right: 13%;    -webkit-animation: rotate 20s linear infinite;    animation: rotate 20s linear infinite;}.hero-banner.hero-banner-2 .shape img.shape-6 {    top: 18%;    right: 10%;    -webkit-animation: moveLeftRight 10s linear infinite;    animation: moveLeftRight 10s linear infinite;}.hero-banner.hero-banner-3 {    padding-top: 170px;    padding-bottom: 60px;    background-position: center bottom;}.hero-banner.hero-banner-3 .banner-image {    -webkit-animation: moveUpDown 5s infinite;    animation: moveUpDown 5s infinite;}.hero-banner.hero-banner-4 {    padding-top: 170px;    padding-bottom: 60px;}.hero-banner.hero-banner-4 .banner-image {    -webkit-animation: moveUpDown 5s infinite;    animation: moveUpDown 5s infinite;}.hero-banner.hero-banner-5 {    background-size: auto;    background-repeat: no-repeat;    background-position: right bottom;}.hero-banner.hero-banner-5 .banner-image {    -webkit-animation: moveUpDown 10s infinite;    animation: moveUpDown 10s infinite;}.hero-banner.hero-banner-5 .hero-area {    position: relative;    padding-top: 170px;}.hero-banner.hero-banner-5 .hero-shape {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -1;    background-repeat: no-repeat;    background-size: auto;    background-position: left top;}.hero-banner.hero-banner-5 .hero-shape-img {    position: absolute;    z-index: -1;    bottom: 0;    left: 0;    right: 0;    -webkit-margin-start: 0;    margin-inline-start: 0;    -webkit-margin-end: auto;    margin-inline-end: auto;    opacity: 0.5;    max-width: 35%;}.hero-banner.hero-banner-6 {    background-size: auto;    background-repeat: no-repeat;    background-position: left top;}.hero-banner.hero-banner-6 .banner-image {    -webkit-animation: moveUpDown 10s infinite;    animation: moveUpDown 10s infinite;}.hero-banner.hero-banner-6 .hero-area {    position: relative;    padding-top: 170px;}.hero-banner.hero-banner-6 .hero-shape {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -1;    background-repeat: no-repeat;    background-size: auto;    background-position: right top;}.hero-banner.hero-banner-6 .dot-shapes img {    position: absolute;    top: 25%;    z-index: -1;    left: 4%;    max-width: 100px;    -webkit-animation: rotate linear 30s infinite;    animation: rotate linear 30s infinite;}@media (max-width: 1450px) {    .hero-banner.hero-banner-6 .dot-shapes img {        top: 40%;    }}@media (max-width: 1199.98px) {    .hero-banner.hero-banner-6 .dot-shapes img {        top: 45%;        max-width: 80px;    }}@media (max-width: 767.98px) {    .hero-banner.hero-banner-6 .dot-shapes img {        display: none;    }}.hero-banner.hero-banner-6 .dot-shapes img.dot-two {    left: 36%;    top: 56%;    max-width: 60px;}@media (max-width: 1199.98px) {    .hero-banner.hero-banner-6 .dot-shapes img.dot-two {        left: 40%;        top: 60%;    }}@media (max-width: 991.98px) {    .hero-banner.hero-banner-6 .dot-shapes img.dot-two {        display: none;    }}.hero-banner.hero-banner-7 {    padding-top: 170px;    background-size: auto;    background-repeat: no-repeat;    background-position: left bottom;}.hero-banner.hero-banner-7 .banner-image {    -webkit-animation: moveUpDown 10s infinite;    animation: moveUpDown 10s infinite;}.hero-banner.hero-banner-7 .banner-content span {    font-weight: var(--font-medium);}.hero-banner.hero-banner-8 {    padding-top: 170px;    padding-bottom: 150px;    background-size: auto;    background-repeat: no-repeat;    background-position: center bottom;}.hero-banner.hero-banner-8 .banner-image {    -webkit-animation: moveUpDown 10s infinite;    animation: moveUpDown 10s infinite;}.hero-banner.hero-banner-8 .banner-content span {    font-weight: var(--font-medium);}.counter-area .card-icon {    font-size: 36px;}.counter-area .card-icon i {    display: inline-block;    transform: translateZ(0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    transition-duration: 0.5s;}.counter-area .card:hover i {    transform: scale(1.2);    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}.counter-area.counter-1 .card-icon {    --size: 85px;    width: var(--size);    height: var(--size);    line-height: var(--size);    text-align: center;    border-radius: 50%;    background-color: var(--bg-white);    box-shadow: 0 18px 40px rgba(79, 90, 228, 0.11);}.counter-area.counter-2 .card-icon {    --size: 85px;    width: var(--size);    height: var(--size);    line-height: var(--size);    text-align: center;    border-radius: 50%;    color: var(--text-white);    background-color: var(--color-primary);    background-image: var(--gradient-1);}.counter-area.counter-2 .item:nth-child(1) .card {    background-color: rgba(115, 103, 240, 0.08);}.counter-area.counter-2 .item:nth-child(1) .card-icon {    background-color: #7367f0;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #7367f0 100%);}.counter-area.counter-2 .item:nth-child(2) .card {    background-color: rgba(50, 204, 188, 0.08);}.counter-area.counter-2 .item:nth-child(2) .card-icon {    background-color: #32ccbc;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #32ccbc 100%);}.counter-area.counter-2 .item:nth-child(3) .card {    background-color: rgba(246, 65, 108, 0.08);}.counter-area.counter-2 .item:nth-child(3) .card-icon {    background-color: #f6416c;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f6416c 100%);}.counter-area.counter-2 .item:nth-child(4) .card {    background-color: rgba(40, 199, 111, 0.08);}.counter-area.counter-2 .item:nth-child(4) .card-icon {    background-color: #28c76f;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #28c76f 100%);}.counter-area.counter-2 .item:nth-child(5) .card {    background-color: rgba(73, 156, 33, 0.08);}.counter-area.counter-2 .item:nth-child(5) .card-icon {    background-color: #499c21;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #499c21 100%);}.counter-area.counter-2 .item:nth-child(6) .card {    background-color: rgba(241, 196, 15, 0.08);}.counter-area.counter-2 .item:nth-child(6) .card-icon {    background-color: #f1c40f;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f1c40f 100%);}.counter-area.counter-2 .item:nth-child(7) .card {    background-color: rgba(230, 126, 34, 0.08);}.counter-area.counter-2 .item:nth-child(7) .card-icon {    background-color: #e67e22;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e67e22 100%);}.counter-area.counter-2 .item:nth-child(8) .card {    background-color: rgba(231, 76, 60, 0.08);}.counter-area.counter-2 .item:nth-child(8) .card-icon {    background-color: #e74c3c;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e74c3c 100%);}.counter-area.counter-2 .item:nth-child(9) .card {    background-color: rgba(255, 170, 133, 0.08);}.counter-area.counter-2 .item:nth-child(9) .card-icon {    background-color: #ffaa85;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ffaa85 100%);}.counter-area.counter-2 .item:nth-child(10) .card {    background-color: rgba(60, 140, 231, 0.08);}.counter-area.counter-2 .item:nth-child(10) .card-icon {    background-color: #3c8ce7;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #3c8ce7 100%);}.counter-area.counter-3 .item:is(:nth-child(2), :nth-child(4)) {    margin-top: 40px;}@media (max-width: 575.98px) {    .counter-area.counter-3 .item:is(:nth-child(2), :nth-child(4)) {        margin-top: 0;    }    .counter-area.counter-3 .item {        margin-top: 40px !important;    }}.choose-area {    position: relative;    overflow: hidden;}.choose-area .card .card-text {    flex: auto;}.choose-area .card-icon {    flex: 0 0 auto;    display: flex;    align-items: center;    justify-content: center;    width: 60px;    height: 60px;    font-size: 28px;    color: var(--color-primary);    box-shadow: 0 8px 20px rgba(39, 39, 39, 0.08);}.choose-area .image {    position: relative;}.choose-area .client {    display: flex;    align-items: center;    justify-content: start;    gap: 15px;}.choose-area .client .client-img {    max-width: 60px;}.choose-area .info-list {    display: flex;    flex-direction: column;    gap: 15px;}.choose-area .info-list li {    position: relative;}.choose-area .info-list li i {    color: var(--color-primary);    -webkit-margin-end: 5px;    margin-inline-end: 5px;}.choose-area .info-list li span {    position: absolute;    top: 50%;    left: 0;    width: 25px;    height: 25px;    transform: translateY(-50%);    line-height: 25px;    text-align: center;    color: var(--text-white);    font-size: 12px;    background-color: var(--color-primary);    border-radius: 50%;}.about-area {    position: relative;    overflow: hidden;}.about-area .card .card-text {    flex: auto;}.about-area .card:hover i {    transform: scale(1.2);    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);}.about-area .card-icon {    --size: 60px;    flex: 0 0 auto;    display: flex;    align-items: center;    justify-content: center;    width: var(--size);    height: var(--size);    font-size: 30px;    color: var(--color-primary);}.about-area .card-icon i {    display: inline-block;    transform: translateZ(0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    transition-duration: 0.5s;}.about-area .image {    position: relative;}.about-area .client {    display: flex;    align-items: center;    justify-content: start;    gap: 15px;}.about-area .client .client-img {    max-width: 60px;}.about-area .info-list .card {    max-width: 400px;    overflow: hidden;    z-index: 1;    align-items: center;    flex-direction: row;    flex-wrap: wrap;    gap: 16px;}.about-area .info-list .card-icon {    background-color: rgba(var(--color-primary-rgb), 0.08);    color: var(--color-primary);}.about-area.about-1 .info-list .card-icon {    border-color: rgba(var(--color-primary-rgb), 0.4) !important;}.about-area.about-2 .info-list .item:nth-child(1) .card-icon {    background-color: rgba(118, 129, 248, 0.08);    color: #7681f8;}.about-area.about-2 .info-list .item:nth-child(2) .card-icon {    background-color: rgba(255, 97, 199, 0.08);    color: #ff61c7;}.about-area.about-2 .info-list .item:nth-child(3) .card-icon {    background-color: rgba(255, 124, 65, 0.08);    color: #ff7c41;}.about-area.about-2 .info-list .item:nth-child(4) .card-icon {    background-color: rgba(0, 221, 193, 0.08);    color: #00ddc1;}.about-area.about-2 .info-list .item:nth-child(5) .card-icon {    background-color: rgba(73, 156, 33, 0.08);    color: #499c21;}.about-area.about-2 .info-list .item:nth-child(6) .card-icon {    background-color: rgba(241, 196, 15, 0.08);    color: #f1c40f;}.about-area.about-2 .info-list .item:nth-child(7) .card-icon {    background-color: rgba(230, 126, 34, 0.08);    color: #e67e22;}.about-area.about-2 .info-list .item:nth-child(8) .card-icon {    background-color: rgba(231, 76, 60, 0.08);    color: #e74c3c;}.about-area.about-2 .info-list .item:nth-child(9) .card-icon {    background-color: rgba(255, 170, 133, 0.08);    color: #ffaa85;}.about-area.about-2 .info-list .item:nth-child(10) .card-icon {    background-color: rgba(60, 140, 231, 0.08);    color: #3c8ce7;}.about-area.about-3 .info-list .card-icon {    color: var(--text-white);}.about-area.about-3 .info-list .item:nth-child(1) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #7681f8 100%);}.about-area.about-3 .info-list .item:nth-child(2) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ff61c7 100%);}.about-area.about-3 .info-list .item:nth-child(3) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ff7c41 100%);}.about-area.about-3 .info-list .item:nth-child(4) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #00ddc1 100%);}.about-area.about-3 .info-list .item:nth-child(5) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #499c21 100%);}.about-area.about-3 .info-list .item:nth-child(6) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f1c40f 100%);}.about-area.about-3 .info-list .item:nth-child(7) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e67e22 100%);}.about-area.about-3 .info-list .item:nth-child(8) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e74c3c 100%);}.about-area.about-3 .info-list .item:nth-child(9) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ffaa85 100%);}.about-area.about-3 .info-list .item:nth-child(10) .card-icon {    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #3c8ce7 100%);}.about-area.about-4 .icon {    --size: 80px;    height: var(--size);    width: var(--size);    background-color: rgba(var(--color-primary-rgb), 0.08);    font-size: 30px;    color: var(--color-primary);    text-align: center;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;}.feature-area {    position: relative;    overflow: hidden;}.feature-area .item-top {    display: flex;    align-items: center;    gap: 20px;}.feature-area .item-top .item-icon {    --size: 70px;    flex: 0 0 auto;    display: flex;    align-items: center;    justify-content: center;    width: var(--size);    height: var(--size);    font-size: 28px;    color: var(--color-primary);    background-color: var(--bg-white);    color: var(--color-primary);}.feature-area .image img {    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.2));}.feature-area.feature-1 {    border-radius: 50px 50px 0 0;}@media (max-width: 767.98px) {    .feature-area.feature-1 {        border-radius: 30px 30px 0 0;    }}.feature-area.feature-1 .overlay {    height: 80%;}@media (min-width: 992px) {    .feature-area.feature-1 .image {        padding-inline: 20px;    }}.feature-area.feature-2 {    padding-top: 320px;}@media (max-width: 767.98px) {    .feature-area.feature-2 {        padding-top: 120px;    }}.feature-area.feature-2 .item {    display: flex;    gap: 24px;    flex-direction: row;}.feature-area.feature-2 .item .item-icon {    flex: 0 0 auto;    --size: 70px;    height: var(--size);    width: var(--size);    text-align: center;    line-height: var(--size);    color: var(--text-white);    font-size: 24px;}.feature-area.feature-3 h2 span {    color: var(--color-primary);}.feature-area.feature-3 .card {    gap: 24px;    flex-direction: row;    padding: 30px 25px 62px 35px;}.feature-area.feature-3 .card::before {    position: absolute;    content: '';    top: 0;    left: 0;    bottom: 0;    right: 0;    min-width: calc(100%+10px) !important;    height: 100%;    mask: url(../image/clippy-border.svg) no-repeat center/contain;    -webkit-mask: url(../image/clippy-border.svg) no-repeat center/contain;    background-color: var(--color-primary);}.feature-area.feature-3 .card .card-icon {    flex: 0 0 auto;    text-align: center;    color: var(--color-primary);    font-size: 48px;}.feature-area.feature-3 .item:nth-child(1) .card::before {    background-color: #7e4efe;}.feature-area.feature-3 .item:nth-child(1) .card-icon {    color: #7e4efe;}.feature-area.feature-3 .item:nth-child(2) .card::before {    background-color: #7e4efe;}.feature-area.feature-3 .item:nth-child(2) .card-icon {    color: #7e4efe;}.feature-area.feature-3 .item:nth-child(3) .card::before {    background-color: #50dd9d;}.feature-area.feature-3 .item:nth-child(3) .card-icon {    color: #50dd9d;}.feature-area.feature-3 .item:nth-child(4) .card::before {    background-color: #f6416c;}.feature-area.feature-3 .item:nth-child(4) .card-icon {    color: #f6416c;}.feature-area.feature-3 .item:nth-child(5) .card::before {    background-color: #28c76f;}.feature-area.feature-3 .item:nth-child(5) .card-icon {    color: #28c76f;}.feature-area.feature-3 .item:nth-child(6) .card::before {    background-color: #499c21;}.feature-area.feature-3 .item:nth-child(6) .card-icon {    color: #499c21;}.feature-area.feature-3 .item:nth-child(7) .card::before {    background-color: #f1c40f;}.feature-area.feature-3 .item:nth-child(7) .card-icon {    color: #f1c40f;}.feature-area.feature-3 .item:nth-child(8) .card::before {    background-color: #e67e22;}.feature-area.feature-3 .item:nth-child(8) .card-icon {    color: #e67e22;}.feature-area.feature-3 .item:nth-child(9) .card::before {    background-color: #e74c3c;}.feature-area.feature-3 .item:nth-child(9) .card-icon {    color: #e74c3c;}.feature-area.feature-3 .item:nth-child(10) .card::before {    background-color: #3c8ce7;}.feature-area.feature-3 .item:nth-child(10) .card-icon {    color: #3c8ce7;}.screenshot-area {    position: relative;    overflow: hidden;}.screenshot-area .screenshot-slider-1 .swiper-slide {    position: relative;}.screenshot-area .screenshot-slider-1 .swiper-slide::before {    position: absolute;    content: '';    top: 0;    left: 0;    right: 0;    bottom: 0;    background-image: linear-gradient(180deg,            rgba(var(--color-black-rgb), 0.03) 50.06%,            rgba(var(--color-black-rgb), 0.85) 97.53%);    z-index: 2;}.screenshot-area .screenshot-slider-1 .swiper-pagination {    width: auto;    height: auto;    left: 0;    right: 0;    max-width: -webkit-fit-content;    max-width: -moz-fit-content;    max-width: fit-content;    margin-inline: auto;    padding: 30px 25px 60px;    bottom: -50px;    border-radius: 50%;    background-color: var(--color-primary);}.screenshot-area .screenshot-slider-1 .swiper-pagination .swiper-pagination-bullet {    background-color: var(--bg-white);    opacity: 0.5;    transform: translateY(-5px);}.screenshot-area .screenshot-slider-1 .swiper-pagination .swiper-pagination-bullet-active {    width: 10px;}.screenshot-area .screenshot-slider-1 .swiper-pagination .swiper-pagination-bullet-active,.screenshot-area .screenshot-slider-1 .swiper-pagination .swiper-pagination-bullet:hover {    background-color: var(--bg-white);    opacity: 1;}.screenshot-area .swiper-scrollbar {    z-index: 999;    background-color: rgba(var(--color-primary-rgb), 0.5);    width: 100%;    left: 0;    top: 0;    position: static;    border-radius: 0;}.screenshot-area .swiper-scrollbar .swiper-scrollbar-drag {    background-color: var(--color-primary);}.screenshot-area .screenshot-slider .swiper-slide {    overflow: hidden;}.screenshot-area .screenshot-slider#screenshot-slider-4 .swiper-slide {    transform-origin: bottom !important;}.screenshot-area .screenshot-slider#screenshot-slider-4 .swiper-slide img {    transform-origin: bottom !important;}.screenshot-area .screenshot-slider.shadow-none .swiper-slide {    overflow: unset;}.screenshot-area .screenshot-slider.shadow-none .swiper-slide *:not(img) {    width: 0;}.screenshot-area .screenshot-slider.shadow-none img {    filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 10px 10px);}.screenshot-area.screenshot-2 {    background-repeat: no-repeat;    background-size: auto;    background-position: center bottom;}.pricing-item {    position: relative;    overflow: hidden;    transition: all 0.4s ease-out;    padding: 40px;    z-index: 1;}@media (max-width: 575.98px) {    .pricing-item {        padding: 30px;    }}.pricing-item .pricing-header {    display: flex;    align-items: center;    justify-content: space-between;    gap: 15px;}.pricing-item .price {    display: inline-flex;    align-items: flex-end;}.pricing-item .h3 {    color: var(--color-primary);}.pricing-item .label {    padding: 5px 18px;    border-radius: 5px;    background-color: var(--bg-white);    color: var(--color-primary);    font-weight: var(--font-medium);}.pricing-item .icon {    width: 35px;    height: 35px;    line-height: 35px;    background-color: var(--color-primary);    color: var(--text-white);    text-align: center;    font-size: 14px;    border-radius: 50%;}.pricing-item .pricing-list {    display: flex;    flex-direction: column;    gap: 10px;    color: var(--text-dark);}.pricing-item .pricing-list i {    font-size: 16px;    -webkit-margin-end: 10px;    margin-inline-end: 10px;}.pricing-item .pricing-list .disabled {    color: var(--text-medium);}.pricing-item .disabled {    background-color: transparent !important;}.pricing-item .show-more {    display: block;    color: var(--color-dark);    margin-top: 15px;    font-size: var(--font-sm);    cursor: pointer;}.pricing-item.active {    background-color: var(--color-primary) !important;}.pricing-item.active *:not(.label),.pricing-item.active .disabled {    color: var(--text-white);}.pricing-item.active .icon {    background-color: var(--bg-white);}.pricing-item.active .icon * {    color: var(--color-primary);}.pricing-item.active .btn-primary,.pricing-item:hover .btn-primary {    color: var(--color-primary);    background-color: var(--bg-white);}.pricing-area {    position: relative;    overflow: hidden;}.pricing-area .tab-pane {    -webkit-animation: none;    animation: none;}.pricing-area .tab-pane.active {    -webkit-animation: slideUp 0.3s ease-out 1;    animation: slideUp 0.3s ease-out 1;}.pricing-2 .item:nth-child(1) .icon {    background-color: #7367f0;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #7367f0 100%);}.pricing-2 .item:nth-child(2) .icon {    background-color: #32ccbc;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #32ccbc 100%);}.pricing-2 .item:nth-child(3) .icon {    background-color: #f6416c;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f6416c 100%);}.pricing-2 .item:nth-child(4) .icon {    background-color: #28c76f;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #28c76f 100%);}.pricing-2 .item:nth-child(5) .icon {    background-color: #499c21;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #499c21 100%);}.pricing-2 .item:nth-child(6) .icon {    background-color: #f1c40f;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f1c40f 100%);}.pricing-2 .item:nth-child(7) .icon {    background-color: #e67e22;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e67e22 100%);}.pricing-2 .item:nth-child(8) .icon {    background-color: #e74c3c;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e74c3c 100%);}.pricing-2 .item:nth-child(9) .icon {    background-color: #ffaa85;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ffaa85 100%);}.pricing-2 .item:nth-child(10) .icon {    background-color: #3c8ce7;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #3c8ce7 100%);}.pricing-2 .pricing-item .icon {    background-image: var(--gradient-1);}.pricing-2 .pricing-item.active {    background-image: var(--gradient-1);}.pricing-2 .pricing-item.active .icon {    background-image: none;    background-color: var(--bg-white);}.pricing-2 .pricing-item.active .btn-primary {    background-image: none !important;}.pricing-3 .pricing-item {    padding: 70px 25px;}.pricing-3 .pricing-item.active .btn-primary,.pricing-3 .pricing-item:hover .btn-primary {    color: var(--text-white);    background-color: var(--bg-white);}.pricing-4 {    padding-top: 240px;    padding-bottom: 300px;    background-repeat: no-repeat;    background-size: auto;    background-position: left top;}.pricing-4.mt-negative {    margin-top: -230px;}.pricing-4 .pricing-item {    padding: 50px;}.pricing-4 .pricing-item * {    color: var(--text-white);}.pricing-4 .pricing-item.active {    background-color: var(--bg-white) !important;}.pricing-4 .pricing-item.active * {    color: var(--text-medium);}.pricing-4 .pricing-item.active h4,.pricing-4 .pricing-item.active .h4 {    color: var(--text-dark);}.pricing-4 .pricing-item.active .h2,.pricing-4 .pricing-item.active h2 {    color: var(--color-primary);}.pricing-4 .pricing-item.active .btn-primary,.pricing-4 .pricing-item:hover .btn-primary {    color: var(--text-white);    background-color: var(--bg-white);}.testimonial-area {    position: relative;    overflow: hidden;    z-index: 1;}.testimonial-area .slider-item {    position: relative;    z-index: 5;}.testimonial-area .slider-item .quote {    position: relative;    padding: 0 50px;}@media (max-width: 767.98px) {    .testimonial-area .slider-item .quote {        padding-inline: 30px;    }}.testimonial-area .slider-item p {    margin-bottom: 0;}.testimonial-area .slider-item .client-info h6 {    margin-bottom: 2px;}.testimonial-area .brands img {    position: absolute;    max-width: 90px;    border-radius: 50%;    padding: 10px;    z-index: -1;    background-color: var(--bg-white);    box-shadow: var(--shadow-md);}.testimonial-area .brands img:nth-child(1) {    top: 30%;    left: 10%;}.testimonial-area .brands img:nth-child(2) {    max-width: 60px;    bottom: 20%;    left: 5%;}.testimonial-area .brands img:nth-child(3) {    max-width: 70px;    bottom: 10%;    left: 20%;}.testimonial-area .brands img:nth-child(4) {    max-width: 70px;    top: 45%;    left: 25%;}.testimonial-area .brands img:nth-child(5) {    top: 30%;    right: 20%;}.testimonial-area .brands img:nth-child(6) {    max-width: 70px;    top: 45%;    right: 5%;}.testimonial-area .brands img:nth-child(7) {    max-width: 70px;    bottom: 25%;    right: 25%;}.testimonial-area .brands img:nth-child(8) {    max-width: 60px;    bottom: 10%;    right: 10%;}.testimonial-area.testimonial-1 .slider-item .client-img {    display: none;}.testimonial-area.testimonial-1 .swiper-pagination {    display: inline-flex;    align-items: center;    justify-content: center;}.testimonial-area.testimonial-1 .custom-image-pagination {    max-width: 40px;    width: 40px;    border-radius: 50%;    position: relative;    transition: all 0.3s;    cursor: pointer;}.testimonial-area.testimonial-1 .custom-image-pagination:not(:first-child) {    -webkit-margin-start: -7px;    margin-inline-start: -7px;}.testimonial-area.testimonial-1 .custom-image-pagination.swiper-pagination-bullet-active {    width: auto;    transform: scale(1.1);}.testimonial-area.testimonial-2 .slider-item {    padding: 30px 0;}.testimonial-area.testimonial-2 .slider-item .client-info {    margin-top: 30px;    display: grid;    gap: 20px;    grid-template-columns: 70px 1fr;    align-items: center;}@media (max-width: 991.98px) {    .testimonial-area.testimonial-2 .slider-item .client-info {        grid-template-columns: 50px 1fr;        gap: 10px;    }}.testimonial-area.testimonial-2 .slider-item .client-info img {    max-width: 70px;    max-height: 70px;    border-radius: 50%;}@media (max-width: 991.98px) {    .testimonial-area.testimonial-2 .slider-item .client-info img {        max-height: 50px;        max-width: 50px;    }}.testimonial-area.testimonial-2 .slider-item .quote {    padding: 50px 40px;}@media (max-width: 1199.98px) {    .testimonial-area.testimonial-2 .slider-item .quote {        padding: 40px 30px;    }}@media (max-width: 991.98px) {    .testimonial-area.testimonial-2 .slider-item .quote {        padding: 40px 25px;    }}.testimonial-area.testimonial-2 .swiper-slide {    transition: all 0.4s;}.testimonial-area.testimonial-2 .swiper-slide.swiper-slide-active {    transform: scale(1.2);    z-index: 99;}@media (max-width: 991.98px) {    .testimonial-area.testimonial-2 .swiper-slide.swiper-slide-active {        transform: scale(1.1);    }}@media (max-width: 767.98px) {    .testimonial-area.testimonial-2 .swiper-slide.swiper-slide-active {        transform: scale(1);    }}.testimonial-area.testimonial-3 {    padding-top: 240px;    background-repeat: no-repeat;    background-size: auto;    background-position: left top;}.testimonial-area.testimonial-3.mt-negative {    margin-top: -230px;}.testimonial-area.testimonial-3 .slider-item .client-info {    margin-top: 30px;    display: grid;    gap: 20px;    grid-template-columns: 70px 1fr;    align-items: center;}@media (max-width: 991.98px) {    .testimonial-area.testimonial-3 .slider-item .client-info {        grid-template-columns: 50px 1fr;        gap: 10px;    }}.testimonial-area.testimonial-3 .slider-item .client-info img {    max-width: 70px;    max-height: 70px;    border-radius: 50%;}@media (max-width: 991.98px) {    .testimonial-area.testimonial-3 .slider-item .client-info img {        max-height: 50px;        max-width: 50px;    }}.testimonial-area.testimonial-3 .slider-item .quote {    padding: 50px 40px;}@media (max-width: 1199.98px) {    .testimonial-area.testimonial-3 .slider-item .quote {        padding: 40px 30px;    }}@media (max-width: 991.98px) {    .testimonial-area.testimonial-3 .slider-item .quote {        padding: 40px 25px;    }}.testimonial-area.testimonial-3 .swiper-slide {    transition: all 0.4s;    opacity: 0.4;}.testimonial-area.testimonial-3 .swiper-slide.swiper-slide-active {    opacity: 1;}.testimonial-pricing-area {    position: relative;    overflow: hidden;    z-index: 2;}.testimonial-pricing-area .shape-one {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -1;    background-repeat: no-repeat;    background-position: left top;}@media (max-width: 1400px) {    .testimonial-pricing-area .shape-one {        background-position: center top;    }}.testimonial-pricing-area .shape-two {    position: absolute;    left: 0;    top: 200px;    width: 100%;    height: calc(100% - 280px);    z-index: -2;    background-repeat: no-repeat;    background-position: left top;}.testimonial-pricing-area .testimonial-area {    padding-top: 220px;    padding-bottom: 240px;}.newsletter-area {    position: relative;    z-index: 1;}.newsletter-area .newsletter-form {    max-width: 540px;}.newsletter-area .overlay {    background-color: transparent;}.newsletter-area .image-absolute {    position: absolute;    top: -3rem;    right: 60px;    height: calc(100%+3rem);}.newsletter-area .image-absolute img {    height: 100%;}.newsletter-area h2 {    margin-top: -8px;}.newsletter-1 .overlay {    height: calc(100% - 6rem);    bottom: 0;    top: auto;}.newsletter-1 .content {    margin-top: 6rem;}@media (max-width: 991.98px) {    .newsletter-1 .overlay {        height: 100%;    }    .newsletter-1 .content {        margin-top: 0;    }}.newsletter-2 {    background-repeat: no-repeat;    background-position: center center;}.newsletter-2 .newsletter-form {    max-width: 620px;}.newsletter-2 .newsletter-form .form-control {    height: 70px;    line-height: 70px;    padding-inline: 30px;    font-size: var(--font-base);}.newsletter-2 .newsletter-form button {    position: absolute;    top: 50%;    right: 0;    left: 0;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    -webkit-margin-end: 30px;    margin-inline-end: 30px;    -webkit-margin-start: auto;    margin-inline-start: auto;    font-size: 30px;    transform: translateY(-50%);}.brand-area .swiper-slide a {    opacity: 0.5;}.brand-area .swiper-slide a:hover {    opacity: 1;}.work-area .card {    margin-bottom: 13px;}.work-area .card-icon {    --size: 150px;    width: var(--size);    height: calc(var(--size) / 2);    line-height: calc(var(--size) / 2);    text-align: center;    font-size: 40px;    border-bottom-left-radius: calc(var(--size) * 2);    border-bottom-right-radius: calc(var(--size) * 2);    color: var(--text-white);    background-color: var(--color-primary);    background-image: var(--gradient-1);}.work-area .card .count {    --size: 26px;    position: absolute;    bottom: -13px;    left: 0;    right: 0;    margin-inline: auto;    width: var(--size);    height: var(--size);    line-height: var(--size);    text-align: center;    border-radius: 50%;    color: var(--text-white);    font-size: var(--font-xsm);    background-color: var(--color-medium);}.work-area .item:nth-child(1) .card-icon {    background-color: #0d25b9;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #0d25b9 100%);}.work-area .item:nth-child(2) .card-icon {    background-color: #97abff;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #97abff 100%);}.work-area .item:nth-child(3) .card-icon {    background-color: #e67e22;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e67e22 100%);}.work-area .item:nth-child(4) .card-icon {    background-color: #b210ff;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #b210ff 100%);}.work-area .item:nth-child(5) .card-icon {    background-color: #499c21;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #499c21 100%);}.work-area .item:nth-child(6) .card-icon {    background-color: #f1c40f;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #f1c40f 100%);}.work-area .item:nth-child(7) .card-icon {    background-color: #e67e22;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e67e22 100%);}.work-area .item:nth-child(8) .card-icon {    background-color: #e74c3c;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #e74c3c 100%);}.work-area .item:nth-child(9) .card-icon {    background-color: #ffaa85;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #ffaa85 100%);}.work-area .item:nth-child(10) .card-icon {    background-color: #3c8ce7;    background-image: linear-gradient(135deg, rgba(var(--color-white-rgb), 0.6) 0, #3c8ce7 100%);}.footer-area {    position: relative;    overflow: hidden;    z-index: 1;    border-radius: 40px 40px 0 0;}@media (max-width: 1199.98px) {    .footer-area {        border-radius: 15px 15px 0 0;    }}.footer-area :is(p, a, span) {    color: var(--text-medium);    font-size: 14px;}.footer-area .footer-widget {    margin-bottom: 30px;}.footer-area .footer-widget ul {    padding: 0;    margin: 0;    list-style-type: none;}.footer-area .footer-widget .navbar-brand {    margin: 0;    margin-bottom: 28px;    padding: 0;}.footer-area .footer-widget h5 {    text-transform: capitalize;    margin-bottom: 25px;}@media (max-width: 575.98px) {    .footer-area .footer-widget h5 {        margin-bottom: 20px;    }}.footer-area .footer-widget p {    margin-bottom: 25px;}.footer-area .footer-links li {    position: relative;    overflow: hidden;    font-size: 14px;}.footer-area .footer-links li:not(:last-child) {    margin-bottom: 14px;}@media (max-width: 575.98px) {    .footer-area .footer-links li:not(:last-child) {        margin-bottom: 10px;    }}.footer-area .footer-links li a {    display: block;}.footer-area .footer-links li a:hover {    color: var(--color-primary);}.footer-area .footer-links a {    position: relative;    overflow: hidden;    display: block;    transition: all 0.3s linear;}.footer-area .copy-right-area {    text-align: center;}.footer-area .border-top {    --border-color: var(--border-color-2);    border-top-style: dashed !important;}.footer-area .social-link {    --size: 35px;    gap: 15px;}.footer-area .social-link a {    color: var(--color-primary);    background-color: rgba(var(--color-primary-rgb), 0.2);    border-radius: 50%;}.footer-area .social-link a:hover {    background-color: var(--color-primary);    color: var(--text-white);}.footer-area .newsletter-form input {    background: transparent;    height: 50px;    border-color: rgba(var(--color-white-rgb), 0.2);}.footer-area .newsletter-form .btn {    top: 5px;    right: 0;    left: 0;    width: 60px;    padding: 0;    -webkit-margin-end: 5px;    margin-inline-end: 5px;    -webkit-margin-start: auto;    margin-inline-start: auto;    height: calc(100% - 10px);    position: absolute;}.footer-area.mt-negative {    padding-top: 200px;    margin-top: -100px;}.footer-area .bg-img {    background-repeat: no-repeat;    background-size: cover;    background-position: bottom;}.footer-2,.footer-3 {    position: relative;    background-size: auto;    background-repeat: no-repeat;    background-position: right bottom;    border-radius: 0;}.footer-2.mt-negative,.mt-negative.footer-3 {    margin-top: -30px;    padding-top: 30px;    background-position-y: 30px;}@media (max-width: 575.98px) {    .footer-2.mt-negative,    .mt-negative.footer-3 {        background-position-y: bottom;    }}.footer-2 .contact-area .contact-form,.footer-3 .contact-area .contact-form {    padding: 70px 60px;}@media (max-width: 767.98px) {    .footer-2 .contact-area .contact-form,    .footer-3 .contact-area .contact-form {        padding: 40px;    }}@media (max-width: 399.98px) {    .footer-2 .contact-area .contact-form,    .footer-3 .contact-area .contact-form {        padding: 30px;    }}.footer-2 .contact-area .form-control,.footer-3 .contact-area .form-control {    border-radius: 0;    border-width: 0;    border-color: var(--color-secondary);    border-bottom-width: 1px;    -webkit-padding-start: 0;    padding-inline-start: 0;}.footer-2 .contact-area textarea.form-control,.footer-3 .contact-area textarea.form-control {    min-height: 65px;}.footer-2 .social-link,.footer-3 .social-link {    --size: 40px;}.footer-2 .social-link a,.footer-3 .social-link a {    background-color: var(--bg-white);}.footer-2 .copy-right-area .copy-right-content *,.footer-3 .copy-right-area .copy-right-content * {    color: var(--text-white);}.blog-area {    position: relative;    overflow: hidden;}.blog-area .card {    overflow: hidden;}.blog-area .card .card-img {    overflow: hidden;}.blog-area .card img {    transition: transform 0.3s ease-out;}.blog-area .card p {    margin-bottom: 0;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;}.blog-area .card .card-btn {    line-height: 1;    font-weight: var(--font-bold);    text-decoration: underline;    color: var(--color-primary);}.blog-area .card .card-list {    display: inline-flex;    align-items: center;}.blog-area .card .card-list li:not(:last-child) {    -webkit-padding-end: 10px;    padding-inline-end: 10px;    -webkit-margin-end: 10px;    margin-inline-end: 10px;    -webkit-border-end: 1px solid var(--border-color);    border-inline-end: 1px solid var(--border-color);}.blog-area .card .card-list a {    color: var(--text-medium);}.blog-area .card .card-list i {    color: var(--color-primary);}@media (max-width: 399.98px) {    .blog-area .card .card-list * {        font-size: 10px;    }}.blog-area .card:hover img {    transform: scale3d(1.05, 1.05, 1.05);}.blog-area .card:hover .btn-text {    letter-spacing: 0.1em;}.blog-area .article-item {    flex-direction: row;    align-items: center;    flex-wrap: wrap;    gap: 16px;}.blog-area .article-item .card-img {    flex: 0 0 auto;    width: calc(33.3333333333% - 16px);}.blog-area .article-item .card-img img {    -o-object-fit: cover;    object-fit: cover;    height: 100%;}.blog-area .article-item .content {    flex: 0 0 auto;    width: calc(66.6666666667% - 16px);}.blog-area .article-item .card-list li:not(:last-child) {    -webkit-padding-end: 8px;    padding-inline-end: 8px;    -webkit-margin-end: 8px;    margin-inline-end: 8px;}.blog-area.blog-1 .card-content {    position: absolute;    bottom: 20px;    left: 0;    right: 0;    margin-inline: auto;    width: calc(100% - 40px);    z-index: 3;}.blog-area.blog-2 .card-big .card-content {    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 0;    background: linear-gradient(180deg, rgba(24, 24, 24, 0) 42.41%, rgba(0, 0, 0, 0.94) 82.77%);    z-index: 3;    display: inline-flex;    justify-content: flex-end;    align-items: flex-start;    flex-direction: column;}.blog-area.blog-2 .card-big .card-list * {    color: var(--text-white);}.blog-area.blog-3 .card-content {    position: relative;    overflow: hidden;    margin-top: -20px;    z-index: 3;    margin-inline: auto;    width: calc(100% - 40px);}.blog-area.blog-3 .card-content::before {    position: absolute;    content: '';    bottom: 0;    left: 0;    right: 0;    margin-inline: auto;    width: 100%;    height: calc(100% - 40px);    background-color: var(--color-primary);    background-image: var(--gradient-1);    border-radius: 0 0 inherit inherit;    transition: all 0.3s;    z-index: -2;}.blog-area.blog-3 .card-content::after {    position: absolute;    content: '';    bottom: 5px;    left: 0;    right: 0;    margin-inline: auto;    width: calc(100% - 10px);    height: calc(100% - 10px);    background-color: inherit;    border-radius: inherit;    z-index: -1;}.blog-area.blog-3 .card:hover .card-content::before {    height: 100%;}.blog-area.blog-4 .card .card-list {    gap: 20px;}.blog-area.blog-4 .card .card-list li {    padding: 0;    -webkit-margin-end: 0;    margin-inline-end: 0;    border: 0;}.blog-area.blog-5 .card {    cursor: pointer;}.blog-area.blog-5 .card .card-list {    gap: 20px;}.blog-area.blog-5 .card .card-list li {    padding: 0;    -webkit-margin-end: 0;    margin-inline-end: 0;    border: 0;}.blog-area.blog-5 .card .card-list li i {    color: var(--color-secondary);}.blog-area.blog-5 .card .card-content {    display: flex;    flex-direction: column;    justify-content: center;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 4;    background-color: var(--bg-white);    transition: all 0.3s;}.blog-area.blog-5 .card:hover *:not(i) {    color: var(--text-white);}.blog-area.blog-5 .card:hover .card-content {    background-color: rgba(var(--color-primary-rgb), 0.9);}.video-area .video-inner {    width: 100%;    height: 440px;    position: relative;    display: flex;    align-items: center;    justify-content: center;    background-size: cover;    background-position: center;    z-index: 1;}@media (max-width: 767.98px) {    .video-area .video-inner {        height: 340px;    }}.video-area .video-inner::after {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    opacity: 0.9;    content: '';    z-index: -1;    background-color: var(--color-primary);}.video-area.mb-negative {    margin-bottom: -220px;    z-index: 2;    position: relative;}@media (max-width: 767.98px) {    .video-area.mb-negative {        margin-bottom: -60px;    }}.team-area .slider-item {    padding: 60px 45px 45px;    text-align: center;    position: relative;}@media (max-width: 1199.98px) {    .team-area .slider-item {        padding: 60px 25px 30px;    }}.team-area .slider-item .shape-content {    padding: 0 10px 30px;    background-position: center;    background-repeat: no-repeat;    background-size: auto;}.team-area .slider-item .shape-content .item-img {    height: 100px;    width: 100px;    border-radius: 50%;    margin-top: -10px;    margin-inline: auto;}.team-area.team-2 .slider-item .shape-content {    background-position: bottom center;}.overview-area {    position: relative;    overflow: hidden;    padding-bottom: 300px;}.overview-area .overview .card {    gap: 24px;    flex-direction: row;    background-color: transparent;}.overview-area .overview .card .card-icon {    flex: 0 0 auto;    width: 30px;    text-align: center;    color: var(--color-primary);    font-size: 30px;}.overview-area .overview .card:nth-child(1) .card-icon {    color: #7e4efe;}.overview-area .overview .card:nth-child(2) .card-icon {    color: #f6416c;}.overview-area .overview .card:nth-child(3) .card-icon {    color: #50dd9d;}.overview-area .overview .card:nth-child(4) .card-icon {    color: #3c8ce7;}.overview-area .overview .card:nth-child(5) .card-icon {    color: #28c76f;}.overview-area .overview .card:nth-child(6) .card-icon {    color: #499c21;}.overview-area .overview .card:nth-child(7) .card-icon {    color: #f1c40f;}.overview-area .overview .card:nth-child(8) .card-icon {    color: #e67e22;}.overview-area .overview .card:nth-child(9) .card-icon {    color: #e74c3c;}.overview-area .overview .card:nth-child(10) .card-icon {    color: #3c8ce7;}.overview-area .overview .image {    position: relative;}.overview-area .overview .image img {    filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.1));}@media (max-width: 1199.98px) {    .overview-area .overview .pt-90,    .overview-area .overview .pt-80 {        padding-top: 0;    }}.overview-area .features .card {    gap: 24px;    flex-direction: row;    padding: 30px 30px 50px;    overflow: hidden;    z-index: 1;    background-color: transparent;}.overview-area .features .card::before {    position: absolute;    content: '';    top: -20px;    left: -20px;    bottom: 0;    right: 0;    width: calc(100%+20px);    height: calc(100% - 20px);    border-radius: 10px;    transform: rotateZ(5deg);    z-index: -1;    background-color: var(--bg-white);}.overview-area .features .card::after {    position: absolute;    content: '';    top: -15px;    left: 5px;    bottom: 0;    right: 0;    width: calc(100%+5px);    height: 100%;    border-radius: 20px;    transform: rotateZ(5deg);    background-color: var(--bg-white);    z-index: -2;}.overview-area .features .card .card-icon {    flex: 0 0 auto;    text-align: center;    color: var(--color-primary);    font-size: 48px;}.overview-area .features .item:nth-child(1) .card-icon {    color: #7e4efe;}.overview-area .features .item:nth-child(2) .card-icon {    color: #7e4efe;}.overview-area .features .item:nth-child(3) .card-icon {    color: #50dd9d;}.overview-area .features .item:nth-child(4) .card-icon {    color: #f6416c;}.overview-area .features .item:nth-child(5) .card-icon {    color: #28c76f;}.overview-area .features .item:nth-child(6) .card-icon {    color: #499c21;}.overview-area .features .item:nth-child(7) .card-icon {    color: #f1c40f;}.overview-area .features .item:nth-child(8) .card-icon {    color: #e67e22;}.overview-area .features .item:nth-child(9) .card-icon {    color: #e74c3c;}.overview-area .features .item:nth-child(10) .card-icon {    color: #3c8ce7;}.overview-area .bg-shape {    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 100%;    z-index: -1;    background-repeat: no-repeat;    background-size: auto;    background-position: center bottom;}.page-title-area {    position: relative;    padding-top: 155px;    overflow: hidden;    border-radius: 0 0 40px 40px;    z-index: 1;}.page-title-area .bg {    position: absolute;    z-index: -1;    width: 50%;}.page-title-area .bg.bg-1 {    bottom: -10%;    left: -20%;}.page-title-area .bg.bg-2 {    top: -10%;    right: -20%;}.page-title-area h2 span {    color: var(--color-primary);}.page-title-area .active {    color: var(--color-primary);}.page-title-area .breadcrumb-item+.breadcrumb-item::before {    color: var(--text-dark);}.page-title-area .breadcrumb {    margin-bottom: 0;    justify-content: center;}.page-title-area .author {    display: flex;    align-items: center;    flex-wrap: wrap;    gap: 20px;}.page-title-area .author .author-img {    flex: 0 0 auto;    width: 130px;    filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));}.page-title-area .content {    position: relative;    overflow: hidden;    z-index: 1;}.page-title-area .content .bg.bg-1 {    bottom: -30%;    left: -20%;}.page-title-area .content .bg.bg-2 {    top: -30%;    right: -20%;}.widget-area {    position: -webkit-sticky;    position: sticky;    top: 10%;}.widget-area .widget {    overflow: hidden;}.widget-area .widget .title {    margin-bottom: 0;    margin-top: -2px;}.widget-area .widget label {    display: block;    font-size: var(--font-sm);}.widget-area .widget .list-group li {    display: block;    color: var(--text-medium);}.widget-area .widget .list-group li:not(:last-child) {    margin-bottom: 10px;}.widget-area .widget .list-group a {    color: inherit;}.widget-area .widget-categories ul li a {    display: block;    color: var(--text-medium);    position: relative;    -webkit-padding-start: 15px;    padding-inline-start: 15px;}.widget-area .widget-categories ul li a:hover {    color: var(--color-primary);}.widget-area .widget-categories .list-item ul {    padding-top: 5px;}.widget-area .widget-categories .list-item ul li:not(:last-child) {    margin-bottom: 5px;}.widget-area .widget-categories .list-item li {    font-size: var(--font-sm);}.widget-area .widget-categories .list-item>a::before {    position: absolute;    content: '';    left: 0;    top: 0;    bottom: 0;    margin: auto 0;    width: 10px;    height: 10px;    border-radius: 50%;    opacity: 1;    border: 1px solid var(--color-primary);}.widget-area .widget-categories .list-item>a::after {    position: absolute;    content: '';    left: 2px;    top: 0;    bottom: 0;    margin: auto 0;    width: 6px;    height: 6px;    border-radius: 50%;    opacity: 0;    background-color: var(--color-primary);}.widget-area .widget-categories .list-item.open>a {    color: var(--color-primary);}.widget-area .widget-categories .list-item.open>a::after {    opacity: 1;}.widget-area .widget-categories .list-dropdown:not(.open) .menu-collapse {    display: none;}.widget-area .widget-search .search-form {    background: var(--color-white);    box-shadow: 0 10px 40px rgba(36, 36, 36, 0.1);}.widget-area .widget-post .article-item {    display: flex;    flex-direction: row;    align-items: center;}.widget-area .widget-post .article-item:last-child {    margin-bottom: 0 !important;}.widget-area .widget-post .article-item .image {    flex: 0 0 auto;    max-width: 90px;    overflow: hidden;    border-radius: 5px;}.widget-area .widget-post .article-item .image img {    -o-object-fit: cover;    object-fit: cover;    height: 100%;}.widget-area .widget-post .article-item .content {    -webkit-padding-start: 15px;    padding-inline-start: 15px;}.widget-area .widget-post .article-item .content h6 {    margin-bottom: 10px;}.widget-area .widget-post .article-item .content .time {    color: #717584;    font-size: 13px;}.widget-area .widget-post .article-item .info-list {    font-size: 12px;    margin-bottom: 5px;}.widget-area .widget-post .article-item .info-list li {    -webkit-margin-end: 8px;    margin-inline-end: 8px;    -webkit-padding-end: 8px;    padding-inline-end: 8px;}.widget-area .widget-post .article-item .info-list li:last-child {    -webkit-margin-end: 0;    margin-inline-end: 0;}.widget-area .widget-post .article-item .info-list li i {    font-size: 12px;    -webkit-margin-end: 5px;    margin-inline-end: 5px;}@media (max-width: 575.98px) {    .widget-area .widget-post .article-item {        flex-direction: column;    }    .widget-area .widget-post .article-item .image {        max-width: 100%;    }    .widget-area .widget-post .article-item .content {        padding: 0;        margin-top: 20px;        text-align: center;    }}.widget-area .widget-blog-categories ul li {    margin-bottom: 5px;}.widget-area .widget-blog-categories ul li:last-child {    margin: 0;}.widget-area .widget-blog-categories ul li a {    color: var(--color-gray-1);}.widget-area .widget-blog-categories ul li i {    color: var(--color-primary);    -webkit-margin-end: 8px;    margin-inline-end: 8px;}.pagination-nav {    padding-top: 20px;}.pagination-nav .page-link {    color: var(--text-dark);    text-align: center;    display: inline-block;    width: 40px;    height: 40px;    line-height: 40px;    margin: 0 5px;    padding: 0;    border-radius: 50%;    font-size: var(--font-base);    border-color: transparent;}.pagination-nav .page-item:first-child .page-link,.pagination-nav .page-item:last-child .page-link {    border-radius: 50%;}.pagination-nav .page-item.active .page-link,.pagination-nav .page-item:hover .page-link {    color: var(--text-white);    background-color: var(--color-primary);    border-color: var(--border-color);}.pagination-nav .page-item.next,.pagination-nav .page-item.prev {    border: 0;}.pagination-nav .page-item.next:hover,.pagination-nav .page-item.prev:hover {    color: var(--color-primary);    background: transparent;}.authentication-area {    padding: 50px 0;}.authentication-area .wrapper {    position: relative;    overflow: hidden;}.authentication-area .main-form {    padding: 20px 0;    -webkit-padding-end: 40px;    padding-inline-end: 40px;    -webkit-padding-start: 30px;    padding-inline-start: 30px;}@media (max-width: 991.98px) {    .authentication-area .main-form {        padding: 20px 30px;    }}.authentication-area .main-form .icon-link {    position: absolute;    top: 30px;    right: 0;    width: 50px;    height: 40px;    line-height: 40px;    text-align: center;    background-color: var(--color-primary);    color: #fff;    border-radius: 30px 0 0 30px;}.authentication-area .main-form .icon-link i {    -webkit-margin-start: 5px;    margin-inline-start: 5px;}.authentication-area .link a {    display: inline-block;    color: var(--color-primary);}.authentication-area .link a:hover {    color: var(--color-primary);}.blog-details-area .item-single {    overflow: hidden;    background: var(--color-white);}.blog-details-area .item-single .image {    position: relative;    overflow: hidden;}.blog-details-area .item-single .image .btn {    position: absolute;    bottom: 5%;    right: 5%;    z-index: 1;}.blog-details-area .item-single .image i {    -webkit-margin-end: 10px;    margin-inline-end: 10px;}.blog-details-area .item-single .content {    position: relative;    padding-top: 25px;}.blog-details-area .item-single .content .title {    margin-bottom: 15px;}.blog-details-area .item-single .content .title a:hover {    color: var(--color-primary);}.blog-details-area .item-single .content p {    margin-bottom: 30px;}.blog-details-area .item-single .content .blockquote {    padding: 24px;    background-color: var(--bg-1);    border-radius: 5px;}.blog-details-area .item-single .content .blockquote i {    color: var(--color-primary);    font-size: 24px;}.blog-details-area .item-single .content .blockquote p {    color: var(--text-dark);    margin-top: 10px;    margin-bottom: 0;    font-style: italic;}.blog-details-area .info-list {    padding: 0;    margin: 0;    font-size: 15px;    margin-bottom: 20px;    text-transform: capitalize;    line-height: 1;}.blog-details-area .info-list li {    display: inline-block;    -webkit-margin-end: 14px;    margin-inline-end: 14px;    -webkit-padding-end: 14px;    padding-inline-end: 14px;    color: var(--text-medium);    -webkit-border-end: 1px solid var(--border-color);    border-inline-end: 1px solid var(--border-color);}.blog-details-area .info-list li:last-child {    -webkit-margin-end: 0;    margin-inline-end: 0;    border: 0;}.blog-details-area .info-list li i {    font-size: 16px;    -webkit-margin-end: 8px;    margin-inline-end: 8px;    color: var(--color-primary);}.blog-details-area .comments .comment-box {    overflow: hidden;    background: var(--color-white);    padding: 30px 30px 0;    border: 1px solid var(--border-color) !important;}.blog-details-area .comments .name {    margin-top: -3px;    margin-bottom: 2px;}.blog-details-area .comments p {    margin-bottom: 0;}.blog-details-area .comments .comment-list {    padding: 0;    margin: 0;    list-style-type: none;}.blog-details-area .comments .comment-list .comment .comment-body {    display: flex;    margin-bottom: 30px;}.blog-details-area .comments .comment-list .comment .comment-body .comment-author {    -webkit-padding-end: 16px;    padding-inline-end: 16px;    max-width: 100px;}.blog-details-area .comments .comment-list .comment .comment-body .comment-author .lazy-container {    height: auto;}.blog-details-area .comments .comment-list .comment .comment-body .comment-content p {    margin-bottom: 10px;}.blog-details-area .comments .comment-list .comment .comment-body .comment-content .btn-reply {    color: var(--color-primary);    display: inline-block;}.blog-details-area .comments .comment-list .comment .comment-body .comment-content .btn-reply i {    -webkit-margin-end: 5px;    margin-inline-end: 5px;}.blog-details-area .comments .comment-list .comment .children {    list-style-type: none;    padding: 0;    -webkit-padding-start: 30px;    padding-inline-start: 30px;}.blog-details-area .comments .comment-list .comment .children .comment-body {    -webkit-padding-start: 35px;    padding-inline-start: 35px;    margin-bottom: 25px;}.blog-details-area .comments .comment-reply .comment-notes {    margin-bottom: 25px;}.blog-details-area .widget-area .widget {    padding: 40px;}.accordion-item {    border: 0;    padding: 20px 25px;    border-radius: 10px;    background-color: var(--bg-white);    box-shadow: 0 5px 30px 0 rgba(78, 76, 76, 0.1);}.accordion-item .accordion-header .accordion-button {    color: var(--text-dark);    font-weight: inherit;    padding: 0;    border: 0;    background-color: transparent;    box-shadow: none;}.accordion-item .accordion-header .accordion-button::after {    background: 0;    font-size: 14px;    font-family: 'Font Awesome 5 Pro' !important;    content: '\f067';    transform: none;    text-align: right;}.accordion-item .accordion-header .accordion-button:not(.collapsed) {    color: var(--color-primary);}.accordion-item .accordion-header .accordion-button:not(.collapsed)::after {    color: var(--color-primary);    content: '\f068';}.accordion-item .accordion-body {    position: relative;    padding: 16px 0 0 0;}.accordion-item .accordion-body p {    margin: 0;}.contact-area {    position: relative;    z-index: 1;}.contact-area .card {    display: flex;    flex-direction: row;    align-items: center;    padding: 25px 30px;    border-radius: 10px;    border: 1px solid var(--border-color);    box-shadow: 0 10px 40px 0 rgba(78, 76, 76, 0.1);}.contact-area .card .icon {    --size: 80px;    display: flex;    align-items: center;    justify-content: center;    width: var(--size);    height: var(--size);    flex: 0 0 var(--size);    border-radius: 8px;    font-size: 28px;    color: var(--color-primary);    background: rgba(var(--color-primary), 0.7);}@media (max-width: 575.98px) {    .contact-area .card .icon {        --size: 60px;    }}.contact-area .card .card-text {    -webkit-padding-start: 22px;    padding-inline-start: 22px;    margin-bottom: 0;}.contact-area .card .card-text P {    color: var(--text-dark);    margin-bottom: 5px;}.contact-area .card .card-text P:last-child {    margin-bottom: 0;}.contact-area iframe {    width: 100%;}.contact-area .checkbox label {    position: relative;    cursor: pointer;    line-height: 1;    font-weight: 500;    font-size: 14px;    display: inline-block;    margin-bottom: 0;    color: var(--text-medium);}.contact-area .checkbox label a {    color: var(--color-primary);}.contact-area .checkbox input[type='checkbox'] {    display: none;    pointer-events: none;}.contact-area .checkbox input[type='checkbox']+label {    cursor: pointer;    display: flex;    align-items: center;}.contact-area .checkbox input[type='checkbox']+label svg {    width: 25px;    stroke: var(--color-primary);    stroke-width: 5;}.contact-area .checkbox input[type='checkbox']+label svg .box {    stroke-dasharray: 320;    stroke-dashoffset: 0;    fill: var(--bg-light) !important;}.contact-area .checkbox input[type='checkbox']+label svg .check {    stroke-dasharray: 70;    stroke-dashoffset: 70;    fill: none;}.contact-area .checkbox input[type='checkbox']+label span {    -webkit-margin-start: 5px;    margin-inline-start: 5px;}.contact-area .checkbox input[type='checkbox']:checked+label .box {    stroke-dashoffset: 320;    transition: stroke-dashoffset 0.3s linear;}.contact-area .checkbox input[type='checkbox']:checked+label .check {    stroke-dashoffset: 0;    transition: stroke-dashoffset 0.3s linear;}.contact-area .checkbox .reverse .box {    stroke-dashoffset: 0;    transition: stroke-dashoffset 0.3s linear;}.contact-area .checkbox .reverse .check {    stroke-dashoffset: 70;    transition: stroke-dashoffset 0.3s linear;}.contact-area .color-1 .icon {    background: rgba(13, 110, 253, 0.06);    color: #0d6efd;}.contact-area .color-2 .icon {    background: rgba(228, 16, 16, 0.06);    color: #e41010;}.contact-area .color-3 .icon {    background: rgba(20, 198, 175, 0.06);    color: #14c6af;}.contact-area .color-4 .icon {    background: rgba(44, 195, 243, 0.06);    color: #2cc3f3;}.contact-area .color-5 .icon {    background: rgba(245, 122, 9, 0.06);    color: #f57a09;}.contact-area .color-6 .icon {    background: rgba(107, 118, 255, 0.06);    color: #6b76ff;}.contact-area .color-7 .icon {    background: rgba(237, 121, 142, 0.06);    color: #ed798e;}.contact-area .color-8 .icon {    background: rgba(179, 205, 227, 0.06);    color: #b3cde3;}.terms-condition-area .item-single {    padding: 30px;    background-color: var(--bg-white);    box-shadow: 0 4px 80px rgba(17, 16, 33, 0.08);}.terms-condition-area .item-single h3 {    margin-bottom: 20px;}.terms-condition-area .item-single p:last-child {    margin-bottom: 0;}.terms-condition-area ul {    -webkit-padding-start: 20px;    padding-inline-start: 20px;}.coming-soon-area .wrapper {    position: relative;    overflow: hidden;}.coming-soon-area .main-form {    padding: 20px 0;    -webkit-padding-end: 40px;    padding-inline-end: 40px;    -webkit-padding-start: 30px;    padding-inline-start: 30px;}@media (max-width: 991.98px) {    .coming-soon-area .main-form {        padding: 20px 30px;    }}.coming-soon-area .main-form .icon-link {    position: absolute;    top: 30px;    right: 0;    width: 50px;    height: 40px;    line-height: 40px;    text-align: center;    background-color: var(--color-primary);    color: #fff;    border-radius: 30px 0 0 30px;}.coming-soon-area .main-form .icon-link i {    -webkit-margin-start: 5px;    margin-inline-start: 5px;}.coming-soon-area .timer {    display: flex;    align-items: center;    flex-wrap: wrap;    gap: 20px;}.coming-soon-area .timer .count {    flex: 0 0 auto;    width: calc(25% - 15px);    height: 105px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}@media (max-width: 575.98px) {    .coming-soon-area .timer .count {        width: calc(50% - 10px);    }}.coming-soon-area .newsletter-form input {    height: 50px;}.coming-soon-area .newsletter-form .btn {    top: 5px;    right: 0;    left: 0;    -webkit-margin-start: auto;    margin-inline-start: auto;    -webkit-margin-end: 5px;    margin-inline-end: 5px;    width: -webkit-fit-content;    width: -moz-fit-content;    width: fit-content;    height: calc(100% - 10px);    line-height: calc(100% - 10px);    position: absolute;}.error-area {    display: flex;    align-items: center;    height: 100vh;}.error-area .error-content {    text-align: center;}.error-area .error-content img {    max-width: 70%;}.error-area .error-content h3 {    margin-bottom: 20px;    font-size: 40px;}.error-area .error-content p {    max-width: 550px;    margin: auto;    margin-bottom: 20px;}/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/13382(这个说明仅在演示里会看到,下载的源码里没有)*/.text-white {    color: white;}.is-sticky .current {    color: black;}.navbar-brand {    color: white;}.is-sticky .navbar-brand {    color: black;}.i18n {    display: flex;    align-items: center;    cursor: pointer;    font-size: 15px;    color: white;    font-weight: 500;}.i18n img {    width: 20px;    height: 20px;    margin-right: 5px;}.i18n .i18n-list {    width: 120px;    position: absolute;    height: 160px;    overflow-y: scroll;    bottom: -160px;    background: black;    border-radius: 5px;    color: white;    right: 0;}.i18n .i18n-list .i18n-list__item {    height: 30px;    line-height: 30px;    color: white;    padding-left: 10px;}:is(.i18n-list__item:hover, .i18n-list__item.is-current) {    background: white;    color: black !important;}@media (max-width: 1199px) {    .i18n {        color: black;    }}.is-sticky .i18n {    color: black;}.main-navbar {    height: 84px;    line-height: 84px;}.cursor-pointer {    cursor: pointer;}