/*
Theme Name:		 touchlink child
Theme URI:		 https:www.touchlink.fr/
Description:	 touchlink child is a child theme of touchlink
Author:			 touchlink
Template:		 touchlink
Version:		 1.0.0
Text Domain:	 touchlink-child
*/
    /*--------------------------------------------------------------
# Generale
--------------------------------------------------------------*/

    @font-face {
        font-family: 'Karla';
        src: url('fonts/Karla-Medium.ttf');
        src: url('fonts/Karla-Medium.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'AbhayaLibre';
        src: url('fonts/AbhayaLibre-ExtraBold.ttf');
        src: url('fonts/AbhayaLibre-ExtraBold.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    .post,
    .page {
        margin: 0!important;
    }

    body,
    p,
    .elementor-widget-container {
        font-size: 16px;
        font-family: 'Karla';
        color: rgb(14, 14, 14);
    }

    h1,
    h2 {
        font-family: "AbhayaLibre";
        color: rgb(222, 91, 84);
        line-height: 1.2;
    }

    h3,
    h4,
    h5,
    h6 {
        font-family: "AbhayaLibre";
        color: #8ec102;
        line-height: 1.2;
    }

    h2 {
        font-size: 36px;
    }

    h3,
    h3 strong {
        font-weight: 500;
        font-size: 30px;
    }

    .h4,
    h4 {
        font-size: 28px!important;
    }

    a:hover {
        text-decoration: none;
    }

    .white,
    .white * {
        color: white;
    }

    .align_center {
        align-items: center;
        align-content: center;
        display: flex;
    }

    .image {
        overflow: hidden;
    }

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

    .image img {
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    a,
    a:hover,
    a:focus {
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-decoration: none;
        outline: none !important;
    }

    body {
        background-color: #fff7f3;
    }

    .center {
        text-align: center;
    }

    .aligncenter {
        margin-bottom: 0!important;
    }
    /*--------------------------------------------------------------
# navbar mobile
--------------------------------------------------------------*/

    header.fixed-header.scrolled__mob {
        background: linear-gradient(90deg, #f78181 50%, #f8f4e5 50%);
        box-shadow: 0 4px 18px 0 rgb(65 65 65 / 20%);
    }

    nav.navbar_mobile a {
        text-decoration: none;
    }

    nav.navbar_mobile li {
        list-style: none;
    }

    nav.navbar_mobile {
        min-height: 67vh;
        position: absolute;
        z-index: 9999999;
        width: 80%;
        left: 0px;
        top: 0;
        transition: 1s cubic-bezier(.858, .01, .068, .99);
        -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -moz-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -ms-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
        transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        background-color: #fff;
    }

    ul.sub-menu-mob-1 {
        display: none;
        padding: 6px 0;
        margin: 10px 0 0 0;
        background: transparent;
    }

    ul.sub-menu-mob-2 {
        display: none;
        padding: 0;
        margin: 0;
        background: transparent;
        margin-left: -6px;
        margin-right: -6px;
        margin-top: 9px;
    }

    ul.sub-menu-mob-2 li:not(:last-child) {
        border: 0px solid #e7e5e5;
    }

    .menu-menu-container {
        width: 100%;
    }

    nav.navbar_mobile ul.main_nav {
        padding: 0;
        margin: 0;
    }

    nav.navbar_mobile ul.main_nav li a {
        color: rgb(60, 64, 68);
        font-size: 16px;
        font-weight: bold;
    }

    nav.navbar_mobile ul.main_nav li {
        position: relative;
        padding: 10px 0px;
        text-align: center;
        font-size: 16px;
    }

    .logo_mobile {
        margin: 0 auto;
        display: block;
        padding: 20px;
        width: 50%;
    }

    .close {
        opacity: 1!important;
    }
    /*--------------------------------------------------------------
# fixed header
--------------------------------------------------------------*/

    header.fixed-header .header-logo img {
        height: auto;
        width: auto;
        padding: 5px 0;
    }

    header.fixed-header {
        padding: 0 10px;
        position: fixed;
        z-index: 999999999;
        width: 100%;
    }

    .fixed-header.top_header {
        padding: 4px 10px;
        position: fixed;
        z-index: 99999;
        width: 100%;
        background-color: #27b4a5;
        box-shadow: 0px 4px 18px 0px rgb(65 65 65 / 23%);
    }

    .fixed-header.top_header a.top_header_left,
    .fixed-header.top_header a.top_header_right {
        color: white;
        font-size: 14px!important;
    }

    .fixed-header.top_header a.top_header_left img,
    .fixed-header.top_header a.top_header_right img {
        filter: brightness(0) invert(1);
    }

    header.fixed-header.vh_100 {
        overflow-y: scroll;
        min-height: 100vh;
    }

    header.fixed-header.vh_100 .fixed__top__header {
        position: fixed;
        width: 100%;
        z-index: 999;
        left: 0;
    }
    /*--------------------------------------------------------------
# menu-icon
--------------------------------------------------------------*/

    .menu-icon.js-menu-open-close.js-pointer-large.js-midnight-color.js-headroom {
        position: absolute;
        top: 9px;
        right: 10px;
        background: transparent;
        padding: 20px;
        border-radius: 4px;
    }

    .menu-icon__box_inner.close span {
        background: transparent;
    }

    .menu-icon__box_inner.close span.menu-icon__inner:before {
        top: 50%;
        transform: rotate( 45deg);
        -webkit-transform: rotate( 45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .menu-icon__box_inner.close span.menu-icon__inner:after {
        top: 50%;
        transform: rotate( -45deg);
        -webkit-transform: rotate( -45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    .menu-icon__box_inner {
        right: 5px;
        position: absolute;
        width: 30px;
        height: 20px;
        top: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    span.menu-icon__inner {
        width: 90%;
        height: 2px;
        background: rgb(16, 57, 79);
        display: block;
        transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
        margin-left: 43%;
    }

    span.menu-icon__inner:before {
        content: '';
        position: absolute;
        height: 2px;
        background: rgb(16, 57, 79);
        bottom: 0;
        bottom: 0;
        margin-left: -38%;
        width: 100%;
        transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
    }

    span.menu-icon__inner:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: rgb(16, 57, 79);
        top: 0;
        bottom: 0;
        margin-left: -37%;
        transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
        -o-transition: all .25s ease-in-out;
    }

    .opened {
        display: block!important;
        transform: translateX(0) !important;
        -webkit-transform: translateX(0) !important;
        -moz-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        -o-transform: translateX(0) !important;
        transition: 1s cubic-bezier(.858, .01, .068, .99);
        -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -moz-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -ms-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
        left: 0px!important;
    }

    span.open-btn {
        padding: 10px;
        position: absolute;
        right: 30px;
    }

    span.open-btn::after {
        content: '+';
        position: absolute;
        bottom: 0;
        left: 5%;
        display: block;
        color: rgb(60, 64, 68);
        font-size: 20px;
        top: -37%;
        font-weight: 500;
    }

    .header_Desktop {
        margin: 0 auto;
    }
    /*--------------------------------------------------------------
# fixed-header_Desktop
--------------------------------------------------------------*/

    .fixed-header_Desktop nav.navbar ul ul {
        margin: 0;
        padding: 0;
    }

    .fixed-header_Desktop nav.navbar ul.main_nav {
        text-align: center;
        height: 70px;
        line-height: 55px;
        position: relative;
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .fixed-header_Desktop nav.navbar ul.sub-menu li {
        text-align: left;
        padding: 10px 15px;
        line-height: initial;
        transition-duration: .3s;
        transition: all .3s!important;
        transition-timing-function: ease-in-out;
        position: relative;
    }

    .fixed-header_Desktop nav.navbar li {
        list-style: none;
    }

    .fixed-header_Desktop nav.navbar ul.main_nav>li {
        padding: 0 9px;
        display: inline-block;
        list-style: none;
    }

    .fixed-header_Desktop.scrolled {
        background: #f78181;
        box-shadow: 0 4px 18px 0 rgb(65 65 65 / 20%);
    }

    .fixed-header_Desktop.scrolled nav.navbar ul#main_nav>li>a {
        color: white;
    }

    .fixed-header_Desktop.scrolled nav.navbar ul.main_nav>li {
        padding: 0 9px;
    }

    a {
        color: rgb(222, 91, 84);
    }

    a:hover {
        color: #8ec102;
    }
    /*--------------------------------------------------------------
# main nav
--------------------------------------------------------------*/

    #main_nav .menu-item-has-children {
        position: relative;
    }
    /*--------------------------------------------------------------
# navbar
--------------------------------------------------------------*/

    nav.navbar {
        height: 70px;
        line-height: 70px;
        text-align: center;
        margin-left: -42px;
    }

    nav.navbar ul li.white a {
        color: rgb(255, 255, 255);
    }

    nav.navbar ul li a {
        text-decoration: none;
        font-size: 18px;
        font-family: "Karla";
        color: #3c4044;
        font-weight: bold;
        font-style: italic;
    }
    /*--------------------------------------------------------------
# @media 769px
--------------------------------------------------------------*/

    @media (min-width:769px) {
        /*--------------------------------------------------------------
# main nav
--------------------------------------------------------------*/
        #main_nav>li>.sub-menu {
            width: 220px;
            position: absolute;
            display: none;
            background: #fff;
            border-radius: 20px;
        }
        #main_nav>li>.sub-menu>li>.sub-menu>li>.sub-menu,
        #main_nav>li>.sub-menu>li>.sub-menu {
            top: 0;
            position: absolute;
            left: 228px;
            height: 100%;
            display: none;
            width: 220px;
            background: white;
            border-radius: 5px;
        }
        nav.navbar ul li ul.sub-menu a {
            color: #3c4044;
            font-weight: 400;
        }
        #main_nav>li>.sub-menu>li>.sub-menu li a:hover {
            font-weight: 700;
        }
        /*--------------------------------------------------------------
# menu-item-has-children
--------------------------------------------------------------*/
        .menu-item-has-children:hover>.sub-menu {
            display: table!important;
        }
        .menu-item-has-children:hover>.sub-menu li a:hover {
            font-weight: 700;
        }
        .menu-item-type-custom a {
            color: rgb(39, 180, 165);
        }
    }

    #main_nav>li>.sub-menu>li>.sub-menu::before,
    #main_nav>li>.sub-menu>li>.sub-menu>li>.sub-menu::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-left: 0;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-right: 8px solid #fff;
        top: 10px;
        left: -8px;
    }
    /*--------------------------------------------------------------
# masthead
--------------------------------------------------------------*/

    header#masthead .site-branding,
    header#masthead .navbar,
    header#masthead .social_media_footer {
        float: left;
    }

    header#masthead {
        padding: 5px 0;
        position: fixed;
        width: 100%;
        z-index: 9999999;
        transition: 1s cubic-bezier(.858, .01, .068, .99);
        -webkit-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -moz-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -ms-transition: 1s cubic-bezier(.858, .01, .068, .99);
        -o-transition: 1s cubic-bezier(.858, .01, .068, .99);
    }

    header#masthead .site-branding,
    header#masthead .navbar {
        float: left;
    }

    #masthead .site-branding {
        width: 11%;
    }

    #masthead .navbar {
        width: 100%;
    }

    img.custom-logo {
        margin-right: 10%;
        margin-left: 10%;
    }

    .site-branding {
        margin-top: 1%;
    }

    section.section_01 {
        background: linear-gradient(90deg, #f78181 50%, #f8f4e5 50%);
    }

    .img_slider {
        margin: 0 auto;
        display: block;
        margin-top: 80px;
    }
    /*--------------------------------------------------------------
#   scrollbar
--------------------------------------------------------------*/
    /* width */

     ::-webkit-scrollbar {
        width: 15px;
    }
    /* Track */

     ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px rgb(246, 227, 229);
    }
    /* Handle */

     ::-webkit-scrollbar-thumb {
        background-color: #f78181;
        border-radius: 10px;
    }

    .img_transform img {
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .img_transform img:hover {
        transform: scale(.9) rotate(5deg);
        -webkit-transform: scale(.9) rotate(5deg);
        -ms-transform: scale(.9) rotate(5deg);
    }

    .section_01 .content_01 {
        left: 12.444444%;
        z-index: 999;
    }

    .section_01 .content_03 {
        margin-left: -4%;
    }

    .section_01 .content_03 p {
        padding: 0px 180px 32px 25px;
        margin-top: -11%;
    }

    .section_01 .titre_3 {
        margin-left: -15%;
    }

    .section_01 .btn_devis {
        margin: 60px 0px 10px 0px;
    }

    .section_01 .btn_devis a:hover {
        border: 1px solid white;
        border-radius: 20px;
    }

    .section_01 .btn_devis a {
        font-size: 16px;
        font-family: "Karla";
        color: rgb(255, 255, 255);
        padding: 15px 40px 15px 20px;
    }

    .section_01 .btn_devis a:after {
        content: "";
        background: url(../../uploads/2022/06/form_btn_white.webp);
        position: absolute;
        width: 30px;
        height: 30px;
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto;
    }

    @media screen and (min-width: 1920px) {
        nav.navbar {
            margin-left: 0px;
        }
        .fixed-header_Desktop nav.navbar ul.main_nav>li {
            padding: 0 25px;
        }
        .site-branding {
            padding-right: 15px!important;
            padding-left: 15px!important;
        }
        .section_01 .content_03 p {
            padding: 0px 320px 30px 15px;
        }
        .header_interne h1.title_page {
            font-size: 70px!important;
        }
    }

    #circle {
        position: relative;
    }

    #circle img {
        position: absolute;
        width: auto;
        height: auto;
        -webkit-animation-name: rotate;
        -moz-animation-name: rotate;
        -ms-animation-name: rotate;
        -o-animation-name: rotate;
        animation-name: rotate;
        -webkit-animation-duration: 8s;
        -moz-animation-duration: 8s;
        -ms-animation-duration: 8s;
        -o-animation-duration: 8s;
        animation-duration: 8s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear;
        -moz-animation-timing-function: linear;
        -ms-animation-timing-function: linear;
        -o-animation-timing-function: linear;
        animation-timing-function: linear;
        bottom: 34px;
        left: 14%;
    }

    @-webkit-keyframes rotate {
        from {
            -webkit-transform: rotate(360deg);
        }
        to {
            -webkit-transform: rotate(0);
        }
    }

    @-moz-keyframes rotate {
        from {
            -moz-transform: rotate(360deg);
        }
        to {
            -moz-transform: rotate(0);
        }
    }

    @-ms-keyframes rotate {
        from {
            -ms-transform: rotate(360deg);
        }
        to {
            -ms-transform: rotate(0);
        }
    }

    @-o-keyframes rotate {
        from {
            -o-transform: rotate(360deg);
        }
        to {
            -o-transform: rotate(0);
        }
    }

    @keyframes rotate {
        from {
            transform: rotate(360deg);
        }
        to {
            transform: rotate(0);
        }
    }

    #section_devis_express {
        background: -moz-linear-gradient(bottom, rgb(248, 244, 229, 0) 9%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%);
        background: -webkit-linear-gradient(bottom, rgb(248, 244, 229, 0) 9%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%);
        background: -o-linear-gradient(bottom, rgb(248, 244, 229, 0) 9%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%);
        background: -ms-linear-gradient(bottom, rgb(248, 244, 229, 0) 9%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%);
        background: linear-gradient(to bottom, rgb(248, 244, 229, 0) 9%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%);
    }

    .btn_devis a {
        font-size: 16px;
        font-family: "Karla";
        color: rgb(14, 14, 14);
        padding: 15px 40px 15px 20px;
    }

    .btn_devis {
        margin: 40px 0px 10px 0px;
        position: relative;
    }

    .btn_devis a:hover {
        border: 1px solid rgb(14, 14, 14);
        border-radius: 20px;
    }

    .btn_devis a:after {
        content: "";
        background: url(../../uploads/2022/06/form_btn.webp);
        position: absolute;
        width: 25px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto;
    }

    .inter__slider img.slick-prev {
        background: white;
        border: 1px solid white;
        border-radius: 50px 50px 0px 0px;
        padding: 30px 30px;
        position: absolute;
        right: -102px;
        top: 21%;
    }

    .inter__slider img.slick-next {
        background: white;
        border: 1px solid white;
        border-radius: 0px 0px 50px 50px;
        padding: 30px 30px;
        position: absolute;
        right: -102px;
        top: 33%;
    }

    .inter__slider img.slick-prev:hover,
    .inter__slider img.slick-next:hover {
        background: transparent;
        filter: brightness(0) invert(1);
        cursor: pointer;
    }

    .inter__slider .content_intervention {
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 16px 0px rgb(40 40 40 / 15%);
        padding: 20px;
        margin: 20px 10px 10px 10px;
        position: absolute;
        height: 450px;
        top: 21%;
        width: 16%;
        margin-left: 0;
    }

    .inter__slider .content_intervention:hover {
        background-color: rgb(142, 193, 2);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-decoration: none;
        outline: none !important;
    }

    .inter__slider .content_intervention p {
        color: rgb(14, 14, 14);
    }

    .inter__slider .content_intervention:hover p {
        color: white;
    }

    .inter__slider .content_intervention h3 {
        font-size: 18px;
        font-family: "Karla";
        color: rgb(142, 193, 2)!important;
        font-weight: bold;
        font-style: italic;
    }

    .inter__slider .content_intervention:hover h3,
    .inter__slider .content_intervention:hover a:hover {
        color: #fff!important;
    }

    .inter__slider .box_intervention img {
        margin-right: -11px;
    }

    .inter__slider {
        height: 640px;
    }

    .inter__slider .box_intervention {
        padding-bottom: 500px;
    }

    .div_clinique {
        border-radius: 30px;
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 5px 16px 0px rgb(40 40 40 / 15%);
        position: relative;
        padding: 20px;
        left: -7px;
        width: 533px;
        top: 156px;
    }

    .div_clinique:before {
        content: "";
        background: url(../../uploads/2022/06/form_section.webp);
        position: absolute;
        background-repeat: no-repeat;
        background-size: contain;
        width: 47%;
        height: 47%;
        top: -27%;
        left: -12%;
        z-index: -99999;
    }

    #img_clinique {
        z-index: -88888;
    }

    .copyright {
        background: linear-gradient(90deg, transparent 50%, #f78181 50%);
        padding-bottom: 1%;
    }

    .footer_1 {
        background: #f8f4e5;
        margin-bottom: 20px;
    }

    .footer_2 {
        background: #f78181;
        margin-top: 70px;
        padding-top: 30px;
        padding-left: 30px;
    }

    #circle.circle_footer img {
        top: -60px;
        left: 44%;
        z-index: 9999;
    }

    .footer_1 .wp-block-latest-posts__list {
        padding: 0;
        margin: 0;
    }

    .footer_1 .wp-block-latest-posts__list li {
        padding-bottom: 2%;
    }

    .footer_1 .wp-block-latest-posts__list li a {
        color: rgb(14, 14, 14);
    }

    .footer_1 .wp-block-latest-posts__list li a:hover {
        color: rgb(222, 91, 84);
    }

    .footer_2 ul.link_footer {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .footer_2 a:visited {
        color: #fff;
    }

    .container_footer {
        padding-left: 200px;
        padding-top: 30px;
    }

    @media (max-width: 767px) {
        body .position-absolute {
            top: 42%!important;
            z-index: 99999!important;
            width: 19%;
            transform: rotate(90deg)!important;
            height: 14%!important;
        }
        .fixed__top__header .btn_devis {
            position: absolute;
            top: -54%;
            right: 51px;
        }
        a.whatsapp span {
            display: block;
        }
        .nav-links {
            width: 100%;
        }
        .date_single_posts {
            bottom: 40px!important;
        }
        .navigate_blog .nav-links span.nav-title {
            display: none;
        }
        .img_chirurgien {
            margin-right: 0!important;
        }
        h3,
        h3 strong {
            font-size: 20px!important;
        }
        .btn_devis a {
            font-size: 14px!important;
        }
        table.price tbody tr td {
            padding: 5px 5px 5px 5px!important;
        }
        .box_intervention_intern .title_inter {
            left: 0!important;
        }
        header.fixed-header:not(body.home header.fixed-header) {
            background: linear-gradient(90deg, #f78181 50%, #f8f4e5 50%);
            box-shadow: 0 4px 18px 0 rgb(65 65 65 / 20%);
        }
        .inter__slider img.slick-next,
        .inter__slider img.slick-prev {
            right: 0!important;
            left: 2%;
        }
        .inter__slider img.slick-prev {
            top: 5%!important;
            z-index: 9999;
        }
        .inter__slider img.slick-next {
            top: 18%!important;
        }
        .div_clinique {
            left: 0!important;
            width: auto!important;
            margin: 10px;
            top: 85px!important;
        }
        .div_clinique:before {
            background-size: 50%!important;
            width: 47%!important;
            height: 30%!important;
            top: -9%!important;
            left: -4%!important;
            z-index: 99999!important;
        }
        .section_01 .content_01 {
            left: 0!important;
        }
        section.section_01 {
            padding-top: 50px;
        }
        .img_slider {
            margin-top: 0!important;
        }
        .img_mobile_2 {
            position: absolute;
            bottom: 13%;
            right: 0%;
        }
        .img_mobile_1 {
            position: absolute;
            top: 6%;
            left: 0px;
        }
        #circle img {
            width: 25%!important;
            bottom: 25px!important;
            left: 7%!important;
        }
        #section_devis_express {
            background: -moz-linear-gradient(bottom, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%)!important;
            background: -webkit-linear-gradient(bottom, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%)!important;
            background: -o-linear-gradient(bottom, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%)!important;
            background: -ms-linear-gradient(bottom, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%)!important;
            background: linear-gradient(to bottom, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 0) 0%, rgb(248, 244, 229, 1) 0%, rgb(248, 244, 229, 1) 45%)!important;
        }
        #section_devis_express .iframe_devis:after {
            content: "";
            background: url(../../uploads/2022/06/form_devis_express_mobile.webp);
            width: 55%;
            height: 25%;
            position: absolute;
            bottom: 14%;
            right: 0;
            z-index: 99999;
            margin-bottom: -34%;
        }
        #height_clinique {
            height: 200px;
            padding: 7px;
        }
        #height_sejour {
            height: 399px;
            padding: 7px;
        }
        .inter__slider .box_intervention img {
            width: 70%;
        }
        #img_chirurgien_mobile img {
            width: 85%;
        }
        .container_footer {
            padding-left: 0!important;
            padding-top: 60px!important;
            padding-bottom: 30px;
        }
        .footer_1 {
            margin-bottom: 0!important;
            margin-right: 64px;
        }
        #circle.circle_footer img {
            top: -46px!important;
            width: 30%!important;
            bottom: 50px!important;
            left: 65%!important;
        }
        .footer_2 {
            margin-top: -20px!important;
            margin-left: 57px!important;
        }
        .copyright {
            background: transparent!important;
        }
        .copyright .container_footer {
            padding-left: 0!important;
            padding-top: 26px!important;
            padding-bottom: 18px!important;
            font-size: 14px;
            text-align: center;
        }
        .header_interne {
            top: 5%!important;
            left: 48%!important;
        }
        .header_interne #circle img {
            display: none;
        }
        .header_interne h1.title_page {
            font-size: 27px!important;
            -webkit-text-fill-color: #3c4044!important;
            -o-text-fill-color: #3c4044!important;
            -moz-text-fill-color: #3c4044!important;
        }
        .post-thumbnail {
            top: 35px;
            position: relative;
            z-index: -9999;
            margin-bottom: 10%;
        }
        .post-thumbnail img {
            width: 50%!important;
            margin-top: 3%!important;
            object-fit: cover;
            height: 250px;
        }
        header.fixed-header.vh_100 {
            background: #f8f4e5!important;
        }
        h2 {
            font-size: 24px!important;
        }

        .title_devis {
            top: 0!important;
        }
    }



    @media (min-width: 768px) {
        .icon_home_page {
            filter: brightness(0) invert(1);
        }
    }

    @media (min-width: 992px) {
        .container_footer {
            max-width: 960px;
        }
    }

    @media (min-width: 1200px) {
        .container_footer {
            max-width: 1140px;
        }
    }

    .post-thumbnail {
        background: #f8f4e5;
    }

    .header_interne {
        position: absolute;
        top: 25%;
        left: 45%;
        justify-content: center;
        text-align: left;
        right: 0;
    }

    .box_intervention_intern .title_inter {
        background-color: rgb(248, 244, 229, 0.922);
        box-shadow: 0px 5px 16px 0px rgb(40 40 40 / 15%);
        position: absolute;
        bottom: 13%;
        border-radius: 50px;
        padding: 10px 20px 0px 20px;
        left: -10%;
    }

    .title_inter h3 {
        font-size: 18px;
        font-family: "Karla";
        color: rgb(142, 193, 2);
        font-weight: bold;
        font-style: italic;
        text-align: center;
    }

    .header_interne #circle img {
        left: 12%;
        bottom: -49px;
    }

    .header_interne .content_header {
        margin-top: 10%;
    }

    body.page .site-header.fixed-header_Desktop:not(body.home .site-header.fixed-header_Desktop),
    body.blog .site-header.fixed-header_Desktop,
    body.single-post .site-header.fixed-header_Desktop {
        background: #f78181;
        box-shadow: 0 4px 18px 0 rgb(65 65 65 / 20%);
    }

    .header_interne h1.title_page {
        font-size: 55px;
        background-image: -moz-linear-gradient(179deg, #3c4044 83%, #fff 50%);
        background-image: -webkit-linear-gradient(179deg, #3c4044 83%, #fff 50%);
        background-image: -ms-linear-gradient(179deg, #3c4044 83%, #fff 50%);
        -webkit-background-clip: text;
        background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -o-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        margin-left: -1%;
    }

    .post-thumbnail img {
        width: 54%;
        margin-top: 3%;
    }

    .title_devis {
        position: relative;
        top: 30px;
    }

    ul.liste-page li,
    .widget ul li {
        list-style: url(../../uploads/2022/07/liste_puce.webp);
    }

    ul.liste-page,
    .widget ul li {
        margin: 0!important;
    }

    table.price {
        border-radius: 20px;
        background-color: rgb(253, 249, 247);
        box-shadow: 0px 4px 49px 0px rgb(99 99 99 / 34%);
    }

    table.price tbody tr td {
        padding: 5px 20px 5px 20px;
    }

    table.price thead tr td {
        padding: 15px 20px 10px 20px;
    }

    table.price tbody tr:last-child td {
        padding-bottom: 15px;
    }

    table.price thead tr td * {
        font-size: 18px;
        color: rgb(142, 193, 2);
    }

    table.price tbody tr:nth-child(2n+1) {
        background-color: rgb(247, 129, 129, 0.2);
    }

    table.price tbody tr:last-child td:first-child {
        border-radius: 0px 0px 0px 20px;
    }

    table.price tbody tr:last-child td:last-child {
        border-radius: 0px 0px 20px 0px;
    }

    footer#colophon {
        z-index: -99999;
        position: relative;
    }

    #white * {
        color: white;
    }

    .content_chirurgien h3 {
        font-size: 20px;
        text-align: center;
    }

    .content_chirurgien {
        border-radius: 30px;
        background-color: rgb(248, 244, 229);
        opacity: 0.922;
        box-shadow: 0px 5px 16px 0px rgb(40 40 40 / 15%);
        position: absolute;
        bottom: 0;
        padding: 17px 5px;
        text-align: center;
    }

    .box_icon_contact a {
        display: inline-block;
        margin: 0px 13px;
    }

    .img_chirurgien {
        margin-right: -11%;
    }

    .box_chirurgien .btn_devis {
        margin: 25px 0px;
    }

    .box_chirurgien .btn_devis a {
        color: rgb(247 129 129);
    }

    .box_chirurgien .btn_devis a:hover {
        border: 1px solid rgb(247 129 129);
        border-radius: 20px;
    }

    .box_chirurgien .btn_devis a:after {
        content: "";
        background: url(../../uploads/2022/07/btn_chirurgien.webp);
        position: absolute;
        width: 25px;
        height: 100%;
        background-repeat: no-repeat;
        background-position: right;
        background-size: auto;
    }

    .content_archive_blog {
        margin-bottom: 10%;
    }

    .top_post {
        width: 100%;
        height: 250px;
        position: relative;
    }

    .top_post img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        position: absolute;
        left: 0;
        bottom: 0;
        box-shadow: 0 7px 29px 0 rgb(19 75 125 / 34%);
    }

    .top_post .date_posts {
        position: absolute;
        top: 254px;
        left: 0;
        padding: 7px 15px;
        color: #0c4a55;
        z-index: 1;
    }

    .title_posts a {
        font-size: 20px;
        font-weight: bold;
        text-align: center!important;
    }

    .top_post .title_posts {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        background: rgb(248 244 229/75%);
        padding: 10px;
        text-align: center;
    }

    .top_post:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-image: -moz-linear-gradient(-89deg, rgb(248 244 229/30%) 0%, rgb(248 244 229/30%) 100%);
        background-image: -webkit-linear-gradient(-89deg, rgb(248 244 229/30%) 0%, rgb(248 244 229/30%) 100%);
        background-image: -ms-linear-gradient(-89deg, rgb(248 244 229/30%) 0%, rgb(248 244 229/30%) 100%);
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .content_archive_blog .content_post {
        height: 160px;
        padding: 44px 10px 25px;
        position: relative;
        background: #fff;
        box-shadow: 0 7px 29px 0 rgb(248 244 229 / 34%);
    }

    .btn_read {
        margin: 3%;
        bottom: 0;
        position: absolute;
        right: 0;
    }

    a.read_more {
        background-color: rgb(247 129 129);
        color: #fff;
        padding: 10px 15px;
        animation: pulse_dex 1s infinite;
        transition-duration: .3s;
        transition: all .3s!important;
        transition-timing-function: ease-in-out;
        float: right;
    }

    .container.blog_chirurgie-tunisie-clinique {
        padding: 30px 0 60px 0;
    }

    .breadcrumbs_single {
        position: relative;
        background-size: cover;
        min-height: 500px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        text-align: left;
        background-position: center left;
        margin-bottom: 30px;
    }

    .breadcrumbs_single:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background-image: -moz-linear-gradient(-36deg, rgb(248 244 229/70%) 0%, rgb(248 244 229/70%) 65%);
        background-image: -webkit-linear-gradient(-36deg, rgb(248 244 229/70%) 0%, rgb(248 244 229/70%) 65%);
        background-image: -ms-linear-gradient(-36deg, rgb(248 244 229/70%) 0%, rgb(248 244 229/70%)65%);
        width: 100%;
        height: 100%;
        z-index: 0;
    }

    .breadcrumbs_single * {
        z-index: 2;
    }

    .breadcrumbs_single h1 {
        text-align: center;
        width: 100%;
    }

    .date_single_posts {
        position: absolute;
        right: 0;
        bottom: 0;
        padding: 8px 20px;
        color: #fff;
        background-color: rgb(247 129 129);
    }

    .navigate_blog .nav-links {
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: rgb(247 129 129);
        padding: 8px 18px;
        color: #fff;
    }

    .navigate_blog .nav-links .nav-previous {
        width: 50%;
        position: relative;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .nav-previous a,
    .nav-next a {
        color: white;
    }

    .blog .row {
        margin: 0!important;
    }

    .container.single_post {
        margin-bottom: 100px;
    }

    .position-absolute {
        position: absolute;
        display: block;
        z-index: 201;
        right: 0;
        width: 100%;
        padding: 15px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        transform: rotate(90deg);
        height: 54%!important;
    }

    @media screen and (min-width: 601px) {
        .whatsapp {
            left: auto;
            right: 0;
        }
        .whatsapp {
            min-width: 255px;
            max-width: 280px;
            height: 70px;
            padding: 0 20px;
        }
        .whatsapp {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            max-width: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            min-width: 230px;
            max-width: 250px;
            width: 100%;
            height: 66px;
            padding: 0 15px;
            color: #fff;
            letter-spacing: -.02em;
            white-space: nowrap;
            border-radius: 0 0 12px 12px;
            background-color: #2ab737;
            background: linear-gradient(135deg, #0f912c 0, #25a325 37%, #2ab939 100%);
            -webkit-box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%);
            box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%);
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }
        .whatsapp::before {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            content: "";
            background-color: rgba(0, 0, 0, .06);
            -webkit-transform: scaleX(0);
            -ms-transform: scaleX(0);
            transform: scaleX(0);
            -webkit-transition: all .2s linear;
            transition: all .2s linear;
        }
        .whatsapp>span {
            font-size: 1.4rem;
        }
        .whatsapp>span {
            display: block;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            font-size: 1.25rem;
            font-weight: 600;
            text-align: right;
            pointer-events: none;
            padding: 5px;
        }
        .whatsapp>span>span {
            font-size: .9rem;
        }
        .whatsapp>span>span {
            display: block;
            margin-bottom: -5px;
            font-size: 16px;
            font-weight: 400;
            opacity: .8;
        }
        .whatsapp::after {
            position: absolute;
            top: 0;
            left: 0;
            width: 10px;
            height: calc(100% + 20px);
            content: "";
            -webkit-filter: blur(5px);
            filter: blur(5px);
            background-color: rgba(255, 255, 255, .15);
            -webkit-animation: lightEffect 4s ease 4s infinite;
            animation: lightEffect 4s ease 4s infinite;
            -webkit-transform: translate3d(-40px, -10px, 0);
            transform: translate3d(-40px, -10px, 0);
        }
    }

    @media (min-width: 1200px) {
        .whatsapp {
            left: auto;
            right: 0;
        }
    }

    @media (min-width: 576px) {
        .whatsapp {
            min-width: 255px;
            max-width: 280px;
            height: 70px;
            padding: 0 20px;
        }
    }

    .whatsapp {
        overflow: hidden;
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        min-width: 230px;
        max-width: 250px;
        width: 100%;
        height: 66px;
        padding: 0 15px;
        color: #fff;
        letter-spacing: -.02em;
        white-space: nowrap;
        border-radius: 0 0 12px 12px;
        background-color: #2ab737;
        background: linear-gradient(135deg, #0f912c 0, #25a325 37%, #2ab939 100%);
        -webkit-box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%);
        box-shadow: 0 10px 18px 0 rgb(0 0 0 / 20%);
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .whatsapp::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: rgba(0, 0, 0, .06);
        -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transition: all .2s linear;
        transition: all .2s linear;
    }

    .whatsapp:hover::before {
        -webkit-transform: scaleX(1);
        -ms-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transition: -webkit-transform .3s cubic-bezier(.08, .35, .4, 1.02);
        transition: -webkit-transform .3s cubic-bezier(.08, .35, .4, 1.02);
        transition: transform .3s cubic-bezier(.08, .35, .4, 1.02);
        transition: transform .3s cubic-bezier(.08, .35, .4, 1.02), -webkit-transform .3s cubic-bezier(.08, .35, .4, 1.02);
    }

    a.whatsapp,
    a.whatsapp:hover {
        color: white;
        text-decoration: none;
    }

    .whatsapp::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 10px;
        height: calc(100% + 20px);
        content: "";
        -webkit-filter: blur(5px);
        filter: blur(5px);
        background-color: rgba(255, 255, 255, .15);
        -webkit-animation: lightEffect 4s ease 4s infinite;
        animation: lightEffect 4s ease 4s infinite;
        -webkit-transform: translate3d(-40px, -10px, 0);
        transform: translate3d(-40px, -10px, 0);
    }

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .pulse {
        -webkit-animation-name: pulse;
        animation-name: pulse
    }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes pulse {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        50% {
            -webkit-transform: scale(1.1);
            transform: scale(1.1)
        }
        100% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @-webkit-keyframes lightEffect {
        100% {
            left: calc(100% + 80px)
        }
    }

    @keyframes lightEffect {
        100% {
            left: calc(100% + 80px)
        }
    }

    @-webkit-keyframes pulse_dex_white {
        0% {
            -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
        }
        70% {
            -webkit-box-shadow: 0 0 0 10px rgba(33, 107, 173, 0)
        }
        100% {
            -webkit-box-shadow: 0 0 0 0 rgba(33, 107, 173, 0)
        }
    }

    @keyframes pulse_dex_white {
        0% {
            -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
        }
        70% {
            -moz-box-shadow: 0 0 0 10px rgba(33, 107, 173, 0);
            box-shadow: 0 0 0 10px rgba(33, 107, 173, 0)
        }
        100% {
            -moz-box-shadow: 0 0 0 0 rgba(33, 107, 173, 0);
            box-shadow: 0 0 0 0 rgba(33, 107, 173, 0)
        }
    }

    .section_whatsapp {
        position: fixed;
        z-index: 999;
        right: 0;
        top: 22%;
    }

    .whatsapp-icon {
    display: flex;
    align-items: center;
    width: 55px;
    height: 55px;
    position: fixed;
    top: calc(55% + 50px);
    left: 0px;
    cursor: pointer;
    z-index: 9999;
    padding: 4px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    background-color: #2ab737;
    background: linear-gradient(135deg, #0f912c 0, #25a325 37%, #2ab939 100%);
}
.trin-trin
{
    animation-name: trin;
    animation-duration: 2.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 50%;
    margin: 0 auto;
}
@keyframes trin {

from {
    transform:rotate3d(0, 0, 1, 0deg);
}
20%, 32%, 44%, 56%, 68% {
    transform: rotate3d(0, 0, 1, 0deg);
}
23%, 35%, 47%, 59%, 71% {
    transform: rotate3d(0,0,1,15deg);
}
26%, 38%, 50%, 62%, 74% {
    transform: rotate3d(0,0,1,0deg);
}
29%, 41%, 53%, 65%, 77% {
    transform: rotate3d(0,0,1,-15deg);
}
80% {
    transform:rotate3d(0, 0, 1, 0deg);
}

}

.whatsapp-icon:before {
    content: "";
    background: url(https://www.chirurgie-tunisie-clinique.com/wp-content/uploads/2022/07/whatsapp.webp);
    position: absolute;
    width: 85%;
    height: 85%;
    background-repeat: no-repeat;
    background-size: contain;
}