/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.logo sup{
	font-weight:300;
}
.blur-header-bg .bricks-button{
	white-space: nowrap !important;
}

.gradient-1 {
    background: linear-gradient(248.59deg, #9535f6 3.58%, #f218dc 39.5%, #ff7464 75.41%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.primary-gradient-btn {
    padding: 15px 40px;
    border-radius: 12px;
    position: relative;
    background: #fff;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 0;
    color: var(--bricks-color-ybdnmp);
}

/* .primary-gradient-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(45deg, #2563EB, #214B8B);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.primary-gradient-btn:hover::before {
    opacity: 1;
} */

#brxe-jwyjpw:hover svg path,
#brxe-zgmqjo:hover svg path,
#brxe-unniga:hover svg path{
	stroke: #2563db !important;
}

.primary-gradient-btn:hover {
    color: white;
	background: #fff !important;
	color: #2563db !important;
	box-shadow: 0 5px 15px #ffffff4a;
	transform:scale(0.95) !important;
}

 

.main-primary-btn,.post-form button.bricks-button {
    padding: 15px 40px;
    border-radius: 12px;
    background: linear-gradient(45deg, #2563EB, #214B8B);
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
}

.main-primary-btn::before,
.post-form button.bricks-button::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg, #2563EB, #214B8B);
    transition: opacity 0.4s ease;
    opacity: 0;
    z-index: -1;
}

.main-primary-btn:hover::before,
.post-form button.bricks-button:hover::before{
    opacity: 1;
}

.main-primary-btn:hover,
.post-form button.bricks-button:hover{
    box-shadow: 0 4px 4px 0 #2563eb4a;
    color: #fff;
}

/* 
Effects take place after scrolling
 */
.blur-header-bg {

    background-color: rgba(0, 0, 0, 0.25);
    transition: all 0.6s ease;
}


