/*
Theme Name: JupiterX Child
Description: Jupiter X Child Theme
Author: Artbees
Author URI: https://jupiterx.com
Template: jupiterx
Version: 1.0.0
Text Domain: jupiterx
Domain Path: /languages
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
/* Add your custom CSS codes in assets/less/style.less */

/* Typography css */
h1 , h2 , h3 , h4 , h5 , h6 , p , a , .elementor-widget-container , span {
	font-family: "Poppins", Sans-serif !important;
}
h1{
	font-weight: 700 !important;
	font-size: 40px;
	line-height: 50px !important;
	text-transform: uppercase;
}
h2{
	font-weight: 700 !important;
	font-size: 45px;
	line-height: 55px !important;
	text-transform: uppercase;
}
h3{
	font-weight: 600 !important;
	font-size: 22px;
	line-height: 33px !important;
}
h4{
	font-weight: 600 !important;
	font-size: 20px;
	line-height: 30px !important;
}
.elementor-widget-container , p{
	font-weight: 300 !important;
	font-size: 18px;
	line-height: 27px !important;
}
.small-text .elementor-widget-container , .small-text p{
	font-size: 16px;
	line-height: 24px !important;
}
.italic-font .elementor-widget-container , .italic-font p{
	font-style: italic !important;
	font-weight: 500 !important;
}
.font-bold .elementor-widget-container , .font-bold p{
	font-weight: 500 !important;
}
a.elementor-button-link.elementor-button{
	background-color:#283888;
	color:#fff !important;
	font-style: normal;
	font-weight: 500 !important;
	font-size: 18px;
	line-height: 27px !important;
	text-transform: capitalize;
	border-radius: 10px;
	padding:19px 20px !important;
	width:223px;
	height:65px;
}
a.elementor-button-link.elementor-button:hover{
	background-color:#000;
	color:#fff !important;
}
.two-line-btn a.elementor-button-link.elementor-button{
	font-size: 20px;
	line-height: 21px !important;
	text-transform: uppercase;
	padding: 10px 20px !important;
	font-weight:700 !important;
}
.two-line-btn a.elementor-button-link.elementor-button span.small-text{
	font-weight: 300 !important;
	font-size: 14px;
	line-height: 20px !important;
	color: #FFFFFF;
	text-transform: lowercase;
}
.light-btn a.elementor-button-link.elementor-button:hover{
	background-color:#fff;
	color:#283888 !important;
}
.light-btn a.elementor-button-link.elementor-button:hover span.small-text{
	color:#283888 !important;
}

/* Header css */
.header-menu ul li{
	padding:0px 18px !important;
}
.header-menu ul li a{
	font-weight: 700 !important;
	font-size: 20px;
	line-height: 19px !important;
	text-transform: uppercase;
	display:block !important;
    padding: 8px 15px 10px 15px !important;;
	position:relative;
}
.header-menu ul li a span{
	font-weight: 300 !important;
	font-size: 14px;
	line-height: 21px !important;
	text-transform: lowercase;
}
.header-menu ul li ul li a{
	line-height:22px !important;
	font-weight:300 !important;
}
.sticky-header .header-menu ul li:last-child{
	padding-right:0px !important;
}
.sticky-header .header-menu ul li ul li:last-child{
	padding: 0px 18px !important;
}
.top-header-cta .elementor-icon-box-title {
    font-weight: 300 !important;
    font-size: 14px !important;
    line-height: 21px !important;
	margin-bottom: 0px;
}
.top-header-cta a {
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
	color:#fff !important;
	position:relative;
}
.top-header-cta p.elementor-icon-box-title , .top-header-cta p.elementor-icon-box-description , .top-header-cta p.elementor-icon-box-description a{
	line-height:15px !important;
}
.top-header-cta p.elementor-icon-box-description{
	padding-top:2px !important;
}
.top-header-cta a:after{
	content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    right: 0;
	left:auto;
    transition: 0.5s linear;
}
.top-header-cta a:hover:after{
	width:100%;
	transition: 0.5s linear;
	right:auto;
	left:0;
}
.top-header-cta .elementor-icon-box-icon {
    background-color: #fff;
    border-radius: 50%;
    padding: 11px 9px 10px;
    height: 35px;
    width: 35px;
}
.top-header-cta .elementor-icon i{
	width: 17px;
    height: 17px;
}
.top-header-cta .elementor-icon i:before{
	font-size: 15px;
}
.social-icon-hover .elementor-widget-container{
	line-height:1px !important;
}
.top-header-cta.header-icon-cta a{
	color:#283888 !important;
}

