/*************
Hash CSS Start
**************/
@media(max-width: 1920px){
    .container{
        padding-right: 16px;
        padding-left: 16px;
    }
}
@media(min-width: 1200px){
    .container{
        max-width: 1422px !important;
        padding-right: 16px;
        padding-left: 16px;
    }
}
@media(max-width: 991px){
    .container{
        padding-left: 16px;
        padding-right: 16px;
        max-width: 100%;
    }
    .header-container{
        justify-content: space-between;
        align-items: center !important;
        padding: 10px 0;
    }
    .navbar-brand img, .header.sticky .navbar-brand img{
        max-width: 95px;
    }
    .navbar-toggler i{
        color: var(--second-color);
        font-size: 31px;
    }
    .navbar-nav{
        margin-bottom: 0;
    }
    .navbar-nav li{
        padding: 0;
        margin-bottom: 16px;
    }
    .navbar-nav li:last-child{
        margin-bottom: 0;
    }
    .navbar-collapse{
        position: absolute;
        top: -90px;
        left: 0;
        padding: 30px;
        z-index: 9;
        opacity: 0;
    }
    .navbar-collapse.show{
        position: absolute;
        top: 110px;
        left: 0;
        width: 100%;
        background-color: var(--white-color);
        margin: 0;
        min-width: 100%;
        z-index: 99;
        box-shadow: 0 3px 10px rgba(0,0,0,10%);
        transition: opacity 0.3s ease;
        opacity: 1;
        border-top: 1px solid var(--main-color);
    }
    .title-area h2.title{
        font-size: 42px;
        line-height: 44px;
        margin-bottom: 0px;
    }
    .hero-content-area .title {
        font-size: 48px;
        line-height: 46px;
    }
    .hero-content-area .title > span {
        font-size: 100px;
        line-height: 90px;
    }
    .hero-content-area .desc {
        font-size: 22px;
        line-height: 32px;
    }
    .benifit-list .benifit-content{
        margin: 0 10px !important;
    }
    .benifit-list .row > .col-12 {
        margin-bottom: 20px;
    }
    .stage-list {
        gap: 30px;
    }
    .stage-list .stage-item {
        width: calc(33.33% - 30px);
    }
    .footer-wrapper::before{
        right: 0;
    }
    .footer-content-wrapper{
        padding-right: 30px;
    }
}
@media(min-width: 768px){
    
}
@media(max-width: 767px){
    body{
        font-size: 20px;
        line-height: 25px;
    }
    .navbar-nav li a{
        font-size: 20px;
        line-height: 25px;
    }
    .mob-hero-img{
        transform: scale(1.09);
        transform: scale(1.09) !important;
        margin-top: 13px;
    }
    .hero-sec{
        background: none !important;
    }
    .hero-content-area{
        text-align: center;
        padding-bottom: 0;
    }
    .hero-content-area .title{
        font-size: 36px;
        line-height: 31px;
        margin-bottom: 28px;
    }
    .hero-content-area .title > span{
        font-size: 82px;
        line-height: 80px;
    }
    .hero-content-area .desc {
        font-size: 20px;
        line-height: 28px;
    }
    .hero-content-area .global-btn{
        margin-left: auto;
        margin-right: auto;
    }
    .global-btn {
        font-size: 19px;
        line-height: 26px;
        font-weight: var(--font-weight-bold);
    }
    .title-area h2.title {
        font-size: 42px;
        line-height: 44px;
    }
    .title-area {
        margin-bottom: 35px;
    }
    .benifit-list{
        margin-bottom: 0;
    }
    .benifit-list .row > .col-12 {
        margin-bottom: 25px;
    }
    .benifit-list .benifit-content{
        padding: 28px 22px;
        margin: 0 !important;
    }
    .cta-form-content .title{
        font-size: 38px;
        line-height: 40px;
    }
    .cta-form-content .subtitle{
        font-size: 22px;
        line-height: 32px;
    }
    .cta-form-content :where(input, .submit-btn){
        border-radius: 50px !important;
    }
    .treatment-title-area{
        padding: 50px 16px 200px;
    }
    .treatment-title-area .title{
        margin-bottom: 20px !important;
    }
    .title-area p.desc {
        font-size: 20px;
        line-height: 26px;
    }
    .treatment-content-area .treatment-content {
        padding: 50px 10px;
    }
    .treatment-content-area .treatment-content .item .icon-area{
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 28px;
    }
    .treatment-img-area > img{
        margin-top: -180px;
    }
    .treat-stages{
        padding: 80px 0;
    }
    .stage-list{
        gap: 50px;
    }
    .stage-list .stage-item{
        width: 100%;
    }
    .stage-list .stage-item::before{
        width: 14px;
        height: 26px;
        top: unset;
        left: 50%;
        transform: rotate(271deg) translateX(-50%);
        bottom: -33px;
    }
    .stage-item .title{
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 12px;
    }
    .why-choose-us{
        padding: 70px 0;
    }
    .why-list-item{
        box-shadow: none;
    }
    .why-us-slider .slick-track{
        display: flex;
    }
    .why-us-slider .slick-track > .col-12{
        height: inherit;
    }
    .why-sec-img > img{
        margin-bottom: 40px;
        height: auto !important;
    }
    .why-choose-us-mobile .title-area{
        margin-bottom: 28px !important;
    }
    .slick-dots{
        bottom: -45px;
    }
    .slick-dots li {
        height: 8px;
        width: 35px;
        background: #d3dadd;
    }
    .slick-dots li.slick-active{
        background: var(--main-color);
    }
    .slick-dots li button::before{
        content: none;
    }
    .iin-sec {
        padding: 70px 0 40px;
    }
    .iin-box{
        padding: 25px;
        box-shadow: 0 0 27px rgba(0,0,0,6%);
        margin-bottom: 20px;
        height: auto !important;
    }
    .iin-sec-img{
        height: auto !important;
    }
    .iin-sec .title-area{
        margin-top: 32px;
        margin-bottom: 45px;
    }
    .suitable-treatment-sec{
        padding: 40px 0 50px;
    }
    .su-treatment-slider .slick-slide{
        margin-top: 30px;
    }
    .su-treatment-slider .slick-track{
        display: flex !important;
    }
    .su-treatment-slider .slick-track .slick-slide {
        height: inherit !important;
        padding-top: 30px;
    }
    .su-treatment-item{
        box-shadow: none;
        margin-bottom: 0;
        max-width: 100%;
        height: 100%;
    }
    .suitable-treatment-sec .title-area{
        margin-bottom: 520px;
    }
    .faq-sec {
        padding: 60px 0;
    }
    .faq-accordion .accordion-button::after, .accordion-button:not(.collapsed)::after{
        top: 6px;
        left: -8px;
        width: 15px;
        height: 15px;
    }
    .accordion-button:not(.collapsed)::after{
        top: 16px;
    }
    .testimonial-slider .slick-track{
        display: flex !important;
    }
    .testimonial-slider .slick-track .slick-slide{
        height: inherit !important;
    }
    .testimonial-slider .slick-track .slick-slide .testimonial-item{
        height: 100%;
    }
    .about-sec {
        padding: 60px 0;
    }
    .about-content .title-area{
        text-align: center;
    }
    .about-list {
        gap: 20px;
    }
    .about-list .item{
        width: 100%;
    }
    .about-row {
        margin-bottom: 60px;
    }
    .dr-nidal-section{
        margin-top: 60px;
    }
    .dr-nidal-paragraph:last-child {
        margin-bottom: 50px;
    }
    .about-content .global-btn{
        margin-bottom: 50px;
    }
    .value-sec .value-sec-bg {
        background-position: -184px center;
    }
    .value-sec .title-area{
        padding: 200px 0 280px;
    }
    .value-sec .title-area .title{
        margin-bottom: 20px;
    }
    .value-list .desc-wrapper{
        margin-bottom: 30px;
        height: auto !important;
    }
    .value-list .desc-wrapper .desc{
        padding: 25px;
    }
    .footer-sec {
        padding-top: 70px;
    }
    .footer-sec .container{
        padding: 0 !important;
    }
    .ft-form-wrapper{
        border-radius: 0;
        padding: 40px 16px;
    }
    .footer-wrapper::before {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
    }
    .footer-content-wrapper{
        padding: 34px 16px 50px;
    }
    .footer-content-wrapper > p.desc {
        font-size: 22px;
        line-height: 30px;
    }
    .footer-link .item .icon-wrapper{
        min-width: 55px;
        width: 55px;
        height: 55px;
    }
    .footer-link .item {
        gap: 16px;
    }
    .footer-link .item .icon-wrapper img {
        max-width: 30px;
        max-height: 30px;
    }
    .footer-link .item .content * {
        font-size: 22px;
        line-height: 28px;
    }
    .copyright-wrapper {
        padding: 27px 16px 40px;
    }
    .copyright-wrapper .text{
        font-size: 20px;
        line-height: 32px;
    }
    .modal.show .modal-dialog.contact-modal-dialog {
        margin: auto;
        max-width: 95%;
    }
    .contact-modal-dialog .ft-form-wrapper .footer-title {
        margin-bottom: 20px;
    }
    .contact-modal-dialog .ft-form-wrapper{
        padding: 60px 16px 40px;
    }
}