/*@media only screen and (max-width:2560px){
	.property-development-services .img-container img.customheight{max-height:465px;}
}*/

@media only screen and (max-width: 1680px) {
    .contact_sec1_left.text-center h2 {
        font-size: 44px;
    }
    .training-block-content h2 {
        font-size: 23px;
        margin-bottom: 30px;
    }
    .training-block-content .info-box {
        font-size: 17px;
        padding: 16px 25px;
    }
    .best-for {
        margin-top: 30px;
        font-size: 17px;
    }
    .best-for strong {
        font-size: 20px;
    }
    .dot-shape,
    .shape-1,
    .shape-6 {
        width: 150px;
    }
    .training-block-content.wd {
        max-width: 650px;
    }
    .training-img.left {
        margin-left: -160px;
    }
    .training-img.right {
        margin-right: -160px;
    }
    .back-after::after {
        height: 90%;
    }
    .shape-3,
    .shape-4 {
        width: 400px;
    }
    .shape-6 {
        bottom: -8%;
        right: -8%;
    }
    .shape-5 {
        width: 200px;
        top: 13%;
    }
    .popular-training::after {
        height: 69%;
    }
    .section {
        padding: 8rem 0;
    }
    .why-choose-box h3 {
        font-size: 23px;
        margin-bottom: 25px;
        max-width: 210px;
    }
    .why-choose-box p {
        font-size: 15px;
    }
    .why-choose-box {
        height: 365px;
    }
    .why-choose-sec {
        padding: 85px 0 240px;
    }
    .shape-7 {
        width: 120px;
    }
    .pricing-txt {
        padding: 45px 140px 45px 55px;
    }
    .pricing-txt p {
        font-size: 20px;
    }
    .pricing-txt p span {
        font-size: 38px
    }
    .pricing-box h5 {
        font-size: 20px;
        padding: 18px;
        margin-bottom: 30px;
    }
    .pricing-box p {
        font-size: 18px;
    }
    .pricing-box h6 {
        font-size: 40px;
    }
    .popular-training-otr h2 {
        max-width: 300px;
    }
    .shp-1,
    .shp-2,
    .shp-3,
    .shp-4,
    .shp-5,
    .shp-6 {
        max-width: 15rem;
    }
    .shp-left,
    .shp-right {
        max-width: 24rem;
    }
}

@media only screen and (max-width: 1500px) {
    .training-img.left {
        margin-left: -150px;
    }
    .training-img.right {
        margin-right: -150px;
    }
}

