/*
 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
*/

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?43e05');
  src:  url('fonts/icomoon.eot?43e05#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?43e05') format('truetype'),
    url('fonts/icomoon.woff?43e05') format('woff'),
    url('fonts/icomoon.svg?43e05#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-twitter:before {
  content: "\e900";
}
.icon-linked-in:before {
  content: "\e901";
}
.icon-instagram:before {
  content: "\e902";
}
.icon-facebook:before {
  content: "\e903";
}

/* **************************************************************************************************************** */
html {
  font-size: 0.534vw;
}

.brxe-container {
    width: 75% !important;
    padding: 0 2rem;
}
@media screen and (max-width: 991px) {
	html {font-size: 62.5%;}
	.brxe-container {
		width: 100% !important;
		padding: 0 3rem;
	}
}

.brx-sticky.scrolling{background-color: #FFF;box-shadow: 0 0 68px 0 rgba(0, 0, 0, 0.1);}
#brxe-zxouqu .bricks-nav-menu{align-items: center;}
.nav_button a{ --gradient-glow:  #FEC303, #FD024F; 
	padding: 1.8rem 2.4rem; color:#FFF;border-radius: 1.4rem;border-radius: 1.5rem; overflow: hidden; border:2px solid transparent; 
	--surface :rgb(10 16 4);
	background: linear-gradient(var(--surface, canvas) 0 0) padding-box,
    linear-gradient(to right, var(--gradient-glow)) border-box;
	isolation: isolate;}

	.banner_image_sec::after{content: ''; position: absolute; width: 100%; height: 100%;opacity: 0.87;background: linear-gradient(90deg, #01ADF0 0%, #FEA703 50%, #73F 100%);filter: blur(99px);left: 0;right: 0; top:0}
	.banner_big_img{ position: relative; z-index: 1;}
	.banner_mobile_image{ z-index: 2;}

.header-menu nav ul li{position: relative;}
.header-menu nav ul li::after { content: ''; position: absolute; bottom: 0.5rem; left: 0; width: 0; height: 0.1rem;background:#000; transition: all 0.2s ease-in-out; z-index:-1;}
.header-menu nav ul li:hover::after , .header-menu nav ul li.current-menu-item::after{ width: 100%;}

.comming_heaidng:before,.comming_heaidng:after{content:'';}
.testimonials_loop:nth-child(2n+2) svg path,.testimonials_loop:nth-child(2n) svg path{fill:#FD024F}
.testimonials_loop:nth-child(3n+3) svg path,.testimonials_loop:nth-child(3n) svg path{fill:#02ACEA}

.instant_list{column-count: 4;}
.footer-menu nav ul{ display: block !important; column-count: 2;}
.footer-menu nav ul li a{ width: fit-content;}

.case_studies_lopp:nth-child(odd) .case_image{ order:2}
.social-menu nav ul li a span::before{font-size: 2rem; color:#181A20; transition: all 0.2s ease-in-out;}
.social-menu nav ul li a:hover span::before{color:#9101FF;}
.testimo_slider_section .splide__pagination , .talk-town-slider .splide__pagination{position: static; transform: none;}
.footer-bottom-sec::after{ content: ''; position: absolute; bottom: 0; left: 50%; transform:translatex(-50%); width: 96%; height: 5rem;background: linear-gradient(90deg, #FEA703 0%, #FD024F 27.92%, #1BBFFF 56.93%); filter: blur(22px); z-index:-1;}
.price-text span{ font-size: 1.2rem; font-weight: 500; line-height: 1.6rem; color: #181A20;}
.pricing-loop .bottom-area::after{ content: ''; position: absolute; bottom: 0.5rem; left: 50%; transform:translatex(-50%); width: 85%; height: 2rem;background: linear-gradient(90deg, #FEA703 0%, #FD024F 27.92%, #1BBFFF 56.93%); filter: blur(22px); z-index:1;}

.pricing-loop.corporate{background-color: #9101FF !important;}
.pricing-loop.corporate .account-text{color: #fff !important;}
.pricing-loop.corporate .account-text::after{background-color: #fff !important;}

.pricing-loop.corporate .price-text{color: #fff !important;}
.pricing-loop.corporate .price-text span{color: #fff !important;}
.pricing-loop.corporate .price-short-content{color: #fff !important;}
.pricing-loop.corporate .price-short-content::after{background-color: #fff !important;}

.pricing-loop.corporate .corporate-icon{fill:#fff !important;}
.pricing-loop.corporate .middle-text{color: #fff !important;}
.pricing-loop.corporate .plan-year{color: #fff !important;}

.form_loop_row{ display:flex; align-items:flex-start; margin-left: -1.3rem;margin-right: -1.3rem;}
.form_loop_row>*{padding: 0 1.3rem;}
.form_loop_col-6{width:100%;}

.form_loop{ margin-bottom: 7rem;}
.form_loop label{position: relative; width: 100%; color: #000;font-size: 2rem;font-weight: 600;line-height: 2.5rem; margin:0;}
.form_loop label span.requered{color: #FD024F;}
.form_loop br{ display:none;}


.form-coltrol {width: 100%; color: #797D79;font-size: 1.6rem;font-weight: 400;line-height: 3rem;height: 3rem;padding: 1rem;padding-left: 0; padding-top: 0; background: transparent; border: none; border-bottom: 0.1rem solid #000; border-radius: 0;}
.form-coltrol::placeholder{color: #797D79;font-size: 1.6rem;font-weight: 400;line-height: 3rem;}
.form-coltrol:focus{color: #797D79; outline: none;box-shadow: none;background: transparent;border-color: #000;}
textarea.form-coltrol {resize: none;height: 17rem !important;}
select.form-coltrol {height: 6.5rem;}
select.form-coltrol {padding-right: 5rem; -webkit-appearance: none; -moz-appearance: none; background-image:url(images/Chevron_down.svg); background-position: 99% 50%; background-size: 1.7rem; background-repeat: no-repeat;}

.radio-block label {margin-bottom:2.8rem;}
.select-block label {margin-bottom:2.8rem;}
.text-block label {margin-bottom:2.8rem;}
.radio-block .wpcf7-list-item {margin:0}
.radio-block .subscription_list{display:flex; gap:3rem; flex-wrap:wrap;}
.radio-block .subscription_list label {
  display: block;
  position: relative;
  padding-left: 4rem; margin:0; font-size: 1.6rem;font-weight: 400;line-height: 3rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radio-block .subscription_list label input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radio-block .subscription_list label span:after {
  content: "";
  position: absolute;
  display: none;
}

.radio-block .subscription_list label input:checked ~ span:after {
  display: block;
}

.radio-block .subscription_list label span:after {
  left: 1.2rem;
  top: 0.8rem;
  width: 0.6rem;
  height: 1.2rem;
  border: solid white;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.radio-block .subscription_list label span::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 3rem;
  width: 3rem;
  border: 0.1rem solid #000;
  border-radius: 50%;
  background: transparent;
}
.radio-block .subscription_list label input:checked ~ span::before {
  background: #000;
}
.form-submit-button{border-radius: 1.4rem; border: 0.1rem solid #FEC303; background: #181A20; padding: 1.9rem 4rem; color: #FFF; font-size: 1.6rem; font-weight: 500; line-height: 2rem; text-transform:uppercase; transition: all 0.5s ease-in-out;}
.form-submit-button:hover{background-color: #fff; color: #000;}


.wpcf7-not-valid-tip { color: #dc3232;font-size: 1.4rem; font-weight: normal; display: block;}
.wpcf7 form .wpcf7-response-output {
    font-size: 1.4rem !important;
    line-height: 2rem !important;
    text-align:center;
}

.common_content h2,.common_content h3,.common_content h4,.common_content h5,.common_content h6{position: relative; font-size: 2.4rem;font-weight: 600;line-height: 3rem; color: #000; letter-spacing: 0.48px; margin-bottom: 2.5rem;}
.common_content h3{font-size: 2.2rem;line-height: 2.8rem;}
.common_content h4{font-size: 2rem;line-height: 2.6rem;}
.common_content h5{font-size: 1.8rem;line-height: 2.4rem;}
.common_content h6{font-size: 1.6rem;line-height: 2.2rem;}

.common_content p{font-size: 1.6rem; line-height: 2.4rem; font-weight: 400; color: #000; margin-bottom: 2.5rem;}
.common_content p a{color: #9101FF; transition: all 0.5s ease-in-out;}
.common_content p a:hover{color: #000;}

.common_content ul , .common_content ol {margin-bottom: 2.5rem; padding:0;}
.common_content ul li , .common_content ol li{ position: relative; color: #000;font-size: 1.6rem;font-weight: 400;line-height:2.4rem; text-align: left;}
.common_content ul li {padding-left:2rem;}

.common_content ul li {list-style-type: none; list-style-position: inside;}
.common_content ol li {list-style-type: inherit;list-style-position: inside;}

.common_content ul li:not(:last-of-type),.common_content ol li:not(:last-of-type){margin-bottom: 1.5rem;}

.common_content ul li::after{ content: ""; position: absolute; top: 0.8rem; left: 0; width: 0.8rem; height: 0.8rem; border-radius: 50%; background: #9101FF;}
.common_content ul li p, .common_content ol li p{margin-bottom: 0rem;}

.faq-accordion .accordion-content-wrapper ul { padding-inline-start: 2rem;}
.faq-accordion .accordion-content-wrapper ul li { list-style-type: disc;}
.faq-accordion .accordion-title:focus, .faq-accordion .accordion-title:focus-visible {outline:none !important;}

@media screen and (max-width: 1199px) {
	.footer-menu nav ul li a{ width: 100%;}
}
@media screen and (max-width: 1024px) {
	.brx-animated { animation: none !important;}
}
@media screen and (max-width: 991px) {
	.header-menu nav ul li::after { background:#9101ff;}
	.nav_button a{ color:#fff !important;}
	.instant_list{column-count: 2;}
	.form-submit-button{display:block; margin: 0 auto;}
	
	.common_content {text-align: center;}
	.common_content ul, .common_content ol { margin: 0 15% 2rem;}

	.common_content h2,.common_content h3,.common_content h4,.common_content h5,.common_content h6{font-size: 2rem;line-height: 2.6rem;}
	.common_content h3{font-size: 1.8rem;line-height: 2.4rem;}
	.common_content h4{font-size: 1.6rem;line-height: 2.2rem;}
	.common_content h5{font-size: 1.5rem;line-height: 2rem;}
	.common_content h6{font-size: 1.4rem;line-height: 2rem;}

	.common_content p{font-size: 1.4rem; line-height: 2rem; margin-bottom: 2rem;}

	.common_content ul li , .common_content ol li{font-size: 1.4rem;line-height:2rem;}
	.common_content ul li { padding-left: 1.5rem;}
	.common_content ul li::after { top: 0.5rem;}
	
	.header-menu .bricks-mobile-menu{ width:80%; margin: 0 auto; padding-top: 2rem;}
	.header-menu .bricks-mobile-menu > li > a{background:transparent !important;}
	.header-menu .bricks-mobile-menu > li.nav_button a {
    --gradient-glow: #FEC303, #FD024F; border: 2px solid transparent; --surface: rgb(10 16 4); background: linear-gradient(var(--surface, canvas) 0 0) padding-box, linear-gradient(to 		right, var(--gradient-glow)) border-box !important; isolation: isolate;}
	.header-menu nav ul li:hover::after ,.header-menu nav ul li.current-menu-item::after{ width: 0;}

	
	
}
@media screen and (max-width: 767px) {
	.case_studies_lopp:nth-child(odd) .case_image { order: 0;}
}
@media screen and (max-width: 479px) {
	.footer-menu nav ul{ column-count: 1;}
	.star-rating ul{display:flex !important; justify-content:center; margin: 0 !important;}
	.form_loop_row {flex-direction: column; gap:4rem;}
	.form_loop { margin-bottom: 4rem;}
	.form_loop label{font-size: 1.6rem;line-height: 2rem;}
	.form-coltrol , .form-coltrol::placeholder {font-size: 1.4rem;line-height: 3rem;}
	textarea.form-coltrol {resize: none;height: 12rem !important;}
	select.form-coltrol {height: 4.5rem; padding-right: 2rem; background-size: 1.2rem;}
	.select-block label , .text-block label { margin-bottom: 0.8rem;}
	.radio-block label { margin-bottom: 1.8rem;}
	.form-submit-button { padding: 1.4rem 3rem;font-size: 1.4rem; line-height: 1.4rem;}
	.radio-block .subscription_list label span::before { height: 2rem; width: 2rem;}
	.radio-block .subscription_list label span:after { left: 0.8rem; top: 0.4rem; width: 0.5rem; height: 1rem;}
	.radio-block .subscription_list label { padding-left: 2.5rem;font-size: 1.4rem;line-height: 2rem;}
	
	.common_content ul, .common_content ol { margin: 0 0 2rem;}
		
		
		
}

@media only screen and (min-height: 280px) and (max-height: 500px) {
	.banner-section { padding-top: 10rem; height: 100% !important;}
	.banner-section .brxe-container { height: 100% !important; justify-content: flex-start; padding-bottom: 6% !important;;}
	header .brxe-section{ padding: 1.5rem 0 !important}
	.inner-banner{padding: 9rem 0 3rem !important;}
	.instant_list .brxe-block{background-size: 2rem;}
}