@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
body,
h4,
h5,
h6 {
    color: #393939
}



/*Cart & Checkout page Start*/

.swiper-slide .product-box {
  padding: 15px;
  border: 1px solid #eee;
  background: #fff;
  height: 100%;
}

.swiper-button-next, .swiper-button-prev {
  color: #d61c92;
}


a.reset_variations {
    color: black;
}

.woocommerce-message {
    border-top-color: #c01157;
}

.woocommerce-message::before {
    content: "\e015";
    color: #c01157;
}

table.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents a {
    color: #808080;
}

a.checkout-button.button.alt.wc-forward {
    background: #c70c56;
    color: wheat;
}


.woocommerce-info {
    border-top-color: #c70c56 !important;
}



.woocommerce-info::before {
    color: #c70c56 !important;
}

button#place_order {
    background: #c70c56;
    color: white;
}

a.woocommerce-privacy-policy-link {
    color: #c70c56;
}

.woocommerce-info a {
    color: #c70c56;
}


.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
    border-color: #c70c56;
}


table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details a {
    color: black;
}

button.single_add_to_cart_button.button.alt.disabled.wc-variation-selection-needed:hover {
    background: gray;
    color: white;
}

span.woocommerce-terms-and-conditions-checkbox-text a {
    color: #c70c56 !important;
}

.woocommerce-message a {
    color: #c01157;
}



/*Cart & Checkout page End*/


.d-flex {
    display: flex;
    flex-direction: column-reverse;
}


.yith-add-to-wishlist-button-block {
    margin:5px !important;
}


a {
    color: #393939;
    text-decoration: underline;
}

h5,
p {
    line-height: 25px
}

.menuSec ul,
.noPadding,
ul {
    padding: 0
}

.menuSec ul li a,
a,
a:focus,
a:hover {
    text-decoration: none
}

.centerCol,
.menuSec li:hover li {
    float: none
}

h1,
h2 {
    font-weight: 700;
    color: #0e2b35
}

body,
html {
    overflow-x: hidden
}

body {
    word-break: break-word;
    font-family: "DM Sans", sans-serif;
}



a:focus,
a:hover {
    color: #7fc543
}

a:hover {
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out
}

img {
    max-width: 100%
}

input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    outline: 0
}

input[type=email],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

ul {
    margin: 0;
    list-style-type: none
}

@font-face {
    font-family: 'Fonts Awesome';
    src: url(../fonts/fontawesome-webfont.eot);
    src: url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg#fontawesome-webfont) format("svg");
    font-weight: 400;
    font-style: normal
}

.noLeft {
    padding-left: 0
}

.noRight {
    padding-right: 0
}

.mt-5 {
    margin-top: 50px
}

.mb-5 {
    margin-bottom: 50px
}

.mt-8 {
    margin-top: 80px
}

.blog-and-news-btn,
.mt-4 {
    margin-top: 40px
}

.inner-blog-images,
.mt-3 {
    margin-top: 30px
}

.mt-2 {
    margin-top: 20px
}

.pt-5 {
    padding-top: 50px
}

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

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

.pb-3 {
    padding-bottom: 30px
}

.pb-4 {
    padding-bottom: 40px
}

.pb-8 {
    padding-bottom: 80px
}

.m-0 {
    margin: 0 !important
}

.p-0 {
    padding: 0 !important
}

.pt-8 {
    padding-top: 80px
}

.pt-4 {
    padding-top: 40px
}

.pt-3 {
    padding-top: 30px
}

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

.all-section,
.blog-and-news-sec.inner {
    padding: 80px 0
}

.centerCol {
    margin: 0 auto
}

.d-flex {
    display: flex;
    align-items: center
}

.btn10,
.menuSec ul li,
.menuSec ul li a {
    display: inline-block
}

.over-flow-h {
    overflow: hidden
}

.btn10 {
    border: 1px solid #a30000 !important;
    text-align: center;
    position: relative;
    overflow: hidden !important;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #a30000 !important;
    z-index: 10;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
    font-size: 17px;
    font-family: Poppins;
    font-weight: 400
}

.btn10:hover {
    border: 1px solid #a30000 !important;
    color: #fff !important
}

.btn10::after,
.btn10::before {
    content: '';
    width: 0%;
    display: block;
    left: -10%;
    box-shadow: 2px 0 14px rgba(0, 0, 0, .6);
    border-color: #a30000 !important;
    position: absolute;
    top: 0;
    height: 100%
}

.btn10::before {
    background: #a30000;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 1;
    z-index: -12;
    -moz-transition: .7s cubic-bezier(.77, 0, .175, 1);
    -o-transition: .7s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: .7s cubic-bezier(.77, 0, .175, 1);
    transition: .7s cubic-bezier(.77, 0, .175, 1)
}

.btn10::after {
    background: #fff;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    opacity: 0;
    z-index: -15;
    -webkit-transition: .94s cubic-bezier(.2, .95, .57, .99);
    -moz-transition: .4s cubic-bezier(.2, .95, .57, .99);
    -o-transition: .4s cubic-bezier(.2, .95, .57, .99);
    transition: .4s cubic-bezier(.2, .95, .57, .99)
}

.btn10:hover::before,
.btn1O:hover::before {
    opacity: 1;
    width: 116%
}

.btn10:hover::after,
.btn1O:hover::after {
    opacity: 1;
    width: 120%
}

.flexRow {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.flexCol {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    align-items: center
}

h1 {
    font-size: 60px;
    line-height: 65px;
    margin: 0 0 10px
}

h2 {
    font-size: 55px;
    line-height: 55px;
    margin: 0 0 15px
}


h4,
h5,
h6 {
    font-family: Poppins, Sans-Serif
}

.about-tudebon-counter h2 sup,
h4 {
    font-size: 24px
}

h4,
h5,
h6,
p {
    font-weight: 500
}

h4 {
    line-height: 29px;
    margin: 0 0 13px
}

h5 {
    font-size: 20px;
    margin: 0 0 20px
}

h6 {
    font-size: 18px;
    line-height: 23px;
    margin: 0 0 22px
}

p {
    color: #3a3a3a;
    font-size: 17px;
    letter-spacing: 0
}

select {
    background: url('../images/arrow.png') right no-repeat #fff;
    padding: 0 40px 0 30px
}

::-webkit-input-placeholder {
    color: #575757
}

::-moz-placeholder {
    color: #575757;
    opacity: 1
}

:-ms-input-placeholder {
    color: #575757
}

:-moz-placeholder {
    color: #575757;
    opacity: 1
}

.menuSec {
    padding: 10px 0;
     position: relative;
    top: 0 !important;
    z-index: 9;
    width: 100%
}

.menuSec ul,
.menuSec ul li,
.menuSec ul li a,
.topsec-email-points,
.topsec-select,
section.main_slider {
    position: relative
}

.menuSec img,
.our-patient-review-silder .slick-slide {
    margin: 0
}
.banner_text h1 {
    font-size: 60px;
    color: #242424 !important;
}
.menuSec ul {
    list-style: none;
    margin: 0;
    text-align: left;
    text-transform: capitalize
}

.menuSec ul li {
    margin: 0;
    padding: 0
}

.menuSec li ul,
.menuSec li>ul>li>a:after,
.menuSec li>ul>li>a:before {
    display: none
}

.menuSec ul li a {
    color: #333;
    padding: 0px 11px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Arial';
    text-transform: uppercase;
}

.menusec-call-us ul li h2 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 30px
}

.menusec-call-us ul {
    display: flex;
    align-items: center;
    gap: 10px;
    text-align: left;
    justify-content: end
}

