body {

    margin: 0;

    font-family: "Poppins", sans-serif !important;

    font-size: 1rem;

    font-weight: 400;

    /* line-height: 1.5; */

    /* color: white; */

    text-align: left;

    background-color: #F3F3F3;

}



.nav-item .btn {

    width: 150px;

    border: none;

    font-weight: 700;

    font-size: 17px;

    padding: 1px;

    border-radius: 100px;

    transition: all 500ms ease;

    background: linear-gradient(90deg, #53b800 0%, #ff0000 100%);

    color: white;

    transition: all 500ms ease;

    /* box-shadow: 0 4px 6px -1px hsla(0, 0%, 0%, 0.1), 0 2px 4px -2px hsla(0, 0%, 0%, 0.1); */

}



.nav-item .btn:hover {

    background: linear-gradient(90deg, #ff00e1 0%, #b80000 100%);

}



.brd {

    position: relative;

    /* padding: 0 10px; */

    font-size: 25px;



}



.brd:after {

    content: '';

    position: absolute;

    background-color: black;

    height: 3px;

    width: 0;

    left: 0px;

    bottom: 10px;

    transition: 0.3s;

}



.brd:hover {

    color: rgb(21, 19, 19);

}



.brd:hover:after {

    width: 100%;



}













.navbar-brand img {

    width: 100%;

    height: 100px;

    object-fit: fill;

}



/***************** navbar css start */

/***************** Banner css start */

.banner {

    background-image: url("../img/banner.jpg");
    background-size: cover;
    background-position: center;
    height: 32rem;

}





.banner-section {

    display: flex;

    gap: 10px;

    justify-content: space-around;

    align-items: center;

}



/* .text-section {

    width: 42%;

} */



.text-section h1 {

    font-size: 3rem;

    letter-spacing: 2px;

    font-weight: 900;

}



.main-img {

    width: 100%;

    object-fit: cover;

    height: 80vh;

    position: relative;

}

.main-img {
    animation: moveUpDown 2s ease-in-out infinite;
}


.fly-img {

    width: 80%;

    display: flex;

    flex-wrap: wrap;

    justify-content: center;

    position: relative;

    bottom: 220px;

}



.fly-img img {

    flex: 0 25 18%;

    /* display: block; */

    width: 50%;

    height: 28vh;

    object-fit: cover;

    position: relative;

    z-index: 10000;

    animation: moveUpDown 3s infinite alternate;

}



@keyframes moveUpDown {

    0% {

        top: 0;

    }



    100% {

        top: calc(10vh - 10px);

        /* Adjust to the desired distance */

    }

}



.about-img {

    width: 100%;

    height: 75vh;

    object-fit: contain;

}



.about-text .a-2 {

    font-size: 18px;

    letter-spacing: 1.1px;

    color: lightslategray;

    padding-top: 10px;



}



.about-text {

    padding-top: 80px;

}



.btn1 {

    width: 150px;

    border: none;

    /* font-weight: 700; */

    font-size: 17px;

    padding: 10px;

    border-radius: 100px;

    transition: all 500ms ease;

    background: linear-gradient(90deg, #53b800 0%, #ff0000 100%);
    color: white;

    transition: all 500ms ease;

}



.btn1:hover {

    background: linear-gradient(90deg, #bd08ae 0%, #de2626 100%);

}



.about-btn {

    padding-top: 20px;

}





/* .title:before {

    position: absolute;

    z-index: 1;

    content: "";

    left: 325px;

    top: 10px;

    right: 0;

    margin: auto;

    width: 152px;

    height: 1px;

    background-image: linear-gradient(to right, #1db78f, #333);

}



.title:after {

    position: absolute;

    z-index: 1;

    content: "";

    left: -292px;

    top: 10px;

    right: 0;

    margin: auto;

    width: 120px;

    height: 1px;

    background-image: linear-gradient(to left, #1db78f, #333);

} */

.title {

    position: relative;

    margin-bottom: 28px;

    /* Ensure pseudo-elements are positioned relative to the .title */

}



/* .title:before,

.title:after {

    position: absolute;

    z-index: 1;

    content: "";

    top: 50%;

    transform: translateY(-50%);

    height: 1px;

    background-image: linear-gradient(to right, #1db78f, #333);

}



.title:before {

    left: 418px;

    width: 152px;

}



.title:after {

    right: 407px;

    width: 154px;

} */



.m-2 {

    width: 100%;

    padding-top: 100px;

    padding-bottom: 20px;

}







.m-2 p {

    padding: 19px 462px 10px;



    text-align: center;

    /* padding: 19px; */

    font-size: 19px;

    color: lightslategray;

}



/* cards sectuion style */

.cards {

    padding-top: 20px;

    width: 95%;

    border-radius: 5px;

    background-color: #5f5f6d2b;

    display: flex;

    justify-content: center;

    align-items: center;

}



.cards-logo {

    /* background-color: orange; */

    width: 100%;

    text-align: center;

    border-radius: 50%;

    padding: 20px;

    cursor: pointer;

    position: relative;

    z-index: 0;

}



.cards-logo {

    --c: #1095c1;

    --d: 3px;



    --_s: calc(var(--d) + var(--b));



    color: var(--c);

    /* border: solid #0000; */

    border-width: var(--b) var(--b) var(--_s) var(--_s);

    background:

        conic-gradient(at left var(--d) bottom var(--d),

            #0000 90deg, rgb(255 255 255 /0.3) 0 225deg, rgb(255 255 255 /0.6) 0) border-box,

        conic-gradient(at left var(--_s) bottom var(--_s),

            #0000 90deg, var(--c) 0) 0 100%/calc(100% - var(--b)) calc(100% - var(--b)) border-box;

    transform: translate(calc(var(--d)/-1), var(--d));

    clip-path:

        polygon(var(--d) 0%,

            var(--d) 0%,

            100% 0%,

            100% calc(100% - var(--d)),

            100% calc(100% - var(--d)),

            var(--d) calc(100% - var(--d)));

    transition: 0.5s;

}



.cards-logo:hover {

    transform: translate(0, 0);

    clip-path:

        polygon(0% var(--d),

            var(--d) 0%,

            100% 0%,

            100% calc(100% - var(--d)),

            calc(100% - var(--d)) 100%,

            0% 100%);

}





.cards-text {

    padding: 20px;

}



.cards-text h3:hover {

    color: orange;

}



.cards-text p {

    line-height: 30px;

    letter-spacing: 1px;

    padding-top: 10px;

    color: lightslategray;

}



.our-cards {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 22px 0px;

    background-color: #232350cc;

    border-radius: 5px;

}







.clint img {

    width: 198px;

    height: 189px;

    object-fit: cover;

    border-radius: 113px;

    border: 9px lightslategray solid;

    transition: transform 0.5s ease;



}



.clint:hover img {

    transform: scale(0.9);

}



.clint .text-center {

    padding-top: 20px;

}



.contact {

    align-items: center;

}


.contact-form {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #9ab6cd;
    border-radius: 5px;
    margin-bottom: 120px;
    color: white;
}


.content-1 {

    padding: 13px 62px 10px;

}



.form {

    padding: 40px 0px 40px;

}



.form input {

    padding: 13px;

    width: 100%;

    border-radius: 100px;

    background-color: transparent;

    border: 1px lightslategray solid;

    color: white;

}



.form input::placeholder {

    color: white;

}



.form input:focus {

    outline: none;

    background-color: transparent;

    color: white;

}



.form textarea {

    padding: 13px;

    width: 100%;

    height: 160px;

    border-radius: 18px;

    background-color: transparent;

    border: 1px lightslategray solid;

    color: white;

}



.form textarea:focus {

    outline: none;

    background-color: transparent;

    color: white;

}



.form textarea::placeholder {

    color: white;

}



.form-btn .btn2 {

    width: 150px;

    border: none;

    /* font-weight: 700; */

    font-size: 17px;

    padding: 15px;

    text-wrap: nowrap;

    border-radius: 100px;

    transition: all 500ms ease;

    background: #2e2e63;

    color: white;

    transition: all 500ms ease;

    border: 1px #1db78f solid;

}



.form-btn {

    margin-top: 25px;

}



.contact-form-thumb {

    position: relative;

    z-index: 1;

    padding: 0 0 0 20px;

}



.form-inner-thumb {

    position: absolute;

    z-index: 1;

    top: 50px;

    left: 42px;

}



@keyframes moveUpDown {



    0%,

    100% {

        transform: translateY(0);

        /* Start and end position */

    }



    50% {

        transform: translateY(-20px);

        /* Middle position */

    }

}



.form-inner-thumb img:first-child {

    animation: moveUpDown 2s ease-in-out infinite;

    /* Adjust the animation duration as needed */

}



#m-4 {

    padding-top: 8rem;

    padding-bottom: 20px;



}



.footer-text {

    width: 34%;

}



.footer-text p {

    color: lightslategray;

    letter-spacing: 1px;

    line-height: 29px;

}



.footer-icon {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 6px;

    margin-top: 40px;

}



.footer-icon1 {

    display: flex;

    /* justify-content: center; */

    align-items: center;

    gap: 6px;

    margin-top: 40px;

}



/* .footer-icon i{

    font-size: 25px;



} */

.footer-icon div {

    display: inline-block;

    height: 40px;

    line-height: 42px;

    width: 40px;

    text-align: center;

    background: #393E4B;

    border-radius: 50%;

    color: #fff;

    font-size: 14px;

    margin-right: 5px;

    position: relative;

    z-index: 1;

    border: 1px #1db78f solid;

    -webkit-transition: all .15s ease-in-out;

    transition: all .15s ease-in-out;

    overflow: hidden;



}



.footer-icon1 div {

    display: inline-block;

    height: 40px;

    line-height: 42px;

    width: 40px;

    text-align: center;

    background: #393E4B;

    border-radius: 50%;

    color: #fff;

    font-size: 14px;

    margin-right: 5px;

    position: relative;

    z-index: 1;

    border: 1px #1db78f solid;

    -webkit-transition: all .15s ease-in-out;

    transition: all .15s ease-in-out;

    overflow: hidden;



}



.footer-icon div:hover {

    box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;

    border: 3px solid lightslategray;

}



.footer-icon1 div:hover {

    box-shadow: 0 0 10px 0 #00d7c3 inset, 0 0 20px 2px #00d7c3;

    border: 3px solid lightslategray;

}



.footer-font {

    line-height: 35px;

}



.footer-font i {

    font-size: 22px;

}



.usefull {

    display: flex;

    justify-content: end;

}



.usefull h5 {

    margin-top: 40px;

    line-height: 6px;

    color: lightslategray;

    transition: transform 0.3s ease;

}



.usefull h5:hover {

    transform: scale(1.1);

    color: #00ff88;

    cursor: pointer;

}



.footer-img {

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 14px;

}



.footer-img img {

    width: 45%;

    height: 108px;

    object-fit: fill;

    border-radius: 5px;



}



.navigate-footer span {

    display: block;

    cursor: pointer;

    border-bottom: 1px dashed white;

    margin-bottom: 20px;

    padding-bottom: 10px;

    transition: transform 0.3s ease;

}



.navigate-footer span:hover {

    color: lightgreen;

    transform: scaleY(1.1);



}



.submit-button {

    display: inline-block;

    padding: 10px 20px;

    background-color: #19193e;

    color: #fff;

    border: none;

    cursor: pointer;

}



.submit-button input {

    border: none;

    background: none;

    color: inherit;

    padding: 0;

    margin: 0;

    width: 100%;

    box-sizing: border-box;

}



.newsletter {

    margin-top: 80px;

}



.tt {

    margin-bottom: 20px;



}



.tt:after {

    position: absolute;

    content: "";

    display: block;

    width: 41px;

    height: 3px;

    background-color: forestgreen;

    margin: 0px auto;

    margin-bottom: 0;

}



/********************************************************************* Medical page css  **************************/



.medical-banner {

    background-image: url('/img/ban-2.jpg');

    color: black;

    /* background-position: center; */

    background-size: cover;

    width: 100%;

    background-repeat: no-repeat;

    /* display: flex;

    justify-content: center; */

    align-items: center;

    height: 90vh;

    text-align: center;

    display: flex;

    justify-content: center;

    align-items: center;

}



.medical-banner div h1 {

    font-size: 58px;

    font-weight: 800;

    letter-spacing: 1.4px;

}



.medical-banner div p {

    font-size: 17px;

    letter-spacing: 0.5px;

    padding: 10px 400px;

    /* width: 50%; */

}



#m-5 {

    padding-top: 20px;

}



.btn-secondary {

    background-color: transparent;

    width: 250px;

}



.btn-secondary:hover {

    background-color: transparent;

}



.card-body .d-flex i {

    color: goldenrod;

    font-size: 19px;

}



.card-img-top {

    width: 100%;

    height: 45vh;

    object-fit: fill;

    transition: .5s;

}



.card-img-top:hover {

    transform: scale(1.1);

}



#m-6 {

    padding-top: 42px;

}



.col-md-3 .card {

    transition: .5s;

}



.col-md-3 .card:hover {

    box-shadow: 0 0 30px rgb(69, 69, 228);

}



.card-title {

    text-wrap: nowrap;

    margin-bottom: 20px;

}



/********************** About section css */



.page-header {

    /* background: #19193e; */

    background-image: linear-gradient(to bottom, rgb(23 22 69), rgba(0, 0, 0, 0.5)), url('/img/blogs.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 23rem;

}



.page-header-medicin {

    /* background: #19193e; */

    background-image: url('/img/medical.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 30rem;

}



.page-header-medicin h1 {

    font-size: 70px;

    font-weight: 800;

    letter-spacing: 1px;

}



.page-header h1 {

    font-size: 50px;

    font-weight: 800;

    letter-spacing: 1px;

}



/* .active{

    color: #242453 !important;

    font-weight: bold;

    border-bottom: 2px solid;

    cursor: pointer;

} */



a {

    text-decoration: none;

    color: black;

}



/* .active {

    color: #00d7c3 !important;

    border-bottom: 1px solid #00d7c3;

} */



.about-cards {

    background-color: #5f5f6d2b;

    display: flex;

    gap: 33px;

    /* justify-content: center; */

    padding: 60px;

    margin: 35px;



    justify-content: center;

    /* align-items: center; */

    /* text-align: center; */

    border-radius: 5px;

}



.about-cards img {

    width: 37px;

}



.ab-1 {

    margin-top: 4rem;

}



.about-2-img {

    background-color: #4a4a7f;

    width: 20%;

    padding: 19px;

    border-radius: 50%;

    /* background: #1abc9c; */

    height: fit-content;

}



.about-2-img img {

    opacity: 1;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}



.about-2-img:hover {

    opacity: .5;

    background: #1abc9c;



}



.second-text h3:hover {

    color: #00d7c3;

    cursor: pointer;

}



.second-text p {

    width: 80%;

    margin-top: 37px;

    /* padding: 10px 10px; */

}



.ab-3 {

    /* line-height: 70px; */

    margin-top: 8rem;

}



.ab-3 h4 {

    padding-bottom: 10px;

}



.ab-3 p {

    padding: 22px 400px;

    color: lightslategray;

    font-size: 18px;

    letter-spacing: 0.5px;

}



.invest-card {

    display: flex;

    justify-content: center;

    align-items: center;

}



.invest-cards-inside p {

    width: 70%;

    margin-top: 30px;

    line-height: 33px;

    color: lightslategray;

}



.invest-cards-inside h4 {

    letter-spacing: 0.5px;

    margin-top: 30px;



}



/******************* login form css *************************/

/* .page-wrapper {

    min-height: 100vh;

} */



.bg-blue {

    background: #2c6ed5;

}



.bg-red {

    background: #fa4251;

}



/* .bg-gra-01 {

    background: -webkit-gradient(linear, left bottom, left top, from(#fbc2eb), to(#a18cd1));

    background: -webkit-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);

    background: -moz-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);

    background: -o-linear-gradient(bottom, #fbc2eb 0%, #a18cd1 100%);

    background: linear-gradient(to top, #fbc2eb 0%, #a18cd1 100%);

} */

.bg-gra-01 {

    background-color: rgb(30 30 79);

}



/* ==========================================================================

     #SPACING

     ========================================================================== */

.p-t-100 {

    padding-top: 100px;

}



.p-t-180 {

    padding-top: 10px;

}



.p-t-20 {

    padding-top: 20px;

}



.p-t-10 {

    padding-top: 10px;

}



.p-t-30 {

    padding-top: 30px;

}



.p-b-100 {

    padding-bottom: 10px;

}



/* ==========================================================================

     #WRAPPER

     ========================================================================== */

.wrapper {

    margin: 0 auto;

}



.wrapper--w960 {

    max-width: 960px;

}



.wrapper--w780 {

    max-width: 780px;

}



.wrapper--w680 {

    max-width: 680px;

}



/* ==========================================================================

     #BUTTON

     ========================================================================== */

.btn {

    display: inline-block;

    line-height: 40px;

    padding: 0 33px;

    font-family: Poppins, Arial, "Helvetica Neue", sans-serif;

    cursor: pointer;

    color: #fff;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

    font-size: 18px;

}



.btn--radius {

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

}



.btn--pill {

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

}



.btn--green {

    background: #57b846;

}



.btn--green:hover {

    background: #4dae3c;

}



/* ==========================================================================

     #DATE PICKER

     ========================================================================== */

td.active {

    background-color: #2c6ed5;

}



input[type="date" i] {

    padding: 14px;

}



.table-condensed td,

.table-condensed th {

    font-size: 14px;

    font-family: "Roboto", "Arial", "Helvetica Neue", sans-serif;

    font-weight: 400;

}



.daterangepicker td {

    width: 40px;

    height: 30px;

}



.daterangepicker {

    border: none;

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    display: none;

    border: 1px solid #e0e0e0;

    margin-top: 5px;

}



.daterangepicker::after,

.daterangepicker::before {

    display: none;

}



.daterangepicker thead tr th {

    padding: 10px 0;

}



.daterangepicker .table-condensed th select {

    border: 1px solid #ccc;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 14px;

    padding: 5px;

    outline: none;

}



/* ==========================================================================

     #FORM

     ========================================================================== */

input {

    outline: none;

    margin: 0;

    border: none;

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

    width: 100%;

    font-size: 14px;

    font-family: inherit;

}



.input-icon {

    position: absolute;

    font-size: 18px;

    color: #ccc;

    right: 8px;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

}



.input-group {

    position: relative;

    margin-bottom: 33px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}



.input--style-3 {

    padding: 5px 0;

    font-size: 16px;

    color: #ccc;

    background: transparent;

}



.input--style-3:focus {

    background-color: inherit;

}



.input--style-3::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #ccc;

}



.input--style-3:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #ccc;

    opacity: 1;

}



.input--style-3::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #ccc;

    opacity: 1;

}



.input--style-3:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #ccc;

}



.input--style-3:-ms-input-placeholder {

    /* Microsoft Edge */

    color: #ccc;

}



.forget-text a {

    color: white;

    text-decoration: underline;



}



.forget-text a:hover {

    color: #0700b8;

    text-decoration: none;

}



/* ==========================================================================

     #SELECT2

     ========================================================================== */

.select--no-search .select2-search {

    display: none !important;

}



.rs-select2 .select2-container {

    width: 100% !important;

    outline: none;

}



.rs-select2 .select2-container .select2-selection--single {

    outline: none;

    border: none;

    height: 36px;

    background: transparent;

}



.rs-select2 .select2-container .select2-selection--single .select2-selection__rendered {

    line-height: 36px;

    padding-left: 0;

    color: #ccc;

    font-size: 16px;

    font-family: inherit;

}



.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow {

    height: 34px;

    right: 4px;

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -moz-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -moz-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow b {

    display: none;

}



.rs-select2 .select2-container .select2-selection--single .select2-selection__arrow:after {

    font-family: "Material-Design-Iconic-Font";

    content: '\f2f9';

    font-size: 18px;

    color: #ccc;

    -webkit-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    transition: all 0.4s ease;

}



.rs-select2 .select2-container.select2-container--open .select2-selection--single .select2-selection__arrow::after {

    -webkit-transform: rotate(-180deg);

    -moz-transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    -o-transform: rotate(-180deg);

    transform: rotate(-180deg);

}



.select2-container--open .select2-dropdown--below {

    border: none;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    border: 1px solid #e0e0e0;

    margin-top: 5px;

    overflow: hidden;

}



/* ==========================================================================

     #TITLE

     ========================================================================== */

.title {

    font-size: 30px;

    color: #fff;

    font-weight: 400;

    margin-bottom: 36px;

}



/* ==========================================================================

     #CARD

     ========================================================================== */

.card {

    overflow: hidden;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    background: #fff;

}



.card-3 {

    background: #15152c;

    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;

    border-radius: 10px;

    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);

    width: 100%;

    display: table;

}



.card-3 .card-heading {

    background: url("/img/form-img.svg") top left/cover no-repeat;

    display: table-cell;

    width: 50%;

}



.card-3 .card-body {

    padding: 57px 65px;

    padding-bottom: 65px;

    display: table-cell;

}



@media (max-width: 767px) {

    .card-3 {

        display: block;

    }



    .card-3 .card-heading {

        display: block;

        width: 100%;

        padding-top: 400px;

        background-position: center center;

    }



    .card-3 .card-body {

        display: block;

        width: 100%;

        padding: 37px 30px;

        padding-bottom: 45px;

    }

}



.input-group {

    position: relative;

}



.eye-toggle {

    position: absolute;

    top: 50%;

    right: 10px;

    transform: translateY(-50%);

    cursor: pointer;

    width: 20px;

    height: 20px;

    background: url('eye-icon.png') no-repeat;

}



.eye-toggle.active {

    background: url('/img/eye-crossed.png') no-repeat;

}



/* Hide the default password toggle icon in browsers */

/* input[type="password"]::-ms-reveal,

input[type="password"]::-ms-clear {

    display: none;

} */



/**************************** card page **********************/

.flex-container {

    display: flex;

    flex-wrap: wrap;

    overflow-x: hidden;

}



.flex-item {

    flex: 1 0 20%;

    box-sizing: border-box;

    padding: 10px;

}



.sidebar-form form input {

    width: 100%;

    border: none;

    padding: 25px 80px 25px 35px;

    background: #f6f4f2;

    font-weight: 500;

    font-size: 14px;

    border-radius: 5px;

    color: #7d7d7d;

}



.sidebar-form form {

    position: relative;

}



.sidebar-form form button {

    position: absolute;

    top: 0;

    border: none;

    padding: 0;

    cursor: pointer;

    background-image: -moz-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    background-image: -webkit-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    background-image: -ms-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    line-height: 1;

    border-radius: 5px;

    height: 100%;

    width: 70px;

    color: #fff;

    right: 0;

    font-size: 20px;

}



.category {

    width: 69%;

    margin-top: 50px;

    background-image: -moz-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    background-image: -webkit-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    background-image: -ms-linear-gradient(2deg, rgb(255, 127, 1) 0%, rgb(255, 5, 1) 100%);

    padding: 8px;

    text-align: center;

    border-radius: 10px;

}



.category h4 {

    text-align: center;

}



.br-1 {

    display: flex;

    justify-content: space-between;

    line-height: 55px;

    border-bottom: 1px dashed white;

}



.recent-post {

    margin-top: 20px;

    width: 100%;

    border-bottom: 1px dashed white;

    padding: 10px;

}



.recent-post img {

    width: 178px;

    height: 130px;

    object-fit: cover;

    border-radius: 3px;

}



.img1 {

    width: 100%;

    height: 65vh;

    object-fit: cover;

    border-radius: 5px;

}



.gap-0 {

    display: flex;

    /* justify-content: space-around; */

    gap: 9rem;

}



.recent {

    margin-top: 20px;

    width: 100%;

    border-bottom: 1px dashed white;

    padding: 40px;

}



.blog-btn {

    margin-top: 40px;

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 20px;

}



.blog-btn .btn {

    background-color: rgb(47 47 106);

    flex: 1;

    margin: 5px;

}



.blog-btn .btn:hover {

    background-color: lightslategray;

    /* color: black; */

}



.about-medicin h2 {

    font-size: 40px;

    font-weight: 900;



}



.about-medicin p {

    color: #7f7171;

    line-height: 28px;

    font-size: 14px;

    text-align: justify;

}



.about-medicin-img img {

    width: 100%;



}



.management-team {

    padding: 30px;

}



.management-team h1 {

    font-size: 35px;

    font-weight: 800;

}



.card_box-medicin {

    display: flex;

    justify-content: center;

    /* background: #ffffff;

    border-radius: 40px; */

    /* margin-top: 40px; */

    transition: .3s;

    margin-bottom: 4px;

    background-color: white;

    /* height: 150px; */

    padding: 9px 0px;

    width: 100%;



}



/*   

  .card_box-medicin{

    width: 100%;

    object-fit: cover;

  } */

.slider_carousel .owl-prev {

    left: 0px;

}



.slider_carousel .owl-prev,

.slider_carousel .owl-next {

    width: 40px;

    height: 40px;

    background: #0000006b;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    color: white;

}



.slider_carousel .owl-next {

    right: 0px;

}



.our-pillars {

    background-color: lightgray;

    padding: 20px;

    border-radius: 3px;

}



.our-pillars .d-flex div img {

    width: 100%;

    height: 169px;

}



.piller-box {

    /* background-color: white; */

    width: 20%;

}



.piller-box h6 {

    /* padding: 20px; */

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 16px;

    font-size: 40px;

    /* color: lightgray; */

}



.success-card p {

    font-size: 14px;

    font-weight: bold;

    padding: 10px;

}



.test-img {

    overflow: hidden;

    display: block;

}



.test-img img {

    width: 100%;

    height: 250px;

    transition: .5s;

    object-fit: fill;

    border-radius: 4px;

}



.test-img:hover img {

    scale: 1.2;

}



.page-header-contact {

    /* background: #19193e; */

    background-image: url('/img/contact-us.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

    display: flex;

    justify-content: center;

    align-items: center;

    height: 30rem;

}



.page-header-contact h1 {

    font-size: 70px;

    font-weight: 800;

    letter-spacing: 1px;

    color: black !important;

}



.page-header-contact h1 {

    font-size: 50px;

    font-weight: 800;

    letter-spacing: 1px;

}



.contact-call {

    display: flex;

    gap: 20px;

    align-items: center;

}



.contact-call i {

    font-size: 40px;

    color: #a7db58;





}



.contact-call-child {

    border: 1px lightgray solid;

    padding: 20px;

    border-radius: 50%;

}



.contact-call-child-second span {

    display: block;

    font-size: 18px;

}



.contact-form-set .form-control {

    padding: 15px;

    border-radius: 30px;

}



.form-contact {

    width: 50%;

}



.one-banner {

    background-image: url("C:/Users/User/Downloads/MLM/img/medical-banner.jpg");

    background-size: cover;

    background-position: center;

    height: 44rem;

    display: flex;

    align-items: center;

    justify-content: center;

    color: black;

    /* text-align: center; */

}



.onecore {

    height: 100px;

}



.one-1 {

    color: black;

    padding: 10px;

}



.one-1 i {

    font-size: 26px;

    background-color: lightsalmon;

    cursor: pointer;

    padding: 15px;

    color: white;

    border-radius: 3px;



}



.one-1 p {

    color: black;

}



.main-one p {

    line-height: 26px;

}



.hidden {

    display: none;

}



.toggle-icon {

    cursor: pointer;

    transition: transform 0.3s;

}



.vis-1 span {

    display: block;

    /* line-height: 30px; */



}

.major-sec {

    display: flex;

    align-items: center;

    width: 100%;



}



.major-sec span {

    text-transform: uppercase;



}



.major-sec i {

    background-color: orangered;

    font-size: 30px;

    padding: 14px;

    width: 64px;

    text-align: center;

    border-radius: 50%;

    margin: 8px;

    color: white;

    display: block;

}



.recent-card img {

    width: 100%;

    height: 20rem;

    object-fit: cover;



}



.recent-card {

    background-color: white;

    padding: 5px;



}



.leaf-1 {

    /* background-image: linear-gradient(rgb(47 41 107 / 87%), rgb(29 30 92 / 87%)), url('/img/leaf.jpg');

    background-position: center;

    background-size: cover; */

    padding: 70px;

    /* margin-top: 125px; */

}



.leaf-card {

    background-color: transparent;

    border: 1px #7372724f dashed;

    display: flex;

    justify-content: space-around;

    align-items: center;

    color: white;

    padding: 45px;

    width: 100%;

    text-wrap: nowrap;

    /* color: black; */

    background-color: #444473e3;

    border-radius: 3px;



}









.leaf-card h6 {

    color: #638e21;



}



.leaf-card h1 {

    font-weight: 800;

}

.health-list {

    color: black;

}

.health-list ul li {

    line-height: 40px;



}

.health-text p {

    line-height: 30px;



}


/* STRAT opportunity PAGE */

mple-text {
    display: flex;
    justify-content: space-between;
}

.col-md-7.comple-text-1 {
    background: rgb(233, 232, 232);
    color: black;
}

.col-md-5.comple-text-2 {
    padding: 0px;

}

.text-bold {
    font-size: 43px;
    font-weight: bold;
}

h5.onec-1 {
    color: #413f3f;
    padding-top: 82px;
}

h3 {
    text-align: center;
    padding-top: 14px;
    font-weight: bold;
}

p.hed-tex {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    color: #97dd76;
}

.img-fluid {
    width: 100%;
    height: 385px;
    object-fit: cover;
}

span.text-natu {
    color: black;
}

ul.list-item {
    padding-left: 70px;
    list-style: none;
}

span.list-text {
    font-weight: bold;
    font-size: 19px;
}

li.list-items {
    color: #121212;
    font-size: 16px;
}

p.text-center-1 {
    text-align: center;
    font-size: 17px;
    color: #626662;
}

h2.text-way {
    text-align: center;
    padding-top: 82px;
    font-weight: bold;
    font-size: 35px;
    padding-bottom: 42px;
}

ul.list-item-1 {
    padding-left: 2px;
    list-style: none;
}

li.list-items-1 {
    font-weight: bold;
    font-size: 17px;
    padding-bottom: 13px;
    color: #746f6f;
    padding-top: 9px;
}

.alter {
    color: #28a745;
}

.text-lo {
    padding: 20px;
}

img.imgs-fluid {
    width: 41rem;
    height: 349px;
    box-shadow: 1px 4px 3px 3px;
}

h2 {
    font-weight: bold;
}

span.Note-text {
    font-weight: bold;
}

h5.text-repur {
    font-weight: bold;
    font-size: 22px;
}

.price-1 {
    display: flex;
    gap: 396px;
}

h5.list-text {
    padding-left: 69px;
}

.main-text-1 {
    padding-left: 39px;
    padding-top: 70px;
}

p.paragar-text {
    font-size: 21px;
    font-weight: bold;
    padding-left: 136px;
}

@media screen and (max-width:767px) {

    ul.list-item {
        padding-left: 19px;
        list-style: none;
    }

    img.imgs-fluid {
        width: 23rem;
        height: 349px;
        box-shadow: 1px 4px 3px 3px;
    }

    .price-1 {
        display: flex;
    }

    .price-1 {
        display: flex;
        gap: 14px;
    }

    p.paragar-text {
        font-size: 21px;
        font-weight: bold;
        padding-left: 1px;
    }

    .main-text-1 {
        padding-left: 12px;
        padding-top: 60px;
    }
}