body,h1,h2,h3,h4,h5,h6{
    font-family: "Inter", sans-serif;
}
img{
    max-width: 100%;
}
:root {
   --text-000: #000;
   --text-white: #fff;
}
.text-000 {
    color: var(--text-000);
}
.text-white {
    color: var(--text-white);
}
.py-6 {
    padding-top: 6rem;
    padding-bottom: 6rem;
}
.pt-6 {
    padding-top: 6rem;
}
.pb-6 {
    padding-bottom: 6rem;
}
a{
    text-decoration: none;
}
.cre8-btn{
    background: #3B82F6;
    border: 1px solid #3B82F6;
    font-weight: 600;
    padding: 13px 20px;
    border-radius: 15px;
    box-shadow: rgba(11, 10, 38, 0.16) 0px 3px 6px 0px;
    font-size: 15px;
    color: #fff;
    display: inline-block;
}
.slick-arrow{
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    border: 0;
    width: 55px;
    height: 55px;
    padding: 15px 0;
    color: transparent;
    z-index: 9;
    bottom: -1em;
    box-shadow: none;
    background: transparent;
}
.slick-prev{
    background-image: url(/wp-content/themes/cre8able/assets/images/arrow-left.svg);
    right: 75px;
}
.slick-next{
    background-image: url(/wp-content/themes/cre8able/assets/images/arrow-right.svg);
    right: 0;
}
/* Header Block Starts */
.header {
    padding: 2em 0;
    position: fixed;
    z-index: 9999999999;
    width: 100%;
}
.header.sticky{
    padding: 1em 0;
    background: rgba(255, 255, 255, 0.8);     
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);      
    transition: all 0.3s ease;
}
.header .logo img{
    width: 200px;
}
.header .menu{
    list-style-type: none;
}
.header .menu li{
    display: inline-block;
    margin-right: 1em;
}
.header .menu li a{
    color: #1c1817;
}
.header .menu li.current_page_item a,
.header .menu li.current-menu-item a{
    font-weight: 600;
}
/* Header Block Ends */
/* Hero Section Starts */
.hero-section{
    position: relative;
    padding: 150px 30px 215px;
    background: linear-gradient(107deg,#fdf5f5 0%,#ffe4e9 22%,#f7e6ff 42%,#f1edff 60%,#b9baff 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    overflow: hidden;
}
.hero-section h5{
    background-color: #fff;
    padding: 8px 16px;
    width: auto;
    display: inline-block;
    font-size: 13px;
    border-radius: 20px;
}
.hero-section h1{
    font-size: 3.65em;
    font-weight: 600;
    line-height: 1;
    color: #1c1817;
    margin: 20px 0;
}
.hero-section p{
    color: #4f4b48;
    font-size: 18px;
    margin-bottom: 1em;
}
.hero-section .tagline{
    font-weight: 700;   
    margin: 1em 0 0;
    color: #100d30;
}
.hero-section .banner-right{
    padding-right: 4em;
}
.hero-section .banner-right  .main-img{
    width: 240px;
    position: relative;
    z-index: 3;
    transform: rotate(8deg) perspective(1000px) rotateY(356deg);
    border-radius: 20px;
}
.hero-section .banner-right .float-1,
.hero-section .banner-right .float-2,
.hero-section .banner-right .float-3 {
    animation: floatY 6s ease-in-out infinite alternate;
    z-index: 2;
}
.hero-section .banner-right .float-1 {
    top: 5%;
    left: 30%;
    width: 125px;
    z-index: 9;
    animation: floatY1 6s ease-in-out infinite;
}

.hero-section .banner-right .float-2 {
    bottom: -40px;
    left: 12%;
    width: 460px;
    z-index: 9;
    animation: floatY2 7s ease-in-out infinite;
    animation-delay: 1s;
}

.hero-section .banner-right .float-3 {
    bottom: -30px;
    right: 20%;
    width: 100px;
    z-index: 99;
    animation: floatY3 5.5s ease-in-out infinite;
    animation-delay: 2s;
}

/* Keyframes for each float (vertical + tiny rotate + perspective) */
@keyframes floatY1 {
  0%   { transform: translateY(0) rotate(23deg) perspective(1000px); }
  50%  { transform: translateY(-15px) rotate(20deg) perspective(1000px); }
  100% { transform: translateY(0) rotate(23deg) perspective(1000px); }
}

@keyframes floatY2 {
  0%   { transform: translateY(0) rotateY(2deg) perspective(1000px); }
  50%  { transform: translateY(-12px) rotateY(0deg) perspective(1000px); }
  100% { transform: translateY(0) rotateY(2deg) perspective(1000px); }
}

@keyframes floatY3 {
  0%   { transform: translateY(0) rotate(15deg) rotateY(0deg) perspective(1000px); }
  50%  { transform: translateY(-15px) rotate(12deg) rotateY(-5deg) perspective(1000px); }
  100% { transform: translateY(0) rotate(15deg) rotateY(0deg) perspective(1000px); }
}
/* Floating keyframe (vertical + tiny rotate) */
@keyframes floatY {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
    100% {
        transform: translateY(0);
    }
}
/* Hero Section Ends */
/* Column Section Starts */
.column-section {
    padding-bottom: 5em;
}
.column-section .left-column{
    padding-right: 5em;
}
.column-section .right-column{
    padding-left: 5em;
}
.column-section h3{
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1;
    color: #1c1817;
    margin: 20px 0;
}
.column-section p{
    color: #4f4b48;
    font-size: 16px;
    margin-bottom: 1em;
}
.get-btn{
    /* background-color: rgba(0, 0, 0, 0); */
    background-color: rgb(59 130 246);
    border-radius: 16px;
    box-shadow: rgba(11, 10, 38, 0.08) 0px 2px 4px 0px;
    border: 1px solid rgba(79, 75, 72, 0.16);
    /* color: #1c1817; */
    color: #fff;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
}
.column-section .contentbg-img{
    background-size: cover;
    border-radius: 50px;
    padding: 5em;
}
.column-section .contentbg-img img{
    border-radius: 10px;
    height: 400px;
    margin: auto;
    display: block;
}
.column-section ul{
    list-style-type: none;
    margin: 2em 0;
    padding: 0;
}
.column-section ul.creator-content-lists li{
    display: inline-block;
    margin-right: 1em;
    width: 47%;
}
.column-section ul.creator-content-lists li:last-child{
    margin-right: 0;
}
.column-section ul.creator-content-lists li h6{
    font-weight: 600;
    font-size: 18px;
}
.loyalty-section p{
    color: #1c1817;
}
.loyalty-section ul{
    padding: 1.125em 0;
}
.loyalty-section ul li{
    position: relative;
    padding-left: 2em;
    color: #1c1817;
    font-size: 16px;
    margin-bottom: 1em;
    font-weight: 500;
}
.loyalty-section ul li:before{
    position: absolute;
    content: "";
    background: url(/wp-content/themes/cre8able/assets/images/tick.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: 1px;
}
.column-section.simpleease-section .left-column{
    padding-right: 3em;
}
.simpleease-section .inner{
    background: #f8f8f8;
    padding: 5em;
    border-radius: 20px;
}
.simpleease-section ul{
    padding: 1.125em 0;
}
.simpleease-section ul li{
    position: relative;
    padding-left: 1.75em;
    color: #1c1817;
    font-size: 16px;
    margin-bottom: 1em;
    font-weight: 500;
    width: 99%;
}
.simpleease-section ul li:before{
    position: absolute;
    content: "";
    background: url(/wp-content/themes/cre8able/assets/images/tick.svg) no-repeat;
    width: 20px;
    height: 20px;
    left: 0;
    top: 3px;
}
/* Single Column Section */
.single-column{
    padding-bottom: 5em;
}
.single-column h2{
    font-size: 3.45em;
    font-weight: 600;
    line-height: 1;
    color: #1c1817;
    margin: 20px 0;
}
.single-column p{
    color: #4f4b48;
    font-size: 16px;
    margin-bottom: 1em;
}
.platform-section h3{
    margin-bottom: 1em;
}
.platform-section .platform-img {
    background: #f8f8f8;
    padding: 4em 2em 0;
    border-radius: 20px;
    margin-bottom: 1.5em;
}
.platform-section h4{
    font-size: 1.5em;
    line-height: 1;
    color: #1c1817;
    margin-bottom: 10px;
}
/* Login Page Starts */
.biolink-section .inner {
    position: relative;
    padding: 7em 5em;
    border-radius: 24px;
    background: url(/wp-content/uploads/2025/09/KSXhod4CGvw0UQlY74S0YF7iuw.avif) center center / auto 100% no-repeat, url(/wp-content/uploads/2025/09/SwMF7RpxmunenmvFdJlhTy7TWo.avif) right -170px center / 55% auto no-repeat, linear-gradient(127deg, rgb(251, 204, 184) 0%, rgb(89, 79, 254) 47%, rgb(255, 255, 255) 100%);
}
.biolink-section .inner h3{
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1;
    color: #fff;
    margin: 0 0 1em;
}
.biolink-section .inner .get-btn{
    background: #fff;
    color: #000;
}
/* Footer Block Starts */
.footer .logo{
    display: block;
}
.footer .logo img{
    width: 130px;
    margin-bottom: 1em;
}
.footer p{
    color: #4f4b48;
    font-size: 15px;
}
.footer h5{
    color: #1c1817;
    font-weight: 18px;
}
.footer a{
    color: #4f4b48;
    font-size: 15px;
}
.footer .social-lists{
    padding-left: 0;
    list-style: none;
}
.footer .social-lists li a img{
    width: 45px;
}
/* Footer Block Ends */
/* About Page Starts */
.about-hero {
    padding: 150px 30px 80px;
}
.about-hero.blog-lists{
    padding-bottom: 0;
}
.about-hero h1{
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1;
    color: #1c1817;
    margin: 20px 0;
}
.about-hero p{
    /* color: #4f4b48; */
    margin-bottom: 2em;
}
.about-hero .row {
    display: flex;
    align-items: stretch;   /* each column stretches to full height */
}
.about-hero .left-column,
.about-hero .right-column {
  display: flex;
  flex-direction: column; /* keep images stacked */
  justify-content: center; /* optional: center them vertically */
}
.about-hero .left-column{
    height: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.about-hero .left-column img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.about-hero .right-column{
    height: 100%;
}
.about-hero .right-column img{
    border-radius: 20px;
}
.about-hero .right-column img:first-child{
    margin-bottom: 2em;
}
/* Slider Section Starts */

.logo-slider-wrapper {
    position: relative;
    overflow: hidden;
}

.logo-slider-wrapper::before,
.logo-slider-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    width: 80px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}

.logo-slider-wrapper::before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.logo-slider-wrapper::after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.slider-block .client-slide-items,
.slider-block .client-slide-items1 {
    margin: .5em 0;
    overflow: hidden;
}

.slider-block .client-slide-item {
    padding: 0 5px;
    height: auto!important;
}

.slider-block .client-slide-item img {
    height: 55px;
    width: auto;
    margin: auto;
}


/* Slider Section Ends */
.foundation-section .inner{
    background: #f8f8f8;
    padding: 5em;
    border-radius: 20px;
}
.foundation-section.column-section .right-column{
    padding-left: 3em;
}
.cloudo-block .cloudo-slide-items .cloudo-slide-item{
    padding: 2em .5em 0;
}
.cloudo-block .cloudo-slide-items .cloudo-slide-item .cloudo-img{
    background: #f8f8f8;
    padding: 2em 0.5em 0;
    margin-bottom: 1em;
    border-radius: 5px;
}
.cloudo-block .cloudo-slide-items .cloudo-slide-item .cloudo-img img{
    width: 100%;
}
.faq-accordian .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.faq-accordian .col-md-6 {
    display: flex;
    align-items: stretch;
}

.faq-accordian .accordion-item {
    display: flex;
    flex-direction: column;
    flex: 1; 
}

.faq-accordian .accordion-body {
    flex: 1; 
    display: flex;
    align-items: center; 
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: transparent;
}

.accordion-header .accordion-button {
    font-weight: 500;
}

.accordion-header .accordion-button:focus {
    outline: none;
    box-shadow: none;
}
/* About Page Ends */
/* Blog Page Starts */
.blogImg {
    width: 100%;
    height: 245px;
}
.blogImg a {
    display: block;
    width: 100%;
    height: 100%;
}
.blogImg img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 20px;
}
.blog_date{
    color: #db981e;
}
.blog-card a p{
    color: #000;
}
/* Blog Page Ends */
@media only screen and (min-width: 1400px) and (max-width: 1920px) {}



@media only screen and (min-width: 1200px) and (max-width: 1365px) {

    

}



@media only screen and (max-width: 1199px) {}



@media (min-width: 1025px) and (max-width: 1200px) {}



@media (min-width: 992px) and (max-width: 1199px) {

   

}



@media (min-width: 992px) and (max-width: 1025px) {}



@media (min-width: 768px) and (max-width: 992px) {}



@media (min-width: 768px) and (max-width: 1025px) {
    .hero-section .banner-right .float-1{
        top: 10%;
        left: 0;
    }
    .hero-section .banner-right .float-2{
        left: -15%;
    }
    .slick-arrow{
        bottom: -3em;
    }
    .column-section .left-column{
        padding-right: 0;
    }
    .column-section .contentbg-img{
        padding: 2em;
    }
    .column-section .contentbg-img img{
        height: auto;
    }
    .column-section ul.creator-content-lists li{
        width: 45%;
    }
    .column-section .right-column{
        padding-left: 0;
    }
    .platform-section .platform-img{
        padding: 2em 1em 0;
    }
    .biolink-section .inner{
        padding: 5em;
    }
    .column-section.simpleease-section .left-column{
        padding-right: 0;
    }
    .blogImg{
        height: 160px;
    }
    .foundation-section .inner{
        padding: 3em;
    }
}



@media only screen and (max-width: 991px) {}


@media (max-width: 1024px) {

    

}



@media (max-width: 992px) {
.menu-icon {
        margin-left: 5px;
    }
    .menu-icon img{
        width: 30px;
    }
    .close-menu{
        padding: 0;
        border: 0;
        background: transparent;
    }
    .close-menu img{
        width: 35px;
        padding: 0;
    }
    .offcanvas{
        height: 100vh;
    }
    .offcanvas-body #menu-main-menu-1 li.current_page_item a,
    .offcanvas-body #menu-main-menu-1 li.current-menu-item a{
        font-weight: 600;
    }
   

}


