@tailwind base;
@tailwind components;
@tailwind utilities;
@import url('../fonts/flaticon_bookiphy.css');
*, ::before, ::after {
    --cbp-green: #2BC59E;
    --cbp-green-10: #2BC59E1a;
    --cbp-red: #ff613c;
    --cbp-red-focus: #ea4824;
    --cbp-red-10: #ff613c1a;
    --cbp-color: #f5bd02;
    --cbp-blue: #087cbf;
    --cbp-blue-10: #087cbf1a;
    --cbp-black: #212121;
}
html,body{overflow-x: hidden;}
.btn-cbp.inv:hover,.btn-cbp{background-color: var(--cbp-color);color: var(--cbp-black);border: 2px solid var(--cbp-color);}
.btn-cbp:hover,.btn-cbp.inv{background-color: var(--cbp-black);color: #fff;border: 2px solid var(--cbp-black);}
.btn-cbp.inv-cbp{background-color: transparent;color: var(--cbp-color);border: 2px solid var(--cbp-color);}
.btn-cbp.inv-cbp:hover{background-color: #f5bd021a;}
.btn-cbp.inv-blk{background-color: transparent;color: var(--cbp-black);border: 2px solid var(--cbp-black);}
.btn-cbp.inv-blk:hover{background-color: var(--cbp-color);color: var(--cbp-black);border: 2px solid var(--cbp-color);}
.btn-cbp.inv-wht{background-color: transparent;color: #fff;border: 2px solid #fff;}
.btn-cbp.inv-wht:hover{background-color: rgba(255, 255, 255, 0.1);color: #fff;border: 2px solid #fff;}
.btn-cq-blue{background-color: var(--cbp-blue);color: #fff;border: 2px solid var(--cbp-blue);}
.btn-cq-blue:hover{background-color: var(--cbp-color);color: var(--cbp-black);border: 2px solid var(--cbp-color);}
.support-area{background-color: var(--cbp-black);}

.cq-errtxt{color: var(--cbp-red);margin-top: 10px;display: block;}
.overflow-hidden{overflow: hidden;}
.bg-cq-green\/10{background-color: var(--cbp-green-10);}
.bg-cq-red\/10{background-color: var(--cbp-red-10);}
.bg-cq-blue\/10{background-color: var(--cbp-blue-10);}
.alert .w-1\.5{width: 5px;display:block;}
.alert.rounded-lg{border-radius:7px;margin-bottom: 24px;}
.bg-cq-green{background-color: var(--cbp-green);}
.bg-cq-red{background-color: var(--cbp-red);}
.bg-cq-blue{background-color: var(--cbp-blue);}
.text-cq-green{color: var(--cbp-green);}
.text-cq-red{color: var(--cbp-red);}
.flex-1{flex: 1 1 0%;}
.space-x-2{gap: 10px;}
.text-cq-red{color: var(--cbp-red);}
.text-cq-black{color: #000;}
.p-2{padding:8px;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0;}

[data-showpass].show::before{content: "\F340";}
.pswdplcyul li{position: relative;padding-left: 25px;font-size: 14px;}
.pswdplcyul li:not(:last-child){margin-bottom: 7px;}
.pswdplcyul li::before{content: "\F623";font-family: 'bootstrap-icons';font-size: 14px;color: var(--cbp-red);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.pswdplcyul li.valid::before{content: "\F26A";color: var(--cbp-green);}
.peer:focus+.peer-focus\:block{display: block;}
.pswdplcybox{position: absolute;right: 0;z-index: 9;background: #fff;padding: 15px;border-radius: 10px;box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);}

.underlinetext {
    position: relative;
}
.underlinetext::before {
    content: " ";
    position: absolute;
    left: 0;
    bottom: 18px;
    width: 100%;
    height: 15px;
    background-color: #f5bd02;
}
.underlinetext span {
    z-index: 1;
    position: relative;
}
/* Preloader Area CSS */
.preloader-area.deactivate {
    display: none;
}
.preloader-area .preloader .waviy {
    -webkit-box-reflect: below -46px linear-gradient(transparent, rgba(0, 0, 0, 0.2));
}
.preloader-area .preloader .waviy span {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation: waviy 1s infinite;
    animation: waviy 1s infinite;
}
.preloader-area .preloader .waviy span:nth-child(2) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
}
.preloader-area .preloader .waviy span:nth-child(3) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.preloader-area .preloader .waviy span:nth-child(4) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}
.preloader-area .preloader .waviy span:nth-child(5) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.preloader-area .preloader .waviy span:nth-child(6) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
@keyframes waviy {
    0%, 40%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

/* Navbar Area CSS */
.navbar-area.is-sticky {
    @apply top-0;
    @apply left-0;
    @apply w-full;
    @apply z-999;
    @apply fixed;
    @apply bg-white;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.navbar-area.black-navbar.is-sticky {
    @apply bg-black-color;
}
.togy-nav .navbar ul li a.active {
    @apply text-primary-color;
}
.togy-nav .navbar ul li a.active::after {
    @apply bg-primary-color;
}
.togy-nav .navbar ul li a.active::before {
    @apply bg-primary-color;
}
.togy-nav .navbar ul li ul li ul {
    @apply opacity-0;
    @apply invisible;
}
.togy-nav .navbar ul li ul li:hover ul {
    @apply opacity-100;
    @apply visible;
}

/* Overview Area CSS */
.overview-image img {
    filter: drop-shadow(15px 15px 40px rgba(0, 0, 0, 0.1)) drop-shadow(-15px -15px 40px rgba(0, 0, 0, 0.15));
}
.features-area .image img.active {
    @apply opacity-100;
    @apply visible;
}
.circle-shape-bg::before {
    background-image: url(../img/shape/bg-circle.png);
}
.circle-shape-bg2::before {
    background-image: url(../img/shape/bg-circle2.png);
}
.circle-shape-bg3::before {
    background-image: url(../img/shape/bg-circle3.png);
}
.circle-shape-bg4::before {
    background-image: url(../img/shape/bg-circle4.png);
}
.featbg::before {
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30%;
    background-image: url('../img/shape/bg4.jpg');
    background-position: center bottom;
    background-size: cover;
}

/* Feedback Area CSS */
.feedback-section-title .swiper-button-next.swiper-button-disabled, .feedback-section-title .swiper-button-prev.swiper-button-disabled, .section-title .swiper-button-next.swiper-button-disabled, .section-title .swiper-button-prev.swiper-button-disabled {
    @apply opacity-100;
}
.feedback-section-title .swiper-button-next svg, .feedback-section-title .swiper-button-prev svg, .section-title .swiper-button-next svg, .section-title .swiper-button-prev svg {
    @apply stroke-secondary-color;
}
.feedback-section-title .swiper-button-next:hover svg, .feedback-section-title .swiper-button-prev:hover svg, .section-title .swiper-button-next:hover svg, .section-title .swiper-button-prev:hover svg {
    @apply stroke-white;
}

/* Screenshots Area CSS */
.screenshotsSwiperSlides .swiper-pagination-bullet {
    @apply opacity-100;
    @apply bg-[#3D3D3D];
    @apply w-12;
    @apply h-12;
}
.screenshotsSwiperSlides .swiper-pagination-bullet.swiper-pagination-bullet-active {
    @apply bg-primary-gradient-color;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    @apply bottom-0;
}

/* FAQ Area CSS */
.accordion .accordion-item .accordion-title.active::before {
    @apply visible;
    @apply opacity-100;
}
.accordion .accordion-item .accordion-title.active svg {
    @apply rotate-180;
    @apply stroke-optional-color;
}
.accordion .accordion-item .accordion-content {
    @apply hidden;
}
.accordion .accordion-item .accordion-content.show {
    @apply block;
}

/* Team Area CSS */
.single-team-member .socials .btn svg {
    @apply stroke-secondary-color;
}
.single-team-member:hover .socials .btn {
    @apply rotate-180;
}
.single-team-member .socials ul {
    @apply opacity-0;
    @apply invisible;
}
.single-team-member:hover .socials ul {
    @apply opacity-100;
    @apply visible;
}

/* Footer Area CSS */
.single-footer-widget ul li a:before {
    transition: .5s;
}

/* Copyright Area CSS */
.copyright p a {
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

/* Back to Top CSS */
.progress-wrap {
    transform: translateY(0.75rem);
    transition: all .2s linear, margin-right 0s;
    box-shadow: inset 0 0 0 0.1rem rgba(128, 130, 134, 0.25);
}
.progress-wrap.active-progress {
    @apply opacity-100;
    @apply visible;
    @apply translate-y-0;
}

/* keyframes */
@keyframes rotateme {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@keyframes movebounce {
    0% {
        transform: translateY(0px); 
    }
    50% {
        transform: translateY(20px); 
    }
    100% {
        transform: translateY(0px); 
    } 
}
@keyframes moveleftbounce {
    0% {
        transform: translateX(0px); 
    }
    50% {
        transform: translateX(20px); 
    }
    100% {
        transform: translateX(0px); 
    } 
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes animationFramesOne {
    0% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }
    20% {
        -webkit-transform: translate(73px,-1px) rotate(36deg);
    }
    40% {
        -webkit-transform: translate(141px,72px) rotate(72deg);
    }
    60% {
        -webkit-transform: translate(83px,122px) rotate(108deg);
    }
    80% {
        -webkit-transform: translate(-40px,72px) rotate(144deg);
    }
    100% {
        -webkit-transform: translate(0px,0px) rotate(0deg);
    }
}

/* tabs */
.tab-content {
    @apply hidden;
}
.tab-content.current {
    @apply block;
}
.customer-service-tabs .tabs li.current span:before {
    @apply w-full;
}
.customer-service-tabs .tabs li.current span:before {
    @apply opacity-100;
    @apply visible;
}
.customer-service-tabs.style-two .tabs li.current span {
    @apply text-white;
}
.customer-service-tabs.style-two .tabs li.current span::before {
    @apply opacity-100;
    @apply visible;
}

/*================================================
Responsive CSS
=================================================*/
/* Max width 767px */
@media only screen and (max-width: 767px) {

    .navbar-area {
        @apply pt-15;
        @apply pb-15;
    }
    .togy-responsive-nav .togy-responsive-menu {
        @apply relative;
    }
    .togy-responsive-nav .mean-container a.meanmenu-reveal {
        @apply p-0;
        @apply w-30;
        @apply h-30;
        @apply pt-11;
        @apply top-0;
        @apply text-black-color;
    }
    .togy-responsive-nav .mean-container a.meanmenu-reveal span {
        @apply h-4;
        @apply top-10;
        @apply -mt-9;
        @apply relative;
        @apply rounded-sm;
        @apply bg-black-color;
    }
    .togy-responsive-nav .mean-container .mean-bar {
        @apply p-0;
        @apply z-999;
        @apply absolute;
        @apply bg-transparent;
    }
    .togy-responsive-nav .logo {
        @apply relative;
        @apply w-[50%];
        @apply z-999;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav {
        @apply mt-62;
        @apply bg-white;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul {
        @apply text-14px;
        @apply border-0;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a {
        @apply border-t-[#DBEEFD];
        @apply text-black-color;
        @apply normal-case;
        @apply font-semibold;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .navbar-nav {
        @apply max-h-[70vh];
        @apply overflow-y-scroll;
        @apply overflow-x-hidden;
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a.active {
        @apply text-primary-color;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
        @apply h-23;
        @apply p-13;
        @apply w-[50%];
        @apply border-l-0;
        @apply border-b-0;
        @apply text-right;
        @apply bg-transparent;
    }
    .black-navbar .togy-responsive-nav .mean-container a.meanmenu-reveal {
        @apply text-white;
    }
    .black-navbar .togy-responsive-nav .mean-container a.meanmenu-reveal span {
        @apply bg-white;
    }

    .integrate-apps-list ul {
        margin-top: -15px;
    }
    .integrate-apps-list ul li {
        margin-top: 15px;
        margin-right: 15px;
    }

    .overview-image img {
        filter: unset;
    }
    .pswdplcyul li,.pswdplcyul li::before{font-size: 12px;}
}

/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    .navbar-area {
        @apply pt-15;
        @apply pb-15;
    }
    .togy-responsive-nav .togy-responsive-menu {
        @apply relative;
    }
    .togy-responsive-nav .mean-container a.meanmenu-reveal {
        @apply p-0;
        @apply w-30;
        @apply h-30;
        @apply pt-11;
        @apply top-0;
        @apply text-black-color;
    }
    .togy-responsive-nav .mean-container a.meanmenu-reveal span {
        @apply h-4;
        @apply top-10;
        @apply -mt-9;
        @apply relative;
        @apply rounded-sm;
        @apply bg-black-color;
    }
    .togy-responsive-nav .mean-container .mean-bar {
        @apply p-0;
        @apply z-999;
        @apply absolute;
        @apply bg-transparent;
    }
    .togy-responsive-nav .logo {
        @apply relative;
        @apply w-[50%];
        @apply z-999;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav {
        @apply mt-62;
        @apply bg-white;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul {
        @apply text-15px;
        @apply border-0;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a {
        @apply border-t-[#DBEEFD];
        @apply text-black-color;
        @apply font-semibold;
        @apply normal-case;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .navbar-nav {
        @apply max-h-[70vh];
        @apply overflow-y-scroll;
        @apply overflow-x-hidden;
        box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.1);
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a.active {
        @apply text-primary-color;
    }
    .togy-responsive-nav .togy-responsive-menu.mean-container .mean-nav ul li a.mean-expand {
        @apply h-23;
        @apply p-13;
        @apply w-[50%];
        @apply border-l-0;
        @apply border-b-0;
        @apply text-right;
        @apply bg-transparent;
    }
    .black-navbar .togy-responsive-nav .mean-container a.meanmenu-reveal {
        @apply text-white;
    }
    .black-navbar .togy-responsive-nav .mean-container a.meanmenu-reveal span {
        @apply bg-white;
    }

    .overview-image img {
        filter: unset;
    }

}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {}

/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {}

/* Min width 1600px */
@media only screen and (min-width: 1600px) {}




*::-webkit-scrollbar {
    height: .375rem;
    width: .375rem
}

*:focus-within::-webkit-scrollbar-thumb,*:hover::-webkit-scrollbar-thumb {
    background-color: #cbd5e1cc;
    border-radius: 9999px
}

.dark *:focus-within::-webkit-scrollbar-thumb,.dark *:hover::-webkit-scrollbar-thumb {
    background-color: #5c6b8a
}

*::-webkit-scrollbar-thumb:hover {
    background-color: #94a3b8
}

.dark *::-webkit-scrollbar-thumb:hover {
    background-color: #697a9b
}

.activityimg div{
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    min-height: 180px;
    transition: all 0.3s ease;
    position: relative;
}
.activityimg div:hover{
    transform: scale(1.05);
    border-color: #212121;
}
.activityimg span{
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%) scale(0);
    opacity: 0;
    background-color: #f5bd02;
    padding: 0px 15px;
    border-radius: 6px;
    color: #000;
    transition: all 0.3s ease;
    white-space: nowrap;
}
.activityimg div:hover span{
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
.activityimg img{
    width: 90px;
    height: 90px;
    transition: all 0.3s ease;
}
.activityimg div:hover img{
    transform: translateY(-20px) scale(0.8);
}
.pricing-area .tabs .tab-link.current span{
    background-color: var(--cbp-black);
    color: #fff;
}
.pricing-area .tabs .tab-link small{
    text-decoration: line-through;
    color: #9e9e9e;
}
.pricing-area .tabs .tab-link.current small{
    text-decoration: none;
    color: var(--cbp-blue);
    font-weight: 500;
}
#SOIBTN_Bookiphy{
    box-shadow: 0 3px 15px 0 rgba(0,0,0,0.25);
    border-radius: 8px;
    background: var(--cbp-color);
    color: var(--cbp-black);
    border: 1px solid var(--cbp-color);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    position: fixed;
    bottom: 15px;
    left: 20px;
    z-index: 100;
    padding: 12px 25px;
}
.grecaptcha-badge{display: none !important;}
.alert{margin-bottom:1rem;display:flex;color: #000;padding:.5rem;border-radius:.5rem;overflow:hidden;gap: 0.5rem;align-items: center;line-height: 1.3;font-size: 16px;}
.alert.alert-danger{background-color: #ff613c1a;}.alert.alert-red::before{background-color: #ff613c;}.alert.alert-red i{color: #ff613c;}
.alert.alert-success{background-color: #42ba971a;}.alert.alert-red::before{background-color: #42ba97;}.alert.alert-red i{color: #42ba97;}
.alert.alert-warning{background-color: #e999201a;}.alert.alert-red::before{background-color: #e99920;}.alert.alert-red i{color: #e99920;}
.alert.alert-info{background-color: #174fbf1a;}.alert.alert-red::before{background-color: #174fbf;}.alert.alert-red i{color: #174fbf;}
.border-cq-red{border-color:#ff613c;}
.border-cq-green{border-color:#42ba97;}
.border-cq-black{border-color:#131313;}
.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;}
.mask.is-squircle{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");}
.steps{--size:2rem;--line:.25rem;align-items:baseline;display:flex;}
.steps.line-space{--space:.5rem;}
.steps .step{display:flex;flex:1 1 0%;flex-direction:column;letter-spacing:.025em;overflow-wrap:break-word;text-align:center;}
.steps .step .step-header{align-items:center;display:flex;flex-shrink:0;height:var(--size);justify-content:center;margin:auto auto .5rem;position:relative;width:var(--size);}
.steps .step:not(:last-child):before{--tw-content:"";border-radius:9999px;content:var(--tw-content);height:var(--line);left:50%;order:-1;position:relative;top:calc(var(--size)/2 + var(--line)/2);}
.steps.line-space .step:not(:last-child):before{left:calc(50% + var(--size)/2 + var(--space));width:calc(100% - var(--size) - var(--space)*2);}
.before\:bg-slate-200:before{background-color:#e2e8f0;content:var(--tw-content);}
.mask{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;}
.mask.is-squircle{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' fill='none' viewbox='0 0 200 200'%3E%3Cpath fill='%23000' d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0z'/%3E%3C/svg%3E");}
.steps{--size:2rem;--line:.25rem;display:flex;align-items:baseline;}
.steps.line-space{--space:.5rem;}
.steps .step{display:flex;flex:1 1 0%;flex-direction:column;overflow-wrap:break-word;text-align:center;letter-spacing:.025em;}
.steps .step .step-header{margin-bottom:.5rem;height:var(--size);width:var(--size);position:relative;margin:auto;display:flex;flex-shrink:0;align-items:center;justify-content:center;}
.steps .step:not(:last-child):before{left:50%;top:calc(var(--size) / 2 + var(--line) / 2);order:-1;height:var(--line);--tw-content:"";content:var(--tw-content);position:relative;border-radius:9999px;}
.steps.line-space .step:not(:last-child):before{width:calc(100% - var(--size) - calc(var(--space) * 2));left:calc(50% + calc(var(--size) / 2 + var(--space)));}
.mt-2{margin-top:.5rem;}
.text-\[10px\]{font-size:10px;}
.text-xs\+{font-size:.8125rem;line-height:1.125rem;}
.font-medium{font-weight:500;}
.text-gray-400{color:#9ca3af;}
.text-slate-500{color:#64748b;}
.text-white{color:#fff;}
.\[--line\:\.25rem\]{--line:.25rem;}
.\[--size\:2rem\]{--size:2rem;}
.text-cq-black{color:var(--cbp-black);}
.bg-cq-black{background-color:var(--cbp-black);}
.before\:bg-\[\#e9eef5\]:before{content:var(--tw-content);background-color:#e9eef5;}
.blogcnt h1,.blogcnt h2,.blogcnt h3,.blogcnt h4,.blogcnt h5,.blogcnt h6{margin-bottom: 20px;font-size: 16px;font-weight: 600;}
.blogcnt p{font-size: 15px;margin-bottom: 20px;line-height: 1.8;}
.blogcnt a:hover{text-decoration: underline;}
.blog-tags { display: flex; gap: 10px; flex-wrap: wrap;}
.single-blog-post .blog-image { width: 100%; height: 15rem; object-fit: cover;}
.single-blog-post .blogcnt { height: 6rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.page-pagination-two {
    padding-bottom: 30px;
}
li.blog-li {
    vertical-align: baseline;
    text-decoration: none;
    padding: 0;
}
.text-\[\#BABABA\] {
    --tw-text-opacity: 1;
    color: rgb(186 186 186 / var(--tw-text-opacity));
}
.text-\[16px\] {
    font-size: 16px;
}
.text-black {
    color: #000;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mx-\[11px\] {
    margin-left: 11px;
    margin-right: 11px;
}
.text-\[\#BABABA\] {
    --tw-text-opacity: 1;
    color: rgb(186 186 186 / var(--tw-text-opacity));
}
.text-\[16px\] {
    font-size: 16px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.mx-\[11px\] {
    margin-left: 11px;
    margin-right: 11px;
}
.single-blog-post .blog-post-heading {
    height: 4.25rem; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
@media (min-width: 640px){
.sm\:w-3\/4{width:75%;}
.sm\:text-base{font-size:1rem;line-height:1.5rem;}
.sm\:text-xs\+{font-size:.8125rem;line-height:1.125rem;}
.sm\:\[--size\:2\.5rem\]{--size:2.5rem;}
}
@media (min-width: 1024px){
.lg\:w-2\/3{width:66.666667%;}
}
.steps .step.active .step-header{background-color: #131313;color: #fff;}
.steps .step.active h3{color: #000;}
.secndstep button[type="submit"][disabled]{opacity: 0.5;cursor: not-allowed;pointer-events: none;touch-action: none;}
@media(max-width: 1199.98px){
    .underlinetext::before{bottom: 15px;}
}
@media(max-width: 767.98px){
    .underlinetext::before{bottom: 7px;height: 10px;}
    #SOIBTN_Bookiphy{padding: 8px 18px;font-size: 13px;}
}
.select2.h-50+.select2-container--default .select2-selection--single{height: 50px;}
.select2.bg-white.border.border-\[\#e2e2e2\]+.select2-container--default .select2-selection--single{background-color: #fff;border: 1px solid #e2e2e2;}
.select2[readonly]+.select2-container--default .select2-selection{pointer-events: none;touch-action: none;background-color: #f1f1f1 !important;}
footer .indusmenu a{padding-left: 0;padding-right: 0;}




.couponbox .form-input{transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);}
.couponbox .form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:.025em;outline:2px solid transparent;outline-offset:2px;}
.couponbox .form-input::placeholder{font-weight:300;}
.couponbox .form-input:focus{outline:2px solid transparent;outline-offset:2px;}
.couponbox .form-input{contain:paint;}
.couponbox .badge{align-items:center;border-radius:.25rem;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;letter-spacing:.025em;line-height:1rem;line-height:1;padding:.375rem .5rem;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:baseline;}
.couponbox .relative{position:relative;}
.couponbox .mx-auto{margin-left:auto;margin-right:auto;}
.couponbox .mb-1{margin-bottom:.25rem;}
.couponbox .mt-0{margin-top:0;}
.couponbox .mt-2{margin-top:.5rem;}
.couponbox .mt-4{margin-top:1rem;}
.couponbox .block{display:block;}
.couponbox .flex{display:flex;}
.couponbox .h-10{height:2.5rem;}
.couponbox .w-10{width:2.5rem;}
.couponbox .w-full{width:100%;}
.couponbox .flex-row{flex-direction:row;}
.couponbox .flex-wrap{flex-wrap:wrap;}
.couponbox .items-end{align-items:flex-end;}
.couponbox .items-center{align-items:center;}
.couponbox .justify-center{justify-content:center;}
.couponbox .justify-between{justify-content:space-between;}
.couponbox .gap-2{gap:.5rem;}
.couponbox .whitespace-nowrap{white-space:nowrap;}
.couponbox .rounded-md{border-radius:.375rem;}
.couponbox .rounded-xl{border-radius:.75rem;}
.couponbox .border{border-width:1px;}
.couponbox .bg-white{background-color:#fff;}
.couponbox .px-2{padding-left:.5rem;padding-right:.5rem;}
.couponbox .px-4{padding-left:1rem;padding-right:1rem;}
.couponbox .pb-3{padding-bottom:.75rem;}
.couponbox .pt-3{padding-top:.75rem;}
.couponbox .text-left{text-align:left;}
.couponbox .text-base{font-size:1rem;line-height:1.5rem;}
.couponbox .text-sm{font-size:.875rem;line-height:1.25rem;}
.couponbox .text-xs{font-size:.75rem;line-height:1rem;}
.couponbox .font-bold{font-weight:700;}
.couponbox .font-medium{font-weight:500;}
.couponbox .font-semibold{font-weight:600;}
.couponbox .uppercase{text-transform:uppercase;}
.couponbox .underline{text-decoration-line:underline;}
.couponbox .shadow-sm{box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 2px 0 rgba(0,0,0,.05);}
.couponbox .transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);}
@media (min-width:640px){
.couponbox .sm\:mt-0{margin-top:0;}
}
.couponbox .form-input{transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);}
.couponbox .form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;letter-spacing:.025em;outline:2px solid transparent;outline-offset:2px;}
.couponbox .form-input:focus{outline:2px solid transparent;outline-offset:2px;}
.couponbox .form-input::placeholder{font-weight:300;}
.couponbox .form-input:focus{outline:2px solid transparent;outline-offset:2px;}
.couponbox .form-input{contain:paint;}
.couponbox .cq-input{border-radius:0px;border-bottom-width:1px;border-color:#e5e7eb;padding-left:0px;padding-right:0px;color:#000;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;width:100%;border-radius:0;background-color:transparent;padding-left:0;padding-right:0;padding-bottom:.5rem;padding-top:.5rem;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);}
.couponbox .cq-input::placeholder{color:#94a3b8;}
.couponbox .cq-input:hover{border-color:#94a3b8;}
.couponbox .cq-input::placeholder{color:#94a3b8;}
.couponbox .cq-input:hover{border-color:#94a3b8;}
.couponbox .cq-input:focus{border-bottom-width:1px;border-bottom-color:#212121;}
.couponbox .cq-input:disabled{background-color:#f3f4f6;padding-left:0.75rem;padding-right:0.75rem;}
.couponbox .badge{padding-top:3px;padding-bottom:3px;vertical-align:baseline;font-family:'Poppins', ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;display:inline-flex;align-items:center;justify-content:center;border-radius:.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.8125rem;line-height:1.125rem;font-weight:500;line-height:1;letter-spacing:.025em;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;}
@media (min-width: 640px){
.couponbox .badge{font-size:0.875rem;line-height:1.25rem;}
}
.couponbox .relative{position:relative;}
.couponbox .mx-auto{margin-left:auto;margin-right:auto;}
.couponbox .mb-1{margin-bottom:0.25rem;}
.couponbox .mb-3{margin-bottom:0.75rem;}
.couponbox .mb-4{margin-bottom:1rem;}
.couponbox .mt-0{margin-top:0px;}
.couponbox .mt-2{margin-top:0.5rem;}
.couponbox .mt-4{margin-top:1rem;}
.couponbox .block{display:block;}
.couponbox .flex{display:flex;}
.couponbox .h-10{height:2.5rem;}
.couponbox .w-10{width:2.5rem;}
.couponbox .w-full{width:100%;}
.couponbox .max-w-3xl{max-width:48rem;}
.couponbox .flex-row{flex-direction:row;}
.couponbox .flex-wrap{flex-wrap:wrap;}
.couponbox .items-end{align-items:flex-end;}
.couponbox .items-center{align-items:center;}
.couponbox .justify-center{justify-content:center;}
.couponbox .justify-between{justify-content:space-between;}
.couponbox .gap-2{gap:0.5rem;}
.couponbox .whitespace-nowrap{white-space:nowrap;}
.couponbox .rounded-md{border-radius:0.375rem;}
.couponbox .rounded-xl{border-radius:0.75rem;}
.couponbox .border{border-width:1px;}
.couponbox .border-cq-red-focus{border-color:#ea4824;}
.couponbox .bg-cq-yellow{background-color:#ffb94f;}
.couponbox .bg-white{background-color:#fff;}
.couponbox .px-2{padding-left:0.5rem;padding-right:0.5rem;}
.couponbox .px-4{padding-left:1rem;padding-right:1rem;}
.couponbox .pb-3{padding-bottom:0.75rem;}
.couponbox .pt-3{padding-top:0.75rem;}
.couponbox .text-left{text-align:left;}
.couponbox .text-base{font-size:1rem;line-height:1.5rem;}
.couponbox .text-sm{font-size:0.875rem;line-height:1.25rem;}
.couponbox .text-xs{font-size:0.75rem;line-height:1rem;}
.couponbox .font-bold{font-weight:700;}
.couponbox .font-medium{font-weight:500;}
.couponbox .font-semibold{font-weight:600;}
.couponbox .uppercase{text-transform:uppercase;}
.couponbox .leading-4{line-height:1rem;}
.couponbox .text-black{color:#000;}
.couponbox .text-cq-black{color:#212121;}
.couponbox .text-cq-red-focus{color:#ea4824;}
.couponbox .underline{text-decoration-line:underline;}
.couponbox .transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.couponbox .text-cq-black{color:var(--cbp-black);}
.couponbox .text-cq-red-focus{color:var(--cbp-red-focus);}
.couponbox .border-cq-red-focus{border-color:var(--cbp-red-focus)!important;}
.couponbox .hover\:no-underline:hover{text-decoration-line:none;}
@media (min-width: 640px){
.couponbox .sm\:mb-6{margin-bottom:1.5rem;}
.couponbox .sm\:mt-0{margin-top:0px;}
.couponbox .sm\:text-base{font-size:1rem;line-height:1.5rem;}
.couponbox .sm\:text-xs\+{font-size:0.8125rem;line-height:1.125rem;}
.couponbox .sm\:\!leading-5{line-height:1.25rem!important;}
}
@media (min-width: 768px){
.couponbox .md\:text-lg{font-size:1.125rem;line-height:1.75rem;}
}
@media (min-width: 1024px){
.couponbox .lg\:top-4{top:1rem;}
.couponbox .lg\:mt-4{margin-top:1rem;}
.couponbox .lg\:w-\[calc\(45\%-8px\)\]{width:calc(45% - 8px);}
.couponbox .lg\:w-\[calc\(55\%-8px\)\]{width:calc(55% - 8px);}
}
@media (min-width: 1280px){
.couponbox .xl\:top-4{top:1rem;}
.couponbox .xl\:mb-2{margin-bottom:0.5rem;}
.couponbox .xl\:mb-8{margin-bottom:2rem;}
.couponbox .xl\:ml-4{margin-left:1rem;}
.couponbox .xl\:mr-4{margin-right:1rem;}
.couponbox .xl\:mt-0{margin-top:0px;}
.couponbox .xl\:w-72{width:18rem;}
.couponbox .xl\:w-auto{width:auto;}
.couponbox .xl\:flex-col{flex-direction:column;}
.couponbox .xl\:flex-nowrap{flex-wrap:nowrap;}
.couponbox .xl\:items-start{align-items:flex-start;}
.couponbox .xl\:justify-normal{justify-content:normal;}
.couponbox .xl\:justify-center{justify-content:center;}
.couponbox .xl\:gap-0{gap:0px;}
.couponbox .xl\:gap-4{gap:1rem;}
.couponbox .xl\:px-2{padding-left:0.5rem;padding-right:0.5rem;}
.couponbox .xl\:pt-1{padding-top:0.25rem;}
.couponbox .xl\:text-center{text-align:center;}
}
.h-100px{height: 100px;}
.justify-around{justify-content: space-around;}
.offerbanner{
    background-color: #131313;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.offerbanner.hideoffer,.offerbanner.hidetimer #flipdown{
    display: none;
}
.h-6{height: 26px;}