/* @import url("https://fonts.googleapis.com/css2?family=Redressed&display=swap");  */
:root {
    --bs-color: #3a5548;
    --bs-color: #DE1212;
    --bs-color: #d65618;
    --primary-color: #0a6348;
    --primary-dark: #279625;
    --secondary-color: #b3912e;
    --font-1: "Roboto", sans-serif;
    --font-2: "Open Sans", sans-serif;
    --font-3: "Roboto", sans-serif;
    --font-sp: "Roboto", sans-serif;
}

html {
    font-size: 16px;
    height: 100%;
    /* overflow-y: hidden; */
}

body {
    color: #333;
    font-family: var(--font-1);
    height: 100%;
}

.f1 {
    font-family: var(--font-1);
}

.f2 {
    font-family: var(--font-2);
}

.fsp {
    font-family: var(--font-sp);
}

.bs-color, .primary-text {
    color: var(--bs-color);
}

.text-primary {
    color: var(--bs-color) !important;
}

ul {
    list-style: none;
    padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    color: #172541;
    margin-bottom: 0;
    margin-top: 0;
}

p {
    font-weight: 400;
    font-style: normal;
}

ul, ol {
    margin: 0;
    padding: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: var(--bs-color);
}

.main-wrapper {
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
}

.bg-sec {
    background: #fff6f6;
}

.section-about-home {
    position: relative;
    padding: 70px 0px 80px;
}

.section-about-home .overlay-bg {
    position: absolute;
    bottom: 0;
    width: 26%;
    right: 13%;
    z-index: -1;
    opacity: 0.2;
}

.section-about-home .content-about-home p {
    color: #242424;
    font-size: 17.9px;
    line-height: 35px;
    opacity: 88%;
    text-align: justify;
    margin-bottom: 6px;
    font-family: var(--font-2);
    font-weight: 400;
}

.ser_1 {
    background: #fff6f6;
}

.img_wrapper {
    border-radius: 12px;
    overflow: hidden;
}

.section-treatment-home h3 {
    font-size: 3em;
}

.logo-txt::before {
    content: "MILITANT";
    position: absolute;
    top: 17px;
    left: 10px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    z-index: 9999;
    font-weight: 700;
    display: none;
}

.menu-toggle {
    color: #549e27;
    font-size: 22px;
    cursor: pointer;
    /* position: absolute;
                                                      right: 20px;
                                                      display: none;
                                                      top: 17px; */
    padding: 3px 13px;
    background-color: var(--bs-color);
    color: #fff;
    border-radius: 6px;
}

.mobile-angle-icon {
    display: none !important;
}

.header-top-area {
    background: #323232;
    padding: 9px 0;
}

.odic-header-left ul {
    margin-bottom: 0px;
    list-style: none;
}

.odic-header-left ul li {
    display: inline-block;
    margin-right: 16px;
}

.odic-header-left ul li a {
    color: #e7e7e7;
    font-size: 14.5px;
    letter-spacing: 0.35px;
}

.odic-header-left ul li a i {
    margin-right: 7px;
}

.odic-header-left ul li span {
    /* color: #fff; */
}

.odic-header-left ul li span i {
    margin-right: 7px;
}

.odic-header-right {
    text-align: right;
}

.odic-header-right a {
    color: #fff;
    display: inline-block;
    margin-left: 15px;
}

.sticky-nav {
    left: 0;
    margin: auto;
    position: sticky;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.07);
    z-index: 999;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
    -webkit-transition: .5s !important;
    transition: .5s !important;
    /* background: #549e28 !important; */
}

.sticky-nav .odic-header-menu ul li a {
    color: #000;
}

.sticky-nav .stiky-logo {
    display: block;
    max-width: 280px;
}

.sticky-nav .main-logo {
    display: none;
}

.stiky-logo {
    display: none;
}

.mobile-menu-social-icon {
    display: none;
}

.header-area {
    background: #ffffff;
    padding: 10px 0;
}

.odic-header-logo {
    /* margin-top: 14px; */
}

.odic-header-menu {
    padding: 4px 0;
}

.odic-header-menu ul {
    display: inline-flex;
    gap: 10px 48px;
}

.odic-header-menu ul li {
    display: inline-block;
    position: relative;
}

.odic-header-menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    -webkit-transition: .3s;
    transition: .3s;
    color: #000000;
    font-family: var(--font-2);
    /* text-transform: uppercase; */
}

.odic-header-menu ul li a:not(.active) {
    opacity: 80%;
}

.odic-header-menu ul li a:hover {
    color: var(--bs-color);
}

.odic-header-menu ul li a.active {
    color: var(--bs-color);
}

.odic-header-menu ul li .sub-menu {
    opacity: 0;
    background: #fff;
    width: 205px;
    position: absolute;
    left: 0;
    top: 150%;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 22;
    overflow: hidden;
    visibility: hidden;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-top: 3px solid var(--bs-color);
    padding: 10px 0;
}

.odic-header-menu ul li .sub-menu ul li {
    display: block;
}

.odic-header-menu ul li .sub-menu ul li a {
    visibility: inherit;
    padding: 8px 30px;
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
    font-size: 15px;
    color: #333 !important;
    transition: .5s;
    margin: 0;
}

.odic-header-menu ul li .sub-menu ul li a:hover {
    color: var(--bs-color) !important;
}

.odic-header-menu ul li:hover .sub-menu {
    opacity: 1;
    top: 101%;
    visibility: visible;
}

.header-button {
    display: inline-block;
}

.header-button a {
    font-size: 14px;
    font-weight: 600;
    color: white;
    background: var(--bs-color);
    padding: 14px 35px;
    border: 2px solid transparent;
    border-radius: 999px;
    display: inline-block;
    text-align: center;
    margin-left: 16px;
    -webkit-transition: .5s;
    transition: .5s;
    font-family: var(--font-2);
}

.header-button a:hover {
    border-color: #7BC751;
    background: #fff;
    color: #7BC751;
}

