/* 
Theme Name: SupreoX
Theme URI: https://supreox.com/
Description: Custom child theme for the SupreoX limited.
Author: SupreoX Team
Author URI: https://supreox.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: supreox
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/


/*--------------------------------
 * Common CSS
 * -------------------------------*/
h1, h2, h3, h4, h5,h6 {
	line-height:1.3em;
}
.supreox-btn-1 .elementor-button-wrapper {
	border: 1px solid #005AB4;
    padding: 4px;
    display: inline-block;
}
.supreox-btn-1 a{
	margin-bottom: -15px;
    margin-right: -10px;
}
.supreox-btn-1 .elementor-button-wrapper:hover {
	border-color:#ED1C24;
}

.supreox-con-icon svg {
    width:45px !important;
    height: 38px !important;
    padding:5px;
}

.supreox-text-blue {
	color:#005AB4;
}

.supreox-text-red {
	color:#ED1C24;
}

.supreox-btn-2 svg {
    width: 24px;
    margin-left: 35px;
}
.supreox-btn-2 .elementor-button-icon {
      position: relative;
      margin-left: 50px;
}
.supreox-btn-2 .elementor-button-icon:before {
content: '';
    position: absolute;
    left: 12px;
    top: -22px;
    height: 70px;
    width: 1px;
    background-color: #fff;
    display: block;
}
.supreox-btn-2 a > .elementor-button-content-wrapper {
    align-items: center;
}


.supreox-btn-2 a.elementor-button, .supreox-btn-3 a.elementor-button  {
	animation: SupBtnleave 0.4s forwards !important;
/*     padding: 22px 25px 22px 55px !important; */
}

.supreox-btn-2 a:hover, .supreox-btn-3 a.elementor-button:hover {
	animation: SupBtnhover 0.4s forwards !important;
}

.supreox-btn-3 {
	
}

.supreox-btn-3 .elementor-button .elementor-align-icon-right {
    margin-left: 50px;	
}
.supreox-btn-3 a.elementor-button {
	position:relative;
}
.supreox-btn-3 a.elementor-button:after {
    position: absolute;
    right: 65px;
    top: 0px;
    height: 98%;
    width: 1px;
    background-color: #fff;
    content: '';
    display: block;
}

.supreox-heading-shape h2{
	position:relative;
}
.supreox-heading-shape h2:before {
position: absolute;
    left: -30px;
    top: 11px;
    width: 18px;
    height: 2px;
    content: '';
    background-color: #ED1C24;
    border-radius: 5px;
}

.supreox-heading-shape h2:after {
position: absolute;
    left: -24px;
    top: 4px;
    width: 12px;
    height: 2px;
    content: '';
    background-color: #005AB4;
	border-radius: 5px;
}
.supreox-divider .elementor-divider-separator{background: linear-gradient(90deg, #ED1C24 0%, #005AB4 100%);
    height: 1px;border-top:0;}



/*---------------------------
 * Pagination
 * ---------------------------*/
.supreox-jet-pagination .jet-filters-pagination__link {
    background-color: #005AB4;
    color: #fff;
    border-radius: 3px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: block;
}
.supreox-jet-pagination .jet-filters-pagination__current .jet-filters-pagination__link, .supreox-jet-pagination .jet-filters-pagination__link:hover {
	background-color:#ED1C24;
}
/*---------------------------------
 * Header
 * --------------------------------*/
.supreox-header-area.elementor-sticky--active {
	background-color:#fff;
	padding:0px !important;
}

.supreox-header-area.elementor-sticky--active > .elementor-container {
/* 	transform: scaleY(0.9); */
}
ul.mega-sub-menu {	
    box-shadow: 0 30px 50px 0 rgba(0,9.999999999999996,36,.14) !important;
}
.supreox-megamenu .mega-menu-link {
    font-family: "DM Sans", Sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
	position:relative;
}
.supreox-megamenu #mega-menu-menu-1 > li > .mega-menu-link:hover:before {
    background-color: #005AB4 !important;
    height: 1px !important;
    top: 0 !important;
    content: '';
    width: 100% !important;
    left: 0;
    z-index: 2;
    position: absolute !important;
    display: block !important;
}
.supreox-megamenu  #mega-menu-menu-1 > li > .mega-menu-link:hover:after {
    background-color: #005AB4 !important;
    height: 1px !important;
    bottom: 0 !important;
    content: '';
    width: 100% !important;
    left: 0;
    z-index: 2;
    position: absolute !important;
    display: block !important;
}
.supreox-megamenu ul.mega-sub-menu .mega-description-group .mega-menu-description { 
    font-family: "Outfit", Sans-serif;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.6em !important;
    font-style: normal !important;
/* 	display:none !important; */
}

#mega-menu-menu-1 li.mega-menu-megamenu li.mega-menu-item.mega-icon-left.mega-has-description.mega-has-icon > a.mega-menu-link {
    display: flex !important;
    gap: 15px;
}

