/*
Theme Name: MTG
Author: Your Name
Description: A custom WordPress theme using Visual Composer, without sidebars.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: MTG
*/


.error-404 {
  min-height: 350px;
  text-align: center;
  position: relative;
}
.error-404 .nofoundTxt {
  display: inline-block;
  font-size: 7rem;
  font-weight: 800;
  letter-spacing: -10px;
  line-height: 0;
  margin-top: 18rem;
  position: relative;
}
.error-404 .nofoundTxt::after {
  width: 70px;
  height: 35px;
  left: 51%;
  transform: translateX(-50%);
  position: absolute;
  background: url('./assets/images/zeroShadow.svg') center no-repeat;
  background-size: contain;
  bottom: -54px;
  -webkit-animation: animateShadow 5s ease infinite;
}
.error-404 .nofoundTxt .flyZero {
  position: relative;
  top: -20px;
  -webkit-animation: animateZero 5s ease infinite;
}
.error-404 .nofoundTxt .flyZero .belons {
  position: absolute;
  transform: translateX(-50%) translateY(-26%);
  top: -100%;
  left: 62%;
}
.error-404 .nofoundTxt .flyZero .belons img {
  min-width: 200px;
  -webkit-animation: animateThis 5s ease infinite;
  transform-origin: bottom;
}
.error-404 .cloud-bg {
  position: absolute;
  width: 100%;
  height: 150px;
  background: url('./assets/images/cloudAnim.svg') no-repeat;
  overflow-x: hidden;
  animation: slideCloud 15s linear 1s infinite;
  top: -10px;
}
.error-404 .cloud-bg::before, .error-404 .cloud-bg::after {
  width: 100px;
  height: 100%;
  position: absolute;
  top: 0;
}
.error-404 .cloud-bg::before {
  left: 0;
  background: linear-gradient(90deg, #ffffff, rgba(255, 255, 255, 0));
}
.error-404 .cloud-bg::after {
  right: 0;
  background: linear-gradient(-90deg, #ffffff, rgba(255, 255, 255, 0));
}



   

.Hubspot-form{
  margin-top: 2rem;
select{
padding: 0 15px;
}
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="password"],
input,
textarea,
select,
.form-control,
.hs-input {
background: #fff;
//
border:solid 1px #ced4da;
border: none;
border-bottom: 2px solid rgba(51, 51, 51, 0.2);
height: calc(3.5rem + 2px);
font-size: 1rem;
border-radius: 0;
font-weight: 300;
width: 100%;
}
.hbspt-form{ 
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #212529 !important;
    opacity: 1; /* Firefox */
  }
  
  :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #212529;
  }
  
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #212529;
  }
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input:focus,
textarea:focus,
select:focus,
.form-control:focus,
.hs-input:focus { 
outline: none;
border: none;
box-shadow: none;
border-bottom: 2px solid rgba(51, 51, 51, 0.5);
}
.form-columns-2{
display: flex;
justify-content: space-between;
.hs-form-field{
    width: 49% !important;
}
}
.actions{
.hs-button{
    display: inline-block;
    width: auto;
    outline: none;
    box-shadow: none;
}
}
}


.hs-form-field > label {
display: none;
}

.hs-form-field {
margin-bottom: 1.2rem;
float: left;
width: 100%;
}

.hs-error-msgs {
margin: 0;
list-style-type: none;
padding: 10px 10px 0px  14px !important;
float: left;
}

.hs-error-msgs li label {
color: red !important;
font-size: 1rem;
font-weight: 300 !important;
}

.hs_submit {
text-align: right;
}

.hs_submit .hs-button {
border-radius: 0;
padding: 1.2rem 2.1rem;
line-height: 1;
text-transform: uppercase;
transition: all 0.4s ease-out;
background: #FC6D1D;
color: #fff;
border-color: #FC6D1D;
}

.hs_submit .hs-button:hover {
background: #e35303;
border-color: #e35303;
}

.main-con-form-sec .inputs-list .hs-form-booleancheckbox .hs-input {
    height: 25px;
    width: 25px !important;
}

.main-con-form-sec .hs-form-booleancheckbox span {
    color:#000000;
    margin-left: 8px;
}


.main-con-form-sec .hs_read_policy_checkbox{
    .inputs-list{
        padding-left: 0px !important;
    }
    li{
     list-style:none;
    }
}