.slider1 {
    height: 900px;
    background: url(../images/slider/slider-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-color: #00000094;
    background-blend-mode: darken;
}

.slider2 {
    height: 900px;
    background: url(../images/slider/slider-2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 1;
    background-color: #00000096;
    background-blend-mode: darken;
}

.odic-slider-content h1, .odic-slider-content h2, .odic-slider-content h3, .slider-title__sub {
    color: #fff;
}

.odic-slider-content h1, .odic-slider-content h2 {
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 30px;
    text-transform: capitalize;
    font-family: var(--font-2);
    font-size: 58px;
    font-weight: 600;
}

.slider-title__sub, .odic-slider-content h3 {
    font-size: 30px;
    width: 86%;
    font-weight: 400;
    margin-left: 0;
    text-transform: capitalize;
    display: block;
    line-height: 1.4;
}

.slider-button a {
    margin-right: 30px;
    margin-bottom: 16px;
}

/*
.slider-button a {
    color: #fff;
    display: inline-block;
    background: transparent;
    border: 2px solid #fff;
    font-size: 17px;
    padding: 18px 50px;
    text-transform: capitalize;
    -webkit-transition: .5s;
    transition: .5s;
}

.slider-button a:hover {
    background: var(--bs-color) !important;
    color: #fff;
    border: 2px solid var(--bs-color) !important;
}

.slider-button .active {
    color: #fff;
    background: var(--bs-color) !important;
    border: 2px solid var(--bs-color);
    -webkit-transition: .5s;
    transition: .5s;
}

.slider-button .active:hover {
    background: transparent !important;
    border: 2px solid #fff !important;
}
*/
.slider3.slider-area:before {
    display: none;
}

.slider-area:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(0, 0, 0, 0.4);
}

.owl-nav {
    position: relative;
}

/* !important */
.owl-nav button {
    position: absolute;
    top: -500px;
    width: 50px;
    height: 50px;
    line-height: 50px !important;
    border: 1px solid var(--secondary-color) !important;
    text-align: center;
    border-radius: 50% !important;
    font-size: 25px !important;
    color: var(--secondary-color) !important;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}

.owl-prev {
    left: -58px;
}

.owl-prev:hover {
    background: var(--secondary-color);
    color: #282828;
}

.owl-next {
    position: absolute;
    top: -500px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid var(--secondary-color);
    text-align: center;
    border-radius: 50% !important;
    text-align: center;
    font-size: 25px;
    color: var(--secondary-color);
    -webkit-transition: .5s;
    transition: .5s;
    right: -58px;
}

.owl-next:hover {
    background: var(--secondary-color);
    color: #282828;
}

.slider_list:hover .owl-prev {
    left: 40px;
}

.slider_list:hover .owl-next {
    right: 40px;
}

.nivo_slider_area {
    position: relative;
}

.nivo-caption {
    background: rgba(0, 0, 0, 0.4);
    height: 100%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.em_slider_inner {
    margin: auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9999;
}

.em-slider-title {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 23px;
    text-transform: uppercase;
}

.em-slider-main-title {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}

.em-slider-sub-title {
    font-size: 19px;
    font-weight: 400;
    color: var(--bs-color);
    letter-spacing: 2px;
}

.em-nav-slider-title-center {
    color: #fff;
    font-size: 55px;
    font-weight: 800;
}

.em-nav-slider-title-centerspan {
    color: #0c5adb;
}

.em-slider-up-title {
    font-size: 38px;
    color: #fff;
    font-weight: 300;
    padding-bottom: 8px;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.em-slider-sub-em-title {
    font-size: 24px;
    color: #fff;
    font-weight: 500;
}

.em-slider-descript p {
    padding: 5px;
    width: 56%;
    font-size: 17px;
    margin: 24px 0 24px;
}

.text-left .em-slider-descript {
    margin-left: 0;
    margin-right: auto;
}

.text-center {
    text-align: center;
}

.text-center .em-slider-descript {
    margin: 22px auto 28px;
    width: 62%;
    font-size: 17px;
}

.text-right .em-slider-descript {
    margin-right: 0;
    margin-left: auto;
    width: 60%;
    font-size: 17px;
    padding-top: 25px;
}

.em-slider-button.wow.bounceInUp.em-button-button-area.animated {
    padding-top: 19px;
}

.em-button-button-area a {
    border: 1px solid #ccc;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin-right: 10px;
    margin-top: 12px;
    padding: 15px 41px;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 999;
    letter-spacing: 1px;
    border-radius: 5px;
}

.em-button-button-area a:hover {
    color: #fff;
    background: #0c5adb;
    border-color: #0c5adb;
}

a.em-active-button {
    background: var(--bs-color);
    border-color: var(--bs-color);
}

a.em-active-button:hover {
    background: #fff;
    border-color: #fff;
    color: var(--bs-color);
}

.em-slider-half-width {
    width: 50%;
}

.em-slider-half-width .em-slider-descript {
    width: 100%;
}

.em-slider-left {
    padding-right: 30px;
}

.em-slider-right {
    padding-left: 30px;
}

.em-slider-full-width {
    width: 85%;
}

.nivo-controlNav {
    float: right;
    padding: 15px 0;
    text-align: center;
    position: relative;
    margin-top: -202px;
    z-index: 22;
    background: #fff;
    padding: 10px 20px;
    border-radius: 5px 0 0 5px;
}

.em-nivo-slider-wrapper .nivo-directionNav a {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 75px;
    width: 50px;
    line-height: 68px;
    text-align: center;
    display: block;
    border-radius: 50%;
    color: #0c5adb;
    font-size: 40px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    border-radius: 0;
    background: #fff;
    margin-right: 30px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 78px;
    width: 50px;
    line-height: 74px;
    border: 1px solid var(--bs-color);
    text-align: center;
    display: block;
    color: var(--bs-color);
    font-size: 28px;
    left: 0;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.em-nivo-slider-wrapper .nivo-directionNav a:hover {
    background: var(--bs-color);
    border-color: var(--bs-color);
    color: #fff;
}

.em-nivo-slider-wrapper .nivo-directionNav .nivo-prevNav {
    margin-left: 30px;
}

.em-nivo-slider-wrapper .nivo-directionNav .nivo-nextNav {
    left: auto;
    right: 0;
}

.em-nivo-slider-wrapper:hover .nivo-directionNav a {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    left: 50px;
}

.em-nivo-slider-wrapper:hover .nivo-directionNav .nivo-nextNav {
    left: auto;
    right: 50px;
}

.em-nivo-slider-wrapper .nivo-controlNav {
    bottom: 50px;
    padding: 0;
    position: absolute;
    width: 100%;
    z-index: 9;
    display: none;
}

.em-nivo-slider-wrapper .nivo-controlNav a {
    background: var(--bs-color);
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    margin: 0 5px;
    width: 25px;
    color: #fff;
    line-height: 25px;
}

.em-nivo-slider-wrapper .nivo-controlNav a:hover {
    background: #172541 none repeat scroll 0 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.em-nivo-slider-wrapper .nivo-controlNav a.active {
    background: #172541 none repeat scroll 0 0;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cd-headline.clip span {
    display: inline-block;
    padding: 0 0 0;
}

.cd-headline.clip span b {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
}

.pricing-area {
    background: #f2f5f8;
}

.odic-pricing-box {
    padding: 51px 40px 70px;
    -webkit-box-shadow: 10px 8px 35px 0px rgba(49, 49, 49, 0.08);
    box-shadow: 10px 8px 35px 0px rgba(49, 49, 49, 0.08);
    text-align: left;
    background: #fff;
    overflow: hidden;
    position: relative;
    -webkit-transition: .5s;
    transition: .5s;
    margin-bottom: 30px;
}

.odic-pricing-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.odic-pricing-box:hover .pricing-button a {
    background: var(--bs-color);
    color: #fff;
}

.odic-pricing-box:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    background: url(assets/images/pricing.png);
    height: 210px;
    width: 218px;
}

.pricing-title h3 {
    font-size: 25px;
    color: var(--bs-color);
    font-weight: 700;
    margin-bottom: 12px;
}

.pricing-tk h3 {
    font-size: 40px;
    font-weight: 400;
    color: #565872;
    font-family: 'Heebo', sans-serif;
}

.pricing-tk span {
    font-size: 16px;
    font-weight: 400;
}

.pricing-body ul {
    list-style: none;
    display: inline-block;
    padding: 30px 0px 48px 0;
}

.pricing-body ul li {
    display: block;
    font-size: 16px;
    padding: 8px 0;
    font-family: 'Heebo', sans-serif;
}

.pricing-button a {
    font-size: 15px;
    font-weight: 500;
    padding: 16px 44px;
    background: #F2F5F8;
    color: #565872;
}

.row.mtmargin {
    position: relative;
    margin-top: -100px;
    z-index: 1;
}

.odic-feature-box {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
    background: #fff;
    padding: 52px 35px 45px 36px;
    margin-bottom: 30px;
}

.odic-feature-box:hover .odic-feature-box-icon {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.odic-feature-box:hover .single-feature-content h4 {
    color: var(--bs-color);
}

.odic-feature-box-icon {
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
}

.single-feature-content h4 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
}

.feature-button a {
    font-size: 13px;
    font-weight: 400;
    color: var(--bs-color);
    letter-spacing: 2px;
    text-decoration: underline;
    padding: 0 !important;
    -webkit-transition: .5s;
    transition: .5s;
}

.feature-button a:hover {
    text-decoration: underline;
}

.odic-feature-box {
    -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11);
    background: #fff;
    padding: 52px 35px 45px 36px;
    margin-bottom: 30px;
}

.odic-feature-box-icon {
    -webkit-transition: .5s;
    transition: .5s;
    text-align: center;
}

.odic-feature-box:hover .odic-feature-box-icon {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.single-feature-content h4 {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 20px;
}

.odic-feature-box:hover .single-feature-content h4 {
    color: #7BC74D;
}

.feature-button a {
    font-size: 13px;
    font-weight: 400;
    color: #7bc74d;
    letter-spacing: 2px;
    text-decoration: underline;
    padding: 0 !important;
    -webkit-transition: .5s;
    transition: .5s;
}

.feature-button a:hover {
    text-decoration: underline;
}

/* Feature style two */
.odic-feature-box {
    -webkit-box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.03);
    box-shadow: -10px 10px 30px rgba(0, 0, 0, 0.03);
    background: #fff;
    padding: 50px 34px 34px 34px;
    margin-bottom: 30px;
}

.odic-feature-box.d-flex:hover {
    background: rgba(123, 199, 77, 0.37);
}

.feature-icon i {
    color: #3db818;
    font-size: 40px;
    margin-top: 12px;
    margin-right: 15px;
    display: inline-block;
}

.feature-box-title h2 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 10px;
}

.feature-box-title p {
    color: rgba(86, 86, 86, 0.8);
    font-weight: 400;
    margin: 0;
    width: 80%;
}

.odic-about-calender-box {
    background: var(--bs-color);
    width: 65%;
    padding: 40px 30px;
    margin-top: -201px;
    z-index: 1;
    position: relative;
    margin-left: 208px;
    overflow: hidden;
}

.odic-about-content-inner h3 {
    font-weight: 700;
    font-size: 23px;
    margin-bottom: 15px;
    color: #fff;
    margin-top: 0;
}

.odic-about-content-inner ul li {
    list-style: none;
    color: white;
    padding: 7px 0;
    border-bottom: 1px dotted #fff;
}

.odic-about-content-inner ul li span {
    padding-left: 74px;
    float: right;
    display: inline-block;
}

.odic-about-content h4 {
    color: var(--bs-color);
    font-size: 16px;
    font-weight: 600;
}

.odic-about-content h1 {
    font-size: 35px;
    font-weight: 700;
}

.odic-about-content h2 {
    font-size: 33px;
    font-weight: 700;
}

.odic-about-image img {
    border-radius: 22px;
    object-fit: cover;
    max-width: 100%;
    margin-right: auto;
    overflow: hidden;
}

.odic-content-inner ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 15px;
}

.odic-content-inner ul li i {
    color: var(--bs-color);
    font-size: 22px;
    margin-right: 16px !important;
    display: inline-block;
}

