html,
body {
    overflow-x: hidden; /* Prevent scroll on narrow devices */
    scroll-behavior: smooth;
    /* font-family: 'Poppins', sans-serif; */
}
/* body {
    padding-top: 140px;
} */
:root {
    --white: #fff;
    --black: #000;
    --nav-bg: #ffe6a7;
    --footer-bg: #432818;
    --button: #6f1d1b;
    --gold: #BB9457;
    --lines: #99582a;
    --head-links: #413016;
    --bg-gradient-1: #896125;
    --bg-gradient-2: #b38932;
    --purple1: #362261;
    --purple2: #64508f;
}
::selection {
    color: #fff;
    background-color: var(--purple2);
}

/* ******* navbar dropdown on click ******* */

/* .dropdown-menu.show {
    display: block;
    transition: all 0.6s ease;
} */

/* ******* navbar dropdown on click ******* */

/* ******* navbar dropdown on hover ******* */

.dropdown:hover .dropdown-menu {
    /* display: flex; */
    display: block;
    transition: all 0.6s ease;
}

/* ******* navbar dropdown on hover ******* */

.btn-check:focus + .btn, 
.btn:focus,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.navbar-toggler:focus,
.accordion-button:focus {
    box-shadow: 0 0 0 0.25rem transparent;
    outline: 0;
}


.heading {
    font-size: 32px;
    margin-bottom: 20px;
}
.para {
    margin-bottom: 30px;
    line-height: 1.8;
}
.para2 {
    margin-bottom: 0;
    line-height: 1.8;
}
.heading2 {
    text-transform: uppercase;
    font-size: 26px;
    color: var(--button);
}
.hvr-underline-from-center:before {
    height: 2px;
    background: var(--purple1);
}
footer .hvr-underline-from-center:before {
    height: 2px;
    background: var(--white);
}


#top-header {
    border-bottom: 1px solid #8961254a;
    padding: 10px 0;
}
#top-header img {
    width: 300px;
}
#top-header .th-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#top-header .logo {
    text-decoration: none;
    font-weight: bold;
   
}
#top-header .logo a {
    color: var(--black);
}
#top-header .top-contact {
    display: flex;
}
#top-header .top-contact a {
    text-decoration: none;
    color: var(--head-links);
}
#top-header .top-contact i {
    margin-right: 5px;
}
#top-header .top-contact i.fa-envelope {
    font-size: 18px;
}
#top-header .top-contact .top-phone {
    margin-right: 20px;
}
#top-header .top-contact .top-phone:first-child {
    border-right: 1px solid #896125;
    padding-right: 20px;
}

.navbar {
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    background-color: var(--purple1);
}
.navbar-expand-lg .navbar-nav {
    width: 100%;
    justify-content: space-between;
}
.navbar-light .navbar-nav .nav-link {
    text-transform: uppercase;
    font-weight: 600;
}
.navbar input {
    border-radius: 36px 0 0 36px;
    border-right: none;
}
.navbar .input-group span {
    border-radius: 0 36px 36px 0;
    background-color: transparent;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    /* width: 1320px;
    left: -335px;
    padding: 30px; */
    border: 0;
    border-radius: 0;
}
.navbar .sub-menus {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.navbar .sub-menus ul {
    list-style: none;
    padding: 0;
    line-height: 2;
}
.navbar .sub-menus a {
    text-decoration: none;
    color: var(--black);
}
.navbar .header-input2 {
    display: none;
}
.navbar-light .navbar-nav .nav-link {
    color: var(--white);
}
.navbar-light .navbar-nav .nav-link:focus, 
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--white);
}
/*.navbar-light .navbar-nav .nav-link:focus, */
/*.navbar-light .navbar-nav .nav-link:hover {*/
/*    color: #372261;*/
/*}*/
.navbar .hvr-underline-from-center:before {
    background: var(--white);
}
.navbar .hvr-underline-from-center:before {
    background: var(--white);
}
.navbar-light .navbar-toggler-icon {
    background-image: url(../../img/icons/menu.svg);
}
.navbar-brand img.nav-logo {
    width: 300px;
    display: none;
}
.dropdown-item:focus, 
.dropdown-item:hover {
    color: var(--white);
    background-color: var(--purple1);
}




#cards {
    background-color: var(--purple1);
}
#cards .card {
    background-color: var(--purple2);
    border: none;
    color: var(--white);
}
#cards .card-body {
    display: flex;
    align-items: center;
}
#cards a {
    text-decoration: none;
    flex: 1 0 25%;
    transition: all 0.6s ease;
}
#cards img {
    width: 70px;
    margin-right: 20px;
}
#cards a:hover {
    transform: scaleY(1.1);
    transform-origin: top;
}