@media (max-width: 767.98px) {
    .header,.header.sticky{
        padding-left: .5em;
        padding-right: .5em;
    }
    .cre8-btn{
        padding: 8px 15px;
        font-size: 15px;
    }
    .hero-section{
        padding: 150px 8px 120px;
        clip-path: polygon(0 0, 100% 0, 100% 93%, 0 100%);
    }
    .hero-section p{
        font-size: 17px;
    }
    .hero-section .banner-right{
        padding: 0;
        text-align: center !important;
    }
    .hero-section .banner-right .main-img{
        width: 160px;
    }
    .hero-section .banner-right .float-1{
        top: 10%;
        left: 8%;
        width: 75px;
    }
    .hero-section .banner-right .float-2{
        bottom: 55px;
        left: 4%;
        width: 180px;
    }
    .hero-section .banner-right .float-3{
        width: 70px;
    }
    .hero-section h1{
        font-size: 2.25em;
    }
    .hero-section .cre8-btn{
        margin: auto;
        display: block;
        width: fit-content;
    }
    .hero-section .tagline{
        text-align: center;
        margin-bottom: 1em;
    }
    .column-section{
        padding-bottom: 3em;
        padding-left: .5em;
        padding-right: .5em;
    }
    .column-section h3,.biolink-section .inner h3{
        font-size: 2.125em;
    }
    .single-column h2{
        font-size: 2.45em;
    }
    .column-section .left-column{
        padding-right: 0;
    }
    .column-section .contentbg-img{
        padding: 1em;
        border-radius: 15px;
    }
    .column-section .right-column{
        padding-left: 0;
    }
    .column-section ul.creator-content-lists li{
        margin-right: 0;
        width: 100%;
    }
    .column-section ul{
        margin: 1em 0 0;
    }
    .get-btn{
        padding: 8px 15px;
        display: block;
        margin: 0 auto 1em;
        width: fit-content;
    }
    .column-section .contentbg-img img{
        height: auto;
    }
    .column-section.simpleease-section .left-column{
        padding-right: 0;
    }
    .simpleease-section .inner{
        padding: 1em 2em 3em;
    }
    .simpleease-section ul li{
        margin-left: 1em;
    }
    .platform-section .platform-img{
        padding: 2em 1em 0;
        margin-bottom: 2em;
    }
    .single-column{
        padding-bottom: 2em;
        padding-left: .5em;
        padding-right: .5em;
    }
    .biolink-section .inner{
        padding: 2em 1em;
    }
    .footer{
        padding-left: .5em;
        padding-right: .5em;
    }
    .footer p{
        text-align: center;
    }
    .simpleease-section h4{
        font-size: 18px;
    }
    .simpleease-section.column-section h3{
        font-size: 1.75em;
        margin: 10px 0;
    }
    .simpleease-section.column-section h5{
        font-size: 1rem;
    }
    .slick-arrow{
        width: 40px;
        height: 40px;
        background-size: 40px;
        bottom: -2em;
        left: 0;
        right: 0;
        margin: auto;
    }
    .slick-arrow.slick-prev{
        left: -4em;
    }
    .slick-arrow.slick-next{
        right: -3em;
    }
    .about-hero{
        padding: 150px 0 40px;
    }
    .blog-card p{
        margin-bottom: 1em;
    }
    .blogImg{
        height: auto;
    }
    .about-hero h1{
        font-size: 2.25em;
        margin-top: 0;
    }
    .about-hero p{
        font-size: 17px;
    }
    .blog-card a p{
        font-size: 16px;
    }
    .about-hero .left-column{
        height: auto;
        margin-bottom: 1em;
    }
    .about-hero .right-column img:first-child{
        margin-bottom: 1em;
    }
    .foundation-section .inner{
        padding: 2em;
    }
    .foundation-section.column-section .right-column{
        padding-left: 0;
    }
}



/* Media Query Ends */