:root {
    --primary-color: #967F65;
    --font-size-large: 24px;
    --active-button: #FBF3DE;
}

h1.main_title{
    font-size: 54px;
}

#google_translate_element select {
    font-family: "Flexo";
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.4375em;
    letter-spacing: 0.00938em;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    width: 200px;
    height: 40px;
    border-radius: 20px;
    background-color: white;
    color: gray;
    text-transform: capitalize;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0px 0px 19.79660987854004px 0px #0000000F;
    padding: 0px 10px;
}

.vl {
    border-right: 1px solid lightgray;
    height: 38px;
    position: absolute;
    width: 1px !important;
}

.dropdown-icon-style{
    position: absolute;
    width: 10px;
    bottom: 22%;
    right: 20px;
}

.optionDoc{
    font-size: 20px;
    font-weight: 700;
    color: #2C2C2C;
}

.labelDoc{
    font-size: 12px;
    font-weight: 400;
    color: #606060;
    padding-left: 10px;
}

.doctorPlaceholder{
    &::placeholder{
        font-size: 17px;
        font-weight: 400;
        color: lightgray;
    }
}



.appointment-section {
    position: absolute;
    /*top: 50%;*/
    width: 100%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.appointment-section .nav-tabs {
    font-size: 20px;
    border-bottom: 1px solid white;
}

.appointment-section .nav-tabs .nav-link {
    background: white;
    /*border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;*/
}

/*.nav-link:focus, .nav-link:hover {
    color: transparent!important;
}*/

.appointment-section button#tab1-tab {
    background: #371450;
    border-top-left-radius: 2rem !important;
    border-radius: 0;
    font-size: 17px;
    font-weight: 700;
}

.appointment-section #tab2-tab {
    background: #003C50;
    border-radius: 0;
}

.appointment-section #tab3-tab {
    background: #39B5B2;
    border-radius: 0;
}

.appointment-section button#tab4-tab {
    background: #967F65;
    box-shadow: none;
    border: 1px solid #967F65;
    border-radius: 0;
    font-size: 17px;
    font-weight: 700;
    height: 47.1px;
    display: flex;
    align-items: center;
    
}
.appointment-section .nav-link {
    color: white;
    padding: 10px 40px;
}

.appointment-section .fas {
    font-weight: 100 !important;
    padding-right: 9px;
    font-size: 16px;
}

.appointment-section .tab-content {
    min-height: 165px;
    background: white;
    display: flex;
    border-bottom-left-radius: 2rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
    box-shadow: 0px 4px 10px rgba(183, 187, 202, 0.36);
    align-items: baseline;
    justify-content: space-evenly;
    position: relative;
    padding-top: 20px;
}

.appointment-section .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.doctor-selection .row {
    display: flex;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
    margin: auto;
    align-items: center;
}

.selection-dropdown-container {
    display: flex;
    width: 200px !important;
    flex-direction: column;
    border-right: 1px solid #0000004d;
    align-items: center;
}

.selection-dropdown-container:last-child {
    border-right: 1px solid #fff;

}


.selection-dropdown select,
.selection-dropdown-gray select
 {
    /* width: 150px; */
    width: 100%;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    outline: 0;
    white-space: pre-wrap;
    background-color: #fff;

    padding-inline-start: 0.5rem;

    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    /* background-size: 10%; */
    background-position-x: 100%;
    background-position-y: 2px;

    cursor: pointer;
}

.selection-dropdown-1 select
 {
    /* width: 150px; */
    width: 100%;
    border: 0;
    font-size: 16px;
    font-weight: 700;
    outline: 0;
    background-color: #fff;


    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    /* background-size: 10%; */
    background-position-x: 100%;
    background-position-y: 4px;

    cursor: pointer;

}

.appointment-section input[type="text"]{
    /* width: 150px; */
    width: 100%;
    border: 0;
    font-size: 15px;
    font-weight: 400;
    outline: 0;
    color: black;
}

