/* =============================== services page css start ===================================== */
/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/

.d2c_services_main {
  padding: 0px 0px 100px 0px;
}
.d2c_services_main .d2c_services_heading {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--secondary-color);
  margin-bottom: 50px;
}
.d2c_services_main .d2c_services_column {
  padding: 15px;
}
.d2c_services_main .d2c_services_modal {
  background: var(--default_one);
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  font-family: var(--primary-font);
  font-weight: bold;
  height: 100%;
  font-size: 22px;
  line-height: 27px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--secondary-color);
  padding: 50px 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  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_services_main .d2c_services_modal:hover {
  background: linear-gradient(180deg, rgba(40, 45, 58, 0.9) 0%, #282d3a 100%);
  color: var(--default_one);
  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_services_main .d2c_services_modal span:last-child {
  display: none;
  margin-bottom: 0px;
}
.d2c_services_main .d2c_services_modal:hover span:last-child {
  display: block;
}
.d2c_services_main .d2c_services_modal:hover span:first-child {
  display: none;
}

/* modal pop up content css */

/*.d2c_services_main .d2c_modal_wrapper{
    height: 100% !important;
}*/
.d2c_services_main .modal .modal-header {
  border-bottom: 0px;
  display: block;
  position: relative;
}
.d2c_services_main .modal .modal-header button.close {
  background-color: transparent;
  border: 0;
  position: absolute;
  top: 25%;
  right: 20px;
  color: var(--primary-color);
}
.d2c_services_main .modal .modal-header button.close:focus {
  outline: none;
}
.d2c_services_main .modal .modal-footer {
  border-top: 0px;
}
.d2c_services_main .modal .modal-content {
  border: 0px;
  text-align: center;
  width: 57%;
  margin: 0px auto 0px auto;
  background: transparent;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}
.d2c_services_main .modal .modal-title {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 40px;
  line-height: 48px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--default_one);
  text-align: center;
}
.d2c_services_main .modal .d2c_paragraph {
  font-family: var(--secondary_font);
  font-size: 19px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: var(--other_color_two);
  margin-bottom: 0px;
}
.d2c_services_main .modal .d2c_workflow {
  background: var(--default_one);
  box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.05);
  padding: 40px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0px;
}
.d2c_services_main .modal .d2c_workflow h3 {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 26px;
  line-height: 31px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--secondary-color);
  margin-bottom: 0px;
}
.d2c_services_main .modal .d2c_sub_heading {
  font-family: var(--primary-font);
  font-weight: bold;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--default_one);
}
.d2c_services_main .modal .d2c_appointment_btn {
  background: var(--primary-color) !important;
  text-transform: uppercase;
}
.d2c_services_main .modal .d2c_appointment_btn:hover {
  background: var(--default_one) !important;
  color: var(--secondary-color) !important;
}

.d2c_services_main .modal .modal-dialog {
  margin: auto;
  max-width: 100% !important;
  background: linear-gradient(
    0deg,
    rgba(40, 45, 58, 0.98),
    rgba(40, 45, 58, 0.98)
  ) !important;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
}

/* =============================== services page css end ===================================== */

/*
  Template Name: Robustlex - Law Firm Bootstrap Template
  Template URI: https://www.designtocodes.com/product/robustlex-law-firm-bootstrap-template
  Description: Robustlex is a responsive bootstrap template specifically designed for Law firms, Advocates, or agencies. 
  Author: designtocodes
  Author URI: https://www.designtocodes.com
  Text Domain: Robustlex
*/