/*  
Theme Name: Usetech.Launch
Theme URI: http://www.launchml.ru
Description: WordPress theme designed by <a href="http://www.usetech.ru">Usetech</a>.
Version: 1.0
Author: Usetech Design
Author URI: http://www.usetech.ru
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*, html { 
	scroll-behavior: smooth !important; 
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0 auto;
	color: #222;
	background: #fafafa;
}

a {
	color: #78BE21;
}

a:hover {
	color: #70B41B;
}

h1, .h1 {
	letter-spacing: -3px;
	font-weight: bold;
}

h2, .h2 {
	letter-spacing: -2px;
	font-weight: bold;
}

h3, .h3 {
	font-size: 28px;  
	font-weight: bold;
	line-height: 115%;
	letter-spacing: -0.9px;
	color: #444444;
}

h5, .h5 {
	font-weight: bold;
	letter-spacing: -0.7px;
}

.display-xl {
    font-size: clamp(24px, 8vw, 50px);
    line-height: 1.2;
    letter-spacing: -2px;
    margin-left: -4px;
}

.display-xl::after {
    content: '.';
	color: #78BE21;
}

p {
	font-weight: medium;
	letter-spacing: -0.4px;
	font-size: 0.95rem;
}

.container-fluid {
	max-width: 2560px;
}

/* Navbar */

.navbar {
	max-width: 1420px;
    margin: 0 auto;
    border-radius: 25px;
    top: 20px;
	backdrop-filter: blur(8px);
    background: hsla(0, 0%, 100%, .949);
	overflow: hidden;
	padding: 14px 0px 14px 30px;
}

.nav-link {
	font-weight: 700;
    letter-spacing: -0.4px;
	font-size: 14px;
	padding: 14px !important;
}

.navbar .btn {
	color: #fff !important;
	border-radius: 12px;
	padding-top: 12px !important;
}

@media (max-width: 1460px) {

.navbar {
	border-radius: 0 0 25px 25px;
    top: 0px;
}

}

@media (max-width: 992px) {

.navbar {
	padding: 14px 30px 14px 30px;
}

}

/* Text dividers */

.text-divider {
	padding: 120px 30px;
}

/* Boxes */

.infobox-container {
	padding: 10px;
}

.infobox {
	background: #fff;
	padding: 30px 60px 30px 30px;
	border-radius: 25px;
	display: flex;
	align-content: space-between !important;
	flex-wrap: wrap !important;
	min-height: 300px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
}

.infobox p {
	color: #848484;
	margin: 0;
}

/* Contact form */

.launch-form {
	background: #282e39;
    padding: 30px;
    border-radius: 25px;
    border: none;
}

.launch-form p,
.launch-form .form-group {
	margin: 0;
	display: block;
}

.launch-form .form-control {
	margin-bottom: 30px;
    height: 50px;
    border-radius: 12px;
    font-size: inherit;
    background: #38404d;
    border: none;
	color: #dadee3;
	padding: 0 16px 0 16px;
}

.launch-form .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0px 3px #28a845 !important;
}	

.launch-form textarea.form-control {
	height: 150px !important;
	padding-top: 14px;
}

.launch-form .wpcf7-submit {
	padding: 12px 16px;
    border-radius: 12px;
    font-size: inherit;
    font-weight: 500;
}

.launch-form .wpcf7-not-valid-tip {
	background: #fa3d33;
    color: #dddddd;
    padding: 12px;
    border-radius: 12px;
    display: block;
    position: relative;
    top: -22px;
}

.launch-form .wpcf7-not-valid {
	box-shadow: 0 0 0px 3px #fa3d34 !important;
}

.wpcf7-response-output {
    border: none !important;
    padding: 30px 30px 40px 30px !important;
    margin: 30px 0 -40px 0 !important;
    font-size: inherit;
    background: #282e3a;
    border-radius: 25px;
    color: #ddd;
}

.wpcf7-form {
  display: flex;
  flex-direction: column;
}

.wpcf7-response-output {
  order: -1; 
  margin-bottom: 1rem;
}

/* Footer */

#footer {
	background: #282e3a;
}

#footer hr {
	border-top: 1px solid rgb(69 75 92);
}