:root {
    --primary-color: #000000;
    --accent-color: #1248FC;
    --white-color: #fff;
    --pampas-color: #EFECE5;
    --gray-color: rgba(0, 0, 0, 0.05);
    --yellow-color: #FFCD61;
    --dark-color-1: #242424;
    --dark-color-2: #26292E;
    --marzipan-color: #F8D597;
    --blue-color: #6083EC;
    --perfume-color: #E5CBF9;
    --gray-color-2: #F4F6F7;
    --bottle-green-color: #03160B;
    --gray-color-3: #F6F6F6;
    --dark-color-3: #020817;
    --jonquil-color: #EBFF8D;
    --mauve-color: #D5BBFF;
    --hit-pink-color: #FFA978;
    --sundown-color: #FFB5B5;
    --gray-color-4: #F9F9F9;
    --dark-color-4: #1E1E1E;
    --orange-color: #FE5733;
    --ebb-color: #E8E5E2;
    --dark-color-5: #2A2A2A;
    --wood-color: #F5F4ED;
    --dark-color-6: #1A1A1A;
    --green-color: #06923E;
    --gray-color-5: #F8F8F8;
    --dodger-blue-color: #44B1FF;
    --gray-color-6: #F2EFE9
}

.awura-dark-bg {
    background-color: var(--primary-color) !important
}

.awura-dark-bg2 {
    background-color: var(--dark-color-1) !important
}

.awura-dark-bg3 {
    background-color: var(--dark-color-2) !important
}

.awura-dark-bg4 {
    background-color: var(--dark-color-3) !important
}

.awura-dark-bg5 {
    background-color: var(--dark-color-4) !important
}

.awura-dark-bg6 {
    background-color: var(--dark-color-5) !important
}

.awura-dark-bg7 {
    background-color: var(--dark-color-6) !important
}

.awura-accent-bg {
    background-color: var(--accent-color) !important
}

.awura-pampas-bg {
    background-color: var(--pampas-color) !important
}

.awura-blue-bg {
    background-color: var(--blue-color) !important
}

.awura-orange-bg {
    background-color: var(--yellow-color) !important
}

.awura-gray-bg {
    background-color: var(--gray-color) !important
}

.awura-gray-bg2 {
    background-color: var(--gray-color-2) !important
}

.awura-gray-bg3 {
    background-color: var(--gray-color-3) !important
}

.awura-gray-bg3 {
    background-color: var(--gray-color-4) !important
}

.awura-gray-bg4 {
    background-color: var(--gray-color-5) !important
}

.awura-gray-bg5 {
    background-color: var(--gray-color-6) !important
}

.awura-bottle-green-bg {
    background-color: var(--bottle-green-color) !important
}

.awura-jonquil-bg {
    background-color: var(--jonquil-color) !important
}

.awura-ebb-bg {
    background-color: var(--ebb-color) !important
}

.awura-wood-bg {
    background-color: var(--wood-color) !important
}

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

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1296px
    }
}

:root {
    --fs-xl-20: 20px;
    --fs-xl-lineheight: 32px;
    --fs-lg-18: 18px;
    --fs-lg-lineheight: 28px;
    --fs-md-16: 16px;
    --fs-md-lineheight: 24px;
    --fs-xs-14: 14px;
    --fs-xs-lineheight: 22px;
    --fs-xss-12: 12px;
    --fs-xss-lineheight: 20px
}

*,
::after,
::before {
    box-sizing: inherit;
    margin: 0;
    padding: 0
}

html {
    box-sizing: border-box;
    height: 100%
}

body {
    color: var(--primary-color);
    font-family: Outfit, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: baseline;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    overflow-x: hidden;
    background-color: var(--white-color);
    counter-reset: my-sec-counter;
    font-size: 18px;
    line-height: 28px
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #e5e7e8;
    padding: 0;
    margin: 0
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0
}

textarea {
    resize: vertical
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit
}

.invisible {
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

::-moz-selection {
    background-color: #989ffd;
    color: #fff
}

::selection {
    background-color: #989ffd;
    color: #fff
}

[type=button]:active,
[type=button]:focus,
[type=button]:hover,
[type=color]:active,
[type=color]:focus,
[type=color]:hover,
[type=color]:invalid,
[type=date]:active,
[type=date]:focus,
[type=date]:hover,
[type=date]:invalid,
[type=datetime-local]:active,
[type=datetime-local]:focus,
[type=datetime-local]:hover,
[type=datetime-local]:invalid,
[type=datetime]:active,
[type=datetime]:focus,
[type=datetime]:hover,
[type=datetime]:invalid,
[type=email]:active,
[type=email]:focus,
[type=email]:hover,
[type=email]:invalid,
[type=month]:active,
[type=month]:focus,
[type=month]:hover,
[type=month]:invalid,
[type=number]:active,
[type=number]:focus,
[type=number]:hover,
[type=number]:invalid,
[type=password]:active,
[type=password]:focus,
[type=password]:hover,
[type=password]:invalid,
[type=reset]:active,
[type=reset]:focus,
[type=reset]:hover,
[type=search]:active,
[type=search]:focus,
[type=search]:hover,
[type=search]:invalid,
[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover,
[type=tel]:active,
[type=tel]:focus,
[type=tel]:hover,
[type=tel]:invalid,
[type=text]:active,
[type=text]:focus,
[type=text]:hover,
[type=text]:invalid,
[type=time]:active,
[type=time]:focus,
[type=time]:hover,
[type=time]:invalid,
[type=url]:active,
[type=url]:focus,
[type=url]:hover,
[type=url]:invalid,
[type=week]:active,
[type=week]:focus,
[type=week]:hover,
[type=week]:invalid,
button:active,
button:focus,
button:hover,
input:not([type]):active,
input:not([type]):focus,
input:not([type]):hover,
input:not([type]):invalid,
textarea:active,
textarea:focus,
textarea:hover,
textarea:invalid {
    outline: 0;
    box-shadow: none
}

[type=button]:active,
[type=button]:focus,
[type=button]:hover,
[type=reset]:active,
[type=reset]:focus,
[type=reset]:hover,
[type=submit]:active,
[type=submit]:focus,
[type=submit]:hover,
button:active,
button:focus,
button:hover {
    cursor: pointer
}

@media print {

    *,
    :after,
    :before {
        background: 0 0 !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    blockquote,
    pre {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    img,
    tr {
        page-break-inside: avoid
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }
}

li,
ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

button {
    padding: 0;
    outline: 0;
    border: none;
    display: inline-block;
    background-color: transparent
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Outfit, sans-serif;
    color: var(--primary-color);
    font-weight: 500;
    margin: 0
}

.h1,
h1 {
    font-size: 100px;
    letter-spacing: -.03em;
    line-height: 1.12em
}

@media (max-width:1400px) {

    .h1,
    h1 {
        font-size: 80px
    }
}

@media (max-width:1199px) {

    .h1,
    h1 {
        font-size: 60px;
        letter-spacing: -.02em
    }
}

@media (max-width:767px) {

    .h1,
    h1 {
        font-size: 42px;
        letter-spacing: 0
    }
}

.h2,
h2 {
    font-size: 65px;
    line-height: 1.07em;
    letter-spacing: -.02em
}

@media (max-width:1199px) {

    .h2,
    h2 {
        font-size: 60px;
        letter-spacing: -.01em
    }
}

@media (max-width:991px) {

    .h2,
    h2 {
        font-size: 50px
    }
}

@media (max-width:767px) {

    .h2,
    h2 {
        font-size: 40px;
        letter-spacing: 0
    }
}

@media (max-width:575px) {

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

.heading-style-h3 {
    font-weight: 500
}

.h3,
.heading-style-h3,
h3 {
    font-size: 32px;
    line-height: 1.25em
}

@media (max-width:767px) {

    .h3,
    .heading-style-h3,
    h3 {
        font-size: 28px
    }
}

.heading-style-h3.light-color {
    color: var(--white-color)
}

.heading-style-h3 {
    color: var(--primary-color)
}

.h4,
.heading-style-h4,
h4 {
    font-size: 20px;
    line-height: 1.5em
}

.heading-style-h4 {
    font-weight: 500
}

p {
    margin-bottom: 30px
}

@media (max-width:767px) {
    p {
        margin-bottom: 24px
    }
}

.f-size-10 {
    font-size: 10px !important
}

.f-size-11 {
    font-size: 11px !important
}

.f-size-12 {
    font-size: 12px !important
}

.f-size-13 {
    font-size: 13px !important
}

.f-size-14 {
    font-size: 14px !important
}

.f-size-15 {
    font-size: 15px !important
}

.f-size-16 {
    font-size: 16px !important
}

.f-size-17 {
    font-size: 17px !important
}

.f-size-18 {
    font-size: 18px !important
}

.f-size-19 {
    font-size: 19px !important
}

.f-size-20 {
    font-size: 20px !important
}

.f-size-21 {
    font-size: 21px !important
}

.f-size-22 {
    font-size: 22px !important
}

.f-size-23 {
    font-size: 23px !important
}

.f-size-24 {
    font-size: 24px !important
}

.f-size-25 {
    font-size: 25px !important
}

.f-size-26 {
    font-size: 26px !important
}

.f-size-27 {
    font-size: 27px !important
}

.f-size-28 {
    font-size: 28px !important
}

.f-size-29 {
    font-size: 29px !important
}

.f-size-30 {
    font-size: 30px !important
}

.f-size-31 {
    font-size: 31px !important
}

.f-size-32 {
    font-size: 32px !important
}

.f-size-33 {
    font-size: 33px !important
}

.f-size-34 {
    font-size: 34px !important
}

.f-size-35 {
    font-size: 35px !important
}

.f-size-36 {
    font-size: 36px !important
}

.f-size-37 {
    font-size: 37px !important
}

.f-size-38 {
    font-size: 38px !important
}

.f-size-39 {
    font-size: 39px !important
}

.f-size-40 {
    font-size: 40px !important
}

.line-height-10 {
    line-height: 10px !important
}

.line-height-11 {
    line-height: 11px !important
}

.line-height-12 {
    line-height: 12px !important
}

.line-height-13 {
    line-height: 13px !important
}

.line-height-14 {
    line-height: 14px !important
}

.line-height-15 {
    line-height: 15px !important
}

.line-height-16 {
    line-height: 16px !important
}

.line-height-17 {
    line-height: 17px !important
}

.line-height-18 {
    line-height: 18px !important
}

.line-height-19 {
    line-height: 19px !important
}

.line-height-20 {
    line-height: 20px !important
}

.line-height-21 {
    line-height: 21px !important
}

.line-height-22 {
    line-height: 22px !important
}

.line-height-23 {
    line-height: 23px !important
}

.line-height-24 {
    line-height: 24px !important
}

.line-height-25 {
    line-height: 25px !important
}

.line-height-26 {
    line-height: 26px !important
}

.line-height-27 {
    line-height: 27px !important
}

.line-height-28 {
    line-height: 28px !important
}

.line-height-29 {
    line-height: 29px !important
}

.line-height-30 {
    line-height: 30px !important
}

.line-height-31 {
    line-height: 31px !important
}

.line-height-32 {
    line-height: 32px !important
}

.line-height-33 {
    line-height: 33px !important
}

.line-height-34 {
    line-height: 34px !important
}

.line-height-35 {
    line-height: 35px !important
}

.line-height-36 {
    line-height: 36px !important
}

.line-height-37 {
    line-height: 37px !important
}

.line-height-38 {
    line-height: 38px !important
}

.line-height-39 {
    line-height: 39px !important
}

.line-height-40 {
    line-height: 40px !important
}

.font-bold {
    font-weight: 700
}

.font-black {
    font-weight: 800
}

.font-medium {
    font-weight: 500
}

.font-normal {
    font-weight: 400
}

.font-semibold {
    font-weight: 600
}

h2.reveal-text {
    display: flex;
    flex-wrap: wrap
}

.mb30 {
    margin-bottom: 30px
}

.mb15 {
    margin-bottom: 15px
}

a {
    text-decoration: none;
    transition: all .24s ease-in-out
}

img {
    max-width: 100%
}

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

.mouse-cursor,
.pointer {
    cursor: pointer
}

header.awura-header.main-header {
    background-color: #fff
}

.awura-header {
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
    transition: all .4s
}

@media (max-width:991px) {
    .awura-header {
        padding: 12px 0
    }
}

.header-logo a:focus-visible {
    outline: 0
}

.main-menu ul li a.active {
    color: var(--accent-color) !important
}

.main-menu ul li a.active::before {
    background-color: var(--accent-color)
}

.main-menu ul.sub-menu li a.active::before {
    background-color: var(--accent-color)
}

.awura-header.header-one {
    padding: 15px 0
}

.awura-header.header-one.sticky-menu {
    background-color: var(--white-color)
}

.awura-header.header-one .main-menu {
    border-radius: 50px;
    padding: 0 50px;
    background-color: var(--white-color)
}

.awura-header.header-one .menu-style1>ul>li>a {
    padding: 11px 0;
    font-family: Outfit, sans-serif
}

.awura-header.header-two.sticky-menu {
    background-color: var(--accent-color)
}

.awura-header.header-two .main-menu a {
    color: var(--white-color);
    font-family: Inter, sans-serif
}

.awura-header.header-two .main-menu a:hover {
    color: var(--yellow-color)
}

.awura-header.header-three.sticky-menu {
    background-color: var(--dark-color-2)
}

.awura-header.header-three .header-logo {
    margin-right: 80px
}

@media (max-width:991px) {
    .awura-header.header-three .header-logo {
        margin-right: 0
    }
}

.awura-header.header-three .main-menu a {
    color: var(--white-color);
    font-family: Roboto, sans-serif
}

.awura-header.header-three .main-menu a:hover {
    color: var(--marzipan-color)
}

.awura-header.header-four {
    backdrop-filter: blur(50px);
    background: rgba(255, 255, 255, .1)
}

.awura-header.header-four .main-menu a {
    color: var(--bottle-green-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.awura-header.header-four .main-menu a:hover {
    color: var(--bottle-green-color)
}

.awura-header.header-five.sticky-menu {
    background-color: var(--white-color)
}

.awura-header.header-five .header-logo {
    margin-right: 80px
}

@media (max-width:1199px) {
    .awura-header.header-five .header-logo {
        margin-right: 40px
    }
}

@media (max-width:991px) {
    .awura-header.header-five .header-logo {
        margin-right: 0
    }
}

.awura-header.header-five .main-menu a {
    color: var(--dark-color-3);
    font-family: Inter, sans-serif
}

.awura-header.header-five .main-menu a:hover {
    opacity: .8
}

.awura-header.header-five .awura-menu-toggle {
    background-color: var(--dark-color-3) !important
}

.awura-header.header-six {
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, .05)
}

.awura-header.header-six.sticky-menu {
    background-color: var(--dark-color-4)
}

.awura-header.header-six .main-menu a {
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

.awura-header.header-six .main-menu a:hover {
    color: var(--orange-color)
}

.awura-header.header-six .awura-menu-toggle {
    background-color: var(--orange-color) !important
}

.awura-header.header-six .awura-menu-toggle i {
    color: var(--white-color)
}

.awura-header.header-seven.sticky-menu {
    background-color: var(--white-color)
}

.awura-header.header-seven .header-logo {
    margin-right: 80px
}

@media (max-width:1199px) {
    .awura-header.header-seven .header-logo {
        margin-right: 40px
    }
}

@media (max-width:991px) {
    .awura-header.header-seven .header-logo {
        margin-right: 0
    }
}

.awura-header.header-seven .main-menu a {
    color: var(--dark-color-5);
    font-family: Inter, sans-serif
}

.awura-header.header-seven .awura-menu-toggle {
    background-color: var(--dark-color-5) !important
}

.awura-header.header-seven .awura-menu-toggle i {
    color: var(--white-color)
}

.awura-header.header-seven .awura-text-btn {
    font-weight: 700;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5) !important
}

.awura-header.header-eight.sticky-menu {
    background-color: var(--white-color)
}

.awura-header.header-eight .main-menu a {
    color: var(--dark-color-6);
    font-family: Inter, sans-serif
}

.awura-header.header-eight .main-menu a:hover {
    color: var(--green-color)
}

.awura-header.header-eight .awura-menu-toggle {
    background-color: var(--green-color) !important
}

.awura-header.header-eight .awura-menu-toggle i {
    color: var(--white-color)
}

.awura-header.header-eight .awura-text-btn {
    font-weight: 700;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6) !important
}

.awura-header.header-eight .awura-text-btn:hover {
    color: var(--green-color) !important
}

.awura-header.header-nine {
    background-color: var(--white-color)
}

.awura-header.header-nine .header-logo {
    margin-right: 80px
}

@media (max-width:1199px) {
    .awura-header.header-nine .header-logo {
        margin-right: 40px
    }
}

@media (max-width:991px) {
    .awura-header.header-nine .header-logo {
        margin-right: 0
    }
}

.awura-header.header-nine .main-menu a {
    font-size: 18px;
    color: var(--dark-color-4);
    font-family: Geist, sans-serif
}

.awura-header.header-nine .main-menu a:hover {
    color: var(--dodger-blue-color)
}

.awura-header.header-nine .awura-menu-toggle {
    background-color: var(--dodger-blue-color) !important
}

.awura-header.header-nine .awura-menu-toggle i {
    color: var(--white-color)
}

.main-menu a {
    color: var(--primary-color);
    position: relative;
    font-size: 16px;
    display: block;
    transition: all .4s
}

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

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

.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: "\ea4e";
    position: relative;
    margin-left: 2px;
    top: 2px;
    font-size: 20px;
    display: inline-block;
    font-family: remixicon;
    transition: all .3s ease
}

.main-menu ul li:hover.menu-item-has-children>a:after {
    transform: scaleY(-1)
}

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

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

.main-menu ul li:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 9
}

.main-menu ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: var(--white-color);
    visibility: hidden;
    min-width: 240px;
    width: max-content;
    padding: 7px;
    left: -14px;
    margin-top: 20px;
    opacity: 0;
    z-index: -1;
    border-radius: 10px;
    box-shadow: -2px 2px 70px -25px rgba(0, 0, 0, .3);
    transition: all .3s linear 0s;
    transform-origin: 0 0 0
}

.main-menu ul.sub-menu li a {
    font-size: 16px;
    line-height: 30px;
    display: inline-block;
    position: relative;
    font-weight: 400;
    text-transform: capitalize;
    display: flex;
    align-items: center
}

.main-menu ul.sub-menu li a::before {
    content: "";
    height: 2px;
    width: 0;
    display: block;
    background-color: var(--primary-color);
    transition: all .3s ease
}

.main-menu ul.sub-menu li a:hover::before {
    width: 20px;
    margin-right: 10px
}

.main-menu ul.sub-menu li ul.sub-menu {
    transition: all .4s;
    margin-left: 0 !important;
    transform: translateY(30px)
}

.main-menu ul.sub-menu li:hover ul.sub-menu {
    transform: translateY(0)
}

.main-menu .main-menu ul.sub-menu>a .sub-menu-item.menu-item-has-children::before {
    content: "";
    position: absolute;
    bottom: -3px;
    left: auto;
    right: 0;
    height: 0 !important;
    width: 0;
    background-color: var(--primary-color);
    transition: all .3s ease
}

.main-menu ul.sub-menu {
    padding: 12px 0;
    left: -27px
}

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

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

ul.sub-menu li a {
    color: var(--primary-color) !important
}

.menu-style1>ul>li>a {
    padding: 25px 0
}

ul.sub-menu li.menu-item-has-children a::after {
    position: absolute;
    right: 0
}

.awura-footer-top {
    padding: 130px 0 80px
}

@media (max-width:991px) {
    .awura-footer-top {
        padding: 100px 0 80px
    }
}

@media (max-width:767px) {
    .awura-footer-top {
        padding: 80px 0 60px
    }
}

.awura-footer-grid {
    display: grid;
    gap: 155px;
    grid-template-columns: 390px 1fr
}

@media (max-width:1399px) {
    .awura-footer-grid {
        gap: 100px
    }
}

@media (max-width:1199px) {
    .awura-footer-grid {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

@media (max-width:1199px) {
    .awura-footer-textarea {
        max-width: 600px
    }
}

.awura-footer-textarea.light-color p {
    color: var(--white-color)
}

.awura-footer-menu-column {
    display: flex;
    justify-content: space-between
}

@media (max-width:767px) {
    .awura-footer-menu-column {
        gap: 40px;
        flex-direction: column
    }
}

.awura-footer-menu p {
    font-weight: 500;
    margin-bottom: 24px
}

.awura-footer-menu ul li {
    margin-bottom: 15px
}

.awura-footer-menu ul li:last-child {
    margin-bottom: 0
}

.awura-footer-menu ul li a {
    color: var(--primary-color);
    transition: all .4s
}

.awura-footer-menu ul li a:hover {
    color: var(--accent-color)
}

.awura-footer-menu.contact-info ul li {
    position: relative;
    padding-left: 35px;
    margin-bottom: 24px
}

.awura-footer-menu.contact-info ul li:last-child {
    margin-bottom: 0
}

.awura-footer-menu.contact-info ul li a {
    gap: 10px;
    display: flex;
    align-items: center
}

.awura-footer-menu.contact-info ul li a img {
    position: absolute;
    left: 0
}

.awura-footer-menu.light-color h5,
.awura-footer-menu.light-color p {
    color: var(--white-color)
}

.awura-footer-menu.light-color ul li a {
    color: var(--white-color)
}

.awura-footer-menu.light-color ul li a:hover {
    color: var(--blue-color)
}

.awura-footer-bottom {
    display: flex;
    align-items: center;
    padding: 30px 0;
    justify-content: space-between;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .awura-footer-bottom {
        gap: 24px;
        text-align: center;
        flex-direction: column
    }
}

.awura-footer-bottom p {
    margin: 0;
    font-size: 16px
}

.awura-footer-bottom2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 0
}

@media (max-width:767px) {
    .awura-footer-bottom2 {
        gap: 24px;
        text-align: center;
        flex-direction: column;
        justify-content: center
    }
}

.awura-footer-bottom2 p {
    margin: 0;
    font-size: 16px;
    color: var(--dark-color-1);
    font-family: Inter, sans-serif
}

.font-typo-three .awura-footer-textarea p {
    font-family: Roboto, sans-serif
}

.font-typo-three .awura-footer-menu p {
    font-weight: 600;
    font-family: Roboto, sans-serif
}

.font-typo-three .awura-footer-menu ul li a {
    font-family: Roboto, sans-serif
}

.font-typo-three .awura-footer-menu ul li a:hover {
    color: var(--blue-color)
}

.awura-footer-bottom3 {
    padding: 35px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-footer-bottom3 {
        padding: 25px 0
    }
}

.awura-footer-bottom3 p {
    margin: 0;
    font-size: 16px;
    color: var(--white-color);
    font-family: Roboto, sans-serif
}

.font-typo-four .awura-footer-textarea p {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.font-typo-four .awura-footer-menu p {
    font-weight: 600;
    color: rgba(3, 22, 11, .5)
}

.font-typo-four .awura-footer-menu span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    color: var(--bottle-green-color)
}

.font-typo-four .awura-footer-menu ul li a {
    color: var(--bottle-green-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.font-typo-four .awura-footer-menu ul li a:hover {
    opacity: .7
}

.awura-footer-bottom4 {
    text-align: right;
    padding: 35px 0
}

@media (max-width:991px) {
    .awura-footer-bottom4 {
        padding: 30px 0;
        text-align: center
    }
}

@media (max-width:767px) {
    .awura-footer-bottom4 {
        padding: 0 0 30px
    }
}

.awura-footer-bottom4 p {
    margin: 0;
    font-size: 16px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.font-typo-five .awura-footer-menu span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
    letter-spacing: -.01em;
    font-family: "Noto Serif", serif
}

.font-typo-five .awura-footer-menu ul li a {
    font-family: Inter, sans-serif
}

.font-typo-five .awura-footer-menu ul li a:hover {
    color: var(--jonquil-color)
}

.awura-footer-bottom5 {
    display: flex;
    padding: 35px 0;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-footer-bottom5 {
        padding: 30px 0;
        text-align: center
    }
}

@media (max-width:767px) {
    .awura-footer-bottom5 {
        gap: 20px;
        flex-direction: column
    }
}

.awura-footer-bottom5 p {
    margin: 0;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--white-color)
}

.border-radius-100 {
    border-radius: 100px
}

@media (max-width:1399px) {
    .border-radius-100 {
        border-radius: 70px
    }
}

@media (max-width:1199px) {
    .border-radius-100 {
        border-radius: 40px
    }
}

@media (max-width:767px) {
    .border-radius-100 {
        border-radius: 20px
    }
}

.border-radius-50 {
    border-radius: 50px
}

@media (max-width:1199px) {
    .border-radius-50 {
        border-radius: 30px
    }
}

@media (max-width:767px) {
    .border-radius-50 {
        border-radius: 20px
    }
}

.awura-footer-grid.grid-two {
    gap: 150px;
    grid-template-columns: 332px 1fr
}

@media (max-width:1399px) {
    .awura-footer-grid.grid-two {
        gap: 80px
    }
}

@media (max-width:1199px) {
    .awura-footer-grid.grid-two {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

.awura-footer-menu-row {
    display: flex;
    gap: 100px
}

@media (max-width:991px) {
    .awura-footer-menu-row {
        gap: 50px
    }
}

.font-typo-six .awura-footer-textarea p {
    font-family: Onest, sans-serif
}

.font-typo-six .awura-footer-menu p {
    font-weight: 600;
    font-family: Onest, sans-serif
}

.font-typo-six .awura-footer-menu ul li a {
    font-family: Onest, sans-serif
}

.font-typo-six .awura-footer-menu ul li a:hover {
    color: var(--orange-color)
}

.font-typo-six .awura-footer-menu.style-inline ul li {
    margin-right: 24px;
    margin-bottom: 0;
    display: inline-block
}

.font-typo-six .awura-footer-menu.style-inline ul li:last-child {
    margin-right: 0
}

.email-text {
    font-weight: 600;
    font-size: 43px;
    line-height: 53px;
    color: var(--white-color);
    font-family: Onest, sans-serif;
    transition: all .4s
}

@media (max-width:991px) {
    .email-text {
        font-size: 36px;
        line-height: 46px
    }
}

.email-text:hover {
    color: var(--orange-color)
}

.awura-footer-bottom6 {
    display: flex;
    padding: 35px 0;
    justify-content: space-between;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-footer-bottom6 {
        gap: 24px;
        text-align: center;
        flex-direction: column;
        justify-content: center
    }
}

.awura-footer-bottom6 p {
    margin: 0;
    font-size: 16px;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.font-typo-seven .awura-footer-menu p {
    font-weight: 700;
    color: var(--dark-color-5);
    font-family: Inter, sans-serif
}

.font-typo-seven .awura-footer-menu ul li a {
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.font-typo-seven .awura-footer-menu ul li a:hover {
    color: var(--orange-color)
}

.awura-app-wrap {
    gap: 15px;
    display: flex;
    flex-direction: column
}

.awura-app-wrap a {
    display: block;
    transition: all .4s
}

.awura-footer-bottom7 {
    padding: 35px 0;
    text-align: center;
    border-top: 1px solid rgba(42, 42, 42, .1)
}

.awura-footer-bottom7 p {
    margin: 0;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-footer-grid.grid-three {
    gap: 70px;
    grid-template-columns: 415px 1fr
}

@media (max-width:1199px) {
    .awura-footer-grid.grid-three {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

.font-typo-eight .awura-footer-textarea p {
    margin: 0;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.font-typo-eight .awura-footer-menu p {
    font-weight: 500;
    font-family: Geist, sans-serif;
    color: rgba(26, 26, 26, .5)
}

.font-typo-eight .awura-footer-menu ul li a {
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.font-typo-eight .awura-footer-menu ul li a:hover {
    color: var(--green-color)
}

.awura-footer-bottom8 {
    display: flex;
    align-items: center;
    padding: 30px 0;
    justify-content: space-between;
    border-top: 1px solid rgba(26, 26, 26, .1)
}

@media (max-width:767px) {
    .awura-footer-bottom8 {
        gap: 20px;
        justify-content: center;
        flex-direction: column
    }
}

.awura-footer-bottom8 p {
    margin: 0;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.font-typo-nine {
    position: relative
}

.font-typo-nine .awura-footer-grid {
    gap: 250px;
    grid-template-columns: 304px 1fr
}

@media (max-width:1399px) {
    .font-typo-nine .awura-footer-grid {
        gap: 150px
    }
}

@media (max-width:1199px) {
    .font-typo-nine .awura-footer-grid {
        gap: 70px
    }
}

@media (max-width:991px) {
    .font-typo-nine .awura-footer-grid {
        gap: 40px;
        grid-template-columns: 1fr
    }
}

.font-typo-nine .awura-footer-textarea p {
    margin: 0 0 24px;
    font-family: Geist, sans-serif
}

.font-typo-nine .awura-footer-textarea span {
    display: block;
    font-weight: 500;
    margin-bottom: 15px;
    font-family: Geist, sans-serif
}

.font-typo-nine .awura-footer-menu p {
    font-weight: 500;
    font-family: Geist, sans-serif
}

.font-typo-nine .awura-footer-menu ul li a {
    font-family: Geist, sans-serif
}

.font-typo-nine .awura-footer-menu ul li a:hover {
    color: var(--dodger-blue-color)
}

.awura-footer-bottom9 {
    display: flex;
    align-items: center;
    padding: 30px 0;
    justify-content: space-between;
    border-top: 1px solid rgba(26, 26, 26, .1)
}

@media (max-width:767px) {
    .awura-footer-bottom9 {
        gap: 20px;
        justify-content: center;
        flex-direction: column
    }
}

.awura-footer-bottom9 p {
    margin: 0;
    font-size: 16px;
    font-family: Geist, sans-serif;
    color: var(--white-color)
}

.awura-line-top {
    position: absolute;
    top: 0;
    left: 35%;
    height: 100%
}

.awura-line-top img {
    width: 100%;
    height: 100%
}

@media (max-width:1199px) {
    .awura-line-top {
        display: none
    }
}

input,
input[type=date],
input[type=email],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
select,
textarea {
    margin: 0;
    width: 100%;
    height: 60px;
    color: var(--primary-color);
    font-size: 16px;
    border-radius: 50px;
    background-color: transparent;
    padding: 15px 24px !important;
    border: none !important;
    transition: all .4s;
    border: 1px solid #f2f2f2 !important
}

input::-webkit-input-placeholder,
input[type=date]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder,
input[type=time]::-webkit-input-placeholder,
input[type=url]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: var(--primary-color);
    opacity: 1
}

input:-moz-placeholder,
input[type=date]:-moz-placeholder,
input[type=email]:-moz-placeholder,
input[type=password]:-moz-placeholder,
input[type=search]:-moz-placeholder,
input[type=tel]:-moz-placeholder,
input[type=text]:-moz-placeholder,
input[type=time]:-moz-placeholder,
input[type=url]:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--primary-color);
    opacity: 1
}

input::-moz-placeholder,
input[type=date]::-moz-placeholder,
input[type=email]::-moz-placeholder,
input[type=password]::-moz-placeholder,
input[type=search]::-moz-placeholder,
input[type=tel]::-moz-placeholder,
input[type=text]::-moz-placeholder,
input[type=time]::-moz-placeholder,
input[type=url]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: var(--primary-color);
    opacity: 1
}

input:-ms-input-placeholder,
input[type=date]:-ms-input-placeholder,
input[type=email]:-ms-input-placeholder,
input[type=password]:-ms-input-placeholder,
input[type=search]:-ms-input-placeholder,
input[type=tel]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=time]:-ms-input-placeholder,
input[type=url]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: var(--primary-color);
    opacity: 1
}

input::-ms-input-placeholder,
input[type=date]::-ms-input-placeholder,
input[type=email]::-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=search]::-ms-input-placeholder,
input[type=tel]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder,
input[type=time]::-ms-input-placeholder,
input[type=url]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: var(--primary-color);
    opacity: 1
}

input input::placeholder,
input textarea::placeholder,
input[type=date] input::placeholder,
input[type=date] textarea::placeholder,
input[type=email] input::placeholder,
input[type=email] textarea::placeholder,
input[type=password] input::placeholder,
input[type=password] textarea::placeholder,
input[type=search] input::placeholder,
input[type=search] textarea::placeholder,
input[type=tel] input::placeholder,
input[type=tel] textarea::placeholder,
input[type=text] input::placeholder,
input[type=text] textarea::placeholder,
input[type=time] input::placeholder,
input[type=time] textarea::placeholder,
input[type=url] input::placeholder,
input[type=url] textarea::placeholder,
select input::placeholder,
select textarea::placeholder,
textarea input::placeholder,
textarea textarea::placeholder {
    color: var(--primary-color);
    opacity: 1
}

input:focus,
select:focus,
textarea:focus {
    border: 1px solid var(--accent-color) !important
}

textarea {
    height: 200px;
    resize: none;
    border-radius: 20px
}

@media (max-width:767px) {
    textarea {
        height: 100px
    }
}

.awura-subscriber {
    position: relative;
    margin-right: 50px
}

.awura-subscriber input {
    height: 50px;
    padding-right: 50px;
    border: 1px solid var(--primary-color) !important
}

.awura-subscriber input:focus {
    border: 1px solid var(--accent-color) !important
}

button#awura-subscriber-btn {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    font-size: 24px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    transition: all .4s;
    overflow: hidden;
    background-color: var(--primary-color)
}

button#awura-subscriber-btn:hover {
    background-color: var(--accent-color)
}

.awura-arrow-show {
    transition: all .4s
}

.awura-arrow-hide {
    position: absolute;
    transition: all .4s;
    transform: translateX(-40px)
}

button#awura-subscriber-btn:hover .awura-arrow-hide {
    transform: translateX(0)
}

button#awura-subscriber-btn:hover .awura-arrow-show {
    transform: translateX(40px)
}

.awura-subscriber2 {
    width: 306px
}

.awura-subscriber2 input {
    height: 50px;
    border-radius: 10px;
    margin-bottom: 15px;
    font-family: Roboto, sans-serif;
    background-color: var(--white-color)
}

.awura-subscriber2 p {
    margin: 0;
    font-size: 16px;
    margin-top: 15px
}

.awura-subscriber2 .awura-btn-position {
    width: 100%
}

button#awura-subscriber-btn2 {
    width: 100%;
    padding: 12px 24px
}

.widget .sidebar-subscriber {
    position: relative
}

.widget .sidebar-subscriber input {
    padding-right: 160px !important;
    background-color: var(--white-color)
}

@media (max-width:1399px) {
    .widget .sidebar-subscriber input {
        padding-right: 24px !important
    }
}

@media (max-width:991px) {
    .widget .sidebar-subscriber input {
        padding-right: 160px !important
    }
}

@media (max-width:479px) {
    .widget .sidebar-subscriber input {
        padding-right: 24px !important
    }
}

.widget .sidebar-subscriber input:focus {
    border: 1px solid var(--white-color) !important
}

#sidebar-subscriber-btn {
    top: 5px;
    right: 5px;
    gap: 10px;
    width: 150px;
    height: 50px;
    font-size: 16px;
    display: flex;
    position: absolute;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    color: var(--white-color);
    transition: all .4s;
    background-color: var(--accent-color)
}

