/*
Theme Name: Auregon
Theme URI: http://demo.bravisthemes.com/auregon
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Auregon is a modern, professional, and flexible WordPress theme designed for AI Agencies, Technology Services, IT Solutions, Software, and Digital Agencies. With its responsive design, retina readiness, and easy customization, Auregon provides all the elements and styles you need to build a powerful online presence for your AI and technology business.
Version: 1.0.0
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: auregon
Tags: ai agency, ai, artificial intelligence, technology, it, software, digital agency, saas, startup, cybersecurity, web development, cloud, tech company, it services, support, innovation, responsive
Requires at least: 5.8 or Higher
Requires PHP: 7.4 or Higher
Tested up to: 6.4

Copyright (c) 2025 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/
@font-face {
    font-family: 'Aptos';
    src: url('/wp-content/themes/auregon/assets/fonts/Aptos.woff2') format('woff2'),
        url('/wp-content/themes/auregon/assets/fonts/Aptos.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Kyrial Display Pro';
    src: url('/wp-content/themes/auregon/assets/fonts/KyrialDisplayProRegular.woff2') format('woff2'),
        url('/wp-content/themes/auregon/assets/fonts/KyrialDisplayProRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body, p {
	font-family: 'Kyrial Display Pro' !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Aptos';
}
h2, .h2 {
	font-size: 50px;
}
.pxl-logo {
	margin-top: -15px;
}
.box {
  background-image: url("/wp-content/uploads/2026/04/bannerIoT.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 800px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin: 0 auto;
}
.link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
}
.button {
  border: solid red border: solid blue;
  background-color: #222a4d;
  border-radius: 7px;
  width: 200px;
  padding: 7px;
  margin: 15px;
}
.btn:not(.btn-stroke) {
	background-color: #222a4d;
	color: #fff;
}
.btn:not(.btn-stroke):hover {
	background-color: #f05f23;
}
.orange {
	color: #f05f23;
}
.pxl-entry-content #tlz-jobs .tlz-job a.tlz-job-button {
	position: relative;
	z-index: 1;
	border-radius: 28px;
	padding: 0 40px 0 20px;
	line-height: 50px;
	font-size: 15px;
	color: #fff;
	border: none;
}
.pxl-entry-content #tlz-jobs .tlz-job a.tlz-job-button:after {
	content:"";
	background: url(/wp-content/themes/auregon/assets/img/arrow-btn.svg) no-repeat center center;
	position: absolute;
	top: 50%;
	right: 20px;
	width: 12px;
	height: 12px;
	margin-top: -6px;
}
.pxl-entry-content #tlz-jobs .tlz-job a.tlz-job-button:hover:after {
	-webkit-animation: hide_hover_icon 0.5s forwards;
	animation: hide_hover_icon 0.5s forwards;
	animation-delay: 0s;
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s;
}
.tlz-job-infos > span {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	font-size: 14px;
	padding: 0 20px;
	line-height: 40px;
	border-radius: 30px;
	background-color: #fff;
	color: var(--secondary-color);
	-webkit-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	-o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
	border: 1px solid #9e8efd;
}
.pxl-blog-grid-layout1 .pxl-grid-item .pxl-post--inner:hover .pxl-post--title {
	color: #fff;
}
#pxl-main {
	padding-bottom: 0 !important;
}
.single-next-prev-nav {
  	padding: 40px 0;
}
.pxl-item--description {
  	word-break: unset;
}
.pxl-icon-box1.style-6 .pxl-item--inner {
	align-items: inherit;
}
.slider_icon_box > div {
	width: 20%;
}
.title_highlight {
	position: relative;
	color: red;
	z-index: 1;
}
.title_highlight:before {
	content: "";
	position: absolute;
	width: calc(100% + 30px);
	height: 100%;
	top: 0;
	left: -15px;
	background: #fff;
	border-radius: 15px;
	z-index: -1;
}
.iconbox_top {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
  	justify-content: space-between;
	margin: 0 0 10px 0;
}
.iconbox_top .pxl-item--title {
	width: calc(100% - 80px);
	margin: 0 !important;
}
.ul_tick ul:not(.elementor-editor-element-settings) {
	list-style: none !important;
	padding: 0;
}
.ul_tick ul:not(.elementor-editor-element-settings) li {
	position: relative;
	padding: 0 0 10px 30px;
}
.ul_tick ul:not(.elementor-editor-element-settings) li:before {
	content: "\f00c";
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	left: 0;
	top: 4px;
	font-size: 12px;
	color: #222a4d;
	background: #fff;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
}
.header-red {
	color:#c4553d;
}
.header-brown {
	color:#9b6a2f;
}
.header-blue {
	color:#3a6eb5;
}
.irr_table table {
	display: block;
	overflow: hidden;
	border-radius: 10px;
}
.irr_table tbody {
	display: table;
	width: 100%;
}
.irr_table th {
	background: #f5f5f5;
}
.irr_table ul {
	margin: 0;
	padding: 0;
}
.irr_table li {
	list-style: none;
	position: relative;
	padding: 0 0 0 25px;
}
.irr_table li:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	left: 0;
	top: 50%;
  	margin-top: -6px;
}
li.dot-red:before {
	background: #c4553d;
}
li.dot-brown:before {
	background: #9b6a2f;
}
li.dot-blue:before {
	background: #3a6eb5;
}
li.dot-grey:before {
	background: #ccc;
}
.hover_white:hover {
	background-color: #fff;
}
.hover_white:hover svg path {
	fill: #222a4d !important;
}
.hover_white:hover a, .hover_white:hover p, .hover_white:hover div {
	color: #222a4d !important;
}
.pxl-process1 .pxl-item--description {
	display: inline-block;
}
.pxl-process1 .pxl-item--description h6 {
	color: #fff;
	font-weight: 600;
	line-height: 1.3;
	margin: 0 0 10px 0;
}
.pxl-process1 .pxl-item--image img {
	filter: none;
	max-height: 150px;
	width: auto;
}
.pxl-process1 .pxl-item--image {
	text-align: center;
	border-radius: 0;
}

.light_process .pxl-process1 .pxl-item--step, .light_process .pxl-process1 .pxl-item--description {
	color: var(--third-color);
}
.light_process .pxl-process1 .pxl-item--title, .light_process .pxl-process1 .pxl-item--description h6 {
	color: var(--secondary-color);
}
#tlz-jobs .tlz-job a.tlz-job-button:hover, .wrap-ctf1-1 button {
	background: #f05f23 !important;
}
.pxl-team-grid1 .pxl-item--inner .pxl-item--image img, .pxl-team-carousel1 .pxl-item--inner .pxl-item--image img {
	aspect-ratio: 1/1;
	object-fit: cover;
	width: 100%;
}
.cible_tag p {
	margin: 0 !important;
}
.cible_tag {
	margin: 5px !important;
}
.btn:not(.btn-stroke).btn-outline::before {
	display: none;
}
.btn:not(.btn-stroke).btn-linear, .pxl-icon-box1.style-6 .pxl-item--inner .pxl-item--icon,
.pxl-team-grid1 .pxl-item--inner .pxl-item--image .pxl-item--button-wrap .pxl-item--button, 
.pxl-team-carousel1 .pxl-item--inner .pxl-item--image .pxl-item--button-wrap .pxl-item--button,
.pxl-team-grid1 .pxl-item--inner .pxl-flipbox--back, .pxl-team-carousel1 .pxl-item--inner .pxl-flipbox--back,
.pxl-team-grid1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap, 
.pxl-team-carousel1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap,
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--featured .btn--readmore, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--featured .btn--readmore, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--featured .btn--readmore, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--featured .btn--readmore,
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back, .pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button,
.pxl-entry-content #tlz-jobs .tlz-job a.tlz-job-button, .pxl-process2 .pxl-item--step {
	background: #222A4D;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back::after, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back::after, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back::after, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back::after {
	background: none;
}
.pxl-team-grid1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap::after, .pxl-team-carousel1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap::after, .pxl-team-grid1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap::before, .pxl-team-carousel1 .pxl-item--inner .pxl-flipbox--back .pxl-item--image .pxl-item--button-wrap::before,
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button::before, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button::before, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button::before, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button::before, .pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button::after, .pxl-portfolio-carousel3 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .pxl-post--button::after, .pxl-portfolio-grid-layout1 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button::after, .pxl-portfolio-carousel3 .pxl-swiper-slide .pxl-post--inner.pxl-flipbox--back .pxl-post--button::after {
	box-shadow: none;
}
.pxl-team-grid1 .pxl-item--inner .pxl-item--position::before, .pxl-team-carousel1 .pxl-item--inner .pxl-item--position::before {
	display: none;
}
.pxl-team-grid1 .pxl-item--inner .pxl-item--content, .pxl-team-carousel1 .pxl-item--inner .pxl-item--content {
	display: block;
}
.pxl-icon-box1.style-6 .pxl-item--inner .pxl-item--icon {
	border: 1px solid;
}
.pxl-list1.style-4 .pxl-item--icon, .grid_subtitle {
	color: #222A4D;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post--inner.pxl-flipbox--back .grid_subtitle {
	color: #fff;
}
.elementor-widget-wp-widget-polylang ul {
	list-style: none;
	display: flex;
	margin: 0;
	padding: 0;
}
.elementor-widget-wp-widget-polylang ul li a {
	padding: 0 5px;
}
.elementor-widget-wp-widget-polylang ul li {
	position: relative;
}
.elementor-widget-wp-widget-polylang ul li:first-child:after {
	content: "";
	width: 1px;
	border-right: 1px solid;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -6px;
	height: 14px;
}
.white_txt, .white_txt a {
	color: #fff;
}
.mobile_langs {
	margin: 0 0 0 10px;
}
.pxl-counter1 {
	text-align: center;
}
.calc_height .calc_height_title p, .calc_height .calc_height_subtitle p, .calc_height .calc_height_cnt p {
	margin: 0 !important;
}
.pxl-portfolio-grid-layout1 .pxl-grid-item .pxl-post-content-inner {
	margin-bottom: 10px;
}
.no_border .elementor-element.pxl-border-section-anm .pxl-border-animated {
	display: none;
}
.contact_form form {
	width: 80% !important;
}
.wrap-ctf1-1 input {
	padding: 0 10px 0 45px;
}
.pxl-nav-menu.pxl-nav-vertical .pxl-menu-primary > li {
	margin: 0 0 5px 0;
}

@media (max-width: 1200px) {
	h2, .h2 {
		font-size: 38px;
	}
}
@media (max-width: 1024px) {
	h2, .h2 {
		font-size: 32px;
	}
}
@media screen and (max-width: 767px) {
	h2, .h2 {
		font-size: 28px;
	}
	.slider_icon_box > div {
		width: 100%;
	}
	.iconbox_top .pxl-item--title {
		width: calc(100% - 70px);
	}
	.calc_height .calc_height_title, .calc_height .calc_height_subtitle, .calc_height .calc_height_cnt {
		height: auto !important;
	}
	.contact_form form {
		width: 100% !important;
	}
}
@media (max-width: 480px) {
	h2, .h2 {
		font-size: 24px;
	}
}