button.search-doctor {
    position: absolute;
    bottom: -22px;
    right: 10%;
}

.link-search-doctor {
    position: absolute;
    bottom: -22px;
    right: 10%;
}

.link-search-doctor:hover {
    color: white !important;
}

.primary-button {
    /* background-image: linear-gradient(to right, rgba(87, 117, 211, 1), rgba(208, 219, 242, 1)); */
    /* background: linear-gradient(97.06deg, #967F65 2.38%, #F6E6D4 116.41%); */
    background: #FCB11D !important;
    padding: 10px 35px;
    border: 0;
    border-radius: 14px;
    color: white;
    font-size: 19px;
}

.secondary-button {
    background-color: #FCB11D;
    padding: 10px 35px;
    border: 0;
    border-radius: 14px;
    color: white;
    font-size: 19px;
}

.blogposts {
    position: absolute;
    bottom: 90px;
    left: 170px;
    /* width: 100%; */
    /* transform: translate(-50%, -50%); */
}
h2.why-us-text {
    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
    line-height: 30px;
    max-width: 1020px;
    white-space: pre-line;
    color: #606060;
    text-align: justify;
}

.why-us-text span {
    background-color: rgba(171, 198, 242, 0.33);
}

section.speciality-centre {
    min-height: 890px;
    position: relative;
    /* overflow: hidden; */
}


.flex-container {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 25%;
    /* left: 48%; */
    /* transform: translate(-50%, -50%); */
    width:100%;
}

.column-container {
    position: relative;
    flex: 0 0 40%; /* Set the width of the first and second column to 40% */
    padding: 40px 40px 100px;
    background-color: #f1f1f1;
    cursor: pointer;
    transition: transform 0.3s ease-in-out;
  }

  .column-container.active {
    background-color: transparent;
  }
  
  .column-container:hover {
    background-color: transparent;
  }
  
  /* .column-container.active.enlarge {
    height: 600px;
} */

.flex-container > div {
    width: 100%;
    justify-content: center;
    align-content: space-around;
    display: grid;
    grid-template-columns:33% 33% 23%;
    align-items: end;
}

.smokey-shadow{
text-shadow: 30px 30px 25px #faf4f7, -2px -27px 36px #e4d2db;
}

.react-datepicker-wrapper input {
    border-radius: 5px;
    margin: 0 2px;
    width: 170px;
    font-size: 13px;
    height: 30px;
    border: 0;
    background: transparent;
    font-weight: 700;
}

.banner-full{
    width: 100%;
    height: 0;
    padding-bottom: 40%;
    background-size: cover;
    background-position: center;
    position: relative;
}



.banner-content
{
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translate(-50%, -50%);
    text-align: left;
    width: 550px!important;
}
/* SwapAnimation.css */

.swap-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 300px; /* Adjust container width as needed */
    height: 100px; /* Adjust container height as needed */
    background-color: #f0f0f0; /* Container background color */
    padding: 10px; /* Container padding */
  }
  
  .swap-box {
    /*width: 100px; 
    height: 100px;
    background-color: #3498db; 
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: white; */
    cursor: pointer;
    transition: transform 0.5s ease-in-out; 
  }
  
 .swap-left {
    transform: translateX(-160%);
  }
  
  .swap-right {
    transform: translateX(71%);
  }

  .tab-content-bg {
    background-color: #899DD8; /* Replace with your desired color */
    border-radius: 24px; /* Replace with your desired radius */
  }

  .MuiCircularProgress-root {
    color: #967F65 !important; /* Replace with your desired color */
  }

  /* rebranding #123 */
  #book_package, #book-package, #add-to-cart, #download-full-broc, #download_btn, #topcarticon, #mypurchasepage, #teleconsultshouldntbehere, #teleconsult {
    display:none !important;
  }

  .health_packages_card_home {
    height: auto !important;
  }
  
  .li-inherit li {
    list-style: inherit !important;
  }