/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1783332768
Updated: 2026-07-06 10:12:48

*/


body{
	background-color:#000;
	font-family:"outfit"
	
}
.custom-btn a, .custom-white-btn a{
	padding: 20px !important;
	font-size:20px !important;
	border-radius:10px !important;
	border:1px solid #2585C5;
	min-width:220px;
}
.custom-btn a:hover{
	background:transparent !important;
	color: #fff !important;
}
.custom-white-btn a:hover{background:#fff !important;
	color: #2585c5 !important;}

/* header */
.site-header{
	padding:40px 0px;
}
.site-header .header-inner{
	max-width:100%;
	margin:0 auto;
	width:100%;
    padding: 0 60px;
}
.site-logo {
    max-width: 260px;
    width: 100%;
	
}
.site-navigation ul.menu li{
	margin-right: 50px;
}
.site-navigation ul.menu li:last-child{
	margin-right: 0px;
}

.site-navigation ul.menu li a{
	color: #ffff;
	padding:0px;
	font-size: 22px;
	transition: 0.3s;
	font-family: outfit;
}
.site-navigation ul.menu li a:hover{
	color: #2585C5;
}
/* header .sub-menu {
    min-width: 810px !important;
    min-height: 300px;
    margin-left: -400px !important;
    margin-top: 31px !important;
    max-width: 100% !important;
} */
header .sub-menu::after {
    content: '';
    position: absolute;
    top: -35px; 
    left: 0;
    width: 100%;
    height: 35px;
    background: transparent;
}
/* Sub-menu initial hidden state */
header .sub-menu {
    min-width: 810px !important;
    min-height: 200px;
    margin-left: -400px !important;
    margin-top: 31px !important;
    max-width: 100% !important;
    display: block !important; 
    
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0) !important;
    transform-origin: center top !important; 
    transition: opacity 0.35s ease, transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), visibility 0.35s ease !important;
    pointer-events: none;
}

/* Hover active state */
header li:hover > .sub-menu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1) !important;
    pointer-events: auto !important;
    z-index: 9999 !important;
}



/* banner */
.banner-section{
	background-image: url("https://staging.uurnik.com/wp-content/uploads/2026/07/endcap-gradient.webp");
	background-position: bottom right;
	background-repeat:no-repeat;
}

.text-title {
    font-size: 30px;
    color: #2583Ca;
	padding-bottom:5px;
}
.text-color{
	color:#2583c5;
}

/* tabs */
.custom-tabs-wrapper .elementor-widget-image {
    max-width: 800px !important;
	width:100% !important;
    height: auto;
    margin: 0 auto;
}
.custom-tabs-wrapper .elementor-widget-image img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.custom-tabs-wrapper .e-n-tabs-heading{
	padding-bottom:40px;
}

.technical-wrapper{
	width: 40px !important;
    height: 40px !important;
    background: #fff !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    border-radius: 10px !important;
}

/* outcome */
.outcom-wrapper{
	max-width:980px;
	margin: 0 auto !important;
    text-align:center !important;
}

/* blogs */
.blog-img-wrapper .elementor-widget-image{
	width: 100% !important;
    max-width: 100% !important;
    height: 270px !important;
}
.blog-img-wrapper img{
	width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
	object-fit:cover !important;
}
.custom-blogs .e-con-full {
	overflow:hidden;
}


/* service */
.banner-wrapper{
	background-blend-mode:color;
	background-color:#00000085;
}
.custom-section{
	max-width:700px;
	margin:0 auto 40px !important;
	width:100% !important;
}

/* footer */
/* footer{display:none;} */
.footer-wrapper li.elementor-icon-list-item a{
	color: #fff;
}
.footer-wrapper li.elementor-icon-list-item a:hover{
	color:#2583ca;
}
.site-footer{
	display:none !important;
}
.page-id-78 .elementor .e-flexbox-base, .page-id-425 .elementor .e-flexbox-base{
	padding:0px;
}
.grid-content-wrapper{
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
}
.custom-badge{
	max-width:770px;
	margin:0 auto !important;
}
/* faq */
.faq-accordian .e-n-accordion-item{
	margin-bottom:20px !important
}
.faq-accordian-wrapper{
	max-width:750px !important;
	margin:0 auto !important;
}

/* table */
.comparison-table-wrapper {
  background: #080d1c;
  border: 1px solid #2583c5;
  border-radius: 22px;
  padding: 25px 30px;
  overflow-x: auto;
}

.comparison-table {
  width: 100%;
  border-collapse: unset !important;
  color: #ffffff;
  font-family: outfit, sans-serif;
	border:1px solid #2583c5 !important;
	border-radius:10px !important;
	overflow:hidden !important;
	margin-bottom:0px;
}

