/* SECTION */
.star-p__hero {
    padding: 120px 0;
    text-align: center;
}

/* TITLE */
.star-p__hero-title {
    font-size: 48px;
    line-height: 1.2;
    font-family: "Libre Baskerville", serif;
    color: #2F3551;
    text-transform: uppercase;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.6s ease;
}

/* DESC */
.star-p__hero-desc {
    margin: 25px auto 40px;
    font-size: 18px;
    color: #2F3551;
    opacity: 0;
    transform: translateY(40px);
    transition: 0.6s ease;
}

/* BUTTONS */
.star-p__hero-buttons {
    display: flex;
    justify-content: center;
    gap: 20px;

    opacity: 0;
    transform: translateY(40px);
    transition: 0.6s ease;
}

/* BUTTON */
.star-p__btn {
    padding: 14px 28px;
    text-decoration: none;
    font-weight: 600;
    transition: 0.3s;
}

/* PRIMARY */
.star-p__btn-primary {
    background: #E84CCF;
    color: #fff;
}

/* OUTLINE */
.star-p__btn-outline {
    border: 2px solid #2F3551;
    color: #2F3551;
}

/* ===== ANIMATION ACTIVE ===== */
.star-p__active .star-p__hero-title {
    opacity: 1;
    transform: translateY(0);
}

.star-p__active .star-p__hero-desc {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

.star-p__active .star-p__hero-buttons {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.4s;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 992px) {
    .star-p__hero-title {
        font-size: 30px;
    }
}

@media(max-width: 576px) {
    .star-p__hero {
        padding: 80px 0;
    }

    .star-p__hero-title {
        font-size: 22px;
    }

    .star-p__hero-desc {
        font-size: 15px;
    }

    .star-p__hero-buttons {
        flex-direction: column;
    }
}



/* =====Star Cards SECTION CSS ===== */
.star-p__cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

/* CARD */
.star-p__card {
    position: relative;
    height: 300px;
    overflow: hidden;

    opacity: 0;
    transform: translateY(60px);
    transition: 0.8s ease;
}

/* COLORS */

.black {
    color: #000;
}

/* INNER */
.star-p__card-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    gap: 5px;
}

.star-p__card-inner img {
    height: 50px;
	transition: all 0.3s;
}

/* TEXT */
.star-p__card h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 800;
}

h2.star-p__card-brand {
    font-size: 23px !important;
    font-family: "Libre Baskerville", serif;
    --title-font-weight: 400;
	transition: all 0.3s;
}

.star-p__card--pink:hover .star-p__card-inner img,
.star-p__card--yellow:hover .star-p__card-inner img,
.star-p__card--orange:hover .star-p__card-inner img {
    height: 40px;
	transition: all 0.3s;
}

.star-p__card--pink:hover h2.star-p__card-brand,
.star-p__card--yellow:hover h2.star-p__card-brand,
.star-p__card--orange:hover h2.star-p__card-brand {
    font-size: 18px !important;
	transition: all 0.3s;
}

.star-p__card p {
    font-size: 22px;
    color: #fff;
    letter-spacing: 1px;
}

/* ===== OVERLAY (HOVER PART) ===== */
.star-p__card-overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 60px;
    background: #2F3551;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
    transition: 0.4s ease;
}

/* ARROW */

.star-p__card--pink .star-p__arrow {
    background: #EF5737;
}

.star-p__arrow:before{
	content: "▶";
}

.star-p__card--yellow .star-p__arrow {
    background: #F44FCA;
}

.star-p__card--orange .star-p__arrow {
    background: #E5C430;
    color: #000;
}


/* .star-p__arrow {
    width: 60px;
    height: 100%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
} */

/* ARROW (RIGHT SIDE FIXED) */
.star-p__arrow {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #fff;
}

/* TEXT */
.star-p__card-overlay span {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* HOVER EFFECT */
.star-p__card:hover .star-p__card-overlay {
    bottom: 0;
}

/* OPTIONAL STRIPE EFFECT */
.star-p__card::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: 0.4s;
}

.star-p__card:hover::before {
    opacity: 1;
}

/* ===== SCROLL ACTIVE ===== */
/* .star-p__cards-active {
    opacity: 1;
    transform: translateY(0);
} */

/* DEFAULT STATE */
.star-p__card {
    opacity: 0;
    transform: translateY(60px);
    transition: 0.6s ease;
}

/* ACTIVE STATE (IMPORTANT) */
.star-p__card.star-p__card-active {
    opacity: 1;
    transform: translateY(0);
}

/* STAGGER */
.star-p__cards-active .star-p__card:nth-child(1) {
    transition-delay: 0.1s;
}

