/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
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 */

/* METALLIC SHINE EFFECT */

html, body{
	overflow-x:hidden !important;
}
body a, body a:hover { color: inherit; }

body:has(#contact-page) footer #contact-footer{
	display:none !important;
}

body:has(#contact-page) footer #footer-container > .e-con-inner{
	display:flex !important;
	justify-content:center !important;
	align-items: center !important;
}

h2,
svg,
p{
	background-color:rgba(0,0,0,0.005) !important;
}

button.cky-btn-reject,
button.cky-btn-accept{
	background-color:#8B0000 !important;
	border-color:#8B0000 !important;
}




@media screen and (max-width: 1680px) { body { zoom: 85% !important;  } }
@media screen and (max-width: 1440px) {	body { zoom: 70% !important;  } }
@media screen and (max-width: 1280px) {	body { zoom: 65% !important;  } }
@media screen and (max-width: 1100px) {	body { zoom: 60% !important;  } }
@media screen and (max-width: 1024px) {	body { zoom: unset !important; } }


header .wpr-nav-menu-container >ul>li>.wpr-menu-item:after{
	height:4px !important;
    bottom:-62.5px;
}
.gradient-gray1,
.gradient-gray2,
.gradient-gray5,
.gradient-gray7{
  --angle: -9deg;
  --center: 70%;    
  --gap: 22%;      
  --spread: 2%;
  --soft: 8%;
  --dark: #7D7D7A;
  --light: #ffffff;

  --line1: calc(var(--center) - var(--gap));
  --line2: var(--center);
  --line3: calc(var(--center) + var(--gap));

  background: linear-gradient(
    var(--angle),
    var(--light) 0%,

    var(--light) calc(var(--line1) - var(--spread) / 2 - var(--soft)),
    var(--dark)  calc(var(--line1) - var(--spread) / 2),
    var(--dark)  calc(var(--line1) + var(--spread) / 2),
    var(--light) calc(var(--line1) + var(--spread) / 2 + var(--soft)),

    var(--light) calc(var(--line2) - var(--spread) / 2 - var(--soft)),
    var(--dark)  calc(var(--line2) - var(--spread) / 2),
    var(--dark)  calc(var(--line2) + var(--spread) / 2),
    var(--light) calc(var(--line2) + var(--spread) / 2 + var(--soft)),

    var(--light) calc(var(--line3) - var(--spread) / 2 - var(--soft)),
    var(--dark)  calc(var(--line3) - var(--spread) / 2),
    var(--dark)  calc(var(--line3) + var(--spread) / 2),
    var(--light) calc(var(--line3) + var(--spread) / 2 + var(--soft)),

    var(--light) 100%
  ) !important;
  background-size: 100% 100% !important;
  animation: none !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.6)) !important;
}

.gradient-gray1{
	--angle: -12deg;
    --center: 56%;
    --gap: 22%;
    --spread: 0%;
    --soft: 8%;
}

.gradient-gray2 {
  --angle: 9deg;
  --center: 77%;
  --gap: 35%;
  --spread: 0%;
  --soft: 12%;
}

.gradient-gray3,
.gradient-gray4,.gradient-gray6{
  --angle: 180deg;
  --center: 48%;
  --spread: 11%;
  --soft: 42%;
  --dark: #7D7D7A;
  --light: #ffffff;

  background: linear-gradient(
    var(--angle),
    var(--light) 0%,

    var(--light) calc(var(--center) - var(--spread) / 2 - var(--soft)),
    var(--dark)  calc(var(--center) - var(--spread) / 2),
    var(--dark)  calc(var(--center) + var(--spread) / 2),
    var(--light) calc(var(--center) + var(--spread) / 2 + var(--soft)),

    var(--light) 100%
  ) !important;
  background-size: 100% 100% !important;
  animation: none !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  filter: drop-shadow(1px 2px 1px rgba(0, 0, 0, 0.6)) !important;
}

.gradient-gray3{
	  --spread: 0%;
	--soft: 30%;
}

.gradient-gray4{
  --center: 26%;
  --spread: 15%;
}