/* Home content css */
.home-services .elementor-image-box-content {
    padding: 40px !important;
}
.home-services h3{
	font-weight: 700 !important;
	font-size: 20px;
	line-height: 24px !important;
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	word-wrap: break-word;
	text-transform:uppercase;
}
.home-services a{
	color:#fff !important;
	position:relative;
	font-weight: 500 !important;
}
.home-services a:after{
	content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #fff;
    bottom: 0;
    right: 0;
	left:auto;
    transition: 0.5s linear;
}
.home-services a:hover:after{
	width:100%;
	transition: 0.5s linear;
	right:auto;
	left:0;
}
.full-col-inner-sec .elementor-container{
	margin-left:auto !important;
	margin-right:0px !important;
}
.full-col-inner-sec-2 .elementor-container{
	margin-left:0px !important;
	margin-right:auto !important;
}
.home-service-content .elementor-widget-container{
	  -webkit-line-clamp: 4;
	  text-overflow: ellipsis;
	  overflow: hidden;
	  display: -webkit-box;
	  -webkit-box-orient: vertical;
	  word-wrap: break-word;
}
.margin-img-left{
	padding-left:8px !important;
}
.margin-img-right{
	padding-right:8px !important;
}

/* Footer css */
.footer-menu ul{
	display:block !important;
	padding-left:29px;
}
.footer-menu ul li{
	position:relative;
}
.footer-menu ul li:before{
	content: ".";
    position: absolute;
    left: -12px;
    top: 1px;
    font-size: 41px;
    line-height: 1px;
}
.footer-menu ul li a{
	padding-bottom: 15px !important;
	position:relative !important;
	width: fit-content !important;
	white-space: break-spaces !important;
}
.footer-menu ul li a:after{
	content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000;
    bottom: 10px;
    right: 0;
	left:auto;
    transition: 0.5s linear;
}
.footer-menu ul li a:hover:after , .footer-menu  ul li.current_page_item a{
	width:100%;
	transition: 0.5s linear;
	right:auto;
	left:0;	
}
.footer-cta a {
    font-weight: 300 !important;
    font-size: 16px !important;
    line-height: 24px !important;
	color:#000 !important;
	position:relative;
}
.footer-cta.font-bold a{
	font-weight: 600 !important;
}
.footer-cta a:after{
	content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000;
    bottom: 0;
    right: 0;
	left:auto;
    transition: 0.5s linear;
}
.footer-cta a:hover:after{
	width:100%;
	transition: 0.5s linear;
	right:auto;
	left:0;
}

/* Services Page css */
.service-page-services .margin-img-right , .service-page-services .margin-img-left{
	padding:0px !important;
}
.service-page-services .home-service-content .elementor-widget-container{
	 -webkit-line-clamp: 2;
}
.service-page-services .image-col .elementor-widget-wrap{
	min-height:349px !important;
}
.service-inner-ul ul , .service-inner-ul ol{
	padding:0px !important;
	padding-left: 15px !important;
}
.service-inner-ul ul li , .service-inner-ul ol li {
    margin-bottom: 20px;
}