#welcome {
    padding: 50px 0;
}
#welcome .row {
    align-items: center;
}
#welcome .row .col-lg-6:last-child {
    padding-left: 50px;
}
#welcome img {
    border-radius: 20px;
}
#welcome .button {
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    display: inline-block;
    padding: 12px 3px;
    border-radius: 36px;
}
#welcome a {
    text-decoration: none;
    border-radius: 36px;
    padding: 10px 30px;
    color: var(--black);
    background-color: var(--white);
    font-weight: 500;
    transition: all 0.6s ease;
    /*border: 2px solid var(--purple1);*/
}
#welcome a:hover {
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    /*background-color: var(--purple1);*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    color: var(--white);
}
#welcome iframe {
    width: 100%;
    height: 350px;
    border-radius: 20px;
}

#product {
    padding: 50px 0;
    background-color: #c1c1c1;
}
#product .heading {
    text-align: center;
}
#product .products {
    display: flex;
    justify-content: space-between;
    margin-top: 50px;
    flex-wrap: wrap;
}
#product .products a {
    text-decoration: none;
    color: var(--black);
    text-align: center;
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    /*border-radius: 50%;*/
}
#product .img {
    padding: 8px;
    border-radius: 50%;
    background: var(--white);
    transition: all 0.6s ease;
    margin-bottom: 30px;
}
/* #product .img:hover {
    background: linear-gradient(to right, var(--button), var(--footer-bg));
    transition: all 0.6s ease;
} */
#product img {
    text-decoration: none;
    /* background: var(--white); */
    transition: all 0.6s ease;
    width: 300px;
    height: 300px;
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    border-radius: 50%;
    border: 5px solid #fff;
    transform: rotate(90deg);
}
#product img.kit {
    transform: rotate(0);
}
#product h3 {
    text-align: center;
    margin-top: 20px;
}
#product .button {
    margin-top: 50px;
    text-align: center;
}
#product .button a {
    display: inline-flex;
    text-decoration: none;
    color: var(--white);
    transition: all 0.6s ease;
}
#product .button p {
    margin-bottom: 0;
    padding: 10px 20px;
    background: linear-gradient(to right, var(--button), var(--footer-bg));
    border-radius: 36px 0 0 36px;
}
#product .button i {
    border-radius: 0 36px 36px 0;
    background-color: var(--footer-bg);
    padding: 14px 20px;
    border-left: 1px solid #c1c1c1;
}
#product .button a:hover p {
    background: linear-gradient(to right, var(--footer-bg), var(--button));
}
#product .button a:hover i {
    background-color: var(--button);
}




#feature {
    padding: 50px 0;
    /* height: 100vh; */
    display: flex;
    align-items: center;
}
#feature .heading {
    text-align: center;
}
#feature .nav {
    margin: 50px 0;
    justify-content: center;
    column-gap: 10px;
}
#feature .nav-pills .nav-link.active, 
#feature .nav-pills .show > .nav-link {
    color: var(--white);
    background-color: var(--button);
}
#feature .nav-pills .nav-link {
    border: 1px solid #c1c1c1;
    color: var(--black);
    font-weight: 500;
}
#feature .card {
    border-radius: 10px;
    overflow: hidden;
}
#feature .card-img-top {
    border-radius: 10px;
}
#feature .card .img:after {
    content: "";
    height: 1px;
    width: 100%;
    background-color: #c1c1c1;
    display: block;
    transition: all 0.6s ease;
}
#feature .card:hover .img::after {
    background: linear-gradient(to right, var(--button), var(--footer-bg));
}
#feature .tab-content .card-body {
    background-color: #c1c1c1;
}
#feature .card-body a:first-child {
    text-decoration: none;
    text-align: center;
    color: var(--button);
}
#feature .card-body a:first-child:hover {
    text-decoration: underline;
    color: var(--black);
}
#feature .card-body h5 {
    font-size: 16px;
}
#feature .card-body a:last-child {
    text-decoration: none;
    text-align: center;
    color: var(--black);
    font-weight: 700;
}
#feature .card-body p {
    font-size: 18px;
    margin-top: 10px;
    line-height: 1.8;
}
#feature .icon1 {
    position: absolute;
    top: -7px;
    left: 0;
}
#feature .fa-bookmark {
    transform: rotate(-90deg);
    font-size: 50px;
    color: var(--footer-bg);
}
#feature .icon2 {
    position: absolute;
    top: 8px;
    left: 10px;
}
#feature .fa-thumbtack {
    color: var(--white);
}
#feature .feat-row {
    margin-top: 50px;
}
#feature .free-ship {
    /*background-color: var(--bg-gradient-1);*/
    background-color: var(--purple1);
    color: var(--white);
    padding: 20px;
}
#feature .free-ship h2 {
    margin-bottom: 0;
    padding-left: 16px;
}
#feature .free-ship .col-md-4 {
    display: flex;
    justify-content: center;
    align-items: center;
}
#feature .support {
    background-color: var(--purple2);
    color: var(--white);
    padding: 20px;
}
#feature .support h2 {
    margin-bottom: 0;
    padding-left: 16px;
}
#feature .support .col-md-4 {
    display: flex;
    justify-content: center;
    align-items: center;
}





