/*----------------------------------------------------*/

/*Genaral-Css-Here

/*----------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* {
    margin: 0;
    padding: 0;
}

html,
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    color: #000;
    scroll-behavior: smooth;
    font-family: "Inter", sans-serif;

    font-weight: 400;
}

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

.container {
    max-width: 1350px;
    margin: auto;
    width: 100%;
}

figure,
figcaption {
    margin: 0;
    padding: 0;
}

p {
    font-size: 14px;
    color: #000000;
}

a {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

.container {
    max-width: 100% !important;
    padding: 0 86px;
}

img {
    max-width: 100%;
}



/*-- header-css */



header {

    position: absolute;

    top: 14px;

    width: 100%;

    z-index: 9999;

}

header nav.navbar.navbar-expand-lg {

    padding: 6px 47px;

    margin: 0 !important;

    background: #50B8E7;

    border-radius: 52px;

    overflow: hidden;

}

.navbar-expand-lg .navbar-nav .nav-link {

    font-size: 18px;
    font-weight: 700 !important;
    color: #ffffff;
    padding: 26px 22px;
    margin: 0 4px;
    position: relative;

}

header li.nav-item.active>a:after {

    background: #000;

    position: absolute;

    content: "";

    height: 12px;

    width: 55px;

    bottom: -7px;

    left: 0;

    right: 0;

    margin: auto;

    border-radius: 50px 50px 0px 0px;

}

header li.nav-item.active a {

    font-weight: 700;

}





/*hero-banner-css*/



section.hero-banner-wrapper img {

    width: 100% !important;

    height: 100dvh;

    object-fit: cover;

}

section.hero-banner-wrapper {

    position: relative;

}

.content-inner h1 {

    font-size: 79px;
    max-width: 700px;
    font-weight: 700;
    color: #eeeeee;
}

.content-inner {

    position: absolute;

    top: 50%;

    left: 0;

    width: 100%;

    transform: translateY(-35%);

}

.content-inner h1 span {
    font-weight: 800;
    text-transform: uppercase;
}



section.hero-banner-wrapper:after {

    position: absolute;

    content: "";

    background: url('../img/shape.png');

    width: 100%;

    height: 100px;

    bottom: 0;

    background-position: bottom center;

    background-repeat: no-repeat;

}





/*comman-card-box-css*/



.p-comman {

    padding: 100px 0;

}

h2 {

    text-align: center;

    font-size: 40px;

    font-weight: 700;

}

.feature-img figure img {

    width: 100%;

    object-fit: cover;

    height: 100%;

}

.feature-img figure {

    width: 100%;

    aspect-ratio: 3/1.7;

    position: relative;

    border-radius: 7px;

    overflow: hidden;

}

.card-box-comman article {

    padding: 14px;

    border: 2px solid #ededed;

    border-radius: 11px;

    text-align: center;

}

.feature-img figure:after {

    background: rgba(0, 0, 0, 0.39);

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}

.feature-img {

    position: relative;

}

.feature-img .date {

    font-size: 10px;

    font-weight: 500;

    position: absolute;

    bottom: 0;

    background: #ffffff;

    padding: 4px 10px;

    display: inline-block;

    border-radius: 6px;

    left: 10px;

    bottom: 10px;

}



/* Brijesh ne temporary css likhi */



.feature-yt figure img {

    width: 100%;

    object-fit: cover;

    height: 100%;

}

.feature-yt figure {

    width: 100%;

    aspect-ratio: 3/1.7;

    position: relative;

    border-radius: 7px;

    overflow: hidden;

}



/* .feature-yt figure:after {

    background: rgba(0, 0, 0, 0.39);

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

} */



.feature-yt {

    position: relative;

}

.feature-yt .date {

    font-size: 10px;

    font-weight: 500;

    position: absolute;

    bottom: 0;

    background: #eeeeee;

    padding: 4px 10px;

    display: inline-block;

    border-radius: 6px;

    left: 10px;

    bottom: 10px;

}



/* Yaha pe khatam hui */

.card-box {

    padding: 14px 0 0;

}

.card-box h4 {

    font-size: 18px !important;

    font-weight: 600;

    color: #000;

}

.card-box {

    font-size: 14px;

    color: #84CDEE;

}