.star-p__cards-active .star-p__card:nth-child(2) {
    transition-delay: 0.3s;
}

.star-p__cards-active .star-p__card:nth-child(3) {
    transition-delay: 0.5s;
}

.black {
    background: linear-gradient(74.99deg, #191D34 39.43%, #4A569A 179.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 992px) {
    .star-p__cards {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 576px) {
    .star-p__cards {
        grid-template-columns: 1fr;
    }

    .star-p__card {
        height: 220px;
    }

    .star-p__card h2 {
        font-size: 40px;
    }

    .star-p__card p {
        font-size: 16px;
    }
}

/* =====END Star Cards SECTION CSS ===== */



/* ===== SECTION ===== */
.star-p__demo {
    padding: 80px 0;
}

/* GRID */
.star-p__demo-section {
    display: grid;
    grid-template-columns: 40% 60%;
}

/* FORM */
.star-p__demo-form {
    background: #2F3551;
    padding: 40px;
}

/* INPUT */
.star-p__input {
    width: 100%;
    padding: 14px;
    margin-bottom: 12px;
    border: none;
}

/* BUTTON */
.star-p__submit {
    width: 100%;
    padding: 14px;
    background: #E784D5;
    color: #fff;
    border: none;
    cursor: pointer;
}

/* CHECK */
.star-p__checkbox {
    font-size: 12px;
    color: #ccc;
    display: block;
    margin-top: 10px;
}

/* SMALL */
.star-p__small {
    font-size: 11px;
    color: #aaa;
    margin-top: 10px;
}

/* CONTENT */
.star-p__demo-content {
    padding: 50px;
    background-size: cover;
    background-position: center;
}

/* TEXT */
.star-p__demo-title {
    color: #2F3551;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
    font-family: 'Libre Baskerville';
    text-transform: uppercase;
}

.star-p__demo-title-2 {
    color: #EF5737;
    margin-bottom: 20px;
}

.star-p__demo-desc {
    color: #757785;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 20px;
}

.star-p__clients-label {
    color: #757785;
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: 24px;
}

/* GRID */
.star-p__clients-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.star-p__client-logo {
    width: 100%;
    height: 40px;
    object-fit: contain;
}

/* ===== ANIMATION ===== */

/* DEFAULT */
.star-p__demo-content>*,
.star-p__demo-form {
    opacity: 0;
    transform: translateY(40px);
    transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.star-p__demo-content {
    opacity: 0;
    transform: translateX(80px);
    transition: 0.9s ease;
}

.star-p__demo-active .star-p__demo-content {
    opacity: 1;
    transform: translateX(0);
}

/* FORM LEFT */
.star-p__demo-form {
    transform: translateX(-60px);
}

/* ACTIVE */
.star-p__demo-active .star-p__demo-form {
    opacity: 1;
    transform: translateX(0);
}

.star-p__demo-active .star-p__demo-content>* {
    opacity: 1;
    transform: translateY(0);
}

/* STAGGER */
.star-p__demo-active .star-p__demo-title:nth-child(1) {
    transition-delay: 0.2s;
}

.star-p__demo-active .star-p__demo-title-2 {
    transition-delay: 0.4s;
}

.star-p__demo-active .star-p__demo-desc {
    transition-delay: 0.6s;
}

.star-p__demo-active .star-p__clients-label {
    transition-delay: 0.8s;
}

.star-p__demo-active .star-p__clients-grid {
    transition-delay: 1s;
}

/* ===== RESPONSIVE ===== */
@media(max-width: 992px) {
    .star-p__demo-section {
        grid-template-columns: 1fr;
    }
	
	.star-p__demo-form{
		padding: 20px
	}

    .star-p__demo-content {
        order: -1;
    }

    .star-p__demo-title {
        font-size: 28px;
    }
}

@media(max-width: 576px) {
    .star-p__clients-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}


/* Security Delivery Section CSS */

.star-p__security-delivery {
    padding-bottom: 100px;
}

.star-p__security-delivery__title {
    font-family: 'Libre Baskerville';
    font-size: 40px;
    text-transform: capitalize;
    --title-font-weight: 400 !important;
    text-align: center;
    margin-bottom: 50px;
}

.star-p__security-delivery__slider {
    overflow: hidden;
}

.star-p__security-delivery__track {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.star-p__security-card {
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.star-p__security-card__image {
/*     height: 160px; */
    background: #6d6f7c;
	aspect-ratio: 16 / 9;
}

.star-p__security-card__content {
    padding: 25px 15px;
}

.star-p__security-card__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.star-p__security-card__tag {
    padding: 8px 18px;
    border-radius: 30px;
    font-size: 10px;
    font-weight: 600;
}

.star-p__security-card__date {
    font-size: 12px;
    color: #9a9a9a;
}

.star-p__security-card__title {
    font-size: 18px;
    margin-bottom: 10px;
}

.star-p__security-card__desc {
    color: #555;
    line-height: 1.6;
    font-size: 15px !important;
    min-height: 125px;
}

.star-p__security-card__btn {
    border: none;
    padding: 14px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    justify-content: center;
    display: flex;
    text-decoration: none;
    color: #fff;
}

/* colors */

.star-p__security-card.pink .star-p__security-card__tag {
    background: #F44FCA;
    color: #fff;
}

.star-p__security-card.yellow .star-p__security-card__tag {
    background: #E5C430;
}

.star-p__security-card.orange .star-p__security-card__tag {
    background: #EF5737;
    color: #fff;
}

.star-p__security-card.pink .star-p__security-card__btn {
    background: #F44FCA;
    color: #fff;
}

.star-p__security-card.yellow .star-p__security-card__btn {
    background: #E5C430;
    color: #000;
}

.star-p__security-card.orange .star-p__security-card__btn {
    background: #EF5737;
    color: #fff;
}

/* navigation */

.star-p__security-delivery__nav {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
}

.star-p__security-delivery__dots span {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #1e1f3b;
    display: inline-block;
    margin-right: 8px;
    opacity: .4;
}

.star-p__security-delivery__dots span.active {
    background: #ff4bc6;
    opacity: 1;
}

.star-p__security-delivery__arrows button {
    border: none;
    /* padding: 12px 16px; */
    width: 45px;
    height: 32px;
    background: #F44FCA;
    font-size: 15px;
    color: #fff;
    cursor: pointer;
}

/* mobile */

@media(max-width:900px) {

    .star-p__security-delivery {
        margin-bottom: 70px;
    }

    .star-p__security-delivery__track {
        display: flex;
        transition: .4s;
        gap: 0;
    }

    /* Only second card image right */
    .star-p__security-delivery__track .star-p__security-card:nth-child(2) .star-p__security-card__image img {
        object-position: right;
    }

    .star-p__security-card {
        min-width: 100%;
        flex: 0 0 100%;
    }

/*     .star-p__security-card__image {
        height: 300px;
    } */

    .star-p__security-delivery__nav {
        display: flex;
    }

    .star-p__security-delivery__title {
        text-align: left;
        font-size: 34px;
        margin-bottom: 30px;
    }

}

@media (max-width: 576px) {

    .star-p__security-delivery {
        margin-bottom: 50px;
    }

    .star-p__security-delivery__title {
        font-size: 26px;
    }
}

.star-p__security-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
	aspect-ratio: 16 / 9;
}

.star-p__security-delivery__arrows {
    display: flex;
    gap: 15px;
}

/* SECTION SCROLL */

.star-p__security-delivery {
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s ease;
}

.star-p__security-delivery.show {
    opacity: 1;
    transform: translateY(0);
}

.star-p__security-delivery__title {
    opacity: 0;
    transform: translateY(40px);
    transition: all .8s ease;
}

.star-p__security-delivery.show .star-p__security-delivery__title {
    opacity: 1;
    transform: translateY(0);
}


.star-p__security-card {
    opacity: 0;
    transform: translateY(60px);
    transition: all .8s ease;
}

.star-p__security-delivery.show .star-p__security-card {
    opacity: 1;
    transform: translateY(0);
}

.star-p__security-delivery.show .star-p__security-card:nth-child(1) {
    transition-delay: .2s;
}

.star-p__security-delivery.show .star-p__security-card:nth-child(2) {
    transition-delay: .4s;
}

.star-p__security-delivery.show .star-p__security-card:nth-child(3) {
    transition-delay: .6s;
}

.star-p__security-delivery.show .star-p__security-card:nth-child(4) {
    transition-delay: .8s;
}

.star-p__security-card__image img {
    opacity: 0;
    transform: scale(1.1);
    transition: all 1s ease;
}

.star-p__security-delivery.show .star-p__security-card__image img {
    opacity: 1;
    transform: scale(1);
}

.star-p__security-card__content {
    opacity: 0;
    transform: translateY(30px);
    transition: all .7s ease;
}

.star-p__security-delivery.show .security-card__content {
    opacity: 1;
    transform: translateY(0);
}

.star-p__security-card {
    opacity: 0;
    transform: translateY(60px);
}

.star-p__security-card.star-p__card-show {
    opacity: 1;
    transform: translateY(0);
    transition: all .8s ease;
}

.star-p__security-delivery.show .star-p__security-card__content {
    opacity: 1;
    transform: translateY(0);
}

/* Security Delivery Section CSS END */

/* ===== SECTION ===== */
.star-p__toolchain {
    padding: 20px 0 0;
}

/* HEADING */
.star-p__toolchain-title {
    text-align: center;
    font-family: 'Libre Baskerville';
    font-size: 40px;
    color: #2F3551;
    margin-bottom: 60px;

    opacity: 0;
    transform: translateY(50px);
    transition: .8s ease;
}

/* ROW */
.star-p__toolchain-row {
    display: grid;
    grid-template-columns: 0.48fr 0.52fr;
    margin-bottom: 50px;

    opacity: 0;
    transition: 1s ease;
}

/* REVERSE */
.star-p__toolchain-row--reverse {
    grid-template-columns: 0.52fr 0.48fr;
}

/* CONTENT */
.star-p__toolchain-content {
    background: #fff;
    padding: 20px;
    transform: translateX(-80px);
    opacity: 0;
    transition: .8s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.star-p__toolchain-row--reverse .star-p__toolchain-content {
    transform: translateX(80px);
}

/* TEXT */
.star-p__toolchain-content h3 {
    font-family: 'Libre Baskerville';
    font-size: 32px;
    margin-bottom: 15px;
    color: #2F3551;
	text-transform: uppercase;
	--title-font-weight: 400;
}

.star-p__toolchain-content p {
    color: #555;
    line-height: 1.6;
}

/* IMAGE */
.star-p__toolchain-image {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateX(80px);
    opacity: 0;
    transition: .8s ease;
}

.star-p__toolchain-row--reverse .star-p__toolchain-image {
    transform: translateX(-80px);
}

.star-p__toolchain-image img {
    max-width: 100%;
}

/* ===== ACTIVE (SCROLL) ===== */
.star-p__toolchain.active .star-p__toolchain-title {
    opacity: 1;
    transform: translateY(0);
}

.star-p__toolchain-row.show {
    opacity: 1;
}

.star-p__toolchain-row.show .star-p__toolchain-content,
.star-p__toolchain-row.show .star-p__toolchain-image {
    opacity: 1;
    transform: translateX(0);
}

/* ===== RESPONSIVE ===== */
@media(max-width: 992px) {

    .star-p__toolchain-title {
        font-size: 30px;
    }

    .star-p__toolchain-row {
        grid-template-columns: 1fr;
    }

    .star-p__toolchain-row--reverse {
        display: flex;
        flex-direction: column;
    }

    .star-p__toolchain-content {
        padding: 40px;
        transform: translateY(40px);
    }

    .star-p__toolchain-image {
        transform: translateY(40px);
    }

    .star-p__toolchain-content h3 {
        font-size: 28px;
    }

    .star-p__toolchain-image {
        order: 1;
    }

    .star-p__toolchain-content {
        order: 2;
    }

}

@media(max-width:576px) {

    .star-p__toolchain-title {
        font-size: 22px;
    }

    .star-p__toolchain-content {
        padding: 25px;
    }

    .star-p__toolchain-content h3 {
        font-size: 20px;
    }

}

@media (max-width: 768px) {
    .star-p__clients-label {
        display: none;
    }

    .star-p__clients-grid {
        display: none;
    }

    h2.star-p__demo-title {
        font-size: 26px;
        font-weight: 500;
    }

    .star-p__demo-content {
        padding: 30px 20px;
    }

    .star-p__demo-desc {
        margin-bottom: 0;
    }

    .star-p__demo {
        padding: 40px 0;
    }

    .security-card__image img {
        object-position: left;
    }

    .star-p__security-card__image img {
        object-position: left;
    }

    .star-p__toolchain-title {
        text-align: left;
        margin-bottom: 40px;
    }
}

.star-p__security-delivery__arrows .star-p__next::before {
    content: "▶";
}

.star-p__security-delivery__arrows .star-p__prev::before {
    content: "◀";
}

.star-p__demo-form div.wpforms-container-full button[type=submit]:not(:hover):not(:active){
	margin: 0 !important;
	background: #F44FCA;
	margin-top: 10px !important;
	width: 100%;
}

.star-p__demo-form div.wpforms-container-full button[type=submit]:hover{
	margin: 0 !important;
	background: #F44FCA;
	margin-top: 10px !important;
	width: 100%;
}

#wpforms-5074 input[type="text"], #wpforms-5074 input[type="email"]{
	margin: 0 !important;
}

div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label{
	font-size: 12px;
}


/* Desktop pe break hide */
.mobile-break {
  display: none;
}

/* Mobile pe break show */
@media (max-width: 576px) {
  .mobile-break {
    display: inline;
  }
}

.b-logo-slider{
	margin-block: 76px 76px;
}