.comparison-table th {
  text-align: left;
  padding: 18px 15px;
  color: #fff;
  font-size: 14px;
  border-bottom: 1px solid #2583c5;
  letter-spacing: .5px;
	white-space:nowrap;
}

.comparison-table .uurnik-heading {
  color: #00d9ff;
}

.comparison-table td {
  padding: 22px 15px;
  border-bottom: 1px solid #2583c5;
  font-size: 16px;
  font-weight: 600;
}

.comparison-table tr:last-child td {
  border-bottom: none;
}

.comparison-table td:first-child {
  color: #ffffff;
  width: 20%;
}

.comparison-table .old {
  color: #ff4668;
  font-weight: 500 !important;
}

.comparison-table .new {
  color: #00bfff;
  font-weight: 700 !important;
}
.comparison-table-wrapper table td, table th{
	border:1px solid #2583c5;
}
.leader-cards {
    width: 80px !important;
    height: 80px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 100% !important;
    border: 1px solid #2583c5;
    margin: 0 auto 10px !important;
}
.about-tabs-wrapper .e-n-tabs-content {
    max-width: 750px;
    margin: 0 auto !important;
}
.text-padding{
	padding:0px;
}
.elementor-message.elementor-message-success.elementor-message-svg{
	color:green;
}
.feature-icon-wrapper{
	width:70px !important;
	height:50px !important;
	margin-bottom:20px !important;
}
.feature-icon-wrapper img{
	width:100% !important;
	height:50px !important;
	object-fit:contain !important;
}
.custom-box-btn a {
	pointer-events:none;
}

.swiper-img-wrapper .swiper-slide-inner{
	width:160px !important;
	height:160px !important;
	margin: 0 auto !important;
}
.swiper-img-wrapper .swiper-slide-inner img{
	width:100% !important;
	height:100% !important;
	object-fit:contain !important;
}
.no-link-hover {
  cursor: pointer;
}

.no-link-hover > a {
  cursor: pointer;
}
.counter-wrapper .elementor-counter-number-wrapper{
	border:2px solid #2583c5;
	width:200px !important;
	height:200px !important;
	padding:70px 15px !important;
	display:flex !important;
	justify-content:center !important;
	align-items:center !important;
	margin:0 auto !important;
	border-radius:100% !important;
	
}
.demo-forms .iti__arrow{
	border-top: 4px solid #fff !important;
}
.demo-forms .iti__selected-dial-code{
	color:#fff;
}
.supports-icon-wrapper .swiper-slide-inner{
	width:150px !important;
	height:60px !important;
	margin: 0 auto !important;
}
.supports-icon-wrapper .swiper-slide-inner img{
	width:100% !important;
	height:100% !important;
	object-fit: contain !important;
}
.demo-tabs-wrapper .video-wrapper{
	max-width:800px;
	margin:0 auto;
	
}
.demo-forms span.text-red {
    color: red;
}
.demo-forms span.elementor-field-option label {
    color: #fff !important;
}
.demo-forms span.text-red a:hover {
    color: #fff;
}

/* responsiveness */
@media (max-width: 1399px){
	.text-title {
    font-size: 25px;  
}
	.custom-btn a{
	padding: 15x !important;
	font-size:18px !important;
	min-width:200px;
}
	.site-navigation ul.menu li a{
		font-size:20px;
	}
}
@media (max-width: 1200px){
	.text-title {
    font-size: 20px;  
}
	.custom-btn a{
	font-size:16px !important;
	
}
	.site-header{padding:20px 0;}
	header .sub-menu{margin-left:-300px !important;min-width:640px !important}
}
@media (max-width: 1024px){
	.text-title {
    font-size: 18px;

}
	.site-logo{
		max-width:200px;
	}
	.banner-section{
	
		background-position: bottom center;}
	.counter-wrapper .elementor-counter-number-wrapper{
	
	
	padding:70px 15px !important;
	
}
	    header .sub-menu {
        margin-left: -100px !important;
        min-width: 400px !important;
    }
	
}
@media (max-width: 992px){
	.site-navigation-toggle-holder .site-navigation-toggle{
		color:#fff;
	}
	.site-header .header-inner{
		padding:0 30px;
	}
}
@media (max-width: 767px){
	.custom-tabs-wrapper .e-n-tabs-heading {
       display:flex !important;
}
	.custom-tabs-wrapper .e-n-tab-title{
		margin:0px !important;
	}
	.site-header .header-inner{
		padding:0 15px;
	}
	.comparison-table th,
.comparison-table td {
  font-size: 13px;
  padding: 15px 10px;
}
	header .sub-menu::after {
        content: none !important;
        display: none !important;
    }

    header .sub-menu {
        min-width: auto !important;
        max-width: none !important;
        min-height: auto !important;
        margin-left: 0 !important;
        margin-top: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        transition: none !important;
        pointer-events: auto !important;
    }
    header li:hover > .sub-menu {
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}