.btn-box a {

    background: #50B8E7;

    font-size: 16px !important;

    font-weight: 600;

    padding: 6px 17px;

    display: inline-block;

    color: #fff;

    border-radius: 7px;

    border: 1px solid #50B8E7;

}

span.tag {

    position: absolute;

    top: 13px;

    right: 14px;

}

.card-box-comman article {
    padding: 16px;
    border: 2px solid #84CDEE;
    border-radius: 11px;
    text-align: center;
    margin-top: 30px;
}

section.our-categories-wrapper h2 {
    margin-bottom: 32px;
}

.inner-dr {
    background: #50B8E7 url('../img/bg-c.png');
}

.inner-dr {
    background: #50B8E7 url('../img/bg-c.png');
    border-radius: 20px;
    padding: 61px 68px;
    align-items: center;
}

.details-doctor h3 {
    color: #ffffff;
    font-size: 44px;
    font-weight: 700;
    margin-bottom: 20px;

}

.details-doctor h6 {

    font-size: 32px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: 10px;

}

.details-doctor ul li {

    display: flex;

    align-items: center;

    padding-left: 20px;

    margin-left: 20px;

    position: relative;

}

.details-doctor ul {

    display: flex;

    align-items: center;

}

.details-doctor li a {

    font-size: 24px;

    color: #ffffff;

}





.details-doctor ul li:nth-child(1) {

    margin: 0;

    padding: 0;

}

.details-doctor ul li span {

    padding-right: 28px;

}

.doctor-profile {

    position: relative;

    margin-top: -150px;

}

section.doctor-wrapper {

    padding-top: 93px;

}

.details-doctor {

    padding-left: 30px;

}

.row.card-box-comman.comman-elements figure img {
    object-fit: contain;
}

.row.card-box-comman.comman-elements figure:after {
    display: none;
}



.row.card-box-comman.comman-elements figure {
    background-color: #D2F1FF;
}

.row.card-box-comman.comman-elements article {

    text-align: left !important;

}

.row.card-box-comman.comman-elements h4,
.mixin-second .card-box h4 {

    font-size: 26px;

}

.row.card-box-comman.comman-elements p,
.mixin-second .card-box p {

    font-size: 20px;

}

.row.card-box-comman.comman-elements h5 {

    font-size: 16px;

    font-weight: 600;

    color: #000;

    background: #D2F1FF;

    border-radius: 55px;

    display: inline-block;

    padding: 8px 17px;

    margin: 0 !important;

}