.menusec-call-us ul li img {
    width: 30px;
    height: 30px;
    object-fit: contain
}

.menusec-call-us ul li span {
    display: flex;
    align-items: baseline;
    justify-content: left;
    width: 20px;
    height: 20px;
}


.menuSec li:hover>ul {
    display: block;
    position: absolute;
    z-index: 1000;
    background-color: #000;
    left: 0;
    width: 230px;
    text-align: left;
    top: 38px
}

.menuSec li>ul>li>a {
    border: none;
    padding: 13px 20px !important;
    color: #fff !important;
    overflow: hidden;
    font-size: 13px;
    line-height: 20px
}

.menuSec li>ul>li,
.menuSec li>ul>li>a {
    display: block;
    margin: 0
}

.header-logo a img {
    width: 80%
}

.menuSec li ul li a:hover {
    background-color: #fff;
    color: #000 !important
}

.menuSec ul ul ul {
    left: 100%;
    top: 0
}

.menuSec ul:after,
.menuSec ul:before {
    content: " ";
    display: table
}

.menuSec ul:after {
    clear: both
}

.menuSec li>ul>li:hover>ul {
    left: 230px;
    top: 0;
    width: 270px
}

.topSec {
    background: #c01157;
    padding: 10px 0
}

.topsec-email-phone-number ul {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.topsec-email-phone-number ul li a {
    font-size: 15px;
    color: #f2f2f2
}

.topsec-email-points:before {
    content: "";
    position: absolute;
    background: #fff;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    top: 10px;
    left: -13px
}

.topsec-socail-icon ul {
    display: flex;
    align-items: center;
    gap: 20px
}

.topsec-socail-icon ul li a {
    color: #ffff
}

.topsec-select select {
    color: #fff;
    background: no-repeat;
    border: 2px solid #fff;
    width: 150px;
    border-radius: 50px;
    height: 40px;
    padding: 0 45px
}

.topsec-select-world-icon {
    position: absolute;
    top: 9px;
    left: 15px
}

.accordion-body-gorrila-page-txt p,
.counter-text h2,
.our-patient-review-silder-items p,
.services-box:hover *,
.topsec-select-world-icon i {
    color: #fff
}

.topsec-select-drop-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    pointer-events: none
}

.topsec-select select option {
    background: #000
}

.counter-text ul li a,
.topsec-select-drop-icon i {
    font-size: 18px;
    color: #fff
}

.topsec-social--select {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 20px
}

.menusec-call-us ul li h2 {
    font-family: Cinzel, serif;
    color: #0e2b35;
    font-weight: 900
}

.menusec-call-us ul li a {
    padding: 0;
    font-size: 18px;
    font-weight: 600
}

.carousel-inner>.item>a>img,
.carousel-inner>.item>img {
    width: 100%
}


.carousel-control.left,
.carousel-control.right {
    background: rgba(255, 255, 255, .1);
    opacity: 1;
    width: 50px;
    height: 50px;
    top: 40%;
    text-shadow: none
}

.carousel-control.left:hover,
.carousel-control.right:hover {
    background: rgba(255, 27, 27, .6);
    color: #fff
}

.banner-text-boxs {
    background: #0e2B35CC;
    width: 100%;
    padding: 45px 35px;
    height: 310px !important;
}

.carousel-control.left .fa,
.carousel-control.right .fa {
    position: relative;
    top: 12px;
    font-size: 20px;
    color: #fff;
    opacity: .5
}

.carousel-control.right {
    right: 0
}

.carousel-control.left {
    left: 0
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 10px;
    height: 12px;
    padding: 0;
    margin: 3px !important;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 1;
    border-radius: 20px
}

.carousel-caption {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    margin: 0;
    padding: 0;
    color: #fff;
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center
}

.about-tudebon-counter,
.address,
.banner-text-boxs,
.counter-box,
.footer-copy-right,
.how-we-work-box,
.how-we-work-heading,
.inner-blog-news-heading,
.services-box,
.services-heading {
    text-align: center
}

.carousel-indicators li {
    border: none;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #fff;
    width: 12px;
    height: 12px;
    margin: 0
}

.carousel-indicators .active {
    margin: 0;
    background-color: #28b16d;
    width: 10px;
    height: 12px
}


.theme-btn-1 {
    border: solid 2px white;
    text-transform: uppercase;
    background: #c01157;
    padding: 15px 20px;
    color: #fff;
    font-size: 14px;
    border-radius: 0px
}

.theme-btn-1:hover {
    color: white !important;
    background: transparent;
    border: solid 2px white;
}

.banner_text ul {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 30px
}

.banner-boxs-sec {
    position: absolute;
    width: 100%;
    bottom: 0
}

.banner-play-icon a {
    color: #5c645e;
    border: 1px solid #5c645e;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%
}

.banner-text-boxs {
    background: #0e2B35CC;
    width: 100%;
    padding: 45px 35px
}

.about-tudebon-counter,
.banner-text-boxs h2,
.blog-and-news-box-text ul li a,
.counter-row,
.services-box:hover {
    background: linear-gradient(166.36deg, #a4ce3f 2.31%, #32b34b 90.24%)
}

.banner-text-boxs img {
    width: 70px;
    height: 70px;
    margin-bottom: 20px;
    object-fit: contain
}


.banner-text-boxs p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    width: 70%;
    margin: 0 auto
}

.about-tudebon-our-vision-box ul li h2,
.banner-text-boxs h2 {
    font-weight: 600;
    margin-bottom: 5px;
    font-family: "DM Sans", sans-serif
}

.banner-text-boxs h2 {
    font-size: 25px;
    line-height: 30px;
    color: transparent;
    background-clip: text
}

.about-tudebon-our-vision-box ul li h2 {
    font-size: 20px;
    line-height: 25px
}

.about-tudebon-counter h2 {
    font-size: 45px;
    color: #fff;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 0
}

.services-box h2 {
    font-size: 25px;
    font-family: "DM Sans", sans-serif;
    line-height: 30px;
    margin-bottom: 8px
}

.services-box p {
    width: 90%;
    margin: 0 auto 20px
}

.services-box a {
    font-size: 15px;
    color: #5c645e;
    font-weight: 700
}

.about-tudebon-counter p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0
}

.about-tudebon-our-vision-box ul {
    display: flex;
    align-items: baseline;
    gap: 10px
}

.about-tudebon-our-vision-box ul li p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px
}

.about-tudebon-text p strong,
.faq-heading h2,
.inner-about-us-row p strong,
.inner-services-text p strong {
    color: #000
}

.about-tudebon-sec,
.faq-sec.inner,
.how-we-work-sec,
.inner-blog-news-sec,
.inner-services-sec,
.partners-associations-sec,
section.faqs-main {
    padding:50px 0
}

.about-tudebon-img {
    padding-left: 100px;
    position: relative
}

.about-tudebon-counter {
    display: none;
    padding: 20px 10px;
    width: 30%;
    position: absolute;
    left: 0;
    top: 80px
}

.about-tudebon-img img {
    width: 100%;
    height: 545px;
    object-fit: cover
}

.theme-heading-1 {
    color: #0c2a34;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    letter-spacing: 1px
}

.about-tudebon-text {
    margin-left: 15px
}

.about-tudebon-text h2 span,
.faq-heading.text-center h3 span {
    display: block
}

.about-tudebon-our-vision-box ul li img {
    width: 56px;
    height: 50px;
    object-fit: contain
}

.about-tudebon-our-vision-row {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 35px
}

.services-heading p {
    width: 80%;
    margin: 0 auto;
    line-height: 28px
}

.inner-services-text .theme-heading-1,
.services-heading h2 {
    margin-bottom: 10px
}

