@font-face {
    font-family: Satoshi-Regular;
    src: url(font/OTF/Satoshi-Regular.otf);
}

@font-face {
    font-family: Satoshi-Medium;
    src: url(font/OTF/Satoshi-Medium.otf);
}

@font-face {
    font-family: Satoshi-Bold;
    src: url(font/OTF/Satoshi-Bold.otf);
}

@font-face {
    font-family: Satoshi-Black;
    src: url(font/OTF/Satoshi-Black.otf);
}

@font-face {
    font-family: TT-Ramillas-M-ITL;
    src: url(font/TT\ Ramillas\ Trial\ Medium\ Italic.ttf);
}
@font-face {
    font-family: "TT-Ramillas-M-ITL";
    src: url("font/TTRamillasTrl-MediumIt.woff2") format("woff2"),
    url("font/TTRamillasTrl-MediumIt.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-Bold.woff2") format("woff2"),
    url("font/OTF/Satoshi-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-BlackItalic.woff2") format("woff2"),
    url("font/OTF/Satoshi-BlackItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-Italic.woff2") format("woff2"),
    url("font/OTF/Satoshi-Italic.woff") format("woff");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi-Black";
    src: url("font/OTF/Satoshi-Black.woff2") format("woff2"),
    url("font/OTF/Satoshi-Black.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-BoldItalic.woff2") format("woff2"),
    url("font/OTF/Satoshi-BoldItalic.woff") format("woff");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi-Regular";
    src: url("font/OTF/Satoshi-Regular.woff2") format("woff2"),
    url("font/OTF/Satoshi-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-LightItalic.woff2") format("woff2"),
    url("font/OTF/Satoshi-LightItalic.woff") format("woff");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi-Medium";
    src: url("font/OTF/Satoshi-Medium.woff2") format("woff2"),
    url("font/OTF/Satoshi-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-Light.woff2") format("woff2"),
    url("font/OTF/Satoshi-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Satoshi";
    src: url("font/OTF/Satoshi-MediumItalic.woff2") format("woff2"),
    url("font/OTF/Satoshi-MediumItalic.woff") format("woff");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Dubai";
    src: url("/font/Dubai-Regular.woff2") format("woff2"),
    url("/font/Dubai-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.navbar-nav {
    color: #3d3d3d;
    font-family: Satoshi-Bold;
    font-size: 17px;
    font-weight: bold;
}
.appointment-btn {
    background: #5e1188;
    color: #fff;
    border-radius: 8px;
    font-family: Satoshi-Medium;
    border: 1px solid #5e1188;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    height: 30px;
    align-items: center;
    padding: 20px;
    text-transform: uppercase;
}
.appointment-btn:hover{
    border-color: #5e1188;
}
.footer {
    background: #3d3d3d;
    padding-top: 203px;
}
.contact-form-inner form .form-control {
    border: 0 !important;
    border-bottom: 1px solid #3d3d3d !important;
    border-radius: 0 !important;
    color: #17171799 !important;
    padding-left: 0 !important;
    padding-bottom: 11px !important;
    font-family: "Satoshi-Regular" !important;
}

.logo img {
    width: 250px;
}


.t-b-in-content {
    padding-top: 161px;
    padding-bottom: 32px;
    width: 725px;
    z-index: 3;
    position: relative;
}
.topbanner-innerpage {
    background-size: cover !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    position: relative;
    overflow-x: hidden;
}
.breadcurmbs {
    margin-top: 130px;
}
.t-b-in-content h1 {
    font-size: 70px;
    color: #fff;
    line-height: 1;
    font-family: "Satoshi-Medium";
    margin-bottom: 25px;
}
.t-b-in-content h2 {
    font-size: 50px;
    color: #fff;
    font-family: "TT-Ramillas-M-ITL";
    line-height: 1.1;
}
.topbanner-innerpage::after {
    content: "";
    background: linear-gradient(to right, #000000a1, #0000);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.features {
    background: #f7f3f9;
}
.equal-left-bottom {
    padding-bottom: var(--bs-gutter-x); /* matches Bootstrap horizontal gutter */
    padding-left: var(--bs-gutter-x);
    padding-: var(--bs-gutter-x); /* matches Bootstrap horizontal gutter */
}

.card-body h5 {
    font-size: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: #3e3e3e;
    font-family: "Satoshi-Bold";
}

.card-body .card-text {
    font-size: 18px;
    color: #3d3d3db3;
    margin-bottom: 7px;
    font-family: "Satoshi-Regular";
}

li.nav-item {
    padding-left: 15px;
}

@media only screen and (max-width: 767px) {
    .logo img {
        width: 220px;
    }
    .t-b-in-content {
        padding-top: 200px;
        padding-bottom: 30px;
        width: auto;
        text-align: left;
    }
    .t-b-in-content h2 {
        font-size: 30px;
    }
    .t-b-in-content h1 {
        font-size: 44px;
    }
    .breadcurmbs {
        margin-top: 0px;
    }
    li.nav-item {
        margin: 5px 0px;
    }
    li.nav-item {
        padding-left: 0px;
    }
}
.top-phone a{
    font-size: 13px;
    font-weight: 500;
    color: #3d3d3d;
    font-family: Satoshi-Medium;
    text-decoration: none;
}
.topbar {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
    text-align: right;
}