/*
Theme Name:   	Avrix Child
Theme URI: 	https://wordpress.validthemes.net/avrix
Description:  	This is a child theme for Avrix - Digital Marketing WordPress Theme
Author:       	Validthemes
Author URI:   	https://themeforest.net/user/validthemes/portfolio
Template:     	avrix
Version:      	1.0
Tags:         	two-columns, three-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, theme-options, editor-style, featured-images, microformats, post-formats,  sticky-post, threaded-comments, translation-ready
Text Domain:  	avrix-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */.

<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">


.ccb-subtotal-wrapper {
	border-radius: 20px !important;
	background: #dcdcdc !important;

}

.ccb-fields-wrapper,
.ccb-subtotal-wrapper{
	background-color:#dcdcdc !important;
}
.ccb-fields-block{
	background-color:#dcdcdc !important;
}
.ccb-block{
	border-radius: 20px !important;
}
.ccb-checkbox-image{
	border-radius: 20px !important;
	background-color: white;
	border: 1px solid; 
	border-color: #0086c7 !important;

}
.ccb-checkbox-image:hover *{
	color: white !important;
}
.ccb-checkbox-image img{
	border-radius: 20px !important;

}
.ccb-checkbox-image__price{
	color: black !important;
}
.ccb-checkbox-image:hover{
	background: linear-gradient(180deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	border-radius: 20px !important;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;


}
.ccb-field__input-wrapper > input{
	background-color: #C3C6C9 !important;
}

.conForm .contact-address a.phone-link {
	font-weight: 500;
}
.ccb-button{
	background-color: #0086C7 !important;
}
#home_banner .banner-style-three .content::after{
	background: #EBF3FD !important;
}

