.toggle {

    cursor: pointer;

    overflow: hidden;

    width: 40px;

    height: 40px;

    background: #fff;

    border-radius: 10px;

    box-shadow: 0 3px 7px 0 #60BE78;



    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

}



.line-toggle {

    position: absolute;

    display: block;

    width: 36px;

    height: 5px;

    background: #60BE78;


    border-radius: 5px;

    transition: all .6s;

}



.line-toggle:first-child {

    transform: translateY(-10px) translateX(-2px);

    width: 30px;

    transition-delay: 0s;

}



.toggle .line-toggle:nth-child(2) {

    transition-delay: .12s;

}



.line-toggle:last-child {

    transform: translateY(12px) translateX(-5px);

    width: 25px;

    transition-delay: 0s;

}



.toggle.activate .line-toggle:first-child {

    background: #00AFC8;

    transform: translateY(0) translateX(0) rotate(45deg);

    width: 36px;

    height: 5px;

    transition-delay: .1s;

}



.toggle.activate .line-toggle:nth-child(2) {

    transform: translateX(110px);

    transition-delay: 0s;

}



.toggle.activate .line-toggle:last-child {

    background: #00AFC8;

    transform: translateY(0) translateX(0) rotate(314deg);

    width: 36px;

    height: 5px;

    transition-delay: .1s;

}



.navbar-toggler:focus {

    border: unset;

    outline: unset;

}





@media (max-width:1338px) and (min-width:768px) {

    header .form-inline .form-control {

        display: none;

    }



    nav#block-dimoned-main-menu ul a {

        font-size: 14px;

    }

}

@media (max-width:991px) and (min-width:768px) {

    header {

        width: 95%;

    }

}



@media (min-width:768px) {



    /* .mobile-view {

        display: none;

    } */

    /* .disktop-view {

        display: block;

    } */



    section.slider .flex-direction-nav a {



        position: unset;

        opacity: 1;



    }





    .slider .flex-direction-nav {

        position: absolute;

        position: a;

        bottom: 1rem;

        left: 15%;

        display: flex;

        gap: 6rem;

        z-index: 999;

    }

    .slider .flex-direction-nav a:before {

        font-size: 30px;

        color: white;

    }

    div#block-views-block-project-inner-block-2 .views-row:nth-child(odd) .row {

        flex-direction: row-reverse;

    }



}

