/* 
	======================== ***** ============================= 
	Template Name: Cleanifer
	Template URI: https://www.designtocodes.com/product/cleanifer-cleaning-service-bootstrap-template/
	Description: This is the cleaning service template.
	Version: 1.1.0
	Author: designtocodes
	Author URI: https://www.designtocodes.com
	Text Domain: Cleanifer
*/
.d2c_main {
  background: rgb(144 255 0 / 10%);
  height: 90vh;
}

.d2c_main .d2c_wrapper {
  background: var(--light-color);
  padding: 70px 20px;
  border-radius: 10px;
  margin-top: 100px;
  border: 5px solid #3f3d560d;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}
.d2c_main .d2c_wrapper .d2c_left img {
  width: 100%;
  padding: 15px;
}

/*=============== right part css start ===============*/

.d2c_main .d2c_wrapper .d2c_right {
  padding: 15px;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_icon::placeholder {
  font-family: FontAwesome;
  color: var(--secondary-color);
  opacity: 0.6;
}
.d2c_main .d2c_wrapper .d2c_right h2 {
  font-family: var(--primary-font);
  font-weight: 400;
  color: var(--secondary-color);
  margin-bottom: 25px;
  text-transform: capitalize;
  text-align: center;
}
.d2c_main .d2c_wrapper .d2c_right h2 span {
  color: var(--primary-color);
  font-weight: 500;
}
.d2c_main .d2c_wrapper .d2c_right input[type="email"],
input[type="password"] {
  width: 100%;
  font-family: var(--primary-font);
  padding: 14px 15px 15px 15px;
  border-radius: 10px;
  border: none;
  background: var(--light-color);
  box-shadow: 0px 0px 10px rgb(0 0 0 / 5%);
}
.d2c_main .d2c_wrapper .d2c_right input[type="email"]:focus,
input[type="password"]:focus {
  box-shadow: 0px 0px 10px rgb(0 0 0 / 7%);
  outline: none;
}
.d2c_main .d2c_wrapper .d2c_right input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgb(144 255 0 / 10%) inset !important;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_remember {
  font-family: var(--primary-font);
  color: var(--secondary-color);
  font-size: 13px;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_forgot {
  font-family: var(--primary-font);
  color: var(--secondary-color);
  font-size: 13px;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_forgot:hover {
  color: var(--primary-color);
  transition: 0.2s all ease;
  cursor: pointer;
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .btn {
  background: var(--primary-color);
  color: var(--light-color);
  font-family: var(--primary-font);
  width: 100%;
  text-transform: uppercase;
  padding: 9px 9px 8px 9px;
  letter-spacing: 1px;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .btn:hover {
  background: var(--secondary-color);
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .btn:focus {
  box-shadow: none;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_para {
  font-family: var(--primary-font);
  color: var(--secondary-color);
  font-size: 13px;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_social_icon a {
  text-decoration: none;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_social_icon span {
  display: inline-block;
  height: 40px;
  width: 40px;
  color: var(--primary-color);
  box-shadow: 0px 0px 10px rgb(199 255 125 / 66%);
  display: inline-flex;
  align-items: center;
  background: transparent;
  justify-content: center;
  margin: 0px 5px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_social_icon span:hover {
  background: var(--primary-color);
  color: var(--light-color);
  box-shadow: 0px 0px 40px rgb(228 255 193 / 65%);
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_sign_up_link {
  font-family: var(--primary-font);
  color: var(--secondary-color);
  font-size: 14px;
  margin-bottom: 8px;
}
.d2c_main .d2c_wrapper .d2c_right .d2c_sign_up_link a {
  color: var(--primary-color);
}

/*=============== right part css end ===============*/