.forminator-custom-form-3778 label,
.forminator-custom-form-3778 span{
	color: black;
}
body footer .about p {
	color: black !important;
}
.social-links{
	display: flex;
}
.social-links i.upWork {
	position: absolute;
	content: url('https://a9solution.com/wp-content/uploads/2025/03/upwork.svg');
	width: 20px;
	height: 20px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.social-links li a{
	position: relative;
}
.social-links i.freeLancer {
	position: absolute;
	content: url('https://a9solution.com/wp-content/uploads/2025/03/free.svg');
	width: 50px;
	height: 50px;
	left: 67%;
	top: 50%;
	transform: translate(-50%, -50%);
}
svg.flicon-logo-fullcolor g{
	transform: translate(110px, 0px);
}
.navbar-brand>img {
	display: block;
	height: 40px;
}
#service_widget h4.widget-title {
	color: #000 !important;
}
#service_widget .services-sidebar.widget_nav_menu ul li a {
	color: #000;
}
span.qlwapp-text {
	display: none !important; 
	transition:0.6s !important;

}
a.qlwapp-toggle:hover span.qlwapp-text
{
	display: block !important;
	transition:0.6s !important;
	top: 16px;
}
div#home_heading h2 {
	-webkit-text-stroke: 2px #000;
	color: transparent;
	opacity: 0.8;
}
section#home_banner {
	height: 100vh;
}
.banner-style-three .thumb img {
	max-width: 75%;
}
div#portfolio_tabs a.pf-btn {
	background: linear-gradient(45deg, #000000 0%, #1d1d1d 50%);
}
.bg-dark .navbar .attr-right .attr-nav li.side-menu a span
{
	background: #000000 !important;
}
.bg-dark .banner-style-three .fun-fact .counter {
	-webkit-text-stroke: 1px #000000;
}
.banner-style-three .fun-fact .medium {
	font-weight: 700;
	font-size: 20px;
	color: #000;
}
nav.navbar.validnavs.no-background.white ul.nav>li>a {
	color: #000000;
}
div#portfolio_tabs .nav-items {
	display:none;
}
.project-button-prev::after {

	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.project-button-next::after
{
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
div#portfolio_tabs .project-style-one .overlay .content span {
	color: #9b9b9b;
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
div#portfolio_tabs  .project-style-one .overlay .content h4 {
	margin: 0;
	background: #a3a1a1;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
#home_banner  .btn-animation {
	color: #000000 !important;
}
#home_banner .btn-animation:hover {
	color: #000000 !important;
}
#home_banner .btn-animation span
{ 
	color: #000000 !important;

}
#home_banner .btn-animation::after {
	border: 1px solid rgb(124 124 124 / 50%);
}
.bg-dark .banner-style-three .content::after
{
	background: linear-gradient(90deg, rgba(237, 245, 255, 1) 0%, rgba(204, 223, 247, 1) 100%);
}
div#portfolio_tabs .pf-item-info .content-info span
{
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	-webkit-text-fill-color: white;
	border: none;
	padding: 5px 18px;
	border-radius: 0 !important;
}
div#portfolio_tabs .elementor-tab-title {
	border: none !important;
	border-radius: 0 !important;
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 18px;


}
div#portfolio_tabs .elementor-tab-title:hover
{
	border-bottom: 2px solid #000000 !important;
	background: #000;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
div#portfolio_tabs .elementor-active {
	border-bottom: 2px solid #000000 !important;
	background: #000;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
div#gform_confirmation_message_1 {
	text-align: center;
	font-weight: bold;
	padding: 30px;
	font-size: 30px;
	text-decoration: underline;
}
h2.gform_title {
	font-family: "Manrope", Sans-serif;
	text-transform: uppercase;
}
div#popmake-2464 {
	border: 5px solid #282828;
	border-image: linear-gradient(to right, #20b9c8, #5a57fb);
	border-image-slice: 1;
	padding: 25px;
}
button.pum-close.popmake-close:after {
	display: none;
}
button.pum-close.popmake-close {
	background: #422d2d !important;
}
form#gform_1 textarea {
	border: 1px solid #5a57fb;
	height: 182px;
}
form#gform_1 input {
	border: 1px solid #5a57fb;
}
.text_center {
	text-align: center;
}
input#gform_submit_button_1 {
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	color: #fff;
	padding: 16px 36px;
	border-radius: 10px;
	font-size: 18px;
	letter-spacing: 2px;
	font-weight: 600;
	font-family: "Manrope", Sans-serif;
	text-transform: uppercase;
}
h2.gform_title {
	text-align: center;
}
div#pricing_tabs .elementor-widget-wrap {
	border-width: 0px;
}
.client-items .partner-box .item
{
	margin: 30px 7px 0;
}
/* .client-items .partner-box .item img {
height: 37px;

} */
.project-style-one .overlay
{
	background: #1d1d1d;
}
.project-style-one .overlay .content span {
	color: #9b9b9b;
}
.project-style-one .overlay .link a i
{
	-webkit-text-stroke: 1px #fff;
}
.choose-us-style-one .bottom-info {
	display: block;

}
.project-style-one .overlay .content h4 a {

	color: #fff;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap {
	background:#fff;
	-webkit-transition: background 0.6s ease-out;  
	-moz-transition: background 0.6s  ease-out;  
	-o-transition: background 0.6s  ease-out;  
	transition: background 0.6s  ease-out;  
}
div#pricing_tabs h2 {
	color: #000;
	line-height: 1.2;
	margin-bottom: 15px;
}
ul.has-arrow li
{
	color:#000;
	text-align: left;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover
{
	/*   background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%); */
	/*  border: none; */
	background: #5a57fb;


}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover h2
{
	color:#fff;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover ul li
{
	color:#fff;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover .pricing_btn a.elementor-button
{
	border: 2px solid #dddddd;
	background: transparent;
	position: relative;
	z-index: 1;
	color:#fff;
	overflow: hidden;
	font-weight: 800;
	padding: 18px 50px;
	border-radius: 30px !important;
}
#pricing_tabs .elementor-tab-title {
	margin: 5px 20px;
	padding: 13px 3px;
	background: linear-gradient(45deg, var(--color-secondary) 0%, var(--color-secondary-to) 50%);
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
#pricing_tabs .elementor-active {
	background: #fff;
	background-clip: text;
	font-size: 18px;
}
#pricing_tabs .elementor-tab-title:hover{
	background: #fff !important;
	border-bottom: 2px solid #ccc !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent;
}
div#pricing_tabs .elementor-top-section {
	padding-top: 15px;
}
ul.has-arrow li {
	list-style: none;
}
.pricing_btn a.elementor-button {
	border: 2px solid #000;
	background: transparent;
	position: relative;
	color:#000;
	z-index: 1;
	overflow: hidden;
	font-weight: 800;
	padding: 18px 50px;
	border-radius: 30px !important;
}
.pricing_btn a.elementor-button:hover {   
	/*  border-color: #5138ee;   */
	border: none !important;
}
.pricing_btn a.elementor-button:after{
	position: absolute;
	top: inherit;
	right: inherit;
	bottom: inherit;
	left: -5%;
	content: "";
	height: 150px;
	width: 115%;
	z-index: -1;
	background-color: var(--dark);
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	-webkit-transform: translateY(-45%) skew(25deg) scale(0);
	transform: translateY(-45%) skew(25deg) scale(0);
	/*  background: #5138ee; */
	/*  background: #0adeb4; */
	background: #262525;
}
.pricing_btn a.elementor-button:hover::after {
	-webkit-transform: translateY(-45%) skew(25deg) scale(1.2);
	transform: translateY(-45%) skew(25deg) scale(1.2);
}
div#avrix_aboutus_widget-1 .f-item.about p {
	color: #666666 !important;
}
.footer-widget .content a {
	color: #dedede;
}
.f-item.contact li {
	color: #dedede;
}
.bg-dark footer p
{
	color: #dedede !important;
}
footer .f-item.link li a {

	color: #d2d2d4;
}
footer .f-item.link li a:hover {
	color: #ffffff;
}
.bg-dark footer .f-item.about::after
{
	background: #f6f6f6;
}
.bg-dark footer p, .bg-dark footer {
	color: #000000;
}
.footer-box {
	background: #1d1d1d;
}
div#about_p_sec h2.title {
	color: #fff;
}
div#about_p_sec .choose-us-style-one .bottom-info {
	display: block;

}
.footer-social ul li a
{
	background: #403e44;
}
.footer-bottom
{
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.footer-box
{
	border: 1px solid rgba(255, 255, 255, 0.3);
}
#about_p_craf ul.list-simple li::after
{
	border: 1px solid #14c1bc;
	color: #0cd7b0;
}
#about_p_craf a.arrow-btn {
	display: none;
}
.reverse_row .container .row
{
	display: flex;
	flex-direction: row-reverse;
}
.reverse_row .pl-80 {
	padding-left: 22px;
}
.reverse_row .col-lg-7 {
	width: 55%;
}
.reverse_row .col-lg-5.pl-80.pl-md-15.pl-xs-15 {
	width: 45%;

}
.reverse_row .fun-fact.text-light {
	display: none;
}
.align_v_center .container .row {
	display: flex;
	align-items: center;
}
div#avrix_cta_widget-1 p {
	color: #fff;
}
.footer-bottom p {
	color: #ffffff;
}
.footer-bottom p a{

	color: #ffffff;
}
.white_head h2.title {
	color: #fff;
}
svg.e-font-icon-svg.e-fab-x-twitter {
	width: 14px;
	fill: #fff;
}
svg.e-font-icon-svg.e-fab-linkedin-in {
	width: 14px;
	fill: #fff;
}
/* .footer-widget .content a {
color: #666656;
} */
div#contact_sec h2.title {
	/*     color: #fff; */
}
.footer-item strong {
	color: #fff !important;
}
h4.widget-title {
	color: #fff;
}
.side .widget .logo img {
	height: 52px !important;
	width: 280px !important;
	aspect-ratio: 1 !important;
}
.side .widget, 
.side .widget #block-7,
.side .widget figure {
	height: 157px !important;
}
.side .widget figure {
	display: flex;
	align-items: center;
}
footer img.logo {
	height: 40px;
	margin-bottom: 30px;
}
#serve_sec .bottom-info {
	display: block !important;
}
.single-widget div#nav_menu-2 h4.widget-title {
	color: #fff;
}
.services-sidebar.widget_nav_menu ul li a {
	color: #fff;
}
#servicetittle h2.title {
	color: white !important;
}
.elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title.elementor-active {

	color: white !important;
	border-bottom: 2px solid #ccc !important;
}
.elementor-538 .elementor-element.elementor-element-5384c04 .elementor-tab-title {
	border: 1px solid #0086c7 !important;
	color:#0086c7;
	border-radius: 7px;
	margin: 5px;
}
ul.has-arrow {
	height: 250px;
	overflow-y: scroll;
	padding-bottom: 28px;
}
.has-arrow::-webkit-scrollbar-track
{

	border-radius: 10px;
	background-color: transparent;

}
.has-arrow::-webkit-scrollbar
{
	width: 5px;
	background-color: #ccc;

}
.has-arrow::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #5a57fb;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover .has-arrow::-webkit-scrollbar-thumb
{
	background-color: #000;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover .has-arrow::-webkit-scrollbar
{
	background-color: #fff;

}
#about_p_craf ul.list-simple {
	column-count: 2;
}
button#price_btn:hover {
	color: #fff !important;
}
div#pricing_tabs .elementor-container .elementor-inner-column .elementor-widget-wrap:hover button#price_btn {
	background: #fff;
	color: #000;
}

