/*
Theme Name: Race Knee Clinic
Theme URI: https://wordpress.org/
Author: Race Knee Clinic
Author URI: https://wordpress.org/
Description: Race Knee Clinic WordPress theme.
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: Race Knee Clinic
*/
html,body {
    background: #fff;
    width: 100%;
    overflow-x: hidden;
    font-family: "Poppins", sans-serif;
}

img {
    min-width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

h1 {
    font-weight: 700;
    font-size: 50px;
    padding-bottom: 0px;
    line-height: normal;
}

h2 {
    font-weight: 700;
    font-size: 36px;
    padding-bottom: 20px;
    line-height: normal;
}

h3 {
    font-weight: 700;
    font-size: 30px;
    padding-bottom: 20px;
    line-height: normal;
}

h4 {
    font-weight: 700;
    font-size: 26px;
    padding-bottom: 20px;
    line-height: normal;
}

h5 {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 10px;
    line-height: normal;
}

h6 {
    font-weight: 600;
    font-size: 18px;
    padding-bottom: 10px;
    line-height: normal;
}

p {
    line-height: 28px;
    font-size: 16px;
    margin: 0px;
    padding-bottom: 15px;
}

.topcontainer{
    background: #031e2d;
    height: 35px;
    position: relative;
}
.headericon ul li i{
    color: #fff;
    font-size: 17px;
    padding: 0 15px;
}
.headericon ul li{
    display: inline-block;
}

.toptime ul li{
    display: inline-block;
}

.toptime ul li p{
    font-size: 17px;
    color: #fff;
    padding-bottom: 0px;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
}

.toptime ul li:nth-child(2) a{
    background: #0f9165;
    font-size: 17px;
    color: #fff;
    padding: 5px 10px;
    font-weight: 600;
}

.toptime{
  padding: 4px 0 0;
}
.headericon{
  padding: 3px 0 0;
}
.headericon ul {
    padding: 3px 0 0;
    text-align: right;
}
.toptime ul{
   text-align: right;
}
/* Header Styling */
header {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #fff;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--color-border);
    height: var(--header-height);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 0;
}
.logocontainer img{
    width: auto;
    min-width:auto;
}
.menucontainer{
    float: right;
}
.menucontainer{
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* ========================================
   Desktop Navigation
   ======================================== */
nav {
    display: flex;
    align-items: center;
}
 
nav>ul {
    display: flex;
    align-items: center;
    gap: 8px;
}
 
nav>ul>li {
    position: relative;
    margin: 0 0 0 15px;
}
 
nav li>a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 0px;
    font-size: 0.96rem;
    font-weight: 600;
    color: var(--color-text-muted);
    border-radius: var(--radius-md);
    transition: var(--transition-fast);
    white-space: nowrap;
}
 
nav li>a:hover {
    color: var(--color-text);
    background: var(--color-bg-secondary);
}
 
/* Dropdown Indicator - CSS Arrow for items with submenus */
nav li:has(> ul)>a::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    margin-left: 6px;
    transition: var(--transition-fast);
}
 
/* ========================================
   Desktop Submenu (Level 2+)
   ======================================== */
nav li ul {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background: linear-gradient(135deg, #03a9e8, #0f9165);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: 8px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: var(--transition-normal);
    z-index: 100;
}
 
/* Nested submenu positioning (Level 3+) */
nav li ul li ul {
    top: 0;
    left: 100%;
    margin-left: 4px;
}
 
nav li ul li {
    position: relative;
    width: 100%;
}
 
nav li ul li>a {
    padding: 12px 0px;
    border-radius: var(--radius-sm);
    justify-content: space-between;
    color: #fff;
}
 
nav li ul li>a:hover {
    background: var(--color-bg-tertiary);
    color: var(--color-text);
}
 
/* Rotate nested arrow indicator to point right */
nav li ul li:has(> ul)>a::after {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 5px solid currentColor;
    border-right: none;
    margin-left: auto;
}
 
/* Show submenu on hover (desktop) */
@media (min-width: 769px) {
    nav li:hover>ul {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
 
    /* Rotate dropdown arrow on hover */
    nav>ul>li:hover>a::after {
        transform: rotate(180deg);
    }
 
    /* Hide mobile elements on desktop */
    .menu-toggle,
    .nav-close,
    .nav-overlay {
        display: none !important;
    }
}
 
/* ========================================
   Mobile Menu Toggle (Hamburger)
   ======================================== */
.menu-toggle {
    display: none;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    background: var(--color-bg-secondary);
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
    z-index: 1001;
}
 
.menu-toggle:hover {
    background: var(--color-bg-tertiary);
}
 
.menu-toggle span {
    display: block;
    width: 20px;
    height: 2px;
    background: #000;
    border-radius: 2px;
    transition: var(--transition-normal);
}
 
/* Hamburger to X animation */
.menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(5px, 5px);
}
 
.menu-toggle.active span:nth-child(2) {
    opacity: 0;
    transform: translateX(-10px);
}
 
.menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(5px, -5px);
}
 
/* ========================================
   Close Button (Mobile)
   ======================================== */
.nav-close {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-tertiary);
    border-radius: var(--radius-sm);
    transition: var(--transition-fast);
    z-index: 10;
}
 
.nav-close:hover {
    background: var(--color-primary);
    transform: rotate(90deg);
}
 
