@media(min-width:1600px){
    .container-header {
        max-width: 1380px;
        margin: 0 auto;
    }
    .container-custom {
        max-width: 1320px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    .wp-hero-sectors-section{
        background-color: var(--theme-lightblueBg);
        height: calc(100vh - 134px);
        display: flex;
        align-items: center;
    }
    .wp-hero-detail{
        padding-right: 100px;
    }
    .wp-hero-detail{
        padding-right: 100px;
    }
}   

@media(max-width:1400px){
    .wp-hero-sectors-section {
        background-color: var(--theme-lightblueBg);
        height: 100vh;
    }
    .container-header {
        max-width: 1180px;
        margin: 0 auto;
    }
}

@media(max-width:1200px){
    .container-custom{
        max-width: 960px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    .container-header {
        max-width: 960px;
        margin: 0 auto;
    }
    .wp-hero-detail .wp-hero-title {
        font-size: 48px;
        line-height: 60px;
    }
    .wp-hero-buttons {
        margin-top: 60px;
    }
    .wp-hero-sectors-section {
        background-color: var(--theme-lightblueBg);
        /* height: 100%; */
    }
    .wp-hero-detail{
        padding-right: 30px;
    }
}

@media(max-width:991.99px){
    .container-custom{
        max-width: 720px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    .wp-contract-management-card {
        padding: 25px 20px;
    }
    .wp-contract-management-card .wp-card-title {
        font-size: 26px;
    }
    .container-header {
        max-width: 720px;
        margin: 0 auto;
    }
    .wp-navbar{
        display: none;
    }
    .custom_offcanvas{
        display: block;
    }

}

@media(max-width:767.9px){
    .container-custom{
        max-width: 540px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    .container-custom-2 {
        max-width: 540px;
        margin: 0 auto;
        padding: 0px 10px;
    }
    .container-header {
        max-width: 540px;
        margin: 0 auto;
    }
    .wp-header-detail {
        height: 94px;
        padding: 0px 20px;
    }
    .wp-heading-title {
        font-size: 28px;
        line-height: 38px;
    }
    .custom-accordian-faqs .accordion-item h2 button {
        font-size: 18px;
        line-height: 28px;
        padding: 30px 0px 30px 0px;
    }
    .wp-para-description {
        max-width: 100%;
        font-size: 16px;
    }
    .wp-sub-heading-title {
        font-size: 16px;
        margin-bottom: 50px;
        max-width: 100%;
    }
    .wp-security_pages h6 {
        width: 100%;
        text-align: center;
        margin-bottom: 40px !important;
        margin-top: 20px !important;
    }
    .wp-security_pages {
        border-top: 1px solid var(--white);
        padding-top: 15px;
        flex-direction: column-reverse;
    }
    .wp-hero-detail .wp-hero-title {
        font-size: 42px;
        line-height: 55px;
        font-family: 'Nunito';
        margin-bottom: 30px;
    }
    .wp-hero-buttons {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-top: 45px;
    }
    .wp-hero-sectors-section {
        background-color: var(--theme-lightblueBg);
        height: 100%;
    }
    .pris-main-container {
        position: relative;
        margin-top: 50px;
    }
    .wp-service-card {
        padding: 41px 25px 41px 25px;
        height: 100%;
    }
    .wp-service-card .wp-service_description {
        font-size: 14px;
    }
    .wp-heading-title.font-60 {
        font-size: 50px;
    }
    .wp-kontroll-details .workWrap-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
}

@media(max-width:576px){
    .container-custom{
        max-width: 100%;
        margin: 0 auto;
        padding: 0px 16px;
    }
    .wp-heading-title {
        font-size: 26px;
        line-height: 36px;
    }
    .wp-sub-heading-title {
        font-size: 16px;
        margin: 0 auto;
        margin-bottom: 50px;
    }
    .wp-header__wrapper {
        padding: 20px 16px;
    }
    .wp-header-detail .wp-login_btn{
        display: none;
    }
    .wp-hero-buttons {
        display: flex;
        align-items: center;
        gap: 24px;
        margin-top: 45px;
        flex-wrap: wrap;
    }
    .wp-hero-detail {
        padding-right: 0px;
    }
    .container-custom-3 {
        max-width: 100%;
        margin: 0 auto;
        padding: 0px 16px;
    }
    .wp-security_pages ul {
        gap: 20px;
    }
    .custom-accordian-faqs .accordion-item .accordion-body {
        padding: 5px 0px 40px 0px!important;
        color: #000000BD;
        font-family: "Roboto", Sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px;
    }
}