.site-btn {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid var(--bs-color);
    background: var(--bs-color);
    color: #fff;
    padding: 16px 40px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    font-style: normal;
    line-height: 25px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0px;
    transition: all 200ms;
    border-radius: 999px;
    letter-spacing: 2.98px;
    line-height: 1.5;
}

.site-btn:hover {
    background: #363636;
    color: #fff;
    border-color: #363636;
}

.site-btn--light {
    background: #f3f3f3;
    color: var(--bs-color);
}

.site-btn--light:hover {
    background: #363636;
    color: #fff;
}

.dreanit-single-feature-box {
    background: #f2f5f8;
    padding: 10px 30px 55px;
    margin-bottom: 30px;
    text-align: left;
}

.dreanit-single-feature-box:hover {
    background: var(--bs-color);
    -webkit-transition: .5s;
    transition: .5s;
}

.dreanit-single-feature-box:hover .feature-box-content h3 {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}

.dreanit-single-feature-box:hover .feature-box-content h4 {
    color: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}

.dreanit-single-feature-box:hover .feature-box-content h4:before {
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
}

.feature-box-content h3 {
    color: var(--bs-color);
    font-size: 100px;
    -webkit-transition: .5s;
    transition: .5s;
    font-weight: 500;
}

.feature-box-content h4 {
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    z-index: 1;
}

.feature-box-content h4:before {
    position: absolute;
    content: "";
    left: 0;
    width: 35px;
    height: 3px;
    background: var(--bs-color);
    bottom: -15px;
    -webkit-transition: .5s;
    transition: .5s;
}

.bold-text p {
    font-size: 18px;
    color: #565872;
    font-weight: 600;
}

.odic-setcion-title h4 {
    font-size: 15px;
    color: var(--bs-color);
    padding: 0px 0 3px 0;
    margin: 0;
}

.odic-setcion-title h1 {
    font-size: 30px;
}

.about-name {
    margin: 25px 0 0 0;
}

.counter-up-area {
    background: url(assets/images/counter.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.counter-up-area:before {
    position: absolute;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(123, 199, 77, 0.92);
}

.odic-counter {
    border-left: 1px solid #fff;
    margin-bottom: 30px;
}

.odic-counter.bd-none {
    border: none;
}

.counter-up-text h1 {
    color: #fff;
    font-size: 60px;
    font-weight: 800;
    margin: 0 0 15px;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.counter-up-text h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 500;
    text-align: center;
}

.odic-service-box {
    padding: 0 0 10px 0;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
    box-shadow: 0px 6px 40px 0px rgba(148, 146, 245, 0.2);
}

.odic-service-box:hover .service-box-thumb img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.odic-service-box h2:hover {
    color: var(--bs-color);
}

.odic-service-content h2 {
    font-size: 35px;
    font-weight: 700;
    margin: 24px 0 0 0;
}

.odic-service-text p {
    margin-top: 14px;
}

.service-box-thumb {
    overflow: hidden;
}

.service-box-thumb img {
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s;
    transition: .5s;
}

.service-content {
    background: #fff;
    padding: 7px 20px 20px;
}

.service-content h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 23px 0 15px;
    -webkit-transition: .5s;
    transition: .5s;
}

.service-content p {
    margin-bottom: 8px;
}

.service-button a {
    font-size: 14px;
    color: var(--bs-color);
    font-weight: 500;
    position: relative;
    z-index: 1;
    display: inline-block;
}

.service-button a:before {
    position: absolute;
    content: "";
    left: 0;
    height: 2px;
    width: 100%;
    background: #ddd;
    bottom: -2px;
}

.service-button a:after {
    position: absolute;
    content: "";
    left: 0;
    height: 2px;
    width: 0%;
    background: var(--bs-color);
    bottom: -2px;
    -webkit-transition: .5s;
    transition: .5s;
}

.service-button a:hover:after {
    width: 100%;
}

.button a {
    border: 2px solid var(--bs-color);
    padding: 12px 40px;
    background: var(--bs-color);
    color: white;
    text-transform: uppercase;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    -webkit-transition: .5s;
    transition: .5s;
}

.button a:hover {
    background: #fff;
    color: var(--bs-color);
}

.odic-section-title h4 {
    color: var(--bs-color);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 19px;
}

.odic-section-title p {
    font-size: 16px;
    width: 69%;
    margin: 3px auto 30px;
}

.odic-section-title.text-center h2 {
    position: relative;
    z-index: 1;
    padding: 0 0 40px;
}

.odic-section-title.text-center h2 span {
    color: var(--bs-color);
}

.section-title-bg-bar {
    position: relative;
    z-index: 1;
}

.section-title-bg-bar:before {
    position: absolute;
    z-index: -1;
    content: "";
    height: 2px;
    width: 90px;
    background: var(--bs-color);
    top: -30px;
    margin: auto;
    left: 0;
    right: 0;
}

.section-title-bg-bar:after {
    position: absolute;
    z-index: -1;
    content: "";
    height: 2px;
    width: 58px;
    background: var(--bs-color);
    top: -24px;
    margin: auto;
    left: 0;
    right: 0;
}

.section-title-bar-inner:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    margin: auto;
    height: 2px;
    width: 42px;
    background: var(--bs-color);
    top: -18px;
}

.service-title p a span {
    color: var(--bs-color);
    text-decoration: underline;
    -webkit-transition: .5s;
    transition: .5s;
}

.service-title p a span:hover {
    color: #337ab7;
}

.process-area {
    background: url(assets/images/process.png);
    background-position: center center;
    background-repeat: no-repeat;
}

.odic-single-process {
    padding: 3px 0 0 0;
}

.odic-single-process:hover .odic-process-number {
    top: 20%;
}

.odic-single-process-thum {
    border-radius: 50%;
    border: 4px solid var(--bs-color);
    display: inline-block;
    text-align: center;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    margin-bottom: 25px;
}

.odic-single-process-thum img {
    border-radius: 100%;
    border: 10px solid #fff;
}

.odic-process-number {
    position: absolute;
    left: -8px;
    top: 30%;
    -webkit-transition: .56s;
    transition: .56s;
}

.odic-process-number span {
    background: var(--bs-color);
    height: 50px;
    width: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}

.odic-process-number span:before {
    position: absolute;
    left: -5px;
    top: -5px;
    width: 60px;
    height: 60px;
    background: var(--bs-color);
    opacity: 0.4;
    content: "";
    margin: auto;
    border-radius: 100%;
    z-index: -1;
}

.odic-process-number span:after {
    position: absolute;
    left: -15px;
    top: -15px;
    width: 80px;
    height: 80px;
    background: var(--bs-color);
    opacity: 0.2;
    content: "";
    margin: auto;
    border-radius: 100%;
    z-index: -1;
}

.odic-process-content {
    text-align: center;
}

.odic-process-content h2 {
    font-size: 20px;
    font-weight: 700;
}

.odic-process-content p {
    padding: 0 18px;
}

.why-choose-us-area {
    background: url(assets/images/choose.jpg);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.odic-department-title h5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--bs-color);
    margin-bottom: 15px;
    margin-top: 0;
}

.odic-department-title h2 {
    margin: 0;
}

.choose-us-button a {
    font-size: 14px;
    font-weight: 400;
    border: 2px solid var(--bs-color);
    padding: 15px 40px;
    background: var(--bs-color);
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}

.choose-us-button a:hover {
    background: #fff;
    color: var(--bs-color);
}

.appointment-aera {
    background: #f2f5f8;
}

.appointment-left-box {
    background: var(--bs-color);
    padding: 20px 0 20px;
}

.odic-appointment-box {
    background: #ffffffb3;
    padding: 35px 27px 27px;
    border-radius: 12px;
}

.odic-appointment-box .quote_btn button {
    width: 100%;
    background: var(--bs-color);
    border: 2px solid transparent;
    color: #ffffff;
    padding: 12px 38px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    -webkit-transition: .5s;
    transition: .5s;
    margin: 30px 0 35px;
}

.odic-appointment-box .quote_btn button:hover {
    background: transparent;
    border-color: var(--bs-color);
    color: var(--bs-color);
}

.appointment-left-title h1 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    padding: 10px 60px 0;
}

.appointment-left-title h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    padding: 0px 60px 24px;
}

.from-box input {
    width: 100%;
    height: 55px;
    background: #F2F5F8;
    border: 0;
    padding-left: 20px;
    margin-bottom: 30px;
}

.from-box textarea {
    width: 100%;
    height: 180px;
    background: #F2F5F8;
    border: 0;
    padding-left: 20px;
}

.from-box select {
    width: 100%;
    height: 55px;
    background: #F2F5F8;
    border: 0;
    padding-left: 20px;
    margin-bottom: 30px;
}

.section-title h1 {
    font-size: 16px;
    color: var(--bs-color);
    font-weight: 500;
    margin: 30px 0 10px;
}

.section-title h2 {
    font-size: 35px;
    font-weight: 700;
    padding: 0;
    margin: 0;
    font-size: 35px;
    font-weight: 700;
}

.section-title h5 {
    color: var(--bs-color);
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px;
}

.nav-pills .nav-link.active {
    background-color: #f2f5f8 !important;
}

.nav-pills .show>.nav-link {
    background-color: #f2f5f8 !important;
    background-color: var(--bs-color) !important;
}