.nav-close span {
    position: absolute;
    width: 18px;
    height: 2px;
    background: var(--color-text);
    border-radius: 2px;
}
 
.nav-close span:nth-child(1) {
    transform: rotate(45deg);
}
 
.nav-close span:nth-child(2) {
    transform: rotate(-45deg);
}
 
/* ========================================
   Mobile Navigation
   ======================================== */
@media (max-width: 768px) {
    .menu-toggle {
        display: flex;
    }
 
    nav {
        position: fixed;
        top: var(--header-height);
        left: 0;
        right: 0;
        width: 100%;
        max-height: calc(100vh - var(--header-height));
        height: auto;
        background: #fff;
        border-bottom: 1px solid var(--color-border);
        box-shadow: var(--shadow-lg);
        padding: 20px;
        overflow-y: auto;
        transform: translateY(-100%);
        opacity: 0;
        visibility: hidden;
        transition: transform var(--transition-slow), opacity var(--transition-normal), visibility var(--transition-normal);
        z-index: 1000;
        display: block;
    }
 
    nav.active {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
    }
 
    .nav-close {
        position: absolute;
        top: 20px;
        right: 20px;
        display: flex;
        display: none;
    }
 
    /* Mobile Nav List */
    nav>ul {
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
    }
 
    nav>ul>li {
        position: relative;
    }
 
    nav li>a {
        padding: 14px 16px;
        border-radius: var(--radius-sm);
        justify-content: space-between;
    }
 
    /* Mobile Submenu */
    nav li ul {
        position: static;
        width: 100%;
        background: #fff;
        border: none;
        border-radius: var(--radius-sm);
        box-shadow: none;
        padding: 0;
        margin-top: 4px;
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        transform: none;
        overflow: hidden;
        transition: max-height var(--transition-slow),
            opacity var(--transition-normal),
            visibility var(--transition-normal),
            padding var(--transition-normal);
    }
 
    nav li ul.active {
        max-height: 500px;
        opacity: 1;
        visibility: visible;
        padding: 8px 0 8px 0px;
    }
 
    nav li ul li ul {
        margin-left: 0;
        background: rgba(0, 0, 0, 0.15);
    }
 
    nav li ul li>a {
        padding: 12px 14px;
        font-size: 0.9rem;
    }
 
    /* Reset arrow for mobile - all point down */
    nav li:has(> ul)>a::after,
    nav li ul li:has(> ul)>a::after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 5px solid currentColor;
        border-bottom: none;
        margin-left: auto;
        transition: var(--transition-fast);
    }
 
    /* Rotate arrow when submenu is open */
    nav li:has(> ul.active)>a::after {
        transform: rotate(180deg);
    }
 
    /* Left border for visual hierarchy */
    nav li ul li {
        border-left: 2px solid var(--color-border);
        padding-left: 0px;
        margin-left: 4px;
    }
 
    nav li ul li:hover {
        border-left-color: var(--color-primary);
    }
 
    /* Overlay */
    .nav-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--color-overlay);
        backdrop-filter: blur(4px);
        -webkit-backdrop-filter: blur(4px);
        z-index: 999;
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--transition-normal), visibility var(--transition-normal);
    }
 
    .nav-overlay.active {
        opacity: 1;
        visibility: visible;
    }
}
 
/* ========================================
   Demo Content
   ======================================== */
main {
    padding-top: var(--header-height);
}
 
.hero {
    min-height: calc(100vh - var(--header-height));
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 60px 24px;
}
 
.hero h1 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 700;
    background: var(--gradient-primary);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
}
 
.hero p {
    font-size: 1.1rem;
    color: var(--color-text-muted);
}
 
/* ========================================
   Animation for mobile nav items
   ======================================== */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
 
    to {
        opacity: 1;
        transform: translateX(0);
    }
}
 
nav.active>ul>li {
    animation: fadeIn 0.3s ease forwards;
}
 
nav.active>ul>li:nth-child(1) {
    animation-delay: 0.05s;
}
 
nav.active>ul>li:nth-child(2) {
    animation-delay: 0.1s;
}
 
nav.active>ul>li:nth-child(3) {
    animation-delay: 0.15s;
}
 
nav.active>ul>li:nth-child(4) {
    animation-delay: 0.2s;
}

/*.carousel-caption {
    text-align: left;
    top: 50%;
    transform: translateY(-50%);
    bottom: auto;
}*/

.carousel-caption h5 {
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    line-height: 45px;
    text-align: center;
    margin-bottom: 0px;
    padding: 10px;
    text-transform: capitalize;
    background: #0000006b;
}

.carousel-caption {
    padding: 10px;
    color: #fff;
    text-align: center;
    width: max-content;
    margin: 0 auto;
}

.welcomecontainer{
    margin: 20px 0 0 0;
}

.herodetails h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.herodetails h1::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px; /* Thickness of the line */
  width: 70%; /* Line will only be half the width of the header */
  background-color: #8fccb7;
}
.herodetails h1 span{
    color: #0f9165;
}

.herodetails p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.heroimgdetails{
    padding: 0;
    margin-bottom: 0;
}