#testimonials {
    padding: 50px 0;
    background-color: #c1c1c1;
}
#testimonials .carousel {
    width: 60%;
    margin: auto;
}
#testimonials .carousel-inner {
    text-align: center;
}
#testimonials .carousel-inner p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
}
#testimonials .carousel-inner span {
    color: var(--purple1);
    font-weight: 600;
}
#testimonials .carousel-controls {
    display: flex;
    column-gap: 30px;
    margin-top: 50px;
}
#testimonials .carousel-control-next, 
#testimonials .carousel-control-prev {
    top: auto;
    width: 94%;
    opacity: 1;
    position: unset;
}
#testimonials .carousel-control-next i, 
#testimonials .carousel-control-prev i {
    font-size: 26px;
    transition: all 0.6s ease;
}
#testimonials .carousel-control-next i:hover, 
#testimonials .carousel-control-prev i:hover {
    color: var(--button);
}
#testimonials .carousel-control-prev {
    justify-content: end;
}
#testimonials .carousel-control-next {
    justify-content: start;
}



#enquire {
    padding: 50px 0;
    background-image: url(../../img/home/implant-bg.jfif);
    background-repeat: no-repeat;
    background-size: cover;
}
#enquire h2 {
    text-align: center;
}
#enquire .card {
    padding: 30px;
    border-radius: 20px;
    border: none;
}
#enquire form {
    margin-top: 30px;
}
#enquire .form-label {
    margin-bottom: 5px;
}
#enquire input {
    border-radius: 36px;
}
#enquire textarea {
    border-radius: 10px;
}
#enquire button {
    margin-top: 10px;
    border: 0;
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    color: var(--white);
    padding: 10px 30px;
    border-radius: 36px;
    transition: all 0.5s ease;
    font-weight: bold;
}
#enquire button:hover {
    background: linear-gradient(to right, var(--purple2), var(--purple1));
}
#enquire ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    margin-top: 30px;
    column-gap: 15px;
    justify-content: center;
}
#enquire li {
    background-color: #00000050;
    border-radius: 50%;
    padding: 15px;
    width: 100px;
}
#enquire span {
    color: #ff0000;
}




footer {
    /*background-color: #363636;*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    padding: 50px 0;
}
footer .site {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
footer .site ul {
    /*margin-right: 20px;*/
    margin-left:25px;
}
/*footer .products {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
footer #products{
    /*display:flex;*/
    /* flex-direction: column;*/
    /*align-items: center;*/
    /*justify-content: center;*/
    margin-top:70px;
}
footer #products ul{
    margin-right:7px;
}
footer #qu{
    
    margin-left:0px;
}
footer .social-qu{
    display:flex;
    flex-direction: row;
}
footer .social-qu li{
    margin-right:20px;
}
footer .social-qu li i{
    font-size:20px;
}



footer .footer-brand {
    text-decoration: none;
    font-weight: bold;
    color: var(--white);
}
footer .footer-brand img {
    width: 300px;
}
/*footer .logo p:nth-child(2) {*/
/*    color: var(--white);*/
/*    margin-top: 20px;*/
/*    line-height: 1.8;*/
/*}*/
footer .logo p:nth-child(3) {
    color: var(--white);
    margin-top: 20px;
    line-height: 1.8;
}
footer .logo p{
    color:var(--white);
}
footer .logo p i,
footer .logo p a {
    color: var(--white);
}
footer .logo p i.fa-envelope {
    font-size: 18px;
}
footer .logo p a {
    text-decoration: none;
    margin-left: 10px;
    transition: all 0.6s ease;
}
/*footer .logo p a:hover {*/
/*    color: var(--gold);*/
/*}*/
footer .heading {
    color: var(--white);
    font-size: 24px;
    text-decoration: underline;
    text-underline-offset: 5px;
}
footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 2;
}
footer ul a {
    color: var(--white);
    text-decoration: none;
    transition: all 0.6s ease;
}
footer ul a:hover {
    color: var(--white);
}
footer ul img {
    margin-top: 30px;
}
footer .card {
    background-color: var(--button);
    padding: 30px;
    border-radius: 20px;
    border: none;
}
footer .card h2 {
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 30px;
}
footer .card label {
    color: var(--white);
}
footer .card input {
    border-radius: 36px;
    background-color: transparent;
    color: var(--white);
}
footer .card input:focus {
    color: var(--white);
    background-color: transparent;
    border: 1px solid var(--white);
}
footer .card button {
    border: none;
    border-radius: 36px;
    padding: 8px 20px;
    margin-top: 20px;
}
 footer #foot-logo{
    margin-top:68px;
}
footer iframe {
    width: 100%;
    height: 300px;
    margin-top: 50px;
}