.services-box {
    border: 3px solid #5c645e;
    padding: 50px 20px;
    margin-top: 35px;
    transition: .5s
}

.services-box:hover img {
    filter: brightness(0) saturate(100%) invert(99%) sepia(3%) saturate(284%) hue-rotate(266deg) brightness(117%) contrast(100%)
}

.services-box img {
    width: 84px;
    height: 88px;
    object-fit: contain;
    color: #6ac045;
    filter: brightness(0) saturate(100%) invert(74%) sepia(10%) saturate(2595%) hue-rotate(56deg) brightness(91%) contrast(81%);
    margin-bottom: 15px
}

.services-box:hover {
    transition: .5s;
    border: 3px solid #80c762
}

.services-sec {
    background: #e8eef0;
    padding: 100px 0;
    margin:100px 0 0;
}

.partners-associations-text h2 {
    font-size: 57px;
    margin-bottom: 15px
}

.partners-associations-logo a img {
    width: 100%;
    height: 75px;
    object-fit: contain
}

.inner-about-us-compassion,
.our-patient-review-silder-items ul,
.partners-associations-logo.chg {
    margin-top: 25px
}

.partners-associations-right-row {
    margin-left: 25px
}

.counter-row {
    padding: 70px 50px;
    margin-top: 60px
}

.counter-images-box img {
    width: 100%;
    height: 378px;
    object-fit: scale-down;
}

.counter-text label {
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 600
}

.counter-text p {
    color: #fff;
    margin-bottom: 10px
}

.counter-text ul {
    display: flex;
    align-items: baseline;
    gap: 10px;
    line-height: 40px
}

.blog-and-news-box h2,
.counter-range-silder h2,
.how-we-work-box h2 {
    line-height: 30px;
    font-family: "DM Sans", sans-serif
}

.counter-text ul li i {
    color: #fff;
    font-size: 18px
}

.inner-services-text ul li a {
    color: #3a3a3a;
    font-size: 17px;
    line-height: 25px;
    font-weight: 500
}

.counter-text {
    margin-left: 10px
}

.counter-sec {
    position: relative;
    padding-top: 80px
}

.counter-sec:before {
    content: "";
    position: absolute;
    background: #0e2b35;
    width: 100%;
    height: 700px;
    z-index: -1;
    top: 0
}

.counter-box img {
    width: 70px;
    height: 70px;
    object-fit: contain;
    margin-bottom: 25px
}

.counter-box {
    position: relative;
    z-index: 9
}

.counter-box h2 {
    color: #fff;
    font-family: "DM Sans", sans-serif;
    position: relative
}

.counter-box h2 sup {
    font-size: 25px;
    position: absolute;
    top: 0
}

.counter-box p {
    font-size: 25px;
    color: #f2f2f2;
    margin-bottom: 0;
    font-weight: 500
}

.counter-sec:after {
    content: "";
    position: absolute;
    background-image: url(../images/counter-before.png);
    width: 235px;
    height: 700px;
    top: 0;
    right: 0;
    z-index: 1;
    background-size: cover
}

#range-slider__range {
    appearance: none;
    height: 10px;
    background: #addfa3;
    outline: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    border-radius: 2px
}

.counter-range-silder {
    margin-top: 20px;
    position: relative
}

#range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #000;
    cursor: pointer;
    transition: background .15s ease-in-out
}

.counter-range-silder h2 {
    font-size: 20px;
    margin-bottom: 2px;
    color: #fff;
    font-weight: 500
}

.counter-range-silder-number h2,
.how-we-work-box p {
    margin-bottom: 0
}

.counter-range-silder-number {
    position: absolute;
    top: 0;
    right: 0
}

#range-slider__range::-webkit-slider-thumb:hover {
    transform: scale(1.1);
    background: #000
}

#range-slider__range:active::-webkit-slider-thumb {
    transform: scale(1.1);
    background: #000
}

.how-we-work-row {
    margin-top: 45px
}

.how-we-work-box a {
    border: 3px solid #7cc243;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 28%;
    margin: 0 auto 20px
}

.faq-heading p,
.how-we-work-heading p {
    width: 80%;
    margin: 0 auto
}

.how-we-work-box a img {
    width: 40px;
    height: 40px;
    object-fit: contain
}

.how-we-work-box h2 {
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 10px
}

.our-patient-review-images img {
    width: 100%;
    height: 658px;
    object-fit: cover
}

.our-patient-review-silder-items {
    background: #0e2b35;
    padding: 40px
}

.our-patient-review-silder-items img {
    width: 59px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 30px
}

.our-patient-review-silder-items ul li span {
    font-family: "DM Sans", sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 600
}

.our-patient-review-silder-items ul li {
    font-family: "DM Sans", sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 400
}

.our-patient-review-silder {
    width: 800px;
    margin-top: 25px
}

.feel-somethimg-wrong-sec,
.services-button-row {
    margin-top: 50px;
    text-align: center
}

.our-patient-review-sec {
    padding: 30px 0;
    position: relative
}

.our-patient-review-sec:before {
    content: "";
    position: absolute;
    background-image: url(../images/our-patient-review-before.png);
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: -1;
    bottom: 0;
    left: 0
}

.feel-somethimg-wrong-sec {
    padding: 120px 0;
    background-image: url(../images/feel-somethimg-wrong-back.webp);
    width: 100%;
    height: 100%;
    background-size: cover
}

.feel-somethimg-wrong-sec h2,
.inner-contact-us-form h2 {
    color: #fff;
    font-size: 55px
}

.feel-somethimg-wrong-sec p {
    width: 80%;
    margin: 0 auto 40px;
    color: #fff
}

.feel-somethimg-wrong-sec .theme-btn-1 {
    background: #fff;
    color: #0e2b35;
    font-weight: 600
}

.blog-and-news-sec:before,
.inner-contact-us-sec:before {
    content: "";
    position: absolute;
    background-size: cover;
    z-index: -1
}

.blog-and-news-sec {
    padding: 100px 0;
    position: relative
}

.blog-and-news-sec:before {
    background-image: url(../images/blog-and-news-before.png);
    width: 551px;
    height: 1171px;
    top: 0;
    left: 0
}

.blog-and-news-box {
    background: #0e2b35;
    padding: 15px
}

.blog-and-news-box img {
    width: 100%;
    height: 235px;
    object-fit: cover
}

.blog-and-news-box h2 {
    color: #fff;
    font-size: 25px
}

.inner-blog-news-text.detail h2 {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 10px
}

.inner-blog-news-text.detail h3 {
    margin-bottom: 8px;
    margin-top: 25px
}

.inner-blog-news-text.detail p {
    font-size: 16px;
    color: #595959;
    line-height: 25px
}

.blog-and-news-box p {
    color: #fff;
    margin-bottom: 25px
}

.blog-and-news-box ul {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 15px;
    margin-top: 20px
}

.blog-and-news-box-text {
    padding: 0 15px 20px
}

.blog-and-news-box-text ul li a {
    color: transparent;
    background-clip: text;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 10px
}

.blog-and-news-box-text a,
.footer-social-link ul li a {
    background: linear-gradient(166.36deg, #a4ce3f 2.31%, #32b34b 90.24%);
    color: transparent
}

.blog-and-news-box-text a {
    background-clip: text;
    font-weight: 600
}

.blog-and-news-heading {
    margin-top: 10px;
    margin-left: 4px
}


.footer-social-link ul {
    display: flex;
    align-items: center;
    gap: 18px
}

.footer-social-link ul li a {
    font-size: 20px;
    background-clip: text
}

.footer-logo p {
    color: #fff;
    font-weight: 400
}

.footer-sec h2 {
    color: #fff;
    font-size: 30px;
    font-family: "DM Sans", sans-serif;
    margin-bottom: 10px
}

.ftr-quick-link {
    margin-left: 20px
}

.ftr-quick-link.chg {
    margin-left: 50px
}

.ftr-information ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    font-size: 13px
}

