/*!
 * Theme Name:  Mint Child
 * Theme URI:   http://mint.themes.tvda.pw
 * Template:    mint
 * Author:      TVDA Themes
 * Author URI:  http://themes.tvda.pw
 * Version:     1.0.0
 * License:     ThemeForest Standard License
 * License URI: http://themeforest.net/licenses/standard
 * Text Domain: mint-child
 * Domain Path: /languages/
 */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/*=========== COMMEN CSS START =========== */

body {
    font-family: 'Roboto', sans-serif !important;
}
P {
    font-size: 16px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif !important;
    text-transform: capitalize;
    color: #58595B;
    letter-spacing: inherit;
}

.add-menu>.menu-item>a,
.main-menu>.menu-item>a {
    font-family: 'Roboto', sans-serif !important;
}

.theme-btn .vc_general.vc_btn3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background-image: url(img/theme-btn.png) !important;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 15px 35px;
    letter-spacing: 1px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 0px;
}
.theme-btn .vc_general.vc_btn3:hover,a.theme-btn:hover,
input[type="submit"]:hover  {
    background-image: url(img/theme-btn-hover.png) !important;
}
a.theme-btn,
input[type="submit"] {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    background-image: url(img/theme-btn.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding:  15px 35px;
    letter-spacing: 1px;
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    border-radius: 0px;
}

.right-border,
.left-border {
    position: relative;
    display: inline-block;
}

.right-border:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: -7px;
    height: 5px;
    max-width: 156px;
    width: 100%;
    background-color: #32EEC7;
}

.left-border::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -7px;
    height: 5px;
    max-width: 158px;
    width: 100%;
    background-color: #32EEC7;
}
.text-right {
    text-align: right;
}
.add-menu a:after, .main-menu a:after {
    display: none;
}

.header-top-toggle {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #11343f;
    min-height: 40px;
    text-align: center;
    z-index: 9;
}
.top-header {display: none;}
.header-top-toggle a {
    padding: 5px 20px !important;
    margin: 8px 4px;
    display: inline-block;
}
/*=========== COMMEN CSS END=========== */


/*========== HEADER CSS ============= */

.inline-module__link {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border: 1px solid #fff;
    text-align: center;
}

header .fa-link:before {
    content: "\f095";
}

.main-header._fixed .main-header__logo-img {
    max-height: inherit;
}

._fixed .inline-module__link {
    border: 1px solid #3394b0;
}


/*========== HEADER CSS END============= */


/*========== FOOTER  CSS  START ============= */
.request-appointment-section {
    background-position: -7% 73%!important;
    background-size: 250px!important;
    padding: 100px 0px 15px 0px;
}
.request-appointment-section .wpcf7-form {
    max-width: 698px;
    width: 100%;
    margin-top: 45px;
}

.request-appointment-section .wpcf7-form span input,
.request-appointment-section .wpcf7-form textarea {
    width: 100%;
    margin-bottom: 15px;
    font-weight: 400;
}

.request-appointment-section .wpcf7-form label {
    display: none;
}

.request-appointment-section h6 {
    color: #58595B;
    text-transform: initial;
    font-size: 18px;
}
.request-appointment-section  textarea {
    font-size: 1.142857142857143em;
}
.request-appointment-section h6 a {
    color: #58595B;
}
.request-appointment-section .email-custom-color h6 a  {
    color: #3394B0;
}
.request-appointment-section .contact-info h6 {
    font-weight: 400;
}

.request-appointment-section .social-icon .vc_col-sm-3 {
    width: 6%;
}

.request-appointment-section .social-icon .vc_icon_element-inner {
    width: 15px;
}

.request-appointment-section .social-icon .vc_icon_element-icon {
    color: #58595B !important;
    cursor: pointer;
}

.request-appointment-section .social-icon .vc_icon_element-icon:hover {
    color: #32EEC7 !important;
}

.request-appointment-section .contact-us-title-space {
    margin-bottom: 45px;
    padding-top: 15px !important;
}

.request-appointment-inner-wrapper {
    padding: 0px 80px 15px 115px;
}

.new-patient-wrapper-box {
    background-color: #32EEC7;
    padding:100px 80px 100px 80px;
}

.new-patient-wrapper-box p {
    color: #58595B;
    font-weight: 700;
    font-size: 21px;
}

div.main-footer {
    background-color: #58595B;
    border-color: #707070;
}

div.main-footer h6 {
    text-transform: capitalize;
    font-weight: 500;
    margin-bottom: 20px;
}

.main-footer #menu-footer-quick-links li {
    width: 50%;
    float: left;
    margin-bottom: 5px;
}

#menu-footer-quick-links li a {
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 1 !important;
}

.main-footer .hour-list {
    padding-bottom: 10px;
}

.main-footer .hour-list label {
    width: 33%;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 1 !important;
}

.main-footer .hour-list strong {
    text-transform: inherit !important;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    opacity: 1 !important;
}

.bottom-footer {
    background-color: #58595B;
    padding: 20px 0px;
}

.bottom-footer .inline-module {
    width: 100%;
}