footer .qc {
    margin-top: 65px;
}
footer .qc h2 {
    text-align: center;
}
footer .qc ul {
    display: flex;
    justify-content:flex-start;
    font-size: 30px;
}
footer .qc ul li:not(:last-child) {
    margin-right: 20px;
}
footer .cpl {
    color: var(--white);
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px !important;
    margin-top: 20px;
}



#copyright {
    padding: 10px 0;
}
#copyright .container {
    display: flex;
    justify-content: space-between;
}
#copyright p {
    margin-bottom: 0;
    font-size: 14px;
    display: flex;
}
#copyright a {
    color: var(--black);
    text-decoration: none;
    margin-left: 5px;
}
/*#copyright a:hover {*/
/*    color: var(--bg-gradient-1);*/
/*} */




#top {
    position: fixed;
    bottom: 80px;
    right: 20px;
    display: none;
    transition: all 0.5s ease;
}
#top a {
    color: var(--white);
    text-decoration: none;
}
#top i {
    font-size: 20px;
    background-color: var(--purple1);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.5s ease;
}
#top i:hover {
    background-color: var(--purple2);
}




#inner-banner {
    padding: 150px 0;
    background-image: url(../../img/inner/ibanner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
#inner-banner .text {
    text-transform: uppercase;
    text-align: center;
}
#inner-banner .text h2 {
    font-size: 34px;
    color: var(--white);
    margin-bottom: 10px;
}
#inner-banner .breadcrumb {
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
}
#inner-banner .breadcrumb a {
    color: var(--white);
    text-decoration: none;
    transition: all 0.5s ease;
}
/*#inner-banner .breadcrumb a:hover {*/
/*    color: var(--gold);*/
/*}*/
.breadcrumb-item + .breadcrumb-item::before {
    color: var(--white);
}
#inner-banner .breadcrumb .active {
    color: var(--purple1);
}



#content {
    padding: 50px 0;
}





#whygs {
    padding: 50px 0;
    background-color: #c1c1c1;
}
#whygs .heading2 {
    text-align: center;
}
#whygs .cards {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
    column-gap: 30px;
    flex-wrap: wrap;
}
#whygs .cards .card {
    border-radius: 0;
    border: 1px solid var(--footer-bg);
    padding: 80px 20px 40px;
    width: 100%;
    background: transparent;
    transition: all 0.5s ease;
    flex: 1;
}
#whygs .cards span {
    position: absolute;
    border: 8px solid var(--white);
    top: -45px;
}
#whygs .cards img {
    width: 70px;
    border-bottom: 10px solid var(--footer-bg);
    transition: all 0.5s ease;
}
#whygs .cards p {
    margin-bottom: 0;
    color: var(--footer-bg);
    font-weight: bold;
    font-size: 20px;
}
#whygs .cards .card:hover {
    border: 1px solid var(--button);
}
#whygs .cards .card:hover img {
    border-bottom: 10px solid var(--button);
}



#contact {
    padding: 50px 0;
    background-image: url(../../img/contact/contact-bg.png);
    /* height: 100vh; */
    display: flex;
    align-items: center;
}
#contact .heading {
    color: var(--black);
    text-align: center;
}
#contact p {
    text-align: center;
}
#contact .cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
    margin-top: 50px;
}
#contact .cards .card {
    border-radius: 15px;
    padding: 25px;
    align-items: center;
    width: 48%;
}
#contact .cards .card i.bi-telephone-fill {
    transform: rotate(270deg);
}
#contact .cards .card i {
    font-size: 22px;
    color: var(--white);;
    background-color: var(--purple1);
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
    margin-bottom: 20px;
}
#contact .cards .card p:nth-child(2) {
    margin-bottom: 0;
    text-transform: uppercase;
    color: var(--purple2);
    font-weight: 500;
    margin-bottom: 20px;
}
#contact .cards .card a {
    text-decoration: none;
    color: #363636;
}
/*#contact .cards .card a:hover {*/
/*    color: var(--white);*/
/*}*/
#contact .cards .card p {
    margin-bottom: 0;
    line-height: 1.8;
    /*font-size: 15px;*/
}
#contact .cards .card p.job {
    margin-top: 20px;
}