#sidebar-subscriber-btn:hover {
    background-color: var(--primary-color)
}

@media (max-width:1399px) {
    #sidebar-subscriber-btn {
        position: static;
        width: 100%;
        margin-top: 15px;
        border: 1px solid var(--white-color)
    }
}

@media (max-width:991px) {
    #sidebar-subscriber-btn {
        position: absolute;
        width: 150px;
        margin-top: 0
    }
}

@media (max-width:479px) {
    #sidebar-subscriber-btn {
        position: static;
        width: 100%;
        margin-top: 15px;
        border: 1px solid var(--white-color)
    }
}

#sidebar-subscriber-btn i {
    font-size: 24px
}

.awura-form-wrap {
    padding: 30px;
    border-radius: 10px;
    background-color: var(--white-color)
}

.awura-input-field {
    margin-bottom: 24px
}

.awura-input-field input,
.awura-input-field textarea {
    font-family: Inter, sans-serif;
    border: 1px solid var(--primary-color) !important
}

.awura-input-field input:focus,
.awura-input-field textarea:focus {
    border: 1px solid var(--accent-color) !important
}

.awura-subscriber3 {
    margin: 0 auto;
    max-width: 550px;
    position: relative
}

.awura-subscriber3 input {
    font-weight: 600;
    padding-right: 255px !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: var(--white-color);
    border: 1px solid rgba(3, 22, 11, .3) !important
}

@media (max-width:575px) {
    .awura-subscriber3 input {
        padding-right: 24px !important
    }
}

.awura-subscriber3 input::-webkit-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 input:-moz-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 input::-moz-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 input:-ms-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 input::-ms-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 input input::placeholder,
.awura-subscriber3 input textarea::placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber3 p {
    font-size: 16px !important;
    margin: 15px 0 0 !important
}

#awura-subscriber-btn3 {
    width: 242px;
    height: 50px;
    gap: 6px;
    top: 5px;
    right: 5px;
    position: absolute;
    border-radius: 50px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--bottle-green-color)
}

@media (max-width:575px) {
    #awura-subscriber-btn3 {
        position: static;
        margin-top: 15px;
        width: 100%
    }
}

#awura-subscriber-btn3:hover .sparkle-icon {
    animation: sparkle-animation 1s infinite
}

.awura-subscriber4 {
    max-width: 306px;
    position: relative
}

.awura-subscriber4 input {
    font-weight: 600;
    height: 50px;
    border-radius: 50px;
    font-family: "Plus Jakarta Sans", sans-serif;
    background-color: var(--white-color);
    border: 1px solid rgba(3, 22, 11, .3) !important
}

.awura-subscriber4 input::-webkit-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 input:-moz-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 input::-moz-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 input:-ms-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 input::-ms-input-placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 input input::placeholder,
.awura-subscriber4 input textarea::placeholder {
    color: rgba(3, 22, 11, .5);
    opacity: 1
}

.awura-subscriber4 p {
    font-size: 16px !important;
    margin: 15px 0 0 !important;
    color: rgba(3, 22, 11, .5)
}

#awura-subscriber-btn4 {
    width: 100%;
    height: 50px;
    gap: 6px;
    margin-top: 15px;
    border-radius: 50px;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--bottle-green-color)
}

#awura-subscriber-btn4:hover .sparkle-icon {
    animation: sparkle-animation 1s infinite
}

.awura-subscriber-content h3 {
    font-weight: 600;
    font-size: 32px;
    margin-bottom: 15px;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:767px) {
    .awura-subscriber-content h3 {
        font-size: 28px
    }
}

.awura-subscriber-content p {
    margin-bottom: 50px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-3)
}

.awura-subscriber5 {
    position: relative
}

.awura-subscriber5 input {
    padding-right: 50px;
    border-radius: 10px;
    padding-right: 60px;
    font-family: Inter, sans-serif;
    border: 1px solid rgba(2, 8, 23, .5) !important
}

.awura-subscriber5 input::-webkit-input-placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

.awura-subscriber5 input:-moz-placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

.awura-subscriber5 input::-moz-placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

.awura-subscriber5 input:-ms-input-placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

.awura-subscriber5 input::-ms-input-placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

.awura-subscriber5 input input::placeholder,
.awura-subscriber5 input textarea::placeholder {
    color: var(--dark-color-3);
    opacity: 1
}

button#awura-subscriber-btn5 {
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    transition: all .4s;
    overflow: hidden;
    background-color: var(--dark-color-3)
}

button#awura-subscriber-btn5:hover .awura-arrow-hide {
    transform: translateX(0)
}

button#awura-subscriber-btn5:hover .awura-arrow-show {
    transform: translateX(35px)
}

.awura-subscriber6 {
    position: relative
}

.awura-subscriber6-content {
    max-width: 425px;
    margin-top: 50px
}

@media (max-width:991px) {
    .awura-subscriber6-content {
        margin-top: 30px
    }
}

.awura-subscriber6-content span {
    display: block;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.awura-subscriber6-content p {
    font-size: 16px;
    margin-bottom: 24px;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.awura-subscriber6 input {
    height: 50px;
    border-radius: 50px;
    font-family: Onest, sans-serif;
    background-color: #373737;
    border: 1px solid #373737 !important
}

.awura-subscriber6 input:focus {
    border: 1px solid var(--orange-color) !important
}

.awura-subscriber6 input::-webkit-input-placeholder {
    color: var(--white-color);
    opacity: 1
}

.awura-subscriber6 input:-moz-placeholder {
    color: var(--white-color);
    opacity: 1
}

.awura-subscriber6 input::-moz-placeholder {
    color: var(--white-color);
    opacity: 1
}

.awura-subscriber6 input:-ms-input-placeholder {
    color: var(--white-color);
    opacity: 1
}

.awura-subscriber6 input::-ms-input-placeholder {
    color: var(--white-color);
    opacity: 1
}

.awura-subscriber6 input input::placeholder,
.awura-subscriber6 input textarea::placeholder {
    color: var(--white-color);
    opacity: 1
}

button#awura-subscriber-btn6 {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    transition: all .4s;
    overflow: hidden;
    background-color: var(--orange-color)
}

button#awura-subscriber-btn6 img {
    transition: all .4s
}

button#awura-subscriber-btn6:hover img {
    transform: rotate(45deg)
}

.awura-subscriber7 {
    position: relative
}

.awura-subscriber7 input {
    padding-right: 50px;
    border-radius: 10px;
    padding-right: 60px;
    font-family: Inter, sans-serif;
    border: 1px solid var(--green-color) !important
}

.awura-subscriber7 input::-webkit-input-placeholder {
    color: var(--green-color);
    opacity: 1
}

.awura-subscriber7 input:-moz-placeholder {
    color: var(--green-color);
    opacity: 1
}

.awura-subscriber7 input::-moz-placeholder {
    color: var(--green-color);
    opacity: 1
}

.awura-subscriber7 input:-ms-input-placeholder {
    color: var(--green-color);
    opacity: 1
}

.awura-subscriber7 input::-ms-input-placeholder {
    color: var(--green-color);
    opacity: 1
}

.awura-subscriber7 input input::placeholder,
.awura-subscriber7 input textarea::placeholder {
    color: var(--green-color);
    opacity: 1
}

button#awura-subscriber-btn7 {
    top: 5px;
    right: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    transition: all .4s;
    overflow: hidden;
    background-color: var(--green-color)
}

button#awura-subscriber-btn7 .awura-arrow-hide i {
    font-size: 26px
}

button#awura-subscriber-btn7 .awura-arrow-show i {
    font-size: 26px
}

button#awura-subscriber-btn7:hover .awura-arrow-hide {
    transform: translateX(0)
}

button#awura-subscriber-btn7:hover .awura-arrow-show {
    transform: translateX(35px)
}

.awura-subscriber8 {
    position: relative
}

.awura-subscriber8 input {
    border-radius: 3px;
    padding-right: 50px !important;
    height: 50px;
    font-family: Geist, sans-serif;
    background-color: var(--white-color)
}

.awura-subscriber8 input:focus {
    border: 1px solid var(--dark-color-4) !important
}

.awura-subscriber8 input::-webkit-input-placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

.awura-subscriber8 input:-moz-placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

.awura-subscriber8 input::-moz-placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

.awura-subscriber8 input:-ms-input-placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

.awura-subscriber8 input::-ms-input-placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

.awura-subscriber8 input input::placeholder,
.awura-subscriber8 input textarea::placeholder {
    color: var(--dark-color-4);
    opacity: 1
}

button#awura-subscriber-btn8 {
    top: 5px;
    right: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 3px;
    align-items: center;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    transition: all .4s;
    overflow: hidden;
    background-color: var(--dodger-blue-color)
}

button#awura-subscriber-btn8 img {
    transition: all .4s
}

button#awura-subscriber-btn8:hover img {
    transform: rotate(45deg)
}

.awura-subscriber9 {
    max-width: 520px;
    position: relative;
    margin: 0 auto;
    margin-bottom: 12px
}

.awura-subscriber9 input {
    padding-right: 160px !important;
    border: 1px solid var(--primary-color) !important
}

.awura-subscriber9 input:focus {
    border: 1px solid var(--accent-color) !important
}

button#awura-subscriber-btn9 {
    padding: 11px 24px;
    position: absolute;
    top: 5px;
    right: 5px
}

button#awura-subscriber-btn9:hover .button-icon-hide i,
button#awura-subscriber-btn9:hover .button-icon-hide img {
    transform: translateX(0)
}

button#awura-subscriber-btn9:hover .button-icon-show i,
button#awura-subscriber-btn9:hover .button-icon-show img {
    transform: translateX(20px)
}

.awura-cta-content {
    max-width: 576px;
    margin: 0 auto;
    text-align: center
}

.awura-cta-content h2 {
    margin-bottom: 20px
}

.awura-cta-content h2,
.awura-cta-content p {
    color: var(--white-color)
}

.awura-cta-wrap {
    padding: 80px;
    border-radius: 10px;
    background-size: cover;
    background-position: center
}

@media (max-width:991px) {
    .awura-cta-wrap {
        padding: 60px 40px
    }
}

@media (max-width:575px) {
    .awura-cta-wrap {
        padding: 40px 15px
    }
}

.awura-cta-content2 {
    max-width: 700px;
    margin: 0 auto;
    text-align: center
}

.awura-cta-content2 h2 {
    margin-bottom: 20px;
    font-size: 85px;
    line-height: .94em;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--white-color)
}

@media (max-width:1399px) {
    .awura-cta-content2 h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-cta-content2 h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-cta-content2 h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-cta-content2 h2 {
        font-size: 40px
    }
}

.awura-cta-content2 p {
    font-size: 20px;
    color: var(--white-color);
    font-family: Roboto, sans-serif
}

@media (max-width:575px) {
    .awura-cta-content2 p {
        font-size: 18px
    }
}

.awura-cta-content3 {
    text-align: center;
    max-width: 750px;
    margin: 0 auto
}

@media (max-width:1199px) {
    .awura-cta-content3 {
        max-width: 665px
    }
}

.awura-cta-content3 h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.16em;
    margin-bottom: 20px;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:1399px) {
    .awura-cta-content3 h2 {
        font-size: 48px;
        letter-spacing: 0
    }
}

@media (max-width:1199px) {
    .awura-cta-content3 h2 {
        font-size: 45px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-cta-content3 h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-cta-content3 h2 {
        font-size: 34px
    }
}

.awura-cta-content3 p {
    margin: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.awura-cta-section {
    z-index: 0;
    padding: 130px 0;
    position: relative;
    background-size: cover;
    background-position: center
}

@media (max-width:991px) {
    .awura-cta-section {
        padding: 100px 0
    }
}

@media (max-width:767px) {
    .awura-cta-section {
        padding: 80px 0
    }
}

.awura-cta-section::before {
    content: "";
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    mix-blend-mode: multiply;
    background: linear-gradient(0deg, #1e1e1e 0, rgba(30, 30, 30, 0) 100%)
}

.awura-cta-content4 {
    max-width: 850px;
    text-align: center;
    margin: 0 auto
}

.awura-cta-content4 h2 {
    font-weight: 600;
    font-size: 85px;
    line-height: 1.17em;
    letter-spacing: -.02em;
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

@media (max-width:1399px) {
    .awura-cta-content4 h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-cta-content4 h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-cta-content4 h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-cta-content4 h2 {
        font-size: 40px
    }
}

.awura-cta-content4 span {
    position: relative;
    padding-left: 25px;
    margin-bottom: 24px;
    display: inline-block;
    font-family: Onest, sans-serif;
    color: var(--white-color);
    text-transform: uppercase
}

.awura-cta-content4 span:before {
    content: "";
    left: 0;
    width: 12px;
    height: 12px;
    top: 7px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--orange-color)
}

.awura-cta-content5 {
    text-align: center;
    max-width: 600px;
    margin: 0 auto
}

.awura-cta-content5 h2 {
    font-weight: 600;
    font-size: 75px;
    line-height: 1.06em;
    margin-bottom: 20px;
    font-family: "Funnel Display", sans-serif;
    color: var(--white-color)
}

@media (max-width:1199px) {
    .awura-cta-content5 h2 {
        font-size: 60px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-cta-content5 h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-cta-content5 h2 {
        font-size: 40px
    }
}

.awura-cta-content5 p {
    margin: 0;
    font-size: 20px;
    font-family: Inter, sans-serif;
    color: var(--white-color)
}

@media (max-width:767px) {
    .awura-cta-content5 p {
        font-size: 18px
    }
}

.awura-cta-section6 {
    border-radius: 10px;
    padding: 130px 0;
    margin: 0 100px;
    border-radius: 10px;
    margin-top: 130px;
    background-color: var(--green-color)
}

@media (max-width:1399px) {
    .awura-cta-section6 {
        margin: 0 50px;
        margin-top: 130px
    }
}

@media (max-width:1199px) {
    .awura-cta-section6 {
        margin: 0;
        border-radius: 0
    }
}

@media (max-width:991px) {
    .awura-cta-section6 {
        padding: 100px 0;
        margin-top: 100px
    }
}

@media (max-width:767px) {
    .awura-cta-section6 {
        padding: 80px 0;
        margin-top: 80px
    }
}

.awura-cta-content6 h2 {
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    margin-bottom: 20px;
    font-family: Geist, sans-serif;
    color: var(--white-color)
}

@media (max-width:1399px) {
    .awura-cta-content6 h2 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-cta-content6 h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-cta-content6 h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-cta-content6 h2 {
        font-size: 40px
    }
}

.awura-cta-content6 p {
    max-width: 690px;
    font-family: Inter, sans-serif;
    color: var(--white-color)
}

@media (max-width:991px) {
    .awura-cta-content6 {
        margin-bottom: 40px
    }
}

.awura-cta-app-btn {
    gap: 24px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
    align-items: center
}

@media (max-width:991px) {
    .awura-cta-app-btn {
        margin-top: 30px
    }
}

.awura-cta-app-btn a {
    display: inline-block;
    transition: all .4s
}

.app-store:hover {
    transform: translateY(-5px)
}

.play-store:hover {
    transform: translateY(-5px)
}

.awura-cta-section7 {
    padding: 130px 0;
    background-color: var(--dodger-blue-color)
}

@media (max-width:991px) {
    .awura-cta-section7 {
        padding: 100px 0
    }
}

@media (max-width:767px) {
    .awura-cta-section7 {
        padding: 80px 0
    }
}

.awura-cta-content7 {
    text-align: center;
    max-width: 650px;
    margin: 0 auto
}

.awura-cta-content7 h2 {
    font-weight: 500;
    font-size: 60px;
    margin-bottom: 20px;
    line-height: 1.13em;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {
    .awura-cta-content7 h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .awura-cta-content7 h2 {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .awura-cta-content7 h2 {
        font-size: 36px
    }
}

.awura-cta-content7 p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-cta7-shape {
    height: 50px;
    width: 100%
}

.awura-cta7-shape img {
    width: 100%;
    height: 100%
}

@media (max-width:991px) {
    .awura-cta7-shape {
        height: 30px
    }
}

.blog-single {
    overflow: hidden;
    margin-bottom: 50px;
    transition: all .4s
}

.blog-single:hover .blog-img img {
    transform: scale(1.1)
}

.blog-img {
    border-radius: 20px;
    overflow: hidden
}

@media (max-width:767px) {
    .blog-img {
        border-radius: 10px
    }
}

.blog-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s
}

.blog-content {
    padding-top: 24px
}

.blog-meta {
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    row-gap: 15px
}

.blog-meta a {
    color: var(--primary-color);
    font-size: 16px;
    display: inline-flex;
    font-weight: 600;
    align-items: center;
    transition: all .4s
}

.blog-meta a:hover {
    color: var(--accent-color)
}

.blog-meta a i {
    font-size: 22px;
    margin-right: 15px;
    font-weight: 400
}

.blog-title {
    font-size: 32px;
    line-height: 1.25em;
    margin-bottom: 15px;
    transition: all .4s;
    font-weight: 500
}

@media (max-width:767px) {
    .blog-title {
        font-size: 28px
    }
}

.blog-title a {
    color: var(--primary-color)
}

.blog-title a:hover {
    color: var(--accent-color)
}

.blog-titles {
    margin-bottom: 24px;
    font-size: 20px;
    line-height: 26px
}

.blog-titles a {
    color: var(--primary-color)
}

.blog-single .blog-text {
    color: var(--primary-color)
}

.blog-content p {
    font-size: 20px;
    line-height: 30px
}

@media (max-width:991px) {
    .sidebar-area {
        margin-top: 40px
    }
}

.widget {
    padding: 30px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: var(--gray-color)
}

.widget:last-child {
    margin-bottom: 0
}

.widget_title {
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 24px;
    line-height: 1.25em
}

.widget_title.light-color {
    color: var(--white-color);
    margin-bottom: 15px
}

.widget input,
.widget select {
    padding: 15px 24px !important;
    padding-right: 50px !important;
    height: 60px;
    width: 100%;
    transition: all .4s;
    border-radius: 50px;
    border: 1px solid var(--accent-color) !important;
    background-color: var(--white-color)
}

.widget input:focus,
.widget select:focus {
    border: 1px solid var(--primary-color) !important
}

.widget .search-form {
    position: relative
}

.widget .search-form button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 50px;
    height: 50px;
    display: flex;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    background-color: var(--accent-color);
    color: var(--white-color);
    transition: all .4s
}

.widget .search-form button:hover {
    background-color: var(--primary-color)
}

.widget .search-form button i {
    font-size: 26px
}

.widget_archive li,
.widget_categories li,
.widget_nav_menu li,
.widget_pages li {
    display: block;
    position: relative;
    padding: 8px 0
}

.widget_archive li:first-child,
.widget_categories li:first-child,
.widget_nav_menu li:first-child,
.widget_pages li:first-child {
    padding-top: 0
}

.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_nav_menu li:last-child,
.widget_pages li:last-child {
    padding-bottom: 0;
    border-bottom: none
}

.widget_archive a,
.widget_categories a,
.widget_categories span,
.widget_nav_menu a,
.widget_pages a {
    font-size: 20px;
    transition: all .4s;
    color: var(--primary-color)
}

.widget_categories span {
    float: right
}

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

.recent-post {
    display: flex;
    margin-bottom: 20px;
    gap: 15px;
    align-items: center
}

@media (max-width:1399px) {
    .recent-post {
        flex-direction: column
    }
}

@media (max-width:991px) {
    .recent-post {
        flex-direction: inherit
    }
}

@media (max-width:479px) {
    .recent-post {
        flex-direction: column
    }
}

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

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

.recent-post .media-img {
    width: 140px;
    height: 140px;
    overflow: hidden;
    border-radius: 10px;
    flex-shrink: 0
}

@media (max-width:1399px) {
    .recent-post .media-img {
        width: 100%;
        height: 200px
    }
}

@media (max-width:991px) {
    .recent-post .media-img {
        width: 140px;
        height: 140px
    }
}

@media (max-width:479px) {
    .recent-post .media-img {
        width: 100%;
        height: 100%
    }
}

.recent-post .media-img img {
    width: 100%;
    height: 100%;
    transition: all .3s;
    object-fit: cover
}

.recent-post .recent-post-meta {
    margin-bottom: 15px
}

.recent-post .recent-post-meta a {
    font-size: 16px;
    font-weight: 600;
    color: var(--primary-color);
    display: flex;
    gap: 10px;
    align-items: center
}

.recent-post .recent-post-meta a i {
    font-size: 22px
}

.recent-post .post-title {
    color: var(--primary-color);
    display: block;
    margin: 0;
    font-size: 17px
}

.recent-post .post-title a {
    color: var(--primary-color)
}

.recent-post:hover .post-title a {
    color: var(--accent-color)
}

.tagcloud a,
.widget .tagcloud a,
.widget_tag_cloud a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 5px 23px;
    font-size: 16px;
    border-radius: 50px;
    transition: all .4s;
    color: var(--primary-color);
    border: 1px solid rgba(0, 0, 0, .5)
}

.tagcloud a:hover,
.widget .tagcloud a:hover,
.widget_tag_cloud a:hover {
    color: var(--white-color);
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color)
}

.blog-details .blog-img {
    margin-bottom: 30px
}

.blog-details .blog-content {
    padding: 0
}

.blog-details .blog-content h3 {
    margin-bottom: 15px
}

ul.blog-details-list {
    margin-bottom: 24px
}

ul.blog-details-list li {
    margin-bottom: 12px;
    position: relative;
    padding-left: 20px
}

ul.blog-details-list li::before {
    content: "";
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--primary-color)
}

ul.blog-details-list li:last-child {
    margin-bottom: 0
}

ul.blog-details-list li span {
    font-weight: 500
}

blockquote {
    font-size: 20px;
    line-height: 30px;
    padding: 30px 20px;
    margin: 0 0 30px;
    display: flex;
    border-radius: 10px;
    align-items: flex-start;
    color: var(--primary-color);
    background-color: var(--gray-color);
    border-left: 4px solid var(--accent-color)
}

.share-links {
    padding: 24px 0;
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.share-links h5 {
    font-size: 20px
}

.share-links .tagcloud a,
.share-links .widget .tagcloud a,
.share-links .widget_tag_cloud a {
    margin-bottom: 0
}

.social-link-row {
    display: flex;
    gap: 24px;
    padding: 24px 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.social-link {
    display: flex;
    gap: 15px;
    align-items: center
}

.post-btn {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    transition: all .4s;
    color: var(--primary-color)
}

.post-btn:hover {
    color: var(--accent-color)
}

.post-btn i {
    margin-right: 10px;
    font-size: 24px
}

.blog-inner-title {
    margin-bottom: 30px !important
}

p.text {
    margin: 0
}

.comments-wrap {
    padding-top: 24px
}

.comments-wrap .post-comment {
    display: flex;
    gap: 24px;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.comments-wrap .comment-avater {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    flex-shrink: 0;
    overflow: hidden
}

.comments-wrap .comment-avater img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.comments-wrap .name {
    font-size: 18px
}

.comments-wrap span.commented-on {
    font-size: 16px;
    display: inline-block;
    margin: 0
}

.comments-wrap a.replay-btn {
    font-size: 16px;
    font-weight: 500;
    transition: all .4s;
    color: var(--primay-color)
}

.comments-wrap .children {
    padding-left: 90px
}

@media (max-width:767px) {
    .comments-wrap .children {
        padding-left: 30px
    }
}

.comment-header {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 10px;
    justify-content: space-between
}

.comment-header-right {
    display: flex;
    gap: 15px;
    align-items: center
}

.comment-respond {
    padding: 30px;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.comment-respond .form-group {
    margin-bottom: 24px
}

.comment-respond .form-group label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px
}

.comment-respond .form-group input,
.comment-respond .form-group textarea {
    margin: 0;
    width: 100%;
    font-weight: 400;
    color: var(--primary-color);
    border-radius: 0;
    background-color: var(--gray-color);
    padding: 15px 24px !important;
    border: none !important;
    transition: all .4s;
    border-radius: 50px;
    border: 1px solid transparent !important
}

.comment-respond .form-group textarea {
    height: 200px;
    border-radius: 20px
}

@media (max-width:767px) {
    .comment-respond .form-group textarea {
        height: 120px
    }
}

.comment-respond .form-group input:focus,
.comment-respond .form-group textarea:focus {
    border: 1px solid var(--accent-color) !important
}

.comment-respond p {
    margin-top: 15px
}

button#comment-btn {
    font-size: 16px;
    padding: 5px;
    width: 188px;
    height: 60px;
    border-radius: 6px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    color: var(--white-color) !important;
    background-color: var(--accent-color);
    gap: 15px;
    transition: all .4s
}

button#comment-btn:hover {
    background-color: var(--primary-color)
}

button#comment-btn i {
    font-size: 26px;
    font-weight: 400
}

.blog-details .blog-meta {
    margin-bottom: 24px
}

.awura-style-two .blog-single {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: var(--white-color)
}

@media (max-width:767px) {
    .awura-style-two .blog-single {
        padding: 24px
    }
}

.awura-style-two .blog-single:hover .awura-btn-style-two.btn-outline.dark-outline {
    background-color: var(--yellow-color);
    border: 1px solid var(--yellow-color)
}

.awura-style-two .blog-meta a {
    color: var(--dark-color-1);
    font-size: 18px;
    font-weight: 700;
    font-family: Inter, sans-serif;
    position: relative;
    padding-left: 20px
}

.awura-style-two .blog-meta a::before {
    content: "";
    left: 0;
    top: 8px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    transition: all .4s;
    background-color: var(--dark-color-1)
}

.awura-style-two .blog-meta a:hover {
    color: var(--yellow-color)
}

.awura-style-two .blog-meta a:hover::before {
    background-color: var(--yellow-color)
}

.awura-style-two .blog-title {
    margin-bottom: 24px;
    color: var(--dark-color-1);
    font-family: Anton, sans-serif
}

.awura-style-two .blog-title a {
    color: var(--dark-color-1)
}

.awura-style-two .blog-title a:hover {
    color: var(--yellow-color)
}

.awura-style-three .blog-single {
    padding: 0;
    border-radius: 0;
    margin-bottom: 24px;
    background-color: var(--white-color)
}

@media (max-width:767px) {
    .awura-style-three .blog-single {
        padding: 24px
    }
}

.awura-style-three .blog-single:hover .awura-btn-style-two.btn-outline.dark-outline {
    background-color: var(--yellow-color);
    border: 1px solid var(--yellow-color)
}

.awura-style-three .blog-img {
    position: relative;
    border-radius: 15px
}

.awura-style-three .blog-content p {
    color: var(--dark-color-4);
    font-family: Onest, sans-serif;
    margin-bottom: 24px
}

.awura-style-three .blog-meta a {
    color: var(--dark-color-4);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    font-family: Onest, sans-serif;
    padding-left: 30px
}

.awura-style-three .blog-meta a::before {
    content: none
}

.awura-style-three .blog-meta a i {
    position: absolute;
    left: 0
}

.awura-style-three .blog-meta a:hover {
    color: var(--orange-color)
}

.awura-style-three .blog-title {
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 600;
    color: var(--dark-color-4);
    font-family: Onest, sans-serif
}

.awura-style-three .blog-title a {
    color: var(--dark-color-4)
}

.awura-style-three .blog-title a:hover {
    color: var(--orange-color)
}

.awura-style-three .blog-category {
    top: 24px;
    right: 24px;
    display: block;
    font-size: 16px;
    padding: 11px 24px;
    font-weight: 600;
    border-radius: 50px;
    position: absolute;
    transition: all .4s;
    color: var(--dark-color-4);
    font-family: Onest, sans-serif;
    text-transform: uppercase;
    background-color: rgba(30, 30, 30, .05)
}

.awura-style-three .blog-category:hover {
    color: var(--white-color);
    background-color: var(--orange-color)
}

.awura-style-four .blog-single {
    margin-bottom: 30px
}

.awura-style-four .blog-img {
    border-radius: 0
}

.awura-style-four .blog-meta {
    gap: 12px;
    margin-bottom: 24px
}

.awura-style-four .blog-meta a {
    display: inline-flex;
    gap: 10px;
    border-radius: 3px;
    padding: 9px 16px;
    align-items: center;
    font-size: 16px;
    line-height: 22px;
    transition: all .4s;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4);
    background-color: var(--gray-color-6)
}