.ftr-information ul {
    line-height: 50px
}

.ftr-information ul li a img {
    width: 35px;
    height: 35px;
    object-fit: contain
}

.footer-copy-right {
    border-top: 1px solid #fff;
    margin-top: 60px;
    padding: 20px 0
}

.footer-copy-right p {
    color: #fff;
    margin-bottom: 0
}

.ftr-quick-link ul {
    line-height: 30px
}

.ftr-quick-link ul li a {
    display: flex;
    align-items: center;
    gap: 12px;
    color: #fff
}

.banner_text label a {
    color: #c01157;
}

section.main_slider.inner .main-banner-img {
    width: 100%;
    object-fit: cover;
    height: auto;
}


.about-tudebon-sec.inner {
    padding: 100px 0 0
}

.inner-services-images img {
    width: 100%;
    height: 780px;
    object-fit: cover
}

.inner-about-us-row h3 {
    margin-bottom: 2px;
    font-size: 25px
}

.inner-about-us-row {
    margin-top: 10px
}

.inner-blog-images img {
    width: 100%;
    height: 495px;
    object-fit: cover
}

.inner-blog-news-text {
    margin-top: 15px
}

.inner-blog-news-text h2 {
    font-size: 45px;
    line-height: 55px;
    margin-bottom: 15px
}

.inner-blog-news-text ul li a {
    font-size: 22px;
    color: #595959;
    font-weight: 500
}

.inner-blog-news-text ul {
    display: flex;
    align-items: center;
    gap: 30px
}

.blog-and-news-box.chg-inner {
    margin-bottom: 40px
}

.inner-blog-news-text p {
    font-size: 20px;
    color: #595959;
    line-height: 35px
}


.inner-contact-us-sec {
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative
}

.inner-contact-us-box ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px
}

.inner-contact-us-box ul li a {
    display: flex;
    align-items: center;
    gap: 20px;
    color: #000;
    font-weight: 800;
    font-size: 18px
}

.inner-contact-us-box ul li {
    margin-bottom: 25px
}

.faq-heading.text-center,
.inner-contact-us-box p {
    margin-bottom: 30px
}

.inner-contact-us-form input {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    margin-bottom: 15px;
    border: none
}

.inner-contact-us-form textarea {
    width: 100%;
    height: 150px;
    padding: 20px 15px 0;
    resize: none;
    margin-bottom: 15px
}

.inner-contact-us-form button {
    width: 100%;
    height: 50px;
    border: none;
    font-size: 18px
}

.inner-contact-us-form button i {
    font-size: 14px
}