#contact .enquiry {
    margin-top:136px;
    background-color: #f1f1f1;
    padding: 103px 50px;
    border-radius: 20px;
}
#contact .enquiry input,
#contact .enquiry textarea {
    background-color: transparent;
    margin-bottom: 20px;
}
#contact .enquiry input {
    border-radius: 36px;
}
#contact .enquiry textarea {
    border-radius: 20px;
}
#contact .enquiry ::placeholder {
    color: var(--black);
}
#contact .enquiry h2 {
    margin-bottom: 50px;
}
#contact .enquiry .btn {
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    color: var(--white);
    font-weight: 600;
    width: 100%;
    margin-top: 20px;
    transition: all 0.5s ease;
}
#contact .enquiry .btn:hover {
    background: linear-gradient(to right, var(--purple2), var(--purple1));
}

#map iframe {
    display: block;
    width: 100%;
    height: 400px;
}



#text {
    padding: 50px 0;
}
#text .make-differ {
    margin-bottom: 50px;
}
#text ul {
    margin-bottom: 0;
    list-style-type: square;
    line-height: 2;
}
#text li::marker {
    color: var(--button);
}
#text .mfg-hub .row {
    align-items: center;
    margin: 50px 0;
}
#text .mfg-hub img {
    border-radius: 20px;
}
#text .qm {
    margin-bottom: 50px;
}




#export {
    padding: 50px 0;
}
#export ul {
    margin-bottom: 0;
    list-style-type: square;
    line-height: 2;
    margin-top: 30px;
}
#export li::marker {
    color: var(--button);
}
#export .cargo {
    margin: 50px 0;
}
#export .air {
    margin-top: 30px;
}
#export h3 {
    font-size: 22px;
    color: var(--button);
    margin: 20px 0;
}
#export .faqs {
    margin-top: 40px;
}
#export .accordion {
    margin-top: 30px;
}
#export .accordion-item {
    border: none;
    border-radius: 0;
}
#export .accordion-button:not(.collapsed),
#export .accordion-button {
    font-weight: 500;
    color: var(--button);
    font-size: 18px;
    display: flex;
    align-items: baseline;
    column-gap: 8px;
    padding: 1rem 0;
    background-color: var(--white);
    border: none;
}
#export .accordion-button::before {
    content: "+";
    font-size: 22px;
    font-weight: 900;
    width: 16px;
}
#export .accordion-button:not(.collapsed)::before {
    content: "-";
    font-size: 22px;
    font-weight: 900;
}
#export .accordion-button::after {
    content: "";
    display: none;
}
#export .accordion-body {
    padding: 1rem 0;
}
/* #export .accordion-item:first-of-type .accordion-button {
    border-radius: 0;
    border: none;
} */
#export .accordion-header {
    display: inline-block;
}




#implant-content {
    padding: 50px 0;
}
#implant-content .row {
    align-items: center;
}
.inner-head {
    text-transform: uppercase;
    font-size: 26px;
    font-weight: 700;
    text-decoration: underline;
    margin-bottom: 20px;
    color: var(--purple2);
}
.inner-sub-head {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.8rem;
}
/*.inner-sub-head span {*/
/*    color: #131313;*/
/*}*/
#implant-content .abutment:not(:last-child) {
    margin-bottom: 50px;
}
#implant-content ul {
    list-style: square;
    line-height: 1.8;
}
#implant-content ul li::marker {
    color: var(--purple2);
}



#table {
    padding: 50px 0;
}
#table h2 {
    text-transform: uppercase;
    margin-bottom: 50px;
    font-size: 34px;
    text-align: center;
}
#table table th {
    text-transform: uppercase;
    text-align: center;
    padding: 0;
    line-height: 50px;
    background-color: var(--bg-gradient-1);
    color: var(--white);
}
#table table td {
    text-align: center;
    padding: 0;
    line-height: 50px;
}
#table table .img {
    text-align: center;
}
#table table img {
    height: 500px;
    margin-top: 100px;
}
#table table .empty {
    height: 50px;
    background: #f3f3f3;
}