.bottom-footer .copy-right-left {
    display: flex;
    align-items: center;
}

.bottom-footer .copy-right-left .copy_right {
    color: #fff;
    font-weight: 400
}

.bottom-footer .copy-right-left .copy_nav {
    display: flex;
    align-items: center;
    margin: 0px;
}

.bottom-footer .copy-right-left .copy_nav li {
    list-style: none;
    position: relative;
    padding: 0 10px;
}

.bottom-footer .copy-right-left .copy_nav li:before {
    position: absolute;
    content: "";
    right: -2px;
    width: 2px;
    height: 15px;
    background: #fff;
}

.bottom-footer .copy-right-left .copy_nav li:last-child:before {
    display: none;
}

.bottom-footer .copy-right-left .copy_nav li a,
.footer_maker a,
.footer_maker {
    color: #fff;
    font-weight: 400;
}

.footer_copyright .container {
    display: flex;
    align-items: center;
}

.bottom-footer a:hover,
.bottom-footer a:hover,
#menu-footer-quick-links li a:hover {
    color: #32EEC7 !important;
    transition: 0.5s all;
}

#nav_menu-2 {
    padding-top: 10px;
}

.footer_copyright .footer_maker i {
    color: #3394B0 !important;
    animation: plus-heart 1s infinite;
    -webkit-animation: plus-heart 1s infinite;
    opacity: 1;
    left: -2px;
    position: relative;
}

@keyframes plus-heart {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}
/*========== FOOTER  CSS  END ============= */


/*========== ABOUT US SECTION CSS START ============= */

div.about-us-section {
    padding-top: 140px;
    padding-bottom: 100px;
    margin-bottom: 0px;
    background-position: 105% 187%!important;
    background-size: 250px!important;
}
.about-us-section .theme-underline{
  background-image: none;
}
.about-us-section h1 {
    margin-bottom: 30px;
}
.about-us-section  .ult-carousel-wrapper {
    padding-bottom: 0px;
}

/*========== ABOUT US SECTION CSS END ============= */


/*========== SERVICES SECTION CSS START ============= */


.service-area .slick-list{
 height: inherit !important;
}
div.service-inner-wrapper {
    padding: 108px 100px !important;
}
.service-inner-wrapper .service-info-box > .vc_column-inner{
    padding: 70px 50px;
  }
  .service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3{
   background-image: none !important;
  
}
.service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3:hover {
    background-color: #fff !important;
}
.service-inner-wrapper .service-info-box h3 {
  margin-bottom: 30px;
  letter-spacing: inherit;
}
.service-inner-wrapper .service-info-box .theme-btn .vc_general.vc_btn3 {
    background: transparent;
    color: #58595B !important;
    border: 1px solid #58595B !important;
    padding: 16px 28px;
}
.padding-30 {
    padding:  30px 0px;
}
.dental-service-main-wrapper {
    padding: 70px 0px 20px;
    text-align: center;
}
.service-area  .general-and-family-dental-service-wrapper img,.service-area  .general-and-family-dental-service-wrapper  .wpb_single_image .vc_single_image-wrapper {
    width: 100%;
}
.service-area  .general-and-family-dental-service-wrapper .vc_single_image-wrapper {
    position: relative;
}
.service-area  .general-and-family-dental-service-wrapper .vc_single_image-wrapper:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.2);
}
.general-and-family-dental-service-wrapper .on-hover-box .first-title {
    width: 100%;
    font-size: 30px;
    font-weight: 700 !important;
    color: #fff;
    margin: 0;
    position: absolute;
    bottom: 60px;
    padding: 0 160px 0px 50px;
    text-align: center;
    z-index: 0;
    text-align: left !important;
    line-height: 45px;
    text-shadow: 0 0 1px rgb(0 0 0);
}
.general-and-family-dental-service-wrapper .on-hover-box .wpb_wrapper,
.general-and-family-dental-service-wrapper .on-hover-box .wpb_single_image,
.general-and-family-dental-service-wrapper .on-hover-box .wpb_single_image .vc_single_image-wrapper,
.general-and-family-dental-service-wrapper .on-hover-box .wpb_single_image .vc_single_image-wrapper img
{
 height: 100%;
 object-fit: cover;
}
.service-on-hover {
    opacity: 0;
    visibility: hidden;
    max-width: 100%;
    min-height: 260px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0px;
    margin: 0;
    padding: 30px 15px;
    text-align: left;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    transition: all ease-in-out 0.3s;
    color: #58595B;
    background-color: #ffffff;
    width: 100%;
    align-items: flex-start;
}
.general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover {
    opacity: 1;
    visibility: visible;
    transform: translateY(4%);
}
.general-and-family-dental-service-wrapper .on-hover-box:hover .service-on-hover h4 {
    color: #3294B0;
}
.general-and-family-dental-service-wrapper .on-hover-box:hover .first-title{
  display: none;
}
.our-service-contact-section {
    display: flex;
    align-items: center;
}
.our-service-contact-section p{
  color: #58595B;
  font-size: 24px;
  font-weight: 700;
}