.inner-contact-us-sec:before {
    background-image: url(https://moral.sypherdigital.com/wp-content/uploads/2025/06/lingerie-bg-4.png);
    width: 400px;
    height: 100%;
    right: 0;
    top: 20px;
}

.gorilla-content .accordion-button,
.gorilla-content .accordion-button.collapsed {
    font-size: 25px;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 500;
    color: #fff
}

.faq-heading h2,
.faq-heading.chg h2 {
    color: #23306c
}

.faq-heading h2 span {
    display: block;
    color: #a91e23
}




.gorilla-content .gorrila-page-txt .color-red {
    color: #a60000;
    font-weight: 500;
    margin-bottom: 7px;
    margin-top: 30px
}

.gorrila-page-txt ul {
    list-style: disc
}

.gorrila-page-txt ul li {
    color: #000;
    font-size: 14px;
    line-height: 23px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin-bottom: 15px;
    margin-left: 15px
}

.gorrila-page-txt ul li::marker {
    color: #000
}

.accordion-body.gorrila-page-txt {
    background: #fff;
    border: unset !important;
    border-top: none;
    padding: 0
}

.accordion-item {
    background-color: #fff;
    border: inherit
}

.gorilla-content .accordion-item {
    margin-bottom: 20px
}

.accordion-button::after {
    content: "" !important;
    position: absolute !important;
    background-image: url(../images/faqopen.png) !important;
    width: 23px;
    height: 23px;
    right: 30px;
    background-size: cover
}

.accordion-button:not(.collapsed)::after {
    background-image: url(../images/faqclose.png) !important;
    width: 23px;
    height: 7px;
    object-fit: contain
}

.gorilla-content .accordion-button:not(.collapsed) {
    box-shadow: none;
    border-bottom: 0;
    border-radius: 10px 10px 0 0
}

.faq-sec {
    padding: 30px 0 80px
}

.accordion-collapse.collapse {
    border-top: 0;
    border-radius: 0 0 10px 10px
}

.gorilla-content button:focus:not(:focus-visible) {
    box-shadow: none
}

.gorilla-content .accordion-button::after {
    content: '\f067';
    font-weight: 900;
    font-family: 'Font Awesome 5 free';
    background-image: none
}

.accordion-button:not(.collapsed)::after {
    content: '\f068';
    font-weight: 900;
    font-family: 'Font Awesome 5 free'
}

.address {
    font-weight: 700;
    font-size: 20px
}

section.faqs-main p {
    font-weight: 500;
    line-height: 28px;
    font-size: 16px;
    color: #000;
    margin-bottom: 20px;
    font-family: Montserrat, sans-serif
}

.faq-heading.text-center h3 {
    line-height: 60px
}

.products-box {
    height: 450px
}

.call-center-sec .row {
    justify-content: center
}

.call-center-box ul li p a {
    color: #fff;
    font-size: 16px
}



.menuSec {
    background: #ebebebb3
}

.footer-logo a img {
    margin-bottom: 25px;
    filter: invert(1) brightness(130.5);
    width: 70%
}


/*................................... Responsive Css Ha ..........................................................................*/


@media only screen and (min-width:992px) and (max-width:1290px) {
    .ftr-information ul li a,
    .ftr-quick-link ul li a,
    .services-box a,
    .topsec-email-phone-number ul li a,
    .topsec-socail-icon ul li a {
        font-size: 12px
    }
    .ftr-information ul {
        line-height: 40px
    }
    section.main_slider.inner .main-banner-img {
        height: 740px !important
    }
    html .ftr-information ul li a {
        font-size: 9px !important;
        gap: 5px !important
    }
    .ftr-information ul li a img {
        width: 20px;
        height: 20px;
        object-fit: contain
    }
    .topsec-select select {
        width: 120px;
        height: 35px;
        padding: 0 30px;
        font-size: 13px
    }
    .topsec-select-world-icon {
        position: absolute;
        top: 6px;
        left: 10px
    }
    .menuSec {
        padding-top: 20px;
        padding-bottom:15px;    }
    .counter-range-silder h2 {
        font-size: 20px !important
    }
    .menuSec ul li a {
        padding: 8px 12px;
        font-size: 14px;
        font-weight: 500
    }
    .menusec-call-us ul li h2 {
        font-size: 14px !important;
        margin-bottom: 0;
        line-height: 15px !important
    }
    .menusec-call-us ul li a {
        font-size: 13px;
        padding: 0
    }
   
    .menusec-call-us ul li img {
        width: 20px;
        height: 20px
    }
    .menusec-call-us ul li span {
        width: 35px;
        height: 35px
    }
    .menusec-call-us ul {
        gap: 5px
    }
    .header-logo a img {
        width: 100%
    }
    h1,
    h2 {
        font-size: 30px !important;
        line-height: 35px !important;
        margin: 0 0 5px
    }
    p {
        font-size: 13px;
        line-height: 20px
    }
    .about-tudebon-our-vision-box ul li p {
        margin-bottom: 0;
        font-size: 11px;
        line-height: 16px
    }
    .about-tudebon-our-vision-box ul li img {
        width: 36px;
        height: 30px;
        object-fit: contain
    }
    .about-tudebon-our-vision-row {
        margin-top: 0;
        gap: 10px
    }
    .about-tudebon-img {
        padding-left: 20px;
        position: relative
    }
    .about-tudebon-counter h2 {
        font-size: 25px
    }
    .about-tudebon-counter h2 sup {
        font-size: 11px
    }
    .about-tudebon-counter p {
        font-size: 12px;
        line-height: 15px
    }
    .about-tudebon-img img {
        width: 100%;
        height: 305px
    }
    .about-tudebon-our-vision-box ul li h2 {
        font-size: 15px !important;
        line-height: 20px;
        margin-bottom: 5px
    }
    .about-tudebon-our-vision-box ul {
        display: block
    }
    .theme-heading-1 {
        font-size: 14px;
        margin-bottom: 10px
    }
    section.main_slider:before {
        width: 270px;
        height: 348px;
        background-size: cover
    }
    .banner_text {
        margin-top: 85px
    }
    .main-banner-img {
        height: 580px
    }
    .banner_text ul {
        margin-top: 10px
    }
    .banner-play-icon a {
        width: 50px;
        height: 50px
    }
    .theme-btn-1 {
        padding: 14px 15px;
        color: #fff;
        font-size: 12px;
        border-radius: 0px ;
    }
    .banner-text-boxs img {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        object-fit: contain
    }
    .ftr-quick-link {
        margin-left: 0 !important
    }
    .banner-text-boxs h2 {
        font-size: 18px !important;
        line-height: 30px;
        margin-bottom: 0
    }
    .how-we-work-box a {
        height: 60px
    }
    .banner-text-boxs p,
    .services-heading p {
        width: 100%;
        margin: 0 auto;
        line-height: 20px
    }
    .banner-text-boxs {
        padding: 25px 15px
    }
    .about-tudebon-sec,
    .partners-associations-sec,
    .services-sec {
        padding: 50px 0
    }
    .banner-text-boxs p {
        font-size: 12px;
        font-weight: 300
    }
    .topsec-email-points:before {
        background: #fff;
        width: 4px;
        height: 4px;
        top: 12px;
        left: -7px
    }
    .topsec-select-drop-icon i {
        font-size: 14px;
        color: #fff
    }
    .topsec-select-drop-icon {
        position: absolute;
        top: 5px
    }
    .services-sec {
        background: #e8eef0
    }
    .services-box {
        padding: 30px 10px;
        margin-top: 20px;
        height: 290px
    }
    .services-button-row {
        margin-top: 30px
    }
    .counter-box img {
        width: 40px;
        height: 40px;
        margin-bottom: 15px
    }
    .counter-box p {
        font-size: 15px
    }
    .counter-box h2 {
        font-size: 20px;
        line-height: 30px
    }
    .partners-associations-logo a img {
        height: 45px;
        object-fit: contain
    }
    .partners-associations-text h2 {
        font-size: 30px;
        margin-bottom: 5px
    }
    .services-box h2 {
        font-size: 20px !important;
        line-height: 25px !important;
        margin-bottom: 5px
    }
    .services-box img {
        width: 54px;
        height: 54px;
        margin-bottom: 10px
    }
    .counter-sec:after {
        width: 84px;
        height: 329px
    }
    .footer-sec h2 {
        font-size: 22px !important
    }
    .blog-and-news-box-text a,
    .blog-and-news-box-text ul li a {
        font-size: 14px
    }
    .how-we-work-box h2 {
        font-size: 20px !important;
        margin-bottom: 0 !important
    }
    .feel-somethimg-wrong-sec h2 {
        font-size: 50px;
        line-height: 56px
    }
    .blog-and-news-box h2 {
        color: #fff;
        font-size: 20px !important;
        line-height: 28px !important
    }
    
    .topsec-email-phone-number ul li {
    font-size: 11px;
}
.carousel-item.active img {
    height: 795px !important;
    object-fit: cover;
}
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .inner-contact-us-box ul li a {
        display: flex;
        align-items: center;
        gap: 12px;
        font-size: 14px
    }
    .banner-text-boxs {
    background: #0e2B35CC;
    width: 100%;
    padding: 45px 35px;
    height: 260px !important;
}
    html .carousel-item.active img {
    height: 753px !important;
    object-fit: cover;
}
    .topsec-email-phone-number ul li {
    font-size: 11px;
}
    .inner-contact-us-form {
    background: #0e2B35CC;
    padding: 20px;
}
    .slick-dots {
        display: none !important
    }
    .about-tudebon-sec,
    .feel-somethimg-wrong-sec,
    .partners-associations-sec,
    .services-sec {
        padding: 50px 0
    }
    .our-patient-review-silder-items {
        padding: 20px
    }
    .our-patient-review-images img {
        width: 100%;
        height: 408px;
        object-fit: cover
    }
    .our-patient-review-silder {
        width: 100% !important;
        margin-top: 25px
    }
    .how-we-work-box a {
        height: 60px;
        width: 40%
    }
    .blog-and-news-box-text ul li a,
    .topsec-email-phone-number ul li a {
        font-size: 10px
    }
    .topsec-socail-icon ul li a {
        font-size: 13px
    }
    .topsec-select select {
        width: 120px;
        height: 35px;
        padding: 0 30px;
        font-size: 13px
    }
    .topsec-select-world-icon {
        position: absolute;
        top: 6px;
        left: 10px
    }
    .menuSec {
        padding: 10px 0
    }
    .menuSec ul li a {
        padding: 8px 5px;
        font-size: 12px;
        font-weight: 500
    }
    .menusec-call-us ul li h2 {
        font-size: 14px;
        margin-bottom: 0;
        line-height: 15px
    }
    .menusec-call-us ul li a {
        font-size: 13px;
        padding: 0
    }
   
    .menusec-call-us ul li img {
        width: 20px;
        height: 20px
    }
    .menusec-call-us ul li span {
        width: 35px;
        height: 35px
    }
    .menusec-call-us ul {
        gap: 5px
    }
    .header-logo a img {
        width: 100%
    }
    h1,
    h2 {
        font-size: 30px;
        line-height: 35px;
        margin: 0 0 5px
    }
    p {
        font-size: 13px;
        line-height: 20px
    }
    .about-tudebon-our-vision-box ul li p {
        margin-bottom: 0;
        font-size: 11px;
        line-height: 16px
    }
    .about-tudebon-our-vision-box ul li img {
        width: 36px;
        height: 30px;
        object-fit: contain
    }
    .about-tudebon-our-vision-row {
        margin-top: 0;
        gap: 10px
    }
    .about-tudebon-img {
        padding-left: 20px;
        position: relative
    }
    .about-tudebon-counter h2 {
        font-size: 25px
    }
    .about-tudebon-counter h2 sup {
        font-size: 11px
    }
    .about-tudebon-counter p {
        font-size: 12px;
        line-height: 15px
    }
    .about-tudebon-img img {
        width: 100%;
        height: 305px
    }
    .about-tudebon-our-vision-box ul li h2 {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 5px
    }
    .about-tudebon-our-vision-box ul {
        display: block
    }
    .theme-heading-1 {
        font-size: 14px;
        margin-bottom: 10px
    }
    section.main_slider:before {
        width: 270px;
        height: 348px;
        background-size: cover
    }

    
    .banner_text ul {
        margin-top: 10px
    }
    .banner-play-icon a {
        width: 50px;
        height: 50px
    }
    .theme-btn-1 {
        padding: 14px 15px;
        color: #fff;
        font-size: 12px;
        border-radius: 5px
    }
    .banner-text-boxs img {
        width: 40px;
        height: 40px;
        margin-bottom: 0;
        object-fit: contain
    }
    .banner-text-boxs h2 {
        font-size: 12px;
        line-height: 30px;
        margin-bottom: 0
    }
    .banner-text-boxs p,
    .services-heading p {
        width: 100%;
        margin: 0 auto;
        line-height: 20px
    }
    .banner-text-boxs {
        padding: 25px 15px
    }
    .banner-text-boxs p {
        font-size: 12px;
        font-weight: 300
    }
    .topsec-email-points:before {
        background: #fff;
        width: 4px;
        height: 4px;
        top: 12px;
        left: -7px
    }
    .topsec-select-drop-icon i {
        font-size: 14px;
        color: #fff
    }
    .topsec-select-drop-icon {
        position: absolute;
        top: 5px
    }
    .services-sec {
        background: #e8eef0
    }
    .services-box {
        padding: 30px 10px;
        margin-top: 20px;
        height: 330px
    }
    .services-button-row {
        margin-top: 30px
    }
    .counter-box img {
        width: 40px;
        height: 40px;
        margin-bottom: 15px
    }
    .counter-box p {
        font-size: 15px
    }
    .counter-box h2 {
        font-size: 20px;
        line-height: 30px
    }
    .partners-associations-logo a img {
        height: 45px;
        object-fit: contain
    }
    .partners-associations-text h2 {
        font-size: 30px;
        margin-bottom: 5px
    }
    .services-box h2 {
        font-size: 15px;
        line-height: 10px;
        margin-bottom: 8px
    }
    .services-box img {
        width: 54px;
        height: 54px;
        margin-bottom: 10px
    }
    .services-box a {
        font-size: 12px
    }
    .counter-sec:after {
        width: 84px;
        height: 329px
    }
    .blog-and-news-box-text {
        padding: 0 5px 10px
    }
    .inner-services-text ul li a {
        color: #3a3a3a;
        font-size: 12px
    }
    .inner-services-images img {
        width: 100%;
        height: 390px
    }
    .counter-row {
        padding: 40px 50px
    }
    .blog-and-news-box-text a,
    .ftr-quick-link ul li a {
        font-size: 14px
    }
    .inner-about-us-row h3 {
        font-size: 22px
    }
    section.main_slider.inner .main-banner-img {
        width: 100%;
        object-fit: cover;
        height: 400px
    }
    .footer-sec h2 {
        color: #fff;
        font-size: 25px
    }
    .footer-sec {
        padding-top: 40px
    }
    .ftr-information ul {
        line-height: 40px
    }
    .blog-and-news-box ul {
        gap: 30px
    }
    .footer-copy-right {
        margin-top: 30px;
        padding: 20px 0
    }
    .ftr-information {
        margin-top: 20px
    }
    .ftr-information ul li a img {
        width: 25px;
        height: 25px;
        object-fit: contain
    }
    .ftr-quick-link.chg {
        margin-left: 0
    }
    .gorilla-content .accordion-button,
    .gorilla-content .accordion-button.collapsed {
        font-size: 20px
    }
    .how-we-work-box h2 {
        font-size: 18px
    }
    .blog-and-news-box p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 10px
    }
    .feel-somethimg-wrong-sec h2 {
        font-size: 40px;
        line-height: 45px
    }
    .blog-and-news-box h2 {
        color: #fff;
        font-size: 15px;
        line-height: 22px
    }
  .inner-contact-us-form h2 {
        font-size: 35px;
        line-height: 54px;
    }
}

