/* 
Theme Name:		 royal-elementor-child-kit
Theme URI:		 http://childtheme-generator.com/
Description:	 royal-elementor-child-kit is a child theme of Royal Elementor Kit, created by ChildTheme-Generator.com
Author:			 Parminder Singh
Author URI:		 http://childtheme-generator.com/
Template:		 royal-elementor-kit
Version:		 1.0.1
Text Domain:	 royal-elementor-child-kit
*/


/*
    Add your custom styles here
*/

body {
	background: linear-gradient(180deg, #030E1A 57.81%, #07294D 100%);
}

#primary ,.main-container, .page-404 {
	/*padding-top: 20px; */
	  width: 100%; /* Set the container to 100% width */
	  max-width: 1200px; /* You can set a maximum width to avoid overly wide containers */
	  margin: 0 auto; /* Center the container horizontally */
	  padding: 20px; /* Add some padding inside the container */
	color: #fff;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/*
#footer {
	background: linear-gradient(0deg, rgba(5, 26, 48, 0.80) 0%, rgba(5, 26, 48, 0.80) 100%), url(<path-to-image>), lightgray 50% / cover no-repeat;
	
} */

.m-auto {
	margin: auto;
}

.ml-auto {
	margin-left: auto;
}


.mr-auto {
	margin-right: auto;
}

table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th {
  background-color: transparent;
}

table tbody > tr:nth-child(2n+1) > td, table tbody > tr:nth-child(2n+1) > th:hover {
	background-color: transparent;
}
/* .home-page-banner-wrapper {
	background: #3A5F92;
	backdrop-filter: blur(5px);
   filter: blur(33.5px); 
}*/

/*** Home Page ***/

.text-heading-home h2 {
	text-align: center;
	font-family: Inter;
	font-size: 3.125rem;
	font-style: normal;
	font-weight: 500;
	line-height: 139.4%; /* 69.7px */
	background: linear-gradient(91deg, #A8C6E2 14.72%, #4598E4 82.35%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.text-description-home {
	color: #CACACA;
	text-align: center;
	font-family: Inter;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 157.4%; /* 28.332px */
}

.title-introduction-home h2 {
	text-align: center;
	font-family: Raleway;
	font-size: 3.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 139.4%; /* 83.64px */
	letter-spacing: 3.6px;
	background: linear-gradient(90deg, #9FC3E3 19%, #4C9CE5 97.89%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.text-introducing-desc p {
	max-width: 592px;
	color: #F4F4F4;
	text-align: center;
	font-family: Inter;
	font-size: 1.625rem;
	font-style: normal;
	font-weight: 400;
	line-height: 139.4%; /* 36.244px */
	letter-spacing: 1.3px;
}
.introducing-image .e-con-inner {
	border-radius: 50%;
    background: radial-gradient(53.86% 50% at 50% 50%, rgba(255, 199, 0, 0.60) 0%, rgba(30, 30, 30, 0.00) 100%);
}

/*** All new C2 ***/
.all-new-c2-heading {
	color: #F4F4F4;
	text-align: center;
	font-family: Inter;
	font-size: 3.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 121.9%; /* 60.95px */
}

.all-new-c2-heading .hello {
	color: #FFF;
	/*background: linear-gradient(90deg, #A875EB 34.85%, #7E87DC 36.68%, #7EAFDC 38.69%, #7ED1DC 40.82%, #7EDCC5 42.65%, #96DC7E 44.29%, #ECD976 86.3%); 
	 background: linear-gradient(140deg, #A875EB 34.85%, #7E87DC 36.68%, #7EAFDC 38.69%, #7ED1DC 51.82%, #7EDCC5 58.65%, #96DC7E 68.29%, #ECD976 86.3%)
	background: linear-gradient(140deg, #A875EB 34.85%, #7E87DC 36.68%, #7EAFDC 38.69%, #7ED1DC 51.82%, #7EDCC5 58.65%, #96DC7E 68.29%, #ECD972 75.36%, #ECD976 86.3%);*/
    background: linear-gradient(90deg, #FAA6E2 12.89%, #E59CFF 26.44%, #AA9CFF 36.98%, #9CCAFF 47.51%, #9CEDFF 58.05%, #9CFFF3 67.08%, #9CFFB2 75.36%, #D4FF9C 82.89%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Inter;
	font-size: 65px;
	font-style: normal;
	font-weight: 500;
	line-height: 149.4%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Inter;
	font-size: 3.125rem;
	font-style: normal;
	font-weight: 600;
	line-height: 121.9%;
}

.all-new-c2-heading  .pimelinc {
	color: #FFF;
	font-family: Inter;
	font-size: 3.75rem;
	font-style: normal;
	font-weight: 500;
	line-height: 121.9%;
	margin: 0;
}

.all-new-c2-c2-logo div {
	font-family: Raleway;
	font-size: 18.75rem;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	background: linear-gradient(114deg, #B7D6F5 15.18%, #96BDE5 41.61%, #C3DCF5 65.92%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.all-new-c2-never-text h2 {
	background: linear-gradient(90deg, #FAA6E2 12.89%, #E59CFF 26.44%, #AA9CFF 36.98%, #9CCAFF 47.51%, #9CEDFF 58.05%, #9CFFF3 67.08%, #9CFFB2 75.36%, #D4FF9C 82.89%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Inter;
	font-size: 60px;
	font-style: normal;
	font-weight: 500;
	line-height: 149.4%;
}

.all-new-c2-remote .feature-info-box {
	text-align: center;
	padding: 10px;
	width: 91px;
	height: 91px;
	flex-shrink: 0;
	border-radius: 17px;
	background: linear-gradient(124deg, #C2FFFB 0%, #52E0FF 100%);
}
.all-new-c2-remote .feature-info-box  p.text {
	margin: 0;
	color: #062B32;
	text-align: center;
	font-family: Inter;
	font-size: 20.16px;
	font-style: italic;
	font-weight: 700;
	line-height: 139.4%; /* 28.103px */
}
 /*** End All new C2 ***/

/*** Contact form ***/

.wpcf7-form-control-wrap {
	width: 100%;
}

.intl-tel-input {
	display: block !important;
}

.custom-contact-form  .grid-container  {
	display: grid;
	grid-template-columns: auto auto;
	padding: 0;
}

.custom-contact-form .row > p {
	width: 100%;
	margin: 0;
}

.custom-contact-form .row label {
	width: 100%;
	color: #fff;
}

.custom-contact-form .form-group-title {
	color: #fff;
}


.custom-contact-form .row > .label > p {
	margin: 0 !important;
	font-size: 16px;
	font-weight: 500;
	padding: 0px 4px;
	color: #fff;
	line-height: 20.5px;
}


.custom-contact-form p span.required {
	color: #DC4F40;
}

.custom-contact-form .row {
	padding: 5px;
}

.custom-contact-form .phone-number .row-inner{
	display: flex;
	padding: 0;
}

.custom-contact-form input, .custom-contact-form textarea, .custom-contact-form select {
	width: 100% !important;
	margin-top: 4px !important;
	border-radius: 0.625rem;
	border: 1px solid #8D8D8D;
	/*background: rgba(157, 157, 157, 0.08);*/
}

.custom-contact-form .phone-numbers p {
	display: flex !important;
	width: 100%;
	align-items: start;
}

.custom-contact-form .phone-numbers input {
	margin-top: 0 !important;
}

.custom-contact-form .wpcf7-form-control-wrap .country, .custom-contact-form .wpcf7-form-control-wrap .state, .custom-contact-form .wpcf7-form-control-wrap .city {
	margin-top: 4px;
}

.custom-contact-form .phone-numbers .wpcf7-not-valid-tip {
	font-size: 12px;
    margin-top: 2px;
}
.custom-contact-form .phone-numbers select {
	border-radius: 0.625rem;
	border: 1px solid #8D8D8D;
	background: rgba(157, 157, 157, 0.08);
}


.custom-contact-form .phone-numbers [data-name="tel-444"] {
	flex: 1;
	margin-left: 1px;
}
.custom-contact-form .phone-numbers [data-name="tel-250"] {
	flex: 1;
	margin-left: 10px;
}

.wpcf7-submit {
	border-radius: 8px;
    border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	font-family: Inter;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 131.523%; /* 21.044px */
	letter-spacing: 0.24px;
	margin: 6px;
	    padding: 10px 40px;
}


/*** End Contact form ***/

/*** Support Page **/

/* Adjust the layout of the chat input container */
.chat-input-container p {
	width: 100%;
    display: flex;
    align-items: center;
}

/* Add margin between the input field and the button if needed */
.chat-input-container input[type="text"] {
    margin-right: 10px;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}

/* Optional: Style the button */
.chat-input-container input[type="submit"] {
    background-color: #4C75A7;
    color: #fff;
    border: none;
    border-radius: 14px;
    padding: 5px 20px;
    cursor: pointer;
    transition: background-color 0.3s;
	
	margin-left: -90px;
	  z-index: 1;
	  margin-top: 5px;
}

.chat-input-container input[type="submit"]:hover {
    background-color: #005bb5;
}

.chat-input-container  .wpcf7-spinner {
	display: none;
}

/*** End Support Page **/



/*** woocommerce ***/


/* Style the product loop container */
.product-info {
    border: 1px solid #ddd;
    padding: 15px;
    margin: 0 10px 20px;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    text-align: center;
	position: relative;
	border-radius: 0.625rem;
}

/* Style the product image */
.product-image img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
}

/* Style the product price */
.price {
    font-size: 1.1rem;
    font-weight: bold;
    color: #e74c3c; /* Adjust the color to match your theme */
}

/* Style the buttons container */
.product-buttons {
    padding-top: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	
}

.woocommerce .product-info h2.woocommerce-loop-product__title {
	color: #0F0F0F;
	text-align: center;
	font-family: "Roboto", Sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5rem; /* 133.333% */
}

.woocommerce .product-info .short-description {
	color: #313131;
	text-align: center;
	font-family: "Roboto", Sans-serif;
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.21875rem; /* 139.286% */
}


.woocommerce .product-buttons .add_to_cart_button {
	background-color: #DC4F40;
	color: #fff;
	width: 100%;
	border-radius: 0rem 0rem  0.625rem 0rem;
	background: #DC4F40;
   white-space: nowrap;
} 

.woocommerce .product-buttons .add_to_cart_button:hover {
	background-color: #c64739;
	color: #fff;
	width: 100%;
} 

.woocommerce .product-buttons .view-details-button {
	background-color: #EEB256;
  	text-decoration: none;
    white-space: nowrap;
	color: #000;
	width: 100%;
	border-radius: 0;
	padding: .618em 1em;
	line-height: 1;
	border-radius: 0rem 0rem 0rem 0.625rem;
	background: #EEB256;
} 

.woocommerce .product-buttons .view-details-button:hover {
	background-color: #d6a04d ;
	width: 100%;
} 

.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
 	float: unset;
  clear: both;
  width: 100%;
}
.woocommerce span.onsale {
	height: 3.236em;
	width: 3.236em;
	background-color: #DC4F40;
	color: #fff;
}

.woocommerce-ordering  .orderby {
	display: flex;
	align-items: center;
	gap: 10px;
}

/*** End woocomerce ***/

/*** My Account **/
.woocommerce-account .woocommerce-MyAccount-navigation {
display: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
}

/*** End My Account **/

/* Change the background color of the pagination */
.pagination {
  background-color: #f5f5f5;
}

/* Style the individual page number links */
.page-numbers {
  display: inline-block;
  margin: 0 5px;
  padding: 5px 10px;
  border: 1px solid #rgb(6, 30, 55);
  border-radius: 3px;
  text-decoration: none;
  color: #FFF;
}

/* Style the current page link */
.page-numbers.current {
  background-color: #rgb(6, 30, 55);
  color: #fff;
}

/* Style the "Previous" and "Next" links */
.prev, .next {
  background-color: #rgb(6, 30, 55);
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
}

/* Add hover effects */
.page-numbers:hover, .prev:hover, .next:hover {
  background-color: #rgb(6, 30, 55);
}


/*** Desktop and tablet screen ***/
 @media only screen and (min-width: 768px) {
	 
	 /*** woocommerce ***/
  .woocommerce ul.products.columns-3, .woocommerce ul.products.columns-4 {
	    display: flex;
        flex-wrap: wrap;
     /* justify-content: space-between;*/
   }
    
	.woocommerce ul.products.columns-3 .product-info {
        flex: 0 0 calc(33.33% - 20px); /* Adjust the width of each product to create a 3-column layout */
		margin-bottom: 40px; /* Adjust the spacing between rows as needed */
		padding: 20px;
		border: 1px solid #ccc;
   }
	
	.woocommerce ul.products.columns-4 .product-info {
        flex: 0 0 calc(25% - 20px); /* Adjust the width of each product to create a 3-column layout */
		margin-bottom: 40px; /* Adjust the spacing between rows as needed */
		padding: 20px;
		border: 1px solid #ccc;
   }
	 .column {
	  float: left;
	  width: 50%;
	}

	/* Clear floats after the columns */
	.row:after {
	  content: "";
	  display: table;
	  clear: both;
	}
	 
	 .column li {
		 padding: 5px 2px;
	 }
	  /*** End woocommerce **/
	
 }


/**** mobile screen ***/
 @media only screen and (max-width: 768px) {
	 #primary ,.main-container, .page-404 {
		 max-width: 90%; 
		 color: #fff;
	 }
	 
  .hfe-nav-menu__breakpoint-mobile .hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-vertical  {
   	width: 100%; 
  }
  
  .hfe-nav-menu .hfe-menu-item {
       text-align: center !important;
       display: block !important;
  }  
  .hfe-nav-menu__align-left .hfe-nav-menu__layout-vertical li a.hfe-menu-item, {
   	justify-content: center !important;
    display: block !important;
  }
	 
	 /*** Home Page ***/
	 
	.text-heading-home h2 {
		font-size: 1.188rem;
	}

	.text-description-home {
		font-size: 0.875rem;
	}

	.title-introduction-home h2 {
		font-size: 1.5rem;
	}
	.text-introducing-desc p {
		font-size: 1.125rem;
	}	 
	 
	 /*** End Home Page ***/
	 
	 /*** All new C2 ***/
	.all-new-c2-heading {
		font-size: 1.384rem;
	}

	.all-new-c2-heading .hello {
		font-size: 1.384rem;
	}

	.all-new-c2-heading  .pimelinc {
		font-size: 1.661rem;
	}

	.all-new-c2-c2-logo div {
		font-size: 9.494rem;
	}
	.all-new-c2-never-text h2 {
		font-size: 60px;
	}

	.all-new-c2-remote .feature-info-box {
		text-align: center;
		padding: 10px;
		width: 91px;
		height: 91px;
		flex-shrink: 0;
		border-radius: 17px;
		background: linear-gradient(124deg, #C2FFFB 0%, #52E0FF 100%);
	}
	.all-new-c2-remote .feature-info-box  p.text {
		font-size: 20.16px;
	}
	 
 }