.odic-department-tab ul li {
    width: 20%;
}

.odic-department-tab ul li a span {
    color: var(--bs-color);
    font-size: 19px;
}

.odic-department-tab li.nav-item a {
    background: transparent;
    border: 1px solid var(--bs-color);
    padding: 28px 30px 27px;
    margin: 0 20px 11px;
    border-radius: 0;
}

.odic-department-tab li.nav-item a img {
    display: block;
    margin-bottom: 15px;
}

.odic-department-tab-box {
    border: 5px solid var(--bs-color) 36;
    padding: 40px;
}

.odic-department-thumb img {
    width: 100%;
}

.odic-department-bottom-content-inner ul li {
    width: 100%;
    list-style: none;
    padding: 0 0 3px;
    width: 100% !important;
}

.odic-department-bottom-content-inner ul li i {
    float: left;
    margin-right: 20px;
    color: var(--bs-color);
    margin-top: 6px;
}

.contact-form-box {
    -webkit-box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    box-shadow: 0 10px 55px 5px rgba(137, 173, 255, 0.2);
    background: #fff;
    padding: 40px 48px 40px;
    position: relative;
    margin-top: -150px;
    z-index: 1;
    border-radius: 7px;
}

.form-box input {
    width: 100%;
    height: 55px;
    margin-bottom: 20px;
    padding-left: 15px;
    border: 0;
    background: #F2F5F8;
    border-radius: 3px;
}

.form-box textarea {
    width: 100%;
    height: 130px;
    padding: 10px 0 0 10px;
    border: 0;
    background: #F2F5F8;
    border-radius: 5px;
}

.form_box input {
    width: 100%;
    height: 55px;
    padding-left: 15px;
    border: 0;
    background: #F2F5F8;
    border-radius: 3px;
}

.form_box textarea {
    width: 100%;
    height: 130px;
    padding: 10px 0 0 10px;
    border: 0;
    background: #F2F5F8;
    border-radius: 5px;
}

.contact-form-button button {
    background: var(--bs-color);
    color: #fff;
    padding: 14px 89px;
    border-radius: 3px;
    border: 0;
    margin: 20px 0 10px;
}

.quote_btn button {
    background: var(--bs-color);
    color: #fff;
    padding: 14px 89px;
    border-radius: 3px;
    border: 0;
    margin: 20px 0 10px;
}

.contact-form-title.text-center h2 {
    font-size: 30px;
    font-weight: 600;
    padding: 0px 0 38px;
    margin-top: 4px;
}

.testimonial-area {
    position: relative;
    z-index: 1;
}

.testimonial-area:before {
    position: absolute;
    content: none;
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(10, 24, 40, 0.81);
}

.testmionial-thumb img {
    height: 100px;
    width: 100px;
    margin: auto;
    border: 5px solid #fff;
    border-radius: 100%;
}

.testimonial-content-text {
    position: relative;
}

.testimonial-content-text p {
    width: 80%;
    margin: auto;
    padding: 30px 0 0 0;
    font-style: italic;
    color: #787878;
}

.testimonial-icon {
    margin: 30px 0 0px;
}

.testimonial-icon i {
    font-size: 35px;
    color: var(--bs-color);
}

.testimonial-content-title h2 {
    color: #787878;
    font-size: 17px;
    font-weight: 600;
    margin: 15px 0 0 0;
}

.testimonial-content-title span {
    color: var(--bs-color);
    font-size: 14px;
    font-weight: 500;
    padding-top: 7px;
}

.testimonial-area.five {
    background: url(assets/images/counter.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
    position: relative;
    z-index: 1;
}

.testimonial-area.five:before {
    position: absolute;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(10, 24, 40, 0.81);
}

.portfolio_nav {
    text-align: center;
}

.portfolio_menu ul li {
    display: inline-block;
    list-style: none;
    background: #fff;
    font-size: 14px;
    text-transform: uppercase;
    padding: 7px 20px;
    margin: 0 3px;
    border: 1px solid #eee;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s;
    border-radius: 3px;
}

.portfolio_menu ul li:hover {
    background: var(--bs-color);
    color: #fff;
}

.portfolio_menu ul li.current_menu_item {
    background: var(--bs-color);
    color: #fff;
    border-color: var(--bs-color);
}

.single_portfolio {
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.single_portfolio:hover .single_portfolio_thumb img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.single_portfolio:hover .single_portfolio_thumb:before {
    opacity: 1;
}

.single_portfolio:hover .single_portfolio_icon {
    opacity: 1;
    top: 50%;
}

.single_portfolio_thumb {
    position: relative;
}

.single_portfolio_thumb img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s;
    width: 100%;
}

.single_portfolio_thumb:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.7);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
    z-index: 1;
}

.single_portfolio_icon {
    position: absolute;
    left: 50%;
    top: 40%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
}

.single_portfolio_icon a {
    height: 60px;
    width: 60px;
    line-height: 60px;
    background: var(--bs-color);
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 100%;
    font-size: 22px;
}

.odic-single-team {
    margin-bottom: 30px;
}

.odic-single-team:hover .single-team-icon {
    opacity: 1;
    top: 50%;
}

.odic-single-team:hover .team-single-thumb:before {
    opacity: 1;
}

.team-single-thumb {
    position: relative;
}

.team-single-thumb:before {
    position: absolute;
    content: "";
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(123, 199, 77, 0.9);
    border-radius: 100%;
    right: 0;
    margin: auto;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
}

.team-single-thumb img {
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.single-team-icon {
    position: absolute;
    left: 0;
    top: 60%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    right: 0;
    margin: auto;
    opacity: 0;
    -webkit-transition-delay: .7s;
    transition-delay: .7s;
}

.single-team-icon a {
    color: var(--bs-color);
    background: #fff;
    border-radius: 52%;
    display: inline-block;
    font-size: 14px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    margin: 0 3px;
    -webkit-transition: .5s;
    transition: .5s;
}

.single-team-icon a:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
}

.team-button a {
    font-size: 13px;
    font-weight: 500;
    margin: 0px 0;
    text-transform: uppercase;
    color: var(--bs-color);
    display: inline-block;
}

.team-button a span {
    margin-left: 4px;
}

.odic-team-title h2 {
    font-size: 20px;
    font-weight: 700;
    margin: 35px 0 5px;
    -webkit-transition: .5s;
    transition: .5s;
}

.odic-team-title h2:hover {
    color: var(--bs-color);
}

.odic-team-title span {
    font-size: 14px;
    font-weight: 500;
    color: var(--bs-color);
    letter-spacing: 1px;
}

.odic-team-title p {
    margin-top: 15px;
}

.call-do-action-area {
    background: url(../images/bg-call.jpg);
    background-size: cover;
    background-position: center center;
    background-position: 0 59%;
    background-repeat: no-repeat;
    padding: 65px 0 35px;
    position: relative;
    z-index: 1;
}

.call-do-action-area:before {
    position: absolute;
    content: "";
    z-index: -1;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: #fdf7ea;
}

.call-do-action-area .odic-contact-content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-bottom: 15px;
    align-items: center;
}

.call-do-action-area .odic-contact-content .content-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.odic-content i {
    font-size: 50px;
    color: var(--bs-color);
}

.call-do-action-number h1 {
    color: #ffffff;
    font-size: 40px;
    font-weight: 300;
    padding: 25px 0 20px;
    font-family: 'Heebo', sans-serif;
}

.call-do-action-title h1 {
    color: #ffffff;
    font-size: 50px;
    font-weight: 700;
    font-family: 'Heebo', sans-serif;
}

.odic-blog-box {
    margin-bottom: 30px;
}

.odic-blog-box:hover .odic-blog-thumb:before {
    opacity: 1;
}

.odic-blog-box:hover .odic-blog-icon {
    opacity: 1;
    top: 25%;
}

.odic-blog-content h2 {
    font-size: 35px;
    font-weight: 700;
    margin-top: 24px;
}

.odic-blog-text p {
    padding: 10px 0 0 60px;
    overflow: hidden;
    margin: 0 0;
    width: 105%;
}

.odic-blog-thumb {
    position: relative;
}

.odic-blog-thumb:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: rgba(10, 24, 40, 0.8);
    -webkit-transition: .5s;
    transition: .5s;
    opacity: 0;
}

.odic-blog-thumb img {
    width: 100%;
}

.odic-blog-icon {
    position: absolute;
    top: 15%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
}

.odic-blog-icon a {
    font-size: 25px;
    height: 55px;
    width: 55px;
    line-height: 55px;
    background: #fff;
    display: block;
    text-align: center;
    border-radius: 100%;
    color: var(--bs-color);
    -webkit-transition: .5s;
    transition: .5s;
}

.odic-blog-icon a:hover {
    background: var(--bs-color);
    color: #fff;
}

.odic-blog-title {
    background: #F2F5F8;
    padding: 23px 25px 32px;
}

.odic-blog-title h2 a {
    font-size: 19px;
    margin: 0px 0px 20px;
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 600;
    display: inline-block;
    line-height: 27px;
}

.odic-blog-title h2 a:hover {
    color: var(--bs-color);
}