.heroimgdetails h2{
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #0f9165;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

.heroimgdetails p{
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-align: left;
}

.heromainimg img{
    width: 100%;
    min-width: auto;
    margin: 0 auto;
    display: block;
    /*border-right: 7px solid #4abdef;
    border-bottom: 7px solid #4abdef;
    border-radius: 20px;*/
}
.bannerbtnseparatoricon{
    top: -50px;
    position: relative;
}

.separatoricon{
    margin: 30px 0;
}
.verticallinesep img{
    width: auto;
    min-width: auto;
    margin: 0 auto;
    display: block;
}
.whychooseuscontainer{
    margin: 50px 0 0 0;
}

.whychooseuscontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: center;
}

.experiencecontainer ul li{
/*    display: inline-block;*/
    vertical-align: top;
}

.experiencecontainer ul li i {
    color: #ffffff;
    font-size: 35px;
    border: 1px solid #03a9e8;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    padding: 16px 0 0;
    margin: 0 0 20px;
    background: #03a9e8;
}

.experiencecontainer ul li h3{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    margin: 0 0 10px;
    padding: 0 0 0;
   /* position: relative;
    padding-bottom:0px;*/
    text-align: center;
}

.experiencecontainer ul li h3.counter{
    text-align: center;
}

.experiencecontainer ul li p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-align: center;
}


.experiencecontainer {
  text-align: center;
  padding: 50px 0;
}

.experiencecontainer{
    border-right: 3px solid transparent;
    border-image: linear-gradient(#EEEEEE ,#666666, #EEEEEE) 1 1% !important;
}

.counter {
  animation-duration: 1s;
  animation-delay: 0s;
}
.experiencecontainer h3{
/*    display: flex;*/
}
.ptreated{
    border-right: none;
}

.experiencecontainer ul li:nth-child(2){
    text-align: center;
}

.opdcontainer{
    margin: 50px 0 0 0;
    background: #d5edf7;
    padding: 32px 0 7px;
}

.opdcontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: left;
}

.opdlocation ul{
    display: inline-block;
    padding: 0 10px;
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    transition: all 0.45s ease-in;
    text-align: left;
}

.opdlocation ul li{
/*    display: inline-block;*/
    padding: 0 20px;
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    transition: all 0.45s ease-in;
}

.opdlocation ul li:hover{
    font-weight: 600;
    transition: all 0.65s ease-in;
    color: #000;
}

.opdlocation ul li::before{
    position: relative;
    top: calc(50% - 4px); /* half font-size */
    left: 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f3c5";
    font-size: 17px;
    font-weight: 900;
    color: #c02326;
    padding: 0 5px;
}

.opdlocation ul{
/*    text-align: center;*/
}

.r2rtechcontainer{
    margin: 70px 0 0 0;
}

.r2rtechcontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    text-align: left;
    padding-bottom: 0;
}

.techtitle p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
}

.techrightpanel ul li{
    display: inline-block;
    padding: 0 12px;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #000;
}

/*.techrightpanel ul li::before{
    position: relative;
    top: calc(50% - 4px);
    left: 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f14a";
    font-size: 17px;
    font-weight: 900;
    color: #000000;
    padding: 0 5px;
}*/

.techrightpanel ul{
    text-align: right;
}
.techrightpanel ul li img{
    width: auto;
    min-width: auto;
    margin-bottom: 10px;
}

.r2rvideiopart ul li{
    display: inline-block;
    width: 49%;
}

.r2rvideiopart ul li iframe{
    border-radius: 25px;    
}

.r2rvideiopart ul li img{
    width: 90%;
    min-width: 90%;
    margin: 0 auto;
    display: block;
}

.r2rvideiopart{
    margin: 25px 0 0 0;
}

/*.r2rvideiopart ul li:nth-child(2){
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}*/

.testimonialimg{
    padding: 0;
    margin: 0;
}

.testimonialimg iframe {
  border-radius: 25px;
}

.benefitscontainer{
    margin: 50px 0 0 0;
    background: #d5edf7;
    padding: 30px 0;
}

.benefitscontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: center;
}

.benefitsiconbox img{
    width: auto;
    min-width: auto;
    display: block;
    margin: 0 auto;
}

.benefitsiconbox h3{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding: 0 50px;
    margin: 20px 0;
}

.booknowcontact{
    padding: 0;
    margin: 50px 0 0 0;
}

.calltoactionbg img{
    width: 100%;
    min-width: 100%;
    height: 378px;
}

.calltoactionbg{
/*    position: relative;*/
}

.rightcalltoactiontxt{
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;*/
    padding: 80px 0 0 30px;
}

.rightcalltoactiontxt p{
    font-size: 17px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
}

.rightcalltoactiontxt h3{
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 45px;
    color: #208fec;
}

.rightcalltoactiontxt h4{
    font-size: 25px;
    line-height: 28px;
    color: #000;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
}

.rightcalltoactiontxt ul li,
.rightcalltoactiontxt ul li a{
    font-size: 25px;
    line-height: 28px;
    color: #208fec;
    font-weight: bold;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
}

.newspresscontainer{
    margin: 50px 0 0 0;
}

.newspresscontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: center;
}

.newspaperconmtent img {
    width: 100%;
    min-width: 100%;
    margin-bottom: 30px;
/*    border: 5px solid #4abdef;*/
box-shadow: rgba(7, 12, 46, 0.2) 0px 4px 1px 0px;
    border-radius: 15px;
}

.showmorebtn{
    margin: 30px 0;
    text-align: center;
}

.showmorebtn a{
    background: #00a8e8;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 20px;
    border-radius: 5px;
    transition: all 0.5s ease-in;
}