/* Main pink gradient text */
.gradient-text {
    background: linear-gradient(180deg, #FFF 0%, #FDCEFF 55%, #E5C7FF 76%, #99AEFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.hero-gradient {
    position: relative;
    overflow: hidden;

}

/* Optional: to ensure the blur doesn’t break layout */
.hero-gradient::before {
    content: '';
    position: absolute;
    inset: 0;
    backdrop-filter: blur(50px);
    /* Fallback for extra blur control */
    z-index: 1;
}

/* u-curve image animation */
.u-curve {
    position: absolute;
    top: -30%;
    left: 50%;
    transform: translateX(-50%) scale(1.6);
    z-index: 2;
    animation: swingFade 6s ease-in-out infinite;
    transform-origin: top center;
    opacity: 0;
    /* Start faded out */
}

@keyframes swingFade {
    0% {
        transform: translateX(-50%) rotate(0deg);
        opacity: 0;
    }

    25% {
        transform: translateX(-50%) rotate(10deg);
        opacity: 0.20;
    }

    50% {
        transform: translateX(-50%) rotate(-10deg);
        opacity: 0.20;
    }

    75% {
        transform: translateX(-50%) rotate(10deg);
        opacity: 0.20;
    }

    100% {
        transform: translateX(-50%) rotate(0deg);
        opacity: 0;
    }
}

.blur-container {
    backdrop-filter: blur(80px);
    background-color: rgba(255, 255, 255, 0.2)
}

.dashboard-container {
    position: relative !important;
}

.red-text {
    color: #EF4444;
}

.blue-text {
    background: linear-gradient(180deg, #2563EB 0%, #214B8B 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.confusion-box h4 {
	font-weight:500 !important;
}


/* UTM WORKS */
.utm-works .brxe-text-basic {
    min-height: 80px;
}

/* pricing table */
.popular-button {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, 0px);
}

.duration-time {
    font-size: 16px;
    font-weight: 500;
    color: #6B7280;
	text-decoration:line-through;
}
.offer-text{
	text-decoration:none !important;
	font-size:28px !important;
}

.pricing-table-wrapper .tab-content {
    padding: 0 !important;
    border: none !important;
}

.pricing-table-wrapper>.tab-menu .tab-title {
    padding: 10px 20px !important;
}


/* Footer Form */
.footer-form button.bricks-button.md {
    padding: 13px 30px;
    background: linear-gradient(90deg, #6119C5, #2563EB);
    color: #fff;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
}

.footer-form button.bricks-button.md:hover {
    background: linear-gradient(180deg, #6119C5, #2563EB);
}

.marketers h4{
	font-weight:500 !important;
	color: var(--bricks-color-ybdnmp) !important;
}

.marketers:hover .animated-icon {
    transform: rotate(-10deg);
    transition: all 0.3s ease;
}

.pricing-header .tab-title .brxe-text-basic {
    color: #fff !important;
}

.pricing-header .tab-title.brx-open .brxe-text-basic {
    color: #000 !important;
}

.pricing-header .tab-title.brx-open {
    background-color: #f1f1f1 !important;
}

.pricing-table-wrapper .pricing-table {
    background-color: #fff;
}

.enterprise-list {
    flex-wrap: wrap;
}

.purchase-button:hover{
	color:#fff !important;
}

.feature-menu-wrapper {
    flex-wrap: wrap;
    flex-direction: row;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 15px;
}

.feature-menu-wrapper .menu-feature-item {
    transition: all 0.3s ease;
    position: relative;
}

/* Feature menu dropdown */

#brxe-godgmz .mega-menu-link {
    flex: 0 0 24%;
}



.feature-menu-wrapper .menu-feature-item h4,
.mega-menu-link-content {
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-bottom: 3px;
}

.feature-menu-wrapper .menu-feature-item h4::after,
.mega-menu-link-content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 0%;
    background-color: #000;
    transition: width 0.3s ease;
}

.feature-menu-wrapper .menu-feature-item:hover h4::after,
.mega-menu-link:hover .mega-menu-link-content::after {
    width: 100%;
}

.right-menu-col .feature-menu-wrapper.admin-list .menu-feature-item {
    flex: 0 0 100%;
}

.right-menu-col .feature-menu-wrapper.admin-list h4 {
    width: 100%;
    text-align: center;
}

.admin-list {
    max-width: 46%;
}

.menu-feature-item h4 {
    font-size: 14px;
    font-weight: 400;
}

.enterprise-list li {
    flex: 0 0 46%;
    justify-content: flex-start;
    position: relative;
}

.free-horizontal-list .enterprise-list li {
    flex: 0 0 32%;
}

@media(max-width:768px) {
    .free-horizontal-list .enterprise-list li {
        flex: 0 0 48%;
    }
}

ul.brx-dropdown-content.brx-submenu-positioned {
    width: 100%;
    right: 0;
}

ul.brx-dropdown-content.brx-submenu-positioned .mega-menu-inner {
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    padding: 32px;
    box-sizing: border-box;
}

.link-description p {
    font-size: 12px;
    font-weight: 600;
    color: #676767;
    text-transform: default;
    position: relative;
}

.mega-menu-link {
    padding: 10px;
    border-radius: 6px;
    transition: all 0.3s ease;
}


.mega-menu-nav a {
    color: #fff;
}

.mega-menu-nav a:hover {
    color: #ddd;
}

.brx-has-megamenu svg path {
    color: #fff;
}

.mega-menu-link a {
    color: #000;
}

.mega-menu-link a:hover {
    color: #333;
}

.mega-menu-icon {
    padding: 0px;
    border: 1px solid #0000002a;
    border-radius: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.mega-menu-icon svg {
    width: 16px;
}

.mega-menu-icon:empty {
    visibility: hidden;
    opacity: 0;
}

.industry-list {
    position: relative;
    padding: 15px;
    border-radius: 16px;
    transition: all 0.3s ease;
    z-index: 5;
    background: transparent;
    overflow: hidden;
    border: 1px solid #ddd;
}



/* Resource */
.resource-first-col {
    padding: 15px;
    border-radius: 20px;
    height: 100%;
    justify-content: space-between;
    border: 1px solid #ddd;
}

.resource-first-col:hover {
    background: linear-gradient(300deg, #6119C531, #2563EB15);
}



/* mobile mega menu */
.off-canvas-link-wrapper h4 {
    font-size: 14px;
    font-weight: 600;
}


/* Header shrink on scrolling */

@media (min-width: 992px) {
    .scrolling .blur-header-bg {
        width: 70%;
        transition: all 1.2s ease;
        gap: 0;
        background: linear-gradient(180deg, #2563EB 0%, #214B8B 100%) !important;
    }

    .scrolling #brxe-egmtqs a.bricks-button {
        font-size: 14px;
        padding: 10px;
    }
}

.mega-menu-nav li {
    transition: all 0.8s ease;
}

.scrolling .mega-menu-nav li {
    font-size: 14px !important;
    transition: all 0.8s ease;
}

#brxe-pqlrfk {
    overflow-x: clip;
}

/* Solved-feature-list */

@media (max-width: 768px) and (min-width: 540px) {
    .solve-features-list ul {
        max-width: 48%;
    }
}

@media (max-width: 539px) {
    .solve-features-list ul {
        max-width: 100%;
    }
}

/* Step-cards */
.step-card {
    transition: all 0.3s ease;
}

.step-card h4 {
    font-size: clamp(1.8rem, 4vw, 4.25rem);
    -webkit-text-stroke: 1px #000;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

.step-card h3 {
    font-size: clamp(1.8rem, 4vw, 2.25rem);
}


.what-use-for h4 {
    font-size: 16px;
}

/* Heading and Heading Description */
.section-heading {
    font-size: clamp(2rem, 6vw, 3rem);
    font-weight: 700;
    line-height: 1.2;
}

.section-small-heading {
    font-size: clamp(1.5rem, 4.5vw, 2rem);
    font-weight: 600;
    line-height: 1.3;
}

.heading-description {
    font-size: clamp(1.125rem, 2.5vw, 1.25rem);
    font-weight: 400;
    line-height: 1.6;

}


/* Homepage color icon card */
.icon-box-card {
    transition: all 0.3s ease;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.10);
    border: 1px solid transparent;
    border-radius: 15px;
    background-color: #f9f9f9;
}

.icon-box-card:hover {
    /* 	transform:translateY(-5px); */
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
    border-color: #2563EB;
}

.icon-box-card svg,
.icon-box-card icon {
    height: 28px;
    width: 28px;
}

.icon-outer-box {
    width: 70px;
    height: 70px;
    border-radius: 15px;
    background: linear-gradient(45deg, #B6CEEE, #7EA6FE);
    display: flex;
    justify-content: center;
    align-items: center;
}

.icon-outer-box svg path {
    stroke: #111827;
    transition: all 0.3s ease;
}

.icon-box-card:hover .icon-outer-box svg path {
    stroke: #fff;
}



.blue-shadow .icon-box-card:hover {
    box-shadow: 0 1px 15px 0 #949494 !important;
    background-image: linear-gradient(45deg, #c2f2ff4a, #f9f9f9);
}



/* EvenMore Features */
.featured-card-icon svg {
    height: 60px;
    width: 60px;
}

.image-box-card {
    transition: all 0.3s ease;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.055);
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 30px;
}

.image-box-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 0px 10px 0 rgba(0, 0, 0, 0.1);
}

/* contact us page */
.contact-info {
    padding: 24px;
    border: 2px solid #ddd;
    width: 70%;
    border-radius: 20px;
    transition: all 0.6s ease;
}

.contact-info:hover {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.075);
    transform: scale(1.03);
}

.contact-info .icon {
    border: 1px solid #ddd;
    transition: all 0.6s ease;
    width: 50px;
    height: 50px;
    justify-content: center;
}

.contact-info:hover .icon {
    background:linear-gradient(45deg, #2536db , #214B8B) !important;
}

.contact-info:hover .icon i {
    color: #fff;
}

.contact-us-form .bricks-button {
    background-image: linear-gradient(45deg, #2563EB, #214B8B);
    padding: 15px 30px;
    color: var(--white);
    border-radius: 12px;
    transition: all 0.3s ease;
}

.contact-us-form .bricks-button:hover {
    background-image: linear-gradient(180deg, #2563EB, #214B8B);
    transform: scale(0.96);
}

.contact-us-form input:focus-visible,
.contact-us-form textarea:focus-visible {
    outline: none !important;
    box-shadow: 4px 4px 0 0 #120027 !important;
    border-color: #120027 !important;
}

.gradient-smarter-cards {
    background-color: #f9f9f9;
    border: 1px solid #fff;
    transition: all 0.3s ease;
    border-radius: 15px;
}

.gradient-smarter-cards:hover {
    box-shadow: 0 5px 20px 0 rgba(148, 148, 148, 0.25);
}

.gradient-smarter-cards p {
    min-height: 70px;
}

.gradient-smarter-cards h4 {
    min-height: 55px;
}

.gradient-smarter-cards .gradient-blue-shadow img {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15);
    z-index: 2;
    border-radius: 15px;
    border: 1px solid #E3E2E0;
}

.gradient-smarter-cards:hover .gradient-blue-shadow img {
    box-shadow: 0 1px 10px 0 #5AAFF533 !important;
}

.gradient-smarter-cards .icon-outer-box svg path {
    stroke: #fff;
}

.marketer-icons .icon-outer-box svg path {
    stroke: #fff;
}

.marketers .marketer-content {
    min-height: 140px;
}


.marketer-icons img.animated-icon {
    height: 50px;
    width: 50px;
    object-fit: contain;
}

/* Rocket card */

.marketers:hover img.animated-rocket {
    transform: rotate(-20deg) scale(0.85) !important;
	transition:all 0.3s ease;
}


/* Building card */
.marketers .marketer-icons img.onhover-img {
    display: none;
	height:50px;
}

.marketers:hover .still-bulding {
    display: none;
}
.marketers:hover .marketer-icons img.onhover-img {
    display: block;
}

@media(max-width:768px) {
    .scrolling .blur-header-bg {
        background:linear-gradient(180deg, #2563EB 0%, #214B8B 100%) !important;
    }
}


/* Client slider */
.client-logo img {
    width: 150px;
    height: 60px;
    object-fit: contain;
}

/* Plan comparision */
.feature-with-underline li.repeater-item span {
    border-bottom: 1px dotted #000 !important;
}

.plan-feature-not-available li.repeater-item {
    opacity: 0.45;
}

#brxe-flzgua .tab-title.brx-open {
    background: linear-gradient(45deg, #2563EB, #153885);
    color: #fff;
}


/*  Feature Comparison */

#brxe-ffewak>.plan-row:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
}

.plan-feature-text {
    font-size: 14px;
    line-height: 21px;
    position: relative;
    padding-left: 20px;
}

.plan-feature-text::before {
    content: "\f058";
	font-family:"Font Awesome 6 Free";
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
    line-height: 21px;
	color:#15803d;

}

.plan-feature.plan-feature-not-available .plan-feature-text::before {
    content: "✖";
	color:#b91c1c;
}

.plan-feature.plan-feature-not-available {
    opacity: 0.45;
}

@media(max-width:768px) {
    .plan-feature li {
        justify-content: flex-start;
        padding-bottom: 15px !important;
        border-bottom: 1px solid #ddd;
    }

    .mega-menu-icon:empty {
        display: none;
    }

    /* 	Accordion open by default now hidden */
    #brxe-ujhdqd .accordion-content-wrapper {
        padding-bottom: 0;
        display: none;
    }

    #brxe-ujhdqd .brxe-block.listening.brx-open i.ion-ios-arrow-forward {
        transform: rotate(90deg);
    }
}


/* Header button */
@media (max-width: 390px) {
    #brxe-pzvita {
        font-size: 0 !important;
        gap: 0 !important;
        width: 40px !important;
        height: 40px !important;
    }

    #brxe-egmtqs {
        width: max-content !important;
    }

    #brxe-hbjyva {
        width: 36% !important;
    }

    #brxe-pzvita i {
        font-size: 14px;
        margin: 0;
        margin-right: -3px;
    }
}