@media only screen and (max-width: 1400px) {
    .training-block-content {
        padding: 45px 0;
    }
    .training-block-content h2 {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .training-block-content ul li {
        margin-bottom: 13px;
    }
    .cmn-gap-2 {
        padding: 70px 0;
    }
    .dot-shape,
    .shape-1,
    .shape-6 {
        width: 120px;
    }
    .shape-3,
    .shape-4 {
        width: 300px;
    }
    .popular-training-box ul li {
        font-size: 20px;
        padding-bottom: 12px;
        margin-bottom: 16px;
        margin-left: 30px;
    }
    .popular-training-box ul li::after {
        left: -30px;
        width: 16px;
        height: 13px;
    }
    .popular-training-otr h2 {
        margin-bottom: 80px;
        font-size: 52px;
    }
    .popular-training-otr figure {
        max-width: 340px;
        min-width: 340px;
    }
    .why-choose-box {
        padding: 54px 20px;
    }
    .pricing-top {
        gap: 30px;
        margin-bottom: 30px;
    }
    .pricing-txt {
        padding: 33px 100px 33px 30px;
    }
    .pricing-box h6 {
        font-size: 32px;
    }
    .pricing-box {
        padding: 18px 15px 45px;
    }
    .pricing-box h5 {
        font-size: 17px;
        padding: 14px;
        margin-bottom: 20px;
    }
    .hr_advisory_esc04 {
        background-position: 140% 0;
    }
    .hr_advisory_whatwe_sec {
        height: 950px;
    }
    .hr_advisory_esc02 {
        background-position: -35% 0;
    }
    .takeway_heading {
        background-size: contain;
    }
}

@media only screen and (max-width: 1199px) {
    .service_sec1::before {
        width: 15.5rem;
        height: 20.33rem;
    }
    .section {
        padding: 7rem 0;
    }
    .contact_sec1_left h2 {
        font-size: 3.8rem;
    }
    .contact_sec1_left.text-center h2 {
        font-size: 36px;
    }
    .mb-70 {
        margin-bottom: 50px;
    }
    .training-img.right {
        margin-right: -100px;
    }
    .training-img.left {
        margin-left: -100px;
    }
    .shp-1,
    .shp-2,
    .shp-3,
    .shp-4,
    .shp-5,
    .shp-6 {
        max-width: 10rem;
    }
    .shp-left,
    .shp-right {
        max-width: 18rem;
    }
    .pro_edit4-box li h4 {
        font-size: 2.3rem;
    }
    .pro_edit4-box li p {
        font-size: 1.5rem;
    }
    .pro_edit4-box li {
        margin-bottom: 3rem;
    }
    .pro_edit4-box {
        padding: 2rem 6rem 2rem;
    }
    .how-it-content h4 {
        font-size: 2.2rem;
    }
    .how-it-list li span {
        font-size: 4rem;
        border-left: 4px solid #924197;
        min-height: 5rem;
        padding-left: 1rem;
        min-width: 6rem;
    }
    .pro_edit5 .shape-7 {
        max-width: 80px;
    }
    .hr-function-list li em {
        font-size: 2rem;
    }
    .hr-function-list li em a {
        font-size: 2.8rem;
    }
    .pro_edit5 .pricing-txt p {
        font-size: 3rem;
    }
    .pro_edit5 .pricing-top {
        margin-bottom: 3.5rem;
    }
    .service_sec1_bottom_right_list ul li .content h4 {
        font-size: 2rem;
    }
}

@media only screen and (min-width: 240px) and (max-width: 991px) {
    html {
        font-size: 52%;
    }
    body {
        font-size: 14px;
        line-height: 24px;
    }
    .container {
        max-width: 100%;
    }
    .button a,
    .button button {
        padding: 1rem 1.5rem;
        min-width: auto;
        font-size: 1.4rem;
    }
    .read_more_clip a {
        padding: 1.5rem 5rem;
    }
    .section {
        padding: 30px 0;
    }
    .heading {
        font-size: 1.4rem;
        line-height: 170%;
    }
    .heading h2 {
        font-size: 4rem;
    }
    .social_icons {
        display: none;
    }
    .header .container,
    .header .container-lg,
    .header .container-md,
    .header .container-sm,
    .header .container-xl {
        max-width: 100%;
    }
    .contact_sec1_left h2::before {
        z-index: 3;
    }
    .service_sec1_bottom_right_list ul li .content h4 {
        font-size: 2rem;
    }
    .training-block-content .info-box {
        font-size: 15px;
        padding: 10px 17px;
    }
    .training-block-content.wd {
        max-width: 500px;
    }
    .best-for {
        margin-top: 25px;
        font-size: 15px;
    }
    .best-for strong {
        font-size: 17px;
    }
    .cmn-gap {
        padding: 50px 0;
    }
    .dot-shape,
    .shape-1,
    .shape-6 {
        width: 90px;
    }
    .popular-training-otr figure {
        max-width: 240px;
        min-width: 240px;
    }
    .popular-training-otr {
        padding-right: 20px;
    }
    .shape-6 {
        bottom: -6%;
        right: -5%;
    }
    .why-choose-sec {
        padding: 65px 0 150px;
    }
    .pricing-sec {
        padding-top: 60px;
    }
    .shape-7 {
        width: 90px;
    }
    .contact_sec1_left.text-center h2 {
        font-size: 30px;
    }
    .mb-70 {
        margin-bottom: 30px;
    }
    .pricing-txt {
        padding: 20px 65px 20px 20px;
    }
    .pricing-txt p {
        font-size: 15px;
    }
    .pricing-txt p span {
        font-size: 26px;
    }
    .contact_sec1_left h2::before {
        width: 5rem;
        height: 5rem;
        top: -1rem;
    }
    .contact_sec1_left h2 {
        font-size: 3.1rem;
        padding-left: 6rem;
    }
    .pricing-top {
        gap: 20px;
        margin-bottom: 20px;
    }
    .pricing-box {
        margin: 0 10px;
    }
    .pricing-box h5 {
        margin: 0 -26px;
    }
    .pricing-box h5 {
        font-size: 15px;
        padding: 11px;
        margin-bottom: 13px;
    }
    .pricing-box {
        padding: 10px 10px 30px;
    }
    .pricing-box p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .pricing-box h6 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    .training-block-content h2 {
        font-size: 18px;
    }
    .training-block-content.wd {
        max-width: 380px;
    }
    .training-block-content {
        padding: 35px 0;
    }
    .popular-training-otr h2 {
        margin-bottom: 50px;
        font-size: 43px;
    }
    .popular-training-box {
        padding: 30px 20px;
    }
    .popular-training-box ul li {
        font-size: 17px;
    }
    .popular-training-box ul li {
        padding-bottom: 9px;
        margin-bottom: 12px;
        margin-left: 25px;
    }
    .dot-shape,
    .shape-1,
    .shape-6 {
        width: 70px;
    }
    .service_sec1::before {
        width: 13.5rem;
        height: 17.33rem;
    }
}

@media only screen and (min-width: 240px) and (max-width: 767px) {
    .only_desktop_view {
        display: none;
    }
    .only_mobile_view {
        display: block;
    }
    .toggle_button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 18px;
        cursor: pointer;
        background: transparent;
    }
    .toggle_button div {
        width: 100%;
        height: 1.5px;
        border-radius: 3px;
        background-color: #BF8E27;
        position: relative;
        transition: all .25s ease 0s;
    }
    .toggle_button div:before,
    .toggle_button div:after {
        content: "";
        position: absolute;
        left: 0;
        width: inherit;
        height: inherit;
        background-color: #BF8E27;
        border-radius: 3px;
        transition: all .25s ease 0s;
    }
    .toggle_button div:before {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    .toggle_button div:after {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
    .close_toggle {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-right: 0;
        float: right;
        padding-right: 0;
        margin: 0 0 0 auto;
    }
    .close_toggle .toggle_button div {
        background-color: #000;
    }
    .close_toggle .toggle_button div:before,
    .close_toggle .toggle_button div:after {
        background-color: #000;
    }
    .toggle_button.active div {
        background-color: initial;
    }
    .toggle_button.active div:before {
        -webkit-transform: translateY(0) rotate(-45deg);
        transform: translateY(0) rotate(-45deg);
    }
    .toggle_button.active div:after {
        -webkit-transform: translateY(0) rotate(45deg);
        transform: translateY(0) rotate(45deg);
    }
    .menu .only_mobile_view {
        width: 100%;
    }
    .mobile_version_menu_inside {
        width: 100%;
        display: flex;
    }
    .mobile_version_menu_inside .logo {
        max-width: 100px;
    }
    .menu {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        top: 0;
        left: -100%;
        background-color: #fff;
        overflow: hidden;
        padding: 1rem;
        -webkit-transition: left .6s cubic-bezier(.6, .1, .68, .53);
        transition: left .6s cubic-bezier(.6, .1, .68, .53);
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
    }
    .menu.menu_open {
        left: 0;
    }
    #menu_background_overlay {
        display: block;
        position: fixed;
        z-index: 14;
        top: 0;
        left: -110vw;
        height: 100%;
        width: 100%;
        background-color: rgba(51, 51, 51, .5);
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 1;
        visibility: visible;
    }
    #menu_background_overlay.menu_overlay_active {
        left: 0;
    }
    .mobile_view {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2rem;
    }
    .mobile_view_logo {
        max-width: 17rem;
    }
    .menu>ul {
        width: 100%;
        flex-wrap: wrap;
        align-items: flex-start;
        align-content: flex-start;
        margin-top: 2rem;
        gap: 0;
    }
    .menu>ul li {
        width: 100%;
    }
    .menu>ul li a {
        width: 100%;
        display: inline-block;
        transform: skew(0deg);
    }
    .menu>ul li a span {
        position: relative;
        transform: skew(0deg);
    }
    
    .menu ul li.child_menu > a:after {
        font-family: 'FontAwesome';
        content: "\f107";
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        font-size: 1.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .menu ul li.child_menu .child_menu_panel {
        position: relative;
        display: block;
        box-shadow: none;
        max-width: 100%;
        min-width: 100%;
        transform: translateY(0);
        height: 0;
    }

    .menu ul li.child_menu:hover .child_menu_panel {
        display: block;
        opacity: 1;
        visibility: visible;
        height: auto;
    }

    .header_bottom {
        padding: 1rem 0;
    }
    .header_icon {
        gap: 1rem;
    }
    .logo {
        width: auto;
        max-width: 7rem;
        padding-right: 0;
        padding-top: 0;
    }
    .logo_image {
        padding: 0;
    }
    .logo:before {
        display: none;
    }
    .logo_image {
        position: static;
    }
    .header_right {
        gap: 1rem;
    }
    .home_banner {
        height: auto;
        background: #151e2b;
        padding: 0;
    }
    /*.home_banner .container {
		padding: 0;
	}*/
    .home_banner_left {
        padding: 2rem 3rem 0;
    }
    .home_banner:before {
        display: none;
    }
    .banner_content {
        text-align: center;
    }
    .banner_content h1 {
        font-size: 4rem;
    }
    .banner_content h1 span {
        line-height: 4rem;
    }
    .banner_content h3 {
        font-size: 2.4rem;
    }
    .banner_short_text {
        padding: 1.5rem;
        margin: 1.5rem 0;
        border-radius: 0 0 0 5rem;
        background-color: var(--e-global-color-white);
    }
    .banner_short_text:before {
        display: none;
    }
    .home_banner_right {
        width: 100%;
        position: static;
        margin-top: 2rem;
    }
    .banner_button {
        justify-content: center;
    }
    .home_sec2 {
        padding-bottom: 25rem;
        background-size: 100% auto;
    }
    .home_sec2:before {
        display: none;
    }
    .home_sec3_right {
        margin-top: 2rem;
    }
    .list_content ul li::before {
        font-size: 5rem;
    }
    .list_content ul li .list_text {
        font-size: 1.4rem;
        line-height: 160%;
    }
    .home_sec2 {
        padding-bottom: 10rem;
        background-size: 100% auto;
    }
    .home_sec3 {
        background: none;
    }
    .home_sec3_right:after {
        display: none;
    }
    .home_sec3_right {
        margin-top: 3rem;
    }
    .read_more_clip {
        margin-top: 3rem;
    }
    .home_sec4 .heading {
        text-align: center !important;
        margin-bottom: 1rem;
    }
    .service_box {
        padding: 3rem 2rem;
    }
    .service_box img {
        max-height: 9rem;
    }
    .service_box h4 {
        font-size: 2rem;
    }
    .why_line {
        height: 100%;
        width: auto;
        top: -4rem;
        max-height: 35rem;
    }
    .why_round {
        display: none;
    }
    .home_sec5_left .read_more_clip {
        margin-top: 2rem;
    }
    .home_sec5_right {
        margin-top: 2rem;
    }
    .why_head {
        padding: 2rem 4rem 2rem 2.5rem;
        margin: 1.5rem 0;
    }
    .why_head h2 {
        font-size: 2.4rem;
    }
    .home_sec5_right ul {
        gap: 1.5rem;
    }
    .hs6_text h3 {
        font-size: 2.4rem;
    }
    .home_sec7 {
        min-height: auto;
    }
    .home_sec7:before {
        display: none;
    }
    .client_quote {
        margin-bottom: 1rem;
    }
    .client_quote img {
        max-height: 5rem;
    }
    .client_content {
        font-size: 2rem;
    }
    .home_sec8_left {
        padding-right: 1.5rem;
    }
    .home_sec8_left {
        font-size: 1.8rem;
    }
    .home_sec8_left h3 {
        font-size: 3.2rem;
    }
    .home_sec8_right {
        padding-left: 1.5rem;
    }
    .connection a {
        font-size: 1.4rem;
        padding: 1.5rem 2rem 1.5rem 4rem;
    }
    .connection_icon {
        width: 8rem;
        height: 8rem;
        padding: 1rem;
    }
    .footer_top_building {
        margin-bottom: -0.5rem;
    }
    .footer_bottom_box {
        padding: 2rem 2rem 1rem;
    }
    .footer_bottom_box h3 {
        font-size: 2.6rem;
    }
    .inner_banner:after {
        display: none;
    }
    .inner_banner .home_banner_right {
        width: 100%;
        background: #ffc827;
    }
    .inner_banner_pagination {
        margin: 0;
    }
    .inner_banner_pagination ul {
        justify-content: center;
    }
    .contact_sec1_right_box:before {
        width: 12rem;
        height: 18rem;
        top: -5.8rem;
        left: -1rem;
    }
    .contact_sec1_bottom {
        margin-top: 2rem;
    }
    .contact_sec2:after {
        display: none;
    }
    .contact_sec2_box_wrap {
        padding: 2rem;
    }
    .contact_sec2 {
        padding: 0 2rem;
    }
    .contact_sec2_box_right {
        padding: 1.5rem;
    }
    .contact_form {
        padding: 0;
    }
    .contact_heading {
        margin-bottom: 1rem;
    }
    .contact_sec3_left h3 {
        font-size: 3rem;
        text-align: center;
    }
    .contact_sec3_right {
        font-size: 1.8rem;
    }
    .service_sec1_left h2 {
        font-size: 3.8rem;
        text-align: center;
    }
    .service_sec1_right {
        padding-left: 12px;
        text-align: center;
    }
    .service_sec1::before {
        width: 10.5rem;
        height: 14.33rem;
    }
    .service_sec1::before {
        top: auto;
        bottom: -20%;
    }
    .service_sec1_bottom_right {
        margin-top: 4rem;
        padding: 3rem 0 3rem 0;
    }
    .mobile-image {
        width: 100%;
        display: block;
    }
    .training-block-sec {
        background-image: none!important;
    }
    .training-block-content.wd {
        max-width: 100%;
        margin-bottom: 0;
    }
    .cmn-gap {
        padding: 4rem 0;
    }
    .training-img.left {
        margin-left: 0;
    }
    .training-img.right {
        margin-right: 0;
    }
    .training-block-content {
        margin-bottom: 3rem;
    }
    .reverse {
        flex-direction: column-reverse;
    }
    .shape-2 {
        width: 15rem;
    }
    .training-block-content.p-40 {
        padding: 0;
    }
    .cmn-gap-2 {
        padding: 4rem 0;
    }
    .popular-training-otr {
        padding-right: 0;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding-top: 3rem;
    }
    .popular-training-otr h2 {
        max-width: 100%;
        color: #151e2b;
    }
    .popular-training-otr h2 {
        margin-bottom: 4rem;
        font-size: 3.5rem;
    }
    .shape-5 {
        width: 12rem;
    }
    .popular-training::after {
        height: 77%;
    }
    .why-choose-box h3 {
        font-size: 2rem;
    }
    .why-choose-box {
        height: 33rem;
    }
    .why-choose-sec {
        padding: 6.5rem 0 10rem;
    }
    .pricing-sec {
        padding-top: 4rem;
    }
    .pricing-box.blue {
        margin-bottom: 3rem;
    }
    .shape-8 {
        width: 15rem;
    }
    .pro_edit .service_sec1_left {
        padding-right: 0;
    }
    .pro_edit2 .service_sec1_bottom_left img {
        width: 100%;
    }
    .pro_edit2 .row.reverse {
        flex-direction: column-reverse;
    }
    .image-4 img {
        height: auto;
        width: auto;
    }
    .how-it-list.text-end li {
        text-align: center;
        flex-direction: column-reverse;
    }
    .how-it-list li {
        text-align: center;
        flex-direction: column;
    }
    .mb-img {
        text-align: center;
        padding: 3rem 0;
    }
    .mb-img img {
        width: auto!important;
    }
    .pro_edit3.popular-training::after {
        height: 100%;
    }
    .pro_edit3 .popular-training-otr {
        align-items: center;
    }
    .pro_edit3 .popular-training-otr h2 {
        color: #fff;
    }
    .pro_edit3 .popular-training-otr figure {
        margin-bottom: 3rem;
    }
    .pro_edit5 .training-img.right {
        position: static;
    }
    .mb-center {
        text-align: center;
    }
    .pro_edit5 .pricing-txt {
        width: 100%;
    }
    .pro_edit5 .shape-7 {
        bottom: -1rem;
    }
    .image-4 {
        height: auto;
        text-align: center;
    }
    .pro_edit5 .pricing-txt p {
        white-space: inherit;
    }
    .payroll_sec1_left h2 {
        font-size: 3.2rem;
        text-align: center;
    }
    .payroll_sec1_left {
        padding-right: 12px;
    }
    .img_descp {
        gap: 0;
    }
    .get_img_area h4 {
        font-size: 2.2rem;
    }
    .get_img_area.mrTop {
        margin-top: 0;
    }
    .get_img_area.mrRght {
        margin: 0;
    }
    .what_you_get_wrap {
        background-size: cover;
        padding: 0 1.2rem 3rem;
    }
    .pro_hredge_wrap::after {
        top: -16%;
        width: 12rem;
        height: 21.7rem;
        background-size: cover;
    }
    .pro_hredge_wrap::before {
        top: -13%;
        width: 7.4rem;
        height: 25.1rem;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .contact_sec1_left h4 {
        font-size: 2.5rem;
    }
    .pro_hr_edge_inner {
        flex-direction: column;
    }
    .pro_right_area {
        padding: 0 1.2rem;
        margin-top: 2.5rem;
    }
    .pro_right_area .how-it-list {
        padding: 0;
    }
    .pro_right_area .how-it-list li .how-it-content {
        justify-content: center;
    }
    .third_party_rigt_content {
        padding: 0;
    }
    .get_list .how-it-list li {
        flex-direction: row;
    }
    .third_party_get_you_sec {
        background-position: top right;
    }
    .how-it-content p {
        text-align: left;
    }
    .advance_content_wrap {
        padding: 0 1.2rem;
        flex-direction: column-reverse;
        top: 2rem;
    }
    .advance-it-list .how-it-content h4 {
        font-size: 2.2rem;
    }
    .advance-it-list li {
        gap: 1.4rem;
        margin-bottom: 1.4rem;
    }
    .advance-it-list li span {
        width: 8.6rem;
        height: 8.6rem;
        font-size: 5.2rem;
    }
    .advance-it-list li .how-it-content {
        padding: 0;
    }
    .third_party_hr_advance {
        padding: 5rem 0 10rem;
    }
    .third_party_hr_advance::after {
        width: 10.5rem;
        height: 9.8rem;
        background-size: contain;
        bottom: -2%;
    }
    .third_party_esc01::before {
        top: 11%;
        width: 5.5rem;
        height: 9.7rem;
        background-size: contain;
    }
    .third_party_esc01::after {
        top: 7%;
        right: -6%;
        width: 12.2rem;
        height: 12.2rem;
        background-size: contain;
    }
    .hr_advisory_esc02 {
        background: none;
        min-height: fit-content;
    }
    .admin_function_area {
        padding-top: 4rem;
        min-height: fit-content;
    }
    .admin_function_area .col-md-6 {
        padding: 0;
    }
    .inner_content {
        padding-left: 1.5rem;
    }
    .advice_list {
        margin-top: 2rem;
    }
    .advice_list li {
        gap: 2rem;
    }
    .advice_list li h4 {
        width: calc(100% - 5.2rem);
        font-size: 2.0rem;
    }
    .hr_advisory_esc03 {
        padding: 4rem 0;
    }
    .hr_advisory_whatwe_sec {
        padding: 0;
        grid-template-columns: 1fr;
        height: 900px;
    }
    .number_box {
        min-width: fit-content;
        border-bottom-left-radius: 60px;
        border-bottom-right-radius: 60px;
    }
    .inner_box_content {
        border-bottom-right-radius: 60px;
    }
    .hr_advisory_esc04 {
        background: #fcf5e0;
    }
    .listing_bx img {
        width: 10.0rem;
    }
    .listing_bx p {
        font-size: 2.2rem;
    }
    .why_choose_wrap {
        flex-direction: column;
    }
    .why_choose_wrap .marTop8 {
        margin-top: 4rem;
    }
    .choose_list {
        gap: 1.5rem;
        padding-bottom: 7.0rem;
    }
    .choose_bx {
        padding: 1.2rem 2.6rem;
    }
    .takeway_wrap {
        flex-direction: column;
        gap: 0;
        align-items: center;
    }
    .takeway_heading {
        padding-left: 4.0rem;
    }
    .dividers {
        transform: rotate(90deg);
        min-height: fit-content;
        max-width: fit-content;
    }
    .hr_advisory_esc07 {
        flex-direction: column;
    }
    .text_wrap {
        /* min-height: 15.3rem; */
        min-height: 7.3rem;
    }
    .bg01 {
        background-position: top right;
        margin-bottom: 25px;
        padding-right: 8.5rem;
    }
    .bg02 {
        background-position: top right;
        padding-right: 8.5rem;
        padding-left: 1.5rem;
    }
    .bg03 {
        background-position: top left;
        padding-left: 8.5rem;
        padding-right: 0;
        margin-top: 25px;
    }
    .permanent-staffing::before {
        background-size: contain;
        width: 12.7rem;
        height: 10.3rem;
    }
    .permanent-staffing::after {
        background-size: contain;
        width: 11.6rem;
    }
    .about_sec4 .contact_sec1_left {
        z-index: 5;
    }
    .permanent-staffing {
        min-height: 415px;
        background-size: contain;
    }
    .focus_area_wrap {
        flex-direction: column;
        z-index: 5;
    }
    .focus_area_bx {
        padding: 2.4rem 0;
        border-bottom: 2px dotted #d8dbde;
        border-right: none;
        min-height: auto;
    }
    .focus_area_bx:last-child {
        border-bottom: none;
    }
    .focus_area_bx h3,
    .focus_area_bx p {
        text-align: center;
    }
    .permanent_sec01::before {
        width: 15.6rem;
        height: 22.2rem;
        top: -1.5rem;
        background-size: contain;
    }
    .permanent_sec02 {
        min-height: fit-content;
        padding-top: 24rem;
        padding-bottom: 0;
    }
    .permanent_sec02::before {
        right: 0;
        background-size: contain;
        width: 47rem;
    }
    .manImg {
        position: relative;
        bottom: 0;
        right: 0;
    }
    .permanent_sec02::after {
        width: 30rem;
        height: 24rem;
        top: 0;
        left: 0;
        background-size: contain;
    }
    .permanent_sec04 {
        padding: 6.5rem 0;
    }
    .permanent_sec04::after {
        display: none;
    }
    .permanent_sec04 .how-it-content h4 {
        font-size: 2.6rem;
        text-align: left;
    }
    .permanent_sec05::before {
        width: 8.6rem;
        height: 9.1rem;
        top: 2%;
        right: 2.5rem;
        background-size: contain;
    }
    .permanent_bootm {
        padding-top: 21.5rem;
        background-position: top center;
    }
    .job_form_sec01::before {
        width: 16.3rem;
        height: 39.3rem;
        background-size: contain;
    }
    .job_form_sec01::after {
        width: 6.3rem;
        height: 11.3rem;
        background-size: contain;
    }
    .advisory_sec1 {
        z-index: 5;
    }
    .job_seaker_sec01::after {
        width: 12.9rem;
        height: 9.7rem;
        right: -20px;
        bottom: -32px;
        background-size: contain;
    }
    .circle {
        width: 5.0rem;
        height: 5.0rem;
        font-size: 2.4rem;
    }
    .custom_accordion .card-head h2 {
        font-size: 3.4rem;
    }
    .custom_accordion .card .card-body {
        padding: 1.5rem;
    }
    .accordion_inner_body h2 {
        position: relative;
        z-index: 3;
    }
    .accordion_inner_body .d-flex {
        flex-direction: column;
    }
    .accordion_inner_body {
        z-index: 5;
    }
    .job_seaker_sec02::after {
        display: none;
    }
    .job_form_wrap {
        flex-direction: column;
    }
    .job_right_wrap {
        max-width: 100%;
        padding: 1.8rem;
    }
    .job_left_wrap {
        top: 0;
    }
    .solutions_sec01::before {
        width: 16.5rem;
        height: 22.7rem;
        background-size: contain;
    }
    .solutions_sec01::after {
        width: 8.7rem;
        height: 17.8rem;
        background-size: contain;
    }
    .solution_count {
        flex-direction: column-reverse;
    }
    .solution_bx {
        gap: 1.5rem;
    }
    .solution_bx .number-round-area {
        width: 8.0rem;
        height: 8.0rem;
        font-size: 4.8rem;
    }
    .content_bx a.viewmore {
        padding: 1.5rem;
        letter-spacing: 0
    }
    .content_bx {
        max-width: calc(100% - 9.5rem);
    }
    .solutions_sec03 {
        background-size: cover;
    }
    .second_step_solution {
        flex-direction: column;
        gap: 1.5rem;
    }
    .solutions_sec04 .solution_count {
        flex-direction: column;
    }
    /* ======= */
    .wizard>.steps {
        margin-bottom: 2.4rem;
    }
    .wizard>.steps .number {
        width: 4.2rem;
        height: 4.2rem;
        font-size: 2.0rem;
    }
    .wizard>.steps>ul>li:after {
        top: 15px;
        width: 60%;
        height: 2px;
    }
    .wizard>.content {
        padding: 1.5rem;
        border-radius: 10px;
    }
    .proposal_sec01::after {
        background-size: contain;
        width: 11rem;
        height: 33rem;
    }
    .proposal_sec01::before {
        background-size: contain;
        width: 28rem;
    }
    .proposal_sec01 {
        padding-bottom: 25rem !important;
    }

    .wizard>.content {
        min-height: 70rem;
    }
}

@media only screen and (min-width: 240px) and (max-width: 575px) {
    .service_sec1::before {
        width: 7.5rem;
        height: 10.33rem;
    }
    .service_sec1_left h2 {
        font-size: 3.2rem;
    }
    .training-block-content h2 {
        font-size: 1.7rem;
    }
    .dot-shape,
    .shape-1,
    .shape-6 {
        width: 5rem;
    }
    .cmn-gap-2 {
        padding: 3rem 0;
    }
    .popular-training-otr h2 {
        margin-bottom: 3rem;
        font-size: 2.8rem;
    }
    .contact_sec1_left.text-center h2 {
        font-size: 2.4rem;
    }
    .shape-7 {
        width: 7rem;
    }
    .why-choose-sec {
        padding: 6.5rem 0 7rem;
    }
    .pricing-sec {
        padding-top: 3rem;
    }
    .pricing-top {
        gap: 1rem;
        flex-direction: column;
    }
    .shape-8 {
        width: 10rem;
        bottom: -7%;
    }
}

@media only screen and (min-width: 240px) and (max-width: 360px) {
    .button a,
    .button button {
        padding: 1rem 1rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1190px) {
    html {
        font-size: 50%;
    }
    .header .container,
    .header .container-lg,
    .header .container-md,
    .header .container-sm,
    .header .container-xl {
        max-width: 95%;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 90%;
    }
    .button a,
    .button button {
        padding: 1.5rem 1.5rem;
        font-size: 1.6rem;
    }
    .logo {
        width: 12rem;
    }
    .logo:before {
        height: 16rem;
    }
    .logo_image img {
        max-height: 5.5rem;
    }
    .menu ul {
        gap: 1rem;
    }
    .menu ul li {
        font-size: 1.4rem;
    }
    .header_right {
        gap: 1rem;
    }
    .header_icon {
        gap: 1rem;
    }
    .home_banner {
        height: 65vh;
    }
    .home_banner_right {
        width: 70%;
    }
    .banner_content h1 {
        font-size: 5rem;
    }
    .banner_content h1 span {
        line-height: 6rem;
    }
    .banner_content h3 {
        font-size: 3rem;
    }
    .banner_short_text:before {
        width: 54%;
    }
    .home_sec2 {
        padding-bottom: 20rem;
        background-size: 100% auto;
    }
    .home_sec2:before {
        background-position: left center, 98% 26%;
        background-size: auto 50%, auto 40%;
    }
    .home_sec3 {
        background-size: 70%;
        background-position-y: 90%;
    }
    .home_sec3:before {
        width: 28.3rem;
        height: 17.1rem;
    }
    .home_sec3_left {
        display: flex;
        align-items: center;
    }
    .list_content ul {
        gap: 2rem;
    }
    .list_content ul li::before {
        font-size: 5rem;
    }
    .list_content ul li .list_text {
        font-size: 1.5rem;
    }
    .home_sec3_right:after {
        width: 8.8rem;
        height: 8.8rem;
        bottom: 6rem;
        right: 2rem;
        background-size: contain;
    }
    .service_box {
        gap: 2rem;
        padding: 2rem 2rem 3rem;
    }
    .service_box h4 {
        font-size: 2.2rem;
        line-height: 140%;
    }
    .why_line {
        top: -7rem;
        max-height: 45rem;
    }
    .home_sec5_left .read_more_clip {
        margin-top: 12rem;
    }
    .why_round {
        width: 40rem;
        height: 40rem;
    }
    .why_head {
        padding: 2rem 4rem 2rem 2.5rem;
        margin: 1.5rem 0;
    }
    .why_head h2 {
        font-size: 2.4rem;
    }
    .home_sec5_right ul {
        gap: 1.5rem;
    }
    .hs6_text h3 {
        font-size: 2.4rem;
    }
    .home_sec7 {
        min-height: 80rem;
        padding-bottom: 15rem;
    }
    /*	.home_sec7:before { display:none; }*/
    .client_quote {
        margin-bottom: 1rem;
    }
    .client_quote img {
        max-height: 5rem;
    }
    .client_content {
        font-size: 2rem;
    }
    .home_sec8_left {
        padding-right: 1.5rem;
    }
    .home_sec8_left {
        font-size: 1.8rem;
    }
    .home_sec8_left h3 {
        font-size: 3.2rem;
    }
    .home_sec8_right {
        padding-left: 1.5rem;
    }
    .connection a {
        font-size: 1.3rem;
        padding: 1.5rem 2rem 1.5rem 4rem;
    }
    .connection_icon {
        width: 8rem;
        height: 8rem;
        padding: 1rem;
    }
    .footer_bottom_box h3 {
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
    }
    .footer_bottom_box ul li {
        font-size: 1.5rem;
    }
    .contact_sec1_right_box:before {
        width: 15rem;
        height: 24rem;
        top: -3.8rem;
    }
    .contact_text h3 {
        font-size: 2rem;
    }
    .contact_sec3_left h3 {
        font-size: 3.2rem;
    }
}

@media only screen and (min-width: 768px) and (max-width: 840px) {
    .banner_short_text:before {
        width: 50.5%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .button a,
    .button button {
        font-size: 1.4rem;
        padding: 1.2rem 1.4rem;
    }
    .logo {
        width: 8rem;
    }
    .logo_image img {
        max-height: 4rem;
    }
    .logo:before {
        height: 6rem;
        bottom: -4rem;
    }
    .header_fixed .logo_image img {
        max-height: 3.6rem;
    }
    .menu ul {
        gap: 1.5rem;
    }
    .home_sec7:before {
        background-size: auto 60%;
    }
}

@media only screen and (min-width: 841px) and (max-width: 992px) {
    .banner_short_text:before {
        width: 50%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1023px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 90%;
    }
    .button a,
    .button button {
        min-width: 14rem;
        padding: 1.5rem 1.5rem;
    }
    .header_fixed .header_bottom {
        box-shadow: 0 0 1rem #ccc;
    }
    .banner_short_text:before {
        width: 58.5%;
    }
    .menu ul li {
        font-size: 1.8rem;
    }
    .inner_banner .home_banner_right {
        width: 74.5%;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1190px) {
    html {
        font-size: 52%;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 85%;
    }
    .header_fixed .header_bottom {
        box-shadow: 0 0 1rem #ccc;
    }
    .button a,
    .button button {
        min-width: 14rem;
        padding: 1.5rem 1.5rem;
    }
    .logo {
        width: 12rem;
    }
    .logo:before {
        height: 16rem;
    }
    .logo_image img {
        max-height: 5.5rem;
    }
    .menu ul {
        gap: 1rem;
    }
    .menu ul li {
        font-size: 1.8rem;
    }
    .header_right {
        gap: 1rem;
    }
    .header_icon {
        gap: 1rem;
    }
    .home_banner {
        height: 70vh;
    }
    .banner_short_text:before {
        width: 55.8%;
    }
    .inner_banner .home_banner_right {
        width: 74.5%;
    }
}

@media only screen and (min-width: 1191px) and (max-width: 1600px) {
    html {
        font-size: 55%;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 80%;
    }
    .button a,
    .button button {
        min-width: 14rem;
        padding: 1.5rem 2rem;
    }
    .logo {
        width: 14rem;
    }
    .logo:before {
        height: 16rem;
    }
    .logo_image img {
        max-height: 5.5rem;
    }
    .menu ul {
        gap: 2.6rem;
    }
    .menu ul li {
        font-size: 1.8rem;
    }
    .header_right {
        gap: 1rem;
    }
    .header_icon {
        gap: 1rem;
    }
    /*.home_banner {
		height: 100vh;
	}*/
    .home_banner_right {
        width: 70%;
    }
    .banner_content h1 {
        font-size: 5rem;
    }
    .banner_content h1 span {
        line-height: 6rem;
    }
    .banner_content h3 {
        font-size: 3rem;
    }
    .banner_short_text:before {
        width: 52.8%;
    }
    .home_sec2 {
        padding-bottom: 20rem;
        background-size: 100% auto;
    }
    .service_box {
        gap: 2rem;
        padding: 2rem 2rem 3rem;
    }
    .service_box h4 {
        font-size: 2.2rem;
        line-height: 140%;
    }
    .read_more_clip a {
        padding: 1.8rem 4rem;
    }
    .why_line {
        top: -6rem;
        max-height: 52rem;
    }
    .home_sec5_left .read_more_clip {
        margin-top: 12rem;
    }
    .why_head {
        padding: 2rem 4rem 2rem 2.5rem;
        margin: 1.5rem 0;
    }
    .why_head h2 {
        font-size: 2.4rem;
    }
    .home_sec5_right ul {
        gap: 1.5rem;
    }
    .hs6_text h3 {
        font-size: 2.4rem;
    }
    .home_sec7 {
        min-height: 95rem;
        padding-bottom: 15rem;
    }
    .client_quote {
        margin-bottom: 1rem;
    }
    .client_quote img {
        max-height: 5rem;
    }
    .client_content {
        font-size: 2rem;
    }
    .home_sec8_left {
        padding-right: 1.5rem;
    }
    .home_sec8_left {
        font-size: 1.8rem;
    }
    .home_sec8_left h3 {
        font-size: 3.2rem;
    }
    .home_sec8_right {
        padding-left: 1.5rem;
    }
    .connection a {
        font-size: 1.4rem;
        padding: 1.5rem 2rem 1.5rem 4rem;
    }
    .connection_icon {
        width: 8rem;
        height: 8rem;
        padding: 1rem;
    }
    .footer_bottom_box h3 {
        font-size: 2.4rem;
        margin-bottom: 1.5rem;
    }
    .footer_bottom_box ul li {
        font-size: 1.5rem;
    }
    .inner_banner .home_banner_right {
        width: 74.5%;
    }
}


/*@media only screen and (min-width: 1301px) and (max-width: 1450px) {

	html {
		font-size: 58%;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 80%;
	}

}*/

@media only screen and (min-width: 1191px) and (max-width: 1300px) {
    .inner_banner {
        height: 80vh;
    }
    .inner_banner .home_banner_right {
        width: 75.5%;
    }
}

@media only screen and (min-width: 1451px) and (max-width: 1600px) {
    html {
        font-size: 60%;
    }
    /*.container, .container-lg, .container-md, .container-sm, .container-xl {
		max-width: 85%;
	}*/
    /*.menu ul {
		gap: 2rem;
	}*/
    /*.menu ul li {
		font-size: 2rem;
	}*/
    .banner_short_text:before {
        width: 52.5%;
    }
}

@media only screen and (min-width: 1601px) and (max-width: 1720px) {
    html {
        font-size: 60%;
    }
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 80%;
    }
    /*.home_banner {
		height: 85vh;
	}*/
    .banner_short_text:before {
        width: 51%;
    }
    .inner_banner .home_banner_right {
        width: 72.5%;
    }
}

@media only screen and (min-width: 1701px) and (max-width: 1800px) {}

@media only screen and (min-width: 1801px) and (max-width: 2000px) {
    html {
        font-size: 62.5%;
    }
}

@media only screen and (min-width: 2001px) and (max-width: 2500px) {
    html {
        font-size: 70%;
    }
}

@media only screen and (min-width: 2501px) and (max-width: 2800px) {
    html {
        font-size: 80%;
    }
}

@media only screen and (min-width: 2801px) and (max-width: 3000px) {
    html {
        font-size: 90%;
    }
}

@media only screen and (min-width: 3001px) and (max-width: 3500px) {
    html {
        font-size: 100%;
    }
}

@media only screen and (min-width: 3501px) and (max-width: 4000px) {
    html {
        font-size: 110%;
    }
}

@media only screen and (min-width: 4001px) and (max-width: 4500px) {
    html {
        font-size: 120%;
    }
}

@media only screen and (min-width: 4501px) and (max-width: 5000px) {
    html {
        font-size: 140%;
    }
}

@media only screen and (min-width: 5001px) {
    html {
        font-size: 150%;
    }
}