/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 3.0.5
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */
::-moz-selection {
    color: #ffffff;
    background: #af251e;
}
::selection {
    color: #ffffff;
    background: #af251e;
}
.depicter-overflow-fix {
    overflow-x: clip!important;
}

.cube-list .trx-addons-info-list-icon-wrapper{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NTkiIGhlaWdodD0iMTA5NCIgdmlld0JveD0iMCAwIDk1OSAxMDk0Ij4KPGc+CjxwYXRoIGQ9Ik0gNDU5LjUwIDEwOTIuNDMgQzQ0OC45NSwxMDkwLjgyIDQzMy4zOCwxMDg2LjEzIDQyMy41MCwxMDgxLjU3IEM0MTkuNjUsMTA3OS44MCA0MDkuNTIsMTA3NC4yOCA0MDEuMDAsMTA2OS4zMiBDMzg2LjI5LDEwNjAuNzUgMzU4Ljg3LDEwNDQuODkgMzIzLjUwLDEwMjQuNDkgQzMwMC41NywxMDExLjI3IDI2NC40OCw5OTAuNDMgMjQzLjAwLDk3OC4wMCBDMjMyLjgyLDk3Mi4xMSAyMTUuMjcsOTYxLjk4IDIwNC4wMCw5NTUuNDkgQzE5Mi43Myw5NDguOTkgMTc1LjE4LDkzOC44NiAxNjUuMDAsOTMyLjk4IEMxNTQuODIsOTI3LjEwIDEzNC41Nyw5MTUuNDEgMTIwLjAwLDkwNy4wMSBDNTYuOTAsODcwLjYwIDU1LjIwLDg2OS41NSA0NS4yMyw4NjAuNjQgQzIxLjMzLDgzOS4yNiA2LjIzLDgxMS40NiAxLjQ1LDc4MC4wMCBDLTAuNzEsNzY1Ljc3IC0wLjcxLDMyOC4yMyAxLjQ1LDMxNC4wMCBDNi4yMywyODIuNTQgMjEuMzMsMjU0Ljc0IDQ1LjIzLDIzMy4zNiBDNTUuMjAsMjI0LjQ1IDU2LjkwLDIyMy40MCAxMjAuMDAsMTg2Ljk5IEMxMzQuNTcsMTc4LjU5IDE1NC44MiwxNjYuOTAgMTY1LjAwLDE2MS4wMiBDMTc1LjE4LDE1NS4xNCAxOTIuNzMsMTQ1LjAxIDIwNC4wMCwxMzguNTEgQzIxNS4yNywxMzIuMDIgMjMyLjgyLDEyMS44OSAyNDMuMDAsMTE2LjAwIEMyNjQuNDgsMTAzLjU3IDMwMC41Nyw4Mi43MyAzMjMuNTAsNjkuNTEgQzM1OC44Nyw0OS4xMSAzODYuMjksMzMuMjUgNDAxLjAwLDI0LjY4IEM0MTkuMzcsMTMuOTggNDI3LjIyLDEwLjI2IDQ0MC4wMyw2LjE4IEM0NjUuMjEsLTEuODMgNDkzLjc5LC0xLjgzIDUxOC45Nyw2LjE4IEM1MzEuNzcsMTAuMjYgNTM5LjYyLDEzLjk4IDU1OC4wMCwyNC42OCBDNTY2LjUzLDI5LjY1IDU4My44NSwzOS42OCA1OTYuNTAsNDYuOTkgQzY2NS4wNyw4Ni41NyA2OTMuNjEsMTAzLjA1IDcxNi4wMCwxMTYuMDAgQzcyNi4xNywxMjEuODkgNzQzLjcyLDEzMi4wMiA3NTUuMDAsMTM4LjUxIEM3NjYuMjgsMTQ1LjAxIDc4My44MywxNTUuMTQgNzk0LjAwLDE2MS4wMiBDODA0LjE3LDE2Ni45MCA4MjQuNDIsMTc4LjU5IDgzOS4wMCwxODYuOTkgQzkwMi4xMCwyMjMuNDAgOTAzLjgwLDIyNC40NSA5MTMuNzcsMjMzLjM2IEM5MzcuNjcsMjU0Ljc0IDk1Mi43NywyODIuNTQgOTU3LjU1LDMxNC4wMCBDOTU5LjcxLDMyOC4yMyA5NTkuNzEsNzY1Ljc3IDk1Ny41NSw3ODAuMDAgQzk1Mi43Nyw4MTEuNDYgOTM3LjY3LDgzOS4yNiA5MTMuNzcsODYwLjY0IEM5MDMuODAsODY5LjU1IDkwMi4xMCw4NzAuNjAgODM5LjAwLDkwNy4wMSBDODI0LjQyLDkxNS40MSA4MDQuMTcsOTI3LjEwIDc5NC4wMCw5MzIuOTggQzc4My44Myw5MzguODYgNzY2LjI4LDk0OC45OSA3NTUuMDAsOTU1LjQ5IEM3NDMuNzIsOTYxLjk4IDcyNi4xNyw5NzIuMTEgNzE2LjAwLDk3OC4wMCBDNjkzLjYxLDk5MC45NSA2NjUuMDcsMTAwNy40MyA1OTYuNTAsMTA0Ny4wMSBDNTgzLjg1LDEwNTQuMzIgNTY2LjUzLDEwNjQuMzUgNTU4LjAwLDEwNjkuMzIgQzU0OS40NywxMDc0LjI5IDUzOS4zNSwxMDc5LjgwIDUzNS41MCwxMDgxLjU3IEM1MTIuMjAsMTA5Mi4yOCA0ODQuNDcsMTA5Ni4yNSA0NTkuNTAsMTA5Mi40MyBaIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDEpIi8+CjwvZz4KPC9zdmc+) !important;
    background-repeat: no-repeat!important;
    background-size: 50px 50px!important;
}
.blue_marked mark {
	background: linear-gradient(
		to right,
		oklch(0.3581 0.1194 271.68 / 1) 50%,
		oklch(0.3581 0.1194 271.68 / 1) 50%
	);
	color: #ffffff;
}