#gallery {
    padding: 50px 0;
}
#gallery .nav-pills .nav-link.active, 
#gallery .nav-pills .show>.nav-link {
    color: var(--white);
    background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));
}
#gallery .nav-pills .nav-link {
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--black);
    background-color: #e1e1e1;
    white-space: nowrap;
}
#gallery .nav-pills .nav-link:not(:last-child) {
    margin-bottom: 10px;
}
#gallery .gallery-images {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.lb-cancel {
    /*background: url(../img/icons/loading.gif) no-repeat;*/
    background: url(../img/icons/loading.gif);
}
.lb-nav a.lb-prev {
    /*background-image: url(../../img/icons/prev.png) left 48% no-repeat;*/
    background-image: url(../../img/icons/prev.png);
}
.lb-nav a.lb-next {
    /*background-image: url(../../img/icons/next.png) right 48% no-repeat;*/
    background-image: url(../../img/icons/next.png);
}
.lb-data .lb-close {
    /*background-image: url(../../img/icons/close.png) top right no-repeat;*/
    background-image: url(../../img/icons/close.png);
}
/*#gallery a {*/
/*    text-decoration: none;*/
/*    border-radius: 15px;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    transition: all 0.3s ease;*/
/*}*/
/*#gallery a {*/
/*    text-decoration: none;*/
/*    border-radius: 15px;*/
/*}*/
.hvr-rectangle-out:nth-child(even) {
    background: #eee;
}
.hvr-rectangle-out:before {
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    border-radius: 15px;
}
#gallery a span {
    color: var(--black);
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#gallery a:hover span {
    background: var(--white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease;
    font-weight: bold;
}
.lb-data .lb-caption {
    font-size: 25px;
}

#gallery #lightgallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}
#gallery #lightgallery a {
    overflow: hidden;
    flex: 1 0 24%;
    border-radius: 15px;
}
#gallery #lightgallery img {
    transition: all 0.3s ease;
}
#gallery #lightgallery img:hover {
    transform: scale(1.2);
}



.dropdown-item:active {
    background: var(--purple1);
    
}
.navbar .dropdown-item:active.hvr-underline-from-center:before {
    background: var(--white);
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
    padding: 0;
}



#kit {
    padding: 20px 0;
}
#kit h6 {
    /* text-align: center; */
    margin-bottom: 0;
    padding: 30px 0;
    font-size: 26px;
}
#kit img {
    padding: 20px 0;
}




#about {
    padding: 50px 0;
}
#about .heading {
    text-align: center;
}
#about .para {
    margin-bottom: 20px;
}
#about h3 {
    font-size: 24px;
    margin-bottom: 10px;
}
#about hr:not([size]) {
    margin: 40px 0;
}
#about .about-para {
    line-height: 1.8;
}


#doctors .heading {
    text-align: center;
}
/*#doctors .card-row {*/
/*    width: 100%;*/
/*    height: 100vh;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*}*/
/*#doctors .card {*/
/*    position: relative;*/
/*    height: 350px;*/
/*    width: 240px;*/
/*    background: #c1c1c1;*/
/*    border-radius: 10px;*/
/*    overflow: hidden;*/
/*    transition: 0.4s all ease-in-out;*/
/*    z-index: 1;*/
/*    overflow: hidden;*/
/*    box-shadow: 5px 4px 15px rgba(196, 196, 196, .4);*/
/*    cursor: pointer; */
/*    border: 0;*/
/*}*/
/*#doctors .card-image {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    height: 240px;*/
/*    width: 100%;*/
/*    object-fit: cover;*/
/*    z-index: -1;*/
/*    transition: 0.4s all ease-in-out;*/
/*}*/
/*#doctors .card-footer {*/
/*    position: absolute;*/
/*    width: 100%;*/
/*    bottom: 0;*/
/*    box-sizing: border-box;*/
/*    padding: 0 20px 23px;*/
/*    background-color: #c1c1c1;*/
/*    border-top: 0;*/
/*}*/
/*#doctors .card-title {*/
/*    font-size: 18px;*/
/*    line-height: 21px;*/
/*    margin-top: 5px;*/
/*    margin-bottom: 1px;*/
/*}*/
/*#doctors .card-text {*/
/*    font-size: 14px;*/
/*    letter-spacing: 0.1em;*/
/*    font-weight: 400;*/
/*    color: #000000;*/
/*}*/
/*#doctors .card-text:last-child {*/
/*    letter-spacing: unset;*/
/*}*/
/*#doctors .card-author {*/
/*    font-weight: 500;*/
/*    font-size: 15px;*/
/*    color: #a15c01;*/
/*    font-weight: 600;*/
/*    text-transform: capitalize;*/
/*    margin-left: 2px;*/
/*}*/
/*#doctors .card:hover {*/
/*    width: 260px;*/
/*    height: 380px;*/
/*    transition: 0.4s all cubic-bezier(0.28, 0.01, 0.3, 1.02) 0.2s;*/
/*    margin-left: 40px;*/
/*    margin-right: 40px;*/
/*    box-shadow: 20px 25px 30px rgba(0, 0, 0, 0.25);*/
/*}*/
/*#doctors .card:hover img{*/
/*    transition: all 0.3s;*/
/*    transform: scale(1.4);*/
/*}*/
/*#doctors .card:hover .card-image {*/
/*    transition: 0.4s all cubic-bezier(0.28, 0.01, 0.3, 1.02) 0.2s;*/
/*    height: 100%;*/
/*    opacity: 0.3;*/
/*}*/