.blog-meta-box span {
    font-size: 12px;
    color: #565872;
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
}

.blog-meta-box span:hover {
    color: var(--bs-color);
}

.blog-meta-box span a {
    color: #565872;
    font-size: 12px;
    font-weight: 500;
}

.blog-meta-box a {
    color: #565872;
    margin-left: 8px;
}

.blog-meta-box a:hover {
    color: var(--bs-color);
}

.blog-button {
    padding: 12px 0 0 0;
}

.blog-button a {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
    color: #fff;
    padding: 15px 30px;
    background: var(--bs-color);
    border: 2px solid var(--bs-color);
}

.blog-button a:hover {
    color: var(--bs-color);
    background: #fff;
}

.category-tag a {
    color: var(--bs-color);
    padding: 0 5px 0 0;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    transition: .3s;
}

.category-tag a:hover {
    color: #151948;
}

.row.border-line {
    border-top: 1px solid #dddddd;
    padding: 60px 0 60px 0;
}

.contact-address-area {
    background: var(--bs-color);
    padding: 42px 0;
}

.content-icon i {
    font-size: 30px;
    color: #c3af87;
    border: 1px solid #a07f58;
    height: 60px;
    width: 60px;
    line-height: 58px;
    display: inline-block;
    text-align: center;
}

.content-title span {
    font-size: 17px;
    color: #412a12;
    font-weight: 600;
    margin: 4px 20px 4px;
    font-family: "Merriweather", Sans-serif !important;
    display: block;
}

.content-title .h5, .content-title h5 {
    color: #000;
    font-size: 17px;
    margin-left: 20px;
    font-weight: 400;
    line-height: 30px;
    font-family: var(--font-2);
}

.content-title .h5 a, .content-title h5 a {
    display: block;
    line-height: 30px;
}

footer {
    /* background: #201611; */
    /* background: linear-gradient(to top, #0e2e27, #2d3c2e); */
    background: #ffffff;
}

.footer-area {
    padding: 85px 0px 25px;
}

.footer-logo {
    padding-bottom: 14px;
    max-width: 300px;
}

.content-text p {
    font-size: 16px;
    color: #a0a1a2;
    margin: 5px 0 20px;
}

.content-title-text p {
    color: #a0a1a2;
    font-size: 15px;
    margin: 10px;
}

.odic-footer-content h2 {
    color: var(--bs-color);
    font-size: 18px;
    margin: 16px 0 35px;
    font-weight: 400;
}

.odic-footer-content h2 span {
    position: relative;
    padding-bottom: 14px;
}

.odic-footer-content h2 span:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 2px;
    margin-right: 6px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: var(--bs-color);
    content: '';
}

.footer-menu ul {
    list-style: none;
}

.footer-menu ul li a {
    display: inline-block;
    padding: 0px 0px 18px;
    color: #000;
    font-size: 16px;
    -webkit-transition: .3s;
    transition: .3s;
}

.footer-menu ul li a:hover {
    color: #2aa65e;
}

.footer-content p {
    color: #a0a1a2;
    font-size: 15px;
}

.subscribe-box input {
    width: 100%;
    border: 1px solid #a0a1a2;
    height: 51px;
    background: transparent;
    font-size: 14px;
    margin: 10px 0 32px;
    padding-left: 15px;
}

.footer-button button {
    font-size: 15px;
    padding: 9px 20px;
    background: var(--bs-color);
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
    border: 1px solid var(--bs-color);
}

.footer-button button:hover {
    color: var(--bs-color);
    background: transparent;
}

.footer-buttom-area {
    border: 1px solid #da833c3b;
    padding: 7px 0;
    /* background: #231711; */
}

.copy-right-text p {
    color: #080808;
    margin-top: 10px;
}

.text-copy {
    color: #f7ffab;
}

.footer-text-menu {
    text-align: right;
}

.footer-text-menu ul {
    list-style: none;
    display: inline-block;
}

.footer-text-menu ul li {
    display: inline;
}

.footer-text-menu ul li a {
    display: inline-block;
    color: #a0a1a2;
    margin-left: 10px;
    -webkit-transition: .3s;
    transition: .3s;
}

.footer-text-menu ul li a:hover {
    color: var(--bs-color);
}

.breatcumb-area {
    /* background: url(../images/bg-inner.jpg); */
    height: 284px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-color: #0a0a0ac9;
    /* background-blend-mode: darken; */
    background-attachment: fixed;
}

.breatcumb-area::before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(23 23 23);
    z-index: 0;
    opacity: 70%;
}

.breatcumb-content {
    margin: 0 0 2px;
    position: relative;
}

.breatcumb-title h1, .breatcumb-title h2 {
    font-size: 50px;
    font-weight: 600;
    color: #fff;
    margin: 0 0 15px;
    font-weight: 200;
    font-family: var(--font-3);
}

.breatcumb-content-text ul li {
    list-style: none;
    display: inline-block;
}

.breatcumb-content-text ul li a {
    font-size: 17px;
    color: #fff;
    font-weight: 400;
}

.breatcumb-content-text i {
    font-size: 15px;
    color: #fff;
    margin: 0 6px;
    display: inline-block;
}

.breatcumb-content-text span {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 0 4px;
}

.skill-area {
    background: #f3f6f9;
}

.progress-bar {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    overflow: hidden;
    color: #FFE;
    text-align: center;
    white-space: nowrap;
    background-color: var(--bs-color);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.row.navigation-top {
    background: #fff;
    -webkit-box-shadow: 0 3px 3px 0 rgba(17, 12, 79, 0.1);
    box-shadow: 0 3px 3px 0 rgba(17, 12, 79, 0.1);
    position: relative;
    margin-top: -100px;
    z-index: 1;
}

.mission-thumb img {
    width: 100%;
}

.mission-title h1 {
    font-size: 27px;
}

.mission-title p {
    padding: 20px 0 6px;
    width: 100%;
    font-size: 14px;
    font-family: 'Heebo', sans-serif;
}

.mission-vision-thumb img {
    width: 100%;
}

.mission-vision-content h2 {
    font-size: 20px;
    color: #444;
    font-weight: 700;
    margin: 0 0 10px;
}

.mission-vision-content p {
    font-size: 14px;
    margin-bottom: 6px;
}

.mission-vision-button a {
    text-transform: uppercase;
    font-size: 12px;
    display: inline-block;
    color: var(--bs-color);
}

.six.call-do-action-area:before {
    display: none;
}

.six .call-do-action-title h3 {
    font-size: 35px;
    font-weight: 700;
}

.six .call-do-action-number i {
    font-size: 30px !important;
}

.six .call-do-action-number span {
    font-size: 35px;
}

.six .call-button a {
    background: var(--bs-color);
    font-size: 14px;
    color: #fff;
    padding: 14px 40px;
    border: 2px solid var(--bs-color);
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}

.six .call-button a:hover {
    background: #fff;
    border-color: var(--bs-color);
    color: var(--bs-color);
}

.team-details-thumb img {
    width: 100%;
}

.team-details-title h1 {
    font-size: 20px;
    font-weight: 700;
    padding: 15px 0 7px;
}

.team-details-title p {
    color: var(--bs-color);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

.team-details-icon a {
    background: var(--bs-color);
    border-radius: 3px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    color: #fff;
    margin: 3px;
}

.team-details-icon a i {
    font-size: 15px;
}

.team-details-icon2 i {
    font-size: 30px;
    color: var(--bs-color);
}

.doctor-number {
    border-bottom: 1px solid #ddd;
    padding-bottom: 22px;
}

.doctor-number h3 {
    font-size: 18px;
    font-family: 'Heebo', sans-serif;
    font-weight: 500;
    color: rgba(86, 86, 86, 0.8);
    margin-bottom: 0;
}

.team-details-button a {
    display: inline-block;
    border: 2px solid var(--bs-color);
    font-weight: 500;
    text-transform: uppercase;
    background: var(--bs-color);
    color: #fff;
    padding: 12px 40px;
    margin-top: 40px;
    -webkit-transition: .5s;
    transition: .5s;
}

.team-details-button a:hover {
    background: #fff;
    color: var(--bs-color);
}

.odic-team-details {
    padding: 25px 25px;
    -webkit-box-shadow: 0 10px 30px 0 rgba(17, 12, 79, 0.1);
    box-shadow: 0 10px 30px 0 rgba(17, 12, 79, 0.1);
}

.team-details-text h1 {
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 15px;
}

.bold-color {
    color: #555555;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 25px;
}

.mkdf-ds-bio-info-title {
    color: #2f3241;
    font-size: 17px;
    font-weight: 600;
    margin-right: 150px;
}

.seven.call-do-action-area:before {
    display: none;
}

.seven .call-do-action-title h3 {
    font-size: 35px;
    font-weight: 700;
}

.seven .call-do-action-number i {
    font-size: 30px !important;
}

.seven .call-do-action-number span {
    font-size: 35px;
}

.seven .call-button a {
    background: var(--bs-color);
    font-size: 14px;
    color: #fff;
    padding: 14px 40px;
    border: 2px solid var(--bs-color);
    font-weight: 400;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s;
}

.seven .call-button a:hover {
    background: #fff;
    border-color: var(--bs-color);
    color: var(--bs-color);
}

.our-section-title h1 {
    font-size: 30px;
    font-weight: 700;
}

.our-section-title p {
    padding: 30px 0 32px;
}

.clinic-button a {
    font-weight: 500;
    border: 2px solid var(--bs-color);
    padding: 13px 40px;
    background: var(--bs-color);
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
    color: #fff;
}

.clinic-button a:hover {
    background: #fff;
    color: var(--bs-color);
}

.odic-service-details-menu ul li {
    display: block;
    list-style: none;
}

.odic-service-details-menu ul li a {
    display: block;
    padding: 14px 15px 14px 18px;
    background-color: #F3F6F9;
    font-size: 15px;
    font-weight: 500;
    margin: 0 0 2px;
    color: #172541;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
}

.odic-service-details-menu ul li a:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: var(--bs-color);
    opacity: 0;
    z-index: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.odic-service-details-menu ul li a:hover:before {
    color: var(--bs-color);
    opacity: 1;
}

.sevice-opening-hour-box {
    background: url(assets/images/blog2.jpg);
    position: relative;
    z-index: 1;
}

.sevice-opening-hour-box:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: -1;
    background: rgba(123, 199, 77, 0.82);
}

.service-opening-hour {
    padding: 28px 40px 35px;
}

.service-opening-hour h2 {
    font-size: 25px;
    font-weight: 700;
    margin: 12px 0 40px;
    text-align: center;
    color: #fff;
}

.service-opening-hour ul li {
    list-style: none;
    display: block;
    color: #fff;
    padding-bottom: 10px;
    font-size: 16px;
    border-bottom: 1px dotted #fff;
    margin-bottom: 12px;
}

.service-opening-hour span {
    text-align: right;
    float: right;
    display: inline-block;
}

.service-details-thumb img {
    width: 100%;
    margin-bottom: 30px;
}

.service-details-content h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
}