.slider_logos .swiper-wrapper {
      -webkit-transition-timing-function: linear !important;
      -moz-transition-timing-function: linear !important;
      -o-transition-timing-function: linear !important;
      transition-timing-function: linear !important; 
}
@media (max-width: 991px){
	.red_mark mark {
		background: linear-gradient(
			to right,
			oklch(0.4938 0.1746 28.96 / 1) 50%,
			oklch(0.4938 0.1746 28.96 / 1) 50%
		);
		color: #ffffff;
	}

	.grey_mark mark {
		background: linear-gradient(
			to right,
			oklch(0.376 0.0122 273.08 / 1) 50%,
			oklch(0.376 0.0122 273.08 / 1) 50%
		);
		color: #ffffff;
	}
	.blue_mark mark {
		background: linear-gradient(
			to right,
			oklch(0.3581 0.1194 271.68 / 1) 50%,
			oklch(0.3581 0.1194 271.68 / 1) 50%
		);
		color: #ffffff;
	}

	.white_mark mark {
		background: linear-gradient(
			to right,
			oklch(1 0 0 / 1) 50%,
			oklch(1 0 0 / 1) 50%
		);
		color: #28347a;
	}	
}
@media (min-width: 992px) {
	.red_mark mark {
		animation: highlight linear forwards;
		animation-timeline: view(60% 20%);
		background: linear-gradient(
			to right,
			oklch(0.4938 0.1746 28.96 / 1) 50%,
			oklch(0.4938 0.1746 28.96 / 0) 50%
		);
		background-position: 100%;
		background-size: 200% 100%;
		border-radius: 0.125rem;
		padding-inline: 0.125rem;
		color: #28347a;
	}

	.grey_mark mark {
		animation: highlight linear forwards;
		animation-timeline: view(60% 20%);
		background: linear-gradient(
			to right,
			oklch(0.376 0.0122 273.08 / 1) 50%,
			oklch(0.376 0.0122 273.08 / 0) 50%
		);
		background-position: 100%;
		background-size: 200% 100%;
		border-radius: 0.125rem;
		padding-inline: 0.125rem;
		color: #28347a;
	}
	.blue_mark mark {
		animation: highlight linear forwards;
		animation-timeline: view(60% 20%);
		background: linear-gradient(
			to right,
			oklch(0.3581 0.1194 271.68 / 1) 50%,
			oklch(0.3581 0.1194 271.68 / 0) 50%
		);
		background-position: 100%;
		background-size: 200% 100%;
		border-radius: 0.125rem;
		padding-inline: 0.125rem;
		color: #28347a;
	}

	.white_mark mark {
		animation: highlightoverdark linear forwards;
		animation-timeline: view(60% 20%);
		background: linear-gradient(
			to right,
			oklch(1 0 0 / 1) 50%,
			oklch(1 0 0 / 0) 50%
		);
		background-position: 100%;
		background-size: 200% 100%;
		border-radius: 0.125rem;
		padding-inline: 0.125rem;
		color: #ffffff;
	}
	.skip_1{
		grid-column-start: 2;
	}

	@keyframes highlight {
		to {
			color: #ffffff;
			background-position: 0;
		}
	}
	@keyframes highlightoverdark {
		to {
			color: #28347a;
			background-position: 0;
		}
	}
}
@media (max-width: 1400px){
	h3{
		hyphens: auto!important;
	}
}