@media only screen and (min-width:520px) and (max-width:767px) {
    .about-tudebon-counter h2 sup,
    .theme-btn-1 {
        font-size: 12px
    }
    .topSec {
    
    display: none !important;
}
    
    
    
    .banner-boxs-sec {
        position: inherit;
        width: 100%;
        bottom: 0;
        margin-top: 20px
    }
    p {
        font-size: 13px !important;
        line-height: 20px !important;
        margin-bottom: 10px
    }
    .footer-sec {
        background: #0e2b35;
        padding-top: 20px
    }
    .theme-btn-1 {
        padding: 12px 15px;
        color: #fff
    }
    .our-patient-review-silder {
        width: 100%;
        margin-top: 25px;
        text-align: center
    }
    .counter-box,
    .our-patient-review-images {
        margin-top: 15px
    }
    .our-patient-review-images img {
        height: 325px
    }
    .feel-somethimg-wrong-sec p {
        width: 100%;
        color: #fff;
        margin-bottom: 25px
    }
    .feel-somethimg-wrong-sec h2 {
        font-size: 25px;
        margin-bottom: 5px
    }
    .feel-somethimg-wrong-sec {
        padding: 50px 0;
        margin-top: 10px
    }
    .blog-and-news-box img,
    .inner-blog-images img {
        height: 225px
    }
    .counter-text {
        text-align: center;
        margin-top: 30px
    }
    .topsec-socail-icon ul li a {
        font-size: 13px
    }
    .counter-range-silder h2,
    .footer-social-link ul li a {
        font-size: 16px
    }
    .counter-images-box img {
        width: 100%;
        height: 155px;
        object-fit: cover
    }
    .counter-row {
        padding: 20px;
        margin-top: 40px
    }
    .how-we-work-row {
        margin-top: 25px
    }
    .how-we-work-heading p {
        width: 100%;
        margin: 0 auto
    }
    .blog-and-news-heading,
    .how-we-work-box {
        margin-top: 20px
    }
    .how-we-work-box a {
        height: 60px;
        width: 20%;
        margin: 0 auto 15px
    }
    .about-tudebon-sec,
    .blog-and-news-sec.inner,
    .faq-sec.inner,
    .how-we-work-sec,
    .inner-blog-news-sec,
    .services-sec {
        padding: 50px 0
    }
    .header-logo,
    .inner-about-us-row,
    .our-patient-review-heading,
    .topsec-email-phone-number {
        text-align: center
    }
    .our-patient-review-silder-items img {
        width: 39px;
        height: 30px;
        margin-bottom: 15px !important;
        margin: 0 auto
    }
    .inner-contact-us-form,
    .our-patient-review-silder-items {
        padding: 20px
    }
    .theme-heading-1 {
        font-size: 15px;
        margin-bottom: 10px
    }
    .blog-and-news-box ul {
        gap: 10px;
        margin-bottom: 10px;
        margin-top: 15px;
        justify-content: center
    }
    .banner_text label,
    .blog-and-news-box-text a,
    .inner-services-text ul li a {
        font-size: 14px
    }
    .blog-and-news-box p,
    .inner-contact-us-box ul li {
        margin-bottom: 15px
    }
    .blog-and-news-box h2 {
        font-size: 20px;
        line-height: 28px
    }
    .blog-and-news-btn {
        margin-top: 30px
    }
    .blog-and-news-sec {
        padding: 50px 0;
        position: relative;
        text-align: center
    }
    h2 {
        font-size: 35px;
        line-height: 32px;
        margin: 0 0 10px
    }
    .services-heading h2 {
        margin-bottom: 10px;
        font-size: 30px
    }
    .banner-text-boxs p,
    .services-heading p {
        width: 100%
    }
    .partners-associations-sec {
        padding: 40px 0;
        text-align: center
    }
    .services-box img {
        width: 64px;
        height: 68px
    }
    .about-tudebon-img {
        padding-left: 0;
        position: relative
    }
    .about-tudebon-our-vision-box ul,
    .about-tudebon-our-vision-row,
    .topsec-email-phone-number ul {
        display: block
    }
    .ftr-quick-link.chg,
    .partners-associations-right-row {
        margin-left: 0
    }
    .partners-associations-logo.chg {
        margin-top: 0
    }
    .partners-associations-logo a img {
        width: 60%;
        height: 55px;
        object-fit: contain
    }
    .partners-associations-text h2 {
        font-size: 35px;
        margin-bottom: 12px
    }
    .blog-and-news-box.chg-inner,
    .counter-box img {
        margin-bottom: 20px
    }
    .services-box {
        padding: 20px 10px;
        margin-top: 15px;
        transition: .5s
    }
    .banner-play-icon a,
    .counter-box img {
        width: 50px;
        height: 50px
    }
    .counter-sec {
        position: relative;
        padding-top: 30px
    }
    .footer-copy-right {
        margin-top: 30px;
        padding: 15px 0
    }
    .ftr-information ul {
        line-height: 40px;
    }
    .ftr-information ul li a {
        gap: 8px;
        font-size: 14px
    }
    .ftr-information ul li a img {
        width: 25px;
        height: 25px;
        object-fit: contain
    }
    .ftr-quick-link ul li a {
        gap: 8px;
        font-size: 15px
    }
    .ftr-quick-link {
        margin-left: 0;
        margin-top: 5px
    }
       .footer-sec h2 {
        font-size: 25px;
        margin-bottom: 2px;
        margin-top: 10px;
    }
    .about-tudebon-counter h2,
    h1 {
        font-size: 30px
    }
    .inner-contact-us-sec:before,
    .topsec-email-points:before {
        display: none !important
    }
    .topsec-social--select {
        justify-content: center;
        margin-top: 10px
    }
    .banner-text-boxs {
        padding: 15px
    }
    .banner-text-boxs img {
        width: 60px;
        height: 60px;
        margin-bottom: 5px
    }
    .banner_text label,
    .gorilla-content .accordion-item {
        margin-bottom: 10px
    }
    .banner-text-boxs h2,
    .inner-about-us-row h3 {
        font-size: 20px
    }
    .about-tudebon-text {
        margin-left: 0;
        text-align: center;
        margin-top: 30px
    }
    .about-tudebon-img img {
        width: 100%;
        height: 325px
    }
    .about-tudebon-counter {
        padding: 10px
    }
    .slicknav_menu {
        background: #c70c56;
    }
    .slicknav_nav a:hover {
        background: #000;
        color: #fff
    }
    h1 {
        line-height: 35px;
        margin: 0 0 5px
    }
    .banner_text ul {
        margin-top: 10px
    }
    .menuSec {
        padding: 10px 0
    }
    .menusec-call-us ul {
        gap: 20px;
        justify-content: center;
        margin-top: 10px
    }
      .header-logo a img {
        width: 35%;
    }
.menusec-call-us ul li h2 {
    font-size: 15px;
   
    line-height: 20px;
}
.menusec-call-us ul li a {
    padding: 0;
    font-size: 15px;
  
}
.menusec-call-us ul li span {
   
    width: 40px;
    height: 40px;
    
}
 
  .banner_text {
        margin-top: 0;
        background: #0f2b3582;
        padding: 20px;
    }

    .about-tudebon-text h2 {
        font-size: 32px
    }
    

html .services-box {
    height: auto !important;
}



    html .carousel-item.active img {
        height: 650px !important;
        object-fit: cover;
    }

    .inner-services-images img {
        height: 300px
    }
    .inner-blog-news-text {
        margin-top: 15px;
        text-align: center
    }
    .inner-blog-news-text.detail h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .inner-blog-news-text.detail h3 {
        margin-bottom: 8px;
        margin-top: 25px;
        font-size: 25px
    }
    section.main_slider:before {
        width: 310px;
        height: 378px
    }
    .inner-services-text {
        text-align: center;
        margin-top: 20px
    }
    .inner-services-sec .mt-8 {
        margin-top: 40px
    }
    .gorilla-content .accordion-button.collapsed {
        padding: 10px 20px;
        font-size: 16px;
        line-height: 25px
    }
    .gorilla-content .accordion-button {
        font-size: 16px;
        padding: 15px 20px 10px
    }
    .inner-contact-us-box ul li a {
        gap: 10px;
        font-size: 15px
    }
    .inner-contact-us-box ul li span {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        font-size: 15px
    }
    .inner-contact-us-sec {
        padding: 50px 0;
        position: relative
    }
    .inner-contact-us-form h2 {
        font-size: 30px;
        margin-bottom: 15px
    }
  
    .accordion-button:not(.collapsed)::after {
        background-image: url(../images/faqclose.png) !important;
        width: 13px;
        height: 3px;
        object-fit: contain
    }
    .accordion-button::after {
        width: 13px;
        height: 13px;
        right: 15px;
        background-size: cover
    }
    .counter-sec:after {
        width: 84px;
        height: 329px
    }
}