.showmorebtn a:hover{
    background: #034c68;
    color: #fff;
    transition: all 0.65s ease-in;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}

.testimonialscontainer{
    margin: 50px 0 0 0;
}

.testimonialscontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: center;
}

.testimonial-slider .owl-nav{
    text-align: center;
    margin: 30px 0 0 0;
}

.testimonial-slider .owl-nav i{
    color: #00a8e8;
    font-size: 20px;
    padding: 0 20px;
}

.recentarticlescontainer{
    margin: 50px 0 0 0;
}

.recentarticlescontainer h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #000;
    position: relative;
    text-align: center;
}

.articlebox h3{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    text-align: left;
    margin: 20px 0 0 0;
    padding-bottom: 0px;
}

.articlebox h3 a {
    color: #000;
    font-weight: 600;
}


.articlebox p,
.articlebox p span{
    font-size: 15px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
}

.articlebox p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.articlebox img {
    width: 100%;
    border-radius: 15px;
}

.footercontainer{
    background: #d7e2e6;
    padding: 30px 0 0 0;
    margin: 50px 0 0 0;
}

.foorermenu h3{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 10px;
}

.foorermenu ul li,
.foorermenu ul li a{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    transition: all 0.5s ease-in;
}
.foorermenu ul li a:hover{
    color: #000;
    transition: all 0.6s ease-in;
}

.footerabout p{
    font-size: 16px;
    line-height: 30px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
}

.footerlogo img{
    width: auto;
    min-width: auto;
}

.copyrightstext p{
    text-align: center;
    color: #545e62;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 0px;
}

.copyrightstext p a{
    color: #545e62;
}

.footercopyright{
    background: #a6b8bf;
    margin: 20px 0 0 0;
}

/*About Page*/
.rkc-about-section {
/*  padding:35px 0;*/
  font-family: 'Poppins', sans-serif;
  margin: 70px 0;
}

.abouttiltedetails h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    color: #0f9165;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 10px;
}
.abouttiltedetails p.rkc-degree{
    font-size: 14px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-align: left;
}

.abouttiltedetails p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.abouttiltedetails ul {
    padding: 0 0 0 20px;
}

.abouttiltedetails ul li{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}

/* Titles */
.rkc-title {
    font-size: 36px;
    font-weight: 700;
    color: #03a9e8;
    line-height: 36px;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

.rkc-section-title {
  font-size: 30px;
  font-weight: 600;
  color: #0f9165;
}

/* Image Frames */
/*.rkc-img-frame {
  padding: 10px;
  border-radius: 20px;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
*/
.rkc-img-frame img {
  border-radius: 15px;
  width: 30%;
  min-width: 30%;
  margin: 0 auto;
  display: block;
}

.rkc-img-frame.alt {
  transform: rotate(-2deg);
}

/* Doctor Section */
.rkc-doctor-section {
  margin-bottom: 80px;
}

.rkc-degree {
  font-weight: 600;
}

/* R2R */
.rkc-r2r-section {
  margin: 50px 0 0 0;
}
.aboutr2rtech h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #fff;
    text-align: center;
    padding-bottom: 0px;
}
.aboutr2rtech p{
    font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-align: center;
    margin: 0 50px;
}

.rkc-r2r-extra{
    margin: 30px 0 0 0;
    background: #d5edf7;
    padding: 30px 0;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 10px;
}
.rkc-vision-mission{
    margin: 30px 0 0 0;
}

.rkc-box.vision h3{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
}
.rkc-box.mission h3{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
}

.rkc-box.mission p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.rkc-box.vision p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.rkc-box-img{
    /*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
    border-radius: 10px;*/
}

.rkc-box-img img{
    box-shadow: rgba(7, 12, 46, 0.2) 0px 28px 24px 0px;
    border-radius: 10px;
}

.rkc-bullets {
  list-style: none;
  padding: 0;
}

.rkc-stat-box h2{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 20px;
}

.rkc-stat-box:hover h2{
    color: #fff;
}

.rkc-bullets li {
  font-size: 18px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}

.rkc-bullets i {
  color: #03a9e8;
  margin-right: 10px;
  font-size: 20px;
}