.awura-style-four .blog-meta a:hover {
    background-color: var(--dodger-blue-color)
}

.awura-style-four .blog-title {
    margin: 0;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -.01em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-style-four .blog-title a {
    color: var(--dark-color-4)
}

.awura-style-four .blog-title a:hover {
    color: var(--dodger-blue-color)
}

.awura-404-section {
    padding: 145px 0 130px
}

@media (max-width:991px) {
    .awura-404-section {
        padding: 130px 0 100px
    }
}

@media (max-width:767px) {
    .awura-404-section {
        padding: 130px 0 80px
    }
}

.awura-404-content {
    text-align: center
}

.awura-404-content img {
    margin-bottom: 50px
}

@media (max-width:991px) {
    .awura-404-content img {
        margin-bottom: 20px
    }
}

.blog-grid .blog-meta a {
    padding-left: 22px;
    position: relative
}

.blog-grid .blog-meta a::before {
    content: "";
    left: 0;
    top: 10px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    position: absolute;
    transition: all .4s;
    background-color: var(--primary-color)
}

.blog-grid .blog-meta a:hover::before {
    background-color: var(--accent-color)
}

.blog-grid .blog-title {
    margin-bottom: 30px
}

.blog-grid .blog-single {
    padding: 30px;
    margin-bottom: 24px;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, .05)
}

.blog-center {
    max-width: 1076px;
    margin: 0 auto
}

.blog-btn {
    line-height: 22px;
    font-weight: 600;
    display: flex;
    align-items: center;
    transition: all .4s;
    color: var(--accent-color)
}

.blog-btn i {
    font-weight: 400;
    font-size: 22px;
    margin-left: 8px;
    transition: all .4s
}

.blog-btn:hover {
    color: var(--accent-color)
}

.blog-btn .icon-show {
    opacity: 0;
    transition: all .4s
}

.blog-btn:hover .icon-show {
    opacity: 1;
    margin-right: 32px
}

.blog-btn .icon-hide {
    transition: all .4s;
    transform: translateX(-28px)
}

.blog-btn:hover .icon-hide {
    opacity: 0
}

.blog-btn span {
    position: relative;
    transform: translateX(-28px)
}

#awura-account-submit-btn,
#awura-main-submit-btn,
#awura-subscriber-btn9,
.awura-btn-icon {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    font-weight: 600;
    gap: 8px;
    text-transform: capitalize;
    color: var(--white-color);
    background-color: var(--accent-color);
    border-radius: 50px;
    padding: 16px 26px;
    font-size: 16px;
    text-align: left
}

#awura-account-submit-btn.white-btn,
#awura-main-submit-btn.white-btn,
#awura-subscriber-btn9.white-btn,
.awura-btn-icon.white-btn {
    color: var(--primary-color);
    background-color: var(--white-color)
}

#awura-account-submit-btn.white-btn:hover,
#awura-main-submit-btn.white-btn:hover,
#awura-subscriber-btn9.white-btn:hover,
.awura-btn-icon.white-btn:hover {
    color: var(--primary-color)
}

#awura-account-submit-btn:hover,
#awura-main-submit-btn:hover,
#awura-subscriber-btn9:hover,
.awura-btn-icon:hover {
    color: var(--white-color)
}

#awura-account-submit-btn.icon-button-outline,
#awura-main-submit-btn.icon-button-outline,
#awura-subscriber-btn9.icon-button-outline,
.awura-btn-icon.icon-button-outline {
    padding: 14px 26px;
    transition: all .4s;
    color: var(--primary-color);
    background-color: transparent;
    border: 2px solid var(--primary-color)
}

#awura-account-submit-btn.icon-button-outline:hover,
#awura-main-submit-btn.icon-button-outline:hover,
#awura-subscriber-btn9.icon-button-outline:hover,
.awura-btn-icon.icon-button-outline:hover {
    color: var(--white-color);
    background-color: var(--accent-color);
    border: 2px solid var(--accent-color)
}

#awura-account-submit-btn.icon-btn-style-two,
#awura-main-submit-btn.icon-btn-style-two,
#awura-subscriber-btn9.icon-btn-style-two,
.awura-btn-icon.icon-btn-style-two {
    gap: 15px;
    font-weight: 600;
    border-radius: 10px;
    font-family: Inter, sans-serif;
    background-color: var(--dark-color-3)
}

#awura-account-submit-btn.icon-btn-style-two.outline-btn,
#awura-main-submit-btn.icon-btn-style-two.outline-btn,
#awura-subscriber-btn9.icon-btn-style-two.outline-btn,
.awura-btn-icon.icon-btn-style-two.outline-btn {
    color: var(--dark-color-3);
    background-color: transparent;
    border: 1px solid rgba(2, 8, 23, .5)
}

#awura-account-submit-btn.icon-btn-style-two.white-btn,
#awura-main-submit-btn.icon-btn-style-two.white-btn,
#awura-subscriber-btn9.icon-btn-style-two.white-btn,
.awura-btn-icon.icon-btn-style-two.white-btn {
    background-color: var(--white-color)
}

.btn-icon {
    position: relative;
    overflow: hidden;
    line-height: 1;
    top: 1px
}

.btn-icon {
    transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-out
}

.btn-icon i,
.btn-icon img {
    transition: transform .38s cubic-bezier(.37, .08, .02, .93), opacity .18s ease-out;
    font-size: 22px;
    font-weight: 400
}

.button-icon-hide i,
.button-icon-hide img {
    position: absolute;
    transform: translateX(-20px);
    top: 0
}

.button-icon-show i,
.button-icon-show img {
    display: inline-block;
    transform: translateX(0)
}

.awura-btn-icon:hover .button-icon-hide i,
.awura-btn-icon:hover .button-icon-hide img {
    transform: translateX(0)
}

.awura-btn-icon:hover .button-icon-show i,
.awura-btn-icon:hover .button-icon-show img {
    transform: translateX(20px)
}

span.button-icon-hide,
span.button-icon-show {
    display: block
}

.awura-small-btn {
    padding: 11px 25px !important
}

.awura-small-btn2 {
    padding: 13px 30px !important
}

.awura-small-btn3 {
    padding: 12px 24px !important
}

.awura-small-btn4 {
    padding: 9px 22px !important
}

#awura-submit-btn,
.awura-btn-style-two {
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
    color: var(--dark-color-1);
    background-color: var(--yellow-color);
    border-radius: 50px;
    padding: 17px 35px;
    font-size: 16px;
    line-height: 24px;
    color: var(--dark-color-1) !important
}

#awura-submit-btn.btn-outline,
.awura-btn-style-two.btn-outline {
    color: var(--white-color) !important;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .5)
}

#awura-submit-btn.btn-outline.dark-outline,
.awura-btn-style-two.btn-outline.dark-outline {
    color: var(--dark-color-1) !important;
    border: 1px solid var(--dark-color-1)
}

.awura-btn-effect-wrap {
    height: 24px;
    position: relative;
    overflow: hidden;
    display: block
}

.btn-effect-content {
    display: block;
    height: 100%;
    position: relative;
    top: 0;
    transition: .3s
}

#awura-submit-btn:hover .btn-effect-content,
.awura-btn-style-two:hover .btn-effect-content {
    top: -100%
}

.awura-header-btn-column {
    display: flex;
    gap: 20px;
    align-items: center
}

.awura-text-btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    display: inline-block;
    font-family: Roboto, sans-serif;
    color: var(--white-color) !important
}

.awura-btn-position {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    display: inline-block
}

#awura-subscriber-btn2,
.awura-btn-style-three {
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    padding: 17px 24px;
    display: inline-block;
    border-radius: 10px;
    transition: all .6s;
    font-family: Roboto, sans-serif;
    color: var(--white-color) !important;
    background-color: var(--blue-color)
}

#awura-subscriber-btn2:hover,
.awura-btn-style-three:hover {
    color: var(--dark-color-2) !important
}

.btn-text {
    z-index: 999;
    position: relative
}

.awura-button-hover {
    background-color: red;
    border-radius: 1000px;
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    margin-left: 0;
    margin-top: 0;
    pointer-events: none
}

.btn-explode-circle {
    animation: explode .5s forwards
}

.btn-desplode-circle {
    animation: desplode .5s forwards
}

@keyframes explode {
    0% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: var(--marzipan-color)
    }

    100% {
        width: 600px;
        height: 600px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: var(--marzipan-color)
    }
}

@keyframes desplode {
    0% {
        width: 600px;
        height: 600px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: var(--marzipan-color)
    }

    100% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: var(--marzipan-color)
    }
}

