.logo img {
    transition: all .2s;
}

.logo img.zoomedout {
    width: 220px
}

.font-hero {
    font-family: "Kanit", sans-serif !important;
    font-weight: 700 !important;
}

.color1 {
    color: #E23B53
}

.hero-banner-sixteen .hero-heading span,
.title-style-eleven h2 span,
.title-style-seven h2 span {
    color: #E23B53;
}

.hero-banner-sixteen .hero-heading span::before,
.title-style-eleven h2 span:before,
.title-style-seven h2 span:before {
    display: none;
}

.logo img.text.hide,
.logo img.full.hide {
    display: none;
}

.logo img.full.show,
.logo img.text.show {
    display: block;
    opacity: 1;
}

.hero-banner-sixteen .screen-holder .shape-two {
    width: 44%
}

.not-available {
    color: #B9B9B9 !important
}

.not-available:before {
    content: url(../images/icon/64.svg) !important;
    top: 5px !important;
    left: -8px !important;
}

.all-features table th {
    font-weight: normal;
}

.all-features table {
    font-size: 14px;
}

.w-1\/3 {
    width: 33.3333%;
}

.w-5 {
    width: 1.25rem;
}

.h-5 {
    height: 1.25rem;
}

.h-px {
    height: 1px
}

.inset-x-8 {
    left: 1rem;
    right: 1rem;
}

.absolute {
    position: absolute;
}

.bg-gray-900\/5 {
    background-color: rgba(17, 24, 39, .05);
}

@media (min-width: 1280px) {
    .xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@-webkit-keyframes wings {
    50% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes wings {
    50% {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@keyframes bounce {

    0%,
    20%,
    53%,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -7px, 0);
        transform: translate3d(0, -7px, 0)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    90% {
        -webkit-transform: translate3d(0, -2px, 0);
        transform: translate3d(0, -2px, 0)
    }
}

@-webkit-keyframes slideY {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@keyframes slideY {

    0%,
    50%,
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }

    75% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px)
    }
}

@-webkit-keyframes slideX {

    0%,
    50%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@keyframes slideX {

    0%,
    50%,
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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