/* Video */
.rkc-video-frame {
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

.rkc-video-frame iframe {
  width: 100%;
  height: 300px;
}

/* Vision Mission */
.rkc-box {
  padding: 30px;
  border-radius: 15px;
/*  color: #fff;*/
  height: 245px;
}

.rkc-box i {
  font-size: 40px;
  margin-bottom: 10px;
  color: #0f9165;
}

.rkc-box.vision {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  transition: all 0.55s ease;
  margin: 50px 0 0 0;
}
/*.rkc-box.vision:hover{
    background: linear-gradient(135deg, #03a9e8, #0f9165);
    transition: all 0.65s ease;
}*/
.rkc-box.mission {
/*  background: #0f9165;*/
  transition: all 0.55s ease;
}
/*.rkc-box.mission:hover {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  transition: all 0.65s ease;
}*/
/* Stats */
.rkc-stats {
  margin-top: 30px;
}

.rkc-stat-box {
  padding: 30px;
  border-radius: 15px;
  background: #f8f9fa;
  transition: 0.3s;
}

.rkc-stat-box:hover {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
}

.rkc-stat-box i {
  font-size: 28px;
  margin-bottom: 10px;
  color: #03a9e8;
}
.rkc-stat-box:hover i{
    color: #fff;
}
.r2riconimg img{
    width: auto;
    min-width: auto;
    background: #f5f5f5;
    border-radius: 10px;
    margin-bottom: 10px;
}
.rkc-contact-section {
  padding: 30px 0;
  background: #f9fbfc;
  font-family: 'Poppins', sans-serif;
}

.rkc-contact-card {
  background: #fff;
  padding: 35px 25px;
  border-radius: 15px;
  text-align: center;
  transition: all 0.3s ease;
  height: 100%;
  box-shadow: 0 8px 25px rgba(0,0,0,0.05);
  position: relative;
  overflow: hidden;
}
.rkc-contact-card.rkc-head-contact {
    background: linear-gradient(135deg, #03a9e8, #0f9165);
}
/* Gradient hover effect */
.rkc-contact-card:hover {
  transform: translateY(-8px);
  color: #fff;
  
}

.rkc-contact-card:hover h3, 
.rkc-contact-card:hover i,
.rkc-contact-card:hover p,
.rkc-contact-card:hover a{
    color: #fff;
}

/* Icon */
.rkc-icon {
  width: 70px;
  height: 70px;
  margin: 0 auto 15px;
  border-radius: 50%;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  transition: 0.3s;
}

.rkc-contact-card:hover .rkc-icon {
  background: #fff;
  color: #03a9e8;
}

/* Text */
.rkc-contact-card h5 {
  font-weight: 600;
  margin-bottom: 8px;
  font-size: 18px;
  color: #fff;
}

.rkc-contact-card p {
  font-size: 16px;
    line-height: 28px;
    color: #fff;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}
.rkc-head-contact p,
.rkc-head-contact p a,
.rkc-head-contact i{
    color: #fff;
}

.rkc-contact-card:hover p {
  color: #fff;
}
/*About Page*/

/*Video Page*/
.rkc-video-section {
  padding: 50px 0;
  background: #f9fbfc;
}
.rkc-video-section h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

/* Card */
.rkc-video-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  transition: 0.3s;
  box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
  transition: all 0.55s ease;
}
.rkc-video-card{
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
}

.rkc-video-card:hover {
  transform: translateY(-8px);
  transition: all 0.55s ease;
}

/* Video */
.rkc-video-frame iframe {
  width: 100%;
  height: 220px;
}

/* Content */
.rkc-video-content {
  padding: 20px;
}

.rkc-video-content h5 {
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    height: 125px;
}
h4#rkcModalTitle{
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 30px;
    color: #000;
    padding-bottom: 0px;
}
.rkc-modal-video{
    padding: 10px;
}

/* Location */
.rkc-location {
  font-size: 14px;
  color: #666;
}

.rkc-location i {
  color: #0f9165;
  margin-right: 5px;
}

/* Button */
.rkc-btn-view {
  margin-top: 10px;
  padding: 8px 18px;
  border: none;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
  border-radius: 25px;
  cursor: pointer;
}
.rkc-btn-view:hover{
    background: linear-gradient(135deg, #0f9165, #03a9e8);
    transition: all 0.56s ease;
}

/* MODAL */
.rkc-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  align-items: center;
  justify-content: center;
}

.rkc-modal-content {
  background: #fff;
  padding: 25px;
  width: 90%;
  max-width: 700px;
  border-radius: 10px;
  position: relative;
}

.rkc-close {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 22px;
  cursor: pointer;
}

/* Modal video */
.rkc-modal-video iframe {
  width: 100%;
  height: 300px;
  margin-bottom: 15px;
}
/*Video Page*/

/*Ortho Consultation Page*/
.rkc-ortho-section {
  padding: 50px 0;
  font-family: 'Poppins', sans-serif;
}
.rkc-ortho-section h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

.rkc-physio-section h1{
        font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

/* Each row */
.rkc-ortho-item {
  margin-bottom: 30px;
}

/* Image Frame */
.rkc-img-frame {
  padding: 10px;
  border-radius: 20px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
  margin-bottom: 20px;
}

.rkc-img-frame-physio img{
    border-radius: 15px;
    object-fit: cover;
/*    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;*/
}
.rkc-img-frame-physio{
    height: 330px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 20px 25px -5px, rgba(0, 0, 0, 0.04) 0px 10px 10px -5px;
}
.rkc-img-frame-physio{
    display: flex;
}
.physioframeimg{
    width: 30%;
}

.physio-rkcdetsils{
    margin: 0 15px;
    width: 70%;
}

.rkc-img-frame img {
  border-radius: 15px;
}

/* Content */
.rkc-ortho-item h3 {
  font-size: 24px;
  line-height: 45px;
  font-weight: 500;
  color: #000;
  margin: 10px 0;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
    text-align: center;
    text-transform: capitalize;
}

.rkc-ortho-item p {
      font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-align: center;
    height: 110px;
}

/* Hover subtle effect */
/*.rkc-ortho-item:hover .rkc-img-frame {
  transform: scale(1.03);
  transition: 0.3s;
}*/

/* Mobile spacing */
@media (max-width: 991px) {
  .rkc-ortho-item {
    text-align: center;
  }

  .rkc-img-frame {
    margin-bottom: 20px;
  }
}
/*Ortho Consultation Page*/

/*Physiotherapy Service Page*/
.rkc-physio-section {
  padding: 50px 0;
  font-family: 'Poppins', sans-serif;
}

/* Title */
/*.rkc-title {
  font-size: 36px;
  font-weight: 700;
  color: #03a9e8;
  margin-bottom: 40px;
}*/

/* Intro */
.rkc-physio-intro p {
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.rkc-physio-intro ul {
    padding: 0 0 15px 15px;
}

.rkc-physio-intro ul li {
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}

/* Image Frame */
/*.rkc-img-frame {
  padding: 10px;
  border-radius: 20px;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}*/

.rkc-img-frame img {
  border-radius: 15px;
}

/* Items */
.rkc-physio-item {
  margin-top: 30px;
}

.rkc-physio-item h3 {
    font-size: 24px;
    font-weight: 500;
    color: #000;
    margin: 10px 0;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.rkc-physio-item p {
      font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

/* Hover effect */
.rkc-physio-item:hover .rkc-img-frame {
  transform: scale(1.03);
  transition: 0.3s;
}

/* Responsive */
@media (max-width: 991px) {
  .rkc-physio-item {
    text-align: center;
  }

  .rkc-img-frame {
    margin-bottom: 20px;
  }
}
/*Physiotherapy Service Page*/

/*FAQs Page*/
.rkc-faq-section {
  padding: 50px 0;
  font-family: 'Poppins', sans-serif;
}

/* Title */
.rkc-faq-section h1{
      font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 5px;
    text-align: center;
}

.rkc-faq-header p {
  max-width: 800px;
  font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    text-align: center;
    margin: 0 auto;
}

/* Accordion */
.rkc-faq-item {
  border-radius: 10px;
  margin-bottom: 15px;
  overflow: hidden;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
}

/* Question */
.rkc-faq-question {
  width: 100%;
  text-align: left;
  padding: 18px 20px;
  border: none;
  background: #f8f9fa;
  font-weight: 500;
  font-size: 20px;
  cursor: pointer;
  position: relative;
}

.rkc-faq-question::after {
  content: "\f078";
  font-family: "Font Awesome 7 Free";
  font-weight: 900;
  position: absolute;
  right: 20px;
}

/* Active */
.rkc-faq-item.active .rkc-faq-question {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
}

/* Answer */
.rkc-faq-answer {
  display: none;
  padding: 20px;
  background: #fff;
}

.rkc-faq-answer ul {
  padding-left: 20px;
}
/*FAQs Page*/

/*Testimonials Page*/
/* Card */
.rkc-testimonial-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.3s ease;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

/* Hover effect (same as video page) */
.rkc-testimonial-card:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* REMOVE gradient border effect (if previously added) */
.rkc-testimonial-card::before {
  display: none;
}

/* Video */
.rkc-testimonial-video iframe {
  width: 100%;
  height: 220px;
  border: none;
}

/* Content */
.rkc-testimonial-content {
  padding: 20px;
  text-align: center;
}

.rkc-testimonial-content h5 {
  color: #000;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  height: 110px;
}
/*Testimonials Page*/

/*Blog Page*/
.rkc-blog-section {
  padding: 50px 0;
  font-family: 'Poppins', sans-serif;
}

/* Blog Card */
.rkc-blog-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  margin-bottom: 30px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
  transition: 0.3s;
}

.rkc-blog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.1);
}

.rkc-blog-content ul li{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    list-style: disc;
}
.rkc-blog-content ul{
    padding: 0 20px;
}

/* Image */
.rkc-blog-img img {
  width: 100%;
  height: 402px;
  object-fit: cover;
}

/* Content */
.rkc-blog-content {
  padding: 20px;
}

.rkc-blog-content h3 {
  font-size: 30px;
  line-height: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.rkc-blog-content h3 a {
  text-decoration: none;
  font-size: 30px;
  line-height: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.rkc-blog-content h3 a:hover {
  color: #0f9165;
}

/* Meta */
.rkc-meta {
  font-size: 14px;
  color: #777;
  margin-bottom: 10px;
}

.rkc-meta i {
  margin-right: 5px;
  color: #0f9165;
}

/* Read More */
.rkc-read-more {
  display: inline-block;
  margin-top: 10px;
  color: #0f9165;
  font-weight: 600;
  text-decoration: none;
}

.rkc-read-more:hover {
  color: #03a9e8;
}
.rkc-blog-content p{
        font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding-bottom: 10px;
}

/* Sidebar */

.blogSidebar h2{
    font-size: 25px;
    font-weight: 500;
    color: #000;
    margin-bottom: 5px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.blogSidebar ul li:before{
    position: relative;
    top: calc(50% - 4px); /* half font-size */
    left: 0px;
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-size: 15px;
    font-weight: 900;
    color: #0f9165;
    padding: 0 5px;
}

.blogSidebar ul li,
.blogSidebar ul li a{
    font-size: 16px;
    line-height: 25px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    display: flex;
    margin-bottom: 5px;
}
.rkc-sidebar {
  background: #f8f9fa;
  padding: 20px;
  border-radius: 15px;
}

/* Widgets spacing */
.rkc-sidebar .widget {
  margin-bottom: 25px;
}

/* Pagination */
.rkc-pagination {
  margin-top: 30px;
}

.rkc-pagination .page-numbers {
  padding: 8px 12px;
  margin: 3px;
  background: #f1f1f1;
  border-radius: 5px;
  text-decoration: none;
}

.rkc-pagination .current {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
}
/*Blog Page*/

/*Contact Page*/
/* HEAD OFFICE */
.rkc-head-office {
  padding: 50px 0 0 0;
  font-family: 'Poppins', sans-serif;
}

.rkc-head-office h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}



/* APPOINTMENT SECTION */
.rkc-appointment-section {
  padding: 50px 0;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
  border-radius: 20px;
  margin-top: 30px;
}

.rkc-appointment-section h2 {
      font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.rkc-location-section h2{
     font-size: 40px;
     line-height: 45px;
    font-weight: 600;
    color: #0f9165;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0;
}

.rkc-form-box {
  margin-top: 30px;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
}

/* Form inputs (CF7 styling) */
.rkc-form-box input,
.rkc-form-box textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  margin-bottom: 10px;
}

.rkc-form-box input[type="submit"] {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
  border: none;
  cursor: pointer;
}
.rkc-contact-page {
  padding: 70px 0;
  font-family: 'Poppins', sans-serif;
}

/* Title */
.rkc-testimonial-section{
    padding: 50px 0;
}
.rkc-testimonial-section h1{
  font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

/* Blocks */
.rkc-contact-block,
.rkc-location-section {
  margin-top: 30px;
}

/* Cards */
.rkc-contact-card,
.rkc-clinic-card {
  background: #fff;
  padding: 25px;
  border-radius: 15px;
  box-shadow: 0 10px 25px rgba(0,0,0,0.05);
}

.rkc-clinic-card {
    min-height: 590px;
}

/* Maps */
.rkc-map-frame iframe,
.rkc-clinic-card iframe {
  width: 100%;
  height: 250px;
  border: 0;
  border-radius: 10px;
  margin-top: 10px;
}

/* Appointment */
.rkc-appointment-block {
  margin-top: 80px;
  padding: 50px;
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
  border-radius: 20px;
}

.rkc-form-box {
  margin-top: 20px;
}

/* City */
.rkc-city-block {
  margin-top: 50px;
}

.rkc-city-block h3 {
    color: #0f9165;
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: "Poppins", sans-serif;
    padding-bottom: 0px;
}

/* Hover */
.rkc-clinic-card:hover {
  transform: translateY(-5px);
  transition: 0.3s;
}

.rkc-clinic-card h5 {
  font-weight: 500;
  color: #03a9e8;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 30px;
}
.rkc-clinic-card h6{
    font-size: 15px;
    line-height: 25px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    display: flex;
    height: 95px;
}
.rkc-clinic-card p,
.rkc-clinic-card p a {
    font-size: 15px;
    line-height: 25px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    display: flex;
}

.rkc-clinic-card i {
  color: #0f9165;
  margin-right: 5px;
  margin-top: 5px;
  font-size: 16px;
}
/*Contact Page*/

/*Contact Form*/

.rkc-cf7-form {
  background: #fff;
  padding: 35px;
  border-radius: 20px;
  box-shadow: 0 15px 40px rgba(0,0,0,0.08);
}

/* Labels */
.rkc-cf7-form label {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 6px;
  display: block;
}

/* Inputs & Textarea */
.rkc-cf7-form .form-control {
  width: 100%;
  padding: 12px 14px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  font-size: 14px;
  transition: all 0.3s ease;
  background: #f9fbfc;
}

/* Focus Effect */
.rkc-cf7-form .form-control:focus {
  border-color: #03a9e8;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(3,169,232,0.15);
  outline: none;
}

/* Textarea */
.rkc-cf7-form textarea.form-control {
  min-height: 120px;
  resize: none;
}

/* Submit Button */
.rkc-submit-btn {
  background: linear-gradient(135deg, #03a9e8, #0f9165);
  color: #fff;
  padding: 12px 30px;
  border-radius: 50px;
  border: none;
  font-weight: 600;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  display: inline-block;
}

/* Hover */
.rkc-submit-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(3,169,232,0.3);
}

/* CF7 Validation */
.wpcf7-not-valid {
  border-color: #dc3545 !important;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  color: #dc3545;
  margin-top: 3px;
}

/* Success Message */
.wpcf7-response-output {
  margin-top: 15px;
  border-radius: 10px;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}

/* Success */
.wpcf7-mail-sent-ok {
  background: #e6f9f1;
  color: #0f9165;
  border: 1px solid #0f9165;
}

/* Error */
.wpcf7-validation-errors {
  background: #fdeaea;
  color: #dc3545;
  border: 1px solid #dc3545;
}

/* Spacing fix */
/*.rkc-cf7-form .row > div {
  margin-bottom: 15px;
}*/

/*Contact Form*/

/*Default Inner Page*/
.rkc-page-section {
  padding: 50px 0;
  font-family: 'Poppins', sans-serif;
}

/* Title */
.rkc-page-title {
  font-size: 36px;
  font-weight: 700;
  color: #03a9e8;
  margin-bottom: 30px;
}

/* Content */
.rkc-page-content {
  font-size: 16px;
  line-height: 1.8;
  color: #555;
}

/* Content elements */
.rkc-page-content h2,
.rkc-page-content h3 {
  color: #0f9165;
  margin-top: 25px;
}

.rkc-page-content p {
  margin-bottom: 15px;
}

.rkc-page-content ul {
  padding-left: 20px;
}

.rkc-page-content img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
  margin: 15px 0;
}
/*Default Inner Page*/

.rkc-page-section h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;

}

.rkc-blog-section h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}

.rkc-head-contact:hover i{
    color: #fff;
}

.contactformbgfield{
    height: 100px;
}

/*.rkc-head-contact p i{
    color: #0f9165;
    margin-right: 6px;;
}*/

ul#menu-top-navigation li.current-menu-item a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 5px;
    left: 0;
    right: 0;
    background-color: #0f9165;
    transition: width 0.3s ease;
}

ul#menu-top-navigation li ul li.current-menu-item a::after {
    content: none !important;
}

