@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amita:wght@400;700&display=swap');

/*------------------- 1.2. Function -------------------*/
/*------------------- 1.3. Variable-------------------*/
:root { --theme-color: #9e8446; --theme-color2: #ff9d2d; --title-color: #010f1c; --body-color: #4d5765; --smoke-color: rgba(1, 15, 28, 0.06); --smoke-color2: #faf7f2; --black-color: #000000; --gray-color: #bdbdbd; --white-color: #ffffff; --light-color: #72849b; --yellow-color: #ffb539; --success-color: #28a745; --error-color: #dc3545; --border-color: #e0e0e0; --box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04); --title-font-2: 'Amita', cursive; --title-font: "Titillium Web", sans-serif; --style-font: 'Amita', cursive; --body-font: "Titillium Web", sans-serif; --body-font-2: "Titillium Web", sans-serif; --icon-font: "Font Awesome 6 Pro"; --main-container: 1220px; --container-gutters: 24px; --section-space: 80px; --section-space-mobile: 80px; --section-title-space: 65px; --ripple-ani-duration: 5s; }

/*------------------- 1.4. Typography -------------------*/
html,
body { scroll-behavior: auto !important; }

body { font-family: var(--body-font); font-size: 16px; font-weight: 400; color: var(--body-color); line-height: 26px; overflow-x: hidden; -webkit-font-smoothing: antialiased; }

iframe { border: none; width: 100%; }

.slick-slide:focus,
button:focus,
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active { outline: none; }

    input:focus { outline: none; box-shadow: none; }

img:not([draggable]),
embed,
object,
video {  height: auto; }

ul { list-style-type: disc; }

ol { list-style-type: decimal; }

table { margin: 0 0 1.5em; width: 100%; border-collapse: collapse; border-spacing: 0; border: 1px solid var(--border-color); }

th { font-weight: 700; color: var(--title-color); }

td,
th { border: 1px solid var(--border-color); padding: 9px 12px; }

a { color: var(--theme-color); text-decoration: none; outline: 0; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    a:hover { color: var(--title-color); }

    a:active,
    a:focus,
    a:hover,
    a:visited { text-decoration: none; outline: 0; }

button { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
.popup-search-box button.searchbtn { position: absolute ; top: 0px; background-color: transparent ; border: none ; color: #fff ; font-size: 24px ; right: 12px ; color: var(--white-color) ; cursor: pointer ; width: 70px; height: 70px; -webkit-transition: all ease 0.4s ; transition: all ease 0.4s ; -webkit-transform: scale(1.001) ; -ms-transform: scale(1.001) ; transform: scale(1.001); }

img { border: none; max-width: 100%; }

ins { text-decoration: none; }

pre { font-family: var(--body-font); background: #f5f5f5; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; }

span.ajax-loader:empty,
p:empty { display: none; }

p { font-family: var(--body-font); margin: 0 0 18px 0; color: var(--body-color); line-height: 1.75; }

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a,
    p a,
    span a { font-size: inherit; font-family: inherit; font-weight: inherit; line-height: inherit; }

.h1,
h1,
.h2,
h2,
.h3,
h3,
.h4,
h4,
.h5,
h5,
.h6,
h6 { font-family: var(--title-font); color: var(--title-color); text-transform: none; font-weight: 700; line-height: 1.4; margin: 0 0 15px 0; }

.h1,
h1 { font-size: 48px; line-height: 1.208; }

.h2,
h2 { font-size: 40px; line-height: 1.25; }

.h3,
h3 { font-size: 36px; line-height: 1.278; }

.h4,
h4 { font-size: 30px; line-height: 1.333; }

.h5,
h5 { font-size: 24px; line-height: 1.417; }

.h6,
h6 { font-size: 20px; line-height: 1.5; }

/* Medium Large devices */
@media (max-width: 1399px) {

    .h1,
    h1 { font-size: 44px; }

    .h2,
    h2 { font-size: 36px; }
}

/* Large devices */
@media (max-width: 1199px) {

    .h1,
    h1 { font-size: 40px; line-height: 1.3; }

    .h2,
    h2 { font-size: 32px; line-height: 1.25; }

    .h3,
    h3 { font-size: 28px; }

    .h4,
    h4 { font-size: 24px; }

    .h5,
    h5 { font-size: 20px; }

    .h6,
    h6 { font-size: 16px; }
}

/* Small devices */
@media (max-width: 767px) {

    .h1,
    h1 { font-size: 36px; }

    .h2,
    h2 { font-size: 30px; line-height: 1.3; }

    .h3,
    h3 { font-size: 26px; }

    .h4,
    h4 { font-size: 22px; }

    .h5,
    h5 { font-size: 18px; }

    .h6,
    h6 { font-size: 16px; }
}

/* Extra small devices */
@media (max-width: 575px) {

    .h1,
    h1 { font-size: 34px; line-height: 1.35; }

    .h2,
    h2 { font-size: 28px; }
}

/* Extra small devices */
@media (max-width: 375px) {

    .h1,
    h1 { font-size: 30px; }
}

@media (max-width: 340px) {

    .h1,
    h1 { font-size: 27px; }
}

/*------------------- 1.5. Wordpress Default -------------------*/
/*=================================
    02. Reset
==================================*/
/*------------------- 2.1. Container -------------------*/
/* Medium Large devices */
@media (max-width: 1399px) {
    :root { --main-container: 1250px; }
}

@media (min-width: 1560px) {
    .as-container2 { max-width: 1620px; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

        .as-container2 .container { --main-container: 1220px; }
}

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

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container { max-width: calc(var(--main-container) + var(--container-gutters)); padding-left: calc(var(--container-gutters) / 2); padding-right: calc(var(--container-gutters) / 2); }

        .container-xxl.px-0,
        .container-xl.px-0,
        .container-lg.px-0,
        .container-md.px-0,
        .container-sm.px-0,
        .container.px-0 { max-width: var(--main-container); }
}

@media only screen and (min-width: 1300px) {
    .as-container { --main-container: 1720px; }
}

@media only screen and (max-width: 1600px) {
    .container-fluid.px-0 { padding-left: 15px !important; padding-right: 15px !important; }

        .container-fluid.px-0 .row { margin-left: 0 !important; margin-right: 0 !important; }
}

/*------------------- 2.2. Grid -------------------*/
.slick-track > [class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x)/ 2); padding-left: calc(var(--bs-gutter-x)/ 2); margin-top: var(--bs-gutter-y); }

.gy-30 { --bs-gutter-y: 30px; }

.gy-40 { --bs-gutter-y: 40px; }

.gy-50 { --bs-gutter-y: 50px; }

.gx-10 { --bs-gutter-x: 10px; }

@media (min-width: 1299px) {
    .gx-60 { --bs-gutter-x: 60px; }
}

@media (min-width: 1399px) {
    .gx-30 { --bs-gutter-x: 30px; }

    .gx-25 { --bs-gutter-x: 25px; }

    .gx-40 { --bs-gutter-x: 40px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .gy-50 { --bs-gutter-y: 40px; }
}

/*------------------- 2.3. Input -------------------*/
select,
.form-control,
.form-select,
textarea,
input { font-size: 18px; height: 70px; width: 100% ; border: 2px solid var(--theme-color); background-color: transparent; padding-left: 30px; color: #fff ; border-radius: 50px; }

    select:focus,
    .form-control:focus,
    .form-select:focus,
    textarea:focus,
    input:focus { outline: 0; box-shadow: none; border-color: var(--theme-color); background-color: var(--smoke-color); }

    select::-moz-placeholder,
    .form-control::-moz-placeholder,
    .form-select::-moz-placeholder,
    textarea::-moz-placeholder,
    input::-moz-placeholder { color: var(--body-color); }

    select::-webkit-input-placeholder,
    .form-control::-webkit-input-placeholder,
    .form-select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder { color: var(--body-color); }

    select:-ms-input-placeholder,
    .form-control:-ms-input-placeholder,
    .form-select:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    input:-ms-input-placeholder { color: var(--body-color); }

    select::-webkit-input-placeholder,
    .form-control::-webkit-input-placeholder,
    .form-select::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder,
    input::-webkit-input-placeholder { color: var(--body-color); }

    select::-moz-placeholder,
    .form-control::-moz-placeholder,
    .form-select::-moz-placeholder,
    textarea::-moz-placeholder,
    input::-moz-placeholder { color: var(--body-color); }

    select:-ms-input-placeholder,
    .form-control:-ms-input-placeholder,
    .form-select:-ms-input-placeholder,
    textarea:-ms-input-placeholder,
    input:-ms-input-placeholder { color: var(--body-color); }

    select::-ms-input-placeholder,
    .form-control::-ms-input-placeholder,
    .form-select::-ms-input-placeholder,
    textarea::-ms-input-placeholder,
    input::-ms-input-placeholder { color: var(--body-color); }

    select::placeholder,
    .form-control::placeholder,
    .form-select::placeholder,
    textarea::placeholder,
    input::placeholder { color: var(--body-color); }

    select.style2,
    .form-control.style2,
    .form-select.style2,
    textarea.style2,
    input.style2 { border: 1px solid transparent; padding-left: 52px; background-image: none; }

        select.style2 ~ i,
        .form-control.style2 ~ i,
        .form-select.style2 ~ i,
        textarea.style2 ~ i,
        input.style2 ~ i { color: var(--theme-color); font-weight: 400; left: 25px; max-width: 16px; }

    select.style3,
    .form-control.style3,
    .form-select.style3,
    textarea.style3,
    input.style3 { background-color: var(--white-color); border: none; }

.form-select,
select { display: block; width: 100%; line-height: 1.5; vertical-align: middle; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E"); background-position: right 26px center; background-repeat: no-repeat; background-size: 16px 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; }

textarea.form-control,
textarea { min-height: 150px; padding-top: 16px; padding-bottom: 17px; border-radius: 0px; }

.form-group { margin-bottom: var(--bs-gutter-x); position: relative; }

    .form-group > i { display: inline-block; position: absolute; right: 35px; top: 19px; font-size: 16px; color: var(--body-color); }

        .form-group > i.fa-envelope { padding-top: 1px; }

        .form-group > i.fa-comment { margin-top: -2px; }

        .form-group > i.fa-chevron-down { width: 17px; background-color: #F0F1F2; }

    .form-group.has-label > i { top: 50px; }

[class*="col-"].form-group > i { right: calc((var(--bs-gutter-x) / 2) + 25px); }

[class*="col-"].form-group .style2 ~ i { left: calc((var(--bs-gutter-x) / 2) + 25px); }

option:checked,
option:focus,
option:hover { background-color: var(--theme-color); color: var(--white-color); }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* Firefox */
input[type="number"] { -moz-appearance: textfield; }

input[type="checkbox"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; }

    input[type="checkbox"]:checked ~ label:before { content: "\f00c"; color: var(--white-color); background-color: var(--theme-color); border-color: var(--theme-color); }

    input[type="checkbox"] ~ label { position: relative; padding-left: 30px; cursor: pointer; display: block; }

        input[type="checkbox"] ~ label:before { content: ""; font-family: var(--icon-font); font-weight: 700; position: absolute; left: 0px; top: 4px; background-color: var(--white-color); border: 1px solid var(--border-color); height: 18px; width: 18px; line-height: 18px; text-align: center; font-size: 12px; }

input[type="radio"] { visibility: hidden; opacity: 0; display: inline-block; vertical-align: middle; width: 0; height: 0; display: none; }

    input[type="radio"] ~ label { position: relative; padding-left: 30px; cursor: pointer; line-height: 1; display: inline-block; font-weight: 600; margin-bottom: 0; }

        input[type="radio"] ~ label::before { content: "\f111"; position: absolute; font-family: var(--icon-font); left: 0; top: -2px; width: 20px; height: 20px; padding-left: 0; font-size: 0.6em; line-height: 19px; text-align: center; border: 1px solid var(--theme-color); border-radius: 100%; font-weight: 700; background: var(--white-color); color: transparent; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }

    input[type="radio"]:checked ~ label::before { border-color: var(--theme-color); background-color: var(--theme-color); color: var(--white-color); }

label { margin-bottom: 0.5em; margin-top: -0.3em; display: block; color: var(--title-color); font-family: var(--body-font); font-size: 16px; }

textarea.is-invalid,
select.is-invalid,
input.is-invalid,
.was-validated input:invalid { border: 1px solid var(--error-color) !important; background-position: right calc(0.375em + 0.8875rem) center; background-image: none; }

    textarea.is-invalid:focus,
    select.is-invalid:focus,
    input.is-invalid:focus,
    .was-validated input:invalid:focus { outline: 0; box-shadow: none; }

textarea.is-invalid { background-position: top calc(0.375em + 0.5875rem) right calc(0.375em + 0.8875rem); }

.row.no-gutters > .form-group { margin-bottom: 0; }

.form-messages { display: none; }

    .form-messages.mb-0 * { margin-bottom: 0; }

    .form-messages.success { color: var(--success-color); display: block; }

    .form-messages.error { color: var(--error-color); display: block; }

    .form-messages pre { padding: 0; background-color: transparent; color: inherit; }

/*------------------- 2.4. Slick Slider -------------------*/
.slick-track > [class*=col] { -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--bs-gutter-x) / 2); padding-left: calc(var(--bs-gutter-x) / 2); margin-top: var(--bs-gutter-y); }

.slick-track { min-width: 100%; }

.slick-slide img { display: inline-block; }

.slick-dots { list-style-type: none; padding: 0 0; margin: 40px 0 0 0; line-height: 0; text-align: center; height: -webkit-max-content; height: -moz-max-content; height: max-content; }

    .slick-dots li { display: inline-block; margin-right: 8px; }

        .slick-dots li:last-child { margin-right: 0; }

    .slick-dots button { font-size: 0; padding: 0; background-color: transparent; width: 20px; height: 6px; line-height: 0; border-radius: 9999px; border: none; background-color: #bdbdbd; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

        .slick-dots button:hover { border-color: var(--theme-color); }

    .slick-dots .slick-active button { width: 40px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background-color: var(--theme-color); }

.number-dots { text-align: center; }

    .number-dots .dots-wrapper { text-align: center; }

    .number-dots ul { margin-top: 50px; position: relative; display: inline-block; width: auto; }

        .number-dots ul:before,
        .number-dots ul:after { content: ''; height: 2px; width: 100px; position: absolute; top: 50%; margin-top: -1px; }

        .number-dots ul:before { background: -webkit-linear-gradient(right, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); background: linear-gradient(to left, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); right: calc(100% + 10px); }

        .number-dots ul:after { background: -webkit-linear-gradient(left, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); background: linear-gradient(to right, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); left: calc(100% + 10px); }

    .number-dots li { margin-right: 15px; }

        .number-dots li:last-child { margin-right: 0; }

    .number-dots button { height: 20px; width: 20px; background-color: var(--body-color); font-size: 12px; color: var(--white-color); font-weight: 500; font-family: var(--title-font); position: relative; margin: 5px; }

        .number-dots button:before { content: ''; width: 30px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.769298 11.7782C1.32317 11.9273 1.8955 11.5965 2.04782 11.0374C2.16782 10.5948 1.9832 10.1429 1.62318 9.89595C3.70482 4.35161 9.05892 0.563752 14.9992 0.563752C20.9349 0.563752 26.289 4.35161 28.3752 9.89595C28.0152 10.1429 27.8306 10.5902 27.9506 11.0374C28.0983 11.5965 28.6706 11.932 29.2291 11.7782C29.783 11.6291 30.1153 11.0514 29.963 10.4877C29.8338 9.99845 29.3814 9.68163 28.8968 9.70958C26.7367 3.94626 21.1703 0 14.9992 0C8.82814 0 3.26172 3.94161 1.10162 9.70958C0.621592 9.68163 0.169264 9.99845 0.0354115 10.4877C-0.112288 11.0514 0.215425 11.6245 0.769298 11.7782Z' fill='%234D5765'/%3E%3Cpath d='M29.2017 18.3336C28.6478 18.1799 28.0708 18.506 27.9185 19.0651C27.7985 19.5077 27.9785 19.9643 28.3339 20.2112C26.2154 25.7742 20.9813 29.4409 14.9948 29.4409C9.0084 29.4409 3.7743 25.7695 1.65574 20.2112C2.01114 19.9643 2.19576 19.5124 2.07114 19.0651C1.91883 18.506 1.34188 18.1752 0.788003 18.3336C0.23413 18.4874 -0.0935812 19.0697 0.0633494 19.6288C0.197202 20.118 0.649535 20.4302 1.13417 20.3976C3.3312 26.1842 8.773 30 14.9948 30C21.2167 30 26.6585 26.1795 28.8555 20.3976C29.3355 20.4302 29.7925 20.118 29.9263 19.6288C30.0833 19.0697 29.7555 18.492 29.2017 18.3336Z' fill='%234D5765'/%3E%3C/svg%3E"); position: absolute; top: -5px; left: -5px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

        .number-dots button:hover:before { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

    .number-dots .slick-active button { background-color: var(--theme-color); width: 20px; }

        .number-dots .slick-active button:before { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.23852 11.9122C1.77421 12.0551 2.32776 11.7381 2.47508 11.2024C2.59114 10.7783 2.41258 10.3453 2.06438 10.1087C4.07769 4.79642 9.25605 1.16711 15.0013 1.16711C20.7466 1.16711 25.9205 4.79642 27.9383 10.1087C27.5901 10.3453 27.4115 10.7739 27.5276 11.2024C27.6705 11.7381 28.224 12.0595 28.7642 11.9122C29.2999 11.7693 29.6213 11.2158 29.474 10.6756C29.349 10.2069 28.9115 9.90335 28.4428 9.93014C26.3536 4.40805 20.9698 0.626953 15.0013 0.626953C9.03284 0.626953 3.64467 4.40805 1.55547 9.93014C1.09121 9.90335 0.653723 10.2069 0.524264 10.6756C0.381412 11.2158 0.702828 11.7649 1.23852 11.9122Z' fill='%23EB0029'/%3E%3Cpath d='M28.7373 18.1933C28.2016 18.046 27.6436 18.3584 27.4963 18.8941C27.3803 19.3182 27.5543 19.7557 27.8981 19.9923C25.8491 25.3224 20.7868 28.8357 14.9968 28.8357C9.20689 28.8357 4.14461 25.318 2.09558 19.9923C2.43932 19.7557 2.61788 19.3227 2.49735 18.8941C2.35004 18.3584 1.79202 18.0415 1.25633 18.1933C0.720641 18.3406 0.403689 18.8986 0.555468 19.4343C0.684927 19.903 1.12241 20.2021 1.59114 20.1709C3.71605 25.7153 8.97923 29.3758 15.0013 29.3758C21.0189 29.3758 26.2821 25.7153 28.407 20.1753C28.8713 20.2066 29.3132 19.9075 29.4427 19.4388C29.5855 18.8986 29.273 18.345 28.7373 18.1933Z' fill='%23EB0029'/%3E%3C/svg%3E"); -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }

.slick-arrow { display: inline-block; padding: 0; background-color: var(--white-color); color: var(--theme-color); position: absolute; top: 50%; border: 1px solid var(--white-color); box-shadow: 0px 2px 15px rgba(1, 15, 28, 0.1); left: var(--pos-x, -140px); width: var(--icon-size, 56px); height: var(--icon-size, 56px); line-height: var(--icon-size, 56px); font-size: var(--icon-font-size, 16px); margin-top: calc(var(--icon-size, 56px) / -2); z-index: 2; border-radius: 999px; }

    .slick-arrow.default { position: relative; --pos-x: 0; margin-top: 0; }

    .slick-arrow.slick-next { right: var(--pos-x, -140px); left: auto; }

    .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color); }

.arrow-margin .slick-arrow { top: calc(50% - 30px); }

.arrow-wrap .slick-arrow { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); }

.arrow-wrap:hover .slick-arrow { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* Extra large devices */
@media (max-width: 1500px) {
    .slick-arrow { --arrow-horizontal: -20px; --pos-x: -70px; }
}

/* Medium Large devices */
@media (max-width: 1399px) {
    .slick-arrow { --arrow-horizontal: 40px; --pos-x: -17px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .slick-arrow { --icon-size: 40px; margin-right: 40px; font-size: 14px; }

        .slick-arrow.slick-next { margin-right: 0; margin-left: 40px; }

    .slick-dots { margin: 40px 0 0 0; }

    .icon-box .slick-arrow { margin-right: 0; }
}

/*------------------- 2.5. Mobile Menu -------------------*/
.as-menu-wrapper { position: fixed; top: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.6); z-index: 999999; width: 0; width: 100%; height: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; opacity: 0; visibility: hidden; }

    .as-menu-wrapper .mobile-logo { padding-bottom: 30px; padding-top: 40px; display: block; text-align: center; background-color: rgba(28, 185, 200, 0.1); }

        .as-menu-wrapper .mobile-logo svg { max-width: 185px; }

    .as-menu-wrapper .as-menu-toggle { border: none; font-size: 22px; position: absolute; right: -16.5px; top: 25px; padding: 0; line-height: 1; width: 33px; height: 33px; line-height: 35px; font-size: 18px; z-index: 1; color: var(--white-color); background-color: var(--theme-color); border-radius: 50%; }

        .as-menu-wrapper .as-menu-toggle:hover { background-color: var(--title-color); color: var(--white-color); }

    .as-menu-wrapper .as-menu-area { width: 100%; max-width: 310px; background-color: #fff; border-right: 3px solid var(--theme-color); height: 100%; position: relative; left: -110%; opacity: 0; visibility: hidden; -webkit-transition: all ease 1s; transition: all ease 1s; z-index: 1; }

    .as-menu-wrapper.as-body-visible { opacity: 1; visibility: visible; }

        .as-menu-wrapper.as-body-visible .as-menu-area { left: 0; opacity: 1; visibility: visible; }

.as-mobile-menu { overflow-y: scroll; max-height: calc(100vh - 200px); padding-bottom: 40px; margin-top: 33px; text-align: left; }

    .as-mobile-menu ul { margin: 0; padding: 0 0; }

        .as-mobile-menu ul li { border-bottom: 1px solid #fdedf1; list-style-type: none; }

            .as-mobile-menu ul li li:first-child { border-top: 1px solid #fdedf1; }

            .as-mobile-menu ul li a { display: block; position: relative; padding: 12px 0; line-height: 1.4; font-size: 16px; text-transform: capitalize; color: var(--title-color); padding-left: 18px; }

                .as-mobile-menu ul li a:before { content: '\f105'; font-family: var(--icon-font); position: absolute; left: 0; top: 12px; margin-right: 10px; display: inline-block; }

            .as-mobile-menu ul li.as-active > a { color: var(--theme-color); }

                .as-mobile-menu ul li.as-active > a:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

            .as-mobile-menu ul li ul li { padding-left: 20px; }

                .as-mobile-menu ul li ul li:last-child { border-bottom: none; }

        .as-mobile-menu ul .as-item-has-children > a .as-mean-expand { position: absolute; right: 0; top: 50%; font-weight: 400; font-size: 12px; width: 25px; height: 25px; line-height: 25px; margin-top: -12.5px; display: inline-block; text-align: center; background-color: var(--smoke-color); color: var(--title-color); box-shadow: 0 0 20px -8px rgba(173, 136, 88, 0.5); border-radius: 50%; }

            .as-mobile-menu ul .as-item-has-children > a .as-mean-expand:before { content: '\f067'; font-family: var(--icon-font); }

        .as-mobile-menu ul .as-item-has-children > a:after { content: "\f067"; font-family: var(--icon-font); width: 22px; height: 22px; line-height: 22px; display: inline-block; text-align: center; font-size: 12px; border-radius: 50px; background-color: var(--smoke-color); float: right; margin-top: 1px; display: none; }

        .as-mobile-menu ul .as-item-has-children.as-active > a .as-mean-expand:before { content: '\f068'; }

        .as-mobile-menu ul .as-item-has-children.as-active > a:after { content: "\f068"; }

    .as-mobile-menu > ul { padding: 0 40px; }

        .as-mobile-menu > ul > li:last-child { border-bottom: none; }

.as-menu-toggle { width: 50px; height: 50px; padding: 0; font-size: 20px; border: none; background-color: var(--theme-color); color: var(--white-color); display: inline-block; border-radius: 6px; }

    .as-menu-toggle:hover { background-color: var(--title-color); }

    .as-menu-toggle.style-text,
    .as-menu-toggle.style-text-white { width: auto; height: auto; background-color: transparent; color: var(--title-color); font-size: 20px; }

        .as-menu-toggle.style-text i,
        .as-menu-toggle.style-text-white i { margin-right: 10px; }

    .as-menu-toggle.style-text-white { color: var(--white-color); }

@media (max-width: 400px) {
    .as-menu-wrapper .as-menu-area { width: 100%; max-width: 270px; }

    .as-mobile-menu > ul { padding: 0 20px; }
}

/*=================================
    03. Utilities
==================================*/
/*------------------- 3.1. Preloader -------------------*/
.preloader { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 999; background-color: var(--title-color); }

    .preloader .as-btn { padding: 15px 20px; border-radius: 0; font-size: 14px; }

.preloader-inner { text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1; }

    .preloader-inner img { display: block; margin: 0 auto 10px auto; }

.loader { width: 48px; height: 48px; display: inline-block; position: relative; background: var(--theme-color); box-sizing: border-box; -webkit-animation: flipX 1s linear infinite; animation: flipX 1s linear infinite; }

@-webkit-keyframes flipX {
    0% { -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); transform: perspective(200px) rotateX(0deg) rotateY(0deg); }

    50% { -webkit-transform: perspective(200px) rotateX(-180deg) rotateY(0deg); transform: perspective(200px) rotateX(-180deg) rotateY(0deg); }

    100% { -webkit-transform: perspective(200px) rotateX(-180deg) rotateY(-180deg); transform: perspective(200px) rotateX(-180deg) rotateY(-180deg); }
}

@keyframes flipX {
    0% { -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0deg); transform: perspective(200px) rotateX(0deg) rotateY(0deg); }

    50% { -webkit-transform: perspective(200px) rotateX(-180deg) rotateY(0deg); transform: perspective(200px) rotateX(-180deg) rotateY(0deg); }

    100% { -webkit-transform: perspective(200px) rotateX(-180deg) rotateY(-180deg); transform: perspective(200px) rotateX(-180deg) rotateY(-180deg); }
}

/*------------------- 3.2. Buttons -------------------*/
.as-btn { position: relative; z-index: 2; overflow: hidden; vertical-align: middle; display: inline-block; border: none; text-transform: uppercase; text-align: center; background-color: var(--theme-color); color: var(--white-color); font-family: var(--title-font); font-size: 27px; font-weight: 500; line-height: 1; padding: 21px 35px 20px 35px; border-radius: 999px; -webkit-transition: background-color 0.25s linear, color 0.4s ease-in-out; transition: background-color 0.25s linear, color 0.4s ease-in-out; }

    .as-btn:before { content: ""; position: absolute; height: 100%; bottom: 0; left: 0; width: 0; background-color: var(--title-color); z-index: -1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; border-radius: inherit; }

    .as-btn:hover,
    .as-btn.active { color: var(--white-color); background-color: var(--title-color); }

        .as-btn:hover::before,
        .as-btn.active::before { width: 100%; }

    .as-btn.style2 { background-color: transparent; color: var(--white-color); border: 1px solid var(--white-color); padding: 20px 27px 19px 27px; box-shadow: none; }

        .as-btn.style2:hover { color: var(--title-color); background-color: var(--white-color); }

            .as-btn.style2:hover:before { background-color: var(--white-color); }

    .as-btn.style3:hover { color: var(--title-color); background-color: var(--white-color); }

        .as-btn.style3:hover:before { background-color: var(--white-color); }

    .as-btn.style4 { background-color: var(--white-color); color: var(--theme-color); }

        .as-btn.style4:hover { color: var(--white-color); background-color: var(--theme-color); }

            .as-btn.style4:hover:before { background-color: var(--theme-color); }

    .as-btn.style5 { background-color: var(--title-color); color: var(--white-color); }

        .as-btn.style5:hover { color: var(--title-color); background-color: var(--white-color); }

            .as-btn.style5:hover:before { background-color: var(--white-color); }

    .as-btn.style6 { background-color: var(--white-color); color: var(--theme-color); }

        .as-btn.style6:hover { color: var(--white-color); background-color: var(--title-color); }

            .as-btn.style6:hover:before { background-color: var(--title-color); }

.icon-btn { display: inline-block; width: var(--btn-size, 56px); height: var(--btn-size, 56px); line-height: var(--btn-size, 56px); font-size: var(--btn-font-size, 16px); background-color: var(--icon-bg, #ffffff); color: var(--title-color); text-align: center; border-radius: 50%; border: none; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .icon-btn:hover { background-color: var(--theme-color); color: var(--white-color); }

.play-btn { display: inline-block; position: relative; z-index: 1; }

    .play-btn > i { display: inline-block; width: var(--icon-size, 60px); height: var(--icon-size, 60px); line-height: var(--icon-size, 60px); text-align: center; background-color: var(--white-color); color: var(--theme-color); font-size: var(--icon-font-size, 1.1em); border-radius: 50%; z-index: 1; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .play-btn .fa-play { padding-left: 0.16em; }

    .play-btn:after,
    .play-btn:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: var(--white-color); z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .play-btn:after { -webkit-animation-delay: 2s; animation-delay: 2s; }

    .play-btn:hover:after,
    .play-btn:hover::before,
    .play-btn:hover i { background-color: var(--theme-color); color: var(--white-color); }

    .play-btn.style2:before,
    .play-btn.style2:after { background-color: transparent; border: 1px solid var(--white-color); }

    .play-btn.style3 > i { background-color: var(--theme-color); color: var(--white-color); font-size: 24px; }

    .play-btn.style3:before,
    .play-btn.style3:after { background-color: var(--theme-color); }

    .play-btn.style3:hover > i { background-color: var(--white-color); color: var(--theme-color); }

    .play-btn.style3:hover:before,
    .play-btn.style3:hover:after { background-color: var(--white-color); }

.link-btn { font-weight: 600; font-size: 14px; display: inline-block; line-height: 0.8; position: relative; padding-bottom: 2px; margin-bottom: -2px; text-transform: uppercase; color: var(--theme-color); }

    .link-btn i { margin-left: 5px; font-size: 0.9rem; }

    .link-btn:before { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 2px; background-color: var(--theme-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .link-btn:hover { color: var(--theme-color); }

        .link-btn:hover::before { width: 100%; }

.line-btn { font-size: 14px; font-weight: 600; display: inline-block; line-height: 1; position: relative; padding-bottom: 5px; margin-bottom: -1px; text-transform: uppercase; color: var(--body-color); }

    .line-btn i { margin-left: 5px; font-size: 0.9rem; }

    .line-btn:before { content: ""; position: absolute; left: 0; bottom: 0px; width: 40px; height: 1px; background-color: var(--body-color); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .line-btn:hover { color: var(--theme-color); }

        .line-btn:hover::before { background-color: var(--theme-color); width: 100%; }

.scroll-btn { position: fixed; bottom: 100px; right: 50px; z-index: 94; opacity: 0; visibility: hidden; display: inline-block; -webkit-clip-path: polygon(53% 0, 100% 20px, 100% 100%, 0 100%, 0% 20px); clip-path: polygon(53% 0, 100% 20px, 100% 100%, 0 100%, 0% 20px); /* Small devices */ }

    .scroll-btn i { display: inline-block; background-color: var(--theme-color); color: var(--white-color); text-align: center; font-size: 20px; width: var(--btn-size, 60px); height: var(--btn-size, 80px); line-height: var(--btn-size, 90px); z-index: 2; border-radius: inherit; position: relative; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; /* Small devices */ }

@media (max-width: 767px) {
    .scroll-btn i { font-size: 16px; width: var(--btn-size, 40px); height: var(--btn-size, 60px); line-height: var(--btn-size, 70px); }
}

.scroll-btn:focus i,
.scroll-btn:hover i { background-color: var(--title-color); color: var(--white-color); }

.scroll-btn.show { bottom: 0; opacity: 1; visibility: visible; }

@media (max-width: 767px) {
    .scroll-btn { right: 15px; bottom: 15px; }

        .scroll-btn.show { bottom: 0; }
}

.scrollToTop { position: fixed; right: 50px; bottom: 100px; opacity: 0; visibility: hidden; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; z-index: 96; }

    .scrollToTop.show { bottom: 0px; right: 78px; opacity: 1; visibility: visible; }

/* Small devices */
@media (max-width: 767px) {
    .play-btn { --icon-size: 60px; }

    .scrollToTop { right: 15px; }

        .scrollToTop.show { bottom: 40px; right: 10px; }
}

/*------------------- 3.3. Titles -------------------*/
.sec-title { margin-bottom: calc(var(--section-title-space) - 12px); margin-top: -0.23em; }

.sub-title { display: inline-block; font-size: 20px; font-weight: 600; color: var(--theme-color); font-family: var(--style-font); text-transform: capitalize; margin-bottom: 20px; padding-top: 5px; position: relative; }

    .sub-title .icon { margin: -13px 3px 0 0; }

.title-area { margin-bottom: calc(var(--section-title-space) - 12px); position: relative; z-index: 2; }

    .title-area .sec-title { margin-bottom: 15px; }

    .title-area.mb-0 .sec-title { margin-bottom: -0.41em; }

.title-border { border-bottom: 1px dashed var(--gray-color); margin-bottom: var(--section-title-space); }

.divider-title { position: relative; z-index: 2; margin: 35px 0; text-align: center; font-size: 30px; }

    .divider-title .text { display: inline-block; background-color: var(--white-color); padding: 0 10px; position: relative; z-index: 2; }

    .divider-title:after { content: ''; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; background-color: var(--theme-color); }

.sec-text { max-width: 560px; margin-bottom: 23px; }

.sec-btn { margin-bottom: var(--section-title-space); }

.box-title { font-size: 24px; margin-top: -0.3em; line-height: 1.417; }

    .box-title a { color: inherit; }

        .box-title a:hover { color: var(--theme-color); }

/* Large devices */
@media (max-width: 1199px) {
    .sub-title { margin-bottom: 17px; }

    .title-area,
    .sec-title { --section-title-space: 60px; }

        .title-area.mb-30,
        .sec-title.mb-30 { margin-bottom: 25px; }

        .title-area.mb-40,
        .sec-title.mb-40 { margin-bottom: 30px; }

        .title-area.mb-45,
        .sec-title.mb-45 { margin-bottom: 32px; }

        .title-area.mb-50,
        .sec-title.mb-50 { margin-bottom: 35px; }

        .title-area.mb-25,
        .sec-title.mb-25 { margin-bottom: 15px; }

        .title-area.mb-35,
        .sec-title.mb-35 { margin-bottom: 25px; }

    .sec-btn { --section-title-space: 65px; }
}

/* Medium devices */
@media (max-width: 991px) {

    .title-area,
    .sec-title { --section-title-space: 45px; }

        .title-area.mb-40,
        .sec-title.mb-40 { margin-bottom: 25px; }

        .title-area.mb-45,
        .sec-title.mb-45 { margin-bottom: 27px; }

        .title-area.mb-50,
        .sec-title.mb-50 { margin-bottom: 28px; }

    .sec-btn,
    .title-border { --section-title-space: 45px; }

    .divider-title { font-size: 26px; }
}

/*------------------- 3.4. Common -------------------*/
.image-scale-hover { overflow: hidden; }

    .image-scale-hover img { -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001); }

    .image-scale-hover:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.shape-mockup-wrap { z-index: 2; position: relative; }

.shape-mockup { position: absolute; z-index: -1; }

    .shape-mockup.z-index-3 { z-index: 3; }

.z-index-step1 { position: relative; z-index: 4 !important; }

.z-index-common { position: relative; z-index: 3; }

.z-index-3 { z-index: 3; }

.z-index-n1 { z-index: -1; }

.media-body { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

.badge { position: absolute; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; text-align: center; background-color: var(--theme-color); color: var(--white-color); padding: 0.2em 0.4em; border-radius: 50%; top: 10px; right: 10px; font-weight: 400; font-size: 0.7em; }

.as-social a { display: inline-block; width: var(--icon-size, 35px); height: var(--icon-size, 35px); line-height: var(--icon-size, 35px); background-color: var(--white-color); color: var(--theme-color); font-size: 14px; text-align: center; margin-right: 5px; border-radius: 50%; }

    .as-social a:last-child { margin-right: 0; }

    .as-social a:hover { background-color: var(--theme-color); color: var(--white-color); }

.slider-shadow .slick-list { padding-top: 30px; padding-bottom: 30px; margin-bottom: -30px; margin-top: -30px; }

.btn-group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }

/*------------------- 3.6. Font -------------------*/
.font-icon { font-family: var(--icon-font); }

.font-title { font-family: var(--title-font); }

.font-style { font-family: var(--style-font); }

.font-body { font-family: var(--body-font); }

.fw-extralight { font-weight: 100; }

.fw-light { font-weight: 300; }

.fw-normal { font-weight: 400; }

.fw-medium { font-weight: 500; }

.fw-semibold { font-weight: 600; }

.fw-bold { font-weight: 700; }

.fw-extrabold { font-weight: 800; }

.fs-md { font-size: 18px; }

.fs-xs { font-size: 14px; }

.fs-40 { font-size: 40px; }

/* Large devices */
@media (max-width: 1199px) {
    .fs-40 { font-size: 34px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .fs-40 { font-size: 30px; }

        .fs-40.mt-n3 { margin-top: -0.6rem; }

        .fs-40.mt-n2 { margin-top: -0.2rem; }
}

/*------------------- 3.7. Background -------------------*/
.bg-theme { background-color: var(--theme-color) !important; }

.bg-theme2 { background-color: var(--theme-color2) !important; }

.bg-smoke { background-color: var(--smoke-color) !important; }

.bg-smoke2 { background-color: var(--smoke-color2) !important; }

.bg-white { background-color: var(--white-color) !important; }

.bg-black { background-color: var(--black-color) !important; }

.bg-title { background-color: var(--title-color) !important; }

.bg-smoke2 { background-color: #F8F8F8; }

.gr-bg1 { background-image: -webkit-linear-gradient(194.6deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%); background-image: linear-gradient(255.4deg, rgba(146, 184, 253, 0.15) 5.09%, var(--smoke-color) 63%); }

.gr-bg2 { background-image: -webkit-linear-gradient(right, #EDF2FB 0%, #FFFFFF 100%); background-image: linear-gradient(270deg, #EDF2FB 0%, #FFFFFF 100%); }

.background-image,
[data-bg-src] { background-repeat: no-repeat; background-size: cover; background-position: center center; }

.bg-fluid { background-repeat: no-repeat; background-size: 100% 100%; background-position: center center; }

.bg-auto { background-size: auto auto; }

.bg-bottom-right { background-size: auto; background-position: bottom right; }

.bg-top-right { background-size: auto; background-position: top right; }

.bg-top-center { background-size: auto; background-position: top center; }

.bg-top-left { background-size: auto; background-position: top left; }

.bg-repeat { background-size: auto; background-repeat: repeat; }

.bg-contain-repeat { background-size: contain; background-repeat: repeat; background-position: center left; }

/* Large devices */
@media (max-width: 1199px) {
    .bg-contain-repeat { background-position: bottom left; }
}

/*------------------- 3.8. Text Color -------------------*/
.text-theme { color: var(--theme-color) !important; }

.text-theme2 { color: var(--theme-color2) !important; }

.text-title { color: var(--title-color) !important; }

.text-body { color: var(--body-color) !important; }

.text-white { color: var(--white-color) !important; }

.text-border { color: var(--border-color) !important; }

.text-light { color: var(--light-color) !important; }

.text-yellow { color: var(--yellow-color) !important; }

.text-success { color: var(--success-color) !important; }

.text-error { color: var(--error-color) !important; }

.text-inherit { color: inherit; }

    .text-inherit:hover { color: var(--theme-color); }

a.text-theme:hover,
.text-reset:hover { text-decoration: underline; }

/*------------------- 3.9. Overlay -------------------*/
.overlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.position-center { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

[data-overlay] { position: relative; z-index: 2; }

    [data-overlay] [class^="col-"],
    [data-overlay] [class*="col-"] { z-index: 1; }

    [data-overlay]:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 1; }

[data-overlay="theme"]:before { background-color: var(--theme-color); }

[data-overlay="theme2"]:before { background-color: var(--theme-color2); }

[data-overlay="title"]:before { background-color: var(--title-color); }

[data-overlay="white"]:before { background-color: var(--white-color); }

[data-overlay="black"]:before { background-color: var(--black-color); }

[data-overlay="overlay1"]:before { background-color: #0e121d; }

[data-opacity="1"]:before { opacity: 0.1; }

[data-opacity="2"]:before { opacity: 0.2; }

[data-opacity="3"]:before { opacity: 0.3; }

[data-opacity="4"]:before { opacity: 0.4; }

[data-opacity="5"]:before { opacity: 0.5; }

[data-opacity="6"]:before { opacity: 0.6; }

[data-opacity="7"]:before { opacity: 0.7; }

[data-opacity="8"]:before { opacity: 0.8; }

[data-opacity="9"]:before { opacity: 0.9; }

[data-opacity="10"]:before { opacity: 1; }

/*------------------- 3.10. Animation -------------------*/
.ripple-animation,
.play-btn:after,
.play-btn:before { -webkit-animation-duration: var(--ripple-ani-duration); animation-duration: var(--ripple-ani-duration); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; }

@-webkit-keyframes ripple {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }

    30% { opacity: 0.4; }

    100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}

@keyframes ripple {
    0% { -webkit-transform: scale(1); transform: scale(1); opacity: 0; }

    30% { opacity: 0.4; }

    100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0; }
}

.movingX { -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite; }

@-webkit-keyframes movingX {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    50% { -webkit-transform: translateX(50px); transform: translateX(50px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes movingX {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    50% { -webkit-transform: translateX(50px); transform: translateX(50px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.moving { -webkit-animation: moving 8s linear infinite; animation: moving 8s linear infinite; }

@-webkit-keyframes moving {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes moving {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }

    50% { -webkit-transform: translateX(-50px); transform: translateX(-50px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.jump { -webkit-animation: jumpAni 7s linear infinite; animation: jumpAni 7s linear infinite; }

@-webkit-keyframes jumpAni {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes jumpAni {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.jump-reverse { -webkit-animation: jumpReverseAni 7s linear infinite; animation: jumpReverseAni 7s linear infinite; }

@-webkit-keyframes jumpReverseAni {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    50% { -webkit-transform: translateY(30px); transform: translateY(30px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes jumpReverseAni {
    0% { -webkit-transform: translateY(0); transform: translateY(0); }

    50% { -webkit-transform: translateY(30px); transform: translateY(30px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

.spin { -webkit-animation: spin 15s linear infinite; animation: spin 15s linear infinite; }

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }

    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spin {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }

    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

@-webkit-keyframes rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }

    50% { -webkit-transform: rotate(40deg); transform: rotate(40deg); }

    100% { -webkit-transform: rotate(0); transform: rotate(0); }
}

@keyframes rotate {
    0% { -webkit-transform: rotate(0); transform: rotate(0); }

    50% { -webkit-transform: rotate(40deg); transform: rotate(40deg); }

    100% { -webkit-transform: rotate(0); transform: rotate(0); }
}

@-webkit-keyframes animate-positive {
    0% { width: 0; }
}

@keyframes animate-positive {
    0% { width: 0; }
}

.scalein.as-animated { --animation-name: scalein; }

.slidetopleft.as-animated { --animation-name: slidetopleft; }

.slidebottomright.as-animated { --animation-name: slidebottomright; }

.slideinleft.as-animated { --animation-name: slideinleft; }

.slideinright.as-animated { --animation-name: slideinright; }

.slideinup.as-animated { --animation-name: slideinup; }

.slideindown.as-animated { --animation-name: slideindown; }

.rollinleft.as-animated { --animation-name: rollinleft; }

.rollinright.as-animated { --animation-name: rollinright; }

.scalein,
.slidetopleft,
.slidebottomright,
.slideinleft,
.slideinright,
.slideindown,
.slideinup,
.rollinleft,
.rollinright { opacity: 0; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-name: var(--animation-name); animation-name: var(--animation-name); }

.as-animated { opacity: 1; }

@-webkit-keyframes slideinup {
    0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideinup {
    0% { opacity: 0; -webkit-transform: translateY(70px); transform: translateY(70px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideinright {
    0% { opacity: 0; -webkit-transform: translateX(70px); transform: translateX(70px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideinright {
    0% { opacity: 0; -webkit-transform: translateX(70px); transform: translateX(70px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slideindown {
    0% { opacity: 0; -webkit-transform: translateY(-70px); transform: translateY(-70px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@keyframes slideindown {
    0% { opacity: 0; -webkit-transform: translateY(-70px); transform: translateY(-70px); }

    100% { -webkit-transform: translateY(0); transform: translateY(0); }
}

@-webkit-keyframes slideinleft {
    0% { opacity: 0; -webkit-transform: translateX(-70px); transform: translateX(-70px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes slideinleft {
    0% { opacity: 0; -webkit-transform: translateX(-70px); transform: translateX(-70px); }

    100% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@-webkit-keyframes slidebottomright {
    0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px); }

    100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}

@keyframes slidebottomright {
    0% { opacity: 0; -webkit-transform: translateX(100px) translateY(100px); transform: translateX(100px) translateY(100px); }

    100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}

@-webkit-keyframes slidetopleft {
    0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); }

    100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}

@keyframes slidetopleft {
    0% { opacity: 0; -webkit-transform: translateX(-100px) translateY(-100px); transform: translateX(-100px) translateY(-100px); }

    100% { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); }
}

@-webkit-keyframes scalein {
    0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes scalein {
    0% { opacity: 0; -webkit-transform: scale(0.3); transform: scale(0.3); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes rollinleft {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

    to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}

@keyframes rollinleft {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); }

    to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}

@-webkit-keyframes rollinright {
    0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }

    to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}

@keyframes rollinright {
    0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); }

    to { -webkit-transform: translateX(0) rotate(0deg); transform: translateX(0) rotate(0deg); }
}

/*=================================
    04. Template Style
==================================*/
/*------------------- 4.1. Widget  -------------------*/
.widget_nav_menu ul,
.widget_meta ul,
.widget_pages ul,
.widget_archive ul,
.widget_categories ul { list-style: none; padding: 0; margin: 0 0 0 0; }

.widget_nav_menu > ul,
.widget_meta > ul,
.widget_pages > ul,
.widget_archive > ul,
.widget_categories > ul { margin: 0 0 -10px 0; }

.widget_nav_menu a,
.widget_meta a,
.widget_pages a,
.widget_archive a,
.widget_categories a { display: block; background-color: var(--smoke-color2); border: 1px solid var(--border-color); margin: 0 0 10px 0; padding: 18px 45px 18px 57px; font-size: 14px; line-height: 1.313; color: var(--body-color); border-radius: 28px; }

    .widget_nav_menu a:hover,
    .widget_meta a:hover,
    .widget_pages a:hover,
    .widget_archive a:hover,
    .widget_categories a:hover { color: var(--theme-color); }

.widget_nav_menu .icon,
.widget_meta .icon,
.widget_pages .icon,
.widget_archive .icon,
.widget_categories .icon { position: absolute; top: 50%; left: 25px; width: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; -webkit-filter: brightness(0) invert(0.3); filter: brightness(0) invert(0.3); }

.widget_nav_menu li,
.widget_meta li,
.widget_pages li,
.widget_archive li,
.widget_categories li { display: block; position: relative; }

    .widget_nav_menu li > span,
    .widget_meta li > span,
    .widget_pages li > span,
    .widget_archive li > span,
    .widget_categories li > span { font-size: 14px; position: absolute; right: 25px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .widget_nav_menu li:hover > span,
    .widget_meta li:hover > span,
    .widget_pages li:hover > span,
    .widget_archive li:hover > span,
    .widget_categories li:hover > span { color: var(--theme-color); }

    .widget_nav_menu li:hover .icon,
    .widget_meta li:hover .icon,
    .widget_pages li:hover .icon,
    .widget_archive li:hover .icon,
    .widget_categories li:hover .icon { -webkit-filter: none; filter: none; }

.widget_nav_menu .children,
.widget_meta .children,
.widget_pages .children,
.widget_archive .children,
.widget_categories .children { margin-left: 10px; }

.widget_nav_menu a,
.widget_meta a,
.widget_pages a { padding-right: 20px; }

.widget_nav_menu .sub-menu { margin-left: 10px; }

.wp-block-archives { list-style: none; margin: 0; padding: 0; margin-bottom: 20px; }

    .wp-block-archives a:not(:hover) { color: inherit; }

.as-blog ul.wp-block-archives li { margin: 5px 0; }

.widget { padding: var(--widget-padding-y, 40px) var(--widget-padding-x, 40px); background-color: var(--white-color); margin-bottom: 40px; box-shadow: 0px 10px 30px rgba(1, 15, 28, 0.04); border-radius: 20px; position: relative; }

    .widget select,
    .widget input { background-color: var(--smoke-color2); }

    .widget[data-overlay]:before { z-index: -1; }

.widget_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 7px; position: relative; font-size: 24px; font-weight: 600; font-family: var(--title-font); line-height: 1em; margin: -0.1em 0 30px 0; }

    .widget_title:after { content: ''; height: 1px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px dashed var(--gray-color); margin-top: 5px; }

.widget .search-form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

    .widget .search-form input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; }

    .widget .search-form button { position: absolute; right: 10px; top: 10px; border: none; font-size: 14px; width: 36px; height: 36px; line-height: 33px; background-color: var(--theme-color); color: var(--white-color); display: inline-block; border-radius: 99px; }

        .widget .search-form button:hover { background-color: var(--title-color); color: var(--white-color); }

.wp-block-tag-cloud a,
.tagcloud a { display: inline-block; border: 1px solid var(--border-color); font-size: 14px; font-weight: 400; font-family: var(--title-font); text-transform: uppercase; line-height: 1; padding: 14px 17px; margin-right: 5px; margin-bottom: 10px; color: var(--body-color); background-color: transparent; border-radius: 99px; }

    .wp-block-tag-cloud a:hover,
    .tagcloud a:hover { background-color: var(--theme-color); color: var(--white-color) !important; border-color: var(--theme-color); }

.wp-block-tag-cloud,
.tagcloud { margin-right: -10px; margin-bottom: -10px; }

.recent-post { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; }

    .recent-post:last-child { margin-bottom: 0; }

    .recent-post .media-img { margin-right: 15px; width: 80px; overflow: hidden; border-radius: 8px; }

        .recent-post .media-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .recent-post .post-title { font-weight: 600; font-size: 16px; line-height: normal; margin: 0 0 6px 0; font-family: var(--title-font); text-transform: capitalize; }

    .recent-post .recent-post-meta a { text-transform: capitalize; font-size: 14px; font-weight: 400; color: var(--body-color); }

        .recent-post .recent-post-meta a i { margin-right: 6px; color: var(--theme-color); }

        .recent-post .recent-post-meta a:hover { color: var(--theme-color); }

    .recent-post:hover .media-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.sidemenu-content .widget,
.sidemenu-content .widget_shopping_cart { box-shadow: none; }

.widget_shopping_cart .widget_title { margin-bottom: 30px; border-bottom: none; }

.widget_shopping_cart ul { margin: 0; padding: 0; }

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

.widget_shopping_cart .mini_cart_item { position: relative; padding: 20px 20px 20px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 0; text-align: left; }

    .widget_shopping_cart .mini_cart_item:first-child { border-top: 0; }

    .widget_shopping_cart .mini_cart_item:last-child { border-bottom: 0; }

.widget_shopping_cart .cart_list a:not(.remove) { display: block; color: var(--body-color); font-size: 16px; font-weight: 500; font-family: var(--title-font); font-weight: 600; color: var(--title-color); }

    .widget_shopping_cart .cart_list a:not(.remove):hover { color: var(--theme-color); }

.widget_shopping_cart .cart_list a.remove { position: absolute; top: 50%; left: 95%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: var(--body-color); }

    .widget_shopping_cart .cart_list a.remove:hover { color: var(--theme-color); }

.widget_shopping_cart .cart_list img { width: 75px; height: 75px; margin-right: 10px; border-radius: 5px; object-fit: cover; }

.widget_shopping_cart .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; white-space: nowrap; vertical-align: top; margin-right: 20px; font-size: 14px; font-weight: 500; }

.widget_shopping_cart .total { margin-top: 20px; font-size: 18px; color: var(--title-color); font-family: var(--body-font); }

.widget_shopping_cart .amount { padding-left: 5px; }

.widget_shopping_cart .as-btn { margin-right: 15px; }

    .widget_shopping_cart .as-btn:last-child { margin-right: 0; }

.sidebar-area .widget_shopping_cart .as-btn { margin-right: 10px; padding: 8px 22px; font-size: 14px; }

.sidebar-area { }

    .sidebar-area ul.wp-block-latest-posts { margin-bottom: 0; }

        .sidebar-area ul.wp-block-latest-posts li:last-child { margin-bottom: 0; }

    .sidebar-area .widget .wp-block-search { margin-bottom: 0; }

    .sidebar-area .wp-block-group__inner-container h2 { font-size: 20px; line-height: 1em; margin-bottom: 20px; margin-top: -0.07em; }

    .sidebar-area ol.wp-block-latest-comments { padding: 0; margin: 0; }

        .sidebar-area ol.wp-block-latest-comments li { line-height: 1.5; margin: 0 0 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 20px; }

            .sidebar-area ol.wp-block-latest-comments li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

.recent-product { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

    .recent-product .product-title { font-size: 16px; }

.author-widget-wrap { text-align: center; }

    .author-widget-wrap .avater { margin-bottom: 20px; }

        .author-widget-wrap .avater img { border-radius: 50%; }

    .author-widget-wrap .name { font-size: 24px; margin-bottom: 15px; }

        .author-widget-wrap .name a { color: inherit; }

            .author-widget-wrap .name a:hover { color: var(--theme-color); }

    .author-widget-wrap .author-bio { margin-bottom: 23px; }

    .author-widget-wrap .author-social { display: block; }

        .author-widget-wrap .author-social a { font-size: 16px; color: var(--body-color); position: relative; border-right: 1px solid var(--gray-color); padding: 6px 15px 6px 0; margin-right: 12px; }

            .author-widget-wrap .author-social a:last-child { padding: 6px 0 6px 0; margin-right: 0; border-right: none; }

            .author-widget-wrap .author-social a:hover { color: var(--theme-color); }

.donwload-widget-wrap .as-btn { width: 100%; background-color: rgba(255, 255, 255, 0.1); }

    .donwload-widget-wrap .as-btn:not(:last-child) { margin-bottom: 10px; }

    .donwload-widget-wrap .as-btn:before,
    .donwload-widget-wrap .as-btn:after { background-color: var(--theme-color); }

.widget_banner { text-align: center; }

    .widget_banner .widget_title:before,
    .widget_banner .widget_title:after { background-color: var(--white-color); left: calc(50% - 35px); }

    .widget_banner .widget_title:after { left: calc(50% + 30px); }

.widget-banner .banner-text { color: var(--white-color); margin-bottom: 23px; }

.widget-banner .banner-link { color: var(--white-color); display: block; font-weight: 500; margin-bottom: 5px; }

    .widget-banner .banner-link:last-child { margin-bottom: -0.4em; }

    .widget-banner .banner-link i { margin-right: 4px; }

.info-list ul { margin: 0; padding: 0; list-style: none; }

.info-list li { color: var(--white-color); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding-bottom: 14px; padding-top: 14px; }

    .info-list li:first-child { padding-top: 0; }

    .info-list li:last-child { border-bottom: none; padding-bottom: 0; margin-bottom: -0.4em; }

.info-list strong { font-weight: bold; color: var(--theme-color); margin-right: 10px; }

.widget-form select,
.widget-form .form-control,
.widget-form .form-select,
.widget-form textarea,
.widget-form input { background-color: rgba(255, 255, 255, 0.1); color: var(--white-color); }

    .widget-form select::-moz-placeholder,
    .widget-form .form-control::-moz-placeholder,
    .widget-form .form-select::-moz-placeholder,
    .widget-form textarea::-moz-placeholder,
    .widget-form input::-moz-placeholder { color: var(--white-color); }

    .widget-form select::-webkit-input-placeholder,
    .widget-form .form-control::-webkit-input-placeholder,
    .widget-form .form-select::-webkit-input-placeholder,
    .widget-form textarea::-webkit-input-placeholder,
    .widget-form input::-webkit-input-placeholder { color: var(--white-color); }

    .widget-form select:-ms-input-placeholder,
    .widget-form .form-control:-ms-input-placeholder,
    .widget-form .form-select:-ms-input-placeholder,
    .widget-form textarea:-ms-input-placeholder,
    .widget-form input:-ms-input-placeholder { color: var(--white-color); }

    .widget-form select::-webkit-input-placeholder,
    .widget-form .form-control::-webkit-input-placeholder,
    .widget-form .form-select::-webkit-input-placeholder,
    .widget-form textarea::-webkit-input-placeholder,
    .widget-form input::-webkit-input-placeholder { color: var(--white-color); }

    .widget-form select::-moz-placeholder,
    .widget-form .form-control::-moz-placeholder,
    .widget-form .form-select::-moz-placeholder,
    .widget-form textarea::-moz-placeholder,
    .widget-form input::-moz-placeholder { color: var(--white-color); }

    .widget-form select:-ms-input-placeholder,
    .widget-form .form-control:-ms-input-placeholder,
    .widget-form .form-select:-ms-input-placeholder,
    .widget-form textarea:-ms-input-placeholder,
    .widget-form input:-ms-input-placeholder { color: var(--white-color); }

    .widget-form select::-ms-input-placeholder,
    .widget-form .form-control::-ms-input-placeholder,
    .widget-form .form-select::-ms-input-placeholder,
    .widget-form textarea::-ms-input-placeholder,
    .widget-form input::-ms-input-placeholder { color: var(--white-color); }

    .widget-form select::placeholder,
    .widget-form .form-control::placeholder,
    .widget-form .form-select::placeholder,
    .widget-form textarea::placeholder,
    .widget-form input::placeholder { color: var(--white-color); }

    .widget-form textarea.form-control,
    .widget-form textarea { min-height: 130px; }

.widget-form option { background-color: #272A34; }

.widget-form .form-group { margin-bottom: 10px; }

    .widget-form .form-group > i { color: var(--white-color); background-color: #272A34; }

/* Large devices */
@media (max-width: 1199px) {
    .widget { --widget-padding-y: 30px; --widget-padding-x: 30px; border-radius: 15px; }

    .widget_title { font-size: 22px; }

    .author-widget-wrap .name { font-size: 22px; }

    .widget_offer { padding-top: 40px; padding-bottom: 40px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .sidebar-area { padding-top: 30px; }

    .widget { --widget-padding-y: 40px; --widget-padding-x: 40px; }

    .wp-block-tag-cloud a,
    .tagcloud a { padding: 10.5px 18px; }
}

/* Small devices */
@media (max-width: 767px) {
    .widget { padding: 35px 20px; }
}

@media (max-width: 330px) {
    .recent-post .post-title { font-size: 12px; line-height: 24px; }

    .recent-post .recent-post-meta a { font-size: 12px; }
}

.footer-widget { margin-bottom: 40px; }

    .footer-widget,
    .footer-widget .widget { padding: 0; border: none; padding-bottom: 0; background-color: transparent; box-shadow: none; }

        .footer-widget input,
        .footer-widget select { height: 55px; background-color: transparent; border: 1px solid #283752; }

            .footer-widget input:focus,
            .footer-widget select:focus { border-color: var(--theme-color); background-color: transparent; }

        .footer-widget .form-group > i { color: var(--theme-color); top: 18px; }

        .footer-widget .widget_title { font-weight: 500; max-width: 275px; margin-bottom: 30px; padding-bottom: 17px; }

            .footer-widget .widget_title:after { position: absolute; bottom: 0; left: 0; border-top: none; height: 3px; width: 100px; background-image: -webkit-linear-gradient(left, var(--theme-color), transparent); background-image: linear-gradient(to right, var(--theme-color), transparent); }

        .footer-widget.widget_meta,
        .footer-widget.widget_pages,
        .footer-widget.widget_archive,
        .footer-widget.widget_categories,
        .footer-widget.widget_nav_menu { margin-bottom: 40px; }

            .footer-widget.widget_meta ul,
            .footer-widget.widget_pages ul,
            .footer-widget.widget_archive ul,
            .footer-widget.widget_categories ul,
            .footer-widget.widget_nav_menu ul { margin-top: -3px; }

            .footer-widget.widget_meta .menu,
            .footer-widget.widget_meta > ul,
            .footer-widget.widget_pages .menu,
            .footer-widget.widget_pages > ul,
            .footer-widget.widget_archive .menu,
            .footer-widget.widget_archive > ul,
            .footer-widget.widget_categories .menu,
            .footer-widget.widget_categories > ul,
            .footer-widget.widget_nav_menu .menu,
            .footer-widget.widget_nav_menu > ul { margin-bottom: -6px; }

            .footer-widget.widget_meta a,
            .footer-widget.widget_pages a,
            .footer-widget.widget_archive a,
            .footer-widget.widget_categories a,
            .footer-widget.widget_nav_menu a { font-size: 16px; font-weight: 400; padding: 0 0 0 23px; margin-bottom: 19px; border: none; display: block; max-width: 100%; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding-right: 0; background-color: transparent; position: relative; }

                .footer-widget.widget_meta a:before,
                .footer-widget.widget_pages a:before,
                .footer-widget.widget_archive a:before,
                .footer-widget.widget_categories a:before,
                .footer-widget.widget_nav_menu a:before { content: "\f061"; font-weight: 900; left: 0; top: 1px; background-color: transparent; font-family: var(--icon-font); border: none; color: inherit; -webkit-transition: 0.4s -webkit-transform; transition: 0.4s -webkit-transform; transition: 0.4s transform; transition: 0.4s transform, 0.4s -webkit-transform; position: absolute; left: 0; }

                .footer-widget.widget_meta a:hover,
                .footer-widget.widget_pages a:hover,
                .footer-widget.widget_archive a:hover,
                .footer-widget.widget_categories a:hover,
                .footer-widget.widget_nav_menu a:hover { background-color: transparent; color: var(--theme-color); }

                    .footer-widget.widget_meta a:hover:before,
                    .footer-widget.widget_pages a:hover:before,
                    .footer-widget.widget_archive a:hover:before,
                    .footer-widget.widget_categories a:hover:before,
                    .footer-widget.widget_nav_menu a:hover:before { color: var(--theme-color); -webkit-transform: translateX(3px); -ms-transform: translateX(3px); transform: translateX(3px); }

            .footer-widget.widget_meta li > span,
            .footer-widget.widget_pages li > span,
            .footer-widget.widget_archive li > span,
            .footer-widget.widget_categories li > span,
            .footer-widget.widget_nav_menu li > span { width: auto; height: auto; position: relative; background-color: transparent; color: var(--body-color); line-height: 1; }

            .footer-widget.widget_meta li:last-child a,
            .footer-widget.widget_pages li:last-child a,
            .footer-widget.widget_archive li:last-child a,
            .footer-widget.widget_categories li:last-child a,
            .footer-widget.widget_nav_menu li:last-child a { margin-bottom: 0; }

        .footer-widget .recent-post { max-width: 330px; margin-top: -0.3em; }

            .footer-widget .recent-post .post-title { line-height: 1.5; margin-bottom: 7px; }

            .footer-widget .recent-post:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; }

            .footer-widget .recent-post .recent-post-meta i { color: var(--theme-color); -webkit-transition: 0.3s; transition: 0.3s; }

            .footer-widget .recent-post .recent-post-meta a:hover i { color: var(--theme-color); }

.as-widget-about .about-logo { margin-bottom: 35px; }

.as-widget-about .about-text { margin-bottom: 25px; margin-top: -0.38em; }

.footer-text { margin-top: -0.38em; margin-bottom: 30px; }

.newsletter-widget { max-width: 280px; }

    .newsletter-widget .newsletter-form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

    .newsletter-widget .as-btn:hover { color: var(--theme-color); }

.newsletter-form { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

    .newsletter-form .form-control { background-color: var(--white-color); border: 1px solid var(--white-color); color: var(--title-color); border-radius: 999px; }

        .newsletter-form .form-control::-moz-placeholder { color: var(--title-color); }

        .newsletter-form .form-control::-webkit-input-placeholder { color: var(--title-color); }

        .newsletter-form .form-control:-ms-input-placeholder { color: var(--title-color); }

        .newsletter-form .form-control::-ms-input-placeholder { color: var(--title-color); }

        .newsletter-form .form-control::placeholder { color: var(--title-color); }

        .newsletter-form .form-control:focus { background-color: var(--white-color); border-color: var(--title-color); }

    .newsletter-form .icon-btn { min-width: 55px; height: 55px; border-radius: 0; background-color: var(--title-color); color: var(--white-color); }

/* Large devices */
@media (max-width: 1199px) {

    .footer-widget.widget_meta a,
    .footer-widget.widget_pages a,
    .footer-widget.widget_archive a,
    .footer-widget.widget_categories a,
    .footer-widget.widget_nav_menu a { margin-bottom: 16px; }

    .newsletter-widget { padding-top: 40px; }

        .newsletter-widget .bg-shape { height: 100%; }
}

/*------------------- 4.2. Header  -------------------*/
.as-header { position: relative; z-index: 8; }

    .as-header .icon-btn { border: 1px solid #d0dbe9; }

        .as-header .icon-btn:hover { border-color: var(--theme-color); }

.will-sticky .sticky-active { position: fixed; top: -100%; right: 0; left: 0; background-color: var(--white-color); -webkit-transition: all ease 0.8s; transition: all ease 0.8s; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.07); }

    .will-sticky .sticky-active.active { top: 0; }

.main-menu a { display: block; position: relative; font-weight: 600; font-size: 16px; color: var(--title-color); }

    .main-menu a:hover { color: var(--theme-color); }

.main-menu > ul > li { margin: 0 15px; }

    .main-menu > ul > li > a { padding: 31px 0; }

.main-menu ul { margin: 0; padding: 0; }

    .main-menu ul li { list-style-type: none; display: inline-block; position: relative; }

        .main-menu ul li.menu-item-has-children > a:after { content: "\f107"; position: relative; font-family: var(--icon-font); margin-left: 5px; font-size: 13px; font-weight: 500; top: 0; color: var(--theme-color); }

        .main-menu ul li:last-child { margin-right: 0 !important; }

        .main-menu ul li:first-child { margin-left: 0 !important; }

        .main-menu ul li:hover > ul.sub-menu { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); visibility: visible; opacity: 1; z-index: 9; }

        .main-menu ul li:hover ul.mega-menu { visibility: visible; opacity: 1; z-index: 9; -webkit-transform: scaleY(1) translateX(-50%); -ms-transform: scaleY(1) translateX(-50%); transform: scaleY(1) translateX(-50%); }

    .main-menu ul.sub-menu,
    .main-menu ul.mega-menu { position: absolute; text-align: left; top: 100%; left: 0; background-color: var(--white-color); visibility: hidden; min-width: 250px; width: -webkit-max-content; width: -moz-max-content; width: max-content; padding: 7px; left: -14px; opacity: 0; z-index: -1; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; padding: 15px 0; -webkit-box-shadow: 0px 30px 30px rgb(13 38 59 / 10%); -moz-box-shadow: 0px 30px 30px rgba(13, 38, 59, 0.1); -o-box-shadow: 0px 30px 30px rgba(13, 38, 59, 0.1); box-shadow: 0px 30px 30px rgb(13 38 59 / 10%); }

        .main-menu ul.sub-menu a,
        .main-menu ul.mega-menu a { font-size: 16px; line-height: 30px; }

    .main-menu ul.sub-menu { padding: 18px 20px; left: 0px; }

        .main-menu ul.sub-menu li { display: block; margin: 0 0; padding: 2px 0px; }

            .main-menu ul.sub-menu li.menu-item-has-children > a:after { content: "\f105"; float: right; top: 1px; }

            .main-menu ul.sub-menu li a { position: relative; padding-left: 23px; text-transform: capitalize; }

                .main-menu ul.sub-menu li a:before { content: "\f2e6"; position: absolute; top: 8px; left: 0; font-family: var(--icon-font); width: 11px; height: 11px; text-align: center; border-radius: 50%; display: inline-block; font-size: 0.9em; line-height: 1; color: var(--theme-color); font-weight: 700; }

            .main-menu ul.sub-menu li ul.sub-menu { left: 100%; right: auto; top: 0; margin: 0 0; margin-left: 20px; }

                .main-menu ul.sub-menu li ul.sub-menu li ul { left: 100%; right: auto; }

.main-menu .mega-menu-wrap { position: static; }

.main-menu ul.mega-menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; text-align: left; width: 100%; max-width: var(--main-container); padding: 20px 15px 23px 15px; left: 50%; -webkit-transform: scaleY(0) translateX(-50%); -ms-transform: scaleY(0) translateX(-50%); transform: scaleY(0) translateX(-50%); }

    .main-menu ul.mega-menu li { display: block; width: 100%; padding: 0 15px; }

        .main-menu ul.mega-menu li li { padding: 2px 0; }

        .main-menu ul.mega-menu li a { display: inline-block; text-transform: capitalize; }

    .main-menu ul.mega-menu > li > a { display: block; padding: 0; padding-bottom: 15px; margin-bottom: 10px; text-transform: capitalize; letter-spacing: 1px; font-weight: 700; color: var(--title-color); border-color: var(--theme-color); }

        .main-menu ul.mega-menu > li > a::after,
        .main-menu ul.mega-menu > li > a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 15px; height: 1px; background-color: var(--theme-color); }

        .main-menu ul.mega-menu > li > a::after { width: calc(100% - 20px); left: 20px; }

        .main-menu ul.mega-menu > li > a:hover { padding-left: 0; }

.dropdown-toggle::after { content: "\f107"; border: none; font-family: var(--icon-font); vertical-align: middle; font-weight: 400; margin-left: 6px; }

.dropdown-menu { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: auto; top: calc(100% + 20px) !important; left: calc(50% - 10px) !important; -webkit-transform: translateX(-50%) !important; -ms-transform: translateX(-50%) !important; transform: translateX(-50%) !important; padding: 8px 20px !important; text-align: center; border-color: var(--border-color); }

    .dropdown-menu li { padding-right: 0; margin-right: 0; }

        .dropdown-menu li:after { display: none; }

        .dropdown-menu li a { display: block; }

    .dropdown-menu a { color: var(--body-color); }

        .dropdown-menu a:hover { color: var(--theme-color); }

    .dropdown-menu:before { content: ""; position: absolute; left: 50%; top: -7px; width: 14px; height: 14px; margin-left: -7px; background-color: var(--white-color); z-index: -1; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid var(--border-color); border-left: 1px solid var(--border-color); }

.simple-icon { border: none; background-color: transparent; padding: 0; color: var(--white-color); }

    .simple-icon:hover { color: var(--theme-color); }

.header-button { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }

    .header-button .icon-btn { position: relative; }

.header-links ul { margin: 0; padding: 0; list-style-type: none; }

.header-links li { display: inline-block; position: relative; font-size: 16px; font-weight: 400; }

    .header-links li:not(:last-child) { padding: 0 20px 0 0; margin: 0 17px 0 0; }

        .header-links li:not(:last-child):before { content: ""; position: absolute; right: 0; top: 50%; background-color: var(--body-color); width: 1px; height: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0.5; }

    .header-links li > i { margin-right: 10px; color: var(--theme-color); }

.header-links li,
.header-links span,
.header-links p,
.header-links a { font-family: var(--body-font); color: var(--body-color); }

.header-links i { color: var(--body-color); }

.header-links b,
.header-links strong { font-weight: 600; }

.header-social .social-title { font-weight: 400; font-size: 16px; display: inline-block; margin: 0 10px 0 0; }

.header-social a { font-size: 14px; display: inline-block; color: var(--body-color); margin: 0 10px 0 0; }

    .header-social a:last-child { margin-right: 0; }

    .header-social a:hover { color: var(--theme-color); }

.link-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; margin-left: 40px; position: relative; z-index: 2; }

.link-box_icon i { font-size: 40px; color: var(--white-color); }

.link-box_text { color: var(--white-color); margin-bottom: 3px; }

.link-box_link { color: var(--title-color); font-size: 20px; font-weight: bold; }

    .link-box_link:hover { color: var(--theme-color); }

.header-logo { padding-top: 12px; padding-bottom: 12px; }

.header-notice { margin-bottom: 0; display: inline-block; margin-top: 6px; }

.icon-btn:hover .badge { background-color: var(--title-color); }

/* Header 1 ---------------------------------- */
.header-layout1 { position: relative; }

    .header-layout1:before,
    .header-layout1:after { content: ''; height: 150px; width: 18%; position: absolute; bottom: 0; z-index: 0; background-color: var(--white-color); }

    .header-layout1:before { left: 0; }

    .header-layout1:after { height: 90px; right: 0; background-color: var(--theme-color); }

    .header-layout1 .header-top { --body-color: #fff; background-color: #020101; padding: 13px 0; }

        .header-layout1 .header-top a:hover { color: var(--theme-color); }

    .header-layout1 .menu-area { background-color: var(--white-color); height: 90px; }

    .header-layout1 .main-menu { padding-left: 51px; }

    .header-layout1 .header-top-inner { padding-left: 270px; }

    .header-layout1 .header-button { position: relative; z-index: 2; }

.logo-style1 { position: relative; z-index: 2; padding: 0 0 0 0; margin-top: -60px;  }

    .logo-style1 img { height: 145px; }

/* Hight Resoulation devices */
@media (min-width: 1922px) {

    .header-layout1:before,
    .header-layout1:after { width: 26%; }
}

@media (max-width: 1700px) {
	.header-layout1:before { width: 30vh; }
    .header-layout1:after { width: 14%; }

    .header-layout1 .link-box { display: none; }
}

/* Medium Large devices */
@media (max-width: 1399px) {

    .header-layout1::before{ width: 30vh; }
    .header-layout1:after { width: 17%; }

    .header-layout1 .header-button .as-btn { display: none; }
}

/* Medium Large devices */
@media (max-width: 1299px) {
    .header-layout1 .main-menu { padding-left: 70px; }

    .header-layout1 .header-top-inner { padding-left: 222px; }
}

/* Large devices */
@media (max-width: 1199px) {

    .header-layout1:before,
    .header-layout1:after { display: none; }

    .header-layout1 .header-button { position: absolute; right: 125px; margin-top: 77px; }

    .header-layout1 .main-menu { padding-left: 0; margin-left: auto; }

    .header-layout1 .header-top-inner { padding-left: 0; }

    .logo-style1 { margin-top: 0; }

        .logo-style1 img { height: 65px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .header-layout1 .header-top { padding: 9px 0; }

    .header-layout1 .header-top-inner { padding-left: 0; }

    .logo-style1 { padding: 12px 0; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .logo-style1 img { height: 60px; }
    .header-links li:not(:last-child) { padding: 0 10px 0 0; margin: 0 10px 0 0; }
    .header-links li, .header-links span, .header-links p, .header-links a { font-size: 13px; }
}

/* Header 2 ---------------------------------- */
.header-info { display: inline-block; margin-bottom: 0; color: var(--body-color); margin-right: 25px; font-weight: 500; }

    .header-info:last-child { margin-right: 0; }

    .header-info i { height: 30px; width: 30px; line-height: 31px; background-color: rgba(255, 255, 255, 0.3); color: var(--body-color); text-align: center; margin-right: 6px; font-size: 13px; border-radius: 99px; }

    .header-info a { color: inherit; }

.header-top .as-social a { --icon-size: 30px; line-height: 31px; background-color: rgba(255, 255, 255, 0.3); color: var(--body-color); font-size: 13px; margin-right: 2px; }

    .header-top .as-social a:last-child { margin-right: 0; }

.header-shape1 { width: 100%; max-width: 1680px; height: 124px; background-color: var(--theme-color); position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z"); clip-path: path("M6.93299 11.866C18.108 34.16 35.985 57.951 52.323 72.275C85.979 101.781 123.106 118.156 167.211 122.945C173.923 123.674 382.207 123.99 841.711 123.969C1547.75 123.936 1515.41 124.142 1537 119.542C1574.47 111.561 1609.87 92.266 1637 65.038C1653.26 48.714 1664.48 32.965 1675.51 10.978L1681.02 0H841.001H0.984985L6.93299 11.866Z"); z-index: -1; }

@media (max-width: 1680px) {
    .header-shape1 { -webkit-clip-path: none; clip-path: none; border-radius: 0 0 130% 130% / 0 0 999px 999px; }
}

.header-layout2 { position: absolute; top: 0; left: 0; width: 100%; z-index: 40; }

    .header-layout2 .header-top { --body-color: #fff; padding: 15px 0; }

    .header-layout2 .menu-area { padding: 0 30px; border-radius: 999px; box-shadow: 0px 15px 20px rgba(1, 15, 28, 0.1); background-color: var(--white-color); }

    .header-layout2 .main-menu > ul > li > a { padding: 47px 0; }

    .header-layout2 .will-sticky .sticky-active { background-color: transparent; box-shadow: none; }

/* Large devices */
@media (max-width: 1199px) {
    .header-layout2 .header-top { display: none; }

    .header-layout2 .main-menu > ul > li > a { padding: 42px 0; }

    .header-shape1 { height: 60px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .header-shape1 { height: 47px; }

    .header-layout2 .header-top { padding: 10px 0; }

    .header-layout2 .menu-area { border-radius: 8px; padding: 0 20px; }

    .header-logo img { height: 70px; }
}

/* Header 3 ---------------------------------- */
.header-layout3 .main-menu > ul > li > a { padding: 46.5px 0; }

/*------------------- 4.3. Footer  -------------------*/
.footer-wrapper { position: relative; z-index: 2; margin-top: -25px; }

    .footer-wrapper .newsletter-title { color: var(--white-color); }

    .footer-wrapper .as-social a { background-color: transparent; color: var(--body-color); border: 1px solid var(--body-color); }

        .footer-wrapper .as-social a:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); }

.widget-area { padding-top: var(--section-space); padding-bottom: 75px; }

.copyright-wrap { padding: 29px 0; }

.copyright-text { margin: 0; }

    .copyright-text a { color: inherit; }

        .copyright-text a:hover { color: var(--theme-color); }

/* Medium Large devices */
@media (max-width: 1399px) {
    .as-social a { margin-right: 3px; }

        .as-social a:last-child { margin-right: 0; }
}

.footer-links ul { padding: 0; margin: 0; }

.footer-links li { font-family: var(--body-font); display: inline-block; padding-right: 15px; margin-right: 10px; position: relative; }

    .footer-links li:after { content: ''; height: 20px; width: 1px; background-color: var(--body-color); position: absolute; top: 50%; right: 0; margin: -10px 0; }

    .footer-links li:last-child { margin-right: 0; padding-right: 0; }

        .footer-links li:last-child:after { display: none; }

.footer-links a { font-family: inherit; color: var(--body-color); }

    .footer-links a:hover { color: var(--theme-color); }

.as-widget-contact { max-width: 280px; }

.info-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; align-items: center; }

    .info-box:last-child { margin-bottom: -5px; }

.info-box_icon { width: 30px; height: 30px; min-width: 30px; line-height: 32px; font-size: 14px; background-color: var(--theme-color); color: var(--white-color); border-radius: 999px; text-align: center; margin-right: 10px; }

.info-box_text { display: block; color: var(--body-color); margin-top: -0.45em; margin-bottom: 0; }

.info-box_link { display: inline-block; color: var(--body-color); }

    .info-box_link:hover { color: var(--theme-color); }

/* Footer 1 ---------------------------------- */
.footer-layout1 { background-color: var(--title-color); --body-color: #F2F2F2; --border-color: #4D5765; }

    .footer-layout1 .footer-widget { --title-color: #fff; }

    .footer-layout1 .widget-area { padding-top: var(--section-space); padding-bottom: 75px; }

    .footer-layout1 .copyright-wrap { padding: 26px 0; background-color: var(--title-color); }

.footer-top { padding: 15px 0; border-bottom: 1px solid var(--border-color); }

    .footer-top .footer-logo { border-right: 1px solid var(--border-color); }

.subscribe-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding-left: 16px; }

.subscribe-box_text { color: #bdbdbd; margin-bottom: 0; font-size: 14px; }

.subscribe-box_title { color: var(--white-color); margin-bottom: 0; font-weight: 600; font-size: 24px; line-height: normal; }

.newsletter-form { width: 100%; max-width: 460px; gap: 10px; }

    .newsletter-form .form-control { border: 1px solid transparent; color: #4D5765; }

        .newsletter-form .form-control::-moz-placeholder { color: #4D5765; }

        .newsletter-form .form-control::-webkit-input-placeholder { color: #4D5765; }

        .newsletter-form .form-control:-ms-input-placeholder { color: #4D5765; }

        .newsletter-form .form-control::-ms-input-placeholder { color: #4D5765; }

        .newsletter-form .form-control::placeholder { color: #4D5765; }

    .newsletter-form .as-btn { min-width: 110px; padding: 20.5px 20px; }

/* Medium Large devices */
@media (max-width: 1299px) {
    .subscribe-box .newsletter-form { max-width: 430px; }
}

/* Large devices */
@media (max-width: 1199px) {
    .footer-top .footer-logo { text-align: center; border-right: none; padding: 0px 0 30px 0; }

    .subscribe-box { padding-left: 0; }
}

/* Medium devices */
@media (max-width: 991px) {
    .footer-layout1 .widget-area { padding-top: 80px; padding-bottom: 40px; }

    .footer-layout1 .copyright-text { text-align: center; }

    .subscribe-box { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; gap: 20px; flex-direction: column; }

    .newsletter-form { max-width: 500px; width: 100%; }

    .shape-mockup { display: none; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .newsletter-form { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
}

/* Footer 2 ---------------------------------- */
.footer-layout2 { background-color: var(--smoke-color2); }

    .footer-layout2 .copyright-wrap { background-color: var(--title-color); padding: 25px 0; --body-color: #fff; --border-color: #f2f2f2; }

.newsletter-wrap { position: relative; z-index: 3; border-radius: 20px; text-align: center; padding-left: 15px; padding-right: 15px; }

    .newsletter-wrap .newsletter-form { margin-left: auto; margin-right: auto; }

/* Footer 3 ---------------------------------- */
.footer-layout3 { background-color: var(--title-color); --body-color: #F2F2F2; --border-color: #4D5765; }

    .footer-layout3 .footer-widget,
    .footer-layout3 .contact-card { --title-color: #fff; }

    .footer-layout3 .widget-area { padding-top: var(--section-space); padding-bottom: 75px; }

    .footer-layout3 .footer-top { padding: 0; }

    .footer-layout3 .copyright-wrap { padding: 26px 0; background-color: var(--theme-color); }

        .footer-layout3 .copyright-wrap a:hover { color: var(--title-color); }

.footer-logo2 { padding-right: 70px; }

.contact-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; }

.contact-card-wrap { display: grid; grid-template-columns: auto auto auto; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 0 50px 70px; border-left: 1px solid var(--border-color); }

.contact-card_title { font-size: 20px; font-weight: 600; margin-bottom: 10px; margin-top: -0.35em; }

.contact-card .icon-btn { background-color: var(--theme-color) !important; color: #fff !important; font-size: 22px; }

.contact-card_text { margin-bottom: -0.5em; }

    .contact-card_text a { display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; color: inherit; }

        .contact-card_text a:hover { color: var(--theme-color); }

/* Large devices */
@media (max-width: 1199px) {
    .footer-logo2 { padding: 35px 0; text-align: center; }

    .contact-card-wrap { padding: 35px 0; border-left: none; border-top: 1px solid var(--border-color); }
}

/* Medium devices */
@media (max-width: 991px) {
    .contact-card-wrap { grid-template-columns: auto auto; gap: 30px 50px; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }
}

/* Small devices */
@media (max-width: 767px) {
    .contact-card { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; }

    .contact-card-wrap { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

    .contact-card_text a { margin-left: auto; margin-right: auto; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .contact-card-wrap { grid-template-columns: auto; }
}

/*------------------- 4.4. Breadcumb  -------------------*/
.breadcumb-menu { max-width: 100%; margin: 40px 0 0 0; list-style-type: none; position: relative; background: #eb0029; display: inline-flex; padding: 10px 20px; border-radius: 15px; }

    .breadcumb-menu li { display: inline-block; list-style: none; position: relative; }

        .breadcumb-menu li:after { content: '-'; position: relative; font-weight: 600; padding: 0px 10px; font-size: 15px; color: var(--white-color); }

        .breadcumb-menu li:last-child { padding-right: 0; margin-right: 0; }

            .breadcumb-menu li:last-child:after { display: none; }

    .breadcumb-menu li,
    .breadcumb-menu a,
    .breadcumb-menu span { white-space: normal; color: inherit; word-break: break-word; font-weight: 400; font-size: 18px; color: var(--white-color); }

.breadcumb-title { font-size: 48px; font-weight: 700; line-height: 1.18; color: var(--white-color); margin: -0.2em 0 -0.22em 0; font-family: var(--style-font); }

.breadcumb-wrapper { background-color: var(--title-color); padding: 45px 0; overflow: hidden; position: relative; z-index: 1; }

.breadcumb-shape { position: absolute; top: 0; right: 0; z-index: 1; height: 100%; width: 40%; }

    .breadcumb-shape img { width: 100%; height: 100%; object-fit: cover; object-position: left center; }

/* Large devices */
@media (max-width: 1199px) {
    .breadcumb-title { font-size: 42px; }

    .breadcumb-wrapper { padding: 140px 0; }
}

/* Medium devices */
@media (max-width: 991px) {
    .breadcumb-wrapper { padding: 120px 0; }

    .breadcumb-shape { width: 25%; }

    .breadcumb-menu { margin: 10px 0 0 0; padding: 0px 7px !important; }

        .breadcumb-menu li,
        .breadcumb-menu a,
        .breadcumb-menu span { font-size: 12px; }
    .breadcumb-content { text-align: center; }
    .breadcumb-title { font-size: 38px; }
}

/* Small devices */
@media (max-width: 767px) {
    .breadcumb-wrapper { padding: 20px 0; }

    .breadcumb-title { font-size: 20px; }
}

/*------------------- 4.5. Pagination  -------------------*/
.as-pagination { margin-bottom: 30px; }

    .as-pagination ul { margin: 0; padding: 0; }

    .as-pagination li { display: inline-block; margin: 0 3px; list-style-type: none; }

        .as-pagination li:last-child { margin-right: 0; }

        .as-pagination li:first-child { margin-left: 0; }

    .as-pagination span,
    .as-pagination a { display: inline-block; text-align: center; position: relative; border: none; color: var(--title-color); background-color: var(--smoke-color); width: 50px; height: 50px; line-height: 50px; z-index: 1; font-size: 16px; font-weight: 500; border-radius: 7px; }

        .as-pagination span.active,
        .as-pagination span:hover,
        .as-pagination a.active,
        .as-pagination a:hover { color: var(--white-color); background-color: var(--theme-color); box-shadow: none; }

/* Small devices */
@media (max-width: 767px) {

    .as-pagination span,
    .as-pagination a { width: 40px; height: 40px; line-height: 40px; font-size: 14px; }
}

/*------------------- 4.6. Blog  -------------------*/
blockquote,
.wp-block-quote { font-size: 16px; line-height: 1.6; padding: 50px 50px 50px 50px; font-weight: 500; display: block; position: relative; background-color: var(--smoke-color2); overflow: hidden; margin: 35px 0; color: var(--title-color); font-style: italic; border-radius: 10px; }

    blockquote p,
    .wp-block-quote p { font-size: inherit; font-family: inherit; margin-top: -0.3em; margin-bottom: 18px; line-height: inherit; color: inherit; width: 100%; position: relative; z-index: 3; }

        blockquote p a,
        .wp-block-quote p a { color: inherit; }

    blockquote:before,
    .wp-block-quote:before { content: ""; font-family: var(--icon-font); position: absolute; right: 40px; bottom: 40px; background-image: url("data:image/svg+xml,%3Csvg width='60' height='46' viewBox='0 0 60 46' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0.5V45.5L22.5 23V0.5H0ZM37.5 0.5V45.5L60 23V0.5H37.5Z' fill='%23010F1C'/%3E%3C/svg%3E"); width: 60px; height: 45px; opacity: 0.06; }

    blockquote cite,
    .wp-block-quote cite { display: block; font-size: 20px; position: relative; border-color: inherit; line-height: 1; font-weight: 500; margin-top: 0; margin-bottom: -0.1em; font-style: normal; font-family: var(--title-font); padding-left: 50px; margin-left: 10px; }

        blockquote cite:before,
        .wp-block-quote cite:before { content: ""; height: 2px; width: 50px; background-color: var(--theme-color); position: absolute; bottom: 9px; left: -10px; }

    blockquote.style-left-icon,
    blockquote.is-large,
    blockquote.is-style-large,
    blockquote.has-text-align-right,
    .wp-block-quote.style-left-icon,
    .wp-block-quote.is-large,
    .wp-block-quote.is-style-large,
    .wp-block-quote.has-text-align-right { padding: 50px; }

    blockquote.style-left-icon,
    .wp-block-quote.style-left-icon { font-size: 18px; color: var(--body-color); font-weight: 400; line-height: 1.556; background-color: var(--smoke-color); padding-left: 160px; }

        blockquote.style-left-icon:before,
        .wp-block-quote.style-left-icon:before { right: unset; left: 56px; top: 60px; font-size: 6rem; font-weight: 400; line-height: 4rem; color: var(--theme-color); text-shadow: none; }

        blockquote.style-left-icon cite,
        .wp-block-quote.style-left-icon cite { color: var(--title-color); }

            blockquote.style-left-icon cite:before,
            .wp-block-quote.style-left-icon cite:before { background-color: var(--title-color); top: 8px; }

    blockquote.is-large cite:before,
    blockquote.is-style-large cite:before,
    .wp-block-quote.is-large cite:before,
    .wp-block-quote.is-style-large cite:before { top: unset; bottom: 13px; }

    blockquote.has-text-align-right:before,
    .wp-block-quote.has-text-align-right:before { content: "\f10d"; right: unset; left: 60px; }

.wp-block-pullquote { color: var(--white-color); padding: 0; }

blockquote.has-very-dark-gray-color { color: var(--white-color) !important; }

.wp-block-column blockquote,
.wp-block-column .wp-block-quote { padding: 100px 15px 30px 15px; }

    .wp-block-column blockquote:before,
    .wp-block-column .wp-block-quote:before { width: 100%; height: 60px; font-size: 30px; }

    .wp-block-column blockquote.style-left-icon,
    .wp-block-column blockquote.is-large:not(.is-style-plain),
    .wp-block-column blockquote.is-style-large:not(.is-style-plain),
    .wp-block-column blockquote.has-text-align-right,
    .wp-block-column .wp-block-quote.style-left-icon,
    .wp-block-column .wp-block-quote.is-large:not(.is-style-plain),
    .wp-block-column .wp-block-quote.is-style-large:not(.is-style-plain),
    .wp-block-column .wp-block-quote.has-text-align-right { padding: 100px 15px 30px 15px; }

.blog-meta { display: block; }

    .blog-meta span,
    .blog-meta a { display: inline-block; font-size: 14px; color: var(--body-color); position: relative; margin-right: 16px; padding-right: 20px; }

        .blog-meta span:after,
        .blog-meta a:after { content: ''; height: 20px; width: 1px; background-color: #bdbdbd; position: absolute; top: 50%; right: 0; margin-top: -10px; }

        .blog-meta span i,
        .blog-meta a i { margin-right: 6px; color: var(--theme-color); }

        .blog-meta span:last-child,
        .blog-meta a:last-child { margin-right: 0; padding-right: 0; }

            .blog-meta span:last-child:after,
            .blog-meta a:last-child:after { display: none; }

    .blog-meta .author { font-size: 16px; font-weight: 600; color: var(--title-color); }

    .blog-meta a:hover { color: var(--theme-color); }

.blog-audio img,
.blog-img img,
.blog-video img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.blog-title a { color: inherit; }

    .blog-title a:hover { color: var(--theme-color); }

.as-blog { margin-bottom: 30px; }

.blog-inner-title { font-size: 30px; margin-top: -0.25em; margin-bottom: 25px; }

    .blog-inner-title i { color: var(--theme-color); margin-right: 4px; }

.blog-author { margin-top: 40px; margin-bottom: 40px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: var(--smoke-color); border-radius: 8px; overflow: hidden; }

    .blog-author .auhtor-img { min-height: 100%; }

        .blog-author .auhtor-img img { height: 100%; object-fit: cover; object-position: center center; }

    .blog-author .author-name { font-size: 24px; margin-top: -0.2em; margin-bottom: 10px; }

    .blog-author .author-text { margin-bottom: 15px; }

    .blog-author .media-body { padding: 35px 40px 30px 40px; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; }

    .blog-author .as-social a { border-radius: 6px; --icon-size: 36px; font-size: 13px; }

@media (min-width: 1299px) {
    .blog-single { margin-right: 16px; }

    .as-comment-form,
    .as-comments-wrap { margin-right: 16px; }
}

.blog-single { position: relative; margin-bottom: 40px; box-shadow: 0px 10px 30px rgba(1, 15, 28, 0.04); padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px); border-radius: 20px; }

    .blog-single .blog-title { margin-bottom: 14px; font-size: 30px; font-weight: 600; }

    .blog-single .blog-text { margin-bottom: 26px; }

    .blog-single .social-links { margin: 0; padding: 8px 20px; list-style-type: none; display: inline-block; border: 1px solid var(--border-color); border-radius: 999px; }

        .blog-single .social-links li { display: inline-block; margin-right: 13px; }

            .blog-single .social-links li:last-child { margin-right: 0; }

        .blog-single .social-links a { line-height: 1; font-size: 16px; color: var(--title-color); text-align: center; display: block; }

            .blog-single .social-links a:hover { color: var(--theme-color); }

    .blog-single .blog-meta { margin: -0.3em 0 15px 0; }

    .blog-single .blog-content { margin: 0 0 0 0; position: relative; }

    .blog-single .blog-audio { line-height: 1; }

    .blog-single .blog-audio,
    .blog-single .blog-img,
    .blog-single .blog-video { position: relative; overflow: hidden; background-color: var(--smoke-color); margin-bottom: 35px; border-radius: inherit; }

.haberler { display: flex; align-items: center; }

.haberler-img { width: 100%; margin-right: 25px; max-width: 390px; margin-bottom: 0px !important; }

    .haberler-img img { height: 240px; object-fit: cover; }

.blog-single .blog-img .slick-arrow { --pos-x: 30px; --icon-size: 45px; border: none; background-color: var(--white-color); color: var(--theme-color); }

    .blog-single .blog-img .slick-arrow:hover { background-color: var(--theme-color); color: var(--white-color); }

.blog-single .blog-img .play-btn { --icon-size: 60px; position: absolute; left: 50%; top: 50%; margin: calc(var(--icon-size) / -2) 0 0 calc(var(--icon-size) / -2); }

.blog-single:hover .blog-img .slick-arrow { opacity: 1; visibility: visible; }

.share-links-title { font-size: 20px; color: var(--title-color); font-family: var(--title-font); font-weight: 700; margin: 0 15px 0 0; display: inline-block; }

.share-links { margin: 30px 0 0 0; border-top: 1px solid var(--border-color); padding: var(--blog-space-y, 40px) 0 0 0; }

    .share-links > .row { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; --bs-gutter-y: 20px; }

    .share-links .wp-block-tag-cloud,
    .share-links .tagcloud { display: inline-block; }

.blog-details .blog-single { background-color: transparent; }

/* Medium Large devices */
@media (max-width: 1399px) {
    .blog-single .blog-title { font-size: 26px; }

    .share-links { --blog-space-x: 20px; }
}

/* Large devices */
@media (max-width: 1199px) {

    blockquote,
    .wp-block-quote { padding: 40px 20px 40px 20px; }

        blockquote:before,
        .wp-block-quote:before { font-size: 4rem; line-height: 2.5rem; }

        blockquote.style-left-icon,
        blockquote.is-large:not(.is-style-plain),
        blockquote.is-style-large:not(.is-style-plain),
        blockquote.has-text-align-right,
        .wp-block-quote.style-left-icon,
        .wp-block-quote.is-large:not(.is-style-plain),
        .wp-block-quote.is-style-large:not(.is-style-plain),
        .wp-block-quote.has-text-align-right { padding: 40px 20px 40px 20px; }

    .blog-single { --blog-space-x: 30px; --blog-space-y: 30px; border-radius: 15px; }

    .blog-meta span,
    .blog-meta a { margin-right: 11px; padding-right: 15px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .blog-single { --blog-space-x: 40px; --blog-space-y: 40px; }

    .share-links { --blog-space-x: 40px; }
}

/* Small devices */
@media (max-width: 767px) {
    .share-links { --blog-space-x: 20px; }

    .blog-single .social-links { padding: 5px 20px; }

    .wp-block-pullquote.is-style-solid-color blockquote { max-width: 90%; }

    blockquote cite,
    .wp-block-quote cite { font-size: 18px; }

    .blog-inner-title { font-size: 24px; }

    .blog-author { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

        .blog-author .auhtor-img img { width: 100%; }

    .blog-single { --blog-space-x: 20px; --blog-space-y: 40px; }

        .blog-single .blog-audio,
        .blog-single .blog-img,
        .blog-single .blog-video { margin-bottom: 25px; }

            .blog-single .blog-audio img,
            .blog-single .blog-img img,
            .blog-single .blog-video img { min-height: 180px; object-fit: cover; }

        .blog-single .blog-title { font-size: 24px; line-height: 1.3; }

        .blog-single .blog-text { margin-bottom: 20px; }

        .blog-single .share-links-title { font-size: 18px; display: block; margin: 0 0 10px 0; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .blog-author .media-body { padding: 35px 20px 30px 20px; }

    .blog-inner-title { font-size: 24px; }

    .blog-meta span,
    .blog-meta a { margin-right: 5px; padding-right: 5px; }

        .blog-meta span:after,
        .blog-meta a:after { display: none; }
}

/*------------------- 4.7. Comments  -------------------*/
.as-comment-form { margin-top: var(--blog-space-y, 40px); margin-bottom: 30px; padding: var(--blog-space-y, 40px) var(--blog-space-x, 40px); position: relative; }

    .as-comment-form .row { --bs-gutter-x: 20px; }

    .as-comment-form .blog-inner-title { margin-bottom: 10px; }

    .as-comment-form .form-title { margin-top: -0.35em; }

        .as-comment-form .form-title a#cancel-comment-reply-link { font-size: 0.7em; text-decoration: underline; }

    .as-comment-form .form-text { margin-bottom: 25px; }

.blog-comment-area { margin-bottom: 25px; }

.as-comment-form,
.as-comments-wrap { padding: 40px; box-shadow: 0px 6px 30px rgba(7, 36, 95, 0.04); border-radius: 20px; }

.as-comments-wrap { margin-top: var(--blog-space-y, 40px); margin-bottom: 30px; }

    .as-comments-wrap .description p:last-child { margin-bottom: -0.5em; }

    .as-comments-wrap .comment-respond { margin: 30px 0; }

    .as-comments-wrap pre { background: #ededed; color: #666; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre-wrap; word-wrap: break-word; }

    .as-comments-wrap li { margin: 0; }

    .as-comments-wrap .as-post-comment { padding: 0; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30px; padding-bottom: 30px; position: relative; border-bottom: 1px solid var(--border-color); }

        .as-comments-wrap .as-post-comment ol,
        .as-comments-wrap .as-post-comment ul,
        .as-comments-wrap .as-post-comment dl { margin-bottom: 1rem; }

            .as-comments-wrap .as-post-comment ol ol,
            .as-comments-wrap .as-post-comment ol ul,
            .as-comments-wrap .as-post-comment ul ol,
            .as-comments-wrap .as-post-comment ul ul { margin-bottom: 0; }

    .as-comments-wrap ul.comment-list { list-style: none; margin: 0; padding: 0; margin-bottom: -30px; }

        .as-comments-wrap ul.comment-list ul ul,
        .as-comments-wrap ul.comment-list ul ol,
        .as-comments-wrap ul.comment-list ol ul,
        .as-comments-wrap ul.comment-list ol ol { margin-bottom: 0; }

    .as-comments-wrap .comment-avater { width: 80px; height: 80px; margin-right: 20px; overflow: hidden; border-radius: 999px; }

        .as-comments-wrap .comment-avater img { width: 100%; }

    .as-comments-wrap .comment-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: -6px; position: relative; }

    .as-comments-wrap .commented-on { font-size: 14px; display: inline-block; margin-bottom: 2px; font-weight: 400; color: var(--body-color); }

        .as-comments-wrap .commented-on i { margin-right: 7px; font-size: 0.9rem; }

    .as-comments-wrap .name { margin-bottom: 12px; font-size: 20px; }

    .as-comments-wrap .comment-top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

    .as-comments-wrap .text { margin-bottom: 10px; }

    .as-comments-wrap .children { margin: 0; padding: 0; list-style-type: none; margin-left: 80px; }

    .as-comments-wrap .reply_and_edit { margin-top: 12px; margin-bottom: -0.46em; }

        .as-comments-wrap .reply_and_edit a { margin-right: 10px; }

            .as-comments-wrap .reply_and_edit a:last-child { margin-right: 0; }

    .as-comments-wrap .reply-btn { font-weight: 600; font-size: 16px; color: var(--theme-color); display: inline-block; }

        .as-comments-wrap .reply-btn i { margin-right: 7px; }

        .as-comments-wrap .reply-btn:hover { color: var(--title-color); }

    .as-comments-wrap .star-rating { font-size: 12px; margin-bottom: 10px; position: absolute; top: 5px; right: 0; width: 80px; }

ul.comment-list .as-comment-item:last-child > .as-post-comment { border-bottom: none; padding-bottom: 0; }

ul.comment-list .as-comment-item:first-child > .as-post-comment { padding-bottom: 30px; border-bottom: 1px solid var(--border-color); }

.as-comments-wrap.as-comment-form { margin: 0; }

/* Large devices */
@media (max-width: 1199px) {

    .as-comment-form,
    .as-comments-wrap { padding: 40px 30px; }

        .as-comments-wrap .children { margin-left: 40px; }
}

/* Medium devices */
@media (max-width: 991px) {

    .as-comment-form,
    .as-comments-wrap { padding: 40px; }
}

/* Small devices */
@media (max-width: 767px) {

    .as-comment-form,
    .as-comments-wrap { padding: 40px 20px; }

        .as-comments-wrap .as-post-comment { display: block; }

        .as-comments-wrap .star-rating { position: relative; top: 0; right: 0; }

        .as-comments-wrap .comment-top { display: block; }

        .as-comments-wrap .comment-avater { margin-right: 0; margin-bottom: 25px; }

        .as-comments-wrap .children { margin-left: 40px; }

        .as-comments-wrap .children { margin-left: 30px; }
}

/* Small devices */
@media (max-width: 767px) {
    .as-comment-form { --blog-space-x: 20px; }
}

/*------------------- 4.8. Hero Area  -------------------*/
/* Hero Global ---------------------------------- */
.as-hero-carousel .icon-btn { width: 58px !important; height: 58px !important; line-height: 58px !important; padding: 0 !important; }

.hero-title .font-style { font-family: "Lobster Two", cursive !important; }

.hero-title .text-theme2 { color: #ff9d2d !important; }

.hero-title .text-theme { color: #EB0029 !important; }

.hero-1.phone { max-height: 550px !important; }

.hero-2.phone { max-height: 700px !important; }

/* Extra large devices */
@media (max-width: 1500px) {
    .hero-3 .icon-btn { display: none !important; }
}

/*------------------- 4.9. Error  -------------------*/
.error-content { text-align: center; margin: 0 auto; }

.error-img { margin-bottom: 40px; text-align: center; }

.error-title { font-size: 64px; font-family: var(--style-font); margin-bottom: 14px; }

.error-text { margin-bottom: 30px; font-size: 24px; font-weight: 600; }

/* Medium devices */
@media (max-width: 991px) {
    .error-img { margin-bottom: 20px; }

    .error-title { font-size: 44px; margin-bottom: 10px; }

    .error-text { font-size: 20px; margin-bottom: 20px; }
}

/* Small devices */
@media (max-width: 767px) {
    .error-title { font-size: 36px; }

    .error-text { font-size: 18px; font-weight: 500; line-height: 1.5; }
}

/*------------------- 4.00. Popup Search  -------------------*/
.popup-search-box { position: fixed; top: 0; left: 50%; background-color: rgba(0, 0, 0, 0.95); height: 0; width: 0; overflow: hidden; z-index: 99999; opacity: 0; visibility: hidden; border-radius: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .popup-search-box button.searchClose { width: 60px; height: 60px; position: absolute; top: 40px; right: 40px; border-width: 1px; border-style: solid; border-color: var(--theme-color); background-color: transparent; font-size: 22px; border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; color: var(--theme-color); }

        .popup-search-box button.searchClose:hover { color: var(--body-color); background-color: #fff; border-color: transparent; border-color: transparent; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

    .popup-search-box form { position: absolute; top: 50%; left: 50%; display: inline-block; padding-bottom: 40px; cursor: auto; width: 100%; max-width: 700px; -webkit-transform: translate(-50%, -50%) scale(0); -ms-transform: translate(-50%, -50%) scale(0); transform: translate(-50%, -50%) scale(0); -webkit-transition: -webkit-transform ease 0.4s; transition: -webkit-transform ease 0.4s; transition: transform ease 0.4s; transition: transform ease 0.4s, -webkit-transform ease 0.4s; /* Large devices */ }

@media (max-width: 1199px) {
    .popup-search-box form { max-width: 600px; }
}

.popup-search-box form input { font-size: 18px; height: 70px; width: 100%; border: 2px solid var(--theme-color); background-color: transparent; padding-left: 30px; color: #fff; border-radius: 50px; }

    .popup-search-box form input::-moz-placeholder { color: #fff; }

    .popup-search-box form input::-webkit-input-placeholder { color: #fff; }

    .popup-search-box form input:-ms-input-placeholder { color: #fff; }

    .popup-search-box form input::-ms-input-placeholder { color: #fff; }

    .popup-search-box form input::placeholder { color: #fff; }

.popup-search-box form button { position: absolute; top: 0px; background-color: transparent; border: none; color: #fff; font-size: 24px; right: 12px; color: var(--white-color); cursor: pointer; width: 70px; height: 70px; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; -webkit-transform: scale(1.001); -ms-transform: scale(1.001); transform: scale(1.001); }

    .popup-search-box form button:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.popup-search-box.show { opacity: 1; visibility: visible; width: 100.1%; height: 100%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; border-radius: 0; }

    .popup-search-box.show form { -webkit-transition-delay: 0.5s; transition-delay: 0.5s; -webkit-transform: translate(-50%, -50%) scale(1); -ms-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

/*------------------- 4.00. Popup Side Menu  -------------------*/
.sidemenu-wrapper { position: fixed; z-index: 99999; right: 0; top: 0; height: 100%; width: 0; background-color: rgba(0, 0, 0, 0.75); opacity: 0; visibility: hidden; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; }

    .sidemenu-wrapper .closeButton { display: inline-block; border: 2px solid; width: 50px; height: 50px; line-height: 50px; font-size: 24px; padding: 0; position: absolute; top: 20px; right: 20px; background-color: var(--white-color); border-radius: 50%; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

        .sidemenu-wrapper .closeButton:hover { color: var(--theme-color); border-color: var(--theme-color); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

    .sidemenu-wrapper .sidemenu-content { background-color: var(--white-color); width: 450px; margin-left: auto; padding: 120px 30px 80px 30px; height: 100%; overflow: scroll; position: relative; right: -500px; cursor: auto; -webkit-transition-delay: 1s; transition-delay: 1s; -webkit-transition: right ease 1s; transition: right ease 1s; }

        .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar-track { box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); background-color: #F5F5F5; }

        .sidemenu-wrapper .sidemenu-content::-webkit-scrollbar { width: 2px; background-color: #F5F5F5; }

    .sidemenu-wrapper .widget { padding: 0; border: none; background-color: transparent; }

    .sidemenu-wrapper.show { opacity: 1; visibility: visible; width: 100%; -webkit-transition: all ease 0.8s; transition: all ease 0.8s; }

        .sidemenu-wrapper.show .sidemenu-content { right: 0; opacity: 1; visibility: visible; }

/*------------------- 4.00. Wocommerce  -------------------*/
.woocommerce-message,
.woocommerce-info { position: relative; padding: 11px 20px 11px 50px; background-color: #d3d3d3; color: var(--body-color); font-size: 16px; font-weight: 500; margin-bottom: 15px; border-radius: 0; }

    .woocommerce-message a,
    .woocommerce-info a { color: var(--title-color); text-decoration: underline; }

        .woocommerce-message a:hover,
        .woocommerce-info a:hover { color: var(--theme-color); }

    .woocommerce-message:before,
    .woocommerce-info:before { content: '\f06a'; font-family: var(--icon-font); font-weight: 400; margin-right: 10px; font-size: 18px; position: absolute; left: 20px; top: 11px; }

.woocommerce-notices-wrapper .woocommerce-message { background-color: var(--theme-color); color: var(--white-color); }

    .woocommerce-notices-wrapper .woocommerce-message:before { content: '\f14a'; font-weight: 300; }

.woocommerce-form-login-toggle .woocommerce-info { background-color: var(--theme-color); color: var(--white-color); }

    .woocommerce-form-login-toggle .woocommerce-info a { color: inherit; }

        .woocommerce-form-login-toggle .woocommerce-info a:hover { color: var(--white-color); }

.woocommerce-form-register,
.woocommerce-form-coupon,
.woocommerce-form-login { padding: 35px 40px 35px 40px; background-color: var(--smoke-color); margin-bottom: 0; /* Extra small devices */ }

    .woocommerce-form-register select,
    .woocommerce-form-register .form-control,
    .woocommerce-form-register .form-select,
    .woocommerce-form-register textarea,
    .woocommerce-form-register input,
    .woocommerce-form-coupon select,
    .woocommerce-form-coupon .form-control,
    .woocommerce-form-coupon .form-select,
    .woocommerce-form-coupon textarea,
    .woocommerce-form-coupon input,
    .woocommerce-form-login select,
    .woocommerce-form-login .form-control,
    .woocommerce-form-login .form-select,
    .woocommerce-form-login textarea,
    .woocommerce-form-login input { background-color: var(--white-color); }

@media (max-width: 575px) {

    .woocommerce-form-register,
    .woocommerce-form-coupon,
    .woocommerce-form-login { padding: 40px 20px; }
}

.woocommerce-form-register .form-group,
.woocommerce-form-coupon .form-group,
.woocommerce-form-login .form-group { margin-bottom: 20px; }

    .woocommerce-form-register .form-group:last-child,
    .woocommerce-form-coupon .form-group:last-child,
    .woocommerce-form-login .form-group:last-child { margin-bottom: 0; }

.woocommerce-error { background-color: var(--error-color); color: #fff; list-style: none; padding: 10px 26px; margin: 0 0 30px 0; border-radius: 5px; font-weight: 700; font-size: 14px; }

nav.woocommerce-MyAccount-navigation li { border: 1px solid #ddd; margin: 0; border-top: none; }

    nav.woocommerce-MyAccount-navigation li:first-child { border-top: 1px solid #ddd; }

    nav.woocommerce-MyAccount-navigation li a { color: var(--title-color); font-weight: 700; padding: 7px 17px; display: block; }

        nav.woocommerce-MyAccount-navigation li.is-active a,
        nav.woocommerce-MyAccount-navigation li a:hover { color: var(--white-color); background-color: var(--theme-color); }

.woocommerce-MyAccount-content h3 { margin-top: -0.3em; }

.woocommerce-MyAccount-content .btn { background-color: var(--theme-color); color: var(--white-color); font-size: 14px; padding: 10px 25px; font-weight: 700; }

    .woocommerce-MyAccount-content .btn:hover { background-color: var(--title-color); color: var(--white-color); }

table.variations,
.woocommerce-grouped-product-list-item { border-collapse: separate; border-spacing: 0 15px; margin-bottom: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: none; }

    table.variations td,
    .woocommerce-grouped-product-list-item td { border: none; vertical-align: middle; padding: 0 5px; }

        table.variations td:first-child,
        .woocommerce-grouped-product-list-item td:first-child { padding: 0; }

    table.variations label,
    .woocommerce-grouped-product-list-item label { margin: 0; font-size: 14px; text-transform: capitalize; }

        table.variations label a,
        .woocommerce-grouped-product-list-item label a { color: var(--title-color); }

            table.variations label a:hover,
            .woocommerce-grouped-product-list-item label a:hover { color: var(--theme-color); }

    table.variations .label,
    .woocommerce-grouped-product-list-item .label { border: none; }

table.variations__label,
.woocommerce-grouped-product-list-item__label { border: none !important; font-weight: 600; }

table.variations__price,
.woocommerce-grouped-product-list-item__price { border: none !important; }

    table.variations__price .price,
    table.variations__price .amount,
    .woocommerce-grouped-product-list-item__price .price,
    .woocommerce-grouped-product-list-item__price .amount { font-size: 18px !important; }

table.variations del,
.woocommerce-grouped-product-list-item del { margin-left: 12px; }

.woocommerce-product-attributes th,
.woocommerce-product-attributes td { border: 1px solid var(--border-color); }

    .woocommerce-product-attributes th p:last-child,
    .woocommerce-product-attributes td p:last-child { margin-bottom: 0; }

.woocommerce-grouped-product-list.group_table { border-collapse: collapse; margin-bottom: 15px; }

    .woocommerce-grouped-product-list.group_table .woocommerce-Price-amount.amount { font-size: 16px; color: var(--title-color); }

    .woocommerce-grouped-product-list.group_table label { margin: 0 0 0 10px; margin: 0 0 0 10px; font-family: var(--title-font); font-size: 18px; }

    .woocommerce-grouped-product-list.group_table .qty-input { border-color: #e3e6e9; }

    .woocommerce-grouped-product-list.group_table tr { border-bottom: 1px solid #e3e6e9; }

        .woocommerce-grouped-product-list.group_table tr:last-child { border-bottom: none; }

    .woocommerce-grouped-product-list.group_table td { padding: 30px 5px; }

table.variations { width: -webkit-max-content; width: -moz-max-content; width: max-content; position: relative; }

    table.variations td { padding: 0; }

        table.variations td.label { padding-right: 10px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

    table.variations select { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-weight: 400; line-height: 1.5; vertical-align: middle; margin: 0; padding-right: 54px; padding-left: 20px; height: 50px; }

    table.variations .reset_variations { margin-left: 16px; display: inline-block; position: absolute; left: 100%; bottom: 25px; }

.woosq-product .product .woocommerce-grouped-product-list-item__quantity,
.woosq-product .product .woocommerce-grouped-product-list-item__label,
.woosq-product .product .woocommerce-grouped-product-list-item__price { width: auto !important; }

.woocommerce-variation.single_variation { margin-bottom: 30px; }

    .woocommerce-variation.single_variation .price { color: var(--title-color); font-weight: 700; }

.wooscp-table-items td.woocommerce-product-attributes-item__value { padding-left: 15px !important; }

.wooscp-table-items a.added_to_cart.wc-forward { margin-left: 15px; text-decoration: underline; }

.tinvwl_added_to_wishlist.tinv-modal.tinv-modal-open { z-index: 1111; }

table.woocommerce-product-attributes { margin-bottom: 30px; }

#woosq-popup .product_meta { margin-top: 20px; }

#woosq-popup .product_title { font-size: 24px; margin-bottom: 5px; }

#woosq-popup .single-product .product .actions { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 20px; }

    #woosq-popup .single-product .product .actions > div { height: auto; overflow: visible; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

        #woosq-popup .single-product .product .actions > div .quantity.style2.woocommerce-grouped-product-list-item__quantity { width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.login-tab { margin-bottom: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

    .login-tab button.nav-link { background-color: var(--smoke-color); color: var(--title-color); padding: 11px 39px; font-size: 18px; font-weight: 500; border-radius: 15px ​15px 0; }

        .login-tab button.nav-link.active { background-color: var(--theme-color); color: var(--white-color); }

.star-rating { overflow: hidden; position: relative; width: 100px; height: 1.2em; line-height: 1.2em; display: block; font-family: var(--icon-font); font-weight: 700; font-size: 14px; }

    .star-rating:before { content: "\e28b\e28b\e28b\e28b\e28b"; color: var(--yellow-color); float: left; top: 0; left: 0; position: absolute; letter-spacing: 3px; font-weight: 400; }

    .star-rating span { overflow: hidden; float: left; top: 0; left: 0; position: absolute; padding-top: 1.5em; }

        .star-rating span:before { content: "\e28b\e28b\e28b\e28b\e28b"; top: 0; position: absolute; left: 0; color: var(--yellow-color); letter-spacing: 3px; }

.rating-select label { margin: 0; margin-right: 10px; }

.rating-select p.stars { margin-bottom: 0; line-height: 1; }

    .rating-select p.stars a { position: relative; height: 14px; width: 18px; text-indent: -999em; display: inline-block; text-decoration: none; }

        .rating-select p.stars a::before { display: block; position: absolute; top: 0; left: 0; width: 18px; height: 14px; line-height: 1; font-family: var(--icon-font); content: "\f005"; font-weight: 400; text-indent: 0; color: var(--yellow-color); }

        .rating-select p.stars a:hover ~ a::before { content: "\f005"; font-weight: 400; }

    .rating-select p.stars:hover a::before { content: "\f005"; font-weight: 700; }

    .rating-select p.stars.selected a.active::before { content: "\f005"; font-weight: 700; }

    .rating-select p.stars.selected a.active ~ a::before { content: "\f005"; font-weight: 400; }

    .rating-select p.stars.selected a:not(.active)::before { content: "\f005"; font-weight: 700; }

/* Small devices */
@media (max-width: 767px) {

    .woocommerce-message,
    .woocommerce-info { font-size: 14px; line-height: 22px; padding: 10px 15px 10px 37px; }

        .woocommerce-message:before,
        .woocommerce-info:before { font-size: 16px; top: 10px; left: 15px; }
}

/*------------------- 4.00. Products  -------------------*/
.as-product { text-align: center; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }

    .as-product .product-title { font-size: 24px; margin: 6px 0 9px 0; font-weight: 600; }

        .as-product .product-title a { color: inherit; }

            .as-product .product-title a:hover { color: var(--theme-color); }

    .as-product .price { display: block; color: var(--theme-color); font-weight: bold; margin-bottom: -0.45em; font-family: var(--body-font-2); }

        .as-product .price del { margin-left: 10px; color: var(--body-color); }

    .as-product .product-img { position: relative; margin: 0 0 -120px 0; text-align: center; z-index: 3; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

        .as-product .product-img img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .as-product .product-content { background-color: var(--white-color); box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.06); border-radius: 20px; padding: 125px 10px 30px 10px; position: relative; z-index: 2; }

        .as-product .product-content:after { content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: inherit; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; z-index: -2; }

    .as-product .category { display: block; color: var(--body-color); margin: -0.5em 0 5px 0; }

        .as-product .category:hover { color: var(--theme-color); }

    .as-product .product-rating { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 4px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-weight: 500; font-size: 15px; }

    .as-product .star-rating { margin: 0 auto 2px auto; width: 93px; }

    .as-product .actions { --btn-size: 46px; text-align: center; margin-top: 30px; }

        .as-product .actions .icon-btn { box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05); background-color: var(--theme-color); color: var(--white-color); }

            .as-product .actions .icon-btn:hover { background-color: var(--title-color); }

        .as-product .actions > * { margin: 0 var(--icon-gap-x, 3px); }

            .as-product .actions > * > a { margin: 0; }

    .as-product .icon-btn:nth-child(1),
    .as-product .icon-btn:nth-child(3) { background-color: var(--title-color); -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

        .as-product .icon-btn:nth-child(1):hover,
        .as-product .icon-btn:nth-child(3):hover { background-color: var(--theme-color); }

    .as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
    .as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 46px; height: 46px; line-height: 46px; display: inline-block; }

        .as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
        .as-product .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: 0; left: 0; line-height: inherit; margin: 0; font-size: 24px; }

    .as-product .tinv-wishlist a { display: inline-block; width: 46px; height: 46px; line-height: 46px; background-color: var(--white-color); color: var(--title-color); border-radius: 50%; }

        .as-product .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color); }

    .as-product .add_to_cart_button.added { display: none; }

    .as-product .added_to_cart { width: 46px; height: 46px; line-height: 46px; background-color: var(--white-color); color: var(--title-color); font-size: 0; text-align: center; border-radius: 50%; }

        .as-product .added_to_cart:after { content: "\f07a"; position: relative; font-family: var(--icon-font); font-size: 16px; font-weight: 700; }

        .as-product .added_to_cart:hover { background-color: var(--title-color); color: var(--white-color); }

    .as-product:hover .icon-btn { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }

    .as-product:hover .product-content:after { border-bottom: 4px solid var(--theme-color); }

    .as-product.list-view { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-align: left; height: 100%; background-color: var(--smoke-color2); border: 1px solid #e2e2e2; border-radius: 10px; }

        .as-product.list-view .product-img { width: 100%; max-width: 185px; margin: 0; background-color: white; -webkit-border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-topleft: 10px; -moz-border-radius-bottomleft: 10px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

        .as-product.list-view .star-rating { margin: 0 auto 10px 0; width: 80px; position: absolute; top: 27px; right: 25px; font-size: 12px; }

            .as-product.list-view .star-rating:before { letter-spacing: 4px; }

            .as-product.list-view .star-rating span:before { letter-spacing: 4px; }

        .as-product.list-view .product-content { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 20px; position: relative; background-color: transparent; border-radius: 0; box-shadow: none; }

            .as-product.list-view .product-content:after { display: none; }

        .as-product.list-view .product-text { font-size: 14px; margin-bottom: 10px; max-width: 380px; }

        .as-product.list-view .icon-btn:nth-child(1),
        .as-product.list-view .icon-btn:nth-child(3) { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); visibility: visible; opacity: 1; }

        .as-product.list-view .actions { --btn-size: 30px; --btn-font-size: 12px; --icon-gap-x: 0px; position: absolute; bottom: 20px; right: 20px; margin-top: 18px; }

            .as-product.list-view .actions .as-btn { height: 40px; padding: 6px 19px; }

        .as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
        .as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 35px; height: 35px; line-height: 35px; }

            .as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
            .as-product.list-view .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { font-size: 20px; }

        .as-product.list-view .tinv-wishlist a { width: 35px; height: 35px; line-height: 35px; }

        .as-product.list-view .added_to_cart { width: 35px; height: 35px; line-height: 35px; }

            .as-product.list-view .added_to_cart:after { font-size: 16px; }

        .as-product.list-view .action-btn { padding: 8px 15px; }

        .as-product.list-view .tag { top: 8px; right: 8px; padding: 0px 15px; }

        .as-product.list-view .product-title { font-size: 20px; margin: -0.24em 0 10px 0; }

        .as-product.list-view .product-price { font-size: 14px; }

        .as-product.list-view:hover .product-img { background-color: white!important; }

            .as-product.list-view:hover .product-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.product_style1 { padding: 27px 0 45px 0; background-color: var(--white-color); box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.04); border-radius: 999px; }

    .product_style1 .product-content { background-color: transparent; padding: 0; box-shadow: none; }

        .product_style1 .product-content:after { display: none; }

    .product_style1 .product-img { margin-bottom: 0; }

.mfp-content { margin: 1.5rem auto; }

    .mfp-content .product-details-img { padding-top: 15px; }

    .mfp-content .product-about { padding: 20px !important; }

    .mfp-content .container { position: relative; max-width: 600px; }

.f-17 { font-size: 1.7rem; }

.popup_title_fiyat { justify-content: space-between; display: flex; align-items: center; }

.popup_header { border-bottom: 1px solid #ebebeb; }

.mfp-content .product-big-img { margin-top: 15px; margin-bottom: 15px; }

.mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.15s ease-out; transition: all 0.15s ease-out; }

    .mfp-fade.mfp-bg.mfp-ready { opacity: 0.8; }

    .mfp-fade.mfp-bg.mfp-removing { opacity: 0; }

.mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }

.mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; }

.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; }

.woosq-popup { max-height: 600px; max-width: 1220px; }

    .woosq-popup .product_meta > span > a:after,
    .woosq-popup .product_meta > span > span:after { display: none; }

.woosq-product > .product > div { max-height: 600px; min-height: 460px; height: auto; }

.as-sort-bar { background-color: var(--smoke-color); padding: 15px 30px; margin: 0 0 40px 0; border-radius: 5px; }

    .as-sort-bar .row { --bs-gutter-x: 0; --bs-gutter-y: 15px; }

    .as-sort-bar select { height: 50px; border: none; background-color: var(--white-color); width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 250px; font-size: 16px; margin: 0; color: var(--body-color); border-radius: 5px; }

    .as-sort-bar .woocommerce-result-count { margin-bottom: 0; color: var(--body-color); }

    .as-sort-bar .nav a { display: inline-block; position: relative; font-family: var(--title-font); font-weight: 600; font-size: 16px; text-transform: capitalize; color: var(--body-color); margin: 0 0 0 20px; }

        .as-sort-bar .nav a.active,
        .as-sort-bar .nav a:hover { color: var(--theme-color); }

.product-thumb-area { position: relative; }

    .product-thumb-area .product-thumb-tab { position: absolute; top: 0; left: 0; }

.product-thumb-tab { max-width: 100px; position: relative; }

    .product-thumb-tab .tab-btn { height: 100px; width: 100px; background-color: var(--smoke-color2); border-radius: 10px; padding: 18px 13px 13px 13px; cursor: pointer; }

        .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 24px; }

    .product-thumb-tab .indicator { position: absolute; top: var(--pos-y); left: var(--pos-x); width: var(--width-set); height: var(--height-set); border: 2px solid var(--theme-color); border-radius: 10px; pointer-events: none; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.product-big-img { background-color: var(--smoke-color2); text-align: center; max-width: calc(100% - 124px); height: 596px; margin-left: 124px; padding: 80px 33px 33px 33px; border-radius: 20px; }

    .product-big-img .img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 100%; }

.quantity { position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; vertical-align: middle; }

    .quantity > .screen-reader-text { display: inline-block; font-weight: 600; color: var(--title-color); font-family: var(--title-font); margin: 0; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; margin-right: 10px; }

    .quantity .qty-btn,
    .quantity .qty-btn-sepet,
    .quantity .qty-input,
    .quantity .qty-input-sepet { display: inline-block; width: 50px; height: 50px; border: none; border-right: none; background-color: transparent; padding: 0; border-radius: 0; text-align: center; color: var(--body-color); font-size: 18px; font-weight: 600; }

        .quantity .qty-btn:last-child,
        .quantity .qty-btn-sepet:last-child,
        .quantity .qty-input:last-child,
        .quantity .qty-input-sepet:last-child { border-right: none; }

    .quantity .qty-btn,
    .quantity .qty-btn-sepet { font-size: 16px; }

.product_meta { font-weight: 700; font-size: 16px; font-family: var(--body-font); margin: 35px 0 0 0; }

    .product_meta > span { display: block; margin-bottom: 5px; color: var(--title-color); font-weight: bold; }

        .product_meta > span:last-child { margin-bottom: 0; }

        .product_meta > span a { color: inherit; }

            .product_meta > span a:hover { color: var(--theme-color); }

        .product_meta > span > a,
        .product_meta > span > span { position: relative; color: var(--body-color); font-weight: 400; }

            .product_meta > span > a:after,
            .product_meta > span > span:after { content: ","; margin-right: 5px; }

            .product_meta > span > a:last-child:after,
            .product_meta > span > span:last-child:after { display: none; }

            .product_meta > span > a:first-child,
            .product_meta > span > span:first-child { margin-left: 7px; }

.product-tab-style1 { border-bottom: 1px solid var(--border-color); margin: 95px auto 40px auto; padding-bottom: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 24px; }

    .product-tab-style1 .as-btn { background-color: var(--smoke-color2); border: 1px solid var(--border-color); color: var(--title-color); }

        .product-tab-style1 .as-btn:before { background-color: var(--theme-color); }

        .product-tab-style1 .as-btn:hover,
        .product-tab-style1 .as-btn.active { color: var(--white-color); border-color: var(--theme-color); }

#productTabContent { margin-bottom: -10px; }

#additional_information { margin-bottom: 40px; }

.product-inner-list > ul { margin: 0; padding: 0; list-style-type: none; }

.product-inner-list li { position: relative; padding-left: 15px; }

    .product-inner-list li:before { content: "-"; position: absolute; left: 0; }

.summary-content,
.product-about { padding-left: 36px; }

    .summary-content .product-title,
    .product-about .product-title { margin: 0 0 10px 0; }

    .summary-content > .price,
    .product-about > .price { font-family: var(--body-font); font-size: 20px; font-weight: 700; color: var(--theme-color); display: inline-block; margin-bottom: 20px; }

        .summary-content > .price del,
        .product-about > .price del { color: var(--body-color); font-weight: 500; margin-left: 15px; }

    .summary-content .product-rating,
    .product-about .product-rating { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 5px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; top: 2px; font-size: 16px; line-height: 20px; padding: 0 0 0 0; margin: 0 0 0 0; margin-bottom: 20px; }

        .summary-content .product-rating .star-rating,
        .product-about .product-rating .star-rating { width: 80px; font-size: 12px; margin-right: 8px; }

    .summary-content .woocommerce-review-link,
    .product-about .woocommerce-review-link { color: var(--body-color); }

    .summary-content .checklist,
    .product-about .checklist { margin: 30px 0 40px 0; }

        .summary-content .checklist li,
        .product-about .checklist li { font-weight: 400; }

    .summary-content .actions,
    .product-about .actions { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px 24px; margin: 30px 0 30px 0; }

        .summary-content .actions .as-btn,
        .product-about .actions .as-btn { border-radius: 10px; }

            .summary-content .actions .as-btn .btn-icon,
            .product-about .actions .as-btn .btn-icon { padding: 10.5px 15px 10.5px 15px; }

        .summary-content .actions .icon-btn,
        .product-about .actions .icon-btn { border-radius: 10px; background-color: var(--title-color); color: var(--white-color); }

            .summary-content .actions .icon-btn:hover,
            .product-about .actions .icon-btn:hover { background-color: var(--theme-color); }

    .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
    .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt,
    .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt,
    .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt { width: 56px; height: 56px; line-height: 56px; display: inline-block; border-radius: 0; }

        .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
        .summary-content .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before,
        .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart-plus.no-txt::before,
        .product-about .tinv-wishlist .tinvwl_add_to_wishlist_button.tinvwl-icon-heart.no-txt::before { position: relative; top: 0; left: 0; line-height: inherit; margin: 0; font-size: 24px; }

    .summary-content .tinv-wishlist a,
    .product-about .tinv-wishlist a { display: inline-block; width: 56px; height: 56px; line-height: 56px; border-radius: 0; }

        .summary-content .tinv-wishlist a:hover,
        .product-about .tinv-wishlist a:hover { background-color: var(--theme-color); color: var(--white-color); }

    .summary-content .quantity,
    .product-about .quantity { border: 2px solid var(--border-color); border-radius: 10px; width: 120px; }

        .summary-content .quantity .qty-input,
        .product-about .quantity .qty-input { width: 62px; height: 52px; border: none; background-color: transparent; color: var(--title-color); padding: 0 25px; text-align: left; font-weight: 500; border-right: 2px solid var(--border-color); }

        .summary-content .quantity .qty-btn,
        .product-about .quantity .qty-btn { color: var(--title-color); background-color: transparent; position: absolute; right: 22px; height: auto; width: auto; border: none; }

        .summary-content .quantity .quantity-minus,
        .product-about .quantity .quantity-minus { bottom: 7px; }

        .summary-content .quantity .quantity-plus,
        .product-about .quantity .quantity-plus { top: 8px; }

    .summary-content .share,
    .product-about .share { margin-top: 24px; }

    .summary-content .share-title,
    .product-about .share-title { margin-bottom: 8px; font-weight: 500; color: var(--title-color); }

        .summary-content .share-title i,
        .product-about .share-title i { color: var(--theme-color); }

    .summary-content .as-social a,
    .product-about .as-social a { background-color: var(--border-color); color: var(--body-color); border-radius: 5px; }

        .summary-content .as-social a:hover,
        .product-about .as-social a:hover { background-color: var(--theme-color); color: var(--white-color); }

#description { margin-bottom: 30px; }

.woocommerce-Reviews .as-post-comment .text { margin-bottom: -0.5em; }

.woocommerce-Reviews .as-comments-wrap { padding: 0; box-shadow: none; }

.woocommerce-Reviews .comment-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; margin-bottom: 40px; }

.woocommerce-Reviews .as-post-comment { border: 1px solid var(--border-color) !important; padding: 40px !important; box-shadow: 0px 4px 30px rgba(1, 15, 28, 0.06); border-radius: 10px; margin-bottom: 24px; }

    .woocommerce-Reviews .as-post-comment .name { margin-bottom: 3px; }

    .woocommerce-Reviews .as-post-comment .commented-on { margin-bottom: 12px; }

/* Large devices */
@media (max-width: 1199px) {
    .woocommerce-Reviews .as-post-comment { padding: 30px !important; }
}

/* Medium devices */
@media (max-width: 991px) {
    .woocommerce-Reviews .comment-list { grid-template-columns: repeat(1, 1fr); }
}

.product-details .as-comments-wrap { margin-top: 0; }

.product-details .border-title { position: relative; padding-bottom: 20px; margin-bottom: 40px; }

    .product-details .border-title:before { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 80px; background-color: var(--theme-color); }

.product-inner-title { font-size: 32px; border-bottom: 1px solid var(--border-color); padding: 0 0 7px 0; margin: 0 0 30px 0; }

.related-product-wrapper { padding-top: 115px; }

/* Medium Large devices */
@media (max-width: 1399px) {
    .as-product.list-view .product-img { max-width: 150px; }
}

/* Medium Large devices */
@media (max-width: 1299px) {

    .summary-content,
    .product-about { padding-left: 0; }
}

/* Large devices */
@media (max-width: 1199px) {
    .as-sort-bar select { min-width: auto; }

    .product-big-img { padding: 130px 8px 8px 8px; }

    .summary-content .actions,
    .product-about .actions { gap: 16px; }

    .product-tab-style1 { margin: 55px 0 40px 0; }
}

/* Medium devices */
@media (max-width: 991px) {
    .product-big-img { margin-bottom: 40px; padding: 80px 8px 8px 8px; }

    .as-product.list-view .product-img { max-width: 180px; }

    .as-sort-bar { padding: 15px; }

        .as-sort-bar .row { --bs-gutter-x: 20px; }

        .as-sort-bar .nav a:last-child { margin-right: 0; padding-right: 0; }

            .as-sort-bar .nav a:last-child:before { display: none; }

    .woosq-product > .product .thumbnails { max-height: 400px; min-height: 200px; padding: 10px; }
}

/* Small devices */
@media (max-width: 767px) {
    .as-sort-bar { text-align: center; }

        .as-sort-bar .nav { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

        .as-sort-bar select { margin: 0 auto; }

    .product-thumb-tab .tab-btn { height: 75px; width: 75px; padding: 10px 6px 6px 6px; }

        .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 15px; }

    .product-big-img { max-width: calc(100% - 90px); margin-left: 90px; height: 435px; padding: 50px 8px 8px 8px; border-radius: 10px; }

    .as-product.list-view .product-img { max-width: 130px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .as-product { max-width: 320px; margin-left: auto; margin-right: auto; }

    .product_style1 { max-width: 287px; }

    .product-about .actions { gap: 15px 15px; }

    .as-product.list-view { max-width: 100%; }

        .as-product.list-view .product-img { max-width: 140px; }

        .as-product.list-view .product-text { display: none; }

        .as-product.list-view .star-rating { position: relative; top: unset; right: unset; margin-bottom: 15px; }

        .as-product.list-view .actions { position: relative; right: unset; bottom: unset; text-align: left; }
}

@media (max-width: 450px) {
    .product-thumb-tab .tab-btn { height: 60px; width: 60px; padding: 6px 3px 3px 3px; border-radius: 5px; }

        .product-thumb-tab .tab-btn:not(:last-of-type) { margin-bottom: 8px; }

    .product-thumb-tab .indicator { border-radius: 5px; border: 1px solid var(--theme-color); }

    .product-big-img { max-width: calc(100% - 68px); margin-left: 68px; height: 332px; padding: 40px 8px 8px 8px; border-radius: 10px; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .product-big-img { padding: 70px 8px 8px 8px; }
}

@media (max-width: 370px) {
    .as-product.list-view { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

        .as-product.list-view .product-img { max-width: 100%; width: 100%; min-height: 180px; }
}

/*------------------- 4.00. Cart  -------------------*/
.woocommerce-cart-form { text-align: center; }

.cart_table { border: 1px solid #eaf0f2; margin-bottom: 45px; }

    .cart_table thead { background-color: #ecf0f1; }

        .cart_table thead th { border: none !important; }

    .cart_table td:before,
    .cart_table th { font-family: var(--title-font); color: var(--title-color); font-weight: 600; border: none; padding: 27px 15px; }

    .cart_table td:before { content: attr(data-title); position: absolute; left: 15px; top: 50%; vertical-align: top; padding: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: none; }

    .cart_table td { border: none; border-bottom: 1px solid #f3f3f3; color: #8b8b8b; padding: 20px 10px; position: relative; vertical-align: middle; }

    .cart_table .product-quantity { color: var(--title-color); }

        .cart_table .product-quantity input { position: relative; top: -2px; }

    .cart_table .cart-productname { font-weight: 600; font-family: var(--body-font); color: var(--body-color); }

    .cart_table .cart-productimage { display: inline-block; border: 1px solid var(--smoke-color); padding: 8px 4px 0 0; border-radius: 5px; }

    .cart_table .remove { color: var(--theme-color); font-size: 18px; }

    .cart_table .quantity { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

    .cart_table .qty-btn,
    .cart_table .qty-btn-sepet { border: 2px solid var(--smoke-color) !important; background-color: transparent; color: #b8c6d0; padding: 0; width: 30px; height: 30px; line-height: 28px; font-size: 16px; border-radius: 4px; }

        .cart_table .qty-btn:hover,
        .cart_table .qty-btn-sepet:hover { background-color: var(--theme-color); color: var(--white-color); }

    .cart_table .qty-input,
    .cart_table .qty-input-sepet { vertical-align: middle; border: 2px solid var(--smoke-color); width: 70px; height: 30px; font-size: 14px; text-align: center; color: var(--title-color); font-weight: 700; margin: 0 10px; border-radius: 4px; padding: 0; /* Firefox */ }

        .cart_table .qty-input::-moz-placeholder,
        .cart_table .qty-input-sepet::-moz-placeholder { color: var(--title-color); }

        .cart_table .qty-input::-webkit-input-placeholder,
        .cart_table .qty-input-sepet::-webkit-input-placeholder { color: var(--title-color); }

        .cart_table .qty-input:-ms-input-placeholder,
        .cart_table .qty-input-sepet:-ms-input-placeholder { color: var(--title-color); }

        .cart_table .qty-input::-ms-input-placeholder,
        .cart_table .qty-input-sepet::-ms-input-placeholder { color: var(--title-color); }

        .cart_table .qty-input::placeholder,
        .cart_table .qty-input-sepet::placeholder { color: var(--title-color); }

        .cart_table .qty-input::-webkit-outer-spin-button,
        .cart_table .qty-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

        .cart_table .qty-input-sepet::-webkit-outer-spin-button,
        .cart_table .qty-input-sepet::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

        .cart_table .qty-input[type=number],
        .cart_table .qty-input-sepet[type=number] { -moz-appearance: textfield; }

    .cart_table .actions { text-align: right; vertical-align: middle; }

        .cart_table .actions > .as-btn { font-size: 14px; padding: 17px 28px; margin-right: 15px; }

            .cart_table .actions > .as-btn:last-child { margin-right: 0; }

    .cart_table .as-cart-coupon { float: left; margin: 0; width: 455px; max-width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

        .cart_table .as-cart-coupon input { height: 50px; width: calc(100% - 200px); margin-right: 10px; border-radius: 999px; }

        .cart_table .as-cart-coupon .as-btn { font-size: 14px; padding: 17px 22px; width: -webkit-max-content; width: -moz-max-content; width: max-content; }

.cart_totals { border: 1px solid #ecf0f1; }

    .cart_totals th,
    .cart_totals td { vertical-align: top; padding: 20px 20px; border: none; border-bottom: 1px solid #ecf0f1; font-size: 14px; color: var(--title-color); width: 55%; }

        .cart_totals th:first-child,
        .cart_totals td:first-child { width: 45%; background-color: #f9fbfb; font-weight: 700; font-size: 14px; color: #333333; }

    .cart_totals .shipping-calculator-button { display: inline-block; border-bottom: 1px solid; color: var(--title-color); font-weight: 700; }

        .cart_totals .shipping-calculator-button:hover { color: var(--theme-color); }

    .cart_totals .woocommerce-shipping-destination { margin-bottom: 10px; }

    .cart_totals .woocommerce-shipping-methods { margin-bottom: 0; }

    .cart_totals .shipping-calculator-form { display: none; }

        .cart_totals .shipping-calculator-form p:first-child { margin-top: 20px; }

        .cart_totals .shipping-calculator-form p:last-child { margin-bottom: 0; }

        .cart_totals .shipping-calculator-form .as-btn { padding: 5px 30px; }

    .cart_totals .amount { font-weight: 700; }

    .cart_totals .order-total .amount { color: var(--theme-color); }

/* Medium devices */
@media (max-width: 991px) {
    .cart_table th { padding: 23px 8px; font-size: 14px; }

    .cart_table .cart-productname { font-size: 14px; }

    .cart_table .as-cart-coupon { width: 100%; margin-bottom: 20px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

    .cart_table .actions { text-align: center; }
}

/* Small devices */
@media (max-width: 767px) {
    .cart_table { text-align: left; min-width: auto; border-collapse: separate; border-spacing: 0 20px; border: none; }

        .cart_table thead { display: none; }

        .cart_table td { padding: 15px; display: block; width: 100%; padding-left: 25%; text-align: right; border: 1px solid #f3f3f3; border-bottom: none; }

            .cart_table td::before { display: block; }

            .cart_table td:last-child { border-bottom: 1px solid #f3f3f3; }

            .cart_table td.actions { padding-left: 15px; text-align: center; }

                .cart_table td.actions > .as-btn { margin-top: 10px; margin-right: 0; display: block; width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-left: auto; margin-right: auto; }

                    .cart_table td.actions > .as-btn:last-child { margin-right: auto; }

        .cart_table .as-cart-coupon { width: 100%; text-align: center; float: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: block; padding-bottom: 10px; }

            .cart_table .as-cart-coupon input { width: 100%; margin-bottom: 10px; }

    .cart_totals th,
    .cart_totals td { padding: 15px 10px; }

        .cart_totals th:first-child,
        .cart_totals td:first-child { width: 17%; line-height: 1.4; }
}

/*------------------- 4.00. Checkout  -------------------*/
.woocommerce-checkout .form-group,
.woocommerce-checkout .form-row { margin-bottom: 0; }

.woocommerce-checkout .form-select,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .form-control { margin-bottom: 0; }

.woocommerce-checkout .select2-container--open .select2-dropdown--below { margin-top: -35px; }

.woocommerce-checkout .select2-container--open .select2-dropdown--above { position: relative; bottom: -30px; }

.woocommerce-checkout .select2-dropdown { border: 1px solid #e3e6e9; border-top: none; }

.woocommerce-checkout .select2-container--default .select2-selection--single { border-radius: 0; }

    .woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
    .woocommerce-checkout .select2-container--default .select2-selection--single .form-control:focus { color: var(--body-color); }

.select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #eee; padding: 0; }

.woocommerce-form-login select,
.woocommerce-form-login .form-select,
.woocommerce-form-login .form-control,
.woocommerce-form-login .select2,
.woocommerce-form-login .select2-container,
.woocommerce-form-coupon select,
.woocommerce-form-coupon .form-select,
.woocommerce-form-coupon .form-control,
.woocommerce-form-coupon .select2,
.woocommerce-form-coupon .select2-container,
.woocommerce-checkout select,
.woocommerce-checkout .form-select,
.woocommerce-checkout .form-control,
.woocommerce-checkout .select2,
.woocommerce-checkout .select2-container { margin-bottom: var(--bs-gutter-x); }

#ship-to-different-address { margin-top: 15px; }

.select2-container--default .select2-selection--single { height: 60px; border: 1px solid #e3e6e9; }

    .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 60px; padding-left: 30px; padding-right: 25px; }

.woocommerce-billing-fields .form-row { margin-bottom: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow b:before { content: '\f107'; font-family: var(--icon-font); }

.select2-container--default .select2-selection--single .select2-selection__arrow b { margin: 0; border: none; top: 0; }

.select2-container--default .select2-selection--single .select2-selection__arrow { height: 60px; line-height: 60px; margin-right: 30px; }

span.select2-selection.select2-selection--single:focus { outline: none; }

.shipping-calculator-form .form-select,
.shipping-calculator-form .form-control { height: 40px; padding-left: 15px; font-size: 16px; border-radius: 0; background-position: right 13px center; }

.shipping-calculator-form .as-btn { font-size: 14px; padding: 0 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; height: 40px; }

.checkout-ordertable th,
.checkout-ordertable td { border: none; vertical-align: top; padding: 5px 0; font-size: 14px; font-weight: 700; color: #2c3e50; }

.checkout-ordertable ul { margin: 0; padding: 0; }

.checkout-ordertable .order-total .amount { color: var(--theme-color); }

.checkout-ordertable input[type="hidden"] ~ label { color: var(--theme-color); }

.woocommerce-checkout .form-group input:not(:last-child) { margin-bottom: var(--bs-gutter-x); }

.checkout-ordertable th,
.checkout-ordertable td { border: 1px solid #ededed; text-align: right; padding: 5px 20px; }

.checkout-ordertable th { text-align: left; }

.woocommerce-checkout-payment { text-align: left; }

    .woocommerce-checkout-payment ul { margin: 0; padding: 0; list-style-type: none; }

        .woocommerce-checkout-payment ul li { padding-top: 10px; border-bottom: 1px solid #d8d8d8; border-radius: 4px; font-size: 16px; }

        .woocommerce-checkout-payment ul input[type="radio"] ~ label { margin-bottom: 15px; color: var(--body-color); }

            .woocommerce-checkout-payment ul input[type="radio"] ~ label img { margin-bottom: -2px; margin-left: 10px; }

    .woocommerce-checkout-payment .place-order { padding-top: 30px; }

    .woocommerce-checkout-payment .payment_box { color: #a1b1bc; background-color: #ecf0f1; border: 1px solid #d8d8d8; border-bottom: none; font-size: 14px; padding: 10px 20px; border-radius: 4px; display: none; }

        .woocommerce-checkout-payment .payment_box p { margin: 0; }

.as-checkout-wrapper form.woocommerce-form { margin-bottom: 25px; }

/* Small devices */
@media (max-width: 767px) {
    tfoot.checkout-ordertable th { display: none; }

    .woocommerce-checkout-payment ul input[type="radio"] ~ label img { max-width: 150px; }

    .checkout-ordertable th,
    .checkout-ordertable td { padding: 5px 20px 5px 60px; }
}

/*------------------- 4.00. Wishlist  -------------------*/
.tinv-wishlist input[type=checkbox] { display: inline-block; opacity: 1; visibility: visible; vertical-align: middle; width: auto; height: auto; }

.tinv-wishlist .tinv-header { margin-top: -0.8rem; }

.tinv-wishlist .cart-empty { padding: 12px 25px; background-color: #eee; border-radius: 5px; font-weight: 700; font-size: 14px; }

.tinv-wishlist p.return-to-shop .button { display: inline-block; background-color: var(--theme-color); color: #fff; font-size: 14px; padding: 10px 25px; margin-top: 10px; font-weight: 700; }

    .tinv-wishlist p.return-to-shop .button:Hover { background-color: var(--title-color); color: var(--white-color); }

.tinv-wishlist table { border: none; }

    .tinv-wishlist table th { color: var(--title-color); }

    .tinv-wishlist table td,
    .tinv-wishlist table th { padding: 15.3px 10px; border-bottom: 1px solid var(--border-color); text-align: center; }

    .tinv-wishlist table thead { background-color: var(--smoke-color); }

.tinv-wishlist .product-cb,
.tinv-wishlist .product-remove { width: 40px; text-align: center; }

.tinv-wishlist .product-thumbnail { width: 110px; }

    .tinv-wishlist .product-thumbnail img { padding-top: 6px; padding-right: 4px; }

.tinv-wishlist .stock.in-stock { margin-bottom: 0; }

.tinv-wishlist ins { text-decoration: none; }

.tinv-wishlist .product-remove button { border: none; height: 22px; width: 22px; text-align: center; font-size: 12px; line-height: 22px; border-radius: 0; padding-top: 0; }

    .tinv-wishlist .product-remove button i { line-height: 22px; font-size: 16px; }

.tinv-wishlist .tinvwl-mobile { display: none; }

.tinv-wishlist .social-buttons { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: 295px; margin-left: auto; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

    .tinv-wishlist .social-buttons ul { padding-left: 0; margin-bottom: 0; margin-left: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 6px; }

.tinv-wishlist table.tinvwl-table-manage-list { font-size: 16px; }

.tinv-wishlist .product-stock .stock { display: block; }

.tinv-wishlist .product-stock span { display: inline; }

.tinv-wishlist .product-stock i { margin-right: 5px; }

.tinv-wishlist .tinv-modal .icon_big_times { margin-bottom: 5px; color: var(--theme-color); }

.tinv-wishlist button.button { border: none; height: 40px; line-height: 40px; font-size: 14px; font-weight: 600; background-color: var(--theme-color); color: #fff; padding: 1px 15px; min-width: 140px; }

    .tinv-wishlist button.button.mask-btn { padding: 0; }

    .tinv-wishlist button.button .btn-text-mask { padding: 0.5px 21px; }

    .tinv-wishlist button.button:hover { background-color: var(--title-color); color: #fff; }

    .tinv-wishlist button.button i { font-size: 1em !important; margin-right: 3px !important; }

.tinv-wishlist th,
.tinv-wishlist td.product-name { font-size: 16px; font-weight: 600; font-family: var(--title-font); }

    .tinv-wishlist td.product-name a { color: var(--body-color); }

        .tinv-wishlist td.product-name a:hover { color: var(--theme-color); }

.tinv-wishlist td.product-price del { margin-left: 8px; font-size: 0.9em; }

.tinv-wishlist .social-buttons > span { font-weight: 700; margin-right: 10px; font-family: var(--title-font); color: var(--title-color); }

.tinv-wishlist .social-buttons li { display: inline-block; margin-right: 0; }

    .tinv-wishlist .social-buttons li a.social { background-color: var(--theme-color); color: #fff; width: 30px; height: 30px; line-height: 30px; font-size: 14px; display: inline-block; text-align: center; border-radius: 50px; margin-left: 3px; }

        .tinv-wishlist .social-buttons li a.social:first-child { margin-left: 0; }

        .tinv-wishlist .social-buttons li a.social i { line-height: inherit; }

        .tinv-wishlist .social-buttons li a.social:hover { background-color: var(--title-color); color: var(--white-color); }

/* Medium devices */
@media (max-width: 991px) {
    .tinvwl-full { display: none; }

    .tinv-wishlist .tinvwl-mobile { display: block; }

    .tinvwl-txt { display: block; }

    .tinv-wishlist .product-stock { width: 40px; text-align: center; }

        .tinv-wishlist .product-stock .tinvwl-txt { display: none; }
}

/* Small devices */
@media (max-width: 767px) {
    .tinv-wishlist table { table-layout: fixed; border-bottom: 1px solid var(--border-color); }

        .tinv-wishlist table.tinvwl-table-manage-list tbody td.product-remove,
        .tinv-wishlist table.tinvwl-table-manage-list thead th:not(.product-name) { display: none; }

        .tinv-wishlist table td,
        .tinv-wishlist table th { border: 1px solid var(--border-color); }

        .tinv-wishlist table.tinvwl-table-manage-list tbody td { display: block; width: 100% !important; text-align: center; }

    .product-name { text-align: center; }

    .tinv-wishlist table td,
    .tinv-wishlist table th { border-bottom: none; }

    .tinv-wishlist table tfoot { border-bottom: 1px solid var(--border-color); }

    .tinv-wishlist .social-buttons { max-width: 100%; margin-left: unset; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

        .tinv-wishlist .social-buttons ul { margin-left: unset; margin-top: 5px; }

    .tinvwl-txt { display: inline-block; }

    .tinv-wishlist .product-stock .tinvwl-txt { display: inline; }
}

/*------------------- 4.00. Contact  -------------------*/
/* Contact 1 ---------------------------------- */
.quote-form { padding: 40px; border-top: 5px solid var(--theme-color); background-color: var(--white-color); box-shadow: 0px 10px 50px rgba(7, 36, 95, 0.1); }

    .quote-form .form-title { margin-top: -0.26em; margin-bottom: 26px; }

    .quote-form.style2 { padding: 30px; border-top: none; }

.call-btn { color: var(--theme-color); font-size: 30px; font-weight: bold; font-family: var(--title-font); display: inline-block; }

    .call-btn .play-btn { --icon-size: 45px; font-size: 14px; margin-right: 15px; }

        .call-btn .play-btn > i { background-color: var(--theme-color); color: var(--white-color); }

        .call-btn .play-btn:after,
        .call-btn .play-btn:before { background-color: var(--theme-color); }

    .call-btn .fa-phone { font-size: 22px; }

    .call-btn .btn-title { font-size: 18px; margin-bottom: 2px; font-weight: bold; }

    .call-btn .btn-text { font-size: 22px; }

    .call-btn.style2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

    .call-btn.style3 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

        .call-btn.style3 .btn-title { font-size: 16px; font-weight: 500; color: var(--white-color); margin-bottom: 0px; }

        .call-btn.style3 .btn-text { font-size: 20px; color: var(--white-color); }

        .call-btn.style3 .play-btn > i { background-color: var(--white-color); color: var(--theme-color); }

        .call-btn.style3 .play-btn:after,
        .call-btn.style3 .play-btn:before { background-color: var(--white-color); }

    .call-btn:hover .icon-btn { background-color: var(--title-color); }

    .call-btn:hover .play-btn > i { background-color: var(--title-color); }

    .call-btn:hover .play-btn:after,
    .call-btn:hover .play-btn:before { background-color: var(--title-color); }

/* Small devices */
@media (max-width: 767px) {
    .call-btn { font-size: 24px; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .quote-form { padding: 40px 15px; }

        .quote-form.style2 { padding: 30px 15px; }
}

/* Contact 2 ---------------------------------- */
.box-wrap1 { padding: 30px 22px 30px 30px; height: 100%; }

/* Contact Page ---------------------------------- */
.contact-info { background-color: var(--white-color); background-size: 100% 100%; padding: 50px 15px; text-align: center; box-shadow: 0px -4px 30px rgba(1, 15, 28, 0.04); border-radius: 10px; height: 290px; }

.contact-info_title { margin-bottom: 6px; }

.contact-info_icon { display: inline-block; width: 80px; height: 80px; line-height: 83px; background-color: var(--theme-color); color: var(--white-color); text-align: center; font-size: 32px; border-radius: 999px; margin: 0 auto 30px auto; position: relative; z-index: 2; }

    .contact-info_icon:before,
    .contact-info_icon:after { content: ''; width: 100%; height: 100%; position: absolute; background-color: var(--theme-color); opacity: 0.2; border-radius: inherit; z-index: -2; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .contact-info_icon:before { left: -10px; top: -5px; }

    .contact-info_icon:after { right: -10px; top: 5px; }

.contact-info_text { display: block; margin-bottom: -0.5em; }

    .contact-info_text span,
    .contact-info_text a { display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-left: auto; margin-right: auto; }

    .contact-info_text a { color: var(--body-color); }

        .contact-info_text a:hover { color: var(--theme-color); }

.contact-info:hover .contact-info_icon:before { left: 0; top: 0; }

.contact-info:hover .contact-info_icon:after { right: 0; top: 0; }

.contact-form { padding: 50px; box-shadow: 0px 6px 50px rgba(1, 15, 28, 0.05); border-radius: 20px; }

    .contact-form .form-title { text-align: center; margin: -0.24em auto 30px auto; }

    .contact-form select,
    .contact-form .form-control,
    .contact-form .form-select,
    .contact-form textarea,
    .contact-form input { border: none; }

.contact-map { line-height: 0.01px; }

    .contact-map iframe { border-radius: 20px; width: 100%; height: 550px; }

/* Medium Large devices */
@media (max-width: 1399px) {
    .contact-map iframe { height: 400px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .contact-form { padding: 40px; border-radius: 10px; }

    .contact-map iframe { border-radius: 10px; height: 250px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .contact-form { padding: 40px 20px; }
}

/*------------------- 4.00. About  -------------------*/
/* About 1 ---------------------------------- */
.checklist-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--border-color); }

.profile-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 16px; }

    .profile-box .avater { border-radius: 99px; overflow: hidden; width: 56px; height: 56px; }

    .profile-box .title { font-size: 16px; text-transform: uppercase; font-weight: bold; margin-bottom: 4px; }

    .profile-box .desig { margin-bottom: 0; }

/* Hight Resoulation devices */
@media (min-width: 1922px) {
    .about-shape1 { width: 40%; height: 100%; }

        .about-shape1 img { width: 100%; height: 82%; }
}

/* Extra large devices */
@media (max-width: 1500px) {
    .about-shape1 { width: 30%; height: 100%; }

        .about-shape1 img { width: 100%; height: 82%; }
}

/* Large devices */
@media (max-width: 1199px) {
    .about-shape1 { width: 70%; }

        .about-shape1 img { height: 47%; }
}

/* Small devices */
@media (max-width: 767px) {
    .about-shape1 { width: 60%; }

        .about-shape1 img { height: 40%; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .about-shape1 { display: none; }
}

@media (max-width: 500px) {
    .checklist-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; }
}

/* About 2 ---------------------------------- */
.img-box2 { position: relative; z-index: 2; }

    .img-box2 .img1 { text-align: right; }

    .img-box2 .shape1 { position: absolute; top: 0; left: -55px; z-index: -1; }

    .img-box2 .discount_style1 { position: absolute; top: 75px; right: 0; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

        .img-box2 .discount_style1 .percentage { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

    .img-box2 .order-btn { position: absolute; bottom: 60px; right: 40px; }

.order-btn { display: inline-block; font-size: 18px; line-height: 1; font-weight: 600; color: var(--title-color); border-bottom: 3px solid var(--theme-color2); width: 85px; text-align: center; background-image: url("data:image/svg+xml,%3Csvg width='85' height='23' viewBox='0 0 85 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.36428 12.7547L0.180133 12.0501C0.0705612 12.0402 -0.00912041 11.9509 0.000840704 11.8418C0.0108018 11.7425 0.0805223 11.6731 0.180133 11.6632L9.36428 10.9586C9.86234 10.9189 10.2907 11.2861 10.3305 11.7822C10.3704 12.2784 10.0018 12.7051 9.50375 12.7448C9.45394 12.7547 9.40412 12.7547 9.36428 12.7547Z' fill='%23EB0029'/%3E%3Cpath d='M8.77666 3.85389L3.23829 0.936582C3.13868 0.886968 3.09883 0.757993 3.14864 0.648842C3.19845 0.559536 3.29805 0.519829 3.3877 0.539675L9.4341 2.18687C9.91223 2.31586 10.2011 2.81202 10.0617 3.28831C9.93216 3.76461 9.43409 4.05235 8.95596 3.91343C8.89619 3.91343 8.83643 3.88366 8.77666 3.85389Z' fill='%23EB0029'/%3E%3Cpath d='M8.77666 19.6807L3.23829 22.5981C3.13868 22.6477 3.09883 22.7767 3.14864 22.8858C3.19845 22.9751 3.29805 23.0148 3.3877 22.995L9.4341 21.3478C9.91223 21.2188 10.2011 20.7226 10.0617 20.2464C9.93216 19.7701 9.43409 19.4823 8.95596 19.6212C8.89619 19.6311 8.83643 19.6609 8.77666 19.6807Z' fill='%23EB0029'/%3E%3Cpath d='M75.6357 10.79L84.8198 11.4945C84.9294 11.5044 85.0091 11.5937 84.9992 11.7029C84.9892 11.8021 84.9194 11.8716 84.8198 11.8815L75.6357 12.586C75.1376 12.6257 74.7093 12.2585 74.6695 11.7624C74.6296 11.2662 74.9982 10.8396 75.4962 10.7999C75.5361 10.78 75.5859 10.78 75.6357 10.79Z' fill='%23EB0029'/%3E%3Cpath d='M76.2132 19.6807L81.7516 22.5981C81.8512 22.6477 81.891 22.7767 81.8412 22.8858C81.7914 22.9751 81.6918 23.0148 81.6022 22.995L75.5558 21.3478C75.0776 21.2188 74.7888 20.7226 74.9282 20.2464C75.0577 19.7701 75.5558 19.4823 76.0339 19.6212C76.0937 19.6311 76.1634 19.6609 76.2132 19.6807Z' fill='%23EB0029'/%3E%3Cpath d='M76.2132 3.85389L81.7516 0.936582C81.8512 0.886968 81.891 0.757993 81.8412 0.648842C81.7914 0.559536 81.6918 0.519829 81.6022 0.539675L75.5558 2.18687C75.0776 2.31586 74.7888 2.81202 74.9282 3.28831C75.0577 3.76461 75.5558 4.05235 76.0339 3.91343C76.0937 3.91343 76.1634 3.88366 76.2132 3.85389Z' fill='%23EB0029'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: bottom 8px center; -webkit-transition: 0.4s; transition: 0.4s; }

    .order-btn .font-style { display: block; }

    .order-btn:hover { -webkit-animation: bgPulse 0.8s linear infinite; animation: bgPulse 0.8s linear infinite; }

@-webkit-keyframes bgPulse {
    0% { background-size: 100% 100%; }

    50% { background-size: 85% 85%; background-position: bottom center; }

    100% { background-size: 100% 100%; }
}

@keyframes bgPulse {
    0% { background-size: 100% 100%; }

    50% { background-size: 85% 85%; background-position: bottom center; }

    100% { background-size: 100% 100%; }
}

.about-counter1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }

    .about-counter1 .counter-title { font-size: 52px; color: var(--theme-color); font-weight: bold; line-height: 1; margin-bottom: 0; }

    .about-counter1 .counter-info { margin-bottom: -0.3em; text-transform: uppercase; font-size: 14px; font-weight: 500; }

    .about-counter1 .counter-text { font-size: 22px; margin-bottom: 0; font-weight: 600; text-transform: uppercase; }

.btn-wrap.style1 { border-top: 1px solid var(--border-color); padding-top: 33px; }

/* Large devices */
@media (max-width: 1199px) {
    .space-top.space-xl { padding-top: 40px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .space-top.space-xl { padding-top: 10px; }

    .about-shape2 { right: 0px; bottom: 160px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .img-box2 .order-btn { bottom: 10px; right: 10px; }

    .img-box2 .discount_style1 { top: 0; }
}

/* About 3 ---------------------------------- */
.img-box3 { position: relative; display: inline-block; }

    .img-box3 .about-counter1 { position: absolute; bottom: 20px; left: 62%; }

.about-feature-wrap { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 35px; }

.about-feature_icon { margin-bottom: 10px; }

.about-feature_text { font-weight: 600; color: var(--title-color); text-transform: uppercase; margin-bottom: -0.5em; }

/* Small devices */
@media (max-width: 767px) {
    .img-box3 .about-counter1 { bottom: 0px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .img-box3 .about-counter1 { left: unset; right: 0; background-color: var(--white-color); }
}

/* About Page ---------------------------------- */
.img-box2.style2 { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

    .img-box2.style2 .discount_style1 .percentage { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }

    .img-box2.style2 .order-btn { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.about-line { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: auto 100%; pointer-events: none; }

@media (max-width: 1600px) {
    .about-line { background-size: 100% 100%; }
}

/* Large devices */
@media (max-width: 1199px) {
    .about-line { display: none; }
}

/*------------------- 4.00. Team  -------------------*/
/* Team 1 ---------------------------------- */
.team-card { position: relative; text-align: center; }

    .team-card .team-img { overflow: hidden; border-radius: 999px; width: 238px; margin: 0 auto -114px auto; padding: 10px; position: relative; z-index: 3; }

        .team-card .team-img:before { content: ''; width: 100%; height: 100%; border: 1px solid var(--theme-color); position: absolute; top: 0; left: 0; border-radius: inherit; }

        .team-card .team-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-radius: inherit; }

    .team-card .team-title { margin-bottom: 4px; font-weight: 600; -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }

        .team-card .team-title a:hover { color: var(--smoke-color2); }

    .team-card .team-desig { display: block; padding-bottom: 13px; margin-bottom: 20px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; border-bottom: 1px solid var(--border-color); }

    .team-card .team-content { border-radius: 20px; background-color: var(--white-color); text-align: center; padding: 142px 30px 30px 30px; box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.06); position: relative; z-index: 2; }

        .team-card .team-content:after,
        .team-card .team-content:before { content: ''; width: 100%; height: 0; background-color: var(--theme-color); position: absolute; bottom: 0; left: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; border-radius: inherit; }

        .team-card .team-content:after { z-index: -2; }

        .team-card .team-content:before { bottom: unset; height: 44px; top: -1px; max-width: calc(100% - 48px); left: 24px; background-color: var(--white-color); -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0); clip-path: polygon(50% 100%, 0 0, 100% 0); border-radius: 0; }

    .team-card .as-social a { background-color: transparent; border: 1px solid var(--gray-color); color: var(--body-color); }

    .team-card:hover .team-content:after { height: 100%; }

    .team-card:hover .team-title { color: var(--white-color); }

    .team-card:hover .team-desig { color: var(--white-color); border-color: var(--white-color); }

    .team-card:hover .as-social a { border-color: var(--white-color); color: var(--white-color); }

        .team-card:hover .as-social a:hover { background-color: var(--white-color); border-color: var(--white-color); color: var(--theme-color); }

/* Extra small devices */
@media (max-width: 575px) {
    .team-card { max-width: 300px; margin-left: auto; margin-right: auto; }
}

/* Team Details ---------------------------------- */
.about-card { padding-left: 16px; }

.about-card_img { border-radius: 20px; overflow: hidden; }

.about-card_title { margin-top: -0.2em; margin-bottom: 14px; }

.about-card_text { margin-bottom: 25px; }

.about-card .as-social a { background-color: transparent; color: var(--body-color); border: 1px solid; }

    .about-card .as-social a:hover { background-color: var(--theme-color); border-color: var(--theme-color); color: var(--white-color); }

    .about-card .as-social a:not(:last-child) { margin-right: 3px; }

.info-table { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; border-radius: 5px; overflow: hidden; margin-bottom: 20px; }

    .info-table .table-col { width: 38.5%; }

        .info-table .table-col:first-child { width: 23%; }

        .info-table .table-col:not(:last-child) { border-right: 1px solid var(--gray-color); }

    .info-table .th,
    .info-table .td { padding: 12px 15px; text-align: center; }

    .info-table .th { background-color: var(--border-color); color: var(--title-color); font-weight: 500; }

    .info-table .td { background-color: var(--smoke-color); margin-bottom: 0; }

.social-box { margin-top: 25px; }

.social-box_title { font-size: 20px; margin-bottom: 8px; }

/* Large devices */
@media (max-width: 1199px) {
    .about-card { padding-left: 0; margin-top: 35px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .info-table { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

        .info-table .table-col { width: 100% !important; }

            .info-table .table-col:not(:last-child) { border-right: none; }
}

/*------------------- 4.00. Testimonial  -------------------*/
/* Testimonial 1 ---------------------------------- */
.testi-box { overflow: hidden; background-color: var(--white-color); border-radius: 20px; padding: 40px; position: relative; z-index: 2; box-shadow: 0px 3px 15px rgba(1, 15, 28, 0.04); text-align: left; }

.testi-box_icon { margin-bottom: 21px; }

.testi-box_img { position: absolute; bottom: 0; right: 0; z-index: -1; pointer-events: none; }

.testi-box_review { margin-bottom: 23px; }

    .testi-box_review i { font-size: 14px; margin-right: 3px; color: var(--yellow-color); }

.testi-box_profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }

.testi-box_avater { width: 60px; border-radius: 99px; overflow: hidden; }

.testi-box_name { font-size: 20px; margin-bottom: 2px; font-weight: 600; }

.testi-box_desig { font-size: 14px; margin-bottom: -0.3em; display: block; }

.testi-box_text { margin-bottom: 16px; }

/* Medium Large devices */
@media (max-width: 1299px) {
    .testi-box_img { bottom: -25px; right: -25px; }
}

/* Large devices */
@media (max-width: 1199px) {
    .testi-box_img { bottom: 0; right: 0; }
}

@media (max-width: 400px) {
    .testi-box { padding: 40px 20px; border-radius: 15px; }

    .testi-box_img { bottom: -25px; right: -25px; }
}

@media (max-width: 350px) {
    .testi-box_img { bottom: 0; right: 0; max-width: 110px; }
}

/* Testimonial 2 ---------------------------------- */
.testi-slide-wrap { max-width: 391px; position: relative; /* Large devices */ }

@media (max-width: 1199px) {
    .testi-slide-wrap { max-width: 100%; }
}

.testi-slide-wrap .number-dots ul { position: absolute; top: 47%; left: -120px; -webkit-transform: rotate(90deg) translateY(-50%); -ms-transform: rotate(90deg) translateY(-50%); transform: rotate(90deg) translateY(-50%); margin-top: 0; }

.testi-slide-wrap .number-dots li { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

/* Medium Large devices */
@media (max-width: 1399px) {
    .testi-slide-wrap .number-dots ul { position: relative; top: unset; left: unset; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); margin-top: 40px; }

    .testi-slide-wrap .number-dots li { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
}

/*------------------- 4.00. Counter  -------------------*/
/* Counter 1 ---------------------------------- */
.counter-sec1 { margin-top: 0px; position: relative; }

@media (max-width: 767px) {
    .counter-sec1 { margin-top: 0px; }
}

.counter-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px; }

.counter-card_icon { padding-left: 24px; padding-top: 20px; text-align: right; position: relative; z-index: 2; }

    .counter-card_icon:before { content: ''; width: 60px; height: 60px; position: absolute; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.15); border-radius: 99px; z-index: -1; }

    .counter-card_icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.counter-card_number { color: var(--white-color); margin-bottom: 5px; margin-top: -0.24em; }

.counter-card_text { color: var(--gray-color); display: block; font-weight: 500; margin-bottom: -0.45em; }

.counter-card .plus { font-size: 24px; }

.counter-card:hover .counter-card_icon img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

.counter-card.style2 .counter-card_icon { border: none; }

/* Medium Large devices */
@media (max-width: 1399px) {
    .counter-card_number { max-width: 110px; }
}

/* Large devices */
@media (max-width: 1199px) {
    .counter-card_number { font-size: 40px; }
}

/* Small devices */
@media (max-width: 767px) {
    .counter-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: 20px; text-align: center; }

    .counter-card_number { max-width: 100%; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .counter-card-wrap { padding: 65px 20px; }
}

/*------------------- 4.00. Blog  -------------------*/
/* Blog 1 ---------------------------------- */
.blog-card { box-shadow: 0px 10px 15px rgba(1, 15, 28, 0.06); border-radius: 20px; overflow: hidden; background-color: var(--white-color); position: relative; z-index: 2; }

    .blog-card .blog-title { font-size: 20px; line-height: normal; font-weight: 600; margin-bottom: 0px; height: 60px; }

    .blog-card .blog-img { overflow: hidden; }

        .blog-card .blog-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .blog-card .blog-content { padding: 33px 30px 33px 30px; }

    .blog-card .blog-meta { margin-bottom: 15px; display: inline-block; }

        .blog-card .blog-meta span,
        .blog-card .blog-meta a { margin-left: 0; margin-right: 5px; padding-right: 8px; }

            .blog-card .blog-meta span:after,
            .blog-card .blog-meta a:after { -webkit-transform: rotate(14deg); -ms-transform: rotate(14deg); transform: rotate(14deg); height: 16px; margin-top: -8px; background-color: var(--body-color); }

            .blog-card .blog-meta span:last-child,
            .blog-card .blog-meta a:last-child { padding-right: 0; margin-right: 0; }

                .blog-card .blog-meta span:last-child:after,
                .blog-card .blog-meta a:last-child:after { display: none; }

    .blog-card .blog-bottom { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-top: 1px solid var(--border-color); padding-top: 24px; }

    .blog-card .line-btn { margin-bottom: -0.1em; display: block; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; }

    .blog-card .comment { color: var(--body-color); font-size: 14px; }

        .blog-card .comment:hover { color: var(--theme-color); }

        .blog-card .comment i { margin-right: 6px; color: var(--theme-color); }

    .blog-card:hover .blog-img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); }

/* Medium devices */
@media (max-width: 991px) {
    .blog-card .blog-content { padding: 33px 20px 33px 20px; }
}

/* Small devices */
@media (max-width: 767px) {
    .blog-card .blog-content { padding: 33px; }
}

/* Extra small devices */
@media (max-width: 575px) {

    .blog-card .blog-meta span:after,
    .blog-card .blog-meta a:after { display: block; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .blog-card .blog-content { padding: 33px 20px; }
}

@media (max-width: 340px) {
    .blog-card .blog-content { padding: 33px 15px; }

    .blog-card .blog-title { font-size: 20px; }

    .blog-card .blog-meta span,
    .blog-card .blog-meta a { padding-right: 0; }

        .blog-card .blog-meta span:after,
        .blog-card .blog-meta a:after { display: none; }
}

/*------------------- 4.00. Feature  -------------------*/
/* Feature 1 ---------------------------------- */
.feature-card { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; }

.feature-card-wrap:first-child .feature-card { border-right: 1px dashed var(--gray-color); }

.feature-card-wrap:last-child .feature-card { border-left: 1px dashed var(--gray-color); -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.feature-card-wrap:nth-child(2) .feature-card { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.feature-card_icon { width: 80px; height: 80px; line-height: 80px; min-width: 80px; background-color: var(--smoke-color2); border-radius: 50%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; text-align: center; }

    .feature-card_icon img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.feature-card_title { font-size: 20px; font-weight: 500; margin-bottom: 10px; margin-top: -0.24em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.feature-card_text { margin-bottom: -0.45em; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; max-width: 258px; }

.feature-card:hover .feature-card_icon { background-color: var(--theme-color); }

    .feature-card:hover .feature-card_icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Large devices */
@media (max-width: 1199px) {
    .feature-card-wrap:last-child .feature-card { padding-left: 10px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .feature-card { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 0 7px !important; }

    .feature-card-wrap:first-child .feature-card { border-right: none; }

    .feature-card-wrap:last-child .feature-card { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-left: none; }
}

/* Feature 2 ---------------------------------- */
.feature-grid { text-align: center; padding: 0 10px; }

.feature-grid-wrap { display: grid; grid-template-columns: repeat(3, 1fr); margin-bottom: 30px; }

.feature-grid:not(:last-child) { border-right: 1px dashed var(--gray-color); }

.feature-grid_img { margin-bottom: 28px; }

    .feature-grid_img img { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.feature-grid_title { font-weight: 600; }

.feature-grid_text { max-width: 335px; margin: 0 auto -0.5em auto; }

.feature-grid:hover .feature-grid_img img { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); }

/* Small devices */
@media (max-width: 767px) {
    .feature-grid-wrap { grid-template-columns: repeat(1, 1fr); gap: 40px; }

    .feature-grid:not(:last-child) { border-right: none; }
}

/*------------------- 4.00. Simple Sections  -------------------*/
.checklist ul { padding-left: 0; list-style: none; text-align: left; margin-bottom: 0; }

.checklist li { color: var(--title-color); margin-bottom: 11px; font-weight: 500; position: relative; padding-left: 24px; }

    .checklist li:before { content: "\f336"; font-family: var(--icon-font); font-weight: 900; color: var(--theme-color); position: absolute; left: 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

    .checklist li:last-child { margin-bottom: 0; }

.checklist.style2 li { font-family: var(--body-font); font-weight: 400; color: var(--body-color); margin-bottom: 5px; }

    .checklist.style2 li:before { content: "\f336"; }

    .checklist.style2 li:last-child { margin-bottom: 0; }

.checklist.mb-40 { /* Large devices */ }

@media (max-width: 1199px) {
    .checklist.mb-40 { margin-bottom: 32px; }
}

.checklist.mb-45 { /* Large devices */ }

@media (max-width: 1199px) {
    .checklist.mb-45 { margin-bottom: 35px; }
}

.bg-img { position: absolute; inset: 0; height: 100%; width: 100%; background-size: 100% 100%; }

.img-left { position: absolute; top: 0; left: 0; z-index: 2; height: 100%; width: 48%; /* Large devices */ }

    .img-left img { height: 100%; width: 100%; object-fit: cover; object-position: top right; }

@media (max-width: 1199px) {
    .img-left { position: relative; width: 100%; }
}

.xdsoft_datetimepicker { background-color: var(--white-color); z-index: 10; }

.home-dark .xdsoft_datetimepicker { --title-color: #010f1c; --body-color: #4d5765; --smoke-color: rgba(1, 15, 28, 0.06); }

.as-video { position: relative; border-radius: 10px; }

    .as-video > img { border-radius: inherit; min-height: 175px; object-fit: cover; }

    .as-video .play-btn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

        .as-video .play-btn > i { background-color: var(--theme-color); color: var(--white-color); }

.video-box1 { position: relative; z-index: 3; text-align: center; }

    .video-box1 > img { min-height: 290px; object-fit: cover; }

    .video-box1 .video-content { width: 100%; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.icon-box .slick-arrow:first-child { margin-right: 5px; }

.btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 15px 30px; }

/* Medium Large devices */
@media (max-width: 1399px) {
    .chili { max-width: 260px; }

    .leaf { max-width: 180px; }

    .leaf-group { max-width: 50%; top: 35% !important; }
}

/* Large devices */
@media (max-width: 1199px) {
    p.mb-30 { margin-bottom: 25px; }

    p.mb-35 { margin-bottom: 28px; }

    p.mb-40 { margin-bottom: 32px; }

    p.mb-45 { margin-bottom: 35px; }
}

/* Medium devices */
@media (max-width: 991px) {
    .chili { max-width: 160px; }

    .leaf { max-width: 100px; }
}

/* Small devices */
@media (max-width: 767px) {
    .bg-img.shape_style1 { background-size: 180% 100%; }
}

/*------------------- 4.00. Why -------------------*/
/* Why 1 ---------------------------------- */
.img-box1 { position: relative; text-align: right; padding: 50px 33px 0 0; }

    .img-box1 .img1 { display: inline-block; }

    .img-box1 .shape1 { position: absolute; top: 0; left: 0; }

    .img-box1 .discount_style1 { position: absolute; bottom: 20px; left: 20px; }

    .img-box1:hover .shape1,
    .img-box1:hover .discount_style1 { -webkit-animation: pluse1 2s ease-in-out infinite; animation: pluse1 2s ease-in-out infinite; }

@-webkit-keyframes pluse1 {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(0.9); transform: scale(0.9); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

@keyframes pluse1 {
    0% { -webkit-transform: scale(1); transform: scale(1); }

    50% { -webkit-transform: scale(0.9); transform: scale(0.9); }

    100% { -webkit-transform: scale(1); transform: scale(1); }
}

.feature-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 15px; margin-bottom: 33px; }

.feature-box-wrap { margin-bottom: 33px; border-bottom: 1px solid var(--body-color); }

.feature-box_icon { width: 78px; height: 70px; line-height: 70px; text-align: center; }

.feature-box_title { color: var(--white-color); margin-bottom: 8px; font-weight: 600; }

.feature-box_text { color: var(--white-color); margin-bottom: -0.5em; max-width: 375px; }

.video-btn .play-btn { --icon-size: 50px; font-size: 14px; margin-right: 15px; }

    .video-btn .play-btn > i { background-color: var(--theme-color); color: var(--white-color); }

    .video-btn .play-btn:after,
    .video-btn .play-btn:before { background-color: var(--theme-color); }

.video-btn .btn-text { color: var(--white-color); border-bottom: 1px solid; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

.video-btn:hover .btn-text { color: var(--theme-color); }

.video-btn:hover .play-btn > i { background-color: var(--white-color); color: var(--theme-color); }

.video-btn:hover .play-btn:after,
.video-btn:hover .play-btn:before { background-color: var(--white-color); }

.discount_style1 { height: 123px; width: 112px; text-align: center; padding: 60px 14px 60px 0; }

    .discount_style1 .percentage { color: var(--white-color); margin-bottom: 0; font-size: 30px; }

    .discount_style1 .small-text { font-weight: 500; line-height: 0.5; font-size: 0.6em; text-transform: uppercase; display: inline-block; text-align: left; margin-left: -5px; }

        .discount_style1 .small-text .text { font-size: 0.6em; font-weight: 400; }

/* Small devices */
@media (max-width: 767px) {
    .img-box1 .discount_style1 { bottom: 0; left: 0; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .feature-box { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
}

/* Why 2 ---------------------------------- */
.progress { position: relative; height: 6px; background-color: var(--white-color); overflow: visible; border-radius: 99px; }

.progress-bar { background-color: var(--theme-color); border-radius: inherit; position: relative; overflow: visible; }

.skill-feature { margin-bottom: 35px; }

.skill-feature-wrap { position: relative; padding: 50px 50px 50px 0; z-index: 2; background-color: var(--title-color); }

    .skill-feature-wrap:before { content: ""; height: 100%; width: calc(100% + 130px); background-color: var(--title-color); position: absolute; bottom: 0; right: 0; -webkit-clip-path: polygon(80px 0%, 100% 0, 100% 100%, 0% 100%); clip-path: polygon(80px 0%, 100% 0, 100% 100%, 0% 100%); z-index: -1; }

.skill-feature.style2 { margin-bottom: 25px; }

.skill-feature:last-child { margin-bottom: 0 !important; }

.skill-feature_title,
.skill-feature .progress-value { font-family: var(--title-font); margin-top: -0.3em; font-size: 16px; font-weight: 500; margin-bottom: 12px; color: var(--white-color); }

.skill-feature .progress-value { margin-bottom: 0; position: absolute; top: -35px; right: 0; }

/*------------------- 4.00. Tab Menu -------------------*/
/* Tab Menu 1 ---------------------------------- */
.tab-menu1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 10px; margin-bottom: var(--section-title-space); }

    .tab-menu1 button { font-size: 14px; color: var(--body-color); text-transform: uppercase; font-weight: 600; text-align: center; padding: 9px 30px; border: 1px solid; background-color: transparent; border-radius: 999px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

        .tab-menu1 button.active { background-color: var(--theme-color); color: var(--white-color); border-color: var(--theme-color); }

/* Medium devices */
@media (max-width: 991px) {
    .tab-menu1 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; }

        .tab-menu1 button { padding: 8px 20px; }
}

/* Tab Menu 2 ---------------------------------- */
.tab-menu2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 30; box-shadow: 0px 10px 30px rgba(1, 15, 28, 0.06); border-radius: 10px; background-color: var(--white-color); overflow: hidden; margin-bottom: 30px; position: relative; }

    .tab-menu2 button { font-size: 14px; line-height: 0.8; color: var(--title-color); text-transform: uppercase; font-weight: 600; text-align: center; padding: 30px 10px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; background-color: transparent; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; position: relative; z-index: 2; }

        .tab-menu2 button:before { content: ''; height: 100%; width: 100%; background-color: var(--theme-color); position: absolute; top: 0; left: 0; -webkit-transform: scale(0.3); -ms-transform: scale(0.3); transform: scale(0.3); visibility: hidden; opacity: 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; }

        .tab-menu2 button img { text-align: center; display: block; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; margin: 0 auto 20px auto; }

        .tab-menu2 button.active { color: var(--white-color); }

            .tab-menu2 button.active:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); visibility: visible; opacity: 1; }

            .tab-menu2 button.active img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/* Small devices */
@media (max-width: 767px) {
    .tab-menu2 { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

        .tab-menu2 button { min-width: 125px; padding: 15px 10px; }

            .tab-menu2 button img { margin-bottom: 14px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .tab-menu2 button { min-width: 110px; }
}

/* Tab Menu 2 ---------------------------------- */
.food-menu-tab { border-bottom: 2px solid var(--gray-color); max-width: 380px; margin: -0.5em auto 20px auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }

    .food-menu-tab button { background-color: transparent; color: var(--title-color); font-size: 14px; font-weight: 600; font-family: var(--title-color); text-transform: uppercase; border: none; padding: 0px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; width: 50%; }

    .food-menu-tab .indicator { position: absolute; top: 100% !important; left: 0; height: 2px !important; width: 100%; background-color: var(--theme-color); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

        .food-menu-tab .indicator:after { content: ''; border-style: solid; border-width: 10px 8px 0 8px; border-color: var(--theme-color) transparent transparent transparent; position: absolute; top: 100%; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }

/*------------------- 4.00. Faq -------------------*/
/* Faq 1 ---------------------------------- */
.accordion-card { margin-bottom: 24px; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .accordion-card .accordion-button { font-size: 18px; font-weight: 500; font-family: var(--title-font); border: 0; color: var(--title-color); background-color: var(--border-color); border-radius: 0; padding: 10px 50px 10px 30px; min-height: 50px; border-radius: 5px; margin-bottom: 0; text-align: left; -webkit-transition: 0.3s; transition: 0.3s; position: relative; }

        .accordion-card .accordion-button:after { content: "\f063"; height: 30px; width: 30px; line-height: 30px; background-image: none; background-color: var(--white-color); font-family: var(--icon-font); color: var(--theme-color); font-weight: 700; font-size: 16px; text-align: center; position: absolute; top: 50%; margin-top: -15px; right: 10px; border-radius: 5px; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }

        .accordion-card .accordion-button:focus { outline: none; box-shadow: none; }

        .accordion-card .accordion-button:not(.collapsed) { color: var(--white-color); background-color: var(--theme-color); box-shadow: none; border-radius: 5px 5px 0 0; }

            .accordion-card .accordion-button:not(.collapsed):after { content: '\f062'; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

    .accordion-card .accordion-collapse { border: none; }

    .accordion-card .accordion-body { box-shadow: 0px 5px 15px rgba(42, 77, 113, 0.04); background-color: var(--white-color); border: 1px solid var(--border-color); border-top: none; padding: 23px 30px 30px 30px; border-radius: 0 0 5px 5px; }

    .accordion-card .faq-text { margin-bottom: -0.48em; }

    .accordion-card:last-child { margin-bottom: 0; }

.faq-area { padding: 50px; }

    .faq-area .faq-img img { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; }

/* Large devices */
@media (max-width: 1199px) {
    .faq-area .faq-img { margin-top: 30px; }

        .faq-area .faq-img img { max-width: 100%; }
}

/* Small devices */
@media (max-width: 767px) {
    .faq-area { padding: 15px; }

    .accordion-card .accordion-button { font-size: 16px; padding: 10px 50px 10px 20px; line-height: 1.4; }

    .accordion-card .accordion-body { padding: 23px 20px 30px 20px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .accordion-card .accordion-button { font-size: 16px; }
}

/*------------------- 4.00. Category -------------------*/
/* Category 1 ---------------------------------- */
.category-card { position: relative; margin-left: 53px; margin-top: 26px; }

.category-card_content { background-color: var(--white-color); padding: 33px 26px 33px 55px; box-shadow: 0px 6px 30px rgba(1, 15, 28, 0.05); border-radius: 20px; position: relative; overflow: hidden; }

.category-card_img { position: absolute; top: -26px; left: -63px; z-index: 2; }

.category-card_content { margin-bottom: -0.45em; }

.category-card_title { font-size: 20px; font-weight: 600; margin-top: -0.23em; margin-bottom: 5px; }

    .category-card_title a { color: inherit; }

        .category-card_title a:hover { color: var(--theme-color); }

.category-card_text { margin-bottom: -0.45em; }

.category-card .icon-btn { --btn-size: 72px; line-height: 60px; padding-right: 15px; background-color: var(--theme-color2); color: var(--white-color); position: absolute; bottom: -17px; right: -20px; }

    .category-card .icon-btn:hover { background-color: var(--theme-color); }

.category-card:hover .category-card_icon { background-color: var(--theme-color); }

    .category-card:hover .category-card_icon img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

/* Category 2 ---------------------------------- */
.category-list { text-align: center; }

.category-list_icon img { height: 58px; }

.category-list_name { margin-top: 12px; font-size: 16px; font-weight: 500; color: var(--title-color); display: inline-block; }

    .category-list_name:hover { color: var(--theme-color); }

.top-shape1 { position: absolute; bottom: 100%; width: 100%; height: 425px; background-color: inherit; }

.menu-title1 { font-size: 16px; font-weight: 500; text-align: center; position: absolute; left: 0; top: -15px; width: 100%; }

/* Medium Large devices */
@media (max-width: 1299px) {
    .top-shape1 { height: 100px; }
}

/* Large devices */
@media (max-width: 1199px) {
    .menu-title1 { top: 10px; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .category-list_name { font-size: 14px; }
}

/*------------------- 4.00. Menu -------------------*/
/* Menu 1 ---------------------------------- */
.menu-card { text-align: center; }

.menu-card_img { margin-bottom: -85px; position: relative; z-index: 3; }

    .menu-card_img img { border-radius: 100%; height: 250px; width: 250px; object-fit: cover; }

.menu-card_content { background-color: var(--white-color); box-shadow: 0px 6px 15px rgba(1, 15, 28, 0.04); border-radius: 20px; padding: 125px 10px 30px 10px; position: relative; z-index: 2; }

    .menu-card_content:before { content: ''; height: 0; width: 100%; background-color: var(--theme-color); position: absolute; bottom: 0; left: 0; border-radius: inherit; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; z-index: -1; }

.menu-card_title { -webkit-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }

    .menu-card_title a:hover { color: var(--gray-color); }

.menu-card_text { -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; max-width: 230px; margin: 0 auto 20px auto; }

.menu-card:hover .menu-card_content:before { height: 100%; }

.menu-card:hover .menu-card_title,
.menu-card:hover .menu-card_text { color: var(--white-color); }

.menu-card:hover .as-btn { background-color: var(--white-color); color: var(--title-color); -webkit-transition-delay: 0s, 0s; transition-delay: 0s, 0s; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

    .menu-card:hover .as-btn:hover { color: var(--white-color); background-color: var(--title-color); }

/* Extra small devices */
@media (max-width: 575px) {
    .menu-card { max-width: 320px; margin: 0 auto; }
}

/* Menu 2 ---------------------------------- */
.board-wrap { border-radius: 10px; padding: 40px; }

    .board-wrap .row { --bs-gutter-x: 40px; --bs-gutter-y: 40px; }

.menu-board { border: 1px dashed var(--gray-color); border-radius: 10px; padding: 40px; }

.menu-board_title { font-size: 30px; font-weight: 600; margin-top: -0.22em; color: var(--white-color); text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; white-space: nowrap; gap: 15px; }

    .menu-board_title:before,
    .menu-board_title:after { content: ''; height: 2px; width: 100%; background-color: var(--theme-color); display: inline-block; }

.board-list { margin-bottom: 25px; }

    .board-list:last-of-type { margin-bottom: 0; }

.board-list_title,
.board-list_price { font-size: 20px; font-weight: 500; margin-bottom: 4px; }

.board-list_title { color: var(--title-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; gap: 15px; white-space: nowrap; }

    .board-list_title:after { content: ''; width: 100%; border-bottom: 2px dashed var(--title-color); display: inline-block; position: relative; top: -6px; }

.board-list_price { color: var(--theme-color); }

.board-list_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; gap: 5px 15px; }

.board-list_text { color: var(--body-color); font-size: 14px; margin-bottom: -0.55em; }

.menu-board .board-list_title { color: var(--white-color); }

    .menu-board .board-list_title:after { border-bottom: 2px dashed var(--gray-color); }

.menu-board .board-list_text { color: var(--gray-color); }

/* Extra small devices */
@media (max-width: 575px) {
    .board-wrap { padding: 40px 15px; }

    .menu-board { padding: 40px 20px; }

    .menu-board_title { font-size: 26px; }

    .board-list_title,
    .board-list_price { font-size: 18px; }
}

@media (max-width: 420px) {
    .menu-board_title { font-size: 22px; }

    .board-list_title,
    .board-list_price { font-size: 16px; }

    .board-list_title { white-space: initial; }

        .board-list_title:after { display: none; }
}

/* Menu 2 style2 ---------------------------------- */
.board-wrap2 { background-color: var(--smoke-color2); padding: 40px; border-radius: 10px; }

.menu-list-img { margin-left: 31px; }

    .menu-list-img.left { margin-left: unset; margin-right: 31px; }

    .menu-list-img img { width: 100%; border-radius: 10px; }

.menu-list_title { font-size: 30px; margin-top: -0.24em; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; position: relative; }

    .menu-list_title:after { content: ''; height: 2px; width: 146px; background-color: var(--theme-color); position: absolute; bottom: 10px; left: calc(100% + 10px); }

.menu-list-divider { margin: 40px 0; display: block; text-align: center; position: relative; background-color: inherit; z-index: 2; }

    .menu-list-divider img { padding: 0 18px; background-color: inherit; }

    .menu-list-divider:after { content: ''; height: 1px; width: 100%; background-color: var(--theme-color); position: absolute; top: 50%; left: 0; z-index: -1; }

/* Medium Large devices */
@media (max-width: 1299px) {
    .menu-list-img { margin-left: 0; }

        .menu-list-img.left { margin-right: 0; }
}

/* Medium Large devices */
@media (max-width: 1299px) {
    .menu-list-img { margin-bottom: 35px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .board-wrap2 { padding: 20px; }

    .menu-list-img { margin-bottom: 30px; }

    .menu-list-divider { margin: 30px 0; }
}

@media (max-width: 420px) {
    .menu-list_title { font-size: 24px; }
}

/*------------------- 4.00. Offer -------------------*/
/* Offer 1 ---------------------------------- */
.price_style1 { color: var(--white-color); font-weight: 600; margin-bottom: 0; font-size: 24px; }

    .price_style1 del { font-size: 0.75em; margin-left: 3px; vertical-align: middle; color: var(--smoke-color2); }

.discount_counter1 { margin: 0; padding: 0; }

    .discount_counter1 li { list-style: none; width: 60px; height: 60px; background-color: var(--white-color); border-radius: 10px; margin: 0 0 5px 0; padding: 10px 5px; text-align: center; }

        .discount_counter1 li:last-child { margin: 0; }

    .discount_counter1 .count-number { font-size: 22px; margin-bottom: -2px; line-height: 1; font-weight: bold; font-family: var(--title-font); color: var(--title-color); }

    .discount_counter1 .count-name { font-weight: 500; font-size: 14px; text-transform: uppercase; margin-top: -4px; }

.discount_style2 { position: absolute; top: var(--section-space); right: 6%; text-align: center; padding: 55px 40px 50px 70px; height: 242px; width: 234px; }

    .discount_style2 .percentage { font-size: 40px; font-weight: bold; color: var(--theme-color); margin-bottom: 0; }

    .discount_style2 .small-text1,
    .discount_style2 .small-text2 { font-family: var(--title-font); font-weight: 600; text-transform: uppercase; color: var(--title-color); margin-bottom: 0; line-height: 1.1; }

.position-relative:hover .discount_style2 { -webkit-animation: pluse1 2s ease-in-out infinite; animation: pluse1 2s ease-in-out infinite; }

/* Medium devices */
@media (max-width: 991px) {
    .discount_style2 { top: var(--section-space); right: 1%; }
}

/* Small devices */
@media (max-width: 767px) {
    .discount_counter1 { display: inline-block; }

        .discount_counter1 li { display: inline-block; }

    .discount_style2 { position: relative; margin-top: -40px; top: 0; right: 0; }
}

/* Offer 2 ---------------------------------- */
.offer-card { padding: 40px; border-radius: 10px; background-position: left center; }

    .offer-card .offer-title { color: var(--white-color); margin-bottom: 8px; }

    .offer-card .offer-text { color: var(--white-color); max-width: 145px; margin-bottom: 8px; }

    .offer-card .line-btn { color: var(--white-color); }

        .offer-card .line-btn:before { background-color: var(--white-color); width: 100%; }

        .offer-card .line-btn:hover:before { width: 35px; }

/*------------------- 4.00. Download -------------------*/
.download-area { border-radius: 20px; padding: 80px; }

.download-btn { background-color: var(--theme-color); padding: 12px 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; gap: 8px; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: var(--white-color); border-radius: 999px; }

.download-btn-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 15px; }

.download-btn i { font-size: 32px; }

.download-btn .small-text { font-size: 10px; text-transform: uppercase; line-height: 1; display: block; margin-bottom: 4px; }

.download-btn .big-text { font-size: 16px; font-weight: 500; margin-bottom: 0; line-height: 1; color: inherit; }

.download-btn:hover { background-color: var(--title-color); color: var(--white-color); }

.download-btn.bg-theme2:hover { background-color: var(--title-color) !important; }

/* Medium devices */
@media (max-width: 991px) {
    .download-area { padding: 60px; background-position: top left -80px; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .download-area { padding: 40px 30px; border-radius: 15px; }

    .download-btn { padding: 12px 19px; }
}

/* Extra small devices */
@media (max-width: 375px) {
    .download-area { padding: 40px 15px; }
}

/*------------------- 4.00. Booking -------------------*/
/* Booking 1 ---------------------------------- */
.booking-form { position: relative; z-index: 3; }

    .booking-form .form-control { background-color: var(--title-color); border-color: var(--body-color); color: var(--white-color); }

        .booking-form .form-control::-moz-placeholder { color: var(--white-color); }

        .booking-form .form-control::-webkit-input-placeholder { color: var(--white-color); }

        .booking-form .form-control:-ms-input-placeholder { color: var(--white-color); }

        .booking-form .form-control::-ms-input-placeholder { color: var(--white-color); }

        .booking-form .form-control::placeholder { color: var(--white-color); }

    .booking-form .form-group i { color: var(--white-color); }

/* Booking 2 ---------------------------------- */
.available-table { background-color: var(--white-color); padding: 45px 50px; border-radius: 20px; width: 500px; text-align: center; position: relative; z-index: 2; }

.available-table_title { font-family: var(--style-font); font-size: 30px; border-bottom: 1px solid var(--theme-color); padding-bottom: 16px; margin-bottom: 30px; margin-top: -0.3em; }

    .available-table_title.style2 { border-bottom: none; margin-bottom: 0; padding-bottom: 8px; margin-top: 25px; }

.available-table_info { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px dashed var(--gray-color); padding-bottom: 8px; margin-bottom: 8px; }

    .available-table_info span { display: inline-block; }

.available-table_call { font-size: 24px; font-weight: 700; font-family: var(--title-font); padding-top: 10px; display: block; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; border-top: 1px soliD var(--theme-color); margin: 0 auto -0.2em auto; }

.available-table.style2 { width: 100%; box-shadow: 0px 0px 25px rgba(1, 15, 28, 0.09) !important; }

.available-table-bg { position: absolute; top: 0; left: 0; height: 100%; width: 39%; }

.booking-form.style2 { max-width: 940px; }

/* Extra large devices */
@media (max-width: 1500px) {
    .booking-form.style2 { max-width: 760px; }

    .available-table { width: 470px; }
}

/* Medium Large devices */
@media (max-width: 1299px) {
    .booking-form.style2 { max-width: 700px; }

    .available-table { width: 390px; }
}

/* Large devices */
@media (max-width: 1199px) {
    .available-table-bg { display: none; }

    .available-table { width: 550px; margin: 0 auto 45px auto; }

    .booking-form.style2 { max-width: 100%; }
}

/* Extra small devices */
@media (max-width: 575px) {
    .available-table { width: 100%; padding: 45px 20px; }
}

/*------------------- 4.00. Gallery -------------------*/
/* Gallery 1 ---------------------------------- */
.gallery-card { --box-space: 40px; position: relative; text-align: center; }

    .gallery-card .gallery-img { overflow: hidden; }

        .gallery-card .gallery-img img { width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .gallery-card .gallery-content { position: absolute; top: var(--box-space); left: var(--box-space); width: calc(100% - var(--box-space)*2); height: calc(100% - var(--box-space)*2); z-index: 2; background-color: rgba(1, 15, 28, 0.9); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; visibility: hidden; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

    .gallery-card .gallery-title { color: var(--white-color); font-weight: 500; margin-bottom: 5px; }

    .gallery-card .gallery-chef { display: block; margin-bottom: 23px; color: var(--border-color); }

    .gallery-card .icon-btn { background-color: var(--theme-color); color: var(--white-color); }

        .gallery-card .icon-btn:hover { background-color: var(--theme-color2); }

    .gallery-card:hover .gallery-img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

    .gallery-card:hover .gallery-content { visibility: visible; opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

/* Large devices */
@media (max-width: 1199px) {
    .gallery-card { --box-space: 25px; }
}

/* Small devices */
@media (max-width: 767px) {
    .gallery-card { --box-space: 15px; }
}

/*------------------- 4.00. Home Dark -------------------*/
.home-dark { --title-color: #fff; --body-color: #E0E0E0; --smoke-color: rgba(1, 15, 28, 0.06); --smoke-color2: #081622; --black-color: #000000; --gray-color: #bdbdbd; --white-color: #010F1C; --light-color: #72849b; --yellow-color: #ffb539; --success-color: #28a745; --error-color: #dc3545; --border-color: #e0e0e0; background-color: var(--white-color); }

    .home-dark .icon-btn { background-color: rgba(255, 255, 255, 0.2); }

    .home-dark .as-btn { color: var(--title-color); }

        .home-dark .as-btn:hover { color: var(--theme-color); }

        .home-dark .as-btn.style3:hover:before { background-color: #fff; }

    .home-dark .as-menu-toggle { --white-color: #fff; }

        .home-dark .as-menu-toggle:hover { color: var(--theme-color); }

    .home-dark .as-menu-wrapper .as-menu-area { background-color: var(--white-color); }

    .home-dark .as-menu-wrapper .mobile-logo { background-color: var(--title-color); }

    .home-dark .as-mobile-menu ul .as-item-has-children > a .as-mean-expand { background-color: rgba(255, 255, 255, 0.1); }

    .home-dark .text-white { color: var(--title-color) !important; }

    .home-dark .bg-title { background-color: var(--white-color) !important; }

    .home-dark .slick-arrow { background-color: var(--smoke-color2); color: var(--title-color); }

        .home-dark .slick-arrow:hover { background-color: var(--theme-color); color: var(--title-color); }

    .home-dark .number-dots .slick-active button { color: #fff; }

    .home-dark .as-header .icon-btn { border: none; }

        .home-dark .as-header .icon-btn:hover { background-color: var(--title-color); }

        .home-dark .as-header .icon-btn .badge { background-color: var(--theme-color); }

    .home-dark .badge { color: var(--title-color); }

    .home-dark .about-shape3 { -webkit-filter: brightness(0.25) invert(0); filter: brightness(0.25) invert(0); opacity: 0.20; }

    .home-dark .offer-card { --white-color: #fff; }

    .home-dark .tab-menu2 button.active { --white-color: #fff; }

    .home-dark .as-product .price { font-weight: 600; }

        .home-dark .as-product .price del { font-weight: 400; }

    .home-dark .as-product .actions .icon-btn { background-color: var(--theme-color); color: var(--title-color); }

        .home-dark .as-product .actions .icon-btn:hover { background-color: var(--white-color); }

    .home-dark .as-product.list-view { border: 1px solid rgba(250, 247, 242, 0.2); }

        .home-dark .as-product.list-view .icon-btn:nth-child(1),
        .home-dark .as-product.list-view .icon-btn:nth-child(3) { background-color: rgba(255, 255, 255, 0.2); color: var(--title-color); }

            .home-dark .as-product.list-view .icon-btn:nth-child(1):hover,
            .home-dark .as-product.list-view .icon-btn:nth-child(3):hover { background-color: var(--theme-color); }

    .home-dark .summary-content .as-social a,
    .home-dark .product-about .as-social a { color: var(--white-color); }

        .home-dark .summary-content .as-social a:hover,
        .home-dark .product-about .as-social a:hover { color: var(--title-color); }

    .home-dark .price_style1 del { color: var(--body-color); }

    .home-dark .menu-board { --white-color: #fff; }

    .home-dark .booking-form { --white-color: #fff; --title-color: #010F1C; }

        .home-dark .booking-form .as-btn:not(:hover) { color: var(--white-color); }

    .home-dark .testi-box { background-color: #101D29; }

    .home-dark .blog-card { background-color: #101D29; }

    .home-dark .newsletter-form .form-control { color: #4D5765; --white-color: #fff; }

    .home-dark .footer-wrapper .as-social a:hover { color: #fff; }

    .home-dark .scroll-btn i { color: var(--title-color); }

        .home-dark .scroll-btn i:hover { color: var(--white-color); }

/*=================================
    05. Spacing
==================================*/
/*-- Padding Left And Right --*/
.px-5 { padding-right: 5px; padding-left: 5px; }

.px-10 { padding-right: 10px; padding-left: 10px; }

.px-15 { padding-right: 15px; padding-left: 15px; }

.px-20 { padding-right: 20px; padding-left: 20px; }

.px-25 { padding-right: 25px; padding-left: 25px; }

.px-30 { padding-right: 30px; padding-left: 30px; }

.px-35 { padding-right: 35px; padding-left: 35px; }

.px-40 { padding-right: 40px; padding-left: 40px; }

.px-45 { padding-right: 45px; padding-left: 45px; }

.px-50 { padding-right: 50px; padding-left: 50px; }

/*-- Padding Top And Bottom --*/
.py-5 { padding-top: 5px; padding-bottom: 5px; }

.py-10 { padding-top: 10px; padding-bottom: 10px; }

.py-15 { padding-top: 15px; padding-bottom: 15px; }

.py-20 { padding-top: 20px; padding-bottom: 20px; }

.py-25 { padding-top: 25px; padding-bottom: 25px; }

.py-30 { padding-top: 30px; padding-bottom: 30px; }

.py-35 { padding-top: 35px; padding-bottom: 35px; }

.py-40 { padding-top: 40px; padding-bottom: 40px; }

.py-45 { padding-top: 45px; padding-bottom: 45px; }

.py-50 { padding-top: 50px; padding-bottom: 50px; }

/*-- Padding Top --*/
.pt-5 { padding-top: 5px; }

.pt-10 { padding-top: 10px; }

.pt-15 { padding-top: 15px; }

.pt-20 { padding-top: 20px; }

.pt-25 { padding-top: 25px; }

.pt-30 { padding-top: 30px; }

.pt-35 { padding-top: 35px; }

.pt-40 { padding-top: 40px; }

.pt-45 { padding-top: 45px; }

.pt-50 { padding-top: 50px; }

/*-- Padding Bottom --*/
.pb-5 { padding-bottom: 5px; }

.pb-10 { padding-bottom: 10px; }

.pb-15 { padding-bottom: 15px; }

.pb-20 { padding-bottom: 20px; }

.pb-25 { padding-bottom: 25px; }

.pb-30 { padding-bottom: 30px; }

.pb-35 { padding-bottom: 35px; }

.pb-40 { padding-bottom: 40px; }

.pb-45 { padding-bottom: 45px; }

.pb-50 { padding-bottom: 50px; }

/*-- Padding Left --*/
.pl-5 { padding-left: 5px; }

.pl-10 { padding-left: 10px; }

.pl-15 { padding-left: 15px; }

.pl-20 { padding-left: 20px; }

.pl-25 { padding-left: 25px; }

.pl-30 { padding-left: 30px; }

.pl-35 { padding-left: 35px; }

.pl-40 { padding-left: 40px; }

.pl-45 { padding-left: 45px; }

.pl-50 { padding-left: 50px; }

/*-- Padding Right --*/
.pr-5 { padding-right: 5px; }

.pr-10 { padding-right: 10px; }

.pr-15 { padding-right: 15px; }

.pr-20 { padding-right: 20px; }

.pr-25 { padding-right: 25px; }

.pr-30 { padding-right: 30px; }

.pr-35 { padding-right: 35px; }

.pr-40 { padding-right: 40px; }

.pr-45 { padding-right: 45px; }

.pr-50 { padding-right: 50px; }

/*-- margin Left And Right --*/
.mx-5 { margin-right: 5px; margin-left: 5px; }

.mx-10 { margin-right: 10px; margin-left: 10px; }

.mx-15 { margin-right: 15px; margin-left: 15px; }

.mx-20 { margin-right: 20px; margin-left: 20px; }

.mx-25 { margin-right: 25px; margin-left: 25px; }

.mx-30 { margin-right: 30px; margin-left: 30px; }

.mx-35 { margin-right: 35px; margin-left: 35px; }

.mx-40 { margin-right: 40px; margin-left: 40px; }

.mx-45 { margin-right: 45px; margin-left: 45px; }

.mx-50 { margin-right: 50px; margin-left: 50px; }

/*-- margin Top And Bottom --*/
.my-5 { margin-top: 5px; margin-bottom: 5px; }

.my-10 { margin-top: 10px; margin-bottom: 10px; }

.my-15 { margin-top: 15px; margin-bottom: 15px; }

.my-20 { margin-top: 20px; margin-bottom: 20px; }

.my-25 { margin-top: 25px; margin-bottom: 25px; }

.my-30 { margin-top: 30px; margin-bottom: 30px; }

.my-35 { margin-top: 35px; margin-bottom: 35px; }

.my-40 { margin-top: 40px; margin-bottom: 40px; }

.my-45 { margin-top: 45px; margin-bottom: 45px; }

.my-50 { margin-top: 50px; margin-bottom: 50px; }

/*-- margin Top --*/
.mt-5 { margin-top: 5px; }

.mt-10 { margin-top: 10px; }

.mt-15 { margin-top: 15px; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px; }

.mt-40 { margin-top: 40px; }

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px; }

/*-- margin Bottom --*/
.mb-5 { margin-bottom: 5px; }

.mb-10 { margin-bottom: 10px; }

.mb-15 { margin-bottom: 15px; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-30 { margin-bottom: 30px; }

.mb-35 { margin-bottom: 35px; }

.mb-40 { margin-bottom: 40px; }

.mb-45 { margin-bottom: 45px; }

.mb-50 { margin-bottom: 50px; }

/*-- margin Left --*/
.ml-5 { margin-left: 5px; }

.ml-10 { margin-left: 10px; }

.ml-15 { margin-left: 15px; }

.ml-20 { margin-left: 20px; }

.ml-25 { margin-left: 25px; }

.ml-30 { margin-left: 30px; }

.ml-35 { margin-left: 35px; }

.ml-40 { margin-left: 40px; }

.ml-45 { margin-left: 45px; }

.ml-50 { margin-left: 50px; }

/*-- margin Right --*/
.mr-5 { margin-right: 5px; }

.mr-10 { margin-right: 10px; }

.mr-15 { margin-right: 15px; }

.mr-20 { margin-right: 20px; }

.mr-25 { margin-right: 25px; }

.mr-30 { margin-right: 30px; }

.mr-35 { margin-right: 35px; }

.mr-40 { margin-right: 40px; }

.mr-45 { margin-right: 45px; }

.mr-50 { margin-right: 50px; }

.mb-60 { margin-bottom: 60px; }

.mt-n1 { margin-top: -.25rem; }

.mt-n2 { margin-top: -.5rem; }

.mt-n3 { margin-top: -1rem; }

.mt-n4 { margin-top: -1.5rem; }

.mt-n5 { margin-top: -3rem; }

.mb-n1 { margin-bottom: -.25rem; }

.mb-n2 { margin-bottom: -.5rem; }

.mb-n3 { margin-bottom: -1rem; }

.mb-n4 { margin-bottom: -1.5rem; }

.mb-n5 { margin-bottom: -3rem; }

.space,
.space-top { padding-top: var(--section-space); }

.space,
.space-bottom { padding-bottom: var(--section-space); }

.space-extra,
.space-extra-top { padding-top: calc(var(--section-space) - 30px); }

.space-extra,
.space-extra-bottom { padding-bottom: calc(var(--section-space) - 30px); }

.space-extra2,
.space-extra2-top { padding-top: calc(var(--section-space) - 40px); }

.space-extra2,
.space-extra2-bottom { padding-bottom: calc(var(--section-space) - 40px); }

/* ----------------------------------
    Banner Style
 ------------------------------------*/
.banner-area { height: 85vh; width: 100%; position: relative; }

@media (max-width: 1023px) {
    .banner-area { height: auto; }
}

.banner-area div { height: 100vh !important; }

    .banner-area div.swiper-slide .row div { height: auto !important; }

.banner-area.top-pad-80 .content { padding-top: 80px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-80 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-80 .content { padding-top: 140px; }
}

.banner-area.top-pad-90 .content { padding-top: 90px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-90 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-90 .content { padding-top: 140px; }
}

.banner-area.top-pad-100 .content { padding-top: 100px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-100 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-100 .content { padding-top: 140px; }
}

.banner-area.top-pad-110 .content { padding-top: 110px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-110 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-110 .content { padding-top: 140px; }
}

.banner-area.top-pad-120 .content { padding-top: 120px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-120 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-120 .content { padding-top: 140px; }
}

.banner-area.top-pad-130 .content { padding-top: 130px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-130 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-130 .content { padding-top: 140px; }
}

.banner-area.top-pad-150 .content { padding-top: 150px; }

@media (max-width: 1023px) {
    .banner-area.top-pad-150 .content { padding-top: 200px; }
}

@media only screen and (max-width: 767px) {
    .banner-area.top-pad-150 .content { padding-top: 140px; }
}

.banner-area.auto-height { height: auto; }

    .banner-area.auto-height div { height: auto; }

    .banner-area.auto-height .content { padding: 200px 0; }

@media only screen and (max-width: 767px) {
    .banner-area.auto-height .content { padding: 60px 0; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area.auto-height .content { padding: 120px 0; }
}

.banner-area.auto-height .content .thumb { padding-left: 35px; }

@media (max-width: 991px) {
    .banner-area.auto-height .content .thumb { padding-left: 0; margin-top: 50px; }
}

.banner-area.auto-height.inc-header-transparent .content { padding-top: 250px; }

@media only screen and (max-width: 767px) {
    .banner-area.auto-height.inc-header-transparent .content { padding-top: 140px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area.auto-height.inc-header-transparent .content { padding-top: 220px; }
}

.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .info { padding-top: 80px; }

.banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 250px; }

@media only screen and (max-width: 767px) {
    .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area.auto-height.inc-header-transparent.double-items.bottom-thumb .content .thumb { margin-top: 50px; }
}

.banner-area .content { position: relative; z-index: 9; -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.banner-area .content .darked{ position: absolute; width: 100%; height: 100%; background-color: black; opacity: .6; z-index:2; }
.banner-area .content .contents {z-index: 3;background-color: black;opacity: .5;padding: 25px;}


@media (max-width: 1023px) {
    .banner-area .content { padding: 120px 0; }
}



.banner-area h4 { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate3d(-15%, 0, 0); transform: translate3d(-15%, 0, 0); opacity: 0; visibility: hidden; }

.banner-area h2 { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; visibility: hidden; }

.banner-area p { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; padding-right: 25%; margin: 0; visibility: hidden; }

@media (max-width: 1023px) {
    .banner-area p { padding-right: 0; }
}

.banner-area.text-center p { padding-left: 13%; padding-right: 13%; }

@media (max-width: 1023px) {
    .banner-area.text-center p { padding: 0; }
}

.banner-area .thumb { -webkit-transition: all 500ms ease; transition: all 500ms ease; opacity: 0; visibility: hidden; }

.banner-area .button { -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translateY(50%); transform: translateY(50%); opacity: 0; visibility: hidden; margin-top: 30px; }

.banner-area .banner-slide h4 { -webkit-transform: translateY(50%); transform: translateY(50%); }

.banner-area .banner-slide h2 { -webkit-transform: translateY(50%); transform: translateY(50%); }

.banner-area .banner-slide p { -webkit-transform: translateY(50%); transform: translateY(50%); }

.banner-area .banner-slide .button { -webkit-transform: translateY(50%); transform: translateY(50%); }

.banner-area .banner-slide .swiper-slide.swiper-slide-active h4 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1200ms; transition-delay: 1200ms; }

.banner-area .banner-slide .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1400ms; transition-delay: 1400ms; }

.banner-area .banner-slide .swiper-slide.swiper-slide-active p { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1600ms; transition-delay: 1600ms; }

.banner-area .banner-slide .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 1800ms; transition-delay: 1800ms; }

.banner-area.double-items .thumb { -webkit-transform: translateY(50%); transform: translateY(50%); }

.banner-area.double-items .swiper-slide.swiper-slide-active .thumb { -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 500ms; transition-delay: 500ms; visibility: visible; opacity: 1; }

.banner-area.double-items.bottom-thumb .content { padding: 0; }

    .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 120px; }

@media only screen and (max-width: 767px) {
    .banner-area.double-items.bottom-thumb .content { padding: 50px 0; }

        .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 30px; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner-area.double-items.bottom-thumb .content { padding: 120px 0; }

        .banner-area.double-items.bottom-thumb .content .thumb { margin-top: 50px; }
}

.banner-area.zoom-effect .banner-thumb { -webkit-transition: 10s ease-out; transition: 10s ease-out; -webkit-transform: scale(1.1); transform: scale(1.1); position: absolute; left: 0; top: 0; content: ""; height: 100%; width: 100%; }

.banner-area.zoom-effect .swiper-slide.swiper-slide-active .banner-thumb { -webkit-transform: scale(1); transform: scale(1); }

.banner-area .swiper-notification { display: none; }

.banner-area .swiper-slide.swiper-slide-active h4 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; visibility: visible; -webkit-transition-delay: 800ms; transition-delay: 800ms; }

.banner-area .swiper-slide.swiper-slide-active h2 { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 1600ms; transition-delay: 1600ms; }

.banner-area .swiper-slide.swiper-slide-active p { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 2400ms; transition-delay: 2400ms; }

.banner-area .swiper-slide.swiper-slide-active .button { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; -webkit-transition-delay: 3200ms; transition-delay: 3200ms; }

.banner-area.banner-style-one .swiper-slide.swiper-slide-active .button { -webkit-transition-delay: 2400ms; transition-delay: 2400ms; }

.banner-area .banner-items { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; box-sizing: content-box; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); }

.banner-area:hover .swiper-button-prev,
.banner-area:hover .swiper-button-next { opacity: 1; }

.banner-area:hover .swiper-button-prev { left: 30px; right: auto; }

.banner-area:hover .swiper-button-next { right: 30px; left: auto; }

.banner-area .swiper-button-prev,
.banner-area .swiper-button-next { height: auto; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; }

    .banner-area .swiper-button-prev::after,
    .banner-area .swiper-button-next::after { font-size: 28px; color: #ffffff; }

.banner-area.navigation-circle .swiper-button-prev,
.banner-area.navigation-circle .swiper-button-next { height: 60px; width: 60px; line-height: 60px; background: rgba(0, 0, 0, 0.5); border-radius: 50%; }

    .banner-area.navigation-circle .swiper-button-prev::after,
    .banner-area.navigation-circle .swiper-button-next::after { font-size: 18px; }

.banner-area.navigation-right-bottom .swiper-button-prev,
.banner-area.navigation-right-bottom .swiper-button-next { left: auto; right: 30px; opacity: 1; top: auto; -webkit-transform: inherit; transform: inherit; bottom: 50px; border-radius: inherit; }

.banner-area.navigation-right-bottom .swiper-button-prev { right: 92px; }

.banner-area.navigation-between-bottom .content { padding-bottom: 105px; }

@media only screen and (min-width: 829px) and (max-width: 1023px) {
    .banner-area.navigation-between-bottom .content { padding-bottom: 220px; }
}

.banner-area .swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets { left: 50px !important; top: 50%; display: flex; justify-content: center; flex-direction: column; width: 35px; }

.banner-area .swiper-pagination-bullet { width: 22px; height: 22px; display: flex !important; justify-content: center; align-items: center; font-size: 12px; font-weight: bold; color: #000; opacity: 1; background: #fff; outline: 2px solid #fff; outline-offset: 2px; }

.banner-area .swiper-pagination-bullet-active { color: #fff; background: var(--theme-color) !important; outline: 2px solid var(--theme-color); }

.banner-area .swiper-pagination:before { content: ''; height: 100px; width: 4px; margin-left: 10px; margin-bottom: 5px; background: -webkit-linear-gradient(top, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); background: linear-gradient(to top, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); }

.banner-area .swiper-pagination:after { content: ''; height: 100px; width: 4px; margin-left: 10px; margin-top: 5px; background: -webkit-linear-gradient(bottom, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); background: linear-gradient(to bottom, var(--theme-color) 0%, rgba(217, 217, 217, 0) 100%); }

.banner-area.banner-style-two .content h2 { font-size: 70px; font-weight: 600; color: #fff; font-family: var(--style-font); }

.banner-area.banner-style-two .content p { font-size: 18px; line-height: 30px; color: #fff; }

.bg-cover { background-position: center center !important; background-size: cover !important; }

.shadow.dark:after { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }

.breadcumb-wrapper:after { background: #000 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.3; position: absolute; top: 0; width: 100%; z-index: -1; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }

.kapat { background: #FF9D2D; border: none; color: #fff; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; width: 40px; height: 40px; z-index: 10; }

.list-services { margin: 0px; padding: 0px; list-style: none; }

    .list-services li { position: relative; border-radius: 6px; margin-bottom: 10px; background-repeat: no-repeat; background-size: cover; }

        .list-services li:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #292b2c; opacity: .8; border-radius: 5px; -webkit-transition: all .7s ease; transition: all .7s ease }

        .list-services li:hover:before { opacity: 0 }

.title-list-services { position: relative; padding: 40px 32px; display: block; }

.link-style-5 a { color: #fff; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }

.section-20px-montserrat { font-size: 20px; letter-spacing: 0; font-weight: 600; line-height: 26px; }

.box-shadow-none { box-shadow: none !important; }

.no-background { background-color: transparent !important; }

.menu_kat li a { background-color: #fff; padding: 15px 20px; font-weight: 600; font-size: 15px; }

.menu_kat li.active a { color: var(--theme-color); }

.menu_kat li.active span { color: var(--theme-color); }

.modal-close-button { align-items: center; background: #fff !important; border: none; border-radius: 50%; box-shadow: 0 0.3rem 2rem rgb(0 0 0 / 10%); display: flex; justify-content: center; padding: 4px; position: absolute; right: 16px; top: 16px; width: 40px; height: 40px; line-height: 40px; }

.secenek { margin-top: 0px !important; display: flex; justify-content: space-between; align-items: center; }

    .secenek label { margin: 0 !important; }

.f-15 { font-size: 1.5rem; }

.secenek-title { font-weight: 600; font-size: 18px; margin-bottom: 10px; margin-top: 15px; }

.radius-10 { border-radius: 10px; }

.kucuk_img { height: 62px !important; object-fit: cover; }

.hizmet-img { height: 250px !important; object-fit: cover; }

.form-common { float: left; width: 100%; background: var(--white-color); -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; padding: 60px 45px; }

.divider-login { display: inline-block; width: 100%; position: relative; }

    .divider-login hr { border-top: 1.5px solid #cccccc; }

    .divider-login span { position: absolute; left: 50%; top: 50%; padding: 0 24px; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: var(--white-color); }

.text-right { text-align: right !important; }

.membership-page-right-content { margin-bottom: 10px; margin-top: 42px; }

    .membership-page-right-content .membership-option:last-child { margin-bottom: 0px; }

    .membership-page-right-content .membership-option .option-content .badge-group { margin-bottom: 20px; }

        .membership-page-right-content .membership-option .option-content .badge-group .badge-item { display: flex; align-items: center; margin-bottom: 25px; }

            .membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge { float: left; width: 62px; height: 62px; background-color: var(--theme-color2); color: white; font-size: 34px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }

                .membership-page-right-content .membership-option .option-content .badge-group .badge-item .circle-badge i { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; }

            .membership-page-right-content .membership-option .option-content .badge-group .badge-item .badge-text { float: left; width: calc(100% - 62px); padding-left: 15px; }

.iti__country-list { z-index: 3; }

.checkout__title { font-size: 22px; text-transform: capitalize; font-weight: 700; color: #233d63; margin-bottom: 0; padding: 15px 25px 0px; }

.font-weight-light { font-weight: 300 !important; }

.font-weight-bold { font-weight: 700 !important; }

.billing-content { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 40px rgb(82 85 90 / 4%); -moz-box-shadow: 0 0 40px rgba(82, 85, 90, 0.1); box-shadow: 0 0 40px rgb(82 85 90 / 4%); padding: 15px 20px; }

.tile { padding: 20px 30px !important; background-color: #fff !important; border-right: solid 1px #e9f1f1 !important; position: relative; }

    .tile .icon { position: absolute; top: 25px; right: 25px; font-size: 48px; line-height: 1; color: #ccc; }

    .tile .stat { color: #ee5586; margin-top: 20px; font-size: 40px; line-height: 1; }

    .tile .title { font-weight: 700; color: #888; text-transform: uppercase; font-size: 12px; }

    .tile .highlight { margin-top: 4px; height: 2px; border-radius: 2px; }

    .tile:last-child { border-right: none !important; }

.bg-color-blue { background-color: #5bc0de; }

.bg-color-green { background-color: #5cb85c; }

.bg-color-red { background-color: #d9534f; }

.bg-color-gold { background-color: #f0ad4e; }

.tercih { padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.tercih_list { padding: 5px; font-weight: 600; letter-spacing: 0.16px; }

.tercih ol { margin: 0px; padding: 0px; list-style-type: none; }

    .tercih ol li { border: 0px; padding: 0px; }

.tercih_secenek { display: flex; -webkit-box-pack: justify; justify-content: space-between; align-items: center; padding-top: 16px; padding-bottom: 16px; border-bottom: 1px solid rgb(243, 240, 254); }

.tercih_secenek_1 { display: flex; flex-direction: column; }

.tercih_span { font-weight: 600; }

.tercih_span_1 { margin-top: 8px; font-weight: 400; }

.paragraph { margin-top: 16px; margin-bottom: 24px; }

.switch { position: relative; display: inline-block; width: 60px; height: 34px; margin: 0; }

    .switch input { opacity: 0; width: 0; height: 0; }

.slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; }

    .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; }

input:checked + .slider { background-color: #2196F3; }

input:focus + .slider { box-shadow: 0 0 1px #2196F3; }

input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

/* Rounded sliders */
.slider.round { border-radius: 34px; }

    .slider.round:before { border-radius: 50%; }

.wrapper .address-selector-wrapper { padding: 1rem 0; flex-wrap: wrap; display: flex; width: 100%; }

    .wrapper .address-selector-wrapper .delivery-addresses-wrapper { width: 100%; }

.subtitle-1 { font-size: 1rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; }

.wrapper .address-selector-wrapper .add-button { margin: 1.5rem 0; font-size: .75rem; padding: 0.625rem 0; border: 1px solid #ffc200; border-radius: 5px; }

    .wrapper .address-selector-wrapper .add-button a { display: flex; justify-content: center; align-items: center; font-size: .875rem; font-weight: bold; cursor: pointer; }

.wrapper .address-selector-wrapper .address { display: flex; border: solid 1px rgba(0, 0, 0, .12); border-radius: 8px; align-items: center; height: 100px; transition: border .08s ease-in; padding: 3rem 1rem; margin-bottom: 1rem; cursor: pointer; }

    .wrapper .address-selector-wrapper .address.selected { color: #000; -webkit-box-shadow: 0 2px 3px rgb(151 151 151 / 21%), inset 0 0 0 3px #fddd00; box-shadow: 0 2px 3px rgb(151 151 151 / 21%), inset 0 0 0 3px #fddd00; }

    .wrapper .address-selector-wrapper .address .title-delete-edit-address-detailed-wrapper { padding: 1rem 0; width: 100%; }

    .wrapper .address-selector-wrapper .address .title-delete-edit-wrapper { display: flex; align-items: center; justify-content: space-between; }

        .wrapper .address-selector-wrapper .address .title-delete-edit-wrapper .title { overflow: hidden; position: relative; line-height: 1.2rem; max-height: 2.4rem; padding-right: 1.5em; }

.subtitle-2,
.mat-mdc-tab-header .mdc-tab { font-size: .875rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.71; }

.wrapper .address-selector-wrapper .address .title-delete-edit-wrapper .title:before { content: "..."; position: absolute; right: 0.65em; bottom: 0.1em; }

.wrapper .address-selector-wrapper .address .title-delete-edit-wrapper .title:after { content: ""; position: absolute; right: 0; width: 1.5em; height: 1em; margin-top: 0.2em; background: white; }

.wrapper .address-selector-wrapper .address .edit-icon { cursor: pointer; width: auto; height: 1rem; margin: 0 1rem 0 auto; }

.wrapper .address-selector-wrapper .address .delete-icon { cursor: pointer; width: 1rem; height: 1rem; }

.wrapper .address-selector-wrapper .address .address-detailed { margin-top: 0.5rem; overflow: hidden; position: relative; line-height: 1.2rem; max-height: 2.4rem; padding-right: 1.5em; }

.mat-caption-normal { font-weight: 400; font-stretch: normal; font-style: normal; line-height: 1.33; }

.chosen-container-single .chosen-single { display: block; overflow: hidden; position: relative; text-decoration: none; white-space: nowrap; font-weight: 500; height: 55px; padding: 0 25px 0 25px; padding-right: 45px; color: var(--body-color); background-color: var(--smoke-color); border-radius: 0px; font-size: 16px; width: 100%; font-family: var(--body-font); -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }

.chosen-container-single .chosen-search input[type="text"] { border-radius: 0px; }

.chosen-container-active.chosen-with-drop .chosen-single { color: var(--body-color); background-color: var(--smoke-color); }

.chosen-container .chosen-drop { background: #ffffff; border: 1px solid rgb(235, 235, 235); border-radius: 0px; -webkit-box-shadow: none; box-shadow: none; margin-top: 0px; position: absolute; top: 100%; left: -9000px; z-index: 1060; }

.anonymous { display: flex; margin: auto 0 auto auto; }

.login-signup-wrapper { margin: auto 0 auto 1rem; cursor: pointer; }

.inner-track { padding-left: 1rem; }

.inner { display: flex; align-items: center; min-width: 150px; max-width: 220px; justify-content: space-between; background-color: #fff; padding: 0.5rem; border-radius: 8px; }

.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption { letter-spacing: normal; }

.inner .carrot { margin-left: 0.5rem; }

.sepet_bos { text-align: center; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; }

div.sepet_bos span.uyari { display: block; font-weight: bold; font-size: 20px; margin-bottom: 5px; text-align: center; }

div.sepet_bos span.bilgi { display: block; }

.ozellikler { font-size: 13px; }

.ozellikler-2 { font-size: 12px; background: #f9f6f1; }

/*== Message Page ==*/
.message_container { background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-radius: 8px; height: 100%; position: relative; }

.inbox_user_list { display: inline-block; padding: 20px 15px 20px; width: 100%; }

    .inbox_user_list ul { height: 415px; overflow-y: scroll; list-style: none; padding: 0; margin: 0 0 10px; }

        .inbox_user_list ul::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 4px; }

        .inbox_user_list ul::-webkit-scrollbar-thumb { background-color: #f7f7f7; border-radius: 3px; height: 250px; }

    .inbox_user_list .wrap { position: relative; }

        .inbox_user_list .wrap img { border-radius: 50%; float: left; margin-right: 15px; }

        .inbox_user_list .wrap .meta h5.name { font-size: 16px; font-family: 'Titillium Web', sans-serif; color: #484848; font-weight: bold; line-height: 1.2; margin-bottom: 0; }

        .inbox_user_list .wrap .meta p.preview { font-size: 14px; font-family: 'Titillium Web', sans-serif; color: rgb(119, 119, 119); line-height: 2; margin-bottom: 0; }

        .inbox_user_list .wrap .m_notif { border: 2px solid #ffffff; border-radius: 50%; background-color: rgb(252, 68, 90); color: #ffffff; font-size: 10px; font-family: "Lato"; line-height: 17px; height: 21px; position: absolute; right: 5%; text-align: center; top: 10px; width: 21px; }

    .inbox_user_list ul li { padding: 10px 0; border-bottom: 1px solid #F7F7FA; }

        .inbox_user_list ul li:last-child { border-bottom: 0px; }

    .inbox_user_list .iu_heading { padding-bottom: 25px; }

    .inbox_user_list ul li.contact .wrap .meta { display: inline-block; margin-top: 5px; }

.iu_heading .candidate_revew_search_box .candidate_revew_search_box button { background-color: transparent; }

.inbox_user_list ul li.contact .wrap span { background-color: #95a5a6; border: 1px solid #ffffff; border-radius: 50%; height: 13px; left: 50px; margin: 0px 0 0 1px; position: absolute; width: 13px; }

    .inbox_user_list ul li.contact .wrap span.online { background-color: #2ecc71; }

    .inbox_user_list ul li.contact .wrap span.away { background-color: #f1c40f; }

    .inbox_user_list ul li.contact .wrap span.busy { background-color: #e74c3c; }

.inbox_user_list ul li.contact .wrap img { border-radius: 50%; float: left; margin-right: 10px; width: 50px; height: 50px; object-fit: cover; }

.message_container .inbox_chatting_box { position: relative; max-height: 390px !important; height: auto; margin-right: 0px; max-height: calc(100% - 93px); overflow-y: scroll; overflow-x: hidden; }

    .message_container .inbox_chatting_box::-webkit-scrollbar { background: transparent; border-radius: 3px; padding-right: 10px; width: 4px; }

    .message_container .inbox_chatting_box::-webkit-scrollbar-thumb { background-color: #ededed; border-radius: 3px; }

.message_container .user_heading { background-color: #ffffff; border-bottom: 1px solid rgb(235, 235, 235); border-radius: 8px 8px 0 0; padding: 15px; position: relative; }

.inbox_chatting_box .chatting_content { display: inline-block; padding: 15px 15px 0 15px; position: relative; width: 100%; list-style: none; margin: 0 0 10px; }

.message_container .user_heading .wrap img { float: left; margin-right: 10px; border-radius: 50%; height: 50px; object-fit: cover; }

.message_container .user_heading .wrap h5.name { font-size: 16px; font-family: 'Titillium Web', sans-serif; color: rgb(10, 10, 10); line-height: 1.2; margin-bottom: 0; }

.message_container .user_heading .wrap p.preview { font-size: 15px; color: rgb(127, 127, 127); line-height: 1.867; margin-bottom: 0; }

.inbox_chatting_box .chatting_content li { padding: 20px 0; margin-bottom: 0; }

    .inbox_chatting_box .chatting_content li.media.sent { float: left; clear: both; }

    .inbox_chatting_box .chatting_content li.media img { border-radius: 50px; margin-bottom: 10px; height: 50px; object-fit: cover; }

    .inbox_chatting_box .chatting_content li.media .media-body { display: block; flex: auto; }

    .inbox_chatting_box .chatting_content li.media span { background-color: #95a5a6; border: 1px solid #ffffff; border-radius: 50%; height: 13px; left: 80px; margin: 2px 0 0 -2px; position: absolute; width: 13px; }

        .inbox_chatting_box .chatting_content li.media span.busy { background-color: #e74c3c; }

    .inbox_chatting_box .chatting_content li.media .media-body .date_time { font-size: 13px; }

    .inbox_chatting_box .chatting_content li.media .media-body p { background-color: #f7f7f7; border: 1px solid #f7f7f7; border-radius: 3px; color: #484848; font-size: 14px; margin-bottom: 0; padding: 10px 15px; max-width: 290px; }

    .inbox_chatting_box .chatting_content li.media.reply { float: right; clear: both; }

        .inbox_chatting_box .chatting_content li.media.reply.first { margin: -15px 0; }

        .inbox_chatting_box .chatting_content li.media.reply .media-body p { border-radius: 3px; background-color: #eef1ff; color: #484848; max-width: 320px; padding: 10px 15px; }

.message_container .message_input { bottom: 015px; left: 15px; position: absolute; right: 15px; text-align: center; }

    .message_container .message_input form input.form-control { background-color: #f7f7f7; border-color: transparent; border-radius: 8px; height: 70px; width: 100%; padding-left: 30px; }

        .message_container .message_input form input.form-control::placeholder { font-size: 14px; font-family: 'Titillium Web', sans-serif; color: #484848; line-height: 1.714; }

        .message_container .message_input form input.form-control:focus { box-shadow: none; outline: none; }

    .message_container .message_input form button.btn { background-color: #ff5a5f; border: 1px solid #ffffff; border-radius: 8px; color: #ffffff; font-size: 16px; flex: 1; height: 50px; position: absolute; right: 10px; width: 60px; }

        .message_container .message_input form button.btn:focus { box-shadow: none; outline: none; }

        .message_container .message_input form button.btn span { font-size: 20px; padding-left: 10px; }

.candidate_revew_search_box input.form-control { background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-right: none; border-radius: 8px 0px 0px 8px; height: 40px; margin-right: 0 !important; padding-left: 20px; padding-right: 0; width: 258px; }

.candidate_revew_search_box button { background-color: #ffffff; border: 1px solid rgb(235, 235, 235); border-left: none; border-radius: 0 8px 8px 0; color: #484848; height: 40px; width: 70px; }

    .candidate_revew_search_box button:hover { color: #484848; }

    .candidate_revew_search_box input.form-control:focus,
    .candidate_revew_search_box button:focus { box-shadow: none; outline: none; }

.candidate_revew_select .bootstrap-select > .dropdown-toggle,
.grid_list_search_result .bootstrap-select > .dropdown-toggle { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; color: #7f7f7f; height: 50px; line-height: 35px; }

    .candidate_revew_select .bootstrap-select > .dropdown-toggle:hover,
    .candidate_revew_select .bootstrap-select > .dropdown-toggle:focus,
    .candidate_revew_select .bootstrap-select > .dropdown-toggle:active,
    .grid_list_search_result .bootstrap-select > .dropdown-toggle:hover,
    .grid_list_search_result .bootstrap-select > .dropdown-toggle:focus,
    .grid_list_search_result .bootstrap-select > .dropdown-toggle:active { background-color: #ffffff; color: #7f7f7f; box-shadow: none; outline: none !important; }

.candidate_revew_select .dropdown-item.active,
.candidate_revew_select .dropdown-item:active,
.grid_list_search_result .dropdown-item.active,
.grid_list_search_result .dropdown-item:active { background-color: #f7f7f7; color: #484848; }

#mesajListesi li:first-child { margin-top: 0px !important; padding-top: 0px !important; }

.chatting_content li:first-child { margin-top: 0px !important; padding-top: 0px !important; }

.sum-list { line-height: normal; list-style-type: none; margin: 0; padding: 0; margin-top: 15px; margin-bottom: 15px; }

    .sum-list li { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid #e7e7e7; }

        .sum-list li .description { flex: 1 0; }

        .sum-list li strong { font-weight: inherit; }

        .sum-list li .price { margin-left: 0.5rem; white-space: nowrap; }

        .sum-list li.total { color: #05519f; }

.sum-agreement { margin-top: 1rem; }

    .sum-agreement label { font-size: 14px; }

.checkout-submitbtn { padding-left: 1rem; padding-right: 1rem; font-weight: 600; position: relative; display: inline-flex; font-size: 1.6rem; line-height: normal; border-radius: 0.4rem; background-color: #05519f; border: 0.1rem solid #05519f; color: #fff; margin-top: 20px; }

    .checkout-submitbtn:hover { color: #fff; }

.btn.block { width: 100%; display: flex; }

.checkout-submitbtn .btn-content { width: 100%; font-size: 1.3rem; justify-content: space-between; }

.btn .btn-content { display: flex; flex-flow: row wrap; align-items: center; }

.checkout-delivery { background-color: #f7f6f2; border-radius: 10px; }

    .checkout-delivery .addresses { width: 100%; }

    .checkout-delivery .section-hero { padding: 2rem 3rem; font-size: 2.4rem; border-bottom: solid 1px #dedee9; }

    .checkout-delivery .addresses .list { padding: 2.5rem; }

        .checkout-delivery .addresses .list .desc { margin-bottom: 2rem; font-size: 1.4rem; }

.js-address-list-alternate { list-style: none; margin: 0; padding: 0; }

.checkout-delivery .addresses .list li:nth-child(odd) { margin-right: 4%; }

.checkout-delivery .addresses .list li.selected { color: #000; -webkit-box-shadow: 0 2px 3px rgb(151 151 151 / 21%), inset 0 0 0 3px #fddd00; box-shadow: 0 2px 3px rgb(151 151 151 / 21%), inset 0 0 0 3px #fddd00; }

.checkout-delivery .addresses .list li { float: left; width: 48%; padding: 2rem; color: #8c8c8c; margin-bottom: 2rem; font-size: 1.4rem; line-height: 1.6em; background-color: #fff; border-radius: 10px; border: solid 1px #dedee9; -webkit-box-shadow: 0 2px 3px rgb(151 151 151 / 21%); -moz-box-shadow: 0 2px 3px rgba(151, 151, 151, 0.21); box-shadow: 0 2px 3px rgb(151 151 151 / 21%); }

.checkout-delivery .addresses .list label { cursor: pointer; }

.checkout-delivery .addresses .list li .title { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 600; }

.checkout-delivery .addresses .list li .edit { float: right; font-weight: 400; text-decoration: underline; }

.check { position: relative; display: inline-block; margin-right: 5px; vertical-align: middle; }

    .check input { position: absolute; opacity: 0; filter: alpha(opacity=0); }

.page-checkout .checkout-delivery .addresses .radio { margin-right: 5px; }

.check .radio { position: relative; display: inline-block; width: 12px; height: 12px; border: solid 1px #9b9b9b; border-radius: 100%; }

.checkout-delivery .addresses .radio::before { background-color: #000; }

.check input:checked + .radio::before { display: block; }

.check .radio::before { position: absolute; left: 0; top: 0; content: ''; display: none; margin: 1px; width: 8px; height: 8px; background-color: #039eb0; border-radius: 100%; }

.checkout-delivery .addresses .details { min-height: 110px; }

.checkout-delivery .addresses .list li .title { margin-bottom: 1rem; font-size: 1.3rem; font-weight: 700; }

.checkout-delivery .addresses .details .title { padding-bottom: 0 !important; margin-bottom: 0 !important; font-weight: 600; }

.checkout-delivery .addresses .list li.half { float: none; display: inline-block; margin-right: 0 !important; }

.checkout-delivery .addresses .shop,
.checkout-delivery .addresses .new-address { display: block; font-size: 1.4rem; text-align: center; font-weight: 600; line-height: 142px; }

    .checkout-delivery .addresses .new-address em { position: relative; top: -2px; font-size: 2.2rem; vertical-align: middle; }

.addresses ul { list-style: none; margin: 0; padding: 0; }

.payment_widget { background-color: #fff; border: 1px solid #EAEAEA; border-radius: 8px; margin-bottom: 30px; padding: 30px; position: relative; }

    .payment_widget .form-check-input { border-radius: 50%; }

    .payment_widget label.form-check-label { color: #1a3760; font-size: 15px; font-style: normal; font-weight: 600; line-height: 18px; letter-spacing: 0em; padding-left: 10px; }

.siparis_ozeti_title { display: flex; justify-content: space-between; align-items: center; }

    .siparis_ozeti_title strong { flex: 1 0; }

    .siparis_ozeti_title span { font-size: 15px; font-weight: 600; }

.s_urunler { font-size: 12px; line-height: normal; padding-bottom: 5px; }

    .s_urunler:last-child { border: 0; }

    .s_urunler b { font-weight: 600; }

.siparis_alert { padding: 0 5px; font-size: 13px; font-weight: 600; width: 160px; margin: 0; }

.siparis_tarih { background: #faf7f2; display: inline-block; padding: 0 8px; font-size: 12px; }


.order-detail { width: 100%; border-radius: 8px; border: solid 1px rgba(0, 0, 0, .12) }

    .order-detail .order-details { padding: 1.5rem 1rem 1rem }

@media (min-width: 768px) {
    .order-detail .order-details .order-status { display: flex; justify-content: space-between }
}

@media (max-width: 768px) {
    .order-detail .order-details .order-status .order-number { display: flex; justify-content: space-between }
}

.order-detail .order-details .top-action-bar { display: flex; justify-content: space-between }

    .order-detail .order-details .top-action-bar .rated-info { grid-gap: 1rem; display: flex }

@media (max-width: 768px) {
    .order-detail .order-details .top-action-bar .rated-info { display: block }
}

.order-detail .order-details .top-action-bar fa-icon { font-size: 1rem; margin-right: .25rem }

.order-detail .order-details .top-action-bar fe-membership-rating-stars { display: block; max-width: 6rem }

    .order-detail .order-details .top-action-bar fe-membership-rating-stars .stars-wrapper { margin-top: 0 }

        .order-detail .order-details .top-action-bar fe-membership-rating-stars .stars-wrapper fa-icon.rated { color: var(--brandColorPrimary700) }

.order-detail .delivery-details { display: grid; grid-auto-flow: column; grid-template-rows: 1fr 1fr 1fr; border-top: solid 1px rgba(0, 0, 0, .12); border-bottom: solid 1px rgba(0, 0, 0, .12) }

.item-title { overflow: hidden; font-size: .75rem; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #292a2c; margin: 0.25rem 0 0.438rem; cursor: pointer; height: 2rem; width: -moz-fit-content; width: fit-content; }

.item-details h1 { font: inherit; color: inherit; margin: inherit; }

.text-color-black { color: #292a2c; }

.text-color-success { color: #02b61d; }

@media (min-width: 768px) {
    .order-detail .delivery-details { border-bottom: none; grid-template-columns: 35% 35% 30%; grid-auto-flow: row; grid-template-rows: unset }
}

.order-detail .delivery-details.no-button .delivery-detail { display: block }

.order-detail .delivery-details.hemen-details { grid-template-rows: auto auto }

@media (min-width: 768px) {
    .order-detail .delivery-details.hemen-details { grid-template-columns: 1fr 1fr }
}

.order-detail .delivery-details .delivery-detail { padding: .75rem; position: relative; display: grid; grid-gap: .5rem; grid-template-areas: "detail change"; grid-template-columns: 5fr 1fr; border-bottom: none }

@media (min-width: 768px) {
    .order-detail .delivery-details .delivery-detail { padding: 1rem; grid-template-areas: "detail" "change"; grid-template-columns: unset }

        .order-detail .delivery-details .delivery-detail.change { grid-template-rows: 2fr 1fr }

        .order-detail .delivery-details .delivery-detail:not(:last-child) { border-right: solid 1px rgba(0, 0, 0, .12) }
}

.order-detail .delivery-details .delivery-detail .shipment-icon { margin-right: .5rem }

.order-detail .delivery-details .delivery-detail .shipment-detail-icon { margin-left: .5rem }

.order-detail .delivery-details .delivery-detail .details { grid-area: detail }

    .order-detail .delivery-details .delivery-detail .details p { display: inline; margin-bottom: 0 }

        .order-detail .delivery-details .delivery-detail .details p + p { margin-left: .25rem }

    .order-detail .delivery-details .delivery-detail .details .instant-delivery { margin-top: .625rem; display: block }

@media (min-width: 768px) {
    .order-detail .delivery-details .delivery-detail .details p { display: block; margin-bottom: .5rem }

        .order-detail .delivery-details .delivery-detail .details p + p { margin-left: 0 }
}

.order-detail .delivery-details .delivery-detail button { grid-area: change }

.order-detail .delivery-details .delivery-detail button { padding: 0; font-size: .75rem; height: -moz-fit-content; height: fit-content; width: -moz-fit-content; width: fit-content; margin-left: -.5rem }

@media (max-width: 768px) {
    .order-detail .delivery-details .delivery-detail button { align-self: center }
}

.order-detail .foundation-details { border-top: solid 1px rgba(0, 0, 0, .12); border-bottom: solid 1px rgba(0, 0, 0, .12); text-align: center; padding: 1rem }

    .order-detail .foundation-details .name { font-weight: 600 }

.product-summary-details { margin-top: 1rem }

@media (min-width: 768px) {
    .product-summary-details { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 1rem }
}

.product-summary-details .product-details,
.product-summary-details .price-details,
.product-summary-details .payment-details { border: solid 1px rgba(0, 0, 0, .12); border-radius: 5px; padding: 10px; display: grid; grid-template-columns: 2fr 1fr; grid-column-gap: 2rem; grid-row-gap: .5rem }

@media (min-width: 768px) {

    .product-summary-details .product-details,
    .product-summary-details .price-details,
    .product-summary-details .payment-details { grid-template-columns: 3fr 1fr }
}

.product-summary-details .product-details .price,
.product-summary-details .price-details .price,
.product-summary-details .payment-details .price { display: inline-flex; justify-content: flex-end }

    .product-summary-details .product-details .price .currency,
    .product-summary-details .price-details .price .currency,
    .product-summary-details .payment-details .price .currency { margin-left: .25rem }

.product-summary-details .price-details { grid-column-gap: 0 }

.product-summary-details .product-details { grid-template-columns: auto }

    .product-summary-details .product-details .product-details-cart-item { display: flex }

        .product-summary-details .product-details .product-details-cart-item .sm-item-detail { margin: 0 }

        .product-summary-details .product-details .product-details-cart-item .image-wrapper { padding: .5rem; border: solid 1px rgba(0, 0, 0, .12); border-radius: 5px; display: inline-block; margin-right: .5rem; height: -moz-fit-content; height: fit-content }

            .product-summary-details .product-details .product-details-cart-item .image-wrapper img { max-width: 2rem }

.product-summary-details .summary-details .price-details { height: -moz-fit-content; height: fit-content }

@media (max-width: 768px) {
    .product-summary-details .summary-details .price-details { margin-top: 1rem }
}

.product-summary-details .summary-details .price-details.no-bottom-border { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

.product-summary-details .summary-details .payment-details { display: block; padding: 1rem; border-top-right-radius: 0; border-top-left-radius: 0 }

    .product-summary-details .summary-details .payment-details button { display: block }

    .product-summary-details .summary-details .payment-details fa-icon { font-size: 1rem; margin-right: .25rem }

    .product-summary-details .summary-details .payment-details .actions { display: flex; justify-content: space-between }

        .product-summary-details .summary-details .payment-details .actions button { padding: 0 }

        .product-summary-details .summary-details .payment-details .actions .cancel-button { font-size: .75rem }

.cursor-pointer { cursor: pointer }

.invoice-form-text { margin-left: .3rem }

.invoice-form { display: flex }

.return-enabled { margin-top: .5rem; display: flex; width: 100% }

.sm-item-detail { display: flex; margin: 1rem 0; padding: 0.688rem 0.523rem 0.687rem 0.75rem; width: 100%; }

.product-details ul { margin: 0; padding: 0; list-style: none; }

    .product-details ul li { position: relative; padding: 10px; background: #00000008; margin-bottom: 0; text-align: left; margin-bottom: 10px; border-radius: 5px; }

        .product-details ul li:last-child { margin-bottom: 0px; }

        .product-details ul li .d_title { font-size: 15px; font-weight: 600; }

.order-number span { font-weight: 600; }

#confirm { text-align: center; padding: 60px 15px; }

.add_bottom_15 { padding-bottom: 15px; }

#confirm h3 { font-weight: 400; }

#confirm .icon--order-success { font-size: 175px; color: #8EC343; }

#confirm .icon--order-danger { font-size: 175px; color: #DC3545; }

@media (min-width: 992px) {
    .wrapper .address-selector-wrapper .address { flex-grow: 1; }
}

@media (min-width: 1200px) {
    .wrapper.address-selector-wrapper { flex-wrap: nowrap; }

        .wrapper .address-selector-wrapper .delivery-addresses-wrapper .delivery-addresses-inner-wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; }
}

@media (min-width: 1199px) {
    .space-lg-top { padding-top: var(--section-space); }

    .product-img img { height: 100%; }

    .footer_2 { margin-top: 68px; }
}

/* Medium devices */
@media (max-width: 991px) {

    .space,
    .space-top { padding-top: var(--section-space-mobile); }

    .space,
    .space-bottom { padding-bottom: var(--section-space-mobile); }

    .space-extra,
    .space-extra-top { padding-top: calc(var(--section-space-mobile) - 30px); }

    .space-extra,
    .space-extra-bottom { padding-bottom: calc(var(--section-space-mobile) - 30px); }

    .space-top-md-none { padding-top: 0; }

    .space-extra2,
    .space-extra2-top { padding-top: 70px; }

    .space-extra2,
    .space-extra2-bottom { padding-bottom: 70px; }
}


.golge1 { box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%) !important; }

.turkey-map-drawing { text-align: center; }

    .turkey-map-drawing svg { width: 100%; height: auto; }

    .turkey-map-drawing g.is-completed path { fill: #eb0029; }

    .turkey-map-drawing path { cursor: pointer; fill: #ff9d2d; -webkit-transition: .2s; transition: .2s; }

        .turkey-map-drawing path:hover { fill: #eb0029 !important; }

.turkey-map-name { position: absolute; z-index: 2; }

    .turkey-map-name div { display: inline-block; background: #eb0029; color: #ffffff; font-size: 13px; font-weight: 500; padding: 8px 16px; border-radius: 2px; }

.list .card { width: 100%; border-radius: 5px; padding: 30px; margin-bottom: 2rem; border: 10px solid transparent; display: inline-block; box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; }

.bayiler > .icon { position: absolute; right: 30px; top: 15px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; width: 37px; height: 37px; border: 2px solid currentColor; color: #000; opacity: .3; }

.box-header { margin-bottom: 50px; }

.bayiler .title { color: #4d4d4d; font-size: 20px; font-weight: 600; line-height: 1.3; margin-bottom: 0; }

    .bayiler .title.small { font-size: 12px; font-weight: 400; margin-bottom: 0px; }

.bayiler .text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #939393; font-size: 13px; margin-top: 5px; margin-right: 10px; }

.card { position: relative; width: 100%; border-radius: 5px; padding: 30px; margin-bottom: 2rem; border: 10px solid transparent; display: inline-block; box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%); transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; }

#accordion .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-color: none; background: none; border-radius: 0; box-shadow: none; padding: 0; margin: 0; }

    #accordion .card .card-body { background-color: #f4f4f4; color: #000; border-radius: 0; margin-bottom: 5px; }

    #accordion .card .card-header { background-color: #f4f4f4; color: #eb0029; border-bottom: 1px solid #f4f4f4; margin-bottom: 5px; }

        #accordion .card .card-header a { color: #eb0029; font-weight: 400; width: 100%; }

        #accordion .card .card-header h5 { font-weight: 400; font-size: 15px; }


.about-area { position: relative; z-index: 1; padding-top: 60px; padding-bottom: 60px; }

.box-footer .name { color: #777; font-size: 16px; font-weight: 500; display: block; }

.box-footer .text .icon { margin-right: 10px; font-size: 13px; }

.actions-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-content: right; }


.contact-style-two-area { background-size: 35%, contain !important; background-repeat: no-repeat !important; background-position: right bottom !important; background: #ffffff; }

.heading-left { position: relative; z-index: 1; margin-bottom: 60px; margin-top: -5px; }

.project-info { background: #f1f4f8; padding: 50px; }

.default-padding { padding-top: 60px; padding-bottom: 60px; }

.contact-style-two-area .form input { background: #f7f8fb; border: none; min-height: 60px; padding: 20px; }

.widget_title { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 7px; position: relative; font-size: 24px; font-weight: 600; line-height: 1em; margin: -0.1em 0 30px 0; }

    .widget_title:after { content: ''; height: 1px; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-top: 1px dashed #ddd; margin-top: 5px; }

.sozlesme_scrol { height: 65vh; overflow: auto; }

    .sozlesme_scrol::-webkit-scrollbar-track { border-radius: 10px; background-color: rgba(85, 85, 85, 0.14) }

    .sozlesme_scrol::-webkit-scrollbar { width: 4px; background-color: #faf7f2; border-radius: 50px }

    .sozlesme_scrol::-webkit-scrollbar-thumb { border-radius: 10px; background-color: rgba(85, 85, 85, 0.5) }

.card-content .checkout-table { font-size: 15px; margin-bottom: 0; border-color: transparent; }

    .card-content .checkout-table .checktable__head > tr > th { border-bottom: 0 }

    .card-content .checkout-table .checktable__head > tr:last-child { padding-bottom: 10px }

    .card-content .checkout-table .checktable__head > tr > th:first-child,
    .card-content .checkout-table .checktable__body > tr > th:first-child,
    .card-content .checkout-table .checktable__foot > tr:first-child th,
    .card-content .checkout-table .checktable__body > tr > td:first-child { padding-left: 0 }

    .card-content .checkout-table .checktable__head > tr > th:last-child,
    .card-content .checkout-table .checktable__body > tr > td:last-child,
    .card-content .checkout-table .checktable__foot > tr:last-child td { text-align: right; padding-right: 0 }

    .card-content .checkout-table .checktable__products tr:first-child > * { border-top: 1px solid #ddd }

    .card-content .checkout-table .checktable__products tr:last-child > *,
    .card-content .checkout-table .checktable__subtotals tr:last-child > * { padding-bottom: 15px }

    .card-content .checkout-table .checktable__subtotals tr:first-child > *,
    .card-content .checkout-table .checktable__products tr:first-child > * { padding-top: 15px }

    .card-content .checkout-table .checktable__body tr td,
    .card-content .checkout-table .checktable__body tr th { padding: 2px 0 }

    .card-content .checkout-table .checktable__foot tr th,
    .card-content .checkout-table .checktable__foot tr td { font-size: 16px }

    .card-content .checkout-table tbody + tbody { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }

    .card-content .checkout-table tr th { color: #233d63; line-height: inherit; border: 0; padding: 5px 0 }

    .card-content .checkout-table tr td { color: #677286; border: 0; line-height: inherit; font-size: 14px; font-weight: 600; }

    .card-content .checkout-table .checktable__products tr { border-bottom: 1px solid #00000012; /* sınır rengi */ }

.table-striped tr:nth-of-type(odd) { background-color: #00000005; }

#density_available { position: fixed; padding: 0px 25px; background: #4CAF50; z-index: 9; text-align: center; font-size: 18px; right: 15px; bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 39px; height: 50px; display: flex; align-items: center; }

#density_busy { position: fixed; padding: 0px 25px; background: #ff9800; z-index: 9; text-align: center; font-size: 18px; right: 15px; bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 39px; height: 50px; display: flex; align-items: center; }

#density_closed { position: fixed; padding: 0px 25px; background: #424040; z-index: 9; text-align: center; font-size: 18px; right: 15px; bottom: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 39px; height: 50px; display: flex; align-items: center; }

.price_plan_box { position: relative }

    .price_plan_box.style_one { box-shadow: var(--box-shadow); background: #fff; padding: 45px 35px 40px; border-radius: 10px; margin-bottom: 30px; }

        .price_plan_box.style_one.tag_enables:before { position: absolute; content: ""; border: 10px solid transparent; border-bottom: 10px solid var(--theme-color2); top: -20px; right: 27px; z-index: 0 }

        .price_plan_box.style_one .tag { position: absolute; transform: rotate(-90deg); background: var(--theme-color); color: #fff; padding: 3px 16px 3px 4px; text-transform: uppercase; font-size: 13px; top: 18px; right: -16px }

            .price_plan_box.style_one .tag:before { position: absolute; content: ""; border-left: 10px solid transparent; border-top: 12px solid var(--theme-color); border-bottom: 13px solid var(--theme-color); border-right: 10px solid var(--theme-color); bottom: 0; left: -20px; z-index: -82 }

        .price_plan_box.style_one .top { position: relative; margin-bottom: 30px; padding-bottom: 20px; padding-right: 25px }

            .price_plan_box.style_one .top:before { position: absolute; content: ""; width: 60px; height: 2px; background: var(--theme-color); bottom: 0; left: 0 }

            .price_plan_box.style_one .top h2 { font-size: 30px; line-height: 40px; font-weight: 700 }

            .price_plan_box.style_one .top p { margin: 0 }

        .price_plan_box.style_one .mid { position: relative; margin-bottom: 30px }

            .price_plan_box.style_one .mid h4 { font-size: 48px; line-height: 58px; font-weight: 700; color: var(--theme-color); margin-bottom: 7px }

                .price_plan_box.style_one .mid h4 small, .price_plan_box.style_one .mid h4 span { font-size: 20px; position: relative; top: -20px }

        .price_plan_box.style_one .bottom { position: relative }

            .price_plan_box.style_one .bottom ul { position: relative; margin: 0 0 40px; padding: 0 }

                .price_plan_box.style_one .bottom ul li { position: relative; list-style: none; padding: 10px 20px 10px 40px; border-radius: 5px }

                    .price_plan_box.style_one .bottom ul li:nth-child(odd) { background: var(--smoke-color2) }

                    .price_plan_box.style_one .bottom ul li i { position: absolute; left: 15px; bottom: 0; top: 0; margin: auto; font-size: 16px; color: var(--theme-color); line-height: 16px; height: 16px }

    .price_plan_box.style_two { background: #fff; margin-bottom: 30px; border-radius: 10px; border: 1px solid var(--title-color); transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

        .price_plan_box.style_two .tag { position: absolute; max-width: 120px; line-height: 30px; font-size: 16px; color: #fff; background: var(--theme-color); border-radius: 30px; text-align: center; top: -16px; right: 0; margin: auto; left: 0; z-index: 2 }

        .price_plan_box.style_two .inner_box { position: relative }

            .price_plan_box.style_two .inner_box .top { padding: 42px 30px 30px; background: var(--theme-color2); text-align: center; border-radius: 10px 10px 0 0 }

                .price_plan_box.style_two .inner_box .top, .price_plan_box.style_two .inner_box .top h2 { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

                    .price_plan_box.style_two .inner_box .top h2 { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 6px }

                    .price_plan_box.style_two .inner_box .top p { margin-bottom: 0; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

            .price_plan_box.style_two .inner_box .mid { position: relative; padding: 42px 30px 30px; text-align: center }

                .price_plan_box.style_two .inner_box .mid h4 { font-size: 36px; line-height: 46px; color: var(--theme-color); font-weight: 700 }

                    .price_plan_box.style_two .inner_box .mid h4 span { font-size: 20px; font-weight: 500; color: var(--title-color); line-height: 30px }

            .price_plan_box.style_two .inner_box .bottom { position: relative; padding: 0 40px 40px; text-align: center }

                .price_plan_box.style_two .inner_box .bottom ul { margin: 0 0 40px; padding: 0; text-align: left }

                    .price_plan_box.style_two .inner_box .bottom ul li { position: relative; list-style: none; padding-left: 33px; margin-bottom: 10px }

                        .price_plan_box.style_two .inner_box .bottom ul li i { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 30px; color: var(--light-color); line-height: 24px; text-align: center; font-size: 13px; border: 1px solid var(--title-color) }

                .price_plan_box.style_two .inner_box .bottom a.theme-btn { border-radius: 10px; background: var(--theme-color); color: #fff; font-size: 15px }

        .price_plan_box.style_two:hover { box-shadow: var(--box-shadow) }

            .price_plan_box.style_two:hover .inner_box .top { background: var(--theme-color) }

                .price_plan_box.style_two:hover .inner_box .top h2, .price_plan_box.style_two:hover .inner_box .top p { color: #fff }

    .price_plan_box.style_three { background: var(--theme-color2); padding: 10px; border: 1px solid var(--title-color); transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

        .price_plan_box.style_three .image { overflow: hidden; position: relative }

            .price_plan_box.style_three .image img { width: 100%; height: 250px; object-fit: cover; object-position: top; transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

            .price_plan_box.style_three .image .tag { position: absolute; content: ""; padding: 5px 15px; background: var(--theme-color2); font-size: 15px; font-weight: 600; z-index: 1; top: 0; right: 0; color: #fff; border-radius: 0 0 0 10px; line-height: 25px }

            .price_plan_box.style_three .image .mid { position: absolute; width: 100%; display: flex; justify-content: space-between; left: 0; bottom: 0; padding: 0 0 0 20px }

                .price_plan_box.style_three .image .mid .pri { height: 70px; padding: 0 15px; background: var(--theme-color); color: #fff; font-weight: 700; font-size: 22px; line-height: 70px }

                .price_plan_box.style_three .image .mid h6 { padding: 5px 15px; position: absolute; bottom: 0; right: 0; background: #fff; font-size: 15px; font-weight: 600; z-index: 1; color: var(--theme-color2); border-radius: 10px 0 0 0; line-height: 25px }

        .price_plan_box.style_three .inner_box { position: relative; padding: 30px 20px 20px }

            .price_plan_box.style_three .inner_box h2 { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 8px }

            .price_plan_box.style_three .inner_box h2, .price_plan_box.style_three .inner_box p { transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; -ms-transition: all .5s ease }

            .price_plan_box.style_three .inner_box p { margin-bottom: 0 }

            .price_plan_box.style_three .inner_box .bottom { position: relative; padding: 20px 0 0; text-align: left }

                .price_plan_box.style_three .inner_box .bottom ul { margin: 0 0 40px; padding: 0; text-align: left }

                    .price_plan_box.style_three .inner_box .bottom ul li { position: relative; list-style: none; padding-left: 33px; margin-bottom: 10px }

                        .price_plan_box.style_three .inner_box .bottom ul li i { position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 30px; color: var(--theme-color); line-height: 24px; text-align: center; font-size: 13px; border: 1px solid var(--title-color) }

                .price_plan_box.style_three .inner_box .bottom a.theme-btn { background: var(--theme-color); color: #fff; font-size: 15px }

                    .price_plan_box.style_three .inner_box .bottom a.theme-btn:hover { background: var(--theme-color2); color: #fff; border-color: var(--theme-color2) }

        .price_plan_box.style_three:hover { border-color: var(--theme-color) }

            .price_plan_box.style_three:hover .image img { opacity: .8 }

.price_plan_with_tab { position: relative }

    .price_plan_with_tab .row { --bs-gutter-x: 1.5rem !important }

    .price_plan_with_tab.price_tb_style_one .tab_pricing_list { position: relative; text-align: center }

        .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul { display: inline-block; padding: 0; border: 0; margin: 0 0 60px }

            .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li { display: inline-block; border: 0; padding: 0; margin-right: -4px; position: relative }

                .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button { border: 1px solid var(--title-color); padding: 14px 20px 10px; box-shadow: none; font-size: 13px; line-height: 23px; font-weight: 600; text-transform: uppercase; color: var(--title-color); background-color: transparent !important }

                    .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li button.active { color: var(--theme-color) }

                .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child button { border-right: 0; border-radius: 10px 0 0 10px }

                .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:first-child:before { position: absolute; content: ""; width: 1px; background: var(--theme-color); opacity: .2; height: 16px; top: 0; bottom: 0; margin: auto; right: 0 }

                .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li:last-child button { border-left: 0; border-radius: 0 10px 10px 0 }

                .price_plan_with_tab.price_tb_style_one .tab_pricing_list ul li + li { padding: 0 }

    .price_plan_with_tab.price_tb_style_two .tab_pricing_list { position: relative; text-align: center }

        .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul { display: inline-block; padding: 0; border: 0; margin: 0 0 60px }

            .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li { display: inline-block; border: 0; padding: 0; margin: 0; position: relative }

                .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button { box-shadow: none; border: 0; font-size: 13px; line-height: 23px; font-weight: 600; text-transform: uppercase; color: var(--title-color); background-color: transparent !important }

                    .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li button.active { color: var(--theme-color) }

                .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child { margin-right: 43px }

                    .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child:before { position: absolute; content: ""; width: 70px; height: 30px; border-radius: 30px; background: var(--theme-color2); border: 1px solid var(--title-color); right: -82px; top: -5px }

                    .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:first-child button.active:after { position: absolute; content: ""; width: 17px; height: 17px; border-radius: 50px; background: var(--theme-color); top: 2px; right: -36px }

                .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child { margin-left: 43px }

                    .price_plan_with_tab.price_tb_style_two .tab_pricing_list ul li:last-child button.active:after { position: absolute; content: ""; width: 17px; height: 17px; border-radius: 50px; background: var(--theme-color); top: 2px; left: -36px }
.modal_header_anasayfa { position: absolute; right: 0; width: 40px; height: 40px; }
.modal_footer_anasayfa { position: absolute; right: 0; bottom: 0; }
.single-services-box { background-color: #fff; -webkit-transition: 0.5s; transition: 0.5s; padding: 30px; box-shadow: 0px 0px 20px 0px rgb(62 62 101 / 13%); }

    .single-services-box h3 { position: relative; padding-left: 65px; line-height: 1.4; font-size: 20px; font-weight: 700; padding: 0; margin-bottom: 10px; }

        .single-services-box h3 i { color: #fe235b; display: inline-block; position: absolute; left: 0; font-size: 45px; top: 3px; z-index: 1; }

            .single-services-box h3 i::after { position: absolute; left: -10px; top: -3px; z-index: -1; background-color: #fbd3dd; width: 55px; height: 55px; content: ''; border-radius: 50%; }

            .single-services-box h3 i.color-043d72 { color: #043d72; }

                .single-services-box h3 i.color-043d72::after { background-color: #d4d6de; }

    .single-services-box p { margin-top: 15px; }

    .single-services-box .read-more-btn { display: inline-block; margin-top: 6px; color: #130947; text-transform: uppercase; font-weight: 700; font-size: 14px; }

        .single-services-box .read-more-btn:hover { color: #1a1a1a; }

    .single-services-box:hover { background-color: #fffffffff; border-color: #fffffffff !important; -webkit-transform: scale(1.05); transform: scale(1.05); -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.07); position: relative; z-index: 1; }
.right-0 { right: 0 !important; }
.cart_totals tbody,
.cart_totals tfoot,
.cart_table tbody { background-color: #ffffff; }
.gallery-card a { position: relative; display: block; }

    .gallery-card a:hover .gallery-body { background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)); }

    .gallery-card a:hover .gallery-cover img { -webkit-transform: scale(1.1); transform: scale(1.1); }

    .gallery-card a:hover .gallery-photo img { -webkit-transform: scale(1.1); transform: scale(1.1); }

    .gallery-card a:hover .gallery-overlay { opacity: 1; visibility: visible; }

.gallery-header { position: relative; }

    .gallery-header .icon { position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50px; height: 50px; border-radius: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: rgba(238, 51, 53, 0.9); color: #fff; font-size: 18px; }

.gallery-photo { overflow: hidden; height: 200px; }

    .gallery-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: .7s ease; transition: .7s ease; }

.gallery-footer { padding-top: 15px; }

    .gallery-footer .title { color: #6f6f6f; font-size: 16px; font-weight: 500; line-height: 1.4; max-height: 46px; overflow: hidden; margin-bottom: 8px; }

    .gallery-footer .text { color: #6f6f6f; font-size: 13px; line-height: 1.7; max-height: 64px; overflow: hidden; }

.gallery-overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 11; background: rgba(0, 0, 0, 0.3); padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }

    .gallery-overlay .icon { font-size: 42px; color: #fff; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.gallery-body { left: 0; right: 0; top: 0; bottom: 0; position: absolute; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(transparent, rgba(0, 0, 0, 0.5)); padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (max-width: 767px) {
    .gallery-body { padding: 20px; }
    #cookie-alert-popup { bottom: 40px !important; left: 0 !important; }
}

.gallery-body .title { color: #fff; font-size: 21px; font-weight: 600; line-height: normal; padding-right: 50px; overflow: hidden; max-height: 90px; margin: 0; }

.gallery-body .date { color: #fff; font-size: 13px; margin-top: 10px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; opacity: .8; }

    .gallery-body .date .icon { font-size: 13px; margin-right: 7px; }

.gallery-body > .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 50px; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #ee3335; border-radius: 100%; color: #fff; font-size: 18px; position: absolute; right: 20px; top: 20px; }

@media (max-width: 479px) {
    .gallery-body > .icon { display: none; }
}

.gallery-cover { overflow: hidden; height: 300px; }

@media (max-width: 479px) {
    .gallery-cover { height: auto; }
}

.gallery-cover img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: ease .7s; transition: ease .7s; }
.form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; padding-top: 15px; }
.temizle { clear: both; }
#cookie-alert-popup *,
#cookie-alert-popup *:after,
#cookie-alert-popup *:before { box-sizing: inherit !important; }

#cookie-alert-popup { position: fixed !important; bottom: 30px; left: 30px; z-index: 9999 !important; opacity: .8; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }

    #cookie-alert-popup:hover { opacity: 1 }

    #cookie-alert-popup .alert-popup__card { background: var(--theme-color) !important; box-shadow: 0 0 50px rgba(0, 0, 0, 0.2) !important; display: flex !important; flex-wrap: wrap !important; max-width: 100% !important; position: relative !important; width: 400px !important; line-height: 1.5 !important }

    #cookie-alert-popup .cookie-alert-popup--closed { -webkit-animation: cookie-alert-popup--close 0.4s ease-in-out forwards !important; animation: cookie-alert-popup--close 0.4s ease-in-out forwards !important }

    #cookie-alert-popup .cookie-alert-popup--opened { -webkit-animation: cookie-alert-popup--open 0.4s ease-in-out forwards !important; animation: cookie-alert-popup--open 0.4s ease-in-out forwards !important }

    #cookie-alert-popup .alert-popup__content { padding: 30px 15px !important; text-align: center !important }

    #cookie-alert-popup .alert-popup__content--text-bold { font-weight: 600 !important }

    #cookie-alert-popup h3 { color: #fff !important; font-size: 18px !important; font-weight: 600 !important; margin: 0 0 0.5em !important }

    #cookie-alert-popup p { font-size: 14px !important; color: #fff !important; margin: 20px 0 !important }

    #cookie-alert-popup a { font-size: 14px !important; color: #fff !important; text-decoration: underline !important }

    #cookie-alert-popup button { background: var(--body-color) !important; border: none !important; color: #fff !important; cursor: pointer !important; font-size: 14px !important; height: 3em !important; line-height: 3em !important; padding: 0 3em !important; transition: box-shadow 0.3s ease !important; outline: none !important }

        #cookie-alert-popup button:hover { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important }

    #cookie-alert-popup .cookie-alert-popup--close:after { color: #fff !important; content: "X" !important; cursor: pointer !important; font-size: 14px !important; font-weight: 600 !important; position: absolute !important; right: 0.8em !important; top: 0.5em !important; -webkit-transform: scaleX(1.25) !important; transform: scaleX(1.25) !important; transition: color 0.3s ease !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; user-select: none !important }

    #cookie-alert-popup .cookie-alert-popup--close:hover:after { color: #212121 !important }
.col-kolaymenu { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #000; background: none; border: none; float: right; margin-right: 5px; }

@-webkit-keyframes cookie-alert-popup--close {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }

    20% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) }

    100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
}

@keyframes cookie-alert-popup--close {
    0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }

    20% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) }

    100% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }
}

@-webkit-keyframes cookie-alert-popup--open {
    0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }

    80% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) }

    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}

@keyframes mio-cookie-popup__open {
    0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0) }

    80% { -webkit-transform: scale(0.9, 1.1); transform: scale(0.9, 1.1) }

    100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1) }
}

@media only screen and (max-width: 767px) {
    .col-kolaymenu { display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; }

    .kolay-menu { display: none; }
    .banner-area .content { padding: 20px 25px !important; text-align: center; }
    .banner-area div { height: 180px !important; }
    .banner-area.banner-style-two .content h2 { font-size: 15px !important; line-height: normal !important; margin-bottom: 0 !important; padding-bottom: 0 !important; }
    .banner-area.banner-style-two .content p { font-size: 12px !important; line-height: normal !important; color: #fff !important; }
    .banner-area .button { margin-top: 10px !important; }
    .as-btn { font-size: 23px !important; padding: 10px 20px 10px 20px !important; }
    .actions .as-btn { width: 100%; }
    .banner-slide .swiper-slide { background-size: contain !important; background-repeat: no-repeat !important; }
    .banner-area .swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets { left: 8px !important; }
    .as-product.list-view .actions .as-btn { height: auto; margin-top: 10px; }
    .as-product.list-view .product-img { max-width: 100%; }
    .as-product.list-view { max-width: 100%; flex-direction: column; }
    .mt-n2 { margin-top: auto; }
    .widget { margin-bottom: 0px; }
    .haberler { display: flex; align-items: center; flex-direction: column; }
    .haberler-img { width: 100%; margin-right: 0px; max-width: 100%; }
    .blog-single .blog-content { margin-top: 15px; }
    .divider-login span { font-size: 12px; padding: 0 10px; }
    .form-common { padding: 40px 30px; margin-bottom: 20px; }
    .widget_title { line-height: normal; margin: revert; }
    .siparis_alert { display: inline-block; }
    .sidemenu-wrapper .closeButton { right: 80px; }
    .header-layout1 .header-button { margin-right: -60px; position: relative; right: 0; margin-top: 0; }
    .logo-style1 img {  }
    .cart_item .text-center { text-align: right !important; }
    .actions .d-flex { flex-direction: column; width: 100%; }
    .cart_table .as-cart-coupon .as-btn { width: 100%; }
}