#doctors .team1 {
    display: flex;
    justify-content: space-evenly;
    margin: 50px 0;
    flex-wrap: wrap;
}
#doctors .team1 .doctor1 {
    position: relative;
}
#doctors img {
    border-radius: 10px;
}
#doctors .team1 .details {
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    text-align: center;
    width: 80%;
    padding: 20px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    box-shadow: 5px 4px 15px #363636;
    border-radius: 10px;
    color: var(--white);
}
#doctors .team1 .details p:first-child {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 24px;
}
#doctors .team1 .details p span {
    font-size: 16px;
    /*color: var(--black);*/
    color: var(--white);
}
#doctors .team1 .details p {
    margin-bottom: 0;
    font-weight: 500;
}
#doctors h4 {
    margin-top: 100px;
    margin-bottom: 30px;
    text-decoration: underline;
    text-align: center;
}
#doctors .team2 {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 80px;
    margin-bottom: 100px;
}
#doctors .team2 .doctor1 {
    position: relative;
    flex: 1 0 26%;
}
#doctors .team2 .details {
    /*background: linear-gradient(to right, var(--bg-gradient-1), var(--bg-gradient-2));*/
    background: linear-gradient(to right, var(--purple1), var(--purple2));
    text-align: center;
    width: 80%;
    padding: 20px 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    box-shadow: 5px 4px 15px #363636;
    border-radius: 10px;
    color: var(--white);
}
#doctors .team2 .details p:first-child {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 24px;
}
#doctors .team2 .details p span {
    font-size: 16px;
    /*color: var(--black);*/
    color: var(--white);
}
#doctors .team2 .details p {
    margin-bottom: 0;
    font-weight: 500;
}



#gallery.gallery {
    padding-top: 0;
}
#gallery.gallery img {
    width: 240px;
    transform: rotate(90deg);
    margin-top: 40px;
}
/*#gallery.gallery .gallery-images {*/
/*    justify-content: space-between;*/
/*}*/
#gallery.gallery a {
    height: 294px;
    text-decoration: none;
    border-radius: 15px;
    flex: 1 0 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#gallery.gallery a span {
    margin-top: 30px;
}


#implant-content .courses .col-lg-3 {
    overflow: hidden;
}
#implant-content .courses img {
    overflow: hidden;
    transition: all 0.5s ease;
}
#implant-content .courses img:hover {
    transform: scale(0.9);
}
.terms_cunditions ul li{
margin-bottom: 16px;
text-align: justify;
}
#implant-content ul .sub_terms{
    list-style: outside !important;
}
#implant-content p a{
color: #9a732b;
text-decoration: unset;
}


#implant-content.upcoming-courses {
    background-color: #fff;
}
#implant-content.upcoming-courses .row {
    align-items: baseline;
    row-gap: 30px;
}
#implant-content.upcoming-courses .event-details {
    text-align: center;
    padding: 5px 0;
    background-color: #fff;
}
#implant-content.upcoming-courses .event-details p {
    margin-bottom: 0;
    line-height: 26px;
}

.whatsapp a{
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: rgb(77, 194, 71);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    text-decoration: none;
}
.whatsapp i {
    color: #fff;
    font-size: 35px;
    margin-top: -2px;
    margin-left: 1px;
}
.foot_nbr{
    display:flex;
    align-items:center;
    gap:10px;
}
.foot_nbr i{
    font-size:16px;
    color:#fff;
    margin:0;
}
.foot_nbr a{
    font-size:18px;
    color:#fff;
    margin:0;
    text-decoration:none;
}


/* gallery.php */
/* tabs content */
.tab-content{
    padding-top: 48px;
}

.yt_frames .row{
    row-gap: 20px;
}

.nav-tabs{
    border-bottom: none;
    column-gap: 20px;
}

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #362261;
    font-weight: bold;
    box-shadow: -2px 1px 13px rgb(54 34 97 / 86%);
    border: none;
}

.nav-tabs .nav-link {
    padding: 10px 20px;
    color: #362261;
    font-weight: bold;
    background-color: #d3d3d36e;
    border-radius: none !important;
}

.nav-link:hover{
    color: #362261;
    box-shadow: -2px 1px 13px rgb(54 34 97 / 86%);
}



/*-------------------------*/
.course_highlights{
    background-color: #f6f4f1;
        padding: 50px 0;
}
.course_highlights ul li i{
    background-color: #beb4d4;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.course_highlights ul{
   list-style: none;
    line-height: 40px;
    display: flex;
    flex-wrap: wrap;
}
.course_highlights ul li{
    align-items: 'center';
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1 0 50%;
}

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