#rkcModalContent p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
}

.search-page-container h1{
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
    color: #0f9165;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 20px;
    text-align: center;
}
.search-page-container{
    padding: 30px 0;
}

.rkc-search-header h2,
.rkc-search-header h2 a{
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 400;
    line-height: 25px;
    color: #0f9165;
    text-transform: capitalize;
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 10px;
    text-align: left;
}

/*Modal*/
.modal-content {
    background: transparent;
}
.modal-body img {
    border-radius: 8px;
}
.custom-close {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1056;
    background-color: #fff; /* optional for visibility */
    border-radius: 50%;
    padding: 8px;
}
/*Modal*/

.footercontact h3{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 10px;
}

.footercontact h4{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    text-align: left;
    padding-bottom: 10px;
}

.footercontact p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    transition: all 0.5s ease-in;
    padding-bottom: 0px;
}

.footercontact ul li{
    display: inline-block;
}

.footercontact ul li i{
/*    color: #00a8e8;*/
    font-size: 20px;
    transition: all 0.5s ease-in;
}

.footercontact ul li i:hover{
    color: #0f9165;
    transition: all 0.65s ease-in;
}

li.FacebookColor{
    color: #1877F2;
}

li.FacebookColor a i{
    color: #1877F2;
}

li.LinkidInColor{
    color: #0077B5;
}