/* Contact Page css */
.contact-page-cta .elementor-icon-box-icon {
    background-color: #000;
    border-radius: 50%;
    padding: 16px 15px;
    height: 50px;
    width: 50px;
}
.contact-page-cta .elementor-icon i {
    width: 21px;
    height: 21px;
}
.contact-page-cta .elementor-icon i:before {
    font-size: 17px;
}
.contact-page-cta .elementor-icon-box-title {
    font-weight: 300 !important;
    font-size: 18px !important;
    margin-bottom: 0px;
}
.contact-page-cta .elementor-icon-box-description a {
    font-weight: 700 !important;
    font-size: 20px !important;
    color: #000 !important;
    position: relative;
}
.contact-page-cta .elementor-icon-box-description a:after {
    content: "";
    position: absolute;
    width: 0%;
    height: 1px;
    background-color: #000;
    bottom: 0;
    right: 0;
    left: auto;
    transition: 0.5s linear;
}
.contact-page-cta .elementor-icon-box-description a:hover:after{
	width:100%;
	transition: 0.5s linear;
    right: auto;
    left: 0;
}
.contact-page-cta p.elementor-icon-box-title, .contact-page-cta p.elementor-icon-box-description, .contact-page-cta p.elementor-icon-box-description a {
    line-height: 24px !important;
}
.contact-page-form h3{
	font-weight: 700 !important;
	font-size: 30px;
	line-height: 36px !important;
}
.contact-page-form .nf-form-content {
    padding: 0 !important;
    max-width: 100% !important;
}
.contact-page-form input , .contact-page-form textarea , .contact-page-form select , .contact-page-form select option{
    background: #ffffff !important;
    border: 1px solid #c4c4c4 !important;
    color: #000000 !important;
	font-weight: 300 !important;
    font-size: 18px;
    line-height: 27px !important;
}
.contact-page-form select{
	box-shadow:none !important;
}
.contact-page-form input , .contact-page-form textarea{
	padding-right:50px !important;
}
.contact-page-form .nf-error-msg.nf-error-field-errors {
    margin-top: 30px !important;
}
.contact-page-form .nf-error-msg, .contact-page-form .ninja-forms-req-symbol {
    color: #e80000;
    font-size: 16px !important;
}
.contact-page-form .nf-form-content select.ninja-forms-field {
    color: #000;
}
.contact-page-form input::placeholder , .contact-page-form textarea::placeholder , .contact-page-form .nf-form-content select.ninja-forms-field , .contact-page-form .nf-form-content label {
	font-weight: 300 !important;
    font-size: 18px;
    line-height: 27px !important;
	color:#000 !important;
}
.contact-page-form .nf-form-fields-required{
	text-align:center;
	margin-top:60px;
	margin-bottom:20px;
}
.contact-page-form .nf-form-content input , .contact-page-form select {
    height: 60px !important;
}
.contact-page-form .nf-error.field-wrap .nf-field-element:after {
    height: 58px !important;
    line-height: 60px !important;
}
.contact-page-form .nf-form-content textarea {
    height: 125px !important;
}
.contact-page-form .submit-container {
    margin-bottom: 0px;
    margin-top: 50px;
}
.contact-page-form .submit-wrap{
	text-align:center;
}
.contact-page-form .nf-form-content input[type=button] {
    background-color: #283888 !important;
    color: #fff !important;
    font-style: normal;
    font-weight: 500 !important;
    font-size: 18px;
    line-height: 27px !important;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 19px 20px !important;
    width: 223px;
    height: 65px !important;
	cursor:pointer;
}
.contact-page-form .nf-form-content input[type=button]:hover {
    background-color: #000 !important;
}
.contact-page-form .nf-response-msg {
    margin-top: 30px !important;
    text-align: center !important;
}
.contact-page-form .nf-form-content .list-select-wrap .nf-field-element:after {
    content: "\f078";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    right: 12px;
    bottom: 29px;
    height: 50px;
    line-height: 50px;
    z-index: 9;
    color: #000;
    height: auto;
    width: auto;
    line-height: 1px;
}
.contact-page-form .nf-fu-progress{
	display:none;
}
.contact-page-form .file_upload-container input{
	height:0 !important;
}
.contact-page-form .label-left .nf-field-label {
    padding-right: 20px;
    text-align: left;
    width: 200px;
	align-items: center;
	order:1 !important;
}
.contact-page-form .file_upload-container .nf-field-element {
    display: block;
    max-width: 380px !important;
	width:100% !important;
	order:2 !important;
}
.contact-page-form button.btn.btn-success.nf-fu-fileinput-button {
    width: 100%;
    margin: 0px !important;
    background: #FFFFFF;
    border: 1px solid #D3D3D3;
    color: #000 !important;
    text-align: left;
    height: 60px;
	box-shadow:none !important;
}
.contact-page-form .file_upload-container .nf-field-description {
    margin-left: 15px;
    width: auto;
	order:3 !important;
}
.contact-page-form .file_upload-container span.small-fonts{
	font-size:12px !important;
	line-height:18px !important;
	color:#000 !important;
}
.contact-page-form .nf-pass.field-wrap .nf-field-element:after {
    line-height: 60px;
}
.contact-page-form .file_upload-container .nf-after-field{
	margin-left:200px !important;
}
.hire-work-form.contact-page-form .nf-form-fields-required{
	margin-top:0px !important;
}
.contact-page-form .nf-error.list-select-wrap .nf-field-element:after{
	background: #e80000;
    color: #fff !important;
    font-family: FontAwesome;
    font-size: 20px !important;
    content: "\f12a" !important;
    top: 1px;
    right: 1px;
    bottom: 1px;
    height: 58px !important;
    width: 50px !important;
    line-height: 60px !important;
}
 input::placeholder , textarea::placeholder{
	text-emphasis-color:#000 !important;
	-webkit-color:#000 !important;
}
input::-moz-placeholder , 
textarea::-moz-placeholder{
	color: #000 !important;
	opacity: 1 !important;
}
input:-moz-placeholder , 
textarea:-moz-placeholder{
	color: #000 !important;
	opacity: 1 !important;
}

