/*
 Theme Name:   Unobtainium Supply 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 {
	--h1: clamp(3.2rem, 2.88rem + 1.6vw, 4.8rem);
 	--h2: clamp(2.8rem, 2.52rem + 1.4vw, 4.2rem);
	--h3: clamp(2.2rem, 1.94rem + 1.3vw, 3.5rem);
	--h4: clamp(2rem, 1.8rem + 1vw, 3rem);
	--h5: clamp(1.8rem, 1.66rem + 0.7vw, 2.5rem);
	--body-text: clamp(1.6rem, 1.56rem + 0.2vw, 1.8rem);
	--top-bottom: clamp(5rem, 4.5rem + 2.5vw, 7.5rem);
	--left-right: clamp(2rem, 2rem + 0vw, 2rem);
	--gap: clamp(2.5rem, 2.5rem + 0vw, 2.5rem);
	--gap-ten: clamp(1rem, 1rem + 0vw, 1rem);
	--btc-font-size: clamp(1.2rem, 1.1259rem + 0.3951vw, 1.6rem);
	--btn-top-bottom: clamp(1rem, 0.963rem + 0.1975vw, 1.2rem);
	--btn-right-left: clamp(1rem, 0.7222rem + 1.4815vw, 2.5rem);
}
/* footer line */
.footer-line .line {
   border-radius: 50px;
}

/* home-page */
.best-services {
    transition: transform 1.5s;
}
.best-services:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.icon-animation {
    -webkit-animation: 9s vibrate 1s cubic-bezier(.36,.07,.19,.97) infinite;
    animation: 9s vibrate 1s cubic-bezier(.36,.07,.19,.97) infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#image-line::after {
    content: "";
    width: 150px;
    height: 150px;
    border: 2px solid #d4100c;
    position: absolute;
    right: 0px;
    top: 0px;
    box-sizing: border-box;
    visibility: visible;
	z-index: -1; 
}
#image-line::before {
    content: "";
    width: 150px;
    height: 150px;
    border: 2px solid #d4100c;
    position: absolute;
    left: 0px;
    bottom: 0px;
    box-sizing: border-box;
    visibility: visible;
    z-index: -1;
}
#image-line-two::after {
    content: "";
    width: 150px;
    height: 150px;
    border: 2px solid #d4100c;
    position: absolute;
   	left: 0px;
    top: 0px;
    box-sizing: border-box;
    visibility: visible;
	z-index: -1; 
}
#image-line-two::before {
    content: "";
    width: 150px;
    height: 150px;
    border: 2px solid #d4100c;
    position: absolute;
    right: 0px;
    bottom: 0px;
    box-sizing: border-box;
    visibility: visible;
    z-index: -1;
}

.image-gear {
    -webkit-animation: circular-rotation 40s linear infinite;
    animation: circular-rotation 40s linear infinite;
}
@keyframes circular-rotation {
100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
}

@keyframes vibrate {
0%, 10%, 12%, 14%, 16%, 18%, 2%, 4%, 6%, 8% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
}

1%, 11%, 13%, 15%, 17%, 19%, 3%, 5%, 7%, 9% {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

100%, 20% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
}

/* faq */
.brx-open .expanded {
    color: #fff !important;
}


/* contact page - contact form */
.ff-el-input--content input {
	border: 2px solid #020c45 !important;
	border-radius: 150px !important;
	padding: 15px !important;
}
.ff-el-input--content textarea {
	border: 2px solid #020c45 !important;
	border-radius: 15px !important;
	padding: 15px !important;
}

form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
	padding: var(--btn-top-bottom) var(--btn-right-left);
	font-size: var(--btc-font-size);
	font-weight: 600;
	transition: all 0.5s;
	opacity: 1;
}
.contact-page-btn::after, .subscribe-btn::after {
    content: "\f178";
	font-family: Font Awesome\ 6 Solid;
    margin-left: 10px;
    vertical-align: middle;
}
.subscribe-btn {
	padding: var(--btn-top-bottom) var(--btn-right-left);
	font-size: var(--btc-font-size);
	font-weight: 600 !important;
	transition: all 0.5s;
	opacity: 1 !important;
	height: 58px !important;
}