.card-footer-inx {

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.mixin-second .btn-box a {

    font-size: 18px;

}


/*--footer-css-here --*/

footer {

    background: #84CDEE;

    margin-top: 100px;

}

.middle-bar {

    text-align: center;

}

.bottom-footer {

    padding: 28px 0;

    border-top: 1px solid rgba(0, 0, 0, 0.15);

}

.social-icons li a {

    font-size: 18px;

    color: #000;

}

.social-icons ul {

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.social-icons ul img {

    margin-right: 11px;

    width: 36px;

    height: auto;

}

.social-icons li+li {

    padding-left: 45px;

}

.bottom-footer p {
    margin: 0;
    font-size: 15px;
    text-align: center;
}

.footer-menu ul {

    display: flex;

    align-items: center;

    justify-content: center;

}

.footer-menu li a {

    font-size: 20px;

    font-weight: 600;

    color: #000;

}

.footer-menu li+li {

    padding-left: 33px;

}

.middle-bar {

    padding-bottom: 43px;



}

.middle-bar p {

    max-width: 933px;

    margin: auto;

    font-size: 20px;

    font-weight: 400;

    padding: 37px 0 40px;

}

.logo-slider img {

    width: auto !important;

}

.footer-logo-slider {

    background: rgba(209, 175, 103, 1);

    border: 1px solid #000;

    border-radius: 75px;

    padding: 21px 11px;

    position: relative;

    top: -61px;

}

footer .owl-stage {

    text-align: center;

    display: flex;

    align-items: center;

    flex-wrap: wrap;

}

.logo-slider img {

    width: auto !important;

    margin: auto;

}



/*-- category-page-css --*/

section.hero-banner-wrapper.inner-banner img {

    object-fit: cover;

    height: 458px;

}

section.hero-banner-wrapper.inner-banner figure {

    position: relative;

}

section.hero-banner-wrapper.inner-banner figure:after {

    background: rgba(57, 53, 43, 0.73);

    top: 0;

    left: 0;

    content: "";

    width: 100%;

    height: 100%;

    position: absolute;

}

section.hero-banner-wrapper.inner-banner h1 {

    font-size: 40px;

    color: #fff;

    text-align: center;

    font-weight: 700;

    max-width: 100%;

}

section.hero-banner-wrapper.inner-banner .content-inner {



    transform: translateY(0%);

}



section.solution-wrapper h2 {

    margin-bottom: 30px;

}

.none-bottom {

    padding-bottom: 0 !important;

}

.mixin-second h6 {

    font-size: 30px;

    margin-bottom: 22px;

}

.mixin-second .card-box-comman article {

    text-align: left;

}



.mixin-second .card-box {

    padding: 26px 0 17px;

}

.mixin-second .card-box h4 {

    margin-bottom: 15px;

}

span.youtube-icon {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    display: flex;

    justify-content: center;

    align-items: center;

}

span.youtube-icon img {

    width: 47px;

    height: auto;

}





/*- solution-page-css-*/



section.solution-wrapper {

    padding-top: 100px;

}

.product-img figure {

    background: #84CDEE;

    border-radius: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.product-img figure img {

    width: 100%;

    height: 100%;

    object-fit: contain;

}

.product-img figure {

    background: rgba(236, 236, 236, 1);

    border-radius: 20px;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 700px;

}



.product-details-solution h3 {

    font-size: 36px;

    line-height: 56px;

    margin-bottom: 21px;

}

.product-details-solution {

    padding-left: 36px;

}

.product-details-solution p {

    font-size: 20px;

    margin-bottom: 21px;

}

.product-details-solution h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 13px;

}

span.cover-box {

    background: #D2F1FF;

    font-size: 17px;

    display: inline-block;

    padding: 9px 24px;

    border-radius: 29px;

    margin-bottom: 28px;

    font-weight: 500;

}





/*- contact-page-css--*/

.contact-img img {

    border-radius: 20px;

}

.form-control-box {

    width: 100%;

}



.form-container-box {
    padding: 65px;
    border: 3px solid #eae8e8;
    border-radius: 19px;
}

.form-container-box h5 {

    font-size: 32px;

    font-weight: 700;

    margin-bottom: 28px;

}

.form-container-box label {

    font-size: 20px;

}

.form-control-box {

    width: 100%;

    color: #999999;

    border: none;

    border-bottom: 1px solid #999999;

    font-size: 20px;

    margin-bottom: 28px;

    padding: 8px 0px;

    resize: none;

    height: 62px;

    outline: 0;

}

button {

    background: #50B8E7;

    font-size: 20px;

    font-weight: 600;

    padding: 8px 32px;

    display: inline-block;

    color: #fff;

    border-radius: 7px;

    border: none;

    cursor: pointer;

    outline: 0;

}

.contact-img,
.contact-img img {

    height: 100%;

    object-fit: cover;

}

section.contact-wrapper-box {

    padding: 100px 0;

}

.btn-box a:hover {

    background: transparent;

    color: #50B8E7;

}


/*whatsapp icon*/
.custom-whatsapp-icon {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background-color: #50B8E7;
    border-radius: 50%;
    padding: 12px;
    z-index: 9999;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.custom-whatsapp-icon:hover {
    transform: scale(1.1);
}

.custom-whatsapp-icon img {
    width: 40px;
    height: 40px;
}


/*fixed height of project section on the home page*/
.row.card-box-comman {
    display: flex;
    flex-wrap: wrap;
}

.row.card-box-comman .col-md-4 {
    display: flex;
}

.row.card-box-comman .col-md-4 article {
    flex-grow: 1;
}




.row.card-box-comman {
    display: flex;
    flex-wrap: wrap;
}

.row.card-box-comman .col-md-4 {
    display: flex;
}

.row.card-box-comman .col-md-3 {
    display: flex;
}

.row.card-box-comman .col-md-4 article {
    flex-grow: 1;
}