.awura-btn-style-four {
    color: var(--white-color) !important;
    padding: 16px 24px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    justify-content: center;
    transition: background .3s;
    background-color: var(--bottle-green-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.sparkle-icon {
    display: inline-block;
    transition: transform .4s ease, opacity .4s ease
}

.awura-btn-style-four:hover .sparkle-icon {
    animation: sparkle-animation 1s infinite
}

@keyframes sparkle-animation {
    0% {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    25% {
        transform: scale(1.1) rotate(15deg);
        opacity: .8
    }

    50% {
        transform: scale(1) rotate(0);
        opacity: 1
    }

    75% {
        transform: scale(1.1) rotate(-15deg);
        opacity: .9
    }

    100% {
        transform: scale(1) rotate(0);
        opacity: 1
    }
}

.awura-icon-btn {
    font-size: 16px;
    font-weight: 600;
    align-items: center;
    display: inline-flex;
    color: var(--bottle-green-color) !important;
    font-family: "Plus Jakarta Sans", sans-serif;
    transition: all .4s
}

.awura-icon-btn img {
    margin-left: 10px;
    transition: all .4s
}

.awura-icon-btn:hover img {
    margin-left: 13px
}

.awura-btn-style-five {
    color: var(--white-color);
    padding: 16px 32px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    transition: .4s;
    background-color: var(--orange-color);
    font-family: Onest, sans-serif
}

.awura-btn-style-five:hover {
    color: var(--orange-color);
    background-color: var(--white-color)
}

.awura-btn-style-five.outline-btn-white {
    padding: 14px 32px;
    background-color: transparent;
    border: 2px solid var(--white-color)
}

.awura-btn-style-five.outline-btn-white:hover {
    background-color: var(--white-color)
}

.awura-btn-style-five.outline-btn-dark {
    padding: 14px 32px;
    color: var(--dark-color-4);
    background-color: transparent;
    border: 2px solid var(--dark-color-4)
}

.awura-btn-style-five.outline-btn-dark:hover {
    color: var(--white-color);
    background-color: var(--orange-color);
    border: 2px solid var(--orange-color)
}

.awura-btn-style-six {
    color: var(--white-color);
    padding: 14px 23px;
    border-radius: 999px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    transition: .4s;
    overflow: hidden;
    position: relative;
    background-color: var(--dark-color-5);
    font-family: Inter, sans-serif;
    border: 2px solid var(--dark-color-5)
}

.awura-btn-style-six.white-btn {
    color: var(--dark-color-5);
    background-color: var(--white-color);
    border: 2px solid var(--white-color)
}

.awura-btn-style-six.white-btn:hover {
    color: var(--white-color)
}

.awura-btn-style-six.white-btn::after,
.awura-btn-style-six.white-btn::before {
    background-color: var(--dark-color-5)
}

.awura-btn-style-six.outline-btn {
    color: var(--dark-color-5);
    background-color: transparent
}

.awura-btn-style-six.outline-btn::after,
.awura-btn-style-six.outline-btn::before {
    background-color: var(--dark-color-5)
}

.awura-btn-style-six.outline-btn:hover {
    color: var(--white-color)
}

.awura-btn-style-six:hover {
    color: var(--dark-color-5)
}

.awura-btn-style-six span {
    display: block;
    position: relative;
    z-index: 10
}

.awura-btn-style-six:hover span {
    animation: MoveScaleUpInitial .3s forwards, MoveScaleUpEnd .3s forwards .3s
}

.awura-btn-style-six::after,
.awura-btn-style-six::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.awura-btn-style-six::before {
    content: "";
    background: #fff;
    width: 120%;
    height: 0;
    padding-bottom: 120%;
    top: -110%;
    left: -10%;
    border-radius: 50%;
    transform: translate3d(0, 68%, 0) scale3d(0, 0, 0)
}

.awura-btn-style-six:hover::before {
    transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.awura-btn-style-six:after {
    content: "";
    background: #fff;
    transform: translate3d(0, -101%, 0);
    transition: transform .4s cubic-bezier(.1, 0, .3, 1)
}

.awura-btn-style-six:hover::after {
    transform: translate3d(0, 0, 0);
    transition-duration: 50ms;
    transition-delay: .4s;
    transition-timing-function: linear
}

@keyframes MoveScaleUpInitial {
    to {
        transform: translate3d(0, -105%, 0) scale3d(1, 2, 1);
        opacity: 0
    }
}

@keyframes MoveScaleUpEnd {
    from {
        transform: translate3d(0, 100%, 0) scale3d(1, 2, 1);
        opacity: 0
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.awura-btn-style-seven {
    color: var(--white-color) !important;
    padding: 14px 31px;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    transition: .4s;
    overflow: hidden;
    position: relative;
    background-color: var(--dark-color-6);
    font-family: Inter, sans-serif
}

.awura-btn-style-seven span {
    display: block;
    position: relative;
    z-index: 10
}

.awura-btn-style-seven::before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--green-color);
    width: 120%;
    left: -10%;
    position: absolute;
    transform: skew(30deg);
    transition: transform .4s cubic-bezier(.3, 1, .8, 1)
}

.awura-btn-style-seven:hover::before {
    transform: translate3d(100%, 0, 0)
}

.awura-btn-style-eight {
    color: var(--dark-color-4) !important;
    padding: 14px 23px;
    border-radius: 3px;
    cursor: pointer;
    font-size: 16px !important;
    font-weight: 600;
    display: inline-block;
    transition: .4s;
    overflow: hidden;
    position: relative;
    background-color: var(--dodger-blue-color);
    font-family: Geist, sans-serif;
    border: 2px solid var(--dodger-blue-color)
}

.awura-btn-style-eight span {
    display: block;
    position: relative;
    z-index: 10;
    font-size: 16px !important;
    margin-bottom: 0 !important;
    line-height: inherit !important
}

.awura-btn-style-eight:hover {
    color: var(--dodger-blue-color) !important;
    background-color: transparent
}

.awura-btn-style-eight.white-btn {
    color: var(--dark-color-4);
    background-color: var(--white-color);
    border: 2px solid var(--white-color)
}

.awura-btn-style-eight.white-btn:hover {
    color: var(--white-color) !important;
    background-color: transparent
}

.awura-icon-normal-btn {
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    color: var(--primary-color) !important
}

.awura-icon-normal-btn img {
    margin-left: 10px;
    transition: all .4s
}

.awura-icon-normal-btn:hover img {
    margin-left: 15px
}

.awura-section-padding {
    padding: 130px 0
}

@media (max-width:991px) {
    .awura-section-padding {
        padding: 100px 0
    }
}

@media (max-width:991px) {
    .awura-section-padding {
        padding: 80px 0
    }
}

.awura-section-padding2 {
    padding: 130px 0 106px
}

@media (max-width:991px) {
    .awura-section-padding2 {
        padding: 100px 0 76px
    }
}

@media (max-width:767px) {
    .awura-section-padding2 {
        padding: 80px 0 56px
    }
}

.awura-section-padding3 {
    padding: 100px 0
}

@media (max-width:991px) {
    .awura-section-padding3 {
        padding: 80px 0
    }
}

.awura-section-padding3 {
    padding: 130px 0 100px
}

@media (max-width:991px) {
    .awura-section-padding3 {
        padding: 100px 0 70px
    }
}

@media (max-width:991px) {
    .awura-section-padding3 {
        padding: 80px 0 50px
    }
}

.awura-section-pb {
    padding-bottom: 130px
}

@media (max-width:991px) {
    .awura-section-pb {
        padding-bottom: 100px
    }
}

@media (max-width:991px) {
    .awura-section-pb {
        padding-bottom: 80px
    }
}

.awura-section-pb2 {
    padding-bottom: 106px
}

@media (max-width:991px) {
    .awura-section-pb2 {
        padding-bottom: 76px
    }
}

@media (max-width:991px) {
    .awura-section-pb2 {
        padding-bottom: 56px
    }
}

.awura-section-pt {
    padding-top: 130px
}

@media (max-width:991px) {
    .awura-section-pt {
        padding-top: 100px
    }
}

@media (max-width:991px) {
    .awura-section-pt {
        padding-top: 80px
    }
}

.awura-section-pb80 {
    padding-bottom: 80px
}

.awura-mt50 {
    margin-top: 50px
}

@media (max-width:991px) {
    .awura-mt50 {
        margin-top: 35px
    }
}

.awura-p-lg p {
    font-size: 20px;
    line-height: 30px
}

@media (max-width:575px) {
    .awura-p-lg p {
        font-size: 18px
    }
}

.mb24 {
    display: block;
    margin-bottom: 24px
}

.awura-section-title {
    padding-bottom: 80px;
    max-width: 650px
}

@media (max-width:991px) {
    .awura-section-title {
        padding-bottom: 60px;
        max-width: 550px
    }
}

@media (max-width:767px) {
    .awura-section-title {
        text-align: center;
        padding-bottom: 40px
    }
}

.awura-section-title.light-color h2,
.awura-section-title.light-color p {
    color: var(--white-color) !important
}

.awura-section-title.center-align {
    max-width: 665px;
    margin: 0 auto;
    text-align: center
}

@media (max-width:991px) {
    .awura-section-title.center-align {
        max-width: 600px
    }
}

.awura-section-title.center-align.max-w-685 {
    max-width: 685px
}

.awura-section-title.center-align.max-w-760 {
    max-width: 760px
}

.awura-section-title.center-align.max-w-950 {
    max-width: 950px
}

.awura-section-title.max-w-720 {
    max-width: 720px
}

.awura-section-title.max-w-685 {
    max-width: 685px
}

.awura-section-title.max-w-730 {
    max-width: 730px
}

.awura-section-title.font-typo-two span {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 500;
    display: block;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

@media (max-width:575px) {
    .awura-section-title.font-typo-two span {
        font-size: 20px;
        margin-bottom: 15px
    }
}

.awura-section-title.font-typo-two h2 {
    font-size: 85px;
    letter-spacing: 0;
    line-height: 1.17em;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-two h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-two h2 {
        font-size: 65px
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-two h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-section-title.font-typo-two h2 {
        font-size: 36px
    }
}

.awura-section-title.font-typo-two.light-color h2,
.awura-section-title.font-typo-two.light-color h5,
.awura-section-title.font-typo-two.light-color span {
    color: var(--white-color) !important
}

.awura-section-title.font-typo-three h2 {
    font-size: 85px;
    line-height: .94em;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-three h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-three h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-three h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-section-title.font-typo-three h2 {
        font-size: 40px
    }
}

.awura-section-title.font-typo-four h2 {
    font-weight: 600;
    font-size: 60px;
    margin-bottom: 20px;
    line-height: 1.16em;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-four h2 {
        font-size: 48px;
        letter-spacing: 0
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-four h2 {
        font-size: 45px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-four h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-section-title.font-typo-four h2 {
        font-size: 34px
    }
}

.awura-section-title.font-typo-four p {
    margin: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.awura-section-title.font-typo-five h2 {
    font-size: 85px;
    line-height: 1.05em;
    letter-spacing: -.03em;
    font-weight: 600;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-five h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-five h2 {
        font-size: 65px
    }
}

@media (max-width:991px) {
    .awura-section-title.font-typo-five h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-five h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-section-title.font-typo-five h2 {
        font-size: 36px
    }
}

.awura-section-title.font-typo-five h5 {
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

.awura-section-title.font-typo-five.light-color h2,
.awura-section-title.font-typo-five.light-color h5,
.awura-section-title.font-typo-five.light-color p {
    color: var(--white-color)
}

.awura-section-title.font-typo-six h2 {
    font-weight: 600;
    font-size: 85px;
    line-height: 1.11em;
    letter-spacing: -.02em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-six h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-six h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-six h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-section-title.font-typo-six h2 {
        font-size: 40px
    }
}

.awura-section-title.font-typo-six p {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4);
    text-transform: uppercase
}

.awura-section-title.font-typo-six p:before {
    content: "";
    left: 0;
    width: 12px;
    height: 12px;
    top: 7px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--orange-color)
}

.awura-section-title.font-typo-seven h2 {
    font-weight: 600;
    font-size: 75px;
    line-height: 1.06em;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-seven h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-seven h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-section-title.font-typo-seven h2 {
        font-size: 40px
    }
}

.awura-section-title.font-typo-eight h2 {
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-section-title.font-typo-eight h2 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-eight h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-eight h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-section-title.font-typo-eight h2 {
        font-size: 40px
    }
}

.awura-section-title.font-typo-nine h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.13em;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {
    .awura-section-title.font-typo-nine h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .awura-section-title.font-typo-nine h2 {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .awura-section-title.font-typo-nine h2 {
        font-size: 36px
    }
}

.awura-section-title.two-column {
    max-width: 100%
}

@media (max-width:1199px) {
    .awura-section-title.two-column {
        text-align: center;
        margin: 0 auto;
        max-width: 800px
    }
}

@media (max-width:1199px) {
    .awura-section-title.two-column h2 {
        margin-bottom: 20px
    }
}

.awura-default-thumb {
    position: relative
}

@media (max-width:991px) {
    .awura-default-thumb {
        margin-bottom: 40px
    }
}

.awura-default-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover
}

@media (max-width:767px) {
    .awura-default-thumb img {
        border-radius: 10px
    }
}

.awura-default-thumb.border-radius-10 img {
    border-radius: 10px
}

@media (max-width:991px) {
    .awura-default-thumb2 {
        margin-bottom: 40px
    }
}

.awura-default-thumb2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-default-content h2 {
    margin-bottom: 20px
}

.awura-default-content p {
    font-size: 20px;
    line-height: 30px
}

@media (max-width:767px) {
    .awura-default-content p {
        font-size: 18px;
        line-height: 28px
    }
}

.awura-default-content.light-color h2,
.awura-default-content.light-color p {
    color: var(--white-color) !important
}

.pl-75 {
    padding-left: 75px
}

@media (max-width:991px) {
    .pl-75 {
        padding-left: 0
    }
}

.awura-position-sticky {
    top: 100px;
    position: sticky
}

@media (max-width:991px) {
    .awura-position-sticky {
        position: static
    }
}

.position-relative {
    position: relative;
    z-index: 0
}

.awura-default-content.font-typo-two h2 {
    font-size: 85px;
    line-height: 1.117em;
    letter-spacing: 0;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-two h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-two h2 {
        font-size: 65px
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-two h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-default-content.font-typo-two h2 {
        font-size: 36px
    }
}

.awura-default-content.font-typo-two span {
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 20px;
    font-weight: 500;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

.awura-default-content.font-typo-two.light-color h2,
.awura-default-content.font-typo-two.light-color h5,
.awura-default-content.font-typo-two.light-color p,
.awura-default-content.font-typo-two.light-color span {
    color: var(--white-color)
}

.awura-default-content.font-typo-two p {
    font-family: Inter, sans-serif;
    color: var(--dark-color-1)
}

.awura-default-content.font-typo-three h2 {
    font-size: 85px;
    line-height: .94em;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-three h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-three h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-three h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-default-content.font-typo-three h2 {
        font-size: 40px
    }
}

.awura-default-content.font-typo-three p {
    margin: 0;
    color: var(--dark-color-2);
    font-family: Roboto, sans-serif
}

.awura-default-content.font-typo-four h2 {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.16em;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-four h2 {
        font-size: 48px;
        letter-spacing: 0
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-four h2 {
        font-size: 45px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-four h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-default-content.font-typo-four h2 {
        font-size: 34px
    }
}

.awura-default-content.font-typo-four p {
    font-size: 18px;
    color: var(--bottle-green-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.cover-size {
    background-size: cover;
    background-position: center
}

.awura-default-content.font-typo-five h2 {
    font-size: 85px;
    line-height: 1.05em;
    letter-spacing: -.03em;
    font-weight: 600;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-five h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-five h2 {
        font-size: 60px
    }
}

@media (max-width:991px) {
    .awura-default-content.font-typo-five h2 {
        font-size: 55px
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-five h2 {
        font-size: 40px
    }
}

@media (max-width:479px) {
    .awura-default-content.font-typo-five h2 {
        font-size: 36px
    }
}

.awura-default-content.font-typo-five p {
    letter-spacing: -.01em;
    font-family: Inter, sans-serif;
    color: var(--dark-color-3)
}

.awura-single-content-column {
    gap: 80px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:1399px) {
    .awura-single-content-column {
        gap: 22px
    }
}

@media (max-width:575px) {
    .awura-single-content-column {
        gap: 24px;
        grid-template-columns: 1fr
    }
}

.awura-single-content h3 {
    font-size: 43px;
    line-height: 53px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:1199px) {
    .awura-single-content h3 {
        font-size: 32px;
        line-height: 40px
    }
}

.awura-single-content p {
    font-size: 24px;
    line-height: 34px;
    margin: 0;
    letter-spacing: -.01em !important;
    font-family: "Noto Serif", serif !important;
    color: var(--dark-color-3) !important
}

@media (max-width:1199px) {
    .awura-single-content p {
        font-size: 20px;
        line-height: 30px
    }
}

.ml40 {
    margin-left: 40px
}

@media (max-width:991px) {
    .ml40 {
        margin-left: 0
    }
}

.mr40 {
    margin-right: 40px
}

@media (max-width:991px) {
    .mr40 {
        margin-right: 0
    }
}

.mr50 {
    margin-right: 50px
}

@media (max-width:991px) {
    .mr50 {
        margin-right: 0
    }
}

.awura-default-content.font-typo-six h2 {
    font-weight: 600;
    font-size: 85px;
    line-height: 1.11em;
    letter-spacing: -.02em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-six h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-six h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-six h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-default-content.font-typo-six h2 {
        font-size: 40px
    }
}

.awura-default-content.font-typo-six span {
    position: relative;
    padding-left: 25px;
    margin-bottom: 24px;
    display: inline-block;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4);
    text-transform: uppercase
}

.awura-default-content.font-typo-six span:before {
    content: "";
    left: 0;
    width: 12px;
    height: 12px;
    top: 7px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--orange-color)
}

.awura-default-content.font-typo-six p {
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

.awura-default-content.font-typo-seven h2 {
    font-weight: 600;
    font-size: 75px;
    line-height: 1.06em;
    margin-bottom: 20px;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-seven h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-seven h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-default-content.font-typo-seven h2 {
        font-size: 40px
    }
}

.awura-default-content.font-typo-seven p {
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-default-content.font-typo-eight h2 {
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-default-content.font-typo-eight h2 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-eight h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-eight h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-default-content.font-typo-eight h2 {
        font-size: 40px
    }
}

.awura-default-content.font-typo-eight p {
    font-size: 18px;
    line-height: 28px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.ml50 {
    margin-left: 50px
}

@media (max-width:1199px) {
    .ml50 {
        margin-left: 30px
    }
}

@media (max-width:991px) {
    .ml50 {
        margin-left: 0
    }
}

.left-right-margin {
    margin: 0 100px;
    border-radius: 10px
}

@media (max-width:1399px) {
    .left-right-margin {
        margin: 0 50px
    }
}

@media (max-width:1199px) {
    .left-right-margin {
        margin: 0;
        border-radius: 0
    }
}

.awura-default-content.font-typo-nine h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.13em;
    margin-bottom: 20px;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {
    .awura-default-content.font-typo-nine h2 {
        font-size: 48px
    }
}

@media (max-width:767px) {
    .awura-default-content.font-typo-nine h2 {
        font-size: 40px
    }
}

@media (max-width:575px) {
    .awura-default-content.font-typo-nine h2 {
        font-size: 36px
    }
}

.awura-default-content.font-typo-nine p {
    font-size: 18px;
    line-height: 28px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-about-thumb-wrap img {
    margin-bottom: 24px
}

.awura-about-thumb-wrap p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:991px) {
    .awura-about-thumb-wrap {
        margin-bottom: 40px
    }
}

.breadcumb-wrapper {
    z-index: 0;
    text-align: center;
    padding: 195px 0 80px
}

@media (max-width:991px) {
    .breadcumb-wrapper {
        padding: 170px 0 80px
    }
}

@media (max-width:767px) {
    .breadcumb-wrapper {
        padding: 130px 0 60px
    }
}

.breadcumb-content {
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

.breadcumb-content.full-width {
    max-width: 100%
}

.breadcumb-content.max-w-1075 {
    max-width: 1075px
}

.breadcumb-content.max-w-980 {
    max-width: 980px
}

.breadcumb-content.max-w-830 {
    max-width: 830px
}

.breadcumb-content.left-align {
    margin: 0;
    text-align: left
}

.breadcumb-menu ul li {
    line-height: 1;
    z-index: 0;
    padding: 0 5px;
    position: relative;
    display: inline-block;
    font-size: 16px
}

.breadcumb-menu ul li:first-child {
    padding-left: 0
}

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

.breadcumb-menu ul li:before {
    content: "";
    right: -3px;
    top: 3px;
    z-index: -1;
    width: 1px;
    height: 13px;
    position: absolute;
    color: var(--primary-color);
    background-color: var(--primary-color);
    transform: rotate(20deg)
}

.breadcumb-menu ul li:last-child:before {
    content: none
}

.breadcumb-menu ul li a {
    color: var(--heading-color)
}

.breadcumb-title {
    margin-bottom: 20px
}

.awura-pagination {
    margin-top: 80px;
    display: flex;
    justify-content: center
}

@media (max-width:991px) {
    .awura-pagination {
        margin-top: 60px
    }
}

.awura-pagination ul {
    display: flex
}

.awura-pagination li {
    display: inline-block;
    margin: 0 2px
}

.awura-pagination a,
.awura-pagination span,
.pagi-btn {
    height: 40px;
    width: 40px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
    color: var(--primary-color);
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, .5)
}

.awura-pagination a:hover,
.awura-pagination span:hover,
.pagi-btn:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

.awura-pagination a i,
.awura-pagination span i,
.pagi-btn i {
    font-size: 22px
}

a.current {
    cursor: not-allowed;
    color: var(--white-color);
    background-color: var(--primary-color)
}

.awura-social-icon ul {
    line-height: 1
}

.awura-social-icon ul li {
    margin: 0 7px;
    overflow: hidden;
    display: inline-block
}

.awura-social-icon ul li:first-child {
    margin-left: 0
}

.awura-social-icon ul li:last-child {
    margin-right: 0
}

.awura-social-icon ul li a {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    transition: all .4s;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2)
}

.awura-social-icon ul li a i {
    font-size: 18px
}

.awura-social-icon ul li a:hover {
    background-color: var(--accent-color);
    border: 1px solid var(--accent-color)
}

.awura-social-icon ul li a:hover .awura-social-hide {
    transform: translateY(0)
}

.awura-social-icon ul li a:hover .awura-social-show {
    transform: translateY(-35px)
}

.awura-social-icon.style-two ul li a {
    border-radius: 5px;
    background-color: var(--white-color)
}

.awura-social-icon.style-two ul li a:hover {
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color)
}

.awura-social-icon.style-three ul li a {
    background-color: var(--white-color);
    border: 1px solid rgba(3, 22, 11, .2)
}

.awura-social-icon.style-three ul li a:hover {
    background-color: var(--bottle-green-color);
    border: 1px solid var(--bottle-green-color)
}

.awura-social-icon.style-four ul li a {
    background-color: var(--white-color)
}

.awura-social-icon.style-four ul li a i {
    color: var(--dark-color-5)
}

.awura-social-icon.style-four ul li:nth-child(1) a {
    background-color: #b9b5ed;
    border: 1px solid #b9b5ed
}

.awura-social-icon.style-four ul li:nth-child(2) a {
    background-color: #f5b2aa;
    border: 1px solid #f5b2aa
}

.awura-social-icon.style-four ul li:nth-child(3) a {
    background-color: #b2f3b6;
    border: 1px solid #b2f3b6
}

.awura-social-icon.style-four ul li:nth-child(4) a {
    background-color: #f5d6a7;
    border: 1px solid #f5d6a7
}

.awura-social-icon.style-five ul li a {
    border-radius: 5px;
    border: 1px solid var(--green-color)
}

.awura-social-icon.style-five ul li a i {
    transition: all .4s;
    color: var(--green-color)
}

.awura-social-icon.style-five ul li a:hover {
    background-color: var(--green-color);
    border: 1px solid var(--green-color)
}

.awura-social-icon.style-five ul li a:hover i {
    color: var(--white-color)
}

.awura-social-icon.style-six {
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-social-icon.style-six p {
    font-size: 18px
}

.awura-social-icon.style-six ul li a {
    border-radius: 0;
    border: 1px solid rgba(255, 255, 255, .2)
}

.awura-social-icon.style-six ul li a i {
    transition: all .4s;
    color: var(--white-color)
}

.awura-social-icon.style-six ul li a:hover {
    background-color: var(--dodger-blue-color);
    border: 1px solid var(--dodger-blue-color)
}

.awura-social-icon.style-six ul li a:hover i {
    color: var(--white-color)
}

.awura-social-icon.style-seven ul li a {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-social-icon.style-seven ul li a {
        width: 55px;
        height: 55px
    }
}

.awura-social-icon.style-seven ul li a i {
    font-size: 24px;
    transition: all .4s;
    color: var(--white-color)
}

.awura-social-icon.style-seven ul li a:hover {
    background-color: var(--accent-color)
}

.awura-social-show {
    transition: all .4s
}

.awura-social-show i {
    color: var(--primary-color)
}

.awura-social-hide {
    position: absolute;
    transition: all .4s;
    transform: translateY(35px)
}

.awura-social-hide i {
    color: var(--white-color)
}

.style-seven .awura-social-hide {
    transform: translateY(40px)
}

.style-seven.awura-social-icon ul li a:hover .awura-social-show {
    transform: translateY(-40px)
}

.awura-hero-shape-left {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1s ease-out
}

@media (max-width:1399px) {
    .awura-hero-shape-left img {
        width: 250px
    }
}

@media (max-width:767px) {
    .awura-hero-shape-left {
        display: none
    }
}

.awura-hero-shape-right {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1s ease-out
}

@media (max-width:1399px) {
    .awura-hero-shape-right img {
        width: 250px
    }
}

@media (max-width:767px) {
    .awura-hero-shape-right {
        display: none
    }
}

.awura-hero-shape-left.active,
.awura-hero-shape-right.active {
    clip-path: inset(0 0 0 0)
}

.awura-cta-shape-left {
    position: absolute;
    top: 35px;
    z-index: -1;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1s ease-out
}

@media (max-width:1399px) {
    .awura-cta-shape-left img {
        width: 250px
    }
}

@media (max-width:767px) {
    .awura-cta-shape-left {
        display: none
    }
}

.awura-cta-shape-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1s ease-out
}

@media (max-width:1399px) {
    .awura-cta-shape-right img {
        width: 250px
    }
}

@media (max-width:767px) {
    .awura-cta-shape-right {
        display: none
    }
}

.awura-cta-shape-left.active,
.awura-cta-shape-right.active {
    clip-path: inset(0 0 0 0)
}

.awura-white-divider {
    height: 20px;
    width: 100%;
    background-color: var(--white-color)
}

.awura-card-position {
    width: 59%;
    position: absolute;
    bottom: 24px;
    left: 24px;
    overflow: hidden;
    border-radius: 10px
}

.awura-card-position2 {
    width: 59%;
    position: absolute;
    bottom: 24px;
    right: 24px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 13.05px 58.43px 0 rgba(0, 0, 0, .031372549)
}

.awura-footer-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

@media (max-width:1199px) {
    .awura-footer-shape {
        display: none
    }
}

.awura-footer-shape img {
    width: 280px
}

.awura-cta-shape-v7 {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1
}

@media (max-width:1399px) {
    .awura-cta-shape-v7 {
        width: 25%
    }
}

@media (max-width:767px) {
    .awura-cta-shape-v7 {
        display: none
    }
}

.awura-flower-shape-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1
}

@media (max-width:1399px) {
    .awura-flower-shape-right {
        width: 25%
    }
}

@media (max-width:767px) {
    .awura-flower-shape-right {
        display: none
    }
}

.awura-feature-shape {
    position: absolute;
    top: 12%;
    z-index: -1;
    left: 8%
}

@media (max-width:1399px) {
    .awura-feature-shape {
        display: none
    }
}

.awura-white-overlay {
    z-index: 0;
    position: relative
}

.awura-white-overlay:before {
    content: "";
    left: 100px;
    top: 0;
    height: 100%;
    z-index: -1;
    border-radius: 10px;
    position: absolute;
    width: calc(100% - 200px);
    background-color: var(--white-color)
}

@media (max-width:1600px) {
    .awura-white-overlay:before {
        left: 50px;
        width: calc(100% - 100px)
    }
}

@media (max-width:1199px) {
    .awura-white-overlay:before {
        left: 0;
        width: 100%
    }
}

.bottom-top-animation {
    clip-path: inset(100% 0 0 0);
    transition: clip-path 1s ease-out
}

.bottom-top-animation.active {
    clip-path: inset(0 0 0 0)
}

.awura-hero-section {
    position: relative;
    padding: 195px 0 320px;
    background-color: var(--pampas-color)
}

@media (max-width:1199px) {
    .awura-hero-section {
        padding: 160px 0 320px
    }
}

@media (max-width:767px) {
    .awura-hero-section {
        padding: 130px 0 80px
    }
}

.awura-hero-content {
    text-align: center;
    max-width: 1000px;
    margin: 0 auto
}

@media (max-width:1399px) {
    .awura-hero-content {
        max-width: 830px
    }
}

@media (max-width:1199px) {
    .awura-hero-content {
        max-width: 700px
    }
}

.awura-hero-content h1 {
    margin-bottom: 20px
}

.awura-hero-content p {
    max-width: 840px;
    margin: 0 auto
}

.awura-hero-section2 {
    z-index: 0;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 195px 0 150px;
    background-color: var(--accent-color)
}

@media (max-width:991px) {
    .awura-hero-section2 {
        padding: 170px 0 100px
    }
}

@media (max-width:767px) {
    .awura-hero-section2 {
        padding: 130px 0 80px
    }
}

.awura-hero-content2 {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    position: relative
}

@media (max-width:1399px) {
    .awura-hero-content2 {
        max-width: 900px
    }
}

@media (max-width:1199px) {
    .awura-hero-content2 {
        max-width: 740px
    }
}

.awura-hero-content2 h1,
.awura-hero-content2 h4 {
    color: var(--white-color);
    font-family: Anton, sans-serif
}

.awura-hero-content2 h4 {
    margin-bottom: 20px
}

.awura-hero-content2 h1 {
    font-size: 120px;
    margin-bottom: 24px;
    line-height: 1.08em;
    letter-spacing: 0
}

@media (max-width:1399px) {
    .awura-hero-content2 h1 {
        font-size: 100px
    }
}

@media (max-width:1199px) {
    .awura-hero-content2 h1 {
        font-size: 80px
    }
}

@media (max-width:991px) {
    .awura-hero-content2 h1 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-hero-content2 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content2 h1 {
        font-size: 40px
    }
}

.awura-hero-content2 p {
    font-size: 20px;
    color: var(--white-color);
    font-family: Inter, sans-serif
}

@media (max-width:767px) {
    .awura-hero-content2 p {
        font-size: 18px
    }
}

.awura-hero-btn {
    display: flex;
    justify-content: center;
    gap: 24px;
    flex-wrap: wrap
}

.awura-hero-section3 {
    z-index: 0;
    padding-top: 80px;
    overflow: hidden;
    background-color: var(--dark-color-2);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-hero-section3 {
        padding-top: 130px
    }
}

.awura-hero-content3 h4 {
    margin-bottom: 20px;
    display: flex;
    gap: 15px;
    font-size: 16px;
    color: var(--marzipan-color);
    font-family: Roboto, sans-serif
}

.awura-hero-content3 h1 {
    font-size: 120px;
    margin-bottom: 24px;
    line-height: .95em;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--white-color);
    font-weight: 400
}

@media (max-width:1399px) {
    .awura-hero-content3 h1 {
        font-size: 100px
    }
}

@media (max-width:1199px) {
    .awura-hero-content3 h1 {
        font-size: 80px
    }
}

@media (max-width:991px) {
    .awura-hero-content3 h1 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-hero-content3 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content3 h1 {
        font-size: 40px
    }
}

.awura-hero-content3 p {
    font-size: 20px;
    color: var(--white-color);
    font-family: Roboto, sans-serif
}

@media (max-width:767px) {
    .awura-hero-content3 p {
        font-size: 18px
    }
}

.awura-hero-section4 {
    z-index: 0;
    padding-top: 210px;
    background-size: cover;
    background-image: url(../images/v4/hero-bg.png)
}

@media (max-width:991px) {
    .awura-hero-section4 {
        padding-top: 130px
    }
}

.awura-hero-content4 h1 {
    font-size: 80px;
    margin-bottom: 24px;
    line-height: 1.07em;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color);
    font-weight: 700
}

@media (max-width:1199px) {
    .awura-hero-content4 h1 {
        font-size: 70px
    }
}

@media (max-width:991px) {
    .awura-hero-content4 h1 {
        font-size: 60px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-hero-content4 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content4 h1 {
        font-size: 40px
    }
}

.awura-hero-content4 p {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:767px) {
    .awura-hero-content4 p {
        font-size: 18px
    }
}

.awura-hero-section5 {
    z-index: 0;
    padding: 195px 0 200px;
    background-color: var(--gray-color-4)
}

@media (max-width:991px) {
    .awura-hero-section5 {
        padding: 170px 0 150px
    }
}

@media (max-width:767px) {
    .awura-hero-section5 {
        padding: 150px 0 80px
    }
}

.awura-hero-column5 {
    gap: 54px;
    display: grid;
    grid-template-columns: 1fr 435px
}

@media (max-width:1199px) {
    .awura-hero-column5 {
        gap: 35px;
        grid-template-columns: 1fr 350px
    }
}

@media (max-width:991px) {
    .awura-hero-column5 {
        display: flex;
        flex-direction: column
    }
}

.awura-hero-content5 h1 {
    font-size: 100px;
    margin-bottom: 20px;
    line-height: 1.15em;
    letter-spacing: -.03em;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3);
    font-weight: 600
}

@media (max-width:1399px) {
    .awura-hero-content5 h1 {
        font-size: 80px
    }
}

@media (max-width:1199px) {
    .awura-hero-content5 h1 {
        font-size: 60px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-hero-content5 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content5 h1 {
        font-size: 40px
    }
}

.awura-hero-content5 p {
    font-size: 20px;
    max-width: 700px;
    letter-spacing: .01em;
    font-family: Inter, sans-serif;
    color: var(--dark-color-3)
}

@media (max-width:767px) {
    .awura-hero-content5 p {
        font-size: 18px
    }
}

.awura-hero-btn-column {
    display: flex;
    gap: 24px;
    flex-wrap: wrap
}

.awura-hero-thumb-wrap {
    position: relative
}

@media (max-width:991px) {
    .awura-hero-thumb-wrap {
        margin-left: 45px
    }
}

@media (max-width:767px) {
    .awura-hero-thumb-wrap {
        margin-left: 0
    }
}

.awura-hero-thumb-position {
    bottom: 0;
    bottom: -50px;
    left: -45px;
    width: 260px;
    overflow: hidden;
    position: absolute;
    border-radius: 8px;
    box-shadow: 0 3.03px 22.75px 0 rgba(0, 0, 0, .1)
}

@media (max-width:767px) {
    .awura-hero-thumb-position {
        width: 150px;
        left: 24px;
        bottom: 24px
    }
}

.awura-hero-thumb-position img {
    width: 100%;
    height: 100%
}

.awura-hero-section6 {
    z-index: 0;
    position: relative;
    padding: 230px 0 150px;
    background-size: cover;
    background-position: center
}

@media (max-width:991px) {
    .awura-hero-section6 {
        padding: 170px 0 100px
    }
}

@media (max-width:575px) {
    .awura-hero-section6 {
        padding: 130px 0 80px
    }
}

.awura-hero-section6::before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    mix-blend-mode: Multiply;
    background: linear-gradient(180deg, #1e1e1e 0, rgba(30, 30, 30, 0) 100%)
}

.awura-hero-content6 {
    max-width: 750px
}

.awura-hero-content6 span {
    font-weight: 600;
    margin-bottom: 30px;
    display: inline-block;
    position: relative;
    font-family: Onest, sans-serif;
    color: var(--white-color);
    text-transform: uppercase;
    padding-left: 20px
}

.awura-hero-content6 span::before {
    content: "";
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50px;
    background-color: var(--orange-color)
}

.awura-hero-content6 h1 {
    font-size: 120px;
    margin-bottom: 24px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: -.03em;
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

@media (max-width:1399px) {
    .awura-hero-content6 h1 {
        font-size: 100px
    }
}

@media (max-width:991px) {
    .awura-hero-content6 h1 {
        font-size: 80px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-hero-content6 h1 {
        font-size: 48px
    }
}

.awura-hero-content6 p {
    font-size: 20px;
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

@media (max-width:575px) {
    .awura-hero-content6 p {
        font-size: 18px
    }
}

.awura-hero-section7 {
    z-index: 0;
    overflow: hidden;
    position: relative;
    padding: 180px 0 150px;
    background-size: cover;
    background-position: center
}

@media (max-width:991px) {
    .awura-hero-section7 {
        padding: 170px 0 100px
    }
}

@media (max-width:575px) {
    .awura-hero-section7 {
        padding: 130px 0 80px
    }
}

.awura-hero-rating {
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 24px
}

.awura-hero-rating ul {
    line-height: 1
}

.awura-hero-rating ul li {
    margin-right: 6px;
    display: inline-block;
    color: rgba(42, 42, 42, .5)
}

.awura-hero-rating ul li:last-child {
    margin-left: 9px
}

.awura-hero-rating p {
    margin: 0;
    font-size: 16px !important;
    font-weight: 700;
    color: var(--dark-color-5)
}

.awura-hero-content7 h1 {
    font-weight: 600;
    margin-bottom: 24px;
    font-size: 100px;
    line-height: 1.05em;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:1399px) {
    .awura-hero-content7 h1 {
        font-size: 80px
    }
}

@media (max-width:1199px) {
    .awura-hero-content7 h1 {
        font-size: 70px
    }
}

@media (max-width:767px) {
    .awura-hero-content7 h1 {
        font-size: 60px
    }
}

@media (max-width:575px) {
    .awura-hero-content7 h1 {
        font-size: 48px
    }
}

.awura-hero-content7 p {
    font-size: 20px;
    line-height: 30px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:767px) {
    .awura-hero-content7 p {
        font-size: 18px
    }
}

.awura-hero-thumb7 {
    border-radius: 20px;
    position: relative;
    z-index: 0;
    padding: 10px
}

@media (max-width:991px) {
    .awura-hero-thumb7 {
        margin-top: 40px
    }
}

.awura-hero-thumb7 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

.awura-hero-thumb7-box {
    position: relative;
    z-index: 0
}

.awura-hero-thumb7-shape {
    position: absolute;
    top: -40%;
    right: -38%;
    z-index: -1
}

.awura-card-overlay {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.awura-card-overlay img {
    width: 100%;
    height: 100%
}

.awura-hero-v2-thumb1 {
    width: 300px;
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    transform: rotate(-10deg);
    left: -11%;
    bottom: -53%;
    z-index: -1;
    transition: transform .5s ease-out
}

@media (max-width:1399px) {
    .awura-hero-v2-thumb1 {
        max-width: 250px
    }
}

@media (max-width:991px) {
    .awura-hero-v2-thumb1 {
        max-width: 200px
    }
}

@media (max-width:767px) {
    .awura-hero-v2-thumb1 {
        display: none
    }
}

.awura-hero-v2-thumb1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-hero-v2-thumb2 {
    width: 300px;
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    transform: rotate(10deg);
    right: -11%;
    top: -13%;
    z-index: -1;
    transition: transform .5s ease-out
}

@media (max-width:1399px) {
    .awura-hero-v2-thumb2 {
        max-width: 250px
    }
}

@media (max-width:991px) {
    .awura-hero-v2-thumb2 {
        max-width: 200px
    }
}

@media (max-width:767px) {
    .awura-hero-v2-thumb2 {
        display: none
    }
}

.awura-hero-v2-thumb2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-hero-card-wrap {
    height: 845px;
    overflow: hidden;
    padding: 20px;
    background-size: cover;
    background: url(../images/v3/line-bg.png)
}

@media (max-width:1199px) {
    .awura-hero-card-wrap {
        height: 700px
    }
}

@media (max-width:991px) {
    .awura-hero-card-wrap {
        margin-top: 40px
    }
}

@media (max-width:575px) {
    .awura-hero-card-wrap {
        height: 500px
    }
}

.awura-hero-card-item {
    margin-bottom: 20px
}

.awura-hero-card-item img {
    border-radius: 10px
}

.awura-hero-section4 {
    z-index: 0;
    padding-top: 210px;
    background-size: cover;
    overflow: hidden;
    background-image: url(../images/v4/hero-bg.png)
}

@media (max-width:991px) {
    .awura-hero-section4 {
        padding-top: 130px
    }
}

.awura-hero-content4 {
    text-align: center;
    max-width: 955px;
    margin: 0 auto
}

.awura-hero-content4 h1 {
    font-size: 58px;
    margin-bottom: 24px;
    line-height: 1.07em;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color);
    font-weight: 700
}

@media (max-width:1199px) {
    .awura-hero-content4 h1 {
        font-size: 70px
    }
}

@media (max-width:991px) {
    .awura-hero-content4 h1 {
        font-size: 60px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-hero-content4 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content4 h1 {
        font-size: 40px
    }
}

.awura-hero-content4 p {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:767px) {
    .awura-hero-content4 p {
        font-size: 18px
    }
}

.awura-avater-wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 24px;
    align-items: center;
    justify-content: center
}

.awura-avater-row {
    display: flex
}

.awura-avater-item {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    border: 3px solid var(--bottle-green-color)
}

.awura-avater-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-avater-item:nth-child(2) {
    margin-left: -15px;
    position: relative;
    z-index: 9
}

.awura-avater-item:nth-child(3) {
    margin-left: -15px;
    position: relative;
    z-index: 99
}

.awura-avater-rating {
    text-align: left
}

.awura-avater-rating ul li {
    margin: 0 3px;
    display: inline-block
}

.awura-avater-rating ul li i {
    font-size: 20px
}

.awura-avater-rating p {
    margin: 0;
    margin-top: 10px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.awura-hero-dashboard {
    margin-top: 80px;
    perspective: 1140px;
    transition: transform .6s ease
}

@media (max-width:991px) {
    .awura-hero-dashboard {
        margin-top: 60px
    }
}

@media (max-width:767px) {
    .awura-hero-dashboard {
        margin-top: 40px
    }
}

#rotating-image {
    transform-style: preserve-3d;
    transition: transform .3s;
    will-change: transform
}

.awura-hero-section8 {
    z-index: 0;
    overflow: hidden;
    position: relative;
    padding: 195px 0 0;
    background-size: cover;
    background-position: center
}

@media (max-width:991px) {
    .awura-hero-section8 {
        padding: 170px 0 0
    }
}

@media (max-width:575px) {
    .awura-hero-section8 {
        padding: 130px 0 0
    }
}

.awura-hero-content8 {
    max-width: 880px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 80px
}

@media (max-width:991px) {
    .awura-hero-content8 {
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .awura-hero-content8 {
        margin-bottom: 40px
    }
}

.awura-hero-content8 h1 {
    font-weight: 500;
    margin-bottom: 24px;
    font-size: 100px;
    line-height: 1.05em;
    letter-spacing: -3.5px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-hero-content8 h1 {
        font-size: 80px
    }
}

@media (max-width:1199px) {
    .awura-hero-content8 h1 {
        font-size: 70px
    }
}

@media (max-width:991px) {
    .awura-hero-content8 h1 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-hero-content8 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content8 h1 {
        font-size: 40px
    }
}

.awura-hero-content8 p {
    font-size: 20px;
    line-height: 30px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:767px) {
    .awura-hero-content8 p {
        font-size: 18px
    }
}

.awura-hero-card-row {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    margin-bottom: 35px
}

@media (max-width:575px) {
    .awura-hero-card-row {
        gap: 24px
    }
}

.awura-hero-card8.first-card {
    margin-bottom: 70px
}

@media (max-width:575px) {
    .awura-hero-card8.first-card {
        margin-bottom: 24px
    }
}

@media (max-width:575px) {
    .awura-hero-card8.card-socond {
        margin-bottom: 24px
    }
}

.awura-hero-card8 {
    width: 100%
}

.awura-hero-card8 img {
    width: 100%
}

.awura_screenfix_right {
    margin-right: calc((-100vw + 100%)/ 2)
}

@media (max-width:991px) {
    .awura_screenfix_right {
        margin-right: auto
    }
}

.awura-hero-section9 {
    z-index: 0;
    overflow: hidden;
    position: relative;
    margin: 0 100px;
    background-color: var(--gray-color-6)
}

@media (max-width:1399px) {
    .awura-hero-section9 {
        margin: 0 50px
    }
}

@media (max-width:1199px) {
    .awura-hero-section9 {
        margin: 0
    }
}

@media (max-width:991px) {
    .awura-hero-section9 {
        padding: 120px 0 100px
    }
}

@media (max-width:575px) {
    .awura-hero-section9 {
        padding: 80px 0
    }
}

.awura-hero-content9 {
    max-width: 650px
}

@media (max-width:991px) {
    .awura-hero-content9 {
        max-width: 100%;
        margin-bottom: 40px
    }
}

.awura-hero-content9 h1 {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 80px;
    line-height: 1.06em;
    letter-spacing: -.03em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1399px) {
    .awura-hero-content9 h1 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-hero-content9 h1 {
        font-size: 60px
    }
}

@media (max-width:991px) {
    .awura-hero-content9 h1 {
        font-size: 55px
    }
}

@media (max-width:767px) {
    .awura-hero-content9 h1 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-hero-content9 h1 {
        font-size: 40px
    }
}

.awura-hero-content9 p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:767px) {
    .awura-hero-content9 p {
        font-size: 18px
    }
}

.awura-hero-thumb9 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media (max-width:1199px) {
    .awura-hero-thumb9 {
        height: 550px
    }
}

@media (max-width:991px) {
    .awura-hero-thumb9 {
        height: 100%
    }
}

.awura-hero9-border {
    margin-top: 79px;
    border-bottom: 1px solid rgba(30, 30, 30, .15);
    border-top: 1px solid rgba(30, 30, 30, .15)
}

.awura-video-section {
    z-index: 0;
    position: relative;
    margin-top: -240px;
    padding-bottom: 130px
}

@media (max-width:991px) {
    .awura-video-section {
        padding-bottom: 100px
    }
}

@media (max-width:767px) {
    .awura-video-section {
        padding: 80px 0;
        margin: 0
    }
}

.awura-video-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin: 0 auto;
    transition: width 1.2s ease
}

@media (max-width:767px) {
    .awura-video-wrapper {
        border-radius: 10px
    }
}

@media (max-width:767px) {
    .awura-video-wrapper {
        height: 250px
    }
}

.awura-video-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-video-popup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute
}

@media (max-width:767px) {
    .awura-video-popup img {
        height: 80px
    }
}

@keyframes waves {
    0% {
        -webkit-transform: scale(.2, .2);
        transform: scale(.2, .2);
        opacity: 0
    }

    50% {
        opacity: .9
    }

    100% {
        -webkit-transform: scale(.9, .9);
        transform: scale(.9, .9);
        opacity: 0
    }
}

.waves {
    position: absolute;
    width: 190px;
    height: 190px;
    background: #1248fc;
    opacity: 0;
    border-radius: 100%;
    right: -45px;
    bottom: -45px;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite
}

@media (max-width:767px) {
    .waves {
        right: -55px;
        bottom: -55px
    }
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.video-card {
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    aspect-ratio: 2/2.17
}

.video-card video {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover
}

.controls {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    pointer-events: none;
    background: linear-gradient(0deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .12) 40%, transparent 100%)
}

.controls-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    pointer-events: auto;
    margin-bottom: 15px
}

.controls-left {
    display: flex;
    align-items: center;
    gap: 24px
}

.play-btn {
    display: grid;
    place-items: center;
    cursor: pointer
}

.play-btn svg {
    width: 28px;
    height: 28px;
    fill: #fff
}

.time {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: var(--white-color);
    font-family: Inter, sans-serif
}

.controls-right {
    display: flex;
    gap: 24px
}

.icon-btn svg {
    width: 28px;
    height: 28px;
    fill: #fff
}

.progress-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
    pointer-events: auto
}

.progress-wrap input[type=range] {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 10px !important;
    border-radius: 999px;
    background: linear-gradient(90deg, #fff 0, #fff 0) no-repeat;
    background-size: 0 100%;
    outline: 0;
    cursor: pointer;
    padding: 0 !important;
    border: none !important;
    background-color: rgba(255, 255, 255, .05)
}

.progress-wrap input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #fff;
    border: 0;
    box-shadow: none
}

.progress-wrap input[type=range]::-moz-range-thumb {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: #fff;
    border: 0;
    box-shadow: none
}

.controls {
    border-bottom-left-radius: var(--card-radius);
    border-bottom-right-radius: var(--card-radius)
}

.icon-btn:hover,
.play-btn:hover {
    transform: translateY(-2px);
    transition: transform .12s ease
}

.awura-video-header {
    padding-bottom: 80px
}

@media (max-width:991px) {
    .awura-video-header {
        padding-bottom: 60px
    }
}

@media (max-width:767px) {
    .awura-video-header {
        padding-bottom: 40px
    }
}

.awura-video-header h2 {
    margin-bottom: 20px;
    color: var(--white-color)
}

.awura-video-header p {
    margin: 0;
    font-size: 20px;
    color: var(--white-color)
}

@media (max-width:767px) {
    .awura-video-header p {
        font-size: 18px
    }
}

.style-two .waves {
    bottom: -55px;
    right: -55px
}

.awura-brandlogo-title {
    max-width: 600px;
    padding-bottom: 60px
}

.awura-brandlogo-column {
    gap: 24px;
    display: grid;
    grid-template-columns: repeat(6, 1fr)
}

@media (max-width:1199px) {
    .awura-brandlogo-column {
        grid-template-columns: repeat(4, 1fr)
    }
}

@media (max-width:767px) {
    .awura-brandlogo-column {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media (max-width:479px) {
    .awura-brandlogo-column {
        grid-template-columns: repeat(2, 1fr)
    }
}

.awura-brandlogo-box {
    border-radius: 10px;
    background-color: var(--pampas-color);
    height: 10px;
    padding: 20px;
    height: 100px;
    width: 100%;
    display: inline-block;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto
}

.awura-brandlogo-box:hover .effect-1 {
    top: -100%
}

.awura-brandlogo-link-effect {
    height: 40px;
    position: relative;
    overflow: hidden;
    display: block
}

.awura-brandlogo-link-effect .effect-1 {
    display: block;
    height: 100%;
    position: relative;
    top: 0;
    transition: .3s
}

.awura-brandlogo-section {
    padding: 80px 0;
    overflow: hidden;
    background-color: var(--dark-color-2)
}

@media (max-width:991px) {
    .awura-brandlogo-section {
        padding: 60px 0
    }
}

.awura-brandlogo-center-title {
    text-align: center;
    margin-bottom: 50px
}

.awura-brandlogo-center-title span {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -.01em;
    color: var(--white-color);
    font-family: "Pixelify Sans", sans-serif
}

.awura-brandlogo-wrapper {
    position: relative
}

.awura-brandlogo-slider-row {
    display: flex;
    align-items: center
}

.awura-brandlogo-item {
    margin: 0 40px;
    flex-shrink: 0
}

.awura-brandlogo-overlay {
    position: absolute;
    top: 0
}

.awura-brandlogo-style-two .awura-brandlogo-column2 {
    gap: 1px;
    display: flex;
    flex-direction: column;
    border-radius: 10px;
    overflow: hidden;
    background-color: rgba(3, 22, 11, .1);
    border: 1px solid rgba(3, 22, 11, .1)
}

.awura-brandlogo-style-two .awura-brandlogo-row1 {
    gap: 1px;
    display: grid;
    grid-template-columns: 1fr 1fr 544px 1fr 1fr
}

@media (max-width:1399px) {
    .awura-brandlogo-style-two .awura-brandlogo-row1 {
        grid-template-columns: 1fr 1fr 477px 1fr 1fr
    }
}

@media (max-width:1199px) {
    .awura-brandlogo-style-two .awura-brandlogo-row1 {
        grid-template-columns: 1fr 1fr 401px 1fr 1fr
    }
}

@media (max-width:991px) {
    .awura-brandlogo-style-two .awura-brandlogo-row1 {
        grid-template-columns: 1fr 1fr
    }
}

.awura-brandlogo-style-two .awura-brandlogo-row2 {
    gap: 2px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr
}

@media (max-width:991px) {
    .awura-brandlogo-style-two .awura-brandlogo-row2 {
        grid-template-columns: 1fr 1fr
    }
}

.awura-brandlogo-style-two .awura-brandlogo-box {
    border-radius: 0;
    background-color: var(--white-color)
}

.awura-brandlogo-style-two .awura-brandlogo-box span {
    font-weight: 500;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: -.05em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--primary-color)
}

@media (max-width:1199px) {
    .awura-brandlogo-style-two .awura-brandlogo-box span {
        font-size: 20px;
        line-height: 26px
    }
}

.awura-brandlogo-section2 {
    padding: 100px 0;
    overflow: hidden
}

@media (max-width:767px) {
    .awura-brandlogo-section2 {
        padding: 80px 0
    }
}

.awura-brandlogo-title2 {
    max-width: 710px;
    margin: 0 auto;
    margin-bottom: 60px;
    text-align: center
}

.awura-brandlogo-title2 span {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    font-family: Inter, sans-serif;
    letter-spacing: .01em
}

.awura-brandlogo-section3 {
    padding: 50px 0 0
}

.awura-brandlogo-title3 {
    text-align: center;
    margin-bottom: 50px
}

.awura-brandlogo-title3 p {
    font-size: 16px;
    margin: 0;
    color: var(--dark-color-4);
    font-family: Geist, sans-serif
}

.awura-brandlogo-wrapper3 {
    background-size: cover;
    background-position: center
}

.awura-brandlogo-three {
    background-color: rgba(30, 30, 30, .15);
    border: 1px solid rgba(30, 30, 30, .15)
}

.awura-brandlogo-three .awura-brandlogo-column {
    gap: 1px
}

.awura-brandlogo-three .awura-brandlogo-box {
    border-radius: 0;
    transition: all .4s;
    background-color: var(--white-color)
}

.awura-brandlogo-three .awura-brandlogo-box:hover {
    background-color: var(--dark-color-4)
}

.about-page .awura-brandlogo-box {
    background-color: rgba(0, 0, 0, .05)
}

.about-page .awura-brandlogo-title {
    margin: 0 auto;
    text-align: center
}

.awura-about-content-box {
    padding: 40px;
    border-radius: 20px;
    background-color: var(--accent-color)
}

@media (max-width:1399px) {
    .awura-about-content-box {
        padding: 30px
    }
}

.awura-about-content-box h3 {
    margin-bottom: 30px;
    color: var(--white-color)
}

.awura-iconbox-wrap {
    gap: 30px;
    display: flex;
    position: relative;
    flex-direction: column
}

.awura-iconbox-wrap::before {
    content: "";
    left: 50%;
    top: 0;
    width: 2px;
    height: 100%;
    position: absolute;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .awura-iconbox-wrap {
        margin-top: 40px
    }
}

.awura-iconbox-box {
    padding: 28px;
    border-radius: 10px;
    position: relative;
    background-color: var(--white-color)
}

.awura-iconbox-box::before {
    content: "";
    left: 50%;
    bottom: -21px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    position: absolute;
    transform: translateX(-50%);
    background-color: var(--accent-color)
}

.awura-iconbox-box:last-child::before {
    content: none
}

.awura-iconbox-icon {
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 30px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    background-color: var(--pampas-color)
}

.awura-iconbox-data h3 {
    margin-bottom: 15px
}

.awura-iconbox-data p {
    margin: 0
}

.iconbox-sticky {
    top: 85px;
    position: sticky
}

.awura-iconbox-wrapper {
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid rgba(38, 41, 46, .1);
    background-color: rgba(38, 41, 46, .1)
}

.awura-iconbox-column2 {
    gap: 1px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

@media (max-width:991px) {
    .awura-iconbox-column2 {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .awura-iconbox-column2 {
        grid-template-columns: 1fr
    }
}

.awura-iconbox-box2 {
    padding: 40px;
    background-color: var(--white-color)
}

@media (max-width:1399px) {
    .awura-iconbox-box2 {
        padding: 30px
    }
}

.awura-iconbox-icon2 {
    margin-bottom: 30px
}

.awura-iconbox-data2 h3 {
    font-size: 32px;
    line-height: 1.18em;
    margin-bottom: 15px;
    letter-spacing: -.015em;
    font-family: "Pixelify Sans", sans-serif
}

.awura-iconbox-data2 p {
    font-family: Roboto, sans-serif
}

.awura-text-button {
    color: var(--dark-color-2);
    font-family: Roboto, sans-serif
}

.awura-text-button:hover {
    color: var(--blue-color)
}

.awura-iconbox-box3 {
    padding: 30px;
    border-radius: 10px;
    transition: all .4s;
    position: relative;
    margin-bottom: 24px
}

.awura-iconbox-box3:hover {
    background-color: rgba(255, 255, 255, .05)
}

@media (max-width:1199px) {
    .awura-iconbox-box3 {
        background-color: rgba(255, 255, 255, .05)
    }
}

.awura-iconbox-line {
    height: 260px;
    width: 1px;
    right: -12px;
    position: absolute;
    background-color: rgba(255, 255, 255, .1);
    top: 50%;
    transform: translateY(-50%)
}

.awura-iconbox-icon3 {
    margin-bottom: 30px
}

.awura-iconbox-data3 span {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: 600;
    display: block;
    color: var(--white-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.awura-iconbox-data3 p {
    margin: 0;
    color: var(--white-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

.awura-iconbox-row {
    gap: 24px;
    display: flex;
    margin-bottom: 24px;
    flex-direction: column
}

@media (max-width:1199px) {
    .awura-iconbox-row.responsive-two-column {
        gap: 24px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:1199px) {
    .awura-iconbox-row.responsive-two-column {
        grid-template-columns: 1fr
    }
}

.awura-iconbox-box4 {
    padding: 28px;
    border-radius: 10px;
    transition: all .4s;
    position: relative;
    background-color: var(--white-color)
}

.awura-iconbox-box4 ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px;
    column-gap: 30px
}

.awura-iconbox-box4 ul li {
    display: inline-block;
    position: relative;
    font-size: 19px;
    font-weight: 600;
    padding-left: 24px;
    line-height: 30px;
    letter-spacing: -.01em;
    color: var(--dark-color-3);
    font-family: "Noto Serif", serif
}

.awura-iconbox-box4 ul li::before {
    left: 0;
    top: 8px;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--dark-color-3)
}

.awura-iconbox-box4 ul li:nth-child(1)::before {
    background-color: var(--mauve-color)
}

.awura-iconbox-box4 ul li:nth-child(2)::before {
    background-color: var(--hit-pink-color)
}

.awura-iconbox-box4 ul li:nth-child(3)::before {
    background-color: var(--sundown-color)
}

.awura-iconbox-icon4 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 30px;
    justify-content: center
}

.awura-iconbox-icon4.bg-01 {
    background-color: var(--mauve-color)
}

.awura-iconbox-icon4.bg-02 {
    background-color: var(--sundown-color)
}

.awura-iconbox-icon4.bg-03 {
    background-color: var(--hit-pink-color)
}

.awura-iconbox-icon4.bg-04 {
    background-color: var(--jonquil-color)
}

.awura-iconbox-data4 span {
    display: block;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: var(--dark-color-3);
    font-family: "Noto Serif", serif
}

.awura-iconbox-data4 p {
    margin: 0;
    color: var(--dark-color-3);
    font-family: Inter, sans-serif
}

.awura-iconbox-wrap5 {
    gap: 24px;
    display: flex;
    position: relative;
    flex-direction: column
}

.awura-iconbox-box5 {
    padding: 30px;
    border-radius: 20px;
    transition: all .4s;
    background-color: var(--dark-color-4)
}

@media (max-width:991px) {
    .awura-iconbox-box5 {
        margin-top: 30px
    }
}

.awura-iconbox-box5:hover {
    background-color: var(--orange-color)
}

.awura-iconbox-icon5 {
    margin-bottom: 24px
}

.awura-iconbox-data5 span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.awura-iconbox-data5 p {
    margin: 0;
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

.awura-full-width-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(30, 30, 30, .1)
}

.awura-iconbox-box6 {
    padding: 24px;
    border-radius: 20px;
    transition: all .4s;
    margin-bottom: 24px;
    background-color: var(--wood-color)
}

.awura-iconbox-thumb {
    overflow: hidden;
    border-radius: 20px;
    margin-top: 24px
}

.awura-iconbox-icon6 {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    margin-bottom: 24px;
    border-radius: 100px;
    justify-content: center
}

.awura-iconbox-icon6.icon-bg1 {
    background-color: #f5b2aa
}

.awura-iconbox-icon6.icon-bg2 {
    background-color: #b2f3b6
}

.awura-iconbox-icon6.icon-bg3 {
    background-color: #f5d6a7
}

.awura-iconbox-data6 h5,
.awura-iconbox-data6 span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--dark-color-5);
    font-family: "Funnel Display", sans-serif
}

.awura-iconbox-data6 p {
    margin: 0;
    color: var(--dark-color-5);
    font-family: "Funnel Display", sans-serif
}

.awura-full-width-divider {
    width: 100%;
    height: 1px;
    background-color: rgba(30, 30, 30, .1)
}

.awura-feature-box {
    margin-bottom: 24px
}

.awura-iconbox-row7 {
    gap: 24px;
    display: flex;
    flex-direction: column
}

.awura-iconbox-box7 {
    gap: 24px;
    display: flex
}

@media (max-width:575px) {
    .awura-iconbox-box7 {
        flex-direction: column
    }
}

.awura-iconbox-icon7 {
    width: 60px;
    height: 60px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    background-color: var(--green-color)
}

.awura-iconbox-data7 h5,
.awura-iconbox-data7 span {
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    letter-spacing: -.01em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

.awura-iconbox-data7 p {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.awura-iconbox-box8 {
    padding: 30px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .05)
}

.awura-iconbox-icon8 {
    margin-bottom: 30px
}

.awura-iconbox-data8 h5,
.awura-iconbox-data8 span {
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    letter-spacing: -.01em;
    font-family: Geist, sans-serif;
    color: var(--white-color)
}

.awura-iconbox-data8 p {
    margin: 0;
    font-family: Inter, sans-serif;
    color: var(--white-color)
}

.awura-dashboard-v8 {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 40%
}

.awura-step-box {
    padding: 30px 30px 0;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: var(--white-color)
}

.awura-step-box h5,
.awura-step-box span {
    display: block;
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    letter-spacing: -.01em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

.awura-step-box p {
    margin: 0 0 24px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.awura-iconbox-box9 {
    padding: 28px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .1)
}

.awura-iconbox-icon9 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin-bottom: 30px;
    justify-content: center;
    background-color: var(--primary-color)
}

.awura-iconbox-data9 h3 {
    margin-bottom: 15px;
    color: var(--white-color)
}

.awura-iconbox-data9 p {
    margin: 0;
    font-size: 20px;
    color: var(--white-color)
}

.iconbox-style-ten .awura-iconbox-box9 {
    padding: 0;
    background-color: transparent
}

.awura-iconbox-box10 {
    padding: 30px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: var(--white-color)
}

.awura-iconbox-icon10 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin-bottom: 30px;
    justify-content: center;
    background-color: var(--accent-color)
}

.awura-iconbox-data10 h3 {
    margin-bottom: 15px
}

.awura-iconbox-data10 p {
    margin: 0;
    font-size: 20px
}

.awura-core-value-item {
    height: 92px;
    padding: 24px 0;
    overflow: hidden;
    transition: all .4s;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-core-value-item {
        height: 100%
    }
}

.awura-core-value-item:hover {
    height: 174px
}

.awura-core-value-item:hover .awura-core-value-body {
    opacity: 1
}

.awura-core-value-header {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media (max-width:767px) {
    .awura-core-value-header {
        display: block
    }
}

.awura-core-value-header h3 {
    color: var(--white-color)
}

@media (max-width:767px) {
    .awura-core-value-header h3 {
        margin-bottom: 15px
    }
}

.awura-core-value-body {
    opacity: 0;
    display: flex;
    align-items: center;
    margin-top: 15px;
    transition: all .4s;
    justify-content: space-between
}

@media (max-width:991px) {
    .awura-core-value-body {
        gap: 40px;
        opacity: 1
    }
}

@media (max-width:767px) {
    .awura-core-value-body {
        display: block
    }
}

.awura-core-value-body p {
    margin: 0;
    max-width: 700px;
    color: var(--white-color)
}

@media (max-width:767px) {
    .awura-core-value-body p {
        margin-bottom: 24px
    }
}

.awura-iconbox-box11 {
    padding: 30px;
    margin-bottom: 24px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .05)
}

.awura-iconbox-icon11 {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin-bottom: 30px;
    justify-content: center;
    background-color: var(--white-color)
}

.awura-iconbox-data11 h3 {
    margin-bottom: 15px
}

.awura-iconbox-data11 p {
    font-size: 20px;
    margin: 0
}

.awura-iconbox-box12 {
    padding: 27px;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: rgba(0, 0, 0, .1)
}

.awura-iconbox-icon12 {
    margin-bottom: 30px
}

.awura-iconbox-data12 h3 {
    margin-bottom: 15px
}

.awura-iconbox-data12 p {
    font-size: 20px
}

.awura-iconbox-box13 {
    padding: 30px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .05)
}

.awura-iconbox-box13 ul {
    column-gap: 30px;
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap
}

.awura-iconbox-box13 ul li {
    padding-left: 20px;
    position: relative;
    display: inline-block
}

.awura-iconbox-box13 ul li::before {
    content: "";
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--accent-color)
}

.awura-iconbox-icon13 {
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 30px;
    border-radius: 12px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color)
}

.awura-iconbox-data13 h3 {
    margin-bottom: 15px
}

.awura-iconbox-data13 p {
    margin: 0;
    font-size: 20px
}

.awura-rolling-counter-column {
    gap: 100px;
    display: flex;
    max-width: 500px;
    position: relative;
    justify-content: space-between
}

@media (max-width:479px) {
    .awura-rolling-counter-column {
        gap: 24px
    }
}

.awura-rolling-counter-item {
    position: relative
}

.awura-rolling-counter-item:before {
    content: "";
    right: -45px;
    top: 30px;
    width: 1px;
    height: 100px;
    position: absolute;
    background-color: rgba(255, 255, 255, .1)
}

.awura-rolling-counter-item:last-child::before {
    content: none
}

.awura-rolling-counter-value {
    margin-bottom: 20px
}

.awura-rolling-counter-value span {
    font-size: 65px;
    font-weight: 500;
    color: var(--accent-color)
}

@media (max-width:479px) {
    .awura-rolling-counter-value span {
        font-size: 48px
    }
}

.rolling-counter {
    display: inline-flex;
    overflow: hidden;
    font-size: 65px;
    line-height: 70px;
    height: 60px;
    font-weight: 500;
    letter-spacing: -.02em;
    color: var(--accent-color)
}

@media (max-width:479px) {
    .rolling-counter {
        font-size: 48px
    }
}

.rolling-counter .digit {
    display: flex;
    width: 34px;
    flex-direction: column;
    transition: transform 1s ease-out
}

@media (max-width:479px) {
    .rolling-counter .digit {
        width: 28px
    }
}

.rolling-counter .digit span {
    height: 60px;
    display: block;
    transition: transform .7s ease-in-out
}

.awura-rolling-counter-column2 {
    row-gap: 50px;
    column-gap: 30px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:991px) {
    .awura-rolling-counter-column2 {
        margin-bottom: 60px;
        display: flex;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-column2 {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.awura-rolling-counter-item2 .rolling-counter {
    font-size: 85px;
    height: 86px;
    line-height: 1.17em;
    color: var(--yellow-color);
    font-family: Anton, sans-serif
}

@media (max-width:1199px) {
    .awura-rolling-counter-item2 .rolling-counter {
        font-size: 70px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item2 .rolling-counter {
        font-size: 60px;
        height: 70px
    }
}

.awura-rolling-counter-item2 .rolling-counter .digit {
    width: 42px
}

@media (max-width:1199px) {
    .awura-rolling-counter-item2 .rolling-counter .digit {
        width: 35px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item2 .rolling-counter .digit {
        width: 30px
    }
}

.awura-rolling-counter-item2 .rolling-counter .digit span {
    height: 87px
}

.awura-rolling-counter-item2 span {
    font-size: 85px;
    height: 95px;
    line-height: 1.17em;
    color: var(--yellow-color);
    font-family: Anton, sans-serif
}

@media (max-width:1199px) {
    .awura-rolling-counter-item2 span {
        font-size: 70px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item2 span {
        font-size: 60px
    }
}

.awura-rolling-counter-item2 p {
    margin: 0;
    font-size: 20px;
    color: var(--white-color);
    font-family: Anton, sans-serif
}

.awura-rolling-counter-value2 {
    margin-bottom: 10px
}

.awura-rolling-counter-column3 {
    row-gap: 50px;
    column-gap: 30px;
    display: flex;
    justify-content: space-between
}

@media (max-width:991px) {
    .awura-rolling-counter-column3 {
        margin-bottom: 60px;
        display: flex;
        justify-content: space-between
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-column3 {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.awura-rolling-counter-item3 .rolling-counter {
    font-size: 85px;
    height: 86px;
    line-height: 1.17em;
    color: var(--perfume-color);
    font-family: "Pixelify Sans", sans-serif
}

@media (max-width:1199px) {
    .awura-rolling-counter-item3 .rolling-counter {
        font-size: 70px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item3 .rolling-counter {
        font-size: 60px;
        height: 70px
    }
}

.awura-rolling-counter-item3 .rolling-counter .digit {
    width: 50px
}

@media (max-width:1199px) {
    .awura-rolling-counter-item3 .rolling-counter .digit {
        width: 40px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item3 .rolling-counter .digit {
        width: 30px
    }
}

.awura-rolling-counter-item3 .rolling-counter .digit span {
    height: 87px
}

.awura-rolling-counter-item3 span {
    font-size: 85px;
    height: 95px;
    line-height: 1.17em;
    color: var(--perfume-color);
    font-family: "Pixelify Sans", sans-serif
}

@media (max-width:1199px) {
    .awura-rolling-counter-item3 span {
        font-size: 70px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item3 span {
        font-size: 60px
    }
}

.awura-rolling-counter-item3 p {
    margin: 0;
    font-size: 20px;
    color: var(--white-color);
    font-family: Roboto, sans-serif
}

.awura-rolling-counter-value3 {
    margin-bottom: 5px
}

.awura-counter-section4 {
    padding: 80px 0;
    background-color: #b9b5ed
}

.awura-rolling-counter-wrap4 {
    gap: 15px;
    display: flex
}

@media (max-width:1199px) {
    .awura-rolling-counter-wrap4 {
        gap: 30px;
        flex-direction: column
    }
}

.awura-rolling-counter-column4 {
    row-gap: 50px;
    column-gap: 30px;
    display: flex;
    justify-content: space-between
}

@media (max-width:991px) {
    .awura-rolling-counter-column4 {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-column4 {
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

.awura-rolling-counter-item4 {
    margin-top: -15px
}

.awura-rolling-counter-item4 .rolling-counter {
    font-weight: 600;
    font-size: 75px;
    height: 70px;
    line-height: 1.06em;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:1199px) {
    .awura-rolling-counter-item4 .rolling-counter {
        font-size: 60px
    }
}

.awura-rolling-counter-item4 .rolling-counter .digit {
    width: 42px
}

@media (max-width:1199px) {
    .awura-rolling-counter-item4 .rolling-counter .digit {
        width: 40px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item4 .rolling-counter .digit {
        width: 32px
    }
}

.awura-rolling-counter-item4 .rolling-counter .digit span {
    height: 72px
}

.awura-rolling-counter-item4 span {
    font-weight: 600;
    font-size: 75px;
    line-height: 1.06em;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

@media (max-width:1199px) {
    .awura-rolling-counter-item4 span {
        font-size: 60px
    }
}

.awura-rolling-counter-item4 p {
    margin: 0;
    font-size: 20px;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

.awura-rolling-counter-value4 {
    margin-bottom: 10px
}

.awura-rolling-counter-item5 {
    padding: 24px;
    margin-bottom: 24px;
    text-align: center;
    background: linear-gradient(180deg, #fff 0, #44b1ff 100%)
}

.awura-rolling-counter-item5 .rolling-counter {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.13em;
    height: 55px;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {
    .awura-rolling-counter-item5 .rolling-counter {
        font-size: 48px
    }
}

.awura-rolling-counter-item5 .rolling-counter .digit {
    width: 42px
}

@media (max-width:1199px) {
    .awura-rolling-counter-item5 .rolling-counter .digit {
        width: 32px
    }
}

@media (max-width:767px) {
    .awura-rolling-counter-item5 .rolling-counter .digit {
        width: 32px
    }
}

.awura-rolling-counter-item5 .rolling-counter .digit span {
    height: 55px
}

.awura-rolling-counter-item5 span {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.13em;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {
    .awura-rolling-counter-item5 span {
        font-size: 48px
    }
}

.awura-rolling-counter-item5 p {
    margin: 0;
    font-weight: 500;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-rolling-counter-value5 {
    margin-bottom: 15px
}

.awura-counter-about .awura-rolling-counter-column {
    max-width: 100%
}

@media (max-width:1399px) {
    .awura-counter-about .awura-rolling-counter-column {
        gap: 90px
    }
}

@media (max-width:1199px) {
    .awura-counter-about .awura-rolling-counter-column {
        gap: 30px
    }
}

@media (max-width:991px) {
    .awura-counter-about .awura-rolling-counter-column {
        column-gap: 90px;
        row-gap: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:479px) {
    .awura-counter-about .awura-rolling-counter-column {
        grid-template-columns: 1fr
    }
}

.awura-counter-about .awura-rolling-counter-item:before {
    background-color: rgba(0, 0, 0, .1)
}

@media (max-width:1199px) {
    .awura-counter-about .awura-rolling-counter-item:before {
        right: -15px
    }
}

@media (max-width:767px) {
    .awura-counter-about .awura-rolling-counter-item:before {
        right: -30px
    }
}

@media (max-width:991px) {
    .awura-counter-about .awura-rolling-counter-item:before:nth-child(2)::before {
        content: none
    }
}

.awura-counter-about .rolling-counter .digit {
    width: 40px
}

@media (max-width:479px) {
    .awura-counter-about .rolling-counter .digit {
        width: 30px
    }
}

@media (max-width:991px) {
    .awura-counter-about .awura-rolling-counter-item:nth-child(2)::before {
        content: none !important
    }
}

.awura-portfolio-column {
    display: grid;
    column-gap: 24px;
    row-gap: 60px;
    grid-template-columns: 1fr 1fr
}

@media (max-width:991px) {
    .awura-portfolio-column {
        grid-template-columns: 1fr;
        row-gap: 40px
    }
}

.awura-portfolio-wrap {
    border-radius: 20px;
    transition: all .4s;
    height: 590px
}

@media (max-width:1399px) {
    .awura-portfolio-wrap {
        height: 520px
    }
}

@media (max-width:1199px) {
    .awura-portfolio-wrap {
        height: 455px
    }
}

@media (max-width:991px) {
    .awura-portfolio-wrap {
        height: 100%
    }
}

.awura-portfolio-wrap:hover {
    padding: 40px;
    background-color: var(--primary-color)
}

@media (max-width:767px) {
    .awura-portfolio-wrap:hover {
        padding: 24px
    }
}

.awura-portfolio-wrap:hover .awura-portfolio-data p {
    color: var(--white-color)
}

.awura-portfolio-thumb {
    border-radius: 20px;
    overflow: hidden
}

.awura-portfolio-data {
    display: flex;
    margin-top: 24px;
    justify-content: space-between
}

@media (max-width:479px) {
    .awura-portfolio-data {
        gap: 10px;
        flex-direction: column
    }
}

.awura-portfolio-data p {
    margin: 0;
    font-size: 20px;
    font-weight: 500;
    transition: all .4s;
    color: var(--primary-color)
}

.awura-portfolio-wrap2 {
    margin-bottom: 24px;
    position: sticky;
    display: block;
    top: 120px;
    transition: all .4s ease-in-out
}

.awura-portfolio-wrap2.active {
    transform: scale(.95)
}

.awura-portfolio-wrap2:hover .awura-portfolio-thumb2 img {
    transform: scale(1.1)
}

.awura-portfolio-thumb2 {
    border-radius: 20px;
    overflow: hidden
}

@media (max-width:991px) {
    .awura-portfolio-thumb2 {
        border-radius: 10px 10px 0 0
    }
}

.awura-portfolio-thumb2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .4s
}

@media (max-width:479px) {
    .awura-portfolio-thumb2 img {
        height: 220px
    }
}

.awura-portfolio-data2 {
    bottom: 30px;
    left: 30px;
    width: 636px;
    padding: 30px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--white-color)
}

@media (max-width:991px) {
    .awura-portfolio-data2 {
        position: static;
        width: 100%;
        border-radius: 0 0 10px 10px
    }
}

@media (max-width:479px) {
    .awura-portfolio-data2 {
        padding: 24px
    }
}

.awura-portfolio-data2 h3 {
    margin-bottom: 20px;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

.awura-portfolio-data2 ul {
    display: flex;
    gap: 24px;
    line-height: 1;
    flex-wrap: wrap
}

.awura-portfolio-data2 ul li {
    font-weight: 700;
    color: var(--dark-color-1);
    position: relative;
    padding-left: 20px;
    transition: all .4s;
    font-family: Inter, sans-serif
}

.awura-portfolio-data2 ul li:before {
    content: "";
    left: 0;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--dark-color-1)
}

.awura-portfolio-row {
    gap: 50px;
    display: flex;
    flex-direction: column
}

@media (max-width:767px) {
    .awura-portfolio-row {
        margin-top: 30px
    }
}

.awura-portfolio-row.right-side {
    margin-top: 70px
}

@media (max-width:991px) {
    .awura-portfolio-row.right-side {
        margin-top: 50px
    }
}

@media (max-width:767px) {
    .awura-portfolio-row.right-side {
        margin-top: 30px
    }
}

.awura-portfolio-wrap3:hover .awura-portfolio-thumb3 img {
    transform: scale(1.07)
}

.awura-portfolio-wrap3:hover .awura-portfolio-thumb3 .awura-portfolio-icon {
    transform: translate(-50%, -50%) scale(1)
}

.awura-portfolio-thumb3 {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: all .4s
}

.awura-portfolio-thumb3 img {
    transition: all .4s
}

.awura-portfolio-icon {
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    position: absolute;
    justify-content: center;
    transition: all .4s;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--dark-color-4)
}

.awura-portfolio-icon img {
    transition: all .4s
}

.awura-portfolio-icon:hover {
    background-color: var(--orange-color)
}

.awura-portfolio-data3 {
    gap: 24px;
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between
}

.awura-portfolio-data3 span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -.01em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4);
    transition: all .4s
}

.awura-portfolio-data3 span:hover {
    color: var(--orange-color)
}

.awura-portfolio-tags ul {
    display: flex;
    gap: 12px
}

.awura-portfolio-tags ul li {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    padding: 11px 24px;
    border-radius: 50px;
    transition: all .4s;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4);
    background-color: rgba(30, 30, 30, .05)
}

.awura-portfolio-tags ul li:hover {
    background-color: var(--orange-color)
}

.awura-portfolio-footer {
    margin-top: 80px;
    text-align: center
}

@media (max-width:991px) {
    .awura-portfolio-footer {
        margin-top: 60px
    }
}

.awura-portfolio-wrap4 {
    margin-bottom: 24px
}

.awura-portfolio-wrap4:hover .awura-portfolio-data4 {
    opacity: 1;
    top: 50%
}

.awura-portfolio-thumb4 {
    position: relative
}

@media (max-width:479px) {
    .awura-portfolio-thumb4 img {
        height: 250px;
        object-fit: cover
    }
}

.awura-portfolio-data4 {
    left: 50%;
    top: 60%;
    opacity: 0;
    padding: 24px;
    max-width: 600px;
    text-align: center;
    position: absolute;
    transition: all .6s;
    transform: translate(-50%, -50%);
    background-color: var(--white-color)
}

@media (max-width:991px) {
    .awura-portfolio-data4 {
        transform: inherit;
        position: static;
        width: 100%;
        opacity: 1;
        text-align: left
    }
}

.awura-portfolio-data4 h4,
.awura-portfolio-data4 span {
    display: block;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 15px;
    line-height: 36px;
    letter-spacing: -.01em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:479px) {

    .awura-portfolio-data4 h4,
    .awura-portfolio-data4 span {
        font-size: 24px
    }
}

.awura-portfolio-data4 p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-portfolio-shape {
    height: 50px;
    width: 100%
}

@media (max-width:767px) {
    .awura-portfolio-shape {
        height: 30px
    }
}

.awura-portfolio-shape img {
    width: 100%;
    height: 100%
}

.awura-portfolio-tags.awura-portfolio-tags2 ul li {
    font-family: Outfit, sans-serif
}

.awura-portfolio-tags.awura-portfolio-tags2 ul li:hover {
    color: var(--white-color);
    background-color: var(--accent-color)
}

.awura-portfolio-icon.accent-color:hover {
    background-color: var(--accent-color)
}

.awura-portfolio-slider {
    display: flex;
    gap: 24px
}

.awura-portfolio-slider .awura-portfolio-wrap3 {
    width: 600px;
    flex-shrink: 0
}

.awura-portfolio-data2.default-font span {
    margin-bottom: 20px;
    display: block;
    font-weight: 500;
    font-size: 32px;
    color: var(--primary-color);
    font-family: Outfit, sans-serif
}

@media (max-width:767px) {
    .awura-portfolio-data2.default-font span {
        font-size: 28px
    }
}

.awura-portfolio-data2.default-font ul li {
    font-weight: 500;
    color: var(--primary-color);
    font-family: Outfit, sans-serif
}

.awura-portfolio-details-thumb {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 50px
}

.awura-portfolio-details-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-portfolio-details-content .awura-list-icon4 {
    margin-bottom: 30px
}

.awura-portfolio-details-content p {
    font-size: 20px
}

.awura-portfolio-details-content-item {
    margin-bottom: 80px
}

.awura-portfolio-details-content-item:last-child {
    margin-bottom: 0
}

@media (max-width:991px) {
    .awura-portfolio-details-content-item {
        margin-bottom: 50px
    }
}

@media (max-width:991px) {
    .awura-portfolio-details-content-left {
        margin-bottom: 24px
    }
}

.awura-portfolio-details-content-right .awura-list-icon4 ul {
    margin-bottom: 24px
}

.awura-portfolio-testimonial {
    padding: 24px;
    border-radius: 10px;
    background-color: rgba(0, 0, 0, .05);
    margin-bottom: 30px
}

.awura-portfolio-testimonial p {
    margin: 0;
    font-size: 18px
}

.awura-portfolio-testimonial-author {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    align-items: center
}

.awura-portfolio-testimonial-author img {
    border-radius: 10px
}

.mb24 {
    margin-bottom: 23px
}

.awura-portfolio-next-prev-block {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap
}

.awura-portfolio-next-prev {
    display: flex;
    font-size: 20px;
    font-weight: 500;
    gap: 10px;
    margin-bottom: 30px;
    color: var(--primary-color)
}

.awura-portfolio-next-prev:hover {
    color: var(--accent-color)
}

.awura-portfolio-next-prev.end {
    justify-content: flex-end
}

.awura-portfolio-information-block {
    gap: 15px;
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between
}

@media (max-width:991px) {
    .awura-portfolio-information-block {
        margin-bottom: 30px
    }
}

.awura-portfolio-information {
    display: flex;
    gap: 10px
}

.awura-portfolio-information span {
    font-weight: 500;
    font-size: 20px
}

.awura-portfolio-information p {
    font-size: 20px;
    margin: 0
}

.awura-testimonial-column {
    gap: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:991px) {
    .awura-testimonial-column {
        gap: 50px;
        grid-template-columns: 1fr
    }
}

.awura-testimonial-quote {
    margin-bottom: 30px
}

.awura-testimonial-box h3 {
    color: var(--white-color)
}

.awura-testimonial-author-wrap {
    margin-top: 30px;
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-testimonial-author-thumb {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    flex-shrink: 0
}

.awura-testimonial-author-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-testimonial-author-data span {
    font-weight: 500;
    display: block;
    color: var(--white-color)
}

.awura-testimonial-author-data p {
    margin: 0;
    color: var(--white-color)
}

.awura-testimonial-row {
    gap: 24px;
    display: flex;
    margin-bottom: 24px;
    flex-direction: column
}

@media (max-width:1199px) {
    .awura-testimonial-row.responsive-column {
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:991px) {
    .awura-testimonial-row.responsive-column {
        display: grid;
        gap: 24px;
        grid-template-columns: 1fr
    }
}

.awura-testimonial-box2 {
    padding: 30px;
    border-radius: 10px;
    background-color: var(--white-color)
}

.awura-testimonial-box2 p {
    font-weight: 700;
    color: var(--dark-color-1);
    font-family: Inter, sans-serif
}

.awura-testimonial-author-wrap2 {
    margin-top: 40px;
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-testimonial-author-thumb2 {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    flex-shrink: 0
}

.awura-testimonial-author-thumb2 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-testimonial-author-data2 span {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: var(--dark-color-1);
    font-family: Inter, sans-serif
}

.awura-testimonial-author-data2 p {
    margin: 0;
    font-size: 16px;
    color: var(--dark-color-1);
    font-family: Inter, sans-serif
}

.awura-testimonial-section {
    padding: 130px 0 270px
}

@media (max-width:991px) {
    .awura-testimonial-section {
        padding: 100px 0 240px
    }
}

@media (max-width:767px) {
    .awura-testimonial-section {
        padding: 80px 0 200px
    }
}

.awura-testimonial-box3 {
    padding: 30px;
    border-radius: 10px;
    line-height: 30px;
    background-color: var(--white-color)
}

.awura-testimonial-box3 ul {
    margin-bottom: 24px
}

.awura-testimonial-box3 ul li {
    display: inline-block
}

.awura-testimonial-box3 p {
    font-size: 20px;
    margin-bottom: 24px;
    font-family: Roboto, sans-serif
}

.awura-testimonial-box3 span {
    font-size: 16px;
    font-family: Roboto, sans-serif
}

.awura-testimonial-init .slick-slide {
    margin: 0 12px
}

.awura-testimonial-next,
.awura-testimonial-prev {
    width: 60px;
    height: 60px;
    display: flex;
    bottom: -140px;
    left: 17%;
    transition: all .4s;
    align-items: center;
    border-radius: 10px;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    background-color: var(--dark-color-2)
}

.awura-testimonial-next:hover,
.awura-testimonial-prev:hover {
    background-color: var(--blue-color)
}

.awura-testimonial-next i,
.awura-testimonial-prev i {
    font-size: 30px
}

@media (max-width:1500px) {

    .awura-testimonial-next,
    .awura-testimonial-prev {
        left: 24px
    }
}

@media (max-width:767px) {

    .awura-testimonial-next,
    .awura-testimonial-prev {
        bottom: -120px
    }
}

.awura-testimonial-prev {
    left: 21.3%
}

@media (max-width:1500px) {
    .awura-testimonial-prev {
        left: 100px
    }
}

.awura-testimonial-init2 {
    padding: 30px;
    border-radius: 10px;
    background-color: var(--white-color)
}

@media (max-width:991px) {
    .awura-testimonial-init2 {
        margin-top: 40px
    }
}

.awura-testimonial-box4 p {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 40px;
    letter-spacing: -.05em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:767px) {
    .awura-testimonial-box4 p {
        font-size: 20px
    }
}

.awura-testimonial-header {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    justify-content: space-between
}

@media (max-width:1199px) {
    .awura-testimonial-header {
        margin-bottom: 30px
    }
}

.awura-testimonial-header h2 {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -.015em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:767px) {
    .awura-testimonial-header h2 {
        font-size: 40px
    }
}

.awura-testimonial-author-wrap4 {
    gap: 15px;
    display: flex;
    align-items: center
}

.awura-testimonial-author-thumb4 {
    width: 64px;
    height: 64px;
    overflow: hidden;
    border-radius: 100px;
    border: 3px solid var(--bottle-green-color)
}

.awura-testimonial-author-thumb4 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-testimonial-author-data4 p,
.awura-testimonial-author-data4 span {
    font-size: 16px;
    font-weight: 400;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.awura-testimonial-author-data4 p {
    margin: 0;
    font-weight: 600
}

.testimonial-social.awura-social-icon ul li a {
    width: 45px;
    height: 45px;
    border-radius: 6.42px;
    background-color: rgba(3, 22, 11, .1);
    border: none
}

.testimonial-social.awura-social-icon ul li a i {
    font-size: 24px;
    color: var(--bottle-green-color)
}

.awura-testimonial-next2,
.awura-testimonial-prev2 {
    width: 35px;
    height: 35px;
    display: flex;
    bottom: 30px;
    right: 89px;
    z-index: 1;
    transition: all .4s;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    color: var(--white-color);
    position: absolute;
    background-color: var(--bottle-green-color)
}

.awura-testimonial-next2:hover,
.awura-testimonial-prev2:hover {
    background-color: #fef054;
    color: var(--bottle-green-color)
}

.awura-testimonial-next2 i,
.awura-testimonial-prev2 i {
    font-size: 30px
}

.awura-testimonial-prev2 {
    right: 30px
}

.awura-header-wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 50px;
    flex-direction: column;
    margin-bottom: 24px;
    align-items: center;
    justify-content: center
}

.awura-header-wrap p {
    font-size: 20px;
    font-weight: 600;
    font-family: Inter, sans-serif;
    color: var(--dark-color-3)
}

.awura-header-row {
    display: flex
}

.awura-header-item {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    border: 3px solid var(--bottle-green-color)
}

.awura-header-item img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-header-item:nth-child(2),
.awura-header-item:nth-child(3),
.awura-header-item:nth-child(4),
.awura-header-item:nth-child(5) {
    margin-left: -15px;
    position: relative;
    z-index: 9
}

.awura-testimonial-box5 {
    padding: 28px;
    border-radius: 10px;
    background-color: var(--white-color);
    margin-bottom: 24px
}

.awura-testimonial-box5 span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: -.01em;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

.awura-testimonial-box5 p {
    color: var(--dark-color-3);
    font-family: Inter, sans-serif
}

.awura-testimonial-quote5 {
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    border-radius: 10px;
    justify-content: center
}

.awura-testimonial-quote5.bg-one {
    background-color: var(--mauve-color)
}

.awura-testimonial-quote5.bg-two {
    background-color: var(--sundown-color)
}

.awura-testimonial-quote5.bg-three {
    background-color: var(--hit-pink-color)
}

.awura-testimonial-author-wrap5 {
    margin-top: 30px;
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-testimonial-author-thumb5 {
    width: 60px;
    height: 60px;
    border-radius: 100px;
    overflow: hidden;
    flex-shrink: 0
}

.awura-testimonial-author-thumb5 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-testimonial-author-data5 span {
    font-size: 16px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
    color: var(--dark-color-3);
    font-family: Inter, sans-serif
}

.awura-testimonial-author-data5 p {
    margin: 0;
    font-size: 16px;
    color: var(--dark-color-3);
    font-family: Inter, sans-serif
}

.awura-testimonial-box6 {
    padding: 24px;
    border-radius: 20px;
    background-color: var(--wood-color)
}

.awura-testimonial-box6 h5,
.awura-testimonial-box6 span {
    display: block;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

.awura-testimonial-box6 p {
    color: var(--dark-color-5);
    font-family: Inter, sans-serif
}

.awura-testimonial-author6 img {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    border-radius: 100px
}

.awura-testimonial-author6 p,
.awura-testimonial-author6 span {
    display: block;
    font-size: 16px;
    font-weight: 700;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-testimonial-author6 p {
    margin: 0;
    font-weight: 400
}

.awura-testimonial-init3 .slick-slide {
    margin: 0 12px
}

.awura-testimonial-next3,
.awura-testimonial-prev3 {
    width: 60px;
    height: 60px;
    display: flex;
    top: -140px;
    right: 17%;
    transition: all .4s;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    color: var(--dark-color-5);
    position: absolute;
    border: 1px solid var(--dark-color-5)
}

.awura-testimonial-next3:hover,
.awura-testimonial-prev3:hover {
    color: var(--white-color);
    background-color: var(--dark-color-5)
}

.awura-testimonial-next3 i,
.awura-testimonial-prev3 i {
    font-size: 30px
}

@media (max-width:1500px) {

    .awura-testimonial-next3,
    .awura-testimonial-prev3 {
        right: 24px
    }
}

@media (max-width:767px) {

    .awura-testimonial-next3,
    .awura-testimonial-prev3 {
        top: -120px
    }
}

.awura-testimonial-prev3 {
    right: 21.3%
}

@media (max-width:1500px) {
    .awura-testimonial-prev3 {
        right: 100px
    }
}

.awura-testimonial-grid7 {
    display: flex
}

.awura-testimonial-box7 {
    flex-shrink: 0;
    width: 416px;
    margin: 0 12px
}

.awura-testimonial-box7 ul {
    display: flex;
    gap: 5px;
    margin-bottom: 24px
}

.awura-testimonial-box7 ul li {
    display: inline-block
}

.awura-testimonial-box7 p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 24px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.awura-testimonial-author7 p {
    margin: 0;
    font-weight: 700;
    font-family: Inter, sans-serif;
    color: var(--dark-color-6)
}

.awura-testimonial-box8 {
    padding: 30px;
    border-radius: 3px;
    background-color: var(--white-color)
}

.awura-testimonial-box8 p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-testimonial-header8 {
    display: flex;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between
}

.awura-testimonial-header8 ul li {
    display: inline-block
}

.awura-testimonial-author8 {
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-testimonial-author8 img {
    width: 50px;
    height: 50px
}

.awura-testimonial-author8 p {
    margin: 0;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-testimonial-author8 p span {
    font-weight: 600
}

.awura-testimonial-init4 .slick-slide {
    margin: 0 12px
}

.awura-testimonial-init4 .slick-dots {
    display: flex;
    justify-content: center;
    margin: 0;
    margin-top: 80px;
    list-style-type: none
}

@media (max-width:991px) {
    .awura-testimonial-init4 .slick-dots {
        margin-top: 60px
    }
}

@media (max-width:767px) {
    .awura-testimonial-init4 .slick-dots {
        margin-top: 40px
    }
}

.awura-testimonial-init4 .slick-dots li {
    margin: 0 6px
}

.awura-testimonial-init4 .slick-dots button {
    display: block;
    width: 12px;
    height: 12px;
    padding: 0;
    border: none;
    transition: all .4s;
    background-color: rgba(30, 30, 30, .1);
    text-indent: -9999px
}

.awura-testimonial-init4 .slick-dots li.slick-active button {
    background-color: var(--dark-color-4)
}

.awura-team-wrap {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    transition: all .4s;
    margin-bottom: 24px
}

.awura-team-wrap:hover .awura-team-thumb img {
    transform: scale(1.02)
}

.awura-team-wrap:hover .awura-team-data-row {
    background-color: var(--primary-color)
}

.awura-team-wrap:hover .awura-team-data a,
.awura-team-wrap:hover .awura-team-data p {
    color: var(--white-color)
}

.awura-team-wrap:hover .awura-social-icon ul li a {
    color: var(--primary-color);
    background-color: var(--white-color)
}

.awura-team-thumb {
    display: block;
    overflow: hidden
}

.awura-team-thumb img {
    transition: all .5s;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-team-data-row {
    padding: 24px;
    display: flex;
    border-top: 0;
    align-items: flex-end;
    justify-content: space-between;
    border: 1px solid rgba(0, 0, 0, .1);
    transition: all .4s;
    border-radius: 0 0 20px 20px
}

.awura-team-data-row.dark-version {
    display: block;
    text-align: center;
    background-color: var(--primary-color)
}

.awura-team-data-row.dark-version .awura-team-data a,
.awura-team-data-row.dark-version .awura-team-data p {
    color: var(--white-color)
}

.awura-team-data a {
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5em;
    color: var(--primary-color);
    margin-bottom: 5px;
    transition: all .4s
}

.awura-team-data p {
    margin: 0;
    transition: all .4s
}

.awura-team-linkedin {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    color: var(--primary-color);
    border-radius: 100px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.awura-social-icon.team-social ul li a {
    cursor: pointer
}

.awura-social-icon.team-social ul li a:hover {
    background-color: var(--accent-color) !important
}

.awura-team-wrap2 {
    border-radius: 0;
    margin-bottom: 24px
}

.awura-team-wrap2:hover .awura-team-thumb2 img {
    transform: scale(1.02)
}

.awura-team-thumb2 {
    display: block;
    overflow: hidden;
    border-radius: 15px
}

.awura-team-thumb2 img {
    transition: all .5s
}

.awura-team-data2 {
    margin-top: 24px
}

.awura-team-data2 a,
.awura-team-data2 h4 {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 15px;
    transition: all .4s;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

.awura-team-data2 p {
    margin: 0;
    transition: all .4s;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

.team-grid-style {
    gap: 24px;
    display: flex;
    flex-direction: column
}

.team-grid-style .awura-team-wrap {
    gap: 24px;
    padding: 24px;
    border-radius: 20px;
    display: grid;
    margin-bottom: 0;
    transition: all .4s;
    align-items: center;
    grid-template-columns: 200px 1fr;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:575px) {
    .team-grid-style .awura-team-wrap {
        grid-template-columns: 1fr
    }
}

.team-grid-style .awura-team-wrap:hover {
    background-color: var(--primary-color)
}

.team-grid-style .awura-team-wrap:hover .awura-tem-content p {
    color: var(--white-color)
}

.team-grid-style .awura-team-thumb {
    border-radius: 10px
}

.team-grid-style .awura-team-data-row {
    border-radius: 0;
    border: none;
    padding: 0;
    margin-bottom: 24px
}

.team-grid-style .awura-team-data-row:hover {
    background-color: transparent !important
}

.team-grid-style .awura-tem-content p {
    margin: 0;
    transition: all .4s
}

.awura-team-details-content-block {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(0, 0, 0, .1019607843)
}

.awura-team-details-content-block:last-child {
    border: none
}

.awura-team-details-content-block h3 {
    margin-bottom: 15px
}

.awura-team-details-content-block p {
    font-size: 20px;
    margin: 0
}

@media (max-width:991px) {
    .awura-team-details-content {
        margin-top: 40px
    }
}

.awura-team-details-thumb {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px
}

.awura-team-details-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-team-details-info-block {
    gap: 30px;
    display: grid;
    grid-template-columns: 300px 1fr;
    border-bottom: 1px solid rgba(0, 0, 0, .1019607843);
    padding-bottom: 50px;
    margin-bottom: 50px
}

@media (max-width:1399px) {
    .awura-team-details-info-block {
        grid-template-columns: 230px 1fr
    }
}

@media (max-width:1199px) {
    .awura-team-details-info-block {
        grid-template-columns: 1fr;
        padding-bottom: 30px;
        margin-bottom: 30px
    }
}

@media (max-width:991px) {
    .awura-team-details-info-block {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:575px) {
    .awura-team-details-info-block {
        grid-template-columns: 1fr
    }
}

.awura-team-details-info-block span {
    display: block;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px
}

.awura-team-details-info-block a {
    font-size: 20px;
    color: var(--primary-color)
}

.awura-team-progress-box {
    gap: 30px;
    display: flex;
    flex-direction: column
}

.awura-team-label-row {
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between
}

.awura-team-label-row span {
    font-weight: 500
}

.awura-team-progress-bar {
    width: 100%;
    height: 8px;
    background: rgba(0, 0, 0, .05);
    border-radius: 12px;
    overflow: hidden
}

.awura-team-progress-fill {
    height: 100%;
    width: 0;
    background: var(--accent-color);
    border-radius: 12px;
    transition: width 1.5s ease
}

.awura-service-row {
    position: relative;
    height: 112px;
    padding: 30px 0;
    transition: all .4s ease;
    border-bottom: 1px solid var(--dark-color-1)
}

@media (max-width:991px) {
    .awura-service-row {
        height: 100% !important
    }
}

.awura-service-row:hover .awura-service-thumb {
    transform: scale(1);
    opacity: 1
}

.awura-service-row:hover {
    height: 190px
}

.awura-service-row:hover .awura-btn-style-two.btn-outline.dark-outline {
    background-color: var(--yellow-color);
    border: 1px solid var(--yellow-color)
}

.awura-service-row:hover .awura-service-body p {
    opacity: 1
}

.awura-service-thumb {
    position: absolute;
    top: 0;
    right: 300px;
    opacity: 0;
    transition: all .4s ease;
    transform: scale(.5)
}

@media (max-width:1199px) {
    .awura-service-thumb {
        right: 170px
    }
}

@media (max-width:991px) {
    .awura-service-thumb {
        transform: scale(1);
        position: static;
        margin-bottom: 24px;
        opacity: 1
    }
}

.awura-service-thumb img {
    width: 250px !important;
    border-radius: 20px
}

@media (max-width:991px) {
    .awura-service-thumb img {
        width: 100% !important;
        border-radius: 10px
    }
}

.awura-service-item {
    overflow: hidden
}

.awura-service-header {
    display: flex;
    margin-bottom: 15px;
    align-items: center;
    justify-content: space-between
}

.awura-service-header h3 {
    font-size: 42px;
    line-height: 1.23em;
    font-family: Anton, sans-serif;
    color: var(--dark-color-1)
}

@media (max-width:991px) {
    .awura-service-header h3 {
        font-size: 36px
    }
}

@media (max-width:767px) {
    .awura-service-header h3 {
        font-size: 30px
    }
}

.awura-service-body {
    max-width: 460px
}

@media (max-width:767px) {
    .awura-service-body {
        margin-bottom: 24px
    }
}

.awura-service-body p {
    opacity: 0;
    transition: all .4s;
    margin-bottom: 50px;
    font-family: Inter, sans-serif
}

@media (max-width:991px) {
    .awura-service-body p {
        margin-bottom: 30px;
        opacity: 1
    }
}

.awura-service-list ul {
    column-gap: 24px;
    row-gap: 15px;
    display: flex;
    flex-wrap: wrap
}

.awura-service-list ul li {
    font-weight: 700;
    font-family: Inter, sans-serif;
    padding-left: 20px;
    position: relative;
    color: var(--dark-color-1)
}

.awura-service-list ul li::before {
    content: "";
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 100px;
    background-color: var(--dark-color-1)
}

.awura-service-wrapper {
    gap: 50px;
    display: flex;
    flex-direction: column
}

.service-style-two .awura-service-header {
    gap: 15px;
    flex-wrap: wrap
}

.service-style-two .awura-service-header h3 {
    font-size: 32px;
    font-weight: 500;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

.service-style-two .awura-service-body p {
    font-size: 20px;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

.awura-service-details-wrap {
    max-width: 1076px;
    margin: 0 auto
}

.awura-service-details-thumb {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 30px
}

.awura-service-details-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-service-details-content h3 {
    margin-bottom: 15px
}

.awura-service-details-content .awura-list-icon4 {
    margin-bottom: 30px
}

@media (max-width:991px) {
    .awura-service-sidebar {
        margin-top: 40px
    }
}

.awura-service-tag {
    padding: 30px;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: rgba(0, 0, 0, .05)
}

.awura-service-tag h3 {
    margin-bottom: 24px
}

.awura-service-tag ul li {
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.awura-service-tag ul li:first-child {
    padding-top: 0
}

.awura-service-tag ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.awura-service-tag ul li a {
    font-size: 20px;
    display: flex;
    transition: all .4s;
    justify-content: space-between;
    color: var(--primary-color)
}

.awura-service-tag ul li a:hover {
    color: var(--accent-color)
}

.awura-service-tag ul li a i {
    font-size: 24px
}

.awura-service-info-box {
    padding: 30px;
    border-radius: 10px;
    background-color: var(--accent-color)
}

.awura-service-info-box h3 {
    margin-bottom: 15px;
    color: var(--white-color)
}

.awura-service-info-box p {
    color: var(--white-color)
}

.awura-service-info-block {
    gap: 15px;
    display: flex;
    align-items: center
}

.awura-service-info-call {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    background-color: var(--white-color)
}

.awura-service-info-data p {
    margin: 0;
    font-weight: 500;
    color: var(--white-color)
}

.awura-process-content-block {
    padding-left: 40px;
    position: relative
}

.awura-process-content-block::before {
    content: "";
    left: 68px;
    top: 5px;
    width: 1px;
    z-index: -1;
    height: calc(100% - 100px);
    position: absolute;
    background-color: rgba(0, 0, 0, .1)
}

.awura-process-content-item {
    gap: 24px;
    display: flex;
    padding-bottom: 24px
}

.awura-process-content-item:last-child {
    padding-bottom: 0
}

.awura-process-content-number {
    font-weight: 500;
    font-size: 20px;
    width: 50px;
    height: 50px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: 50px;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, .1);
    background-color: var(--white-color)
}

.awura-process-content-value h3 {
    margin-bottom: 15px
}

.awura-process-content-value p {
    margin: 0
}

.awura-text-slider-section {
    padding: 60px 0;
    overflow: hidden;
    background-color: var(--yellow-color)
}

@media (max-width:767px) {
    .awura-text-slider-section {
        padding: 40px 0
    }
}

.awura-text-slider {
    display: flex
}

.awura-text-slider-item {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.awura-text-slider-item h2 {
    font-size: 85px;
    letter-spacing: 0;
    font-family: Anton, sans-serif
}

@media (max-width:1399px) {
    .awura-text-slider-item h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-text-slider-item h2 {
        font-size: 65px
    }
}

@media (max-width:767px) {
    .awura-text-slider-item h2 {
        font-size: 40px
    }
}

.awura-text-slider-item img {
    margin: 0 50px
}

@media (max-width:991px) {
    .awura-text-slider-item img {
        margin: 0 30px
    }
}

@media (max-width:767px) {
    .awura-text-slider-item img {
        width: 45px
    }
}

.awura-text-slider-section2 {
    overflow: hidden;
    border-bottom: 1px solid rgba(30, 30, 30, .1)
}

.awura-text-slider {
    display: flex
}

.awura-text-slider-item2 {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.awura-text-slider-item2 h2 {
    font-size: 120px;
    line-height: 1em;
    font-weight: 600;
    letter-spacing: -.03em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-3)
}

@media (max-width:1399px) {
    .awura-text-slider-item2 h2 {
        font-size: 100px
    }
}

@media (max-width:991px) {
    .awura-text-slider-item2 h2 {
        font-size: 80px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-text-slider-item2 h2 {
        font-size: 60px
    }
}

.awura-text-slider-item2 img {
    margin: 0 50px;
    animation: spin 7s linear infinite
}

@media (max-width:991px) {
    .awura-text-slider-item2 img {
        margin: 0 30px
    }
}

@media (max-width:991px) {
    .awura-text-slider-item2 img {
        width: 50px
    }
}

.awura-text-slider-section3 {
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.awura-text-slider3 {
    display: flex
}

.awura-text-slider-item3 {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.awura-text-slider-item3 img {
    margin: 0 24px;
    flex-shrink: 0
}

.awura-text-slider-item3 h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 1.13em;
    letter-spacing: -.02em;
    font-family: Geist, sans-serif;
    color: rgba(255, 255, 255, .1)
}

@media (max-width:1199px) {
    .awura-text-slider-item3 h2 {
        font-size: 48px
    }
}

.awura-text-slider-section4 {
    overflow: hidden;
    padding: 80px 0 130px
}

@media (max-width:991px) {
    .awura-text-slider-section4 {
        padding: 80px 0 100px
    }
}

@media (max-width:767px) {
    .awura-text-slider-section4 {
        padding: 80px 0
    }
}

.awura-text-slider-item4 {
    display: flex;
    align-items: center;
    flex-shrink: 0
}

.awura-text-slider-item4 h2 {
    flex-shrink: 0
}

.awura-text-slider-item4 img {
    margin: 0 24px;
    flex-shrink: 0
}

@media (max-width:767px) {
    .awura-text-slider-item4 img {
        width: 24px
    }
}

.awura-text-animation-wrap {
    text-align: center
}

.text-overlay-animation {
    line-height: 100%;
    margin: 0;
    width: 100%;
    color: rgba(182, 182, 182, .2);
    background: linear-gradient(to right, var(--white-color), var(--white-color)) no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: 0;
    transition: background-size cubic-bezier(.1, .5, .5, 1) .5s;
    display: flex;
    gap: 5px;
    align-items: center;
    position: relative;
    justify-content: center
}

.text-overlay-animation img {
    border-radius: 100px
}

@media (max-width:1399px) {
    .text-overlay-animation img {
        width: 100px
    }
}

@media (max-width:991px) {
    .text-overlay-animation img {
        width: 80px
    }
}

@media (max-width:767px) {
    .text-overlay-animation img {
        display: none
    }
}

.text-overlay-animation {
    font-size: 60px;
    line-height: 1.2
}

@media (max-width:1399px) {
    .text-overlay-animation {
        font-size: 55px
    }
}

@media (max-width:1199px) {
    .text-overlay-animation {
        font-size: 45px
    }
}

@media (max-width:991px) {
    .text-overlay-animation {
        font-size: 33px
    }
}

.awura-accordion-item {
    overflow: hidden;
    padding: 24px 0;
    display: flex;
    gap: 0;
    flex-direction: column;
    transition: all .3s ease;
    border-bottom: 1px solid rgba(38, 41, 46, .1)
}

.awura-accordion-item:first-child {
    padding-top: 0
}

.awura-accordion-item.active {
    gap: 15px
}

.awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(45deg)
}

.awura-accordion-header {
    cursor: pointer;
    transition: background .3s;
    font-size: 32px;
    display: flex;
    justify-content: space-between;
    line-height: 1.18em;
    letter-spacing: -.015em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

@media (max-width:479px) {
    .awura-accordion-header {
        font-size: 28px
    }
}

.awura-accordion-content {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.awura-accordion-content p {
    margin: 0;
    font-size: 18px !important;
    font-family: Roboto, sans-serif
}

.awura-accordion-plus {
    flex-shrink: 0;
    line-height: 1;
    padding-left: 20px
}

.awura-accordion-plus img {
    transition: all .4s
}

.style-two .awura-accordion-item {
    border-radius: 10px;
    margin-bottom: 24px;
    overflow: hidden;
    padding: 24px !important;
    display: flex;
    gap: 0;
    border: none;
    flex-direction: column;
    transition: all .3s ease;
    background-color: rgba(255, 255, 255, .05)
}

.style-two .awura-accordion-item:last-child {
    margin-bottom: 0
}

.style-two .awura-accordion-item.active {
    gap: 15px
}

.style-two .awura-accordion-header {
    cursor: pointer;
    transition: background .3s;
    font-size: 32px;
    line-height: 1.18em;
    letter-spacing: -.015em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--white-color)
}

@media (max-width:479px) {
    .style-two .awura-accordion-header {
        font-size: 28px
    }
}

.style-two .awura-accordion-content {
    height: 0;
    overflow: hidden;
    transition: height .35s ease
}

.style-two .awura-accordion-content p {
    margin: 0;
    font-size: 18px !important;
    font-family: Roboto, sans-serif
}

.style-three .awura-accordion-item {
    border-bottom: 1px solid rgba(3, 22, 11, .1)
}

.style-three .awura-accordion-header {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.41em;
    letter-spacing: -.05em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.style-three .awura-accordion-content p {
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:991px) {
    .responsive-mt40 {
        margin-top: 40px
    }
}

.style-four .awura-accordion-wrapper {
    gap: 24px;
    display: flex;
    flex-direction: column
}

.style-four .awura-accordion-item {
    padding: 30px;
    border-radius: 10px;
    border-bottom: none;
    background-color: var(--white-color)
}

.style-four .awura-accordion-header {
    padding-right: 20px;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    letter-spacing: -.01em;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:991px) {
    .style-four .awura-accordion-header {
        font-size: 28px;
        line-height: 36px
    }
}

@media (max-width:767px) {
    .style-four .awura-accordion-header {
        font-size: 24px;
        line-height: 34px
    }
}

.style-four .awura-accordion-content {
    max-width: 755px
}

.style-four .awura-accordion-content p {
    font-family: Inter, sans-serif;
    color: var(--dark-color-3)
}

.style-four .awura-accordion-plus {
    width: 24px;
    height: 24px;
    display: flex;
    flex-shrink: 0;
    padding: 0;
    align-items: center;
    border-radius: 3px;
    justify-content: center;
    background-color: var(--dark-color-3)
}

.awura-accordion-box {
    padding: 30px;
    border-radius: 20px;
    background-color: var(--dark-color-4)
}

.style-five .awura-accordion-item {
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.style-five .awura-accordion-item.active .awura-accordion-header {
    color: var(--orange-color)
}

.style-five .awura-accordion-header {
    padding-right: 0;
    font-weight: 600;
    font-size: 40px;
    transition: all .4s;
    line-height: 1.23em;
    letter-spacing: -.015em;
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

@media (max-width:1199px) {
    .style-five .awura-accordion-header {
        font-size: 36px
    }
}

@media (max-width:767px) {
    .style-five .awura-accordion-header {
        font-size: 28px
    }
}

.style-five .awura-accordion-content {
    padding-left: 40px
}

@media (max-width:767px) {
    .style-five .awura-accordion-content {
        padding-left: 0
    }
}

.style-five .awura-accordion-content p {
    font-family: Onest, sans-serif;
    color: var(--white-color)
}

.style-six .awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(180deg)
}

.style-six .awura-accordion-header {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

.style-six .awura-accordion-content p {
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.style-seven .awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(45deg)
}

.style-seven .awura-accordion-header {
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
    font-family: "Funnel Display", sans-serif;
    color: var(--dark-color-5)
}

.style-seven .awura-accordion-content {
    max-width: 800px
}

.style-seven .awura-accordion-content p {
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.style-eight .awura-accordion-header {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

.style-eight .awura-accordion-content p {
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

.awura-accordion-column9 {
    display: grid;
    grid-template-columns: 1fr 1fr
}

@media (max-width:991px) {
    .awura-accordion-column9 {
        grid-template-columns: 1fr
    }
}

.style-nine .awura-accordion-item {
    padding: 24px;
    flex-direction: column;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.style-nine .awura-accordion-item:first-child {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.style-nine .awura-accordion-item.active {
    background-color: rgba(255, 255, 255, .05)
}

@media (max-width:991px) {
    .style-nine .awura-accordion-item {
        border-right: 1px solid rgba(255, 255, 255, .1)
    }
}

.style-nine .awura-accordion-header {
    font-weight: 500;
    font-size: 28px;
    line-height: 32px;
    align-items: flex-start;
    flex-direction: column;
    font-family: Geist, sans-serif;
    color: var(--white-color)
}

.style-nine .awura-accordion-header img {
    margin-bottom: 15px
}

.style-nine .awura-accordion-content {
    max-width: 470px
}

.style-nine .awura-accordion-content p {
    font-family: Geist, sans-serif;
    color: var(--white-color)
}

.awura-accodion-thumb9 {
    height: 100%
}

.awura-accodion-thumb9 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.style-ten {
    padding-left: 55px
}

@media (max-width:1399px) {
    .style-ten {
        padding-left: 0
    }
}

@media (max-width:991px) {
    .style-ten {
        margin-top: 40px
    }
}

.style-ten .awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(0)
}

.style-ten .awura-accordion-item.active .awura-accordion-plus .minus {
    opacity: 1
}

.style-ten .awura-accordion-item.active .awura-accordion-plus .plus {
    opacity: 0
}

.style-ten .awura-accordion-header {
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4);
    justify-content: inherit
}

@media (max-width:767px) {
    .style-ten .awura-accordion-header {
        font-size: 24px;
        line-height: 32px
    }
}

.style-ten .awura-accordion-plus {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    padding-left: 0;
    margin-right: 24px;
    position: relative
}

.style-ten .awura-accordion-plus .plus {
    top: 4px;
    position: absolute;
    transition: all .4s
}

.style-ten .awura-accordion-plus .minus {
    top: 15px;
    opacity: 0;
    transition: all .4s;
    position: absolute
}

.style-ten .awura-accordion-content {
    padding-left: 50px
}

.style-ten .awura-accordion-content p {
    line-height: 24px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-dots-divider {
    height: 1px
}

.awura-divider-line {
    width: 100%;
    width: 100%;
    height: 100%;
    background-size: 20px 100%;
    background-image: linear-gradient(to right, transparent 50%, rgba(30, 30, 30, .15) 50%)
}

.style-eleven .awura-accordion-header {
    font-weight: 500;
    font-size: 32px;
    line-height: 1.25em;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

@media (max-width:991px) {
    .style-eleven .awura-accordion-header {
        font-size: 28px
    }
}

@media (max-width:767px) {
    .style-eleven .awura-accordion-header {
        font-size: 24px
    }
}

.style-eleven .awura-accordion-content {
    max-width: 810px
}

.style-eleven .awura-accordion-content p {
    font-size: 20px !important;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

.style-twelve .awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(45deg)
}

.style-twelve .awura-accordion-header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

@media (max-width:479px) {
    .style-twelve .awura-accordion-header {
        font-size: 28px;
        line-height: 36px
    }
}

.style-twelve .awura-accordion-content {
    max-width: 800px
}

.style-twelve .awura-accordion-content p {
    font-family: Outfit, sans-serif;
    color: var(--primary-color);
    font-size: 20px !important
}

.style-thirteen .awura-accordion-item.active .awura-accordion-plus img {
    transform: rotate(45deg)
}

.style-thirteen .awura-accordion-header {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

@media (max-width:479px) {
    .style-thirteen .awura-accordion-header {
        font-size: 28px;
        line-height: 36px
    }
}

.style-thirteen .awura-accordion-content {
    max-width: 800px
}

.style-thirteen .awura-accordion-content p {
    font-size: 20px !important;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

.default-font .awura-accordion-header {
    font-family: Outfit, sans-serif
}

.default-font .awura-accordion-content p {
    font-family: Outfit, sans-serif
}

.awura-chart-background {
    Width: 526px;
    Height: 520px;
    border-radius: 10px;
    padding: 20px;
    background-image: url(../images/v3/chat-bg.png)
}

@media (max-width:991px) {
    .awura-chart-background {
        width: 100%;
        height: 100%
    }
}

.awura-chart-box {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white-color)
}

.awura-chart-box h3 {
    font-size: 30px;
    margin-bottom: 20px;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

.awura-chart-box h3 span {
    color: var(--perfume-color)
}

.awura-progress-row {
    display: flex;
    height: 360px;
    justify-content: space-between
}

@media (max-width:479px) {
    .awura-progress-row {
        height: 300px
    }
}

.awura-chart {
    display: flex;
    gap: 3px;
    justify-content: space-between;
    align-items: flex-end
}

.awura-chart.chart-center {
    background: linear-gradient(180deg, rgba(176, 159, 255, .2) 0, rgba(141, 121, 246, .2) 100%);
    padding: 14px;
    border-radius: 18px
}

.awura-progress-bar {
    width: 16px;
    opacity: 1;
    border-radius: 3.5px;
    height: 0;
    transition: height 1s ease-in-out
}

@media (max-width:375px) {
    .awura-progress-bar {
        width: 12px
    }
}

.awura-progress-bar:nth-child(odd) {
    background: linear-gradient(180deg, rgba(176, 159, 255, .4) 0, rgba(141, 121, 246, .4) 100%)
}

.awura-progress-bar:nth-child(even) {
    background: linear-gradient(180deg, #b09fff 0, #8d79f6 100%)
}

.days {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    font-size: 12px;
    color: #454459;
    line-height: 1
}

.chart-container {
    height: 350px
}

@media (max-width:575px) {
    .chart-container {
        height: 250px
    }
}

canvas {
    max-width: 100%;
    max-height: 100%
}

.awura-chart-wrapper {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 0 0 10px rgba(255, 255, 255, .2);
    background-color: var(--gray-color-3);
    border: 5px solid var(--white-color)
}

@media (max-width:991px) {
    .awura-chart-wrapper {
        margin-bottom: 40px
    }
}

.awura-chart-boxs {
    padding: 20px;
    border-radius: 10px;
    background-color: var(--white-color)
}

.awura-chart-boxs img {
    width: 100%;
    margin-bottom: 20px
}

.awura-chart-title {
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.chart-container2 {
    position: relative
}

.chart-center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-weight: 600;
    color: var(--bottle-green-color);
    font-family: "Plus Jakarta Sans", sans-serif
}

canvas {
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .05))
}

.awura-piechart {
    margin-top: 39px;
    margin-bottom: 27px
}

#myPieChart {
    max-width: 350px;
    margin: 0 auto
}

.awura-chart-box-v7 {
    position: relative;
    padding: 10px;
    z-index: 0;
    margin-bottom: 24px
}

.awura-chart-box-bg {
    padding: 24px;
    border-radius: 20px;
    background-color: var(--wood-color)
}

.awura-chart-card {
    background: #fff;
    border-radius: 12px;
    padding: 10px 15px;
    box-shadow: 0 2px 30px 3px rgba(0, 0, 0, .0784313725)
}

.awura-chart-card img {
    width: 100%
}

.awura-chart-grid {
    gap: 24px;
    display: grid;
    grid-template-columns: 336px 1fr
}

@media (max-width:1399px) {
    .awura-chart-grid {
        grid-template-columns: 285px 1fr
    }
}

@media (max-width:1199px) {
    .awura-chart-grid {
        grid-template-columns: 226px 1fr
    }
}

@media (max-width:991px) {
    .awura-chart-grid {
        grid-template-columns: 317px 1fr
    }
}

@media (max-width:767px) {
    .awura-chart-grid {
        grid-template-columns: 1fr
    }
}

.awura-integration-wrap {
    z-index: 0;
    position: relative;
    padding: 100px 0 125px;
    background-size: cover;
    background-position: center;
    background-image: url(../images/v3/integration-shapes.png)
}

@media (max-width:991px) {
    .awura-integration-wrap {
        padding: 0
    }
}

.awura-integration-title {
    max-width: 720px;
    margin: 0 auto
}

.awura-integration-title h2 {
    font-size: 85px;
    line-height: .94em;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

@media (max-width:1399px) {
    .awura-integration-title h2 {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-integration-title h2 {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:767px) {
    .awura-integration-title h2 {
        font-size: 48px
    }
}

@media (max-width:479px) {
    .awura-integration-title h2 {
        font-size: 40px
    }
}

.awura-integration-icon {
    z-index: -1;
    border-radius: 8px;
    position: absolute
}

@media (max-width:991px) {
    .awura-integration-icon {
        position: static;
        z-index: 0
    }
}

@media (max-width:991px) {
    .awura-integration-icon img {
        width: 50px
    }
}

@media (max-width:991px) and (max-width:479px) {
    .awura-integration-icon img {
        width: 40px
    }
}

.awura-integration-icon.icon-01 {
    top: 0;
    left: 0;
    box-shadow: 0 3.25px 16.25px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-02 {
    top: 0;
    left: 20%;
    box-shadow: 0 3.15px 15.75px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-03 {
    top: 0;
    left: 42%;
    box-shadow: 0 3.1px 15.5px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-04 {
    top: 0;
    right: 15%
}

.awura-integration-icon.icon-05 {
    top: 18%;
    right: 5%;
    box-shadow: 0 3.1px 15.5px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-06 {
    top: 44%;
    left: 0;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-07 {
    top: 35%;
    left: 13%
}

.awura-integration-icon.icon-08 {
    top: 42%;
    right: 14%;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-09 {
    bottom: 20%;
    right: 0
}

.awura-integration-icon.icon-10 {
    bottom: 12px;
    left: -3%;
    box-shadow: 0 3.15px 15.75px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-11 {
    bottom: 17%;
    left: 6%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-12 {
    bottom: 0;
    left: 14%
}

.awura-integration-icon.icon-13 {
    bottom: 0;
    left: 40%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-14 {
    bottom: 0;
    right: 35%;
    box-shadow: 0 3.15px 15.75px 0 rgba(0, 0, 0, .15)
}

.awura-integration-icon.icon-15 {
    bottom: 0;
    right: 18%;
    box-shadow: 0 3.15px 15.75px 0 rgba(0, 0, 0, .15)
}

@media (max-width:991px) {
    .awura-integration-logo {
        gap: 20px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 40px
    }
}

.awura-integration-slider-box {
    gap: 50px;
    display: flex;
    flex-direction: column;
    padding: 50px 0;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--bottle-green-color)
}

.awura-integration-slider-row {
    gap: 50px;
    display: flex
}

.awura-integration-slider-icon {
    flex-shrink: 0
}

.awura-integration-section {
    padding: 130px 0 0;
    margin: 0 100px;
    border-radius: 10px;
    background-size: cover;
    background-position: center
}

@media (max-width:1399px) {
    .awura-integration-section {
        margin: 0 50px
    }
}

@media (max-width:991px) {
    .awura-integration-section {
        padding: 100px 0;
        margin: 0;
        border-radius: 0
    }
}

@media (max-width:767px) {
    .awura-integration-section {
        padding: 80px 0
    }
}

.awura-integration-header {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 110px
}

@media (max-width:1199px) {
    .awura-integration-header {
        max-width: 600px
    }
}

@media (max-width:991px) {
    .awura-integration-header {
        margin-bottom: 60px
    }
}

@media (max-width:767px) {
    .awura-integration-header {
        margin-bottom: 40px
    }
}

.awura-integration-header h2 {
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-integration-header h2 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-integration-header h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-integration-header h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-integration-header h2 {
        font-size: 40px
    }
}

.awura-integration-shape img {
    height: 225px
}

@media (max-width:991px) {
    .awura-integration-shape {
        display: none
    }
}

.awura-integration-icon-wrap {
    position: relative
}

@media (max-width:991px) {
    .awura-integration-icon-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px
    }
}

.awura-integration-icon1 {
    position: absolute;
    left: 15%;
    bottom: 50px
}

@media (max-width:991px) {
    .awura-integration-icon1 {
        position: static
    }
}

.awura-integration-icon2 {
    position: absolute;
    bottom: 132px;
    left: 25%
}

@media (max-width:991px) {
    .awura-integration-icon2 {
        position: static
    }
}

.awura-integration-icon3 {
    position: absolute;
    bottom: 183px;
    left: 35%
}

@media (max-width:991px) {
    .awura-integration-icon3 {
        position: static
    }
}

.awura-integration-icon4 {
    position: absolute;
    bottom: 200px;
    left: 48%
}

@media (max-width:991px) {
    .awura-integration-icon4 {
        position: static
    }
}

.awura-integration-icon7 {
    position: absolute;
    right: 15%;
    bottom: 50px
}

@media (max-width:991px) {
    .awura-integration-icon7 {
        position: static
    }
}

.awura-integration-icon6 {
    position: absolute;
    bottom: 132px;
    right: 25%
}

@media (max-width:991px) {
    .awura-integration-icon6 {
        position: static
    }
}

.awura-integration-icon5 {
    position: absolute;
    bottom: 183px;
    right: 35%
}

@media (max-width:991px) {
    .awura-integration-icon5 {
        position: static
    }
}

.awura-integration-wrap.fixed-height {
    height: 386px
}

@media (max-width:991px) {
    .awura-integration-wrap.fixed-height {
        height: 100%;
        padding: 40px 0
    }
}

@media (max-width:991px) {
    .awura-integration-wrap.fixed-height .awura-integration-logo {
        margin-top: 0
    }
}

.awura-integration-wrap.fixed-height .awura-integration-icon.icon-07 {
    left: 30%
}

.awura-integration-icon.icon-16 {
    position: absolute;
    left: 45%;
    top: 40%
}

@media (max-width:991px) {
    .awura-integration-icon.icon-16 {
        position: static
    }
}

.awura-integration-icon.icon-17 {
    position: absolute;
    left: 57%;
    top: 16%
}

@media (max-width:991px) {
    .awura-integration-icon.icon-17 {
        position: static
    }
}

.awura-integration-icon.icon-18 {
    position: absolute;
    right: 29%;
    top: 53%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .15)
}

@media (max-width:991px) {
    .awura-integration-icon.icon-18 {
        position: static
    }
}

.awura-toggle-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    margin-bottom: 55px
}

.awura-toggle-header span {
    font-size: 16px;
    font-weight: 600;
    font-family: Roboto, sans-serif
}

.toggle-switch {
    position: relative;
    width: 70px;
    height: 35px;
    background: var(--dark-color-2);
    border-radius: 30px;
    cursor: pointer;
    transition: background .3s ease
}

.toggle-circle {
    position: absolute;
    top: 5px;
    left: 4px;
    width: 25px;
    height: 25px;
    background: var(--white-color);
    border-radius: 50%;
    transition: all .3s ease
}

.toggle-switch.active .toggle-circle {
    left: 40px
}

.awura-pricing-box {
    padding: 40px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 24px;
    background-color: var(--white-color);
    border: 1px solid rgba(38, 41, 46, .1)
}

@media (max-width:991px) {
    .awura-pricing-box {
        padding: 30px
    }
}

@media (max-width:767px) {
    .awura-pricing-box {
        padding: 24px
    }
}

.awura-pricing-box p {
    margin: 0;
    color: var(--dark-color-2);
    font-family: Roboto, sans-serif
}

.awura-pricing-divider {
    height: 1px;
    width: calc(100% + 80px);
    margin: 24px 0;
    margin-left: -40px;
    background-color: rgba(38, 41, 46, .1)
}

.awura-pricing-header {
    margin-bottom: 24px
}

.awura-pricing-header h3 {
    font-size: 32px;
    font-family: "Pixelify Sans", sans-serif
}

.awura-pricing-price {
    margin-bottom: 24px;
    display: flex;
    font-size: 85px;
    line-height: .94em;
    align-items: flex-end;
    letter-spacing: -.02em;
    font-family: "Pixelify Sans", sans-serif;
    color: var(--dark-color-2)
}

@media (max-width:1399px) {
    .awura-pricing-price {
        font-size: 75px
    }
}

@media (max-width:1199px) {
    .awura-pricing-price {
        font-size: 70px;
        letter-spacing: 0
    }
}

@media (max-width:991px) {
    .awura-pricing-price {
        font-size: 60px
    }
}

.awura-pricing-price span {
    margin-left: 5px;
    font-size: 32px;
    display: block;
    line-height: 1;
    margin-bottom: 5px
}

.awura-pricing-feature ul li {
    position: relative;
    padding-left: 30px;
    color: var(--dark-color-2);
    font-family: Roboto, sans-serif;
    margin-bottom: 15px
}

.awura-pricing-feature ul li:last-child {
    margin-bottom: 0
}

.awura-pricing-feature ul li img {
    left: 0;
    top: 3px;
    position: absolute
}

.awura-pricing-footer {
    margin-top: 30px
}

.awura-pricing-footer .awura-btn-position {
    width: 100%
}

.awura-pricing-footer a.awura-btn-style-three {
    width: 100%;
    display: inline-flex;
    justify-content: center;
    background-color: var(--dark-color-2)
}

.awura-pricing-footer .btn-explode-circle {
    animation: explode_pricing .5s forwards
}

.awura-pricing-footer .btn-desplode-circle {
    animation: desplode_pricing .5s forwards
}

.awura-pricing-active {
    padding: 10px;
    padding-bottom: 0;
    border-radius: 10px;
    background: linear-gradient(180deg, #f8d597 0, #fff 100%)
}

.awura-pricing-active .awura-pricing-box {
    border: none
}

.awura-pricing-active h3 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 10px;
    font-family: "Pixelify Sans", sans-serif
}

.awura-pricing-active .awura-btn-style-three {
    background-color: var(--blue-color) !important
}

@keyframes explode_pricing {
    0% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: var(--marzipan-color)
    }

    100% {
        width: 800px;
        height: 800px;
        margin-left: -400px;
        margin-top: -400px;
        background-color: var(--marzipan-color)
    }
}

@keyframes desplode_pricing {
    0% {
        width: 800px;
        height: 800px;
        margin-left: -400px;
        margin-top: -400px;
        background-color: var(--marzipan-color)
    }

    100% {
        width: 0;
        height: 0;
        margin-left: 0;
        margin-top: 0;
        background-color: var(--marzipan-color)
    }
}

.pricing-style-two .awura-toggle-header span {
    font-size: 16px;
    font-weight: 600;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .toggle-switch {
    background: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-box {
    padding: 30px;
    border: none;
    position: relative
}

.pricing-style-two .awura-pricing-box p {
    font-size: 20px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-divider {
    width: calc(100% + 60px);
    margin-left: -30px
}

.pricing-style-two .awura-pricing-header {
    gap: 15px;
    display: flex;
    align-items: center
}

.pricing-style-two .awura-pricing-header h3 {
    font-size: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-price {
    font-weight: 600;
    font-size: 60px;
    line-height: 1.16em;
    letter-spacing: -.02em;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

@media (max-width:1199px) {
    .pricing-style-two .awura-pricing-price {
        font-size: 48px;
        letter-spacing: 0
    }
}

.pricing-style-two .awura-pricing-price span {
    font-weight: 400;
    font-size: 18px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-feature {
    margin-bottom: 30px
}

.pricing-style-two .awura-pricing-feature p {
    font-weight: 600;
    margin-bottom: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-feature ul li {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    padding-left: 24px;
    font-family: "Plus Jakarta Sans", sans-serif;
    color: var(--bottle-green-color)
}

.pricing-style-two .awura-pricing-feature ul li img {
    top: 7px
}

.pricing-style-two .awura-pricing-feature ul li:last-child {
    margin-bottom: 0
}

.pricing-style-two .awura-pricing-badge {
    position: absolute;
    top: 25px;
    right: 20px
}

.awura-pricing-section-header {
    gap: 100px;
    display: grid;
    align-items: center;
    padding-bottom: 80px;
    grid-template-columns: 1fr 460px
}

@media (max-width:1199px) {
    .awura-pricing-section-header {
        padding-bottom: 60px;
        display: flex;
        gap: 50px;
        max-width: 550px;
        margin: 0 auto;
        text-align: center;
        flex-direction: column;
        justify-content: center
    }
}

.awura-pricing-section-header h2 {
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-pricing-section-header h2 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-pricing-section-header h2 {
        font-size: 60px
    }
}

@media (max-width:767px) {
    .awura-pricing-section-header h2 {
        font-size: 55px
    }
}

@media (max-width:575px) {
    .awura-pricing-section-header h2 {
        font-size: 40px
    }
}

.awura-billing-toggle {
    display: inline-flex;
    border-radius: 10px;
    overflow: hidden;
    width: 460px;
    height: 60px;
    padding: 5px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--green-color)
}

@media (max-width:575px) {
    .awura-billing-toggle {
        width: 100%;
        height: 100%;
        display: block
    }
}

.toggle-btn {
    height: 50px;
    border: none;
    padding: 5px 32px;
    cursor: pointer;
    transition: all .3s;
    font-weight: 700;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--white-color)
}

@media (max-width:575px) {
    .toggle-btn {
        width: 100%
    }
}

.toggle-btn.active {
    border-radius: 10px;
    background: var(--white-color);
    color: var(--green-color)
}

.awura-pricing-box3 {
    gap: 30px;
    display: grid;
    padding: 30px;
    align-items: center;
    border-radius: 10px;
    margin-bottom: 24px;
    grid-template-columns: 1fr 290px;
    background-color: var(--gray-color-5)
}

@media (max-width:1199px) {
    .awura-pricing-box3 {
        grid-template-columns: 1fr
    }
}

.awura-pricing-box3 p {
    margin: 0;
    color: var(--dark-color-2);
    font-family: Roboto, sans-serif
}

.awura-pricing-header3 {
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .awura-pricing-header3 {
        margin-bottom: 24px
    }
}

.awura-pricing-header3 h5,
.awura-pricing-header3 span {
    font-size: 20px;
    font-weight: 500;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

.awura-pricing-price3 {
    margin-bottom: 50px;
    display: flex;
    margin-left: 10px;
    align-items: flex-end;
    font-weight: 500;
    font-size: 85px;
    line-height: 1.05em;
    font-family: Geist, sans-serif;
    color: var(--dark-color-6)
}

@media (max-width:1399px) {
    .awura-pricing-price3 {
        font-size: 70px
    }
}

@media (max-width:1199px) {
    .awura-pricing-price3 {
        font-size: 60px;
        margin-left: 0;
        margin-bottom: 30px
    }
}

.awura-pricing-price3 span {
    font-weight: 400;
    margin-left: 5px;
    display: block;
    line-height: 1;
    font-size: 18px;
    margin-bottom: 15px;
    font-family: Inter, sans-serif
}

.awura-pricing-feature3 {
    padding-left: 24px;
    border-left: 1px solid rgba(26, 26, 26, .1)
}

@media (max-width:1199px) {
    .awura-pricing-feature3 {
        border: 0;
        padding-left: 0
    }
}

.awura-pricing-feature3 ul li {
    position: relative;
    padding-left: 30px;
    color: var(--dark-color-6);
    font-family: Inter, sans-serif;
    margin-bottom: 15px
}

.awura-pricing-feature3 ul li:last-child {
    margin-bottom: 0
}

.awura-pricing-feature3 ul li img {
    left: 0;
    top: 5px;
    position: absolute
}

.pricing-style-two.font-primary .awura-pricing-box {
    padding: 28px;
    background-color: rgba(0, 0, 0, .05)
}

.pricing-style-two.font-primary .awura-pricing-box p {
    color: var(--primary-color);
    font-family: Outfit, sans-serif
}

.pricing-style-two.font-primary .awura-pricing-header h3 {
    font-size: 20px;
    font-weight: 500;
    font-family: Outfit, sans-serif;
    color: var(--primary-color)
}

.pricing-style-two.font-primary .awura-pricing-header img {
    width: auto
}

.pricing-style-two.font-primary .awura-pricing-price {
    font-size: 65px;
    font-weight: 500;
    color: var(--primary-color);
    font-family: Outfit, sans-serif
}

.pricing-style-two.font-primary .awura-pricing-feature img {
    width: auto
}

.pricing-style-two.font-primary .awura-pricing-feature ul li {
    font-size: 18px;
    font-weight: 500;
    color: var(--primary-color);
    font-family: Outfit, sans-serif
}

@media (max-width:1199px) {
    .awura-pricing-table {
        overflow-x: scroll
    }
}

.awura-pricing-table table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    overflow: hidden
}

.awura-pricing-table th,
.awura-pricing-table tr {
    padding: 30px;
    white-space: nowrap
}

.awura-pricing-table td,
.awura-pricing-table tr {
    padding: 30px;
    font-size: 20px;
    color: #122130;
    text-align: center;
    white-space: nowrap;
    border: 1px solid rgba(18, 33, 48, .1)
}

.awura-pricing-table .table-dots {
    text-align: left;
    position: relative;
    padding-left: 52px
}

.awura-pricing-table .table-dots::before {
    content: "";
    left: 30px;
    top: 39px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--accent-color)
}

.awura-btn-icon.icon-button-outline.w-250 {
    width: 250px
}

.awura-pricing-table-footer {
    display: flex;
    justify-content: right;
    gap: 50px;
    flex-wrap: wrap;
    padding-top: 50px
}

@media (max-width:1199px) {
    .awura-pricing-table-footer {
        gap: 24px;
        justify-content: center
    }
}

.awura-list-icon ul li {
    font-size: 24px;
    line-height: 34px;
    position: relative;
    padding-left: 22px;
    margin-bottom: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: "Noto Serif", serif;
    color: var(--dark-color-3)
}

@media (max-width:479px) {
    .awura-list-icon ul li {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

.awura-list-icon ul li:last-child {
    margin-bottom: 0
}

.awura-list-icon ul li:before {
    left: 0;
    top: 12px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 20px;
    position: absolute;
    background-color: var(--dark-color-3)
}

.awura-list-icon2 ul li {
    font-size: 24px;
    line-height: 34px;
    position: relative;
    padding-left: 35px;
    margin-bottom: 24px;
    font-weight: 600;
    letter-spacing: -.01em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:479px) {
    .awura-list-icon2 ul li {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 15px
    }
}

.awura-list-icon2 ul li:last-child {
    margin-bottom: 0
}

.awura-list-icon2 ul li img {
    left: 0;
    position: absolute
}

.awura-list-icon3 ul {
    gap: 15px;
    display: grid;
    grid-template-columns: 325px 1fr
}

@media (max-width:1399px) {
    .awura-list-icon3 ul {
        grid-template-columns: 1fr
    }
}

@media (max-width:991px) {
    .awura-list-icon3 ul {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:767px) {
    .awura-list-icon3 ul {
        grid-template-columns: 1fr
    }
}

.awura-list-icon3 ul li {
    font-weight: 500;
    position: relative;
    padding-left: 22px;
    font-family: Geist, sans-serif;
    color: var(--dark-color-4)
}

.awura-list-icon3 ul li::before {
    content: "";
    left: 0;
    top: 8px;
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: var(--dodger-blue-color)
}

.awura-list-icon4.inline ul {
    column-count: 2
}

.awura-list-icon4 ul {
    gap: 15px;
    display: flex;
    flex-direction: column
}

.awura-list-icon4 ul li {
    padding-left: 17px;
    font-size: 20px;
    position: relative
}

.awura-list-icon4 ul li span {
    font-weight: 500
}

.awura-list-icon4 ul li::before {
    content: "";
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--primary-color)
}

.awura-list-icon4.light-color ul li {
    color: var(--white-color)
}

.awura-list-icon4.light-color ul li::before {
    background-color: var(--white-color)
}

.awura-tab-menu {
    gap: 24px;
    display: flex;
    max-width: 1000px;
    margin: 0 auto 80px
}

@media (max-width:1199px) {
    .awura-tab-menu {
        overflow-x: scroll
    }
}

@media (max-width:991px) {
    .awura-tab-menu {
        margin: 0 auto 60px
    }
}

@media (max-width:767px) {
    .awura-tab-menu {
        margin: 0 auto 40px
    }
}

.awura-tab-menu-value {
    gap: 15px;
    padding: 14.5px 22px;
    background: 0 0;
    border: none;
    cursor: pointer;
    font-size: 16px;
    display: flex;
    flex-shrink: 0;
    font-weight: 600;
    border-radius: 10px;
    align-items: center;
    transition: background .3s;
    font-family: Inter, sans-serif;
    background-color: var(--white-color)
}

.awura-tab-contents {
    position: relative
}

.awura-tab-body {
    opacity: 0;
    transform: translateY(20px);
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.awura-tab-body.active {
    z-index: 9;
    opacity: 1;
    transform: translateY(0);
    position: relative
}

.awura-tab-body img {
    width: 100%
}

.awura-tab-menu-value:nth-child(1).active {
    background-color: var(--mauve-color)
}

.awura-tab-menu-value:nth-child(2).active {
    background-color: var(--hit-pink-color)
}

.awura-tab-menu-value:nth-child(3).active {
    background-color: var(--sundown-color)
}

.awura-tab-menu-value:nth-child(4).active {
    background-color: var(--jonquil-color)
}

.tab-style-two .awura-tab-menu {
    gap: 1px;
    text-align: center;
    display: grid;
    max-width: 100%;
    overflow: hidden;
    border-radius: 10px;
    justify-content: center;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    background-color: rgba(30, 30, 30, .1);
    border: 1px solid rgba(30, 30, 30, .1)
}

@media (max-width:1199px) {
    .tab-style-two .awura-tab-menu {
        display: flex;
        overflow-x: scroll;
        justify-content: inherit
    }
}

.tab-style-two .awura-tab-menu-value {
    border-radius: 0;
    justify-content: center;
    background-color: var(--ebb-color) !important
}

.tab-style-two .awura-tab-menu-value svg path {
    transition: all .4s
}

.tab-style-two .awura-tab-menu-value.active {
    background-color: var(--dark-color-4) !important
}

.tab-style-two .awura-tab-menu-value.active svg path {
    transition: all .4s;
    fill: var(--white-color)
}

.tab-style-two .awura-tab-body {
    padding: 30px;
    border-radius: 20px;
    background-color: var(--dark-color-4)
}

@media (max-width:767px) {
    .tab-style-two .awura-tab-body {
        padding: 24px
    }
}

.tab-style-two .awura-tab-thumb {
    overflow: hidden;
    border-radius: 20px
}

@media (max-width:991px) {
    .tab-style-two .awura-tab-thumb {
        margin-bottom: 40px
    }
}

@media (max-width:767px) {
    .tab-style-two .awura-tab-thumb {
        border-radius: 10px
    }
}

.tab-style-two .awura-tab-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.tab-style-two .awura-tab-content h5,
.tab-style-two .awura-tab-content span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
    margin-bottom: 24px;
    letter-spacing: -.01em;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

@media (max-width:767px) {

    .tab-style-two .awura-tab-content h5,
    .tab-style-two .awura-tab-content span {
        font-size: 20px;
        line-height: 28px
    }
}

.tab-style-two .awura-tab-author {
    margin-top: 50px;
    gap: 5px;
    display: flex;
    flex-wrap: wrap
}

@media (max-width:991px) {
    .tab-style-two .awura-tab-author {
        margin-top: 30px
    }
}

.tab-style-two .awura-tab-author span {
    font-size: 16px;
    font-weight: 600;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.tab-style-two .awura-tab-author p {
    font-size: 16px;
    margin: 0;
    color: var(--white-color);
    font-family: Onest, sans-serif
}

.tab-style-three .awura-tab-menu {
    gap: 1px;
    text-align: center;
    display: grid;
    max-width: 100%;
    overflow: hidden;
    border-radius: 50px;
    justify-content: center;
    max-width: 1000px;
    margin: 0 auto 80px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color)
}

@media (max-width:991px) {
    .tab-style-three .awura-tab-menu {
        display: flex;
        overflow-x: scroll;
        justify-content: inherit;
        margin-bottom: 60px
    }
}

.tab-style-three .awura-tab-menu-value {
    padding: 16px 20px;
    border-radius: 0;
    justify-content: center;
    font-family: Outfit, sans-serif;
    background-color: var(--white-color) !important
}

.tab-style-three .awura-tab-menu-value.active {
    background-color: var(--dark-color-4) !important;
    color: var(--white-color)
}

.awura-single-content-section {
    padding: 130px 0 244px;
    position: relative;
    overflow: hidden;
    z-index: 0
}

@media (max-width:1199px) {
    .awura-single-content-section {
        padding: 130px 0 150px
    }
}

@media (max-width:1199px) {
    .awura-single-content-section {
        padding: 100px 0
    }
}

@media (max-width:991px) {
    .awura-single-content-section {
        padding: 80px 0
    }
}

.awura-single-content2 {
    text-align: center;
    position: sticky;
    top: 150px
}

.awura-single-content2 p {
    position: relative;
    padding-left: 25px;
    display: inline-block;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4);
    text-transform: uppercase
}

.awura-single-content2 p:before {
    content: "";
    left: 0;
    width: 12px;
    height: 12px;
    top: 7px;
    border-radius: 100px;
    position: absolute;
    background-color: var(--orange-color)
}

.awura-single-content2 h3,
.awura-single-content2 span {
    display: block;
    font-size: 43px;
    line-height: 53px;
    font-weight: 600;
    letter-spacing: -.015em;
    font-family: Onest, sans-serif;
    color: var(--dark-color-4)
}

@media (max-width:1199px) {

    .awura-single-content2 h3,
    .awura-single-content2 span {
        font-size: 36px;
        line-height: 46px
    }
}

@media (max-width:991px) {

    .awura-single-content2 h3,
    .awura-single-content2 span {
        font-size: 30px;
        line-height: 40px
    }
}

@media (max-width:767px) {

    .awura-single-content2 h3,
    .awura-single-content2 span {
        font-size: 24px;
        line-height: 36px
    }
}

.awura-content-thumb {
    z-index: -1;
    width: 300px;
    height: 300px;
    border-radius: 20px;
    overflow: hidden;
    position: absolute;
    transition: transform .5s ease-out
}

@media (max-width:1399px) {
    .awura-content-thumb {
        width: 230px;
        height: 230px
    }
}

@media (max-width:991px) {
    .awura-content-thumb {
        display: none
    }
}

.awura-content-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-content-thumb.left-thumb {
    left: 5%;
    bottom: 18%;
    transform: rotate(-10deg)
}

.awura-content-thumb.right-thumb {
    right: 6%;
    bottom: 9%;
    transform: rotate(10deg)
}

.awura-course-menu ul li.btn.active {
    color: #fff;
    position: relative;
    transition: all .4s;
    background-color: #092c4c
}

.awura-course-menu {
    margin-bottom: 50px
}

.awura-course-menu ul {
    display: flex;
    gap: 24px;
    justify-content: center
}

@media (max-width:1199px) {
    .awura-course-menu ul {
        overflow-x: scroll;
        justify-content: flex-start
    }
}

.awura-course-menu ul li {
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    padding: 13.2px 31px;
    line-height: 26px;
    display: inline-block;
    transition: all .4s;
    flex-shrink: 0;
    border: 2px solid var(--dark-color-5)
}

.awura-course-menu ul li.active {
    color: var(--white-color);
    background-color: var(--dark-color-5)
}

.awura-course-wrap {
    margin-left: -24px
}

.awura-course-box {
    padding: 23px;
    position: relative;
    border-radius: 20px;
    margin-left: 24px;
    margin-bottom: 24px;
    background: var(--wood-color);
    border: 2px solid transparent;
    background-clip: padding-box
}

.awura-course-box::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .4s;
    border-radius: 20px;
    background: linear-gradient(90deg, #b9b5ed 2.16%, #b2f3b6 100%)
}

.awura-course-box:hover::after {
    top: -2px;
    bottom: -2px;
    left: -2px;
    right: -2px
}

.awura-course-box:hover .awura-course-thumb img {
    transform: scale(1.08)
}

.awura-course-thumb {
    border-radius: 20px;
    overflow: hidden
}

.awura-course-thumb img {
    transition: all .4s
}

.awura-course-content {
    padding-top: 24px
}

.awura-course-content h5,
.awura-course-content span {
    display: block;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-course-content p {
    margin-bottom: 24px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-course-rating {
    margin-bottom: 24px
}

.awura-course-rating ul {
    gap: 7px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.awura-course-rating ul li {
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-course-meta {
    margin-bottom: 24px
}

.awura-course-meta ul {
    gap: 15px;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.awura-course-meta ul li {
    gap: 8px;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-course-price h5,
.awura-course-price span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    color: var(--dark-color-5)
}

.awura-course-price h5 del,
.awura-course-price span del {
    color: rgba(42, 42, 42, .5)
}

.awura-account-box {
    padding: 30px;
    margin: 0 auto;
    max-width: 636px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:575px) {
    .awura-account-box {
        padding: 24px
    }
}

.awura-account-box p {
    margin: 0;
    margin-top: 24px;
    text-align: center
}

.awura-account-box p a {
    color: var(--primary-color);
    text-decoration: underline
}

.awura-account-box p a:hover {
    color: var(--accent-color)
}

.awura-account-field {
    position: relative;
    margin-bottom: 24px
}

.awura-account-field label {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 15px;
    display: block
}

.awura-account-field input {
    background-color: #f2f2f2
}

.toggle-password {
    position: absolute;
    top: 59px;
    right: 24px;
    font-size: 24px;
    color: rgba(0, 0, 0, .5)
}

#awura-account-submit-btn {
    width: 100%
}

#awura-account-submit-btn:hover .button-icon-hide i,
#awura-account-submit-btn:hover .button-icon-hide img {
    transform: translateX(0)
}

#awura-account-submit-btn:hover .button-icon-show i,
#awura-account-submit-btn:hover .button-icon-show img {
    transform: translateX(20px)
}

.awura-coming-soon-section {
    padding: 195px 0 130px
}

@media (max-width:991px) {
    .awura-coming-soon-section {
        padding: 170px 0 100px
    }
}

@media (max-width:767px) {
    .awura-coming-soon-section {
        padding: 150px 0 80px
    }
}

.awura-coming-soon-content {
    max-width: 700px;
    text-align: center;
    margin: 0 auto
}

.awura-coming-soon-content p {
    margin: 0
}

.awura-countdown-wrap {
    max-width: 672px;
    margin: 0 auto;
    display: grid;
    gap: 24px;
    margin-bottom: 80px;
    grid-template-columns: 1fr 1fr 1fr 1fr
}

@media (max-width:767px) {
    .awura-countdown-wrap {
        margin-bottom: 60px;
        grid-template-columns: 1fr 1fr
    }
}

.awura-countdown-item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    flex-direction: column;
    border: 1px solid var(--primary-color);
    padding: 23px
}

.awura-countdown-item p {
    margin: 0;
    font-size: 20px
}

@media (max-width:767px) {
    .awura-countdown-item p {
        font-size: 18px
    }
}

.number {
    font-size: 65px;
    font-weight: 500;
    line-height: 1.07em;
    letter-spacing: -.02em;
    margin-bottom: 15px
}

@media (max-width:1199px) {
    .number {
        font-size: 60px;
        letter-spacing: -.01em
    }
}

@media (max-width:991px) {
    .number {
        font-size: 50px
    }
}

.awura-menu-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .6);
    z-index: 999999;
    width: 100%;
    height: 100%;
    transition: all ease .8s;
    opacity: 0;
    visibility: hidden
}

.awura-menu-wrapper .mobile-logo {
    display: block;
    text-align: left;
    max-width: 120px;
    background-color: var(--white-color)
}

.awura-menu-wrapper .awura-menu-toggle {
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    z-index: 1;
    color: #fff;
    display: flex;
    border-radius: 0;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border-left: 1px solid rgba(0, 0, 0, .1)
}

.awura-menu-wrapper .awura-menu-toggle i {
    color: #000
}

.awura-menu-wrapper button.awura-menu-toggle.bg-blue.d-inline-block.d-lg-none {
    background-color: var(--blue-color)
}

.awura-menu-wrapper .awura-menu-area {
    width: 100%;
    max-width: 310px;
    background-color: var(--white-color);
    height: 100%;
    position: relative;
    left: -110%;
    opacity: 0;
    visibility: hidden;
    transition: all ease 1s;
    z-index: 1
}

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

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

.awura-mobile-menu {
    overflow-y: scroll;
    max-height: calc(100vh - 200px);
    text-align: left
}

.awura-mobile-menu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(232, 6, 60, .2);
    background-color: #000
}

.awura-mobile-menu::-webkit-scrollbar {
    width: 2px;
    background-color: #000
}

.awura-mobile-menu::-webkit-scrollbar-thumb {
    background-color: var(--primary-color)
}

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

.awura-mobile-menu ul li {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    list-style-type: none
}

.awura-mobile-menu ul li li:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.awura-mobile-menu ul li a {
    display: block;
    position: relative;
    padding: 15px;
    line-height: 1;
    font-size: 16px;
    text-transform: capitalize;
    color: #000 !important;
    font-weight: 500
}

.awura-mobile-menu ul li.awura-active>a {
    color: var(--accent-color)
}

.awura-mobile-menu ul li.awura-active>a:before {
    transform: rotate(90deg)
}

.awura-mobile-menu ul li ul li {
    padding-left: 10px
}

.awura-mobile-menu ul .awura-item-has-children>a .awura-mean-expand {
    position: absolute;
    right: 0;
    top: 3px;
    font-weight: 400;
    font-size: 16px;
    width: 60%;
    height: 40px;
    padding: 0 15px;
    line-height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    background-color: var(--white-color);
    color: #000;
    transition: all ease .4s
}

.awura-mobile-menu ul .awura-item-has-children>a .awura-mean-expand:before {
    content: "\ea6d";
    display: inline-block;
    transition: all ease .3s;
    font-family: remixicon !important
}

.awura-mobile-menu ul .awura-item-has-children.awura-active>a .awura-mean-expand:before {
    transform: rotate(-90deg)
}

.awura-mobile-menu>ul>li:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.awura-menu-toggle {
    width: 45px;
    height: 45px;
    padding: 0;
    font-size: 24px;
    border: none;
    background-color: var(--accent-color);
    color: var(--primary-color);
    display: inline-block;
    border-radius: 10px
}

.awura-menu-toggle i {
    font-size: 24px;
    color: var(--white-color)
}

.awura-orange-bg i {
    color: var(--primary-color)
}

.awura-menu-mobile-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px
}

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

.awura-mobile-menu-btn {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0 15px;
    padding-top: 50px
}

a.awura-default-btn {
    font-size: 16px;
    line-height: 1;
    padding: 18px 21px;
    border-radius: 6px;
    font-weight: 600;
    font-family: Sora, sans-serif;
    width: fit-content;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-flex;
    align-items: center;
    text-align: center;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    color: var(--white-color) !important;
    background-color: var(--accent-color);
    z-index: 0;
    overflow: hidden;
    position: relative;
    letter-spacing: -.01em;
    text-transform: capitalize;
    transform-style: preserve-3d
}

#awura-preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    transition: opacity .6s ease, visibility .6s ease
}

#awura-preloader.fade-out {
    opacity: 0;
    visibility: hidden
}

.awura-loader {
    position: relative;
    width: 120px;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center
}

.awura-loader::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, .1);
    border-top-color: rgba(255, 255, 255, .7);
    border-radius: 50%;
    animation: rotate 1.5s linear infinite
}

@keyframes rotate {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.awura-contact-info-box {
    padding: 30px;
    border-radius: 20px;
    background-color: var(--primary-color)
}

.awura-contact-info-box h3 {
    margin-bottom: 30px;
    color: var(--white-color)
}

@media (max-width:991px) {
    .awura-contact-info-box {
        margin-bottom: 40px
    }
}

.awura-contact-info-wrap {
    padding-bottom: 55px;
    margin-bottom: 55px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

@media (max-width:991px) {
    .awura-contact-info-wrap {
        padding-bottom: 40px;
        margin-bottom: 40px
    }
}

.awura-contact-info-item {
    gap: 15px;
    display: flex;
    margin-bottom: 24px
}

.awura-contact-info-item p {
    font-size: 20px;
    margin: 0
}

.awura-contact-info-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    justify-content: center;
    background-color: rgba(255, 255, 255, .1)
}

.awura-contact-info-icon img {
    width: auto
}

.awura-contact-info-data span {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 5px;
    display: inline-block;
    color: rgba(255, 255, 255, .5)
}

.awura-contact-info-data p {
    color: var(--white-color)
}

.awura-contact-box {
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, .1)
}

.awura-contact-field {
    margin-bottom: 24px
}

.awura-contact-field label {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.awura-contact-field input,
.awura-contact-field select,
.awura-contact-field textarea {
    background-color: rgba(0, 0, 0, .05) !important
}

.awura-contact-field textarea {
    height: 185px
}

.awura-contact-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url(../images/contact/arrow-bottom.svg) 94%/15px no-repeat
}

.awura-contact-field select:focus-visible {
    outline: 0
}

#awura-main-submit-btn:hover .button-icon-hide i,
#awura-main-submit-btn:hover .button-icon-hide img {
    transform: translateX(0)
}

#awura-main-submit-btn:hover .button-icon-show i,
#awura-main-submit-btn:hover .button-icon-show img {
    transform: translateX(20px)
}

.map-section {
    padding-top: 80px
}

.awura-wordmap-row img {
    animation: rotateAnimation 5s linear infinite
}

.awura-contact-row {
    padding-left: 30px
}

.awura-contact-info-section {
    padding: 80px 0 106px
}

@media (max-width:991px) {
    .awura-contact-info-section {
        padding: 80px 0 76px
    }
}

@media (max-width:991px) {
    .awura-contact-info-section {
        padding: 80px 0 56px
    }
}

.awura-contact-info-item2 {
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 24px;
    background-color: rgba(0, 0, 0, .05)
}

.awura-contact-info-icon2 {
    width: 60px;
    height: 60px;
    display: flex;
    margin-bottom: 24px;
    border-radius: 100px;
    align-items: center;
    justify-content: center;
    background-color: var(--primary-color)
}

.awura-contact-info-data2 h3 {
    margin-bottom: 15px
}

.awura-contact-info-data2 p {
    font-size: 20px;
    margin: 0
}

.awura-contact-info-data2 a {
    display: block;
    color: var(--accent-color)
}

@keyframes rotateAnimation {
    from {
        transform: rotateY(45deg)
    }

    to {
        transform: rotateY(225deg)
    }
}

#map {
    height: 600px
}

@media (max-width:991px) {
    #map {
        height: 400px
    }
}

@media (max-width:767px) {
    #map {
        height: 300px
    }
}

.awura-career-thumb-slider {
    display: flex;
    gap: 24px
}

.awura-career-thumb-slider img {
    border-radius: 20px
}

.awura-career-thumb {
    width: 421px;
    flex-shrink: 0
}

.awura-career-author-wrap {
    gap: 24px;
    display: flex;
    align-items: center
}

.awura-career-author-thumb {
    border-radius: 10px;
    overflow: hidden
}

.awura-career-author-data span {
    display: block;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 500
}

.awura-career-author-data p {
    margin: 0
}

@media (max-width:991px) {
    .awura-carrer-header-btn {
        width: 100%;
        margin-top: 40px
    }
}

.awura-career-wrapper {
    gap: 24px;
    display: flex;
    flex-direction: column
}

.awura-career-item {
    gap: 130px;
    display: grid;
    padding: 24px;
    align-items: center;
    border-radius: 20px;
    grid-template-columns: 390px 430px 1fr;
    background-color: rgba(0, 0, 0, .05)
}

@media (max-width:1399px) {
    .awura-career-item {
        gap: 80px
    }
}

@media (max-width:1199px) {
    .awura-career-item {
        gap: 24px
    }
}

@media (max-width:991px) {
    .awura-career-item {
        grid-template-columns: 1fr
    }
}

.awura-career-content h3 {
    margin-bottom: 15px
}

.awura-career-content ul li {
    margin-bottom: 10px;
    font-size: 20px;
    display: flex;
    align-items: center
}

@media (max-width:479px) {
    .awura-career-content ul li {
        font-size: 17px
    }
}

.awura-career-content ul li img {
    margin-right: 10px
}

.awura-career-content ul li:last-child {
    margin-bottom: 10px
}

.awura-career-content ul li span {
    font-weight: 500;
    margin-right: 5px
}

.awura-career-content.dots ul li {
    position: relative;
    padding-left: 20px
}

.awura-career-content.dots ul li::before {
    content: "";
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--primary-color)
}

.awura-career-content h4 {
    margin-bottom: 10px
}

.awura-career-button {
    display: flex;
    justify-content: flex-end
}

@media (max-width:991px) {
    .awura-career-button {
        display: block
    }
}

.awura-career-icon-btn {
    width: 60px;
    height: 60px;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    transition: all .4s;
    border: 1px solid rgba(0, 0, 0, .1)
}

.awura-career-icon-btn i {
    font-size: 30px;
    color: var(--primary-color)
}

.awura-career-icon-btn:hover {
    border: 1px solid var(--accent-color);
    background-color: var(--accent-color)
}

.awura-career-icon-btn .awura-arrow-hide i {
    color: var(--white-color)
}

.awura-career-icon-btn:hover .awura-arrow-hide {
    transform: translateX(0)
}

.awura-career-icon-btn:hover .awura-arrow-show {
    transform: translateX(40px)
}

.awura-career-details-content {
    margin: 0 auto;
    max-width: 1076px
}

.awura-career-details-content h3 {
    margin-bottom: 15px
}

.awura-career-details-content p {
    font-size: 20px
}

.awura-career-details-content .awura-list-icon4 {
    margin-bottom: 30px
}

.awura-integration-details-wrap {
    gap: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 80px
}

@media (max-width:1399px) {
    .awura-integration-details-icon img {
        width: 100px
    }
}

@media (max-width:991px) {
    .awura-integration-details-icon img {
        width: 80px
    }
}

.awura-integration-details-content {
    margin: 0 auto;
    max-width: 1076px
}

.awura-integration-details-content h3 {
    margin-bottom: 15px
}

.awura-integration-details-content p {
    font-size: 20px
}

.awura-integration-details-content .awura-list-icon4 {
    margin-bottom: 30px
}

.awura-list-icon4.list-number ul li {
    padding-left: 0
}

.awura-list-icon4.list-number ul li::before {
    content: none
}

.awura-about-page-thumb {
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 24px
}

.awura-about-page-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.awura-white-divider {
    height: 1px;
    width: 100%;
    background-color: rgba(255, 255, 255, .1)
}

.awura-dark-divider {
    height: 1px;
    width: 100%;
    background-color: rgba(0, 0, 0, .1)
}

.awura-address-wrapper {
    position: relative
}

.awura-address-info-wrap {
    top: 50%;
    left: 50px;
    z-index: 10;
    padding: 0 24px;
    position: absolute;
    border-radius: 20px;
    transform: translateY(-50%);
    background-color: var(--white-color)
}

@media (max-width:991px) {
    .awura-address-info-wrap {
        position: static;
        transform: inherit;
        margin-bottom: 20px;
        padding: 0
    }
}

.awura-addres-thumb-wrap {
    position: relative
}

.awura-addres-thumb-item {
    transition: all .4s
}

.awura-addres-thumb-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px
}

@media (max-width:479px) {
    .awura-addres-thumb-item img {
        border-radius: 10px;
        height: 250px
    }
}

.awura-addres-thumb-item.thumb-two {
    top: 0;
    opacity: 0;
    z-index: 9;
    position: absolute
}

.awura-addres-thumb-item.thumb-two.active {
    opacity: 1
}

.awura-addres-thumb-item.thumb-three {
    top: 0;
    opacity: 0;
    z-index: 8;
    position: absolute
}

.awura-addres-thumb-item.thumb-three.active {
    opacity: 1
}

.awura-address-item {
    gap: 100px;
    display: flex;
    max-width: 476px;
    padding: 24px 0;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

@media (max-width:991px) {
    .awura-address-item {
        max-width: 100%
    }
}

@media (max-width:479px) {
    .awura-address-item {
        gap: 24px
    }
}

.awura-address-item:last-child {
    border-bottom: none
}

.awura-address-item:hover .icon-hide {
    transform: translateX(0)
}

.awura-address-item:hover .icon-show {
    transform: translateX(30px)
}

.awura-address-item:hover .awura-address-btn {
    border: 1px solid var(--accent-color);
    background-color: var(--accent-color)
}

.awura-address-text h3 {
    margin-bottom: 15px
}

.awura-address-text p {
    margin: 0
}

.awura-address-btn {
    width: 40px;
    height: 40px;
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    position: relative;
    transition: all .4s;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, .1)
}

.awura-address-btn img {
    width: auto;
    height: auto
}

.icon-hide,
.icon-show {
    position: absolute;
    transition: all .4s
}

.icon-hide {
    transition: all .4s;
    transform: translateX(-30px)
}

@media (max-width:991px) {
    .address-style-two {
        margin-top: 40px
    }
}

.address-style-two.awura-address-info-wrap {
    position: static;
    transform: none;
    padding: 0;
    gap: 24px;
    display: flex;
    flex-direction: column
}

.address-style-two .awura-address-item {
    gap: 24px;
    padding: 24px;
    border-radius: 20px;
    border: none;
    max-width: 100%;
    background-color: rgba(0, 0, 0, .05)
}

.address-style-two .awura-address-item span {
    font-weight: 500
}

.address-style-two .awura-address-text h3 {
    margin-bottom: 0
}

.address-style-two .awura-address-text {
    gap: 15px;
    display: flex;
    flex-direction: column
}

.awura-wordmap-row {
    margin-top: 30px
}

.address-style-three {
    margin-top: -480px
}

@media (max-width:991px) {
    .address-style-three {
        margin-top: -300px
    }
}

@media (max-width:479px) {
    .address-style-three {
        margin-top: -150px
    }
}

.address-style-three .awura-addres-thumb-item {
    position: relative;
    margin-bottom: 24px
}

.address-style-three .awura-address-item {
    width: calc(100% - 48px);
    display: block;
    bottom: 24px;
    left: 24px;
    padding: 24px;
    border-radius: 10px;
    position: absolute;
    background-color: var(--white-color)
}

@media (max-width:479px) {
    .address-style-three .awura-address-item {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        position: static
    }
}

.address-style-three .awura-address-text p {
    margin-bottom: 24px
}

.address-style-three .awura-address-btn {
    border: 1px solid var(--primary-color);
    background-color: var(--primary-color)
}