/* Custom styling for Forminator form */

.forminator-ui {
	background: #fdfdfd !important;
	padding: 30px  !important;
	border-radius: 20px  !important;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1)  !important;
}

/* Style checkboxes and radio buttons as fancy cards */
.forminator-checkbox input[type="checkbox"] + label,
.forminator-radio input[type="radio"] + label {
	display: inline-block  !important;
	padding: 12px 20px  !important;
	margin: 8px  !important;
	border: 2px solid #0073e6  !important;
	border-radius: 12px  !important;
	background: #fff  !important;
	cursor: pointer  !important;
	transition: all 0.3s ease  !important;
}

.forminator-checkbox input[type="checkbox"]:checked + label,
.forminator-radio input[type="radio"]:checked + label {
	background: linear-gradient(135deg, #0073e6, #00c6ff)  !important;
	color: #fff  !important;
	border-color: #00c6ff  !important;
}

/* Style the total price display */
#forminator-field-total_price {
	font-size: 28px  !important;
	font-weight: bold  !important;
	color: #0073e6  !important;
	text-align: center  !important;
	padding: 10px  !important;
	margin-top: 20px  !important;
	border-top: 2px solid #eee  !important;
}

/* Form button styling */
.forminator-button {
	background: linear-gradient(135deg, #0073e6, #00c6ff)  !important;
	border: none  !important;
	border-radius: 50px  !important;
	color: #fff  !important;
	padding: 14px 30px  !important;
	font-size: 18px  !important;
	transition: all 0.3s ease  !important;
}

.forminator-button:hover {
	background: linear-gradient(135deg, #00c6ff, #0073e6)  !important;
	transform: translateY(-2px)  !important;
	box-shadow: 0 5px 15px rgba(0,0,0,0.15)  !important;
}
.forminator-edit-module{
	display:none !important;
}

@media screen and (max-width:1023px){
	.home nav.navbar.validnavs.navbar-fixed .logo,
	.home nav.navbar.validnavs .navbar-collapse.collapse.show img{
		filter: invert(1) brightness(0) invert(1);
	}
	nav.navbar.validnavs .navbar-collapse.collapse.show img{
		height:30px !important;
	}
}
@media screen and (max-width:768px){

	div#service_widget .elementor-widget-container .single-widget div#nav_menu-2 {
		display: none;
	}
	.services-sidebar .elementor-widget-wrap {
		padding-top: 0 !important;
	}

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

	div#main_icon_boxes .client-item-box .partner-box {
		margin-top: 34px;
	}

	#portfolio_tabs .project-style-one .overlay .content {
		padding: 9px 12px;
		padding-bottom: 8px;
		border: none;
	}



	#portfolio_tabs .content h4 a {
		font-size: 16px;
	}


	#portfolio_tabs .content span {
		margin: 0;
	}


	#portfolio_tabs .pf-item-info .button {
		right: auto;
		margin-top: 0;
		text-align: right;
		top: -76px !important;
	}
	.reverse_row .col-lg-5.pl-80.pl-md-15.pl-xs-15 {
		width: 100%;
	}
	.reverse_row .col-lg-7 {
		width: 100%;
	}

	#about_p_craf ul.list-simple {
		column-count: 1;
	}
	.elementor-tab-title.elementor-tab-mobile-title.elementor-active {
		border-bottom: 2px solid #ccc !important;
		color: #fff !important;
	}

	#pricing_tabs .elementor-tab-title {
		margin: 5px 20px;
		padding: 6px 3px;
	}

}
@media screen and (max-width:500px){
	nav.navbar.validnavs .navbar-collapse.collapse.show img {
		height: 30px !important;
		margin: 15px auto;
	}
}