@media only screen and (min-width:300px) and (max-width:519px) {
.topsec-email-phone-number {
    display: none !important;
}
.topSec {
  
    display: none !important;
}
    .about-tudebon-counter h2 sup,
    .theme-btn-1 {
        font-size: 12px
    }
    .inner-contact-us-box h2 {
    font-size: 30px;
}
   
   
    .banner_text {
        background: #0f2b3582;
        padding: 20px
    }
    .banner-boxs-sec {
        position: inherit;
        margin-top: 20px
    }
      p {
        font-size: 12px !important;
        line-height: 20px !important;
        margin-bottom: 10px;
    }
    .footer-sec {
        background: #0e2b35;
        padding-top: 20px
    }
    .theme-btn-1 {
        padding: 12px 15px;
        color: #fff
    }
    .our-patient-review-silder {
        width: 100%;
        margin-top: 25px;
        text-align: center
    }
    .counter-box,
    .our-patient-review-images {
        margin-top: 15px
    }
    .our-patient-review-images img {
        height: 325px
    }
    .feel-somethimg-wrong-sec p {
        width: 100%;
        color: #fff;
        margin-bottom: 25px
    }
    .feel-somethimg-wrong-sec h2 {
        font-size: 25px;
        margin-bottom: 5px
    }
    .feel-somethimg-wrong-sec {
        padding: 50px 0;
        margin-top: 10px
    }
    .blog-and-news-box img {
        height: 185px
    }
    .counter-text {
        text-align: center;
        margin-top: 30px
    }
    .counter-range-silder h2,
    .footer-social-link ul li a {
        font-size: 16px
    }
    .counter-images-box img {
        width: 100%;
        height: 155px;
        object-fit: cover
    }
    .counter-row {
        padding: 20px;
        margin-top: 40px
    }
    .how-we-work-row {
        margin-top: 25px
    }
    .how-we-work-heading p {
        width: 100%;
        margin: 0 auto
    }
    .blog-and-news-heading,
    .how-we-work-box {
        margin-top: 20px
    }
    .how-we-work-box a {
        height: 60px;
        width: 20%;
        margin: 0 auto 15px
    }
    .about-tudebon-sec,
    .blog-and-news-sec.inner,
    .faq-sec.inner,
    .how-we-work-sec,
    .inner-blog-news-sec,
    .services-sec {
        padding: 50px 0
    }
    .header-logo,
    .inner-about-us-row,
    .our-patient-review-heading,
    .topsec-email-phone-number {
        text-align: center
    }
    .our-patient-review-silder-items img {
        width: 39px;
        height: 30px;
        margin-bottom: 15px !important;
        margin: 0 auto
    }
    .inner-contact-us-form,
    .our-patient-review-silder-items {
        padding: 20px
    }
        .theme-heading-1 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .blog-and-news-heading h2 {
    margin-bottom: 0 !important;
}
    .blog-and-news-box ul {
        gap: 10px;
        margin-bottom: 10px;
        margin-top: 15px;
        justify-content: center
    }
    section.main_slider:before {
display:none !important;
}
        html .banner-boxs-sec {
        position: inherit;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
   html .about-tudebon-img img {
    width: 100%;
    height: 290px !important;
 
}
    .services-box {
    height: auto !important;
}
html .services-sec {
    padding-top: 30px !important;
}
    html section.main_slider.inner .main-banner-img {
        width: 100%;
        object-fit: cover !important;
        height: 174px !important;
    }
    .inner-about-us-compassion, .our-patient-review-silder-items ul, .partners-associations-logo.chg {
    margin-top: 15px;
}
html .inner-services-text.wow.fadeInRight, p {
    margin-top: 0px !important;
}
.about-tudebon-img img {
  
    height: 300px !important;
  
}
.counter-text {
    margin-left: 0px;
}
   html .how-we-work-sec {
    padding-top: 40px !important;
}
    .banner_text label,
    .blog-and-news-box-text a,
    .inner-services-text ul li a {
        font-size: 14px
    }
      .blog-and-news-box p, .inner-contact-us-box ul li {
        margin-bottom: 15px;
        margin-top: 0 !important;
    }
    .blog-and-news-box h2 {
        font-size: 20px;
        line-height: 28px
    }
       .blog-and-news-btn {
        margin-top: 25px;
    }
    .blog-and-news-sec {
        padding: 50px 0;
        position: relative;
        text-align: center
    }
    h2 {
        font-size: 35px;
        line-height: 32px;
        margin: 0 0 10px
    }
    .services-heading h2 {
        margin-bottom: 10px;
        font-size: 30px
    }
    .footer-logo a img {
    margin-bottom: 10px;
   
}
    .banner-text-boxs p,
    .services-heading p {
        width: 100%
    }
    .partners-associations-sec {
        padding: 40px 0;
        text-align: center
    }
    .footer-logo p {
  
    margin-top: 0 !important;
}
    .services-box img {
        width: 64px;
        height: 68px
    }
    .about-tudebon-img {
        padding-left: 0;
        position: relative
    }
    .about-tudebon-our-vision-box ul,
    .about-tudebon-our-vision-row,
    .topsec-email-phone-number ul {
        display: block
    }
    .ftr-quick-link.chg,
    .partners-associations-right-row {
        margin-left: 0
    }
    .partners-associations-logo.chg {
        margin-top: 0
    }
    .partners-associations-logo a img {
        width: 60%;
        height: 55px;
        object-fit: contain
    }
    .partners-associations-text h2 {
        font-size: 35px;
        margin-bottom: 12px
    }
    .blog-and-news-box.chg-inner,
    .counter-box img {
        margin-bottom: 20px
    }
    .services-box {
        padding: 20px 10px;
        margin-top: 15px;
        transition: .5s
    }
    .banner-play-icon a,
    .counter-box img {
        width: 50px;
        height: 50px
    }
    .counter-sec {
        position: relative;
        padding-top: 30px
    }
    .counter-sec:after {
        width: 85px;
        height: 230px
    }
   .footer-copy-right {
        margin-top: 20px;
        padding: 10px 0;
    }
      .ftr-information ul {
        line-height: 35px;
    }
 .ftr-information ul li a {
        gap: 8px;
        font-size: 12px;
    }
    .ftr-information ul li a img {
        width: 25px;
        height: 25px;
        object-fit: contain
    }
    .footer-copy-right p {
  
    margin-top: 0 !important;
}
      .ftr-quick-link ul li a {
        gap: 8px;
        font-size: 13px;
    }
    .ftr-quick-link {
        margin-left: 0;
        margin-top: 5px
    }
      .footer-sec h2 {
        font-size: 22px;
        margin-bottom: 2px;
        margin-top: 10px;
    }

    .about-tudebon-counter h2,
    h1 {
        font-size: 30px
    }
    .topsec-email-points:before {
        display: none !important
    }
    .topsec-social--select {
        justify-content: center;
        margin-top: 10px
    }
    .banner-text-boxs {
        padding: 15px;
        margin-bottom: 8px;
    }
    .banner-text-boxs img {
        width: 60px;
        height: 60px;
        margin-bottom: 5px
    }
    .banner_text label,
    .gorilla-content .accordion-item {
        margin-bottom: 10px
    }
    .banner-text-boxs h2,
    .inner-about-us-row h3 {
        font-size: 20px;
    }
    .about-tudebon-text {
        margin-left: 0;
        text-align: center;
        margin-top: 30px;
    }
    .about-tudebon-img img {
        width: 100%;
        height: 325px;
    }
    .about-tudebon-counter {
        padding: 10px;
    }
    .slicknav_menu {
        background: #0f2b35;
    }
    .slicknav_nav a:hover {
        background: #000;
        color: #fff
    }
    h1 {
        line-height: 35px;
        margin: 0 0 5px;
    }
    .banner_text ul {
        margin-top: 10px;
    }
    .menuSec {
        padding: 10px 0;
    }
    .menusec-call-us ul {
        gap: 20px;
        justify-content: center;
        margin-top: 10px;
    }
    .header-logo a img {
        width: 70%;
    }
    html .carousel-item.active img {
        height: 460px !important;
        object-fit: cover !important;
        object-position: 80% 100%;
    }
    .about-tudebon-text h2 {
        font-size: 32px;
    }
    .inner-services-images img {
        height: 250px;
    }
    .inner-blog-news-text {
        margin-top: 15px;
        text-align: center;
    }
    html .about-tudebon-sec {
    padding-top: 50px !important;
}
  
    

    .inner-blog-news-text.detail h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px
    }
    .inner-blog-news-text.detail h3 {
        margin-bottom: 8px;
        margin-top: 25px;
        font-size: 25px
    }
    .inner-blog-images img {
        height: 225px;
    }
    section.main_slider:before {
        width: 310px;
        height: 378px
    }
    .inner-services-text {
        text-align: center;
        margin-top: 20px
    }
    .inner-services-sec .mt-8 {
        margin-top: 40px
    }
    .gorilla-content .accordion-button.collapsed {
        padding: 10px 20px;
        font-size: 9px;
        line-height: 25px
    }
    .gorilla-content .accordion-button {
        font-size: 16px;
        padding: 15px 20px 10px
    }
    .inner-contact-us-box ul li a {
        gap: 10px;
        font-size: 15px
    }
    .inner-contact-us-box ul li span {
        width: 45px;
        height: 45px;
        border-radius: 50%;
        font-size: 15px
    }
    .inner-contact-us-sec:before {
        width: 124px;
        height: 356px;
        z-index: -5;
        top: 20px
    }
    .inner-contact-us-sec {
        padding: 50px 0;
        position: relative
    }
    .inner-contact-us-form h2 {
        font-size: 30px;
        margin-bottom: 15px
    }
   
    .accordion-button:not(.collapsed)::after {
        background-image: url(../images/faqclose.png) !important;
        width: 13px;
        height: 3px;
        object-fit: contain
    }
    section.main_slider.inner {
    margin-top: 0 !important;
}
    .accordion-button::after {
        width: 13px;
        height: 13px;
        right: 15px;
        background-size: cover
    }
}