/*-------------------------------------
 * Hero 
 * ------------------------------------*/

.supreox-hero-subtitle.supreox-heading-shape h2:after {
/* 	    top: 8px; */
} 
.supreox-hero-subtitle.supreox-heading-shape h2:before {
/* 	    top: 16px; */
}

.supreox-x-font {
	font-size:22px;
}


/*--------------------------------------
 * Services
 * -------------------------------------*/
.supreox-services-boxs .elementor-column-gap-custom{gap:36px}
.supreox-box {  
  background: linear-gradient(to right, #005AB4, #ED1C24);
  animation: gradientAnimation 3s infinite;
 border-radius:5px;
	background-size: 200% 100%;
}


.supreox-service-ion{}

.supreox-service-icon .elementor-icon-wrapper {
	    background-color: #005AB4;
    display: inline-block;
    border-radius: 50%;
    padding: 7px 0 0 0px;
}

.supreox-service-icon .elementor-icon {
	margin-bottom: -7px;
    margin-right: -5px;
}

.supreox-service-button.supreox-btn-2 svg {
    width: 20px;
    margin-left: 40px;
}
.supreox-service-button.supreox-btn-2 .elementor-button-icon.elementor-align-icon-right:before {
    left: 21px;
}

/*-------------------------------------
 * Portfolios
 * ------------------------------------*/
.supreox-portfolio-item{position:relative}
.supreox-portfolio-item:hover:before {
	transform:scale(1);
	transition:0.3s;
}
.supreox-portfolio-item:before{content:'';width:100%;height:100%;position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(14, 11, 44, 0.60);z-index:1;border-radius:5px;transform:scale(0);transition: 0.3s ease-out;}
.supreox-portfolio-hover-content{
    position: absolute !important;
    bottom: -200px;
    left: 0;
    right: 0;
	z-index:2;
	transition: 0.3s ease-out;
}
.supreox-portfolio-item:hover .supreox-portfolio-hover-content {
	bottom:20px;
	transition:0.4s;
}
.supreox-single-portfolio-thumb {
/* 	max-height: 730px;
    overflow-y: scroll;    */
}
/*---------------------------------
 * Testimonials
 * --------------------------------*/
.supreox-testimonials .jet-listing-grid__slider-icon.slick-arrow {
	border-radius:50%;
}

.supreox-testimonial-img img {
	margin:0 auto;
}


/*---------------------------------------
 * Brands
 * --------------------------------------*/
/* .supreox-home-contact-form{}
.supreox-home-contact-form input, .supreox-home-contact-form textarea{border-radius: 3px;
border: 1px solid rgba(14, 11, 44, 0.10);
background: #FFF;    
	padding: 10px !important;color: #0E0B2C;
font-size: 14px;
font-family: Outfit;
font-style: normal;
font-weight: 400;} */
 
/* .supreox-home-contact-form .gform_button.button{
	    font-family: "Outfit", Sans-serif;
    font-size: 16px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: var(--e-global-color-primary );
    padding: 15px 20px 15px 45px !important;
    border: 0;
	animation: SupBtnleave 0.4s forwards !important;
} */
/* .supreox-contact-button-icon {
    display: flex;
    gap: 62px;
    align-items: center;
    position: relative;
}
.supreox-contact-button-icon svg {width:24px;height:24px;} */

/* .supreox-contact-button-icon:after {
    content: '';
    height: 61px;
    width: 1px;
    background-color: #fff;
    position: absolute;
    right: 47px;
    top: -15px;
    bottom: 0;
} */
/* .supreox-home-contact-form .gform_button.button:hover {
	animation: SupBtnhover 0.4s forwards !important;
}  */
/*------------------------------------------
 * Footer 
 * ------------------------------------------*/
.supreox-footer-nav{}
.supreox-footer-nav ul {}
.supreox-footer-nav ul li {position:relative;list-style: none;}
.supreox-footer-nav ul li:before {position:absolute;left:0;top:17px;content:'';width:8px;height:2px;background-color:white;}
.supreox-footer-nav ul li.current-menu-item:before, .supreox-footer-nav ul li:hover:before {
	background-color:#1f75fe;
}

/*--------------------------
 * Contact Us page
 * ------------------------*/

.supre-career-forms {
	
}
.supre-career-forms input, .supre-career-forms select, .supre-career-forms textarea  {
    padding: 15px !important;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.supre-career-forms label {
	color: #404145;
font-family: Montserrat;
font-weight: 500 !important;
font-size: 15px !important;
}

.supre-career-forms .gform_button_select_files {
	border-color: #005EBD;
color: #005EBD;
}

.supre-career-forms .gform_button_select_files:hover {
	color:#fff;
	border-color:#EE222A;
}

.supre-career-forms .gform_footer .gform_button.button {
font-family: "Montserrat", Sans-serif;
font-weight: 500;
font-size: 16px;
padding: 15px 45px !important;
border-radius: 4px;
background-color: #005ab4;
color: #fff;
border: 0;
}

.supre-career-forms .gform_footer .gform_button.button:hover {
	background-color:#ed1c24
}
.supre-career-forms .gform_previous_button, .supre-career-forms .gform_next_button, .supre-career-forms .gform_button.button {
	font-family: "Outfit", Sans-serif;
    font-size: 17px;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF !important;
    background-color: var(--e-global-color-primary ) !important;
    padding: 15px 55px !important;
}

.supre-career-forms .gform_previous_button:hover, .supre-career-forms .gform_next_button:hover, .supre-career-forms .gform_button.button:hover {
    background-color: var(--e-global-color-accent ) !important;
	border-color:var(--e-global-color-accent ) !important;
}

.supre-career-forms .gf_progressbar_blue {
    background: #ffffff !important;
}
.supreox-contact-box .elementor-widget-container{
	min-height: 150px;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 600px) {
	
.supre-career-forms .gform_footer .gform_button.button {
  padding: 9px 45px !important;
}
.supreox-contact-box .elementor-widget-container{
    justify-content: center
}
	
}



/*-----------------------------
 * About Us Page
 * ----------------------------*/
.supreox-about-us-team-icon .elementor-grid-item{background: linear-gradient(to right, #005AB4, #ED1C24);
    animation: gradientAnimation 3s infinite;
	padding:1px;
    border-radius: 50%;
background-size: 200% 100%;

}



/*------------------------------
 * Single Service Page
 * -----------------------------*/
.supreox-process-line-top-left{
    position: relative;
}
.supreox-process-line-top-left:after{content:'';width:300px;height:3px;background-color:#005AB4;position:absolute;right:0;top:0;}
.supreox-process-line-top-left:before{
content: '';
    width: 20px;
    height: 20px;
    background-color: #005AB4;
    position: absolute;
    right: 290px;
    top: -9px;   
    animation: supreoX-ripple 2s linear infinite;
    z-index: 9;
	 border-radius: 50%;
}


.supreox-process-line-top-right.supreox-process-line-top-left:after{right:auto;top:0;left:0;}
.supreox-process-line-top-right.supreox-process-line-top-left:before{left:290px;top:-9px;right:auto;}

.supreox-process-step-col{position:relative;}
.supreox-step-col-right{}
.supreox-service-step{
	position: absolute;
    left: -80px;
    width: 160px !important;
    top: 80px;}
.supreox-service-step.supreox-step-left {right: -80px;left: auto;}

.supreox-process-line-top-left.last-step-line > .elementor-widget-wrap {position:relative}
.supreox-process-line-top-left.last-step-line>.elementor-widget-wrap:after {
	content:'';
	width:3px;
	height:150px;
	background-color:#005AB4;
	position:absolute;
	top:0;
	right:0;
}


/*--------------------------------
 * Blog
 * ------------------------------*/
.supreox-blog-info {
    position: absolute;
    top: -105px;
    right: 0px;
    width: 95px !important;
}

/*--------------------------------
 * Blog Single Page
 * ------------------------------*/
.supreox-blog-btn {}

.supreox-blog-btn a {
	width:100% !important;
}

.supreox-blog-btn a .elementor-button-text {
	flex-grow: revert;
}


.supreox-blog-btn a .elementor-button-content-wrapper { 
    justify-content: space-between;
}

/*-----------------------------
 * FAQs
 * ----------------------------*/
/* .supreox-faqs .elementor-accordion-item {
    background-color: #E6EFF8;
    padding: 20px 15px 20px 20px;
    margin-bottom: 15px;
    border: 0px !important;
    border-radius: 5px;
}

.supreox-faqs .elementor-accordion-item  .elementor-accordion-icon svg {
    width: 1.5em !important;
    height: 1.5em !important;
} */

/*-------------------------------
 * Law Landing Page
 * ------------------------------*/

.supreox-law-get-started:hover *{
    color:#fff !important;
}
.supreox-law-get-started {
    position: relative;
}
.supreox-law-get-started:hover:before {
	content: '';
    width: 79%;
    height: 70%;
    background-color: #005AB4;
    position: absolute;
    top: 54px;
    left: 10px;
    right: 10px;
    border-radius: 15px;
}

.last-law-widget.supreox-law-get-started:hover:before {
	width: 78%;
    height: 69%;
    top: 58px;
    left: 12px;
}

.sp-real-estate.supreox-law-get-started:hover:before {
height: 81%;
    top: 29px;
    left: 10px;
    right: 10px;
}








.supreox-process-line-bottom-last-left:after {
    content: '';
    width: 300px;
    height: 3px;
    background-color: #005AB4;
    position: absolute;
    right: 0;
    bottom: 0;
}


.supreox-process-line-bottom-last-left:before {
    content: '';
    width: 20px;
    height: 20px;
    background-color: #005AB4;
    position: absolute;
    right: 290px;
    bottom: -9px;
    animation: supreoX-ripple 2s linear infinite;
    z-index: 9;
    border-radius: 50%;
}