/*
Theme Name: Expertise Child
Theme URI: https://expertise.qodeinteractive.com
Description: A child theme of Expertise
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: expertise
Template: expertise
*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
.inter-<uniquifier> {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


/* MEDTECH CSS */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}
body{font-family: "Poppins", sans-serif !important;}
h1,h2,h3,h4,h5,h6, p,span,a{  font-family: "Poppins", sans-serif !important;  }
#qodef-top-area{display:none !important}
p{font-size:16px !important; line-height:normal !important}
#qodef-back-to-top{right:20px !important; bottom: 20px !important;}
/*.qodef-button.qodef-layout--simple .qodef-m-icon-holder{top:55px !important; }*/
.qodef-banner .qodef-m-title{font-size:30px !important}
#qodef-page-footer .qodef-alignment--left .widget img {
  width: 200px !important;
 
}
.qodef-button.qodef-layout--filled.qodef-html--link{color:white !important}

.qodef-button.qodef-html--link .qodef-m-circle {
  width: 0 !important;
  height: 0 !important;
  border-top: 7.5px solid transparent !important;
  border-bottom: 7.5px solid transparent !important;
  border-left: 15px solid currentColor !important;
  background: none !important;
  border-radius: 0 !important;
  position: absolute !important;
  left: -20px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  transition: all 0.2s ease-out !important;
}


#qodef-back-to-top .qodef-back-to-top-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px;                 /* Line thickness */
  height: 20px;               /* Line height */
  background-color: black;    /* Line color */
  transform: translate(-50%, -50%);
}

 #qodef-page-footer .widget.widget_nav_menu li a:hover::before {
  display: none !important; /* Hides the arrow on hover */
}
.swiper-button-next svg, .swiper-button-prev svg {color:black !important}
 .qodef-testimonials-list h3, .qodef-accordion .qodef-accordion-content-inner{font-size:16px !important; line-height:normal !important; font-weight:300 !important}


/* for new layout  - 24/ 05/ 2025 */

.qodef-header-standard--right #qodef-page-header-inner .qodef-header-navigation{margin-left:0 !important}
.qodef-header-navigation > ul > li > a .qodef-menu-item-text {
text-transform: uppercase !important;
 font-weight: 300 !important;
font-size: 13px !important; 
}
.qodef-header-navigation > ul > li > a::before{height:0 !important; width:0 !important}