li.LinkidInColor a i{
    color: #0077B5;
}

li.InstagramColor{
    color: #ee2a7b ;
}

li.InstagramColor a i{
    color: #ee2a7b;
}

.rkc-cf7-form.appointform h3{
    font-size: 20px;
    line-height: 28px;
    color: #000;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    text-align: center;
    padding-bottom: 10px;
}

.rkc-cf7-form.appointform p{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    margin-bottom: 10px;
    transition: all 0.5s ease-in;
    padding-bottom: 20px;
    text-align: center;
    padding: 0 100px;
}

/*.jaipuraddress p{
    height: 85px;
}

.kolkataaddress p{
    height: 85px;
}

.epicmultiadd p{
    height: 74px;
}

.bikaneradd p{
    height: 57px;
}*/

.rkc-img-frame-about img{
    width: auto;
    min-width: auto;
    margin: 0 auto;
    display: block;
    border-right: 7px solid #4abdef;
    border-bottom: 7px solid #4abdef;
    border-radius: 20px;
}

.rkc-img-frame-about-r2r img{
    width: 80%;
    min-width: 80%;
    display: block;
    margin: 0 auto;
}

.opdcontainer h2 span{
    color: #0f9165;
}

.benefitscontainer h2 span{
    color: #0f9165;
}