span.fa.fa-bars {
    font-family: "Font Awesome 5 Free" !important;
}
.jupiterx-corner-buttons {
    bottom: 68px;
}

.years-ul ul li{
	padding-bottom:10px !important;
}

.home-inner-ul ul li , .home-inner-ul .elementor-widget-container{
	font-size:16px !important;
}
.raven-nav-menu-horizontal>.raven-nav-menu ul.sub-menu, .raven-nav-menu-horizontal>.raven-nav-menu ul.submenu{
	width:auto !important;
}
.not-found-h1 h1{
	font-size:100px !important;
	line-height: 100px !important;
}
.not-found-h1 p{
	font-size:30px !important;
	line-height: 35px !important;
}
.not-found-a a{
	color:#000 !important;
	text-decoration:underline !important;
}
.not-found-a a:hover{
	color:#000 !important;
	text-decoration:none !important;
}

/* Responsive css */
@media (max-width:1440px){
	a.elementor-button-link.elementor-button {
		width: 205px;
	}
	.two-line-btn a.elementor-button-link.elementor-button {
		font-size: 19px;
		text-transform: uppercase;
		padding: 9px 15px 10px !important;
	}
	.header-menu ul li {
		padding: 0px 17px !important;
	}
	h1{
		font-size: 35px;
		line-height:45px !important;
	}
	h2{
		font-size: 40px;
		line-height: 50px !important;
	}
	.not-found-h1 h1{
		font-size:70px !important;
		line-height: 70px !important;
	}
	.not-found-h1 p{
		font-size:25px !important;
		line-height: 30px !important;
	}
}

