/*
Theme Name: MyTheme
Author: SFD
Author URI: http://www.savoirfaire.digital
Description: A simple and clean Wordpress theme designed from scratch.
Version: 1.0
*/


/*** Job page css start here ***/
body .page.page-jobs .iwt-inner-wrapper{
    width: 100%;
    max-width: 868px;
    margin: 0 auto;
}
body .page.page-jobs .banner.top .aplat {
    right: unset;
    left: 0;
    width: 35%;
}
body .page.page-jobs .banner.top .banner-content .sur-titre {
    font-size: 40px;
}
body .page.page-jobs .banner.top .content {
    display: inline-block;
}
body .page.page-jobs .banner.top .big-circle-container .big-circle {
    left: -15%;
}
body .page.page-jobs .banner.top .big-circle-container {
    top: -500px;
}
body .page.page-jobs .banner.top .banner-content {
    padding: 0px;
}
body .page.page-jobs .banner.top .banner-content h1.titre {
    font-size: 150px;
    letter-spacing: -4.5px;
}
body .page.page-jobs .banner.top {
    padding-top: 99px;
    padding-bottom: 30px;
}
body .page.page-jobs .iwt-flex-image-sec, 
body .page.page-jobs .iwt-flex-image-sec img {
    width: 100%;
    height: auto;
}
body .page.page-jobs .iwt-flex-introduction-sec {
    padding: 40px 10px 30px 0px;
}
body .page.page-jobs .iwt-flex-introduction-sec p {
    text-align: left;
    font: normal normal 300 27px/35px Montserrat,sans-serif;
    letter-spacing: -0.54px;
    color: #000000;
    opacity: 1;
    margin: 0;
}
body .page.page-jobs .iwt-flex-texte-sec p {
    text-align: left;
    font: normal normal 300 16px/23px Montserrat;
    letter-spacing: -0.32px;
    color: #000000;
    opacity: 1;
    margin-bottom: 20px;
}
body .page.page-jobs .iwt-flex-texte-sec h2 {
    text-align: left;
    font: normal normal 900 42px/40px Montserrat;
    letter-spacing: -0.84px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
    margin-top: 40px;
    margin-bottom: 22px;
}
body .page.page-jobs .iwt-flex-texte-sec ul {
    margin: 0;
    padding: 0 10px 0 0;
}
body .page.page-jobs .iwt-flex-texte-sec ul li {
    position: relative;
    padding-left: 38px;
    text-align: left;
    font: normal normal 300 16px/23px Montserrat;
    letter-spacing: -0.32px;
    color: #000000;
    opacity: 1;
    margin-bottom: 18px;
}
body .page.page-jobs .iwt-flex-texte-sec ul li::before {
    content: "";
    width: 9px;
    height: 9px;
    display: inline-block;
    background: #FF0040;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 0;
}
body .page.page-jobs .iwt-flex-focus-sec {
    margin-top: 48px;
}
body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content {
    background: #F6F6F6;
    padding: 26px 32px;
}
body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p {
    text-align: left;
    font: normal normal 400 16px/23px Montserrat;
    letter-spacing: -0.32px;
    color: #000000;
    margin: 0;
}
body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p a {
    text-decoration: underline;
    color: #FF0040;
}
body .page.page-jobs .iwt-flexible-area {
    padding-bottom: 20px;
}
/*** Job page css end here ***/
@media (max-width: 1226px){
    body .page.page-jobs .iwt-inner-wrapper {
        max-width: 730px;
    }
    body .page.page-jobs .banner.top .banner-content h1.titre {
        font-size: 140px;
    }
    body .page.page-jobs .banner.top .big-circle-container .big-circle {
        left: -25%;
    }
    body .page.page-jobs .banner.top .big-circle-container {
        top: -375px;
    }
    body .page.page-jobs .iwt-flex-introduction-sec {
        padding: 40px 0px 30px;
    }
    body .page.page-jobs .iwt-flexible-area{
        padding-left: 0;
        padding-right: 0;
    }
}
@media (max-width: 1023px){
    body .page.page-jobs .banner.top {
        padding-top: 83px;
        padding-bottom: 25px;
    }
    body .page.page-jobs .iwt-inner-wrapper {
        max-width: 613px;
    }
    body .page.page-jobs .banner.top .banner-content h1.titre {
        font-size: 117px;
        letter-spacing: -3.51px;
        line-height: 99px;
    }
    body .page.page-jobs .banner.top .big-circle-container {
        width: 600px;
        height: 600px;
        left: unset;
        top: -475px;
        transform: rotate(272deg);
        right: -348px;
    }
    body .page.page-jobs .banner.top .banner-content .sur-titre {
        font-size: 33px;
        margin-bottom: 0;
        letter-spacing: -0.66px;
    }
    body .page.page-jobs .iwt-flex-introduction-sec p {
        font-size: 24px;
        line-height: 32px;
        letter-spacing: -0.48px;
    }
    body .page.page-jobs .iwt-flex-texte-sec p,
    body .page.page-jobs .iwt-flex-texte-sec ul li,
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p,
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p a {
        font-size: 13px;
        line-height: 20px;
        letter-spacing: -0.26px;
    }
    body .page.page-jobs .iwt-flex-texte-sec h2 {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: -0.66px;
    }
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content {
        padding: 32px;
    }
    body .page.page-jobs .iwt-flexible-area {
        padding-bottom: 110px;
    }
    body .page.page-jobs .banner.bottom {
        padding: 0;
    }
    body .page.page-jobs .banner.top .aplat {
        width: 270px;
    }
}
@media (max-width: 767px) {
    body .page.page-jobs .iwt-inner-wrapper {
        max-width: unset;
        padding-left: 80px;
        padding-right: 80px;
    }
    body .page.page-jobs .banner.top .banner-content {
        padding: 0px 80px;
    }
    body .page.page-jobs .banner.top .banner-content h1.titre {
        font-size: 88px;
        line-height: 73px;
    }
    body .page.page-jobs .iwt-flexible-area {
        padding-bottom: 80px;
    }
    body .page.page-jobs .iwt-flex-texte-sec ul {
        padding: 0;
    }
}
@media (max-width: 639px) {
    body .page.page-jobs .banner.top .aplat {
        width: 107px;
        top: -28px;
    }
    body .page.page-jobs .banner.top .banner-content {
        padding: 0px 32px;
    }
    body .page.page-jobs .iwt-inner-wrapper {
        padding-left: 32px;
        padding-right: 32px;
    }
    body .page.page-jobs .banner.top {
        padding-top: 106px;
        padding-bottom: 10px;
        z-index: 0;
    }
    body .page.page-jobs .banner.top .banner-content .sur-titre {
        font-size: 25px;
        margin-bottom: 0;
        line-height: 26px;
        letter-spacing: -0.5px;
    }
    body .page.page-jobs .banner.top .banner-content h1.titre {
        font-size: 48px;
        line-height: 46px;
        letter-spacing: -1.44px;
    }
    body .page.page-jobs .banner.top .big-circle-container {
        top: -218px;
        right: -225px;
        width: 320px;
        height: 320px;
    }
    body .page.page-jobs .iwt-flex-introduction-sec p {
        font-size: 15px;
        line-height: 23px;
        letter-spacing: -0.3px;
    }
    body .page.page-jobs .iwt-flex-introduction-sec {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    body .page.page-jobs .iwt-flex-texte-sec h2 {
        font-size: 20px;
        line-height: 24px;
        letter-spacing: -0.4px;
        margin-bottom: 13px;
        margin-top: 30px;
    }
    body .page.page-jobs .iwt-flex-texte-sec p,
    body .page.page-jobs .iwt-flex-texte-sec ul li,
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p,
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content p a {
        font-size: 11px;
        line-height: 17px;
        letter-spacing: -0.22px;
    }
    body .page.page-jobs .iwt-flex-texte-sec ul li {
        margin-bottom: 13px;
        padding-left: 22px;
    }
    body .page.page-jobs .iwt-flex-texte-sec ul li::before {
        top: 5px;
        width: 6px;
        height: 6px;
    }
    body .page.page-jobs .iwt-flex-focus-sec {
        margin-top: 30px;
    }
    body .page.page-jobs .iwt-flex-focus-sec .iwt-focus-content {
        padding: 22px;
    }
    body .page.page-jobs .iwt-flexible-area {
        padding-bottom: 57px;
    }
}