.venue{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:50px 0px;
}
.venue-course span{
    color:#362261;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}
.venue-course{
    text-align: start;
}
.venue-course p{
    font-size: 16px;
    line-height: 28px;
}
.venue-course ul{
    margin-top:10px;
    list-style-type: disclosure-closed;
}
.accordion-button:not(.collapsed) {
    background: linear-gradient(to right, #af9dd8 90%, #362261 10%);
    color:white;
    
}
.accordion-button {
   
    background: linear-gradient(to right,  #362261  90%, #af9dd8  10%);
    color:white;
    font-weight: bold;
    
}
.accordion-body ul span{
    color:#362261;
    font-size: 18px;
    font-weight: 700;
    line-height: 28px;;
}
.accordion-body{
    background-color: #8080802b;
}
.accordion-body ul{
    margin-top:0px;
    margin-bottom: 0px;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
   
}
.accordion-button::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   
}
#course-up{
    margin-top:-10px;
}
.Disclaimer{
    background-color:#362261;
    color:white;
    padding:70px 0px;
    display:flex;
    justify-content: center;
    align-items: center;
}
.discla-para p{
    line-height: 28px;
    font-size: 16px;
    text-align: justify;
}
.discla-para h2{
    font-size: 34px;
    /* font-weight:bold; */
    line-height: 28px;
    margin-bottom: 40px;
}
/* .dis-img{
    position: relative;

}
.dis-img img{
    position: absolute;
  top:30px;
} */
.Schedule h5{
    font-size: 34px;
    /* font-weight: bold; */
    line-height: 28px;
    margin-bottom:20px;
}

.speakers{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:50px 0px;
    background-color: #f6f4f1;
}
.speakers .row{
    text-align: center;
}
.speakers h2{
    text-align: center;
    font-size: 34px;
    margin-bottom: 70px;
    line-height: 28px;
    /* font-weight: bold; */
}

.speakers  .spe-img{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: var(--space24);
    position: relative;
    background-color: #d6d6d6;
    transition: all 0.5s ease-in-out;
    border: 5px solid #362261;     
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
margin:0px auto;

}
 .spe-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
  
}
.speakers .spe-img :hover{
    transition: all 0.5s ease-in-out;
    transform: scale(1.2);
    overflow: hidden;
}
.details{
    margin-top:20px;
}
.card-head{
    font-size:20px;
    font-weight: 700;
    line-height: 28px;
    color:#362261;
   
}
.speakers a{
    text-decoration:none;
}
.para2{
    font-size: 16px;
    line-height:28px;
    color:black;
}
.accordion-item {
    background-color: #fff;
   margin-bottom:5px;
}

/* .loader {
    position: relative;
    /* width: 100px;
    height: 100px; */

/* .loader img {
    width: 100%;
    height: auto;
    border-radius: 50%;
} 
.loader::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 5px solid #362261;
    border-radius: 50%;
  
    animation: spin 3s linear infinite;
} */


.related{
    display: flex;
    background-color: #362261;
    /* background: linear-gradient(to bottom, #ff7e5f, #feb47b); */
    justify-content: center;
    align-items: center;
    padding:70px 0px;
}
.related h2{
    color:white;
    font-size: 34px;
    margin-bottom: 70px;
    line-height: 28px;
    /* font-weight: bold; */
}
.related .row{
row-gap: 20px;
}
  .team_card_sec{
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    margin:0px 10px;
  }
.team_text{
    background-color: white;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    padding:25px 20px;
}
.team_text a{
    text-decoration: none;
    color:black;
}
 .team_text  h3{
line-height: 28px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
 }
 .team_text p{
    font-size: 16px;
    line-height: 28px;
 }
  .read{
    background-color: #362261;
    color:white !important;
    padding:10px 20px;
    border-radius: 30px;
    /* margin-bottom:20px; */
    text-align: center;
    width:50%;
    border:1px solid #362261;
    transition: all 0.5s ease-in-out;
  }
  .read a{
    color:white;
  }
  .read:hover{
    border:1px solid #362261;
    color:#362261;
    background-color: transparent;
    transition: all 0.5s ease-in-out;
  }
  .read:hover a{
    color:#362261;
  }
 

/* Make each column take full height of the row */

.dis-img {
    display: flex;
    align-items: stretch;
}

/* Ensure that both columns stretch equally */
.discla-para {
    flex: 2; /* This will make sure the column grows to fill available space */
}

.dis-img {
    flex: 1; /* This will make sure the column grows to fill available space */
}
.scanner-image {
 
    border: 2px solid #ccc; 
    padding: 10px; 
    margin: 20px; 
}
.payment{
    display:flex;
}
.acc-dec{
    padding: 10px; 
    margin: 20px; 
}
.cour-high{
    margin-top:25px;
    margin-left:30px;
}
.cour-high span{
    color:#362261;
    font-size: 20px;
    font-weight: bold;
    line-height: 28px;
}