@media (max-width:1366px){
	.header-menu ul li a {
		padding: 7px 15px 8px 15px !important;
	}
	.header-menu ul li {
		padding: 0px 13px !important;
	}
	.sticky-header .header-menu ul li ul li:last-child {
		padding: 0px 13px !important;
	}
}
@media (max-width:1280px){
	a.elementor-button-link.elementor-button {
		width: 190px;
	}
	.two-line-btn a.elementor-button-link.elementor-button {
		padding: 9px 10px 10px !important;
	}
}
@media (max-width:1250px){
	.header-menu ul li {
		padding: 0px 7px !important;
	}
}
@media(max-width:1024px){
	.header-menu ul li a:after , .header-menu ul li a:before{
		display:none;
	}
	.header-menu ul li a {
		font-size: 18px;
		padding: 5px 10px 5px 10px !important;
	}
	h1{
		font-size: 30px;
		line-height:40px !important;
	}
	h2{
		font-size: 35px;
		line-height: 45px !important;
	}
	a.elementor-button-link.elementor-button {
		width: 185px;
		height: 59px;
		padding: 17px 20px !important;
	}
	.two-line-btn a.elementor-button-link.elementor-button {
		font-size: 18px;
		padding: 7px 10px 10px !important;
	}
	.home-services h3 {
		font-size: 20px;
		line-height: 30px !important;
	}
	.header-menu nav{
		top: 73px !important;
	}
	.sticky-header .header-menu nav{
		top: 54px !important;
	}
	.service-page-services .image-col .elementor-widget-wrap {
		min-height: 290px !important;
	}
	.top-header-cta .elementor-icon-box-icon {
		padding: 9px 5px;
		height: 28px;
    	width: 28px;
	}
	.top-header-cta .elementor-icon-box-icon a{
		display:block !important;
	}
	.top-header-cta .elementor-icon i:before {
		font-size: 13px;
	}
	.contact-page-form #ninja_forms_required_items, .contact-page-form .nf-field-container {
		margin-bottom: 15px;
	}
	.contact-page-form .submit-container {
		margin-top: 35px;
	}
	.contact-page-form .nf-form-fields-required {
		margin-top: 45px;
	}
	.contact-page-form h3 {
		font-size: 26px;
		line-height: 32px !important;
	}
	.contact-page-form .nf-form-content input[type=button] {
		width: 185px;
		height: 59px !important;
		padding: 17px 20px !important;
	}
	.footer-menu ul li a {
		padding-bottom: 10px !important;
	}
	.sticky-header .header-menu ul li ul li:last-child {
		padding: 0px 8px !important;
	}
	.not-found-h1 h1{
		font-size:50px !important;
		line-height:60px !important;
	}
	.not-found-h1 p{
		font-size:20px !important;
		line-height: 25px !important;
	}
}
@media (max-width: 880px){
	.header-menu nav {
		top: 56px !important;
	}
	.contact-page-form .label-left .nf-field-label {
		width: 175px;
	}
	.contact-page-form .file_upload-container .nf-field-element {
		max-width: 330px !important;
	}
	.contact-page-form .file_upload-container {
		margin-top:25px !important;
	}
	.contact-page-form .file_upload-container .nf-after-field {
		margin-left: 175px !important;
	}
	.margin-img-right {
		padding-right: 0px !important;
	}
	.margin-img-left {
		padding-left: 0px !important;
	}
	.mbt{
		margin:5px 0px !important;
	}
}
@media(max-width:767px){
	.two-line-btn a.elementor-button-link.elementor-button {
		font-size: 16px;
		line-height: 22px !important;
		text-transform: uppercase;
		padding: 8px 10px 10px !important;
	}
	a.elementor-button-link.elementor-button {
		width: 160px;
		height: 58px;
	}
	h1{
		font-size: 26px;
		line-height:36px !important;
	}
	h2{
		font-size: 30px;
		line-height: 40px !important;
	}
	.elementor-widget-container, p {
		font-size: 16px;
		line-height: 24px !important;
	}
	.header-menu nav {
		top: 50px !important;
	}
	button.jupiterx-scroll-top.jupiterx-icon-angle-up {
		padding: 9px 11px;
	}
	.jupiterx-corner-buttons {
		bottom: 0px;
	}
	.home-services h3 {
		font-size: 18px;
		line-height: 27px !important;
	}
	.home-services h3 br{
		display:none;
	}
	.image-col .elementor-widget-wrap{
		height:250px !important;
	}
	.mbt{
		margin:0px 0px !important;
	}
	.margin-top{
		margin-top:20px !important;
	}
	.margin-img-right , .margin-img-left{
		padding:0px !important;
	}
	a.elementor-button-link.elementor-button {
		padding: 16px 20px !important;
		font-size: 16px;
	}
	.header-menu nav{
		top: 50px !important;
	}
	h4 {
		font-size: 18px;
		line-height: 24px !important;
	}
	h3{
		font-size: 20px;
		line-height: 28px !important;
	}
	.service-inner-ul ul li , .service-inner-ul ol li {
		margin-bottom: 15px;
	}
	.contact-page-cta .elementor-icon-box-description a {
		font-size: 18px !important;
	}
	.contact-page-form .nf-form-fields-required {
		margin-top: 30px;
	}
	.contact-page-cta .elementor-icon-box-title {
		font-size: 16px !important;
	}
	.contact-page-form h3 {
		font-size: 22px;
		line-height: 28px !important;
	}
	.contact-page-cta .elementor-icon-box-icon {
		padding: 13px 12px;
		height: 45px;
		width: 45px;
		margin-bottom: 10px !important;
	}
	.contact-page-form .nf-form-content input[type=button] {
		width: 160px;
		height: 58px !important;
		padding: 16px 20px !important;
    	font-size: 16px;
	}
	.contact-page-form .file_upload-container .nf-field-description {
		margin-left: 0;
	}
	.contact-page-form .file_upload-container .nf-after-field {
		margin-left: 0px !important;
	}
	.sticky-header .header-menu ul li ul li:last-child {
		padding: 0px 8px !important;
	}
	.right-icon-sh.elementor-widget-icon-box .elementor-icon-box-icon{
		margin-right:0px !important;
	}
	.left-icon-sh.elementor-widget-icon-box .elementor-icon-box-icon{
		margin-left:0px !important;
	}
	.not-found-h1 h1{
		font-size:40px !important;
		line-height:50px !important;
	}
	.not-found-h1 p{
		font-size:18px !important;
		line-height: 24px !important;
	}
}
@media (max-width:480px){
	.email-text a{
		font-size:12.5px !important;
	}
	.contact-page-cta .email-text a {
		font-size: 11.5px !important;
	}
}
@media (max-width:389px){
	.contact-page-cta .email-text a {
		font-size: 10.5px !important;
	}
}

html , body{
	overflow-x:hidden;
}