.newspresscontainer h2 span{
    color: #0f9165;
}

.recentarticlescontainer h2 span{
    color: #0f9165;
}

.abouttechrightpanel ul li{
    display: inline-block;
    padding: 0 5px 0 0;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
}

.abouttechrightpanel ul{
    text-align: center;
    margin: 30px 0 0 0;
}
.abouttechrightpanel ul li img{
    width: auto;
    min-width: auto;
    margin-bottom: 10px;
}

.aboutr2rtech{
    background:linear-gradient(0deg, rgb(0 0 0 / 78%), rgb(0 0 0 / 58%)), url(assets/images/aboutr2rbg.jpg) center center no-repeat;
    background-size: cover;
    position: relative;
    padding: 30px 0;
    border-radius: 10px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.aboutrkcvideo iframe{
    border-radius: 15px;
}

.contactmapaddress h3{
    font-family: "Poppins", sans-serif;
    font-size: 30px;
    font-weight: 500;
    line-height: 40px;
    color: #000;
    text-align: left;
    padding-bottom: 0;
    margin-bottom: 0;
}

.contactmapaddress h3 i{
    color: #ffffff;
    font-size: 20px;
    border: 1px solid #0f9165;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding: 10px 0 0;
    margin: 0 0 20px;
    background: #0f9165;
}

.contactmapaddress h5{
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 25px;
    color: #000;
    text-align: left;
}

.contactmapaddress i{
    color: #0f9165;
    font-size: 17px;
    border-radius: 50%;
    padding: 5px 0 0;
    margin: 0 10px 0px 0;
}

.contactmapaddress p,
.contactmapaddress p a{
    font-size: 16px;
    line-height: 28px;
    color: #585858;
    font-weight: 400;
    font-family: "Poppins", sans-serif;
    padding-bottom: 5px;
    display: flex;
}

.mobileheroslider{
    display: none;
}

.news-slider .newspaperconmtent img{
    width:100%;
}

.news-slider .owl-nav{
    text-align: center;
    margin: 30px 0 0 0;
}

.news-slider .owl-nav i{
    color: #00a8e8;
    font-size: 20px;
    padding: 0 20px;
}

.rkc-faq-answer p {
    color: #585858;
}