.service-details-inner-thumb img {
    width: 100%;
}

.sservice-title h1 {
    font-size: 17px;
    font-weight: 700;
    font-family: "Merriweather", sans-serif;
    text-align: center;
}

.service-details-content-two h1 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 25px;
    border-top: 1px solid #dddddd;
    padding-top: 47px;
    margin-top: 16px;
}

.blogquote {
    background: #F6F7FF;
    padding: 50px 50px 50px 108px;
    border-left: 6px solid var(--bs-color);
    margin: 32px 0 32px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    font-style: normal;
}

.blog-icon {
    float: left;
    margin: 4px 0 10px 0;
}

.blog-icon i {
    font-size: 41px;
    font-weight: 700;
    color: var(--bs-color);
    margin-left: -68px;
}

.blogquote-text {
    overflow: hidden;
}

.blogquote-text span {
    font-size: 14px;
    font-weight: 500;
    color: var(--bs-color);
    display: block;
    margin-top: 20px;
}

.blogquote-text p {
    font-weight: 500;
}

.inner-content {
    padding-top: 38px;
}

.inner-content-text h4 {
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 15px;
}

.author {
    background: #F6F7FF;
    padding: 40px 60px;
    margin: 98px 0 50px;
    background: #F6F7FF;
    padding: 40px 55px 27px;
    margin: 98px 0 50px;
}

.author-images img {
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
    margin: auto;
    padding: 9px;
    border-radius: 100%;
    background: #fff;
    margin-top: -100px;
}

.authir-text h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 32px 0 7px;
    display: block;
}

.author-icon i {
    color: #9498b6;
    margin: 0 5px 0px;
}

.author-title p {
    padding: 22px 0 0 0;
}

.comment-title h3 {
    font-size: 26px;
    font-weight: 700;
    color: #140a20;
    margin: 0px 16px 28px;
}

.contact-inner-title h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0 10px;
}

.contact-inner-title p {
    color: rgba(86, 86, 86, 0.8);
}

.contact-content-box {
    padding: 34px 20px 34px;
    background: #fff;
    -webkit-box-shadow: 0 5px 30px rgba(222, 222, 222, 0.4);
    box-shadow: 0 5px 30px rgba(222, 222, 222, 0.4);
    border-bottom: 4px solid var(--bs-color);
    margin-bottom: 30px;
}

.section-area li {
    position: relative;
    padding: 12px 2px 0 22px;
    font-size: 17px;
    font-weight: 500;
    color: #000000;
    opacity: 80%;
}

.sec-list-new li {
    padding: 9px 2px 0 15px;
}

.sec-list-new li span {
    font-weight: bold;
    color: #000;
}

.section-area li::before {
    content: "\f18c";
    font-family: 'Font Awesome 5 Brands';
    left: -14px;
    position: absolute;
    background: linear-gradient(80deg, #026838, #7bc750);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 22px;
    top: 8px;
}

.serv-section {
    /* background: -webkit-gradient(linear, left top, left bottom, from(#fdf95130), to(#7bc75042));
      background: linear-gradient(to bottom, #fdf95130, #7bc75042); */
    position: relative;
}

.serv-section__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    z-index: -1;
    opacity: 13%;
    pointer-events: none;
}

.serv-section__bg img {
    width: 80%;
    /* filter: hue-rotate(55deg); */
    max-width: 500px;
    margin-top: 5%;
}

.serv-section__bg2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    z-index: -1;
    opacity: 9%;
    pointer-events: none;
}

.serv-section__bg2 img {
    width: 80%;
    /* filter: hue-rotate(55deg); */
    max-width: 260px;
    margin-top: 5%;
}

.section-inner-title {
    font-size: 1.3rem;
}

.main-logo img {
    /* image-rendering: optimizeSpeed;
                                        image-rendering: -moz-crisp-edges;
                                        image-rendering: -o-crisp-edges;
                                        image-rendering: -webkit-optimize-contrast;
                                        image-rendering: crisp-edges;
                                        -ms-interpolation-mode: bicubic; */
    max-width: 100%;
}

body.active-nav .mobile-sidebar {
    left: 0px;
}

.mobile-sidebar {
    position: fixed;
    top: 0;
    z-index: 10001;
    background: #fff;
    left: -100%;
    transition: .5s;
    width: 280px;
    height: 100%;
    padding-right: 31px;
    padding: 10px 10px;
}

.mobile-sidebar ul {
    margin: 0px 0 10px;
}

.mobile-sidebar ul li a {
    padding: 13px 0 6px 20px;
    display: block;
    color: #4f4f4f;
}

.mobile-sidebar a.active {
    color: var(--bs-color);
}

@media only screen and (max-width: 768px) {
    .odic-feature-box {
        padding: 16px 16px 13px 16px;
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 576px) {
    .header-area {
        padding: 6px 0;
    }

    .slider-area {
        height: 400px;
    }

    .odic-slider-content h2 {
        font-size: 16px;
    }

    .slider-button a {
        /* font-size: 17px; */
        /* padding: 8px 28px; */
    }
}

@media only screen and (max-width: 992px) {
    .odic-header-left ul li {
        margin-bottom: 8px;
    }
}

@media only screen and (min-width: 1300px) {
    .container {
        max-width: 1290px
    }
}

@media only screen and (min-width: 1400px) {
    .container {
        max-width: 1390px
    }

    .slider-area {
        height: 750px !important;
    }
}

.about-home h2 {
    font-weight: 300;
    font-family: Roboto Slab;
    color: #555;
    line-height: 50px;
}

.about-home p {
}

.sec-title {
    margin-bottom: 45px;
}

.sec-title__label {
    text-transform: uppercase;
    /* opacity: 0.55; */
    letter-spacing: 0.55px;
    line-height: 1.2;
    font-weight: 700;
    font-size: 15px;
    color: var(--bs-color);
    padding: 0px 0 3px 0;
    margin-bottom: 24px;
    font-family: var(--font-1);
    letter-spacing: 3.2px;
}

.sec-title .sec-title__label .label {
    display: inline-block;
    padding: 9px 20px;
    border-radius: 25px;
    letter-spacing: 2.98px;
    line-height: 1.5;
    background-color: var(--bs-green);
    color: #fff;
}

.sec-title .sec-title__label {
    color: #d3d5d3;
    font-size: 14px;
}

.sec-title--light .sec-title__label .label {
    background-color: var(--bs-green);
}

.sec-title__text {
    font-family: var(--font-3);
    color: #555;
    line-height: normal;
    font-weight: 500;
    font-size: 41px;
    letter-spacing: 1px;
}

.sec-title--light .sec-title__text {
    color: #fff;
}

.about-two {
    position: absolute;
    width: 320px;
    bottom: -80px;
    right: 0;
    animation: moveX 2000ms linear infinite alternate;
}

.about-two img {
    width: 100%;
    border-radius: 12px;
    object-fit: cover;
}

@keyframes moveX {
    100% {
        transform: translateX(10px)
    }
}

@keyframes moveY {
    100% {
        transform: translateY(10px)
    }
}

/*  */
.section-service {
    padding: 60px 0px 40px;
    background: linear-gradient(to bottom, #fff, #daede4d1 50%, #fff 130%);
}

.service--second {
    /* background-color: #ffffff; */
}

.service-card {
    flex-direction: column;
    padding-bottom: 1px;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}

.service-card__img {
    margin-bottom: 0px;
    position: relative;
    border-radius: 17px;
    overflow: hidden;
}

.service-card__img:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #1d6e2175;
    top: 0px;
    left: 0px;
    opacity: 0;
    transition: all 200ms linear
}

.service-card:hover .service-card__img:after {
    opacity: 1;
}

.service-card__img img {
    width: 100%;
    aspect-ratio: 0.5/0.4;
    object-fit: cover;
}

.service-card__body {
    background-color: #fff;
    padding: 16px 12px;
}

.service-card__body h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0;
    color: var(--primary-color);
}