.expertise_core_button {
    font-size: 13px !important;
    font-weight: normal !important;
    width: 160px !important;
    height: 40px !important;
    background: linear-gradient(to right, #3966af, #91b9f9) !important;
    color: #fff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.expertise_core_button::after {
     content: ">";
    margin-left: 10px;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.expertise_core_button:hover::after {
    transform: translateX(5px);
}
 .expertise_core_button:hover {
    filter: brightness(1.1);
    transform: scale(1.03);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.expertise_core_button:hover::after {
    transform: translateX(5px);
}

.expertise_black_button {
    font-size: 13px !important;
    font-weight: normal !important;
    width: 160px !important;
    height: 40px !important;
     color: #fff !important;
    border: 1px solid #fff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 0 !important;
}

.expertise_black_button a{padding-bottom:-20px !important}
.expertise_black_button::after {
    content: ">";
    margin-left: 10px;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.expertise_black_button:hover {
    background: #3a67b0 !important; /* slightly lighter black */
    color: #fff !important;
    border: 1px solid #fff !important; /* keep border */
    /* Removed transform effects */
}

.expertise_black_button:hover::after {
    /* Removed transform */
}
#SR7_8_1 .expertise-bullets-nav .sr7-bullet::before{height:18px !important; width:18px !important}

.expertise_core_button_page {
    font-size: 13px !important;
    font-weight: normal !important;
    width: 180px !important;
    height: 40px !important;
    background: linear-gradient(to right, #3966af, #91b9f9) !important;
    color: #fff !important;
    border: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.expertise_core_button_page::after {
     content: ">";
    margin-left: 10px;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.expertise_core_button_page:hover::after {
    transform: translateX(5px);
}
 .expertise_core_button_page:hover {
    filter: brightness(1.1);
    transform: scale(1.03);
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
}

.expertise_core_button_page:hover::after {
    transform: translateX(5px);
}




.qodef-e-top-holder .entry-date.published.updated {
    display: none !important;
}

.qodef-info-separator-end::after {
    display: none !important;
}

.qodef-e-text .qodef-e-title a {font-size:17.5px !important; line-height:28px !important; font-weight:600px !important;   font-family: "Inter", sans-serif !important;}
.qodef-blog.qodef-item-layout--compact .qodef-e-content {
	margin: 18px 0 0 !important; }

.ac_home.qodef-accordion.qodef-layout--simple .qodef-accordion-title{color:white !important}
 
.qodef-accordion.qodef-layout--simple .qodef-accordion-title {border:0 !important;color:white !important; font-size:16px !important; font-weight:600 !important; padding:20px !important; }
.qodef-accordion.qodef-layout--simple .qodef-accordion-content p{border:0 !important;color:white !important; font-size:14px !important; font-weight:300 !important; padding:20px !important}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark{top:0 !important}

.ac_home.qodef-accordion.qodef-layout--simple {
    background-image: url('https://tomsher.co/MEDTECH/wp-content/uploads/2025/05/Rectangle-13-1-1.png'); /* Replace with your actual image URL */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff; /* Optional: makes text readable over image */
    padding: 20px;
}
.qodef-accordion.qodef-layout--simple{border:0 !important}

.ac_home.qodef-accordion.qodef-layout--simple .qodef-accordion-title, .qodef-accordion .qodef-accordion-content-inner {
}

#qodef-page-footer-top-area, footer{background-color:#1E1E1E !important}
/*.qodef-grid-item:first-child{ border-right: 1px solid #4D4747 !important;  } */
.ftr1{padding:0 20px 0 0 !important}
#qodef-page-footer .widget.widget_nav_menu li a{font-size:16px !important; color:white !important}
#qodef-page-footer .widget ul:not(.qodef-shortcode-list):not(.select2-selection__rendered) li{margin:0 !important}
.qodef-widget-title{color:white !important; font-size:16px !important; font-weight:600 !important; }
.qodef-widget-title::after{content: "";
  display: block;
  width: 30px;
  border-bottom: 1px solid #fff;
  margin-top: 5px; }
 
.expertise_black_button_ftr {
    font-size: 13px !important;
    font-weight: normal !important;
    width: 160px !important;
    height: 40px !important;
     color: #000 !important;
    border: 1px solid #000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    border-radius: 0 !important;
}
.expertise_black_button_ftr::after {
    content: ">";
    margin-left: 10px;
    font-size: 20px;
    line-height: 1;
    transition: transform 0.3s ease;
}

.expertise_black_button_ftr:hover {
    background: #3a67b0 !important; /* slightly lighter black */
    color: #fff !important;
    border: 1px solid #fff !important; /* keep border */
    /* Removed transform effects */
}
.count{font-size:12px !important}
.cpyrt1{float:right !important}
#qodef-back-to-top.qodef--on{display:none}
.socialhover{margin-right:25px !important}
.socialhover:hover{padding:2px  !important;}
#qodef-footer-copyright-area .qodef-grid-item:first-child {
  border-right: 0 !important;
}
.qodef-clients-list.qodef-enable-border--yes .qodef-e::before {background:white !important}
.qodef-accordion.qodef-layout--simple .qodef-accordion-title .qodef-accordion-mark .qodef-icon::before{content:none !important}
.qodef-accordion.qodef-layout--simple .qodef-accordion-content p{padding:0 20px 20px 20px !important}
.qodef-header-standard--right .qodef-header-sticky-inner .qodef-header-navigation{margin-left:0 !important}
#ftrtext p, #ftrtext2 p{font-size:14px !important} #ftrtext2 a{color:white !important}

.ftrbrd::after {
    content: "" !important;
    display: block !important;
    width: 40px !important;
	    margin-top: 5px !important;
    border-bottom: 2px solid white !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
}
.contact p{padding-top:-20px !important}

 /* Style the submit button */
.wpcf7 .wpcf7-submit.qodef-button {
    font-size: 13px !important;
    font-weight: normal !important;
    width: 160px !important;
	margin-top:20px !important;
    height: 40px !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
    cursor: pointer;
}
 

/* Hover state */
.wpcf7 .wpcf7-submit.qodef-button:hover {
    background: #3a67b0 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.qodef-theme-button span::before, button[type="submit"] span::before{height:0 !important; width:0 !important}

.wpcf7 .wpcf7-submit.qodef-button:hover .qodef-m-text::after {
    transform: translateX(3px);
}
 
body.single-post .qodef-e-media-image {
    display: none !important;
}

body.single-post .qodef-page-title{padding:0 8% !important}
#qodef-page-inner{padding:0 !important}
.qodef-content-grid-1400 .qodef-content-grid{width:100% !important}
.qodef-header--standard #qodef-page-header-inner{background-color:black !important}
body.single-post .qodef-header-sticky .qodef-header-navigation > ul > li > a .qodef-menu-item-text {
    color: black !important;
}

body.single-post .qodef-header-navigation > ul > li > a .qodef-menu-item-text {
    color: white !important;
}
body.single-post.qodef-header-standard--left #qodef-page-header-inner .qodef-header-navigation{margin-right:0 !important}
body.single-post.qodef-header-standard--left .qodef-header-sticky-inner .qodef-widget-holder{margin-left:0 !important}
body.single-post .qodef-page-title{display:none !important}
.qodef-e-info > * {
  pointer-events: none !important;
    color: inherit !important; /* Keeps text color same as parent */
    text-decoration: none !important;
}

.qodef-header--standard #qodef-page-header-inner{border-bottom-color: rgb(43,43,43) !important;
  border-bottom-width: 1px !important;}

.qodef-qi-contact-form-7 textarea{
  height: 50px !important;
}
.qodef-qi-contact-form-7 label{padding-top:15px !important}

/* cpt */

.qodef-banner.qodef-layout--info-on-image .qodef-m-content-inner{padding:0 !important; top:100% !important}
/*.submittitle {
  text-decoration: underline !important;
  text-decoration-color: #3a67b0 !important;
	  text-decoration-thickness: 2px !important;
	  padding-bottom: 15px !Important;  

} */

.submittitle::after {
  content: "" !important;
  display: block !important;
  width: 50% !important;
  margin-top: 0 !important;
  border-bottom: 2px solid #3a67b0 !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
 }
body.page-id-8028 .qodef-e-info, body.page-id-9692 .qodef-e-info{
    display: none !important;
}
 



/* Hide the second and third breadcrumb items on blog detail pages */
body.post-template .hfe-breadcrumbs-item:nth-child(2),
body.post-template .hfe-breadcrumbs-item:nth-child(3) {
    display: none;
}

/* Optionally, you can update the breadcrumb separator (») as well */
body.post-template .hfe-breadcrumbs-separator:nth-child(2),
body.post-template .hfe-breadcrumbs-separator:nth-child(3) {
    display: none;
}






@media only screen and (max-width: 600px) {
	.expertise_black_button::after, .expertise_core_button::after {  margin-left: 5px !important;}
	.expertise_black_button, .expertise_core_button {
		width:145px !important;     display: flex !important;
    align-items: center !important;
    justify-content: center !important;

	}
}
@media only screen and (min-width:1200px) {
.qodef-opener-icon.qodef-source--svg-path span{display:none !important}
}





/* newly addd */
 
 .medtec_btn_1, .medtec_btn_2 {
    font-size: 13px !important;
    font-weight: normal !important;
    min-width: 150px !important; /* Minimum width of 150px */
    height: 40px !important;
    color: #fff !important; /* Text color */
    border: none !important;
    display: inline-flex !important;
    align-items: center !important; /* Center the text and arrow vertically */
    justify-content: center !important;
    text-decoration: none !important;
    position: relative !important;
    overflow: hidden !important;
    transition: all 0.2s ease !important;
    white-space: nowrap !important; /* Prevent text wrapping */
    padding-left: 10px !important; /* Padding to the left */
    padding-right: 10px !important; /* Padding to the right */
    margin-right: 10px !important;
    background: linear-gradient(to right, #3966af, #91b9f9) !important; /* Default gradient */
}

/* Specific styles for .medtec_btn_2 */
.medtec_btn_2 {
    color: #fff !important; /* Text color */
    border: 1px solid #fff !important; /* White border */
    background: transparent !important; /* No background */
}

/* Hover effect for both buttons */
.medtec_btn_1:hover, .medtec_btn_2:hover {
    filter: brightness(1.1) !important;
    transform: scale(1.03) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15) !important;
}

/* Hover effect for .medtec_btn_2 */
.medtec_btn_2:hover {
    background-color: #3a67b0 !important; /* Blue background on hover */
    border-color: #3a67b0 !important; /* Blue border on hover */
    color: #fff !important; /* Keep text white */
}

/* Hover effect for the arrow */
.medtec_btn_1:hover::after, .medtec_btn_2:hover::after {
    transform: translateX(5px) !important;
}

/* Arrow style */
.medtec_btn_1::after, .medtec_btn_2::after {
    content: ">" !important;
    margin-left: 10px !important;
    font-size: 20px !important;
    line-height: 1 !important;
    transition: transform 0.3s ease !important;
    display: inline-block !important; /* Ensure the arrow is inline with text */
      align-items: center !important;
    justify-content: center !important;
}

/* Media Queries for responsiveness */
@media only screen and (max-width: 320px) {
    /* Stack buttons on mobile */
    .medtec_btn_1, .medtec_btn_2 {
        width: 100% !important; /* Full width */
        margin-right: 0 !important;
        margin-bottom: 10px !important; /* Space between buttons */
    }
}

@media only screen and (min-width: 321px) and (max-width: 420px) {
    /* Keep buttons in one row for 420px mobile */
    .medtec_btn_1, .medtec_btn_2 {
        width: auto !important; /* Allow width to adjust */
        min-width: 150px !important; /* Ensure a minimum width */
        margin-right: 10px !important;
    }
}

@media only screen and (min-width: 420px) {
    /* Keep buttons in one row on larger screens */
    .medtec_btn_1, .medtec_btn_2 {
        display: inline-flex !important;
        min-width: 150px !important;
        margin-right: 10px !important;
    }
}

/* Explicitly force anchor tag color */
.medtec_btn_1 a, .medtec_btn_2 a {
    color: #fff !important; /* Ensure text stays white */
    text-decoration: none !important;
}

/* Fixing the alignment of text and arrow */
.medtec_btn_1, .medtec_btn_2 {
    display: inline-flex !important;
    align-items: center !important; /* Ensures both text and arrow align vertically in the center */
    justify-content: center !important; /* Center everything horizontally */
}

 


@media screen and (max-width: 600px) {
	.expertise_core_button, .expertise_black_button{width:135px !important}
}






@media screen and (max-width:768px) {
/* Apply the overlay to the sr7-slide container */
#SR7_8_1-33::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent black with 50% opacity */
    z-index: 2; /* Place it above the background image but below the text */
    pointer-events: none; /* Allow clicks to pass through */
}

/* Ensure the text is on top of the overlay */
#SR7_8_1-33 {
    position: relative;
    z-index: 3;
}

/* Additional styling for other slides if needed */
#SR7_8_1-8::before, #SR7_8_1-34::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Transparent black with 50% opacity */
    z-index: 2;
    pointer-events: none;
}

}