@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: #249e9f;

    --theme-color2: #249e9f;

    --title-color: #010f1c;

    --body-color: #4d5765;

    --smoke-color: rgba(1, 15, 28, 0.06);

    --smoke-color2: #fef7eb;

    --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 {

    max-width: 100%;

    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;

}



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 {

    height: 55px;

    padding: 0 25px 0 25px;

    padding-right: 45px;

    border: 1px solid var(--border-color);

    color: var(--body-color);

    background-color: var(--smoke-color);

    border-radius: 0;

    font-size: 16px;

    width: 100%;

    font-family: var(--body-font);

    -webkit-transition: 0.4s ease-in-out;

    transition: 0.4s ease-in-out;

}



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: #249e9f;

}



.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;

    width:100%;

}







.loader {

    width: 128px;

    height: 128px;

    display: inline-block;

    position: relative;

    box-sizing: border-box;

    animation: coinSpin 1s linear infinite;

}



@keyframes coinSpin {

    0% {

        transform: rotateY(0deg) rotateX(0deg);

    }

    25% {

        transform: rotateY(90deg) rotateX(10deg);

    }

    50% {

        transform: rotateY(180deg) rotateX(0deg);

    }

    75% {

        transform: rotateY(270deg) rotateX(-10deg);

    }

    100% {

        transform: rotateY(360deg) rotateX(0deg);

    }

}

@-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: 14px;

    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;

    opacity: 1;

    visibility: visible;

}



/* Small devices */

@media (max-width: 767px) {

    .play-btn {

        --icon-size: 60px;

    }



    .scrollToTop {

        right: 15px;

    }



    .scrollToTop.show {

        bottom: 40px;

    }

}



/*------------------- 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-color2);

}



.header-layout1 .header-top {

    --body-color: #fff;

    background-color: #222222;

    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;

    background-color: var(--white-color);
    left:-70px;

}



.logo-style1 img {

    height: 120px;

}



/* Hight Resoulation devices */

@media (min-width: 1922px) {



    .header-layout1:before,

    .header-layout1:after {

        width: 26%;

    }

}



@media (max-width: 1700px) {



    .header-layout1:before,

    .header-layout1:after {

        width: 14%;

    }



    .header-layout1 .link-box {

        display: none;

    }

}



/* Medium Large devices */

@media (max-width: 1399px) {



    .header-layout1::before,

    .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;
        left:0px;

    }

}



/* Extra small devices */

@media (max-width: 575px) {

    .logo-style1 img {

        height: 50px;

    }

	.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: #1a1d21;

}



.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 {

    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: rgba(255, 157, 45, 0.2);

    -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: 14px 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: var(--theme-color2);

}



.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;

}



@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: #249e9f;

}



.turkey-map-drawing path {

    cursor: pointer;

    fill: #249e9f;

    -webkit-transition: .2s;

    transition: .2s;

}



.turkey-map-drawing path:hover {

    fill: #249e9f !important;

}



.turkey-map-name {

    position: absolute;

    z-index: 2;

}



.turkey-map-name div {

    display: inline-block;

    background: #249e9f;

    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: #249e9f;

    border-bottom: 1px solid #f4f4f4;

    margin-bottom: 5px;

}



#accordion .card .card-header a {

    color: #249e9f;

    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: #fef7eb;

    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: 13px !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 {

		height: 75px;

	}

	.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%;

	}

}