.serviceone-card {
    background: #ffffff00;
    padding: 10px 11px;
    border-radius: 20px;
    border: 1px solid #d2d2d2;
}

/*  */
.footer-social {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 10px;
    margin-top: 20px;
}

.footer-social li a {
    color: rgb(255 255 255 / 83%);
    width: 45px;
    height: 45px;
    background-color: hsl(0deg 0% 28.79%);
    display: inline-block;
    line-height: 47px;
    text-align: center;
    transition: .5s;
    border-radius: 50%;
    font-size: 17px
}

.footer-social li a:hover {
    background: var(--primary-dark);
    color: #fff
}

/*  */
.section-review {
    padding: 80px 0px 80px;
}

/*  */
.footer-contentinfo {
    padding: 0px 0px 12px;
    color: #000;
    font-size: 16px;
    line-height: 35px;
}

.sec-innercontent p {
    font-size: 17.7px;
    margin-top: 18px;
    font-family: var(--font-2);
    color: #515151;
}

.service-innercontent p {
    color: #c6c6c6d6;
    font-family: var(--font-1);
    font-size: 16px;
    line-height: 30px;
}

.sec-innercontent h2 {
    color: #ffffffe6;
    font-size: 18px;
    font-weight: 500;
    font-family: var(--font-1);
}

.sec-innercontent--light h3 {
}

/*  */
.title-s2 {
    font-weight: 200;
    font-family: var(--font-3);
    font-size: 46px;
}

.ul-list {
    color: #333333d6;
    font-family: var(--font-1);
    font-size: 16px;
    line-height: 30px;
    margin-top: 0.5rem;
}

.ul-list--light {
    color: #bcbcbcd6;
}

.ul-service {
    color: #333333d6;
}

.ul-service--light {
    color: #bcbcbcd6;
}

.ul-service li {
    position: relative;
    padding-left: 20px;
}

.ul-service li:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background-color: var(--primary-color);
    left: 0px;
    border-radius: 50%;
    top: 8px;
}

.serv-section ul {
    padding-left: 16px;
    margin-bottom: 13px;
}

.serv-section h3 {
    font-size: 18px;
    color: #362424e0;
    font-weight: 500;
    margin-bottom: 10px;
}

.serv-section p {
    font-family: var(--font-1);
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.013rem;
    font-weight: 400;
}

body.active-nav {
    overflow: hidden;
}

.mobile-overlay {
    position: absolute;
    top: 0;
    z-index: 1000;
    background: #151515db;
    right: -100%;
    transition: .5s;
    width: 100%;
    height: 100%;
}

body.active-nav .mobile-overlay {
    right: 0%;
}

.mobile-sidebar__logo {
    margin-top: 4px;
    max-width: 200px;
    margin-bottom: 40px;
}

.mobile-menu__close {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 35px;
    height: 35px;
    background: var(--bs-color);
    color: #ffffff;
    text-align: center;
    line-height: 37px
}

/*  */
.section-padding {
    background-color: #fefaf6;
    padding: 80px 0px;
}

.contact-item {
    flex: 1;
    background-color: #f4ede6;
    padding: 55px 40px 30px;
    border-radius: 25px;
}

.contact-item__icon {
    text-align: center;
}

.contact-item__contact {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}

.contact-item__contact a {
    font-weight: 500;
}

.contact-item__contact h2 {
    font-size: 1.5rem;
    margin-bottom: 15px;
}

.contact-item {
    flex: 1;
}

.contact-item__icon svg {
    color: #C47A5E;
}

.section--gallery {
    padding: 100px 0px;
    background-color: #fff8f8;
}

.album-wrap {
    background-color: #eee;
    display: block;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    border: 3px solid #ffffff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
}

.album-wrap__img {
}

.album-wrap__img img {
    width: 100%;
}

.album-wrap__text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 9px 0;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.album-wrap:hover .album-wrap__text {
    color: var(--primary-dark);
}

.gallery-wrap {
    padding-bottom: 53.833%;
    padding-bottom: 63.833%;
    background-color: #eee;
    background-size: cover;
    background-image: var(--img-url);
    position: relative;
    background-position: center center;
}

.gallery-wrap__link {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    border: 5px solid #fff;
}

.gallery-wrap__icon {
    opacity: 0;
}

.gallery-wrap:hover .gallery-wrap__link {
    background-color: var(--primary-color);
    opacity: 0.5;
    z-index: 1;
}

.gallery-wrap:hover .gallery-wrap__icon {
    opacity: 1;
    z-index: 11;
    color: white;
    font-size: 28px;
}

@media only screen and (max-width: 768px) {
    .sec-title__text {
        font-size: 35px;
        line-height: 35px;
    }

    .about-two {
        width: 220px;
        bottom: -120px;
        animation: moveY 2000ms linear infinite alternate;
    }

    .slider-title__sub, .odic-slider-content h3 {
        font-size: 16px;
        width: 96%;
        line-height: 1.6;
        letter-spacing: 0.12px;
    }

    .odic-slider-content h1, .odic-slider-content h2 {
        letter-spacing: 1px;
        margin: 0 0 19px;
        font-size: 27px;
    }

    .slider_list .owl-nav {
        display: none
    }

    .sec-title {
        margin-bottom: 10px;
    }

    .sec-title__label {
        margin-bottom: 14px;
        font-size: 14px;
    }

    .sec-title__text span {
        display: block;
    }

    .section-about-home .content-about-home p {
        word-spacing: -2.4px;
    }
}

.wp_wave {
    position: fixed;
    bottom: 25px;
    text-align: center;
    width: 60px;
    height: 60px;
    right: 25px;
    border-radius: 50%;
    z-index: 999;
    background: #34d13b;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    box-shadow: 0px 4px 9px 3px rgb(0 0 0 / 17%);
}

.wp_icon {
    font-size: 31px;
    color: #fff;
    line-height: 1px;
    /* animation: wp_anim 2s linear infinite 1s; */
}

.owl-video-testimonial .owl-dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 1rem;
}

.owl-video-testimonial .owl-dot span {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    background-color: #b8b8b8;
}

.owl-video-testimonial .owl-dot.active span {
    background-color: #a8c84e;
}

.banner-nav button {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    line-height: 40px !important;
    border: 1px solid var(--bs-green) !important;
    text-align: center;
    border-radius: 50% !important;
    color: var(--bs-green) !important;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 1;
    transform: translateY(-50%);
    background-color: transparent;
}

.banner-nav button svg {
    width: 35px;
    height: 35px
}

.banner-nav button {
}

.banner-nav button:hover {
    background: var(--bs-green);
    color: #ffffff !important;
}

.banner-nav__left {
    left: -58px;
}

.banner-nav__right {
    right: -58px;
}

.section-banner:hover .banner-nav__left {
    left: 10px;
}

.section-banner:hover .banner-nav__right {
    right: 10px;
}

.section-album {
    background-color: #d5e6d5c7;
}

.album-item {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
}

.album-item__content {
    padding: 10px 20px;
}

.album-item__content h2 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
}

.footer-link {
    display: inline-block;
    margin-bottom: 18px;
    font-size: 20px;
    color: #000;
}

.footer-link.phone {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath fill='%23000' d='M20 16v4c-2.758 0-5.07-.495-7-1.325c-3.841-1.652-6.176-4.63-7.5-7.675C4.4 8.472 4 5.898 4 4h4l1 4l-3.5 3c1.324 3.045 3.659 6.023 7.5 7.675L16 15z'/%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 18.675c1.93.83 4.242 1.325 7 1.325v-4l-4-1zm0 0C9.159 17.023 6.824 14.045 5.5 11m0 0C4.4 8.472 4 5.898 4 4h4l1 4z'/%3E%3C/g%3E%3C/svg%3E");
}

.footer-link.email {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2m0 4l-8 5l-8-5V6l8 5l8-5z'/%3E%3C/svg%3E");
}

.footer-link:before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 34px;
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    position: relative;
    top: 8px;
    margin-right: 17px;
}

.blog_item img {
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 19px;
}

.blog_item ul .date span {
    margin-right: 7px;
    vertical-align: text-bottom;
}

.blog_item {
}

.blog_item .title {
    font-size: 17px;
    margin-top: 8px;
    display: block;
}

.blog_item ul .date {
    color: gray;
    color: var(--bs-color);
}

.page-title {
    text-align: center;
    padding: 20px 0;
    background: #eee;
}

.page-title ul {
    display: none
}