/* Even More Features */
.more-features-tab .tab-desc {
    padding-left: 35px;
    font-weight: 500;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, transform 0.3s ease-out;
    transform: translateY(-6px);
    opacity: 0;
}

/* When tab is opened */
.more-features-tab .tab-title.brx-open .tab-desc {
    max-height: 80px;
    transform: translateY(0);
    opacity: 1;
}

/* Title transition */
.more-features-tab .tab-title {
    transition: all 0.3s ease;
    border-radius: 6px;
}

.more-features-tab .tab-title.brx-open .brxe-text-basic,

.more-features-tab .tab-title.brx-open i,

.more-features-tab .tab-title.brx-open svg path {
    color: #2563db;
    fill: #2563db !important;

}

/* Open state background */
.more-features-tab>.tab-menu .tab-title.brx-open {
    background-color: rgba(37, 99, 219, 0.15);
}

/* Tab Content Card */

.feature-tab-content {
    padding: 6px 10px;
    border-radius: 3px;
    flex: 0 1 23%;
    border: 1px solid #2563db;
    justify-content: center;
    transition: all 0.5s ease;
}

.feature-tab-content:hover {
    border-radius: 100px;
    background-color: rgba(37, 99, 219, 0.15);
    box-shadow: 0 2px 0 #2563db;
    transform: scale(0.96);
}