@media (max-width:768px) {

.pre-headeing-about {
    text-align: center;
}

    .banner-img img {
        min-height: 402px;
    }

    .banner-text h2 {
        width: 100%;
    }

    .slider-all-content-cont {
        width: 100%;
        padding: 0 17px;
        background: unset;
    }
    footer.site-footer div#block-newslettersignupblock-2 form{
        flex-wrap: wrap;
    }

    .custom-card.vision-card {
        padding: 10px;
    }
    footer.site-footer div#block-newslettersignupblock-2 .js-form-item-newsletteryouremail{
        width: 100%;
        margin-bottom: 1rem;
    }

    .sec-top .body{
        max-width: 100%;
    }

    section.slider .slider-content .slider-text {
        text-align: center;
    }

    section.slider .slider-content .slider-link a {
        margin: 10px auto;
    }

    .about-tect-content .custom-title {
        font-size: 23px;
    }

    /* .mobile-view {

        display: block;

    }

    .disktop-view {

        display: none;

    } */

    .navbar-toggler:focus {

        border: unset;

        outline: unset;

    }

    form#newslettersignup-form {
        flex-direction: column;
    }
    div#block-views-block-gallery7-block-1 img ,div#block-views-block-gallery-block-1-2 img {
        height: 380px;
      }
    nav#block-dimoned-main-menu ul li {
        border-bottom: 1px solid white;
    }
    .about-images {
        margin-top: 1rem;
    }
    nav#block-dimoned-main-menu {

        width: 45% !important;

        background: #60BE78;


        top: -100% !important;

        transition: 0.8s;

        position: fixed;

        height: 100%;

        z-index: 9999;

        padding-top: 1rem;

    }

    nav#block-dimoned-main-menu ul {

        padding-inline-start: 13px;

        gap: 10px;

    }

    nav#block-dimoned-main-menu ul a {

        width: fit-content;

        font-size: 15px;

        color: white;

    }

    nav#block-dimoned-main-menu ul a::after {

        background-color: white;

    }

    [dir='rtl'] .navbar-collapse .navigation {

        left: unset;

        right: 0%;

    }

    .show nav#block-dimoned-main-menu {

        top: 0% !important;
        left: 0;
    }
    .main-logo img {
        max-width: 45px;
    }
    .about-us{
        padding: 0;
    }
    .imagess {
        text-align: center;
    }
    .services-card{
        flex-direction: column-reverse;
    justify-content: center;
    }
    .services-card .col-md-9 {
        text-align: center;
    }
    header#header {


        width: 100%;

        transform: unset;

        border-radius: unset;

        padding: 0;

    }

    nav#block-wearehonoredtofollowyouandinteractwithus-3 ul {
        gap: 30px;
    }

    nav#block-wearehonoredtofollowyouandinteractwithus-3 a {
        color: white;
        padding: 0;
    }
    nav#block-wearehonoredtofollowyouandinteractwithus-3 a span{
        display: none;
    }

    .trip-middle-container {

        padding: 3rem 1rem;
    }

    .trip-content {
        margin-bottom: 2rem;
    }


    section.slider .slider-image img {

        width: 100%;

        min-height: 450px;
        filter: brightness(0.5);
        object-fit: cover;
    }

    .view-services {
        margin-top: 2rem;
    }

    .services-card {
        margin: 0 8px;
    }

    .services {
        background-image: unset;
    }

    section.slider .slider-content .slider-first-text {
        font-size: 35px;
    }

    section.slider nav#block-socialmedia {

        display: none;

    }

    section.slider .slider-content .slider-seconed-text {

        font-size: 30px;

    }

    .slider-side-link {

        display: none;

    }



    section.contact-us {

        padding: 3rem 0;

    }

    header .form-inline.navbar-form {

        display: none;

    }

    .mobile-top-nav.mobile-view {

        background: linear-gradient(90deg, rgba(134, 98, 168, 0.9389005602240896) 20%, rgba(0, 175, 200, 1) 38%);
    }

    .mobile-top-nav.mobile-view .custom-select {
        background: transparent;
    }

    .mobile-top-nav.mobile-view .custom-select option {
        background: #00AFC8;
    }

    header .navbar {

        padding:5px  1rem;

    }



    footer.site-footer {

        text-align: center;

    }

    footer.site-footer ul {

        justify-content: center;

    }

    .page-title img {

        height: 200px;

    }

    .about-short-links {

        display: none;

    }

    section.about-counters {

        background: #F9F9F9;

        padding-top: 2rem;

    }

    .about-images {



        text-align: center;

    }

    .about-images img {

        float: unset !important;

    }

    .why-us {

        padding: 3rem 0;

    }

    .counter-card {

        padding: 1.5rem 0;

    }

    .why-us-card {

        margin-bottom: 1rem;

    }

    .form#newslettersignup-form {
        flex-direction: column;
    }

    form#newslettersignup-form .js-form-item-newsletteryouremail {
        width: 100%;
    }

    .site-footer nav#block-socialmedia-2 ul {
        justify-content: center;
    }

    .message-back::after {
        content: unset;
    }

    .phil-card {

        text-align: center;

        flex-direction: column;

    }

    .mangaer-word-image img {

        width: 100%;

    }



    .mangaer-word-container .mangaer-word-text {

        text-align: center;

    }



    .mangaer-word-container .mangaer-word--first-title {

        margin: 1rem auto;

    }

    .board-members .board-members-title {

        font-size: 17px;

    }

    div#block-views-block-project-inner-block-2 .views-row .row {

        flex-direction: row-reverse;

    }

    div#main {

        padding: 2rem 0;

    }

    .view-id-project_inner .about-tect-content {

        padding: 0;

    }

    .project-content .project-heading-text {

        flex-direction: column;

    }

    .project-price-compare {

        margin-top: 1rem;

        width: 100%;

    }

    .project-content {

        box-shadow: 0 2px 7px 6px rgb(0 0 0 / 7%), 0 5px 4px 0 rgb(0 0 0 / 10%);

        padding: 1rem;

        border-radius: 10px;

    }



    div#block-views-block-project-inner-block-2 .views-row {

        margin: 3rem 0;

    }



    .site-footer {
        padding: 3rem 0;
    }



    .more-qustion-btns {

        flex-direction: column;

    }



    .mobile-top-nav.mobile-view >div >.row{
        align-items: center;
    }

    .mobile-top-nav.mobile-view ul {

        padding: 0;

        /* width: fit-content; */

        margin: 0;

        gap: 20px;

    }
    div#block-languagedropdownswitcher-2 .nice-select {
        color: white;
        text-transform: uppercase;
    }
    nav#block-wearehonoredtofollowyouandinteractwithus-3 ul::after {
        content: unset;
    }
    div#block-languagedropdownswitcher-2 .nice-select:after {
 content: unset;
    }
    nav#block-socialmedia-3 .nav-link {

        padding: 0;

        color: white;

        font-size: 14px;

    }





    .mobile-top-nav.mobile-view select#edit-lang-dropdown-select {

        width: auto !important;

        height: auto !important;

        padding: 10px;

        display: flex;

        align-items: center;

        justify-content: center;

        color: white;

        border: unset;

        text-transform: uppercase;

    }



    .mobile-top-nav.mobile-view form#lang_dropdown_form_lang-dropdown-form>fieldset {

        margin: 0 !important;

    }

    div#edit-field-neighborhood-target-id {

        max-width: 100%;

        /* overflow: scroll; */

    }

    .col-8.mobile-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .col-8.mobile-right a {
        padding: 0;
        color: white;
    }
    form#views-exposed-form-projects-block-1 ul {

        flex-wrap: nowrap;

        gap: 3rem;

        overflow: scroll;

        white-space: nowrap;

        justify-content: normal;

    }

    .custom-card.doctors-card{
        margin: 1rem;
    }

    .welcome-text-container{
        margin-inline-end: 0;
    }

    .welcome-card >img {
       filter: brightness(0.5);
        width: 100%;
    }
    .welcome-card.card-2 .welcome-text-container {
        justify-content: center;
    }
    .view-display-id-page_4 .view-content.row{
        margin: 0;
        display: block;
    }
    .node--type-news img ,.node--type-blog img{
        max-height: 400px;
        object-fit: cover;
    }
    .welcome-text-container > *{
        text-align: center;
    }
    .welcome-text-container .custom-link a{
        margin: 0 auto;
    }
    .services-block{
        background-size: 100% ;
    }
    .page-tile-text{
        padding: 0 2rem;
        text-align: center;
    }
    .page-tile-text h1 {
        font-size: 27px;
    }
    .navbar-nav .dropdown-menu{
        background-color: transparent;
    }
    .doctors-top{
        gap: 0;
        flex-direction: column;
        text-align: center;
    }
    .doctors-middle>div {
        flex: 0 0 100%;
        margin-bottom: 2rem;
    }
    .path-product .commerce-order-item-add-to-cart-form .field--name-purchased-entity{
        margin-top: 0;
    }
    .doctors-middle{
        margin-top: 2rem;
    }
    .product-tags .field__items>div {
        flex: 0 0 100%;
        text-align: center;
    }
    .product-tags .field__items{
        gap: 13px;
    }
}