.content {
}

.content .item {
    background-color: #eee;
    background: #ffa68647;
    border-radius: 78px;
    padding: 15px 27px;
    margin-bottom: 13px;
    color: #712408;
    font-weight: 400;
}

.content-img {
    border-radius: 25px;
    overflow: hidden;
    aspect-ratio: 2/1.4;
    object-fit: cover;
    object-position: center;
}

.sec-yoga ul li {
    display: flex;
    align-items: center;
}

.sec-yoga ul li:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m14.571 15.004l.858 1.845s3.857.819 3.857 2.767C19.286 21 17.57 21 17.57 21H13l-2.25-1.25'/%3E%3Cpath d='m9.429 15.004l-.857 1.845s-3.858.819-3.858 2.767C4.714 21 6.43 21 6.43 21H8.5l2.25-1.25L13.5 18'/%3E%3Cpath d='M3 15.926s2.143-.461 3.429-.922C7.714 8.546 11.57 9.007 12 9.007s4.286-.461 5.571 5.997c1.286.46 3.429.922 3.429.922M12 7a2 2 0 1 0 0-4a2 2 0 0 0 0 4'/%3E%3C/g%3E%3C/svg%3E");
    background-color: currentColor;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    /* position: relative; */
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
    top: 10px;
}

.blog_details_img_1 {
    /* height: 430px; */
    aspect-ratio: 16/7;
    background-color: #eee;
}

.blog_details_img_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

@media only screen and (max-width: 768px) {
    .blog_details_img_1 {
        height: auto
    }
}

.blog_details_img_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.blog_details_engage {
    gap: 25px;
    margin-top: 25px;
    font-size: 15px;
    letter-spacing: .25px;
    font-weight: 600;
    color: #fd550d;
}

.blog_details_engage li span {
    display: inline-block;
    position: relative;
    top: -2px
}

.blog_details_left h2 {
    font-size: 27px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #2e7296;
}

.blog_details_decsr, .blog_details_left p {
    font-size: 16px;
    line-height: 28px;
    margin-top: 15px;
    color: #121212c7;
    letter-spacing: 0.35px;
}

.blog_details_decsr p {
    margin-top: 0
}

.blog_details_decsr :where(ul, ol, li) {
    list-style: revert;
    padding-left: 20px
}

.blog_details_decsr li {
    padding-left: 0
}

.blog_details_right {
    border: 1px solid rgba(3, 26, 38, .1);
    overflow: hidden
}

.blog_details_right_header {
    padding: 25px 20px;
    border-top: 1px solid rgba(3, 26, 38, .1)
}

.blog_details_right_header h3 {
    font-size: 20px;
    font-weight: 600;
    text-transform: capitalize
}

.popular_blog {
    margin-top: 16px;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #bcbcbc42;
    color: #000
}

.popular_blog.active {
    border: 1px solid #bcbcbc;
    color: var(--secondary-color)
}

.popular_blog_img {
    width: 90px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden;
    background-color: #eee;
}

.popular_blog_text {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-left: 18px
}

.popular_blog_text .item_title {
    font-weight: 500;
    font-family: var(--font-2)
}

.popular_blog_text p {
    font-weight: 500;
    font-size: 14px;
    color: #676767
}

.popular_blog_text p span {
    width: 14px;
    height: 16px;
    display: inline-block;
    margin-right: 5px
}

.popular_blog_text a {
    color: #202020;
    font-weight: 500;
    font-size: 1rem;
    margin-top: 0
}

.svg, .svgbrands, .svg-brands {
    display: inline-block;
    width: var(--fs, 1.2em);
    height: var(--fs, 1.2em);
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: var(--svg);
    mask-image: var(--svg);
    vertical-align: middle;
}

.svg-fa-facebook, .svg-fa-fb {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23000' d='M80 299.3V512h116V299.3h86.5l18-97.8H196v-34.6c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4.4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8z'/%3E%3C/svg%3E")
}

.svg-fa-twitter, .svg-fa-tw {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M357.2 48h70.6L273.6 224.2L455 464H313L201.7 318.6L74.5 464H3.8l164.9-188.5L-5.2 48h145.6l100.5 132.9zm-24.8 373.8h39.1L119.1 88h-42z'/%3E%3C/svg%3E")
}

.svg-fa-instagram, .svg-fa-ig {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M224.3 141a115 115 0 1 0-.6 230a115 115 0 1 0 .6-230m-.6 40.4a74.6 74.6 0 1 1 .6 149.2a74.6 74.6 0 1 1-.6-149.2m93.4-45.1a26.8 26.8 0 1 1 53.6 0a26.8 26.8 0 1 1-53.6 0m129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9 0c-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9c1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0c35.9-1.7 67.7-9.9 93.9-36.2c26.2-26.2 34.4-58 36.2-93.9c2.1-37 2.1-147.8 0-184.8M399 388c-7.8 19.6-22.9 34.7-42.6 42.6c-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6c29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6c11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1'/%3E%3C/svg%3E")
}

.svg-fa-thread {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23000' d='M331.5 235.7c2.2.9 4.2 1.9 6.3 2.8c29.2 14.1 50.6 35.2 61.8 61.4c15.7 36.5 17.2 95.8-30.3 143.2c-36.2 36.2-80.3 52.5-142.6 53h-.3c-70.2-.5-124.1-24.1-160.4-70.2c-32.3-41-48.9-98.1-49.5-169.6v-.5c.5-71.5 17.1-128.6 49.4-169.6c36.3-46.1 90.3-69.7 160.5-70.2h.3c70.3.5 124.9 24 162.3 69.9c18.4 22.7 32 50 40.6 81.7l-40.4 10.8c-7.1-25.8-17.8-47.8-32.2-65.4c-29.2-35.8-73-54.2-130.5-54.6c-57 .5-100.1 18.8-128.2 54.4C72.1 146.1 58.5 194.3 58 256c.5 61.7 14.1 109.9 40.3 143.3c28 35.6 71.2 53.9 128.2 54.4c51.4-.4 85.4-12.6 113.7-40.9c32.3-32.2 31.7-71.8 21.4-95.9c-6.1-14.2-17.1-26-31.9-34.9c-3.7 26.9-11.8 48.3-24.7 64.8c-17.1 21.8-41.4 33.6-72.7 35.3c-23.6 1.3-46.3-4.4-63.9-16c-20.8-13.8-33-34.8-34.3-59.3c-2.5-48.3 35.7-83 95.2-86.4c21.1-1.2 40.9-.3 59.2 2.8c-2.4-14.8-7.3-26.6-14.6-35.2c-10-11.7-25.6-17.7-46.2-17.8h-.7c-16.6 0-39 4.6-53.3 26.3l-34.4-23.6c19.2-29.1 50.3-45.1 87.8-45.1h.8c62.6.4 99.9 39.5 103.7 107.7l-.2.2zm-156 68.8c1.3 25.1 28.4 36.8 54.6 35.3c25.6-1.4 54.6-11.4 59.5-73.2c-13.2-2.9-27.8-4.4-43.4-4.4c-4.8 0-9.6.1-14.4.4c-42.9 2.4-57.2 23.2-56.2 41.8z'/%3E%3C/svg%3E");
}

.svg-fa-youtube, .svg-fa-yt {
    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23000' d='M549.7 124.1c-6.2-23.7-24.8-42.3-48.3-48.6C458.9 64 288.1 64 288.1 64S117.3 64 74.7 75.5c-23.5 6.3-42 24.9-48.3 48.6C15 167 15 256.4 15 256.4s0 89.4 11.4 132.3c6.3 23.6 24.8 41.5 48.3 47.8C117.3 448 288.1 448 288.1 448s170.8 0 213.4-11.5c23.5-6.3 42-24.2 48.3-47.8c11.4-42.9 11.4-132.3 11.4-132.3s0-89.4-11.4-132.3zM232.2 337.6V175.2l142.7 81.2z'/%3E%3C/svg%3E");
}

ul.social-links {
    gap: 1rem
}

ul.social-links li a {
    display: inline-flex;
    width: 50px;
    height: 50px;
    background: 0 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    color: var(--ft-social-t, #fff);
    font-size: 18px;
    background-color: var(--ft-social-bg, #424242);
    border-radius: 50px;
    transition: all 500ms;
}

ul.social-links li a.ig {
    background-color: #bd06b9;
}

ul.social-links li a.fb {
    background-color: #2196F3;
}

ul.social-links li a:hover {
    background-color: var(--primary-color, #000);
    color: var(--ft-social-t-h, #fff);
}

/* zz */
.pt-70 {
    padding-top: 70px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-10 {
    padding-top: 10px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-20 {
    padding-left: 20px;
}

.pl-10 {
    padding-left: 10px;
}

.pr-70 {
    padding-right: 70px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-10 {
    padding-right: 10px;
}

@media only screen and (max-width: 768px) {
    .section-about-home {
        position: relative;
        padding: 0px 0px 30px;
    }

    .section-service {
        padding: 50px 0px 40px;
        background: linear-gradient(to bottom, #fff, #daede4d1 0%, #fff 8%);
    }

    .banner-nav {
        display: none
    }
}