.feature-tab-content h6 {
    font-size: 14px;
    font-weight: 500;
}


/* Feature Page */
.feature-page-card-icon i {
    text-align: center;
    width: 100%;
}

/* Bento card */

/* .bento-block{
	transition:all 0.3s ease;
}
.bento-block::before{
	content:"";
	position:absolute;
	background-image:url("https://ezutm.com/wp-content/uploads/2025/07/bento-card-bg.svg");
	top:0;
	right:0;
	background-size:contain;
	background-repeat:no-repeat;
	width:100%;
	height:100%;
	transform:rotate(180deg);
	opacity:0;
	
}
.bento-block::after{
	content:"";
	background:linear-gradient(45deg, #c2f2ff4a, #f9f9f9) !important;
	z-index:0;
	width:100%;
	height:100%;
	position:absolute;
	opacity:0;
	top:0;
	left:0;
}

.bento-block:hover{
	box-shadow: 0 1px 15px 0 #c2f2ff4a !important;
}
.bento-block:hover::before{
	opacity:0.35;
}
.bento-block:hover::after{
	z-index:1;
	opacity:1;
} */

.bento-block.brxe-block {
    padding: 20px;
    border: 1px solid #dddddd;
    border-radius: 20px;
    background-image: linear-gradient(90deg, #ffffff, rgba(221, 221, 221, 0.45));
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}

 
.bento-block .brxe-div {
    position: relative;
    z-index: 2;
}

/* Background image layer */
.bento-block::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://ezutm.com/wp-content/uploads/2025/07/bento-card-bg.svg");
    background-size: contain;
    background-repeat: no-repeat;
    transform: rotate(180deg);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 0;
    pointer-events: none;
}

/* Gradient overlay */
.bento-block::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #c2f2ff4a, #f9f9f9) !important;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

/* Hover effect */
.bento-block:hover {
    box-shadow: 0 1px 15px 0 #949494 !important;
	border:1px solid #2563db !important;
}

.bento-block:hover::before {
    opacity: 1;
}

.bento-block:hover::after {
    opacity: 1;
}

#brxe-dlwxjz li.repeater-item{
	background:linear-gradient(45deg, #2563db, #214B8B) !important;
}


/* Feature page */

.feature-slide-content svg{
	width:60px;
	height:60px;
}

.coming-soon{
	color:#15803d;
	padding-left:5px;
}

/* 
.pricing-page-table{
	position:absolute;
	top:10%;
	left:50%;
	transform:translate(-50%, -10%);
} */


/* Detail form */
.post-form input:focus-visible,
.post-form textarea:focus-visible{
	outline:none !important;
}

/* Alternative page */
.alternative-table .alternative-list:nth-child(even) {
    background-color: #f1f1f1 !important;
}