/*========== SERVICES SECTION CSS START ============= */


/*========== OUR MISSSION SECTION CSS START ============= */

div.our-mission-section  {
    background-size: cover;
    background-position: center center;
    padding-top: 90px !important;
    padding-bottom: 50px !important;

}
.our-mission-section .aio-icon-box .aio-ibd-block h3{
 font-weight: 500;
 font-size: 20px;
 text-transform: capitalize;
 margin-bottom: 0px;
}
.our-mission-section h3 {
    margin-bottom: 30px;
}
.mission--main-title-text {
    text-align: center;
}
.our-mission-section .aio-icon-box  {
    text-align: left;
}
.our-mission-section .right-border:before {
    max-width: 124px;
}
.our-mission-section p {
    margin-bottom: 80px !important;
}
.our-mission-section .aio-icon-description {
   font-size: 16px;
   font-weight: 400;
}
.our-mission-section  .aio-icon-component  {
  margin-bottom: 65px !important;
  text-align: left;
}


.car-dentist-section {
    text-align: center;
    padding-top: 70px;
    padding-bottom: 50px;
}
.car-dentist-section h3.right-border {
    margin-bottom: 50px;
}


/* .car-dentist-section .dentist-main-box  {
 position: relative;
} */
/* .car-dentist-section .dentist-main-box .dental-info-box {
    opacity: 0;
    visibility: hidden;
    min-height: 232px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: auto !important;
    max-width: 340px;
    margin: 0;
    padding: 30px;
    text-align: left;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transform: translateY(100%);
    transition: all ease-in-out 0.3s;
    color: #58595B;
    background-color: #ffffff;
    width: 100%;
    align-items: flex-start;
} */
/* .dentist-main-box:hover .dental-info-box{
    opacity: 1;
    visibility: visible;
    transform: translateY(-38%);
} */
.meet-our-team-box .row {
    align-items: center;
    display: flex;
    justify-content: center;
}
.meet-our-team-box a:hover,.meet-our-team-box a:focus {
  text-decoration: none;
}
.therapist-card__detail {
    margin-top: 30px;
}
.therapist-card__detail .therapist-card__title {
 color: #3294B0;
 font-size: 24px;
 font-weight: 700;
}
.therapist-card__detail p {
    color: #58595B;
    text-transform: uppercase;
    font-size: 20px;
    margin-top: 5px;
    font-weight: 400;
}
div.review-section-wrapper {
    padding: 100px 100px 100px 100px !important;
    background-size: cover;
    background-position:center center !important;
}
.review-section-wrapper  .review-white-box {
    max-width: 700px;
    width: 100%;
}
.review-section-wrapper .review-white-box h6 {
    font-weight: 700;
    font-size: 45px;
}
.review-section-wrapper .review-white-box h4 {
    color: #32EEC7;
    font-size: 60px;
    margin-top: 25px;
}
.main-review-flex {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 40px;
}
.main-review-flex  p {
    margin: 0px;
    margin-bottom: 30px;
    font-weight: 500;
    color: #58595B;
}
.review-inner-box {
    padding: 50px 55px 65px 55px;
}
.review-inner-box  .theme-btn {
    cursor: pointer;
}
div.car-dentist-section {
    background-position: -5% -25% !important;
    background-size: 315px !important;
    position: relative;
}
div.car-dentist-section:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    background-image: url(img/triangle-shap.png);
    background-position: 147% 266%!important;
    background-size: 250px!important;
    width: 400px;
    height: 536px;
    background-repeat: no-repeat;
}
.team_section_content .modal.fade.in {
    padding-right: 0px !important;
    z-index: 999999;
}
.team_section_content.staff-team .modal-dialog {
    top: 50%;
    transform: translateY(-50%);
}
.team_section_content.staff-team .modal-dialog .modal-content {
    border-radius: 0px;
}
.team_section_content.staff-team .modal-dialog .modal-header {
    background: #3394b0;
    padding: 2px 15px;
}
.team_section_content.staff-team .modal-dialog .modal-header .close {
    margin-top: 0;
    background: #E0F5F9;
    color: #000;
    padding: 4px 4px 4px 7px;
    width: 30px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 99;
    opacity: 1;
}
.team_section_content.staff-team .modal-dialog .modal-header .modal-title, .team_section_content.staff-team .modal-dialog .modal-header .modal-title{
    font-size: 16px;
}
.team_section_content.staff-team .modal-dialog .modal-header .modal-title, .team_section_content.staff-team .modal-dialog .modal-header h4 {
    color: #fff;
    margin: 10px 0px;
    font-size: 20px;
}

.effect-jazz {
    overflow: hidden;
    position: relative;
    cursor: pointer;
  }
  .effect-jazz img {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    padding: 0 0 0px 0;
  }
  .effect-jazz:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.05,1.05,1);
    transform: scale3d(1.05,1.05,1);
  }

  .industry-boxes h5
  {
      font-size: 18px;
  }

  .main-footer #block-7
  {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .main-footer #block-8
  {
    padding-top: 0 !important;
  }