/*
 Theme Name:   Image Alt Text 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
*/

/* 
:root {
  --font-size-h1: min(max(24px, calc(1.5rem + ((1vw - 7.68px) * 2.2569))), 50px);
  --font-size-h2: min(max(20px, calc(1.25rem + ((1vw - 7.68px) * 1.7361))), 40px);
  --font-size-h3: min(max(18px, calc(1.125rem + ((1vw - 7.68px) * 1.4757))), 35px);
  --font-size-h4: min(max(16px, calc(1rem + ((1vw - 7.68px) * 0.7813))), 25px);
  --font-size-h5: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.5208))), 20px);
  --font-size-h6: min(max(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3472))), 18px);
} */

/* :root {
    --font-size-h1: min(max(40px, calc(1.5625rem + ((1vw - 3.2px) * 2.8409))), 56px);
    --font-size-h2: min(max(26px, calc(1.375rem + ((1vw - 3.2px) * 2.0455))), 35px);
    --font-size-h3: min(max(20px, calc(1.3125rem + ((1vw - 3.2px) * 1.5909))), 24px);
    --font-size-h4: min(max(20px, calc(1.25rem + ((1vw - 3.2px) * 1.1364))), 30px);
    --font-size-h5: min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.7955))), 25px);
    --font-size-h6: min(max(16px, calc(1rem + ((1vw - 3.2px) * 0.4545))), 20px);
	--font-size-50: min(max(29px, calc(1.5625rem + ((1vw - 3.2px) * 2.8409))), 50px);
	--font-size-90: min(max(40px, calc(2.5rem + ((1vw - 3.2px) * 3.125))), 90px);
	--font-size-60: min(max(30px, calc(1.875rem + ((1vw - 3.2px) * 2.8355))), 60px);
	--alt-body-text: clamp(1.4rem, 1.3273rem + 0.3636vw, 1.6rem);
	--alt-top-bottom: clamp(5rem, 4.0909rem + 4.5455vw, 7.5rem);
	--alt-left-right: clamp(2rem, 2rem + 0vw, 2rem);
	--alt-gap: clamp(2rem, 2rem + 0vw, 2rem);
	--alt-gap-ten: clamp(1rem, 1rem + 0vw, 1rem);
	--alt-btc-font-size: clamp(1.2rem, 0.7636rem + 2.1818vw, 2.4rem);
} */
:root {
    --font-size-h1: clamp(4rem, 1.1556rem + 5.9259vw, 5.6rem);
    --font-size-h2: clamp(2.5rem, 2.125rem + 1.875vw, 4rem);
    --font-size-h3: clamp(2rem, 1.2889rem + 1.4815vw, 2.4rem);
/*     --font-size-h4: min(max(20px, calc(1.25rem + ((1vw - 3.2px) * 1.1364))), 30px);
    --font-size-h5: min(max(18px, calc(1.125rem + ((1vw - 3.2px) * 0.7955))), 25px);
    --font-size-h6: min(max(16px, calc(1rem + ((1vw - 3.2px) * 0.4545))), 20px);
	--font-size-50: min(max(29px, calc(1.5625rem + ((1vw - 3.2px) * 2.8409))), 50px);
	--font-size-90: min(max(40px, calc(2.5rem + ((1vw - 3.2px) * 3.125))), 90px);
	--font-size-60: min(max(30px, calc(1.875rem + ((1vw - 3.2px) * 2.8355))), 60px); */
	--alt-body-text: clamp(1.6rem, 1.2444rem + 0.7407vw, 1.8rem);
/* 	--alt-top-bottom: clamp(5rem, 4.0909rem + 4.5455vw, 7.5rem); */
	--alt-top-bottom: clamp(7.5rem, 7.5rem + 0vw, 7.5rem);
	--alt-left-right: clamp(2rem, 2rem + 0vw, 2rem);
	--alt-gap: clamp(2rem, 2rem + 0vw, 2rem);
	--alt-gap-ten: clamp(1rem, 1rem + 0vw, 1rem);
	--alt-btc-font-size: clamp(1.2rem, 0.7636rem + 2.1818vw, 2.4rem);
}
.alt-heading {
    background-image: linear-gradient(360deg, rgb(0 53 102 / 7%) 25%, rgba(255, 0, 0, 0) 25%);
}
.alt-need:hover{
	transform: translateY(-5px);
	transition: transform 0.3s ease;
}
.ff-el-input--content input, .ff-el-input--content textarea {
	border: 1px solid #003566 !important;
    border-radius: 5px !important;
}

.alt-flip-card {
	transform-style: preserve-3d;
    perspective: 2000px;
}

.alt-front-card {
    backface-visibility: hidden;
    transition: transform 1s; /*Flip Duration for front card*/
}

.alt-back-card {
    backface-visibility: hidden;
	border: 1px solid var(--bricks-color-zkbldh);
    transform:rotateY(180deg); /*Use rotateX for vertical flip; change to -180deg to change flip direction.*/
    transition: transform 1s; /*Flip Duration for back card*/
}

.alt-flip-card:hover .alt-front-card {
    transform: rotateY(-180deg); /*Use rotateX for vertical flip, change to 180deg to change flip direction.*/
}

.alt-flip-card:hover .alt-back-card {
    transform:rotateY(0deg); /*Use rotateX for vertical flip*/
}
/* ---------------------------------- */

body::-webkit-scrollbar {
    width: 10px;
}
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}
/* .text-color a{
	color:#caf0f8;
}
.font-color{
	color:#3a0ca3;
} */

.splide__list, .splide__slide {
    transition-timing-function: linear !important;
}

.faq-acc .brx-open i {
    transform: rotate(180deg);
}
body iframe {
	padding: 0 20px;
}

@media screen and (max-width: 767px) {

.alt-heading {
    background-image: none;
}
}