/* 3 lines, same angle as gradient-gray4 (180deg) */
.gradient-gray5 {
    --angle: 10deg;
    --center: 52%;
    --gap: 28%;
    --spread: 0%;
    --soft: 9%;
}

.gradient-gray6{
	    --center: 25%;
    --spread: -19%;
}

.gradient-gray7{
	--angle: -7deg;
    --center: 71%;
    --gap: 20%;
    --spread: 0%;
    --soft: 5%;
}

/* CONTACT FORM */
/* CONTACT FORM */
.ctc-form{
	max-width:680px;
	width:100%;
	margin:0 auto;
	display:flex;
	flex-direction:column;
}

.ctc-form input[type="tel"],
.ctc-form input[type="email"],
.ctc-form input[type="text"],
.ctc-form textarea,
.ctc-form select{
	font: 500 22px "Rajdhani";
    line-height:1.20em;
	color:#555555;
	border:none;
	background-color: #FFF;
	border:solid 1px #FFF;
	border-radius: unset;
	border:solid 1px #fff !important;
	
}

.ctc-form textarea{
	height:126px;
}

/* HIDE SELECT ARROW */
.ctc-form select{
   appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.ctc-form input[type="text"],
.ctc-form select{
	width:100%;
	height:48px;

}

.ctc-form .emailAndPhone p{
	width:100%;
	display:flex;
	justify-content:space-between;
	gap:10px;
}

.ctc-form input[type="tel"],
.ctc-form input[type="email"],
.ctc-form .emailAndPhone label{
	max-width:331px !important;
	width:100% !important;
	height:48px;
}

.ctc-form input:focus,
.ctc-form select:focus,
.ctc-form textarea:focus,
.ctc-form-inner input:focus,
.ctc-form-inner select:focus,
.ctc-form-inner textarea:focus{
  outline: none !important;
  box-shadow: none !important;
  border: solid 2px #000 !important;
}

.ctc-form input[type="submit"],
.ctc-form-inner input[type="submit"]{
	margin-top:10px;
  width: 303px;
  height: 66px;
  display: flex;
  justify-content: center;
  align-items: center;
  font: 700 20px "Rajdhani" !important;
  color: #FFF;
  line-height: 35px;
  background-color: #8B0000;
  border: none;
  cursor: pointer;
  transition: transform 0.3s ease, background-color 0.3s ease;
	margin:0 auto !important;
	margin-top: 10px !important;
}

.ctc-form input[type="submit"]:hover,
.ctc-form-inner input[type="submit"]:hover{
  background-color: #a3000d;
}

.ctc-form p{
	margin-bottom:20px;
}

.ctc-form-inner input[type="submit"]{
	margin-top:30px !important;
}

/* CONTACT FORM INNER */
.ctc-form-inner input[type="tel"],
.ctc-form-inner input[type="email"],
.ctc-form-inner input[type="text"],
.ctc-form-inner textarea,
.ctc-form-inner select{
	font: 500 22px "Rajdhani";
    line-height:1.20em;
	color:#555555;
	background-color: #FFF;
	border:solid 1px #000 !important;
	min-height:60px !important;
}
.ctc-form-inner p br{
	display:none !important;
}
.ctc-form-inner{
	margin-bottom: 0px !important;
}

.ctc-form-inner textarea{
	min-height:220px !important;
}

.ctc-form-inner .consent{
	font: 400 16px "Poppins" !important;
	color:#000 !important;
}


/* RESPONSIVE */

@media (max-width: 1024px){
	.divider{
		width: 50% !important;
		min-height:1px !important;
		height: 2px !important;

	}
}

@media (max-width:768px){
	.ctc-form .emailAndPhone p {
		flex-direction:column !important;
		gap:18px !important;
	}
	.ctc-form .emailAndPhone p br{
		display:none !important; 
	}
.ctc-form input[type="tel"],
.ctc-form input[type="email"],
.ctc-form .emailAndPhone label{
	max-width:100% !important;
	width:100% !important;
}
}