@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');


.page-template-employers-desk {background-color: #fff;font-size: 18px;color:#000;font-family: 'Mulish', sans-serif;font-weight: 400;}
.header-menu-wrapper{ font-family: 'Albert Sans';}

.page-template-employers-desk header {background-color: #fff;}
.page-template-employers-desk .menu ul li a {color: #111119;}
.page-template-employers-desk #menu-header-sub-menu li.touch_btn a {border-color: #FFC700;color: #111119;}
.page-template-employers-desk .nav-icon3 span {background-color: #FFC700;}
.page-template-employers-desk .corporate-video a span svg path.circular-icon {fill: #FFC700;}
.page-template-employers-desk #menu-header-sub-menu li.touch_btn a:hover {background: #FFC700;color: #fff;}
.page-template-employers-desk header .ganpatiji img {object-position: 0 -100px;}
.page-template-employers-desk .header_type_2 .schedule-call a svg path {fill: #FFC700;}
.page-template-employers-desk .darkHeader.header_type_2 .schedule-call a svg path {fill: #fff;}
.page-template-employers-desk.shshowcancel header {background-color: transparent;}
.page-template-employers-desk.shshowcancel .header_type_2 .schedule-call a svg path {fill: #fff;}


.emploer_desk_container {padding-top: 95px;}
.bg_cover{background-position: center;background-size: cover;background-repeat: no-repeat;}
.section_gap{padding: 100px 0;}
p{
	margin: 0;
}
.grey_bg{background-color: #F3F3F5;}

.er_banner {
    background-image: url(../../images/case-study/employer-desk/banner-bg.webp);
    color: #242527;
    position: relative;
    height: calc(100vh - 95px);
}
.er_banner .container{
    height: 100%;
}
.er_banner_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.er_banner_wrapperl {
    width: 45%;
}
.er_banner_wrapperr {
    position: absolute;
    right: -50px;
    top: 50%;
    transform: translateY(-50%);
}
.large_screen{
    display: none;
}
.er_banner .banner_title {
    font-size: 52px;
    font-weight: 900;
    margin-bottom: 20px;
}
.er_banner p {
    font-size: 24px;
    font-weight: 600;
    width: 428px;
}

.er_intro{
    background-image: url(../../images/case-study/employer-desk/intro-bg.webp);
    position: relative;
    padding: 80px 0px 200px;
    background-position: bottom center;
}
.er_intro:after{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.3);
	display: inline-block;
	content: "";
}
.er_intro .intro_floting_img {
    position: absolute;
    bottom: -100px;
    right: 0;
    z-index: 2;
    max-height: 420px;
}

.er_intro .container{
	position: relative;
	z-index: 2;
}
.er_intro .intro_title {
    font-weight: 900;
    color: #fff;
    font-size: 44px;
    margin-bottom: 60px;
}
.er_intro_wrapper {
    display: flex;
    align-items: center;
}
.er_intro_wrapperl {
    width: 45%;
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid #FFFFFF;
    border-radius: 15px;
    padding: 15px;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.25);
    position: relative;
    z-index: 2;
}
.er_intro_wrapperr {
    width: 55%;   
    position: relative;
    z-index: 0;
}
.er_intro_wrapperr .er_intro_wrapperrbox{
	background: rgba(255, 255, 255, 0.8);
    border: 2px solid #FFFFFF;
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 105px 60px 105px 120px;
    transform: translateX(-60px);
    width: calc(100% + 60px);
}
.er_intro_wrapperr p {
    font-weight: 500;
    margin: 15px 0;
}

.er_intro_manage{background-image: url(../../images/case-study/employer-desk/intro-manage-bg.webp);background-position: bottom center;}
.er_intro_manage .intro_manage_title {
    color: #242527;
    font-size: 26px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 3px solid #FFC700;
    padding-bottom: 8px;
}
.intro_manage_wrapper {
    padding-top: 80px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
}
.intro_box {
    width: calc(33% - 78px);
    margin: 0 40px 30px;
}
.intro_box_icon {
    background-color: #FFC700;
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    height: 90px;
    width: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}
.intro_box_wrapper {
    background: rgba(255, 199, 0, 0.1);
    border: 2px solid #FFC700;
    border-radius: 10px;
    padding: 90px 23px 50px;
    transform: translateY(-45px);
    position: relative;
}
.intro_box_wrapper:after {
	display: inline-block;
    content: "";
    height: 4px;
    background-color: #FFC700;
    position: absolute;
    bottom: -2px;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    border-radius: 30px;
}
.section_content_wrapper p {
    margin-bottom: 15px;
}
.section_content_wrapper p:last-child{
    margin-bottom: 0px;
}
.section_title_wrapper {
    position: relative;
    padding-left: 0;
    margin-bottom: 50px;
}
.section_title_wrapper .title_img {
    position: absolute;
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
    max-height: 150px;
    z-index: 0;
}
.section_title_wrapper p {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
}
.section_title_wrapper h2{
	font-family: 'Oswald', sans-serif;
	font-weight: 600;
	color: #FFC700;
	font-size: 80px;
	line-height: 1;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}
.section_img_wrapper {
    position: relative;
    text-align: center;
    transform-style: preserve-3d;
}
.section_img_wrapper img.back_img {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 0;
}
.section_img_wrapper img.front_img {
    position: relative;
    max-height: 280px;
    transform: translateZ(30px);
}
.right_side_content{
	padding-left: 100px;
}
.approach_list_wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 170px 0 130px;
}
.approach_single_box {
    width: 200px;
    margin: 0 56px;
    position: relative;
}
.approach_single_box_wrapper {
    background: rgba(255, 199, 0, 0.1);
    border: 1px solid #FFC700;
    border-radius: 30px;
    position: relative;
    z-index: 1;
    padding: 35px 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.approach_single_box_wrapper .appno {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 47px;
    color: #FFC700;
    position: absolute;
    left: -17px;
    top: 27%;
    transform: translateY(-50%);
}
.approach_single_box_wrapper .appimg {
    position: absolute;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
}
.approach_single_box_wrapper p {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.approach_single_box_wrapper:after {
    display: inline-block;
    content: "";
    height: 4px;
    width: 23px;
    background-color: #FFC700;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
.approach_single_box_wrapper:before {
    display: inline-block;
    content: "";
    height: 4px;
    width: 23px;
    background-color: #FFC700;
    position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
.approach_single_box:first-child .approach_single_box_wrapper:before{
    display: none;
}
.approach_single_box:last-child .approach_single_box_wrapper:before{
    display: none;
}
.approach_single_box:after {
    content: "";
    display: inline-block;
    height: 155px;
    width: 310px;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    left: 50%;
    transform: translateX(0%);
    position: absolute;
    border-bottom-right-radius: 220px;
    border-bottom-left-radius: 220px;
    bottom: -155px;
}
.approach_single_box:last-child:after {
    display: none;
}
.approach_single_box:nth-child(2):after {
    border: 1px solid #e0e0e0;
    border-bottom: none;
    top: -155px;
    bottom: auto;
    border-top-right-radius: 220px;
    border-top-left-radius: 220px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.challenges_list_wrapper {
    display: flex;
    justify-content: center;
    margin: 100px 0 110px;
    text-align: center;
}
.single_challenges_box {
    width: 190px;
    margin: 0px 22px;
    background: #FFFFFF;
    border-radius: 30px;
    position: relative;
    padding: 30px 0;
}
.single_challenges_box .chanllengeno {
    background: #FFC700;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 20px;
    font-weight: 800;
}
.single_challenges_box .chanllengeimgbox {
    padding: 30px 0;
    height: 105px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.single_challenges_box .chanllengescontent {
    background: #FFFAE6;
    border: 1px solid #FFC700;
    border-radius: 15px;
    font-weight: 600;
    font-size: 16px;
    padding: 20px;
    width: calc(100% + 18px);
    transform: translateX(-9px);
}
.single_challenges_box:after {
    display: inline-block;
    content: "";
    height: 4px;
    width: 23px;
    background-color: #FFC700;
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;
}
.single_challenges_box:before {
    content: "";
    display: inline-block;
    height: 107px;
    width: 233px;
    border: 1px solid #e0e0e0;
    border-top: 0px;
    left: 50%;
    position: absolute;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 200px;
    bottom: -107px;
}
.single_challenges_box:last-child:before{
    display: none;
}
.chanllengessection{
    position: relative;
}
.challenge_floting_img{
    position: absolute;
    bottom: -100px;
    left: 60px;
}
.our_solution{
    position: relative;
}
/*.solution_floating_img_wrapper{
    position: absolute;
    right: 0;
    bottom: 0;
}*/
.solution_list_wrapper{
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: relative;
}
.solution_box{
    border: 1px solid #FFC700;
    border-radius: 15px;
    width: 265px;
    margin: 0 30px;
    position: relative;
}

.solution_box::after{
    content: '';
    position: absolute;
    display: inline-block;
    height: 28px;
    width: 60px;
    right: -60px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.solution_box:nth-child(1):after,
.solution_box:nth-child(5):after{
    top: 62px;
    border-top-left-radius: 100px;
    border-top-right-radius: 100px;
    border-bottom: 0;
}

.solution_box:nth-child(2):after,
.solution_box:nth-child(4):after{
    top: 92px;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    border-top: 0;
}

.solution_box:nth-child(3):after,
.solution_box:nth-child(6):after{
    display: none;
}

.solution_list_wrapper:after{
    content: '';
    position: absolute;
    right: 28px;
    top: 85px;
    border-top-right-radius: 220px;
    border-bottom-right-radius: 220px;
    border: 1px solid #e0e0e0;
    border-left: 0px;
    width: 160px;
    height: 320px;
}

.solution_box_style{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.solution_box_style:before,
.solution_box_style:after{
    content: '';
    position: absolute;
    height: 23px;
    width: 4px;
    background-color: #FFC700;
    top: 80px;
    border-radius: 5px;
}

.solution_box_style:before{
    left: 0px;
}

.solution_box_style:after{
    right: 0px;
}

.solution_list_wrapper .solution_box:nth-child(-n+3){
    margin-bottom: 50px;
}

.solution_list_wrapper .solution_box:nth-child(1) .solution_box_style:before,
.solution_list_wrapper .solution_box:nth-child(4) .solution_box_style:before{
    display: none;
}

.solution_grid_img{
    width: 110px;
    height: 110px;
    background-color: #fffcf0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 35px 0;
}

.solution_name{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    background: #FFFAE6;
    padding: 20px 0 35px;
    font-weight: 600;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.solution_floating_img_wrapper {
    text-align: right;
    margin: 0 40px -185px 0px;
    position: relative;
    z-index: 1;
}

.technology_stack{
    background-image: url(../../images/case-study/employer-desk/technology-stack-bg.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.technology_stack:before{
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
}

.technology_stack .section_title_wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.technology_stack .section_title_wrapper p{
    color: #fff;
}

.technology_stack .section_title_wrapper .title_img{
    left: 44%;
    transform: translateX(-50%);
    top: -20px;
}

.technology_stack_wrapper{
    position: relative;
    display: flex;
    align-items: stretch;
    justify-content: center;
    padding: 186px 0;
}

.single_tech_wrapper{
    width: 290px;
    position: relative;
    margin: 0 12px;
    z-index: 1;
}

.single_tech_wrapper:nth-child(1):before,
.single_tech_wrapper:nth-child(4):after{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid rgb(199 199 199/0.8);
    width: 50vw;
}

.single_tech_wrapper:nth-child(1):before{
    left: -50vw;
}

.single_tech_wrapper:nth-child(4):after{
    right: -50vw;
}

.single_tech_wrapper:after{
    content: '';
    position: absolute;
}

.single_tech_wrapper:nth-child(1):after,
.single_tech_wrapper:nth-child(3):after{
    content: "";
    display: inline-block;
    height: 354px;
    width: 354px;
    border-top: 1px solid rgb(199 199 199/0.8);
    border-bottom: none;
    position: absolute;
    border-radius: 100%;
    top: -118px;
    left: 124px;
}

.single_tech{
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid #FFFFFF;
    border-radius: 25px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 63px 0px 74px;
    height: 100%;
    z-index: 1;
}

.single_tech:before,
.single_tech:after{
    content: '';
    position: absolute;
}

.single_tech:before{
    content: '';
    position: absolute;
    top: -5px;
    width: 23px;
    height: 4px;
    border-radius: 5px;
    background-color: #fff;
}

.single_tech_wrapper:nth-child(1) .single_tech:before,
.single_tech_wrapper:nth-child(3) .single_tech:before{
    left: 116px;
}

.single_tech_wrapper:nth-child(2) .single_tech:before,
.single_tech_wrapper:nth-child(4) .single_tech:before{
    right: 116px;
}

.single_tech_wrapper:nth-child(1) .single_tech:after,
.single_tech_wrapper:nth-child(4) .single_tech:after{
    top: 50%;
    transform: translateY(-50%);
    height: 23px;
    width: 4px;
    background-color: #fff;
    border-radius: 5px;
}

.single_tech_wrapper:nth-child(1) .single_tech:after{
    left: -5px;
}

.single_tech_wrapper:nth-child(4) .single_tech:after{
    right: -5px;
}

.single_tech .tech_name{
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translateX(-50%);
    background: #FFFAE6;
    border: 1px solid #FFC700;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
    border-radius: 25px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 800;
    padding: 10px 0;
    min-width: 172px;
    display: flex;
    justify-content: center;
}

.multiple_section_wrapper{
    border: 3px dashed #cacaca;
}

.keyoutcome_section{
    background-image: url(../../images/case-study/employer-desk/key-outcome-bg.webp);
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

.section_gap.keyoutcome_section{
    padding: 170px 0 415px;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.verticle-slider{
    overflow: hidden;
    border-radius: 18px;
}

.slider_content{
    display: flex;
    align-items: stretch;
    margin: 50px 100px;
    position: relative;
}

.slider_content:before{
    content: '';
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 150px);
    height: calc(100% - 76px);
    background: #FFFFFF;
    border: 2px solid #FFC700;
    border-radius: 30px;
    z-index: -1;
}

.slider_content_wrapper,
.slider_content_inner_wrapper{
    display: flex;
    align-items: center;
}

.slider_image_part{
    width: 50%;
    background: rgba(255, 255, 255, 0.7);
    border: 2px solid rgba(255, 199, 0, 0.3);
    box-shadow: 0px 0px 56.3808px rgba(0, 0, 0, 0.1);
    border-radius: 40px;
    padding: 30px;
    height: 100%;
}

.verticle-slider .swiper-slide{
    height: auto !important;
}

.slider_image_part .swiper-slide{
    border-radius: 18px;
}

.slider_image_part img{
    border-radius: 18px;
    object-fit: cover;
    object-position: top;
    width: 100%;
}

.slider_description{
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 150px 0 90px;
    position: relative;
}

.slider_description h2{
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 40px;
    padding-left: 40px;
    position: relative;
    font-weight: 700;
}

.slider_description h2:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #FFC700;
    border-radius: 50%;
}

.slider_description p:not(:last-child){
    margin-bottom: 40px;    
}

.slider-navigation span{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    cursor: pointer;
}

.slider-navigation .prev{
    background-image: url(../../images/case-study/employer-desk/slider-left-arrow.svg);
    left: -20px;
}

.slider-navigation .next{
    background-image: url(../../images/case-study/employer-desk/slider-right-arrow.svg);
    right: -20px;
}

.slider_description .swiper-pagination{
    left: 40px;
}

.slider_description .swiper-pagination .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #E0E0E0;
    opacity: 1;
}

.slider_description .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #FFC700;
}

.section_gap.footer_content{
    padding: 100px 0 250px;
}

.footer_content{
    background-image: url(../../images/case-study/employer-desk/footer-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer_content_wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.foot_logo{
    margin-bottom: 90px;
}

.thank_you_title{
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 62px;
    margin-bottom: 90px;
}

.theme_contactbtn{
    border: 2px solid #FFFFFF;
    box-shadow: 0px 4px 45px rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    background: #FFC700;
    padding: 20px 30px;
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    transition: 0.4s linear;
}

.theme_contactbtn:hover{
    color: #FFC700;
    background: #fff;
}


.wow.animated {
    animation-iteration-count: inherit;
}
.js-tilt-glare-inner {
    background: transparent !important;
}

/* animation effect */
@-webkit-keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}
@keyframes slide-y {
    0% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
    50% {
        -webkit-transform: translateY(5px);
        transform: translateY(-px);
    }
    100% {
        -webkit-transform: translateY(25px);
        transform: translateY(25px);
    }
}

@-webkit-keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
@keyframes slide-x {
    0% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }
}
@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    50% {
        -webkit-transform:rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}
@keyframes rotate {
    0% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    50% {
        -webkit-transform:rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }
}
@-webkit-keyframes zoom {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
@keyframes zoom {
    0% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}
.er_banner_wrapperr img, .er_intro .intro_floting_img {
    -webkit-animation: slide-y infinite 4s linear;
    animation: slide-y infinite 4s linear;
}
.section_title_wrapper .title_img {
    -webkit-animation:zoom infinite 4s linear;
    animation:zoom infinite 4s linear;
    top: 0;
}
.approachsection .floating-img, .challenge_floting_img, .solution_floating_img_wrapper .solution_image {
     -webkit-animation: slide-x infinite 4s linear;
    animation: slide-y infinite 4s linear;
}

/**/
.lets-talk-section{
    border: none;
}
.lets-talk-section .text-orange {
    color: #666;
    line-height: 1.3;
}
.footer-casestudy-section {
    border: none;
}
.footer-casestudy-details h5 {
    color: #000;
}
.footer-casestudy-wrapper:hover h5 {
    color: #EAC048;
}
.page-template-employers-desk .website_screen_slider .container{
    max-width: 100%;
    padding: 0px;
}

/* responsive css */

@media (min-width: 1400px){
    .page-template-employers-desk .container {
        max-width: 1320px;
    }
}

@media (min-width: 1921px){
    .er_banner .container,
    .chanllengessection .container{
        position: relative;
    }

    .desktop_screen_img{
        display: none;
    }

    .large_screen{
        display: flex;
    }

    .er_banner_wrapperr.large_screen{
        right: -250px;
    }

    .er_intro .intro_floting_img.large_screen{
        bottom: -300px;
        right: -30%;
    }

    .challenge_floting_img{
        position: absolute;
        bottom: -220px;
        left: -250px;
    }

    .solution_floating_img_wrapper{
        justify-content: flex-end;
        margin: 0 -300px -185px 0px;
    }

    .website_screen_slider .slider_content{
        margin: 50px 0px;
    }

    .page-template-employers-desk .website_screen_slider .container{
        max-width: 1320px;
        padding: 0px;
    }

    .slider_description{
        padding: 0 45px 0 35px;
    }

    .slider_description h2{
        margin-bottom: 20px;
    }

    .slider_description p:not(:last-child) {
        margin-bottom: 15px;
    }

    .slider_description .swiper-pagination {
        left: 15px;
    }
}

@media (max-width: 1800px){

    .er_banner .banner_title{
        font-size: 46px;
    }

    .er_banner p{
        font-size: 22px;
    }

    .er_banner_wrapperr{
        right: -40px;
        width: 60%;
    }

    .er_intro .intro_title{
        font-size: 40px;
        margin-bottom: 45px;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox{
        padding: 90px 50px 90px 100px;
    }

    .section_title_wrapper p{
        font-size: 22px;
    }

    .section_title_wrapper h2{
        font-size: 76px;
    }

    .section_title_wrapper .title_img{
        max-height: 135px;
        left: -50px;
    }

    .solution_grid_img{
        width: 95px;
        height: 95px;
    }

    .solution_grid_img svg{
        width: 52px;
    }

    .slider_description{
        padding: 0 120px 0 60px;
    }

    .slider_description h2{
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 30px;
        padding-left: 35px;
    }

    .slider_description p:not(:last-child) {
        margin-bottom: 30px;
    }

    .slider_description .swiper-pagination {
        left: 25px;
    }

    .solution_list_wrapper:after{
        right: 32px;
        width: 155px;
        height: 310px;
    }

}

@media (max-width: 1600px){

    .page-template-employers-desk{
        font-size: 16px;
        line-height: 24px;
    }

    .er_banner_wrapperr {
        right: -30px;
        width: 57%;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox {
        padding: 105px 45px 105px 90px;
    }

    .er_intro .intro_floting_img{
        bottom: -80px;
        max-height: 380px;
    }

    .section_gap {
        padding: 85px 0;
    }

    .er_intro_manage .intro_manage_title{
        font-size: 24px;
    }

    .intro_manage_wrapper{
        padding-top: 65px;
    }

    .section_title_wrapper{
        margin-bottom: 40px;
    }

    .section_title_wrapper p {
        font-size: 20px;
    }

    .section_title_wrapper h2 {
        font-size: 72px;
    }

    .section_title_wrapper .title_img {
        max-height: 125px;
        left: -45px;
    }

    .challenge_floting_img{
        bottom: -85px;
        left: 40px;
        max-width: 18%;
    }

    .section_img_wrapper img.front_img{
        max-height: 250px;
    }

    .slider_content{
        margin: 40px 80px;    
    }

    .slider_image_part{
        padding: 22px;
    }

    .slider_description {
        padding: 0 95px 0 45px;
    }

    .slider_description h2 {
        font-size: 27px;
        line-height: 34px;
        margin-bottom: 20px;
        padding-left: 30px;
    }

    .slider_description h2:before{
        width: 15px;
        height: 15px;
    }

    .slider_description p:not(:last-child) {
        margin-bottom: 20px;
    }

    .slider-navigation span{
        width: 32px;
        height: 32px;
        background-size: 32px;
    }

    .slider_description .swiper-pagination {
        left: 20px;
    }

    .slider_description .swiper-pagination .swiper-pagination-bullet{
        width: 6px;
        height: 6px;
    }

    .slider-navigation .prev{
        left: -16px;
    }

    .slider-navigation .next{
        right: -16px;
    }

    .section_gap.footer_content {
        padding: 80px 0 220px;
    }

    .foot_logo {
        margin-bottom: 70px;
    }

    .thank_you_title{
        font-size: 44px;
        line-height: 58px;
        margin-bottom: 75px;
    }

    .theme_contactbtn{
        padding: 15px 22px;
        font-size: 22px;
        line-height: 32px;
    }

    .intro_box{
        margin: 0 30px 30px;
        width: calc(33% - 68px);
    }

    .intro_box_icon{
        height: 80px;
        width: 80px;
    }

    .intro_box_icon svg{
        width: 50px;
    }

    .intro_box_wrapper{
        padding: 80px 15px 40px;
        transform: translateY(-40px);
    }
}

@media (max-width: 1399px){

    .page-template-employers-desk {
        font-size: 14px;
        line-height: 22px;
    }

    .er_banner .banner_title {
        font-size: 42px;
        margin-bottom: 15px;
    }

    .er_banner p {
        font-size: 20px;
        width: 100%;
    }

    .er_intro{
        padding: 65px 0px 180px;
    }

    .er_intro .intro_title {
        font-size: 36px;
        margin-bottom: 40px;
    }

    .er_intro .intro_floting_img {
        bottom: -70px;
        max-height: 340px;
    }

    .section_gap {
        padding: 70px 0;
    }

    .intro_box {
        width: calc(33% - 58px);
    }

    .intro_box_icon {
        height: 70px;
        width: 70px;
    }

    .intro_box_icon svg {
        width: 40px;
    }

    .intro_box_wrapper {
        padding: 70px 15px 35px;
        transform: translateY(-35px);
    }

    .section_title_wrapper {
        margin-bottom: 35px;
    }

    .section_title_wrapper h2 {
        font-size: 66px;
    }

    .section_title_wrapper .title_img {
        max-height: 110px;
        left: -35px;
    }

    .approach_single_box {
        width: 185px;
        margin: 0 42px;
    }

    .approach_single_box_wrapper{
        padding: 30px;
    }

    .approach_single_box_wrapper .appno{
        font-size: 28px;
        line-height: 42px;
    }

    .approach_list_wrapper{
        margin: 150px 0 110px;
    }

    .approach_single_box:after{
        height: 135px;
        width: 270px;
        bottom: -135px;
    }

    .approach_single_box:nth-child(2):after{
        top: -135px;
    }

    .challenge_floting_img {
        bottom: -70px;
        left: 10px;
        max-width: 16%;
    }

    .solution_list_wrapper{
        margin-top: 80px;
    }

    .solution_box{
        width: 250px;
        margin: 0 20px;
    }

    .solution_list_wrapper .solution_box:nth-child(-n+3) {
        margin-bottom: 40px;
    }

    .solution_box::after{
        height: 24px;
        width: 42px;
        right: -42px;
    }

    .solution_box:nth-child(1):after, .solution_box:nth-child(5):after{
        top: 68px;
    }

    .solution_box:nth-child(2):after, .solution_box:nth-child(4):after{
        top: 88px;
    }

    .solution_list_wrapper:after {
        right: 10px;
        width: 130px;
        height: 270px;
    }

    .solution_grid_img {
        width: 85px;
        height: 85px;
    }

    .solution_grid_img svg {
        width: 44px;
    }

    .solution_name{
        font-size: 17px;
        line-height: 22px;
        padding: 15px 0 25px;
    }

    .solution_floating_img_wrapper{
        margin: 0 20px -160px 0px;
    }

    .technology_stack .section_title_wrapper .title_img{
        top: -15px;
    }

    .technology_stack_wrapper{
        padding: 146px 0;
    }

    .single_tech_wrapper{
        width: 240px;
    }

    .single_tech{
        padding: 54px 0px 64px;
    }

    .single_tech .tech_name{
        font-size: 17px;
        line-height: 28px;
        min-width: 156px;
        padding: 8px 0;
        bottom: -23px;
    }

    .single_tech_wrapper:nth-child(1):after, 
    .single_tech_wrapper:nth-child(3):after{
        height: 314px;
        width: 314px;
        top: -108px;
        left: 96px;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before, 
    .single_tech_wrapper:nth-child(3) .single_tech:before {
        left: 96px;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:before, 
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        right: 96px;
    }

    .section_gap.keyoutcome_section{
        padding: 150px 0 390px;
    }

    .slider_content {
        margin: 25px 60px;
    }

    .slider_description {
        padding: 0 50px 0 40px;
    }

    .slider_description h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
        padding-left: 25px;
    }

    .slider_description h2:before {
        width: 12px;
        height: 12px;
    }

    .slider_description p:not(:last-child) {
        margin-bottom: 15px;
    }

    .slider-navigation span {
        width: 28px;
        height: 28px;
        background-size: 28px;
    }

    .slider-navigation .prev {
        left: -14px;
    }

    .slider-navigation .next {
        right: -14px;
    }

    .section_gap.footer_content {
        padding: 65px 0 185px;
    }

    .foot_logo {
        margin-bottom: 55px;
    }

    .thank_you_title {
        font-size: 38px;
        line-height: 56px;
        margin-bottom: 60px;
    }

    .theme_contactbtn {
        padding: 12px 18px;
        font-size: 20px;
        line-height: 30px;
    }
    .single_challenges_box:before {
        width: 223px;
    }
}

@media (max-width: 1199px){

    .er_banner .banner_title{
        font-size: 38px;
    }

    .er_banner_wrapperr {
        right: -25px;
        width: 55%;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox {
        padding: 80px 40px 80px 85px;
    }

    .er_intro .intro_floting_img {
        bottom: -65px;
        max-height: 300px;
    }

    .section_title_wrapper .title_img {
        max-height: 100px;
        left: -25px;
    }

    .approach_single_box {
        margin: 0 28px;
    }

    .approach_single_box:after{
        height: 115px;
        width: 245px;
        bottom: -115px;
    }

    .approach_single_box:nth-child(2):after {
        top: -115px;
    }

    .approach_list_wrapper {
        margin: 130px 0 90px;
    }

    .single_challenges_box{
        width: 175px;
        margin: 0px 10px;
        padding: 20px 0;
    }

    .single_challenges_box .chanllengeno{
        height: 35px;
        width: 35px;
        top: -17px;
        font-size: 18px;
    }

    .single_challenges_box .chanllengeimgbox{
        padding: 25px 0;
        height: 95px;
    }

    .single_challenges_box .chanllengeimgbox svg{
        width: 50px;
    }

    .single_challenges_box .chanllengescontent{
        font-size: 15px;
        padding: 15px;
        width: calc(100% + 12px);
        transform: translateX(-6px);
    }

    .single_challenges_box:before{
        height: 90px;
        width: 186px;
        bottom: -90px;
    }

    .solution_box {
        width: 220px;
    }

    .solution_list_wrapper {
        margin-top: 65px;
    }

    .solution_list_wrapper .solution_box:nth-child(-n+3) {
        margin-bottom: 30px;
    }

    .solution_list_wrapper:after {
        right: -20px;
        width: 115px;
        height: 250px;
    }

    .solution_name{
        font-size: 15px;
        line-height: 20px;
    }

    .solution_floating_img_wrapper img{
        max-width: 30%;
    }

    .solution_floating_img_wrapper {
        margin: 0 0px -145px 0px;
    }

    .single_tech_wrapper {
        width: 220px;
    }

    .single_tech {
        padding: 44px 0px 54px;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before, 
    .single_tech_wrapper:nth-child(3) .single_tech:before {
        left: 76px;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:before, 
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        right: 76px;
    }

    .single_tech_wrapper:nth-child(1):after, 
    .single_tech_wrapper:nth-child(3):after {
        height: 300px;
        width: 300px;
        top: -100px;
        left: 84px;
    }

    .technology_stack_wrapper {
        padding: 104px 0;
    }

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

    .tech_img_wrapper .tech-icon{
        max-width: 80%;
    }

    .single_tech .tech_name {
        font-size: 16px;
        line-height: 26px;
        min-width: 146px;
        padding: 7px 0;
        bottom: -22px;
    }

    .section_gap.keyoutcome_section {
        padding: 120px 0 360px;
    }

    .keyoutcome_section{
        background-position: right -50px top 0;
    }

    .slider_image_part {
        padding: 16px;
    }

    .slider_description {
        padding: 0 30px;
    }

    .slider_content {
        margin: 20px 30px;
    }

    .slider_description h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
        padding-left: 20px;
    }

    .slider_description h2:before {
        width: 10px;
        height: 10px;
    }

    .slider_description p{
        font-size: 13px;
    }

    .slider_description p:not(:last-child) {
        margin-bottom: 10px;
    }

    .slider_description .swiper-pagination {
        left: 12px;
    }

    .slider-navigation span {
        width: 26px;
        height: 26px;
        background-size: 26px;
    }

    .slider-navigation .prev {
        left: -13px;
    }

    .slider-navigation .next {
        right: -13px;
    }

    .foot_logo {
        margin-bottom: 45px;
    }

    .thank_you_title {
        font-size: 34px;
        line-height: 52px;
        margin-bottom: 55px;
    }

    .slider_content:before{
        height: calc(100% - 40px);
    }
}

@media (max-width: 991px){
    .page-template-employers-desk .header_type_2:not(.darkHeader) .client_vid, 
    .page-template-employers-desk .header_type_2:not(.darkHeader) i.fas.fa-envelope{
        color: #FFC700;
    }
    .page-template-employers-desk.shshowcancel  .header_type_2 .client_vid, 
    .page-template-employers-desk.shshowcancel  .header_type_2 i.fas.fa-envelope {
        color: #fff;
    }
    .er_banner{
        display: flex;
        flex-wrap: wrap;
        height: 100%;
        padding: 50px 10px;
    }

    .er_banner .container{
        height: auto;
    }

    .er_banner_wrapperr {
        position: relative;
        top: auto;
        transform: translateX(-50%);
        right: auto;
        left: 50%;
        width: 70%;
        height: auto;
    }

    .er_banner_wrapperl{
        text-align: center;
    }

    .er_banner_wrapperl {
        width: 100%;
        position: relative;
        z-index: 2;
    }

    .emploer_desk_container{
        padding-top: 80px;
    }

    .er_banner .banner_title {
        font-size: 34px;
    }

    .er_banner p{
        font-size: 18px;
    }

    .er_intro .intro_title {
        font-size: 32px;
        margin-bottom: 35px;
    }

    .er_intro_wrapper{
        flex-direction: column;
    }

    .er_intro_wrapperl{
        width: 80%;
    }

    .er_intro_wrapperr{
        width: 100%;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox{
        transform: translateX(0px);
        width: 100%;
        padding: 100px 50px 50px 50px;
        transform: translateY(-70px);
    }

    .er_intro .intro_floting_img {
        bottom: -60px;
        max-height: 280px;
    }

    .section_gap {
        padding: 60px 0;
    }

    .er_intro_manage .intro_manage_title {
        font-size: 22px;
    }

    .intro_manage_wrapper {
        padding-top: 50px;
    }

    .intro_box {
        width: calc(46% - 44px);
    }

    .intro_box_icon {
        height: 65px;
        width: 65px;
    }

    .intro_box_icon svg {
        width: 30px;
    }

    .overviewsection.section_gap,
    .our_solution.section_gap{
        padding: 180px 0 60px;
    }

    .overviewsection .section_img_wrapper,
    .approachsection .section_img_wrapper,
    .chanllengessection .section_img_wrapper,
    .our_solution .section_img_wrapper{
        margin-bottom: 60px;
    }

    .section_title_wrapper p {
        font-size: 18px;
    }

    .section_title_wrapper h2 {
        font-size: 60px;
    }

    .section_title_wrapper .title_img{
        max-height: 90px;
    }

    .section_title_wrapper {
        margin-bottom: 30px;
    }

    .approach_list_wrapper{
        flex-wrap: wrap;
        margin: 180px 0;
    }

    .approach_single_box {
        width: 280px;
    }

    .approach_single_box:nth-child(-n+2) {
        margin-bottom: 50px;
    }

    .approach_single_box_wrapper{
        padding: 35px 30px;
    }

    .approach_single_box:first-child .approach_single_box_wrapper:before,
    .approach_single_box:last-child .approach_single_box_wrapper:before{
        display: inline-block;
    }

    .approach_single_box:nth-child(2):after{
        display: none;
    }

    .approach_single_box:after{
        height: 160px;
        width: 335px;
        bottom: -160px;
    }

    .approach_single_box:nth-child(1):after{    
        border: 1px solid #e0e0e0;
        border-bottom: none;
        top: -160px;
        bottom: auto;
        border-top-right-radius: 220px;
        border-top-left-radius: 220px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }

    .challenges_list_wrapper{
        flex-wrap: wrap;
        margin: 70px 0 110px;
    }

    .single_challenges_box{
        width: 210px;
    }

    .single_challenges_box:nth-child(-n+3){
        margin-bottom: 170px;
    }

    .single_challenges_box:nth-child(3):before{
        display: none;
    }

    .single_challenges_box:before {
        height: 125px;
        width: 230px;
        bottom: -125px;
    }

    .right_side_content {
        padding-left: 0;
    }

    .challenge_floting_img {
        bottom: -50px;
        max-width: 22%;
    }

    .solution_list_wrapper .solution_box{
        margin-bottom: 30px;
    }

    .solution_box:nth-child(2):after, 
    .solution_box:nth-child(4):after{
        display: none;
    }

    .solution_list_wrapper .solution_box:nth-child(1) .solution_box_style:before,
    .solution_list_wrapper .solution_box:nth-child(4) .solution_box_style:before{
        display: inline-block;
    }

    .solution_list_wrapper:after{
        right: -10px;
    }

    .solution_box:nth-child(4):after{
        display: inline-block;
        border-bottom-left-radius: 100px;
        border-bottom-right-radius: 100px;
        right: auto;
        left: -42px;
    }

    .solution_list_wrapper .solution_box:nth-child(1) .solution_box_style:before,
    .solution_list_wrapper .solution_box:nth-child(6) .solution_box_style:after{
        display: none;
    }

    .solution_list_wrapper:after{
        display: none;
    }

    .solution_box:nth-child(2):after,
    .solution_box:nth-child(3):after{
        content: '';
        position: absolute;
        display: inline-block;
        border: 1px solid #e0e0e0;
        width: 130px;
        height: 260px;
        top: 85px;
    }

    .solution_box:nth-child(2):after{
        right: -130px;
        border-top-right-radius: 320px;
        border-bottom-right-radius: 320px;
        border-bottom-left-radius: 0px;
        border-left: 0px;
    }

    .solution_box:nth-child(3):after{
        left: -130px;
        border-top-left-radius: 320px;
        border-bottom-left-radius: 320px;
        border-right: 0px;
    }

    .solution_floating_img_wrapper img {
        max-width: 25%;
    }

    .solution_floating_img_wrapper {
        margin: 0 0px -110px 0px;
    }

    .technology_stack_wrapper{
        flex-wrap: wrap;
    }

    .single_tech_wrapper {
        width: 300px;
        margin: 0 20px;
    }

    .technology_stack_wrapper .single_tech_wrapper:nth-child(-n+2){
        margin-bottom: 140px;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before, 
    .single_tech_wrapper:nth-child(3) .single_tech:before {
        left: 146px;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:before, 
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        right: 146px;
    }

    .single_tech_wrapper:nth-child(2):before{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid rgb(199 199 199/0.8);
        width: 50vw;
        right: -50vw;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:after{
        top: 50%;
        transform: translateY(-50%);
        height: 23px;
        width: 4px;
        right: -5px;
        background-color: #fff;
        border-radius: 5px
    }

    .single_tech_wrapper:nth-child(3) .single_tech:after{
        left: -5px;
        top: 50%;
        transform: translateY(-50%);
        height: 23px;
        width: 4px;
        background-color: #fff;
        border-radius: 5px;
    }

    .single_tech_wrapper:nth-child(3):before{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid rgb(199 199 199/0.8);
        width: 50vw;
        left: -50vw;
    }

    .single_tech_wrapper:nth-child(1):after, 
    .single_tech_wrapper:nth-child(3):after {
        height: 340px;
        width: 340px;
        top: -115px;
        left: 150px;
    }

    .keyoutcome_section {
        background-position: right -280px top 0;
    }

    .slider_content_wrapper,
    .slider_content_inner_wrapper{
        flex-wrap: wrap;
    }

    .slider_content:before{
        height: calc(100% - 150px);
        top: auto;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 92%;
    }

    .slider_image_part{
        width: 100%;
    }

    .slider_description {
        width: 80%;
        margin: 0 auto;
        padding: 50px 0 30px;
    }

    .slider_description .swiper-pagination-vertical.swiper-pagination-bullets{
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center;
    }

    .slider_description .swiper-pagination .swiper-pagination-bullet{
        margin: 0 3px !important;
    }

    .slider_image_part {
        padding: 12px;
    }

}

@media (max-width: 767px){
    .er_intro .intro_title{
        font-size: 30px;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox{
        padding: 100px 35px 40px;
    }

    .er_intro .intro_floting_img {
        bottom: -40px;
        max-height: 220px;
    }

    .er_intro_manage .intro_manage_title {
        font-size: 20px;
    }

    .overviewsection.section_gap, 
    .our_solution.section_gap {
        padding: 120px 0 60px;
    }

    .section_title_wrapper h2 {
        font-size: 56px;
    }

    .section_title_wrapper .title_img{
        max-height: 80px;
        left: -10px;
    }

    .approach_single_box {
        width: 230px;
        margin: 0 22px;
    }

    .approach_single_box:after{
        height: 140px;
        width: 275px;
        bottom: -140px;
    }

    .approach_single_box:nth-child(1):after{
        top: -140px;
    }

    .approachsection .floating-img{
        max-width: 60%;
        margin: 0 auto;
    }

    .slider_content {
        margin: 0px 30px;
    }

    .single_challenges_box {
        width: 162px;
    }

    .single_challenges_box:before {
        height: 95px;
        width: 182px;
        bottom: -95px;
    }

    .single_challenges_box:nth-child(-n+3) {
        margin-bottom: 150px;
    }

    .solution_list_wrapper {
        margin-top: 50px;
    }

    .solution_box {
        width: 33%;
        margin: 0 12px;
    }

    .solution_grid_img {
        width: 80px;
        height: 80px;
    }

    .solution_grid_img svg {
        width: 38px;
    }

    .solution_name {
        font-size: 14px;
        padding: 15px 5px 25px;
        text-align: center;
        min-height: 80px;
    }

    .solution_box::after {
        height: 14px;
        width: 28px;
        right: -28px;
    }

    .solution_box:nth-child(1):after, .solution_box:nth-child(5):after {
        top: 76px;
    }

    .solution_box:nth-child(2):after,
    .solution_box:nth-child(3):after{
        height: 264px;
        width: 194px;
        border: 0;
        position: absolute;
        border-radius: 100%;
        top: 92px;
    }

    .solution_box:nth-child(2):after{
        border-right: 1px solid rgb(199 199 199/0.8);
        border-left: none;
        left: auto;
        right: -90px;
    } 

    .solution_box:nth-child(3):after{
        border-left: 1px solid rgb(199 199 199/0.8);
        border-right: none;
        left: -90px
    }

    .solution_box:nth-child(4):after{
        left: -28px;
    }

    .slider-navigation span{
        top: 260px;
        transform: none;
    }

    .section_gap.footer_content {
        padding: 50px 0 160px;
    }

    .foot_logo {
        margin-bottom: 40px;
    }

    .thank_you_title {
        font-size: 30px;
        line-height: 48px;
        margin-bottom: 45px;
    }

    .theme_contactbtn {
        font-size: 18px;
        line-height: 28px;
    }

    .single_tech_wrapper {
        width: 240px;
        margin: 0 15px;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before, 
    .single_tech_wrapper:nth-child(3) .single_tech:before {
        left: 96px;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:before, 
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        right: 96px;
    }

    .single_tech_wrapper:nth-child(1):after, 
    .single_tech_wrapper:nth-child(3):after {
        height: 320px;
        width: 320px;
        top: -110px;
        left: 96px;
    }

    .tech_img_wrapper .tech-icon {
        max-width: 70%;
    }

    .single_tech {
        padding: 40px 0px 50px;
    }
}

@media (max-width: 575px){

    .er_banner_wrapperr {
        width: 100%;
    }

    .section_gap {
        padding: 50px 0;
    }

    .er_banner .banner_title {
        font-size: 30px;
    }

    .er_intro {
        padding: 50px 0px 160px;
    }

    .er_intro .intro_title {
        font-size: 28px;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox {
        padding: 70px 30px 30px;
        transform: translateY(-55px);
    }

    .er_intro .intro_floting_img {
        bottom: -40px;
        max-height: 200px;
    }

    .intro_manage_wrapper{
        flex-direction: column;
        align-items: center;
    }

    .er_intro_manage.section_gap{
        padding-bottom: 0px;
    }

    .intro_box {
        width: 90%;
        margin: 0px 0px 15px 0px;
    }

    .intro_box_wrapper{
        padding: 55px 15px 30px;
    }

    .overviewsection.section_gap, 
    .our_solution.section_gap {
        padding: 50px 0;
    }

    .overviewsection .section_img_wrapper, 
    .approachsection .section_img_wrapper, 
    .chanllengessection .section_img_wrapper, 
    .our_solution .section_img_wrapper {
        margin-bottom: 45px;
    }

    .section_title_wrapper h2 {
        font-size: 48px;
    }

    .approach_single_box {
        width: 400px;
        margin: 0 30px;
    }

    .approach_list_wrapper {
        margin: 60px 0;
    }

    .approach_single_box{
        margin-bottom: 50px;
    }

    .approach_single_box:last-child{
        margin-bottom: 0px;
    }

    .approach_single_box:first-child .approach_single_box_wrapper:before,
    .approach_single_box:last-child .approach_single_box_wrapper:after{
        display: none;
    }

    .approach_single_box:after{
        display: inline-block;
        height: 54px;
        width: 28px;
        border: 1px solid #e0e0e0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 1;
    }

    .approach_single_box:nth-child(2):after,
    .approach_single_box:nth-child(3):after{
        display: inline-block;
    }

    .approach_single_box:nth-child(1):after,
    .approach_single_box:nth-child(3):after{
        top: auto;
        bottom: -52px;
        border-right: 0;
        left: 176px;
        border-bottom: 1px solid #e0e0e0;
        border-top-right-radius: 0;
        border-top-left-radius: 220px;
        border-bottom-left-radius: 220px;
        border-bottom-right-radius: 0;
    }

    .approach_single_box:nth-child(2):after{
        top: auto;
        right: 176px;
        left: auto;
        transform: none;
        border-top-right-radius: 220px;
        border-bottom-right-radius: 220px;
        border-left: 0;
        border-bottom: 1px solid #e0e0e0;
        border-top-left-radius: 0;
    }

    .approach_single_box_wrapper p br{
        display: none;
    }

    .challenges_list_wrapper{
        margin: 50px 0 20px;
    }

    .single_challenges_box {
        width: 200px;
    }

    .single_challenges_box:nth-child(2):before,
    .single_challenges_box:nth-child(4):before{
        display: none;
    }

    .single_challenges_box:before {
        height: 110px;
        width: 220px;
        bottom: -110px;
    }

    .single_challenges_box:nth-child(3):before{
        display: inline-block;
    }

    .single_challenges_box:nth-child(4){
        margin-bottom: 150px;
    }

    .challenge_floting_img{
        bottom: -30px;
    }

    .solution_list_wrapper{
        flex-direction: column;
    }

    .solution_box {
        width: 400px;
        margin: 0;
    }

    .solution_name{
        min-height: auto;
    }

    .solution_box_style:before, .solution_box_style:after{
        height: 4px;
        width: 23px;
        left: 50%;
        transform: translateX(-50%);
        right: auto;
        top: auto;
    }

    .solution_list_wrapper .solution_box:nth-child(-n+3),
    .solution_list_wrapper .solution_box{
        margin-bottom: 50px;
    }

    .solution_list_wrapper .solution_box:last-child{
        margin-bottom: 0px;
    }

    .solution_box_style:before{
        top: 0;
    }

    .solution_box_style:after{
        bottom: 0;
    }

    /*.solution_box:after{
        height: 264px;
        width: 194px;
    }

    .solution_box:nth-child(1):after{
        border: 0;
        position: absolute;
        border-radius: 100%;
        top: 92px;
        border-right: 1px solid rgb(199 199 199/0.8);
        border-left: none;
        left: auto;
        right: -90px;
    }

    .solution_box:nth-child(2):after,
    .solution_box:nth-child(4):after {
        border-left: 1px solid rgb(199 199 199/0.8);
        border-right: none;
        left: -90px;
        right: auto;
    }

    .solution_box:nth-child(3):after,
    .solution_box:nth-child(5):after{
        border-right: 1px solid rgb(199 199 199/0.8);
        border-left: none;
        right: -90px;
        left: auto;
    }

    .solution_box:nth-child(4):after{
        border-radius: 100%;
        border-bottom: 0;
    }*/

    .solution_box:after,
    .solution_box:nth-child(2):after, 
    .solution_box:nth-child(3):after,
    .solution_box:nth-child(4):after{
        right: 174px;
        height: 54px;
        width: 28px;
        border-radius: 0;
        border-top-right-radius: 220px;
        border-bottom-right-radius: 220px;
        border-left: 0;
        border-bottom: 1px solid #e0e0e0;
        border-top-left-radius: 0;
    }

    .solution_box:nth-child(1):after,
    .solution_box:nth-child(3):after,
    .solution_box:nth-child(5):after{
        top: auto;
        bottom: -52px;
        border-right: 0;
        left: 174px;
        border-left: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0;
        border-top-right-radius: 0;
        border-top-left-radius: 220px;
        border-bottom-left-radius: 220px;
        border-bottom-right-radius: 0;
    }

    .solution_box:nth-child(2):after, 
    .solution_box:nth-child(3):after,
    .solution_box:nth-child(5):after{
        top: auto;
    }

    .solution_box:nth-child(4):after{
        left: auto;
        top: auto;
    }

    .solution_list_wrapper .solution_box:nth-child(6) .solution_box_style:after{
        display: none;
    }

    .solution_list_wrapper .solution_box:nth-child(6) .solution_box_style:after{
        display: none;
    }

    .solution_floating_img_wrapper {
        margin: 0 0px -85px 0px;
    }

    .technology_stack_wrapper {
        padding: 25px 0;
    }

    .single_tech_wrapper{
        width: 80%;
    }

    .single_tech_wrapper:nth-child(1):after, 
    .single_tech_wrapper:nth-child(3):after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid rgb(199 199 199/0.8);
        width: 50vw;
        right: -50vw;
        left: auto;
        border-radius: 0;
        height: auto;
    }

    .technology_stack_wrapper .single_tech_wrapper:nth-child(-n+2) {
        margin-bottom: 60px;
    }

    .single_tech_wrapper{
        margin-bottom: 60px;
    }

    .single_tech_wrapper:last-child{
        margin-bottom: 0px;
    }


    .single_tech_wrapper:nth-child(2):after,
    .single_tech_wrapper:nth-child(4):before{
        left: -50vw;
    }

    .single_tech_wrapper:nth-child(2):after, .single_tech_wrapper:nth-child(4):before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border: 1px solid rgb(199 199 199/0.8);
        width: 50vw;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before,
    .single_tech_wrapper:nth-child(3) .single_tech:before {
        right: -5px;
        left: auto;
    }

    .single_tech_wrapper:nth-child(2) .single_tech:before,
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        left: -5px;
        right: auto;
    }

    .single_tech_wrapper:nth-child(1) .single_tech:before, 
    .single_tech_wrapper:nth-child(2) .single_tech:before,
    .single_tech_wrapper:nth-child(3) .single_tech:before, 
    .single_tech_wrapper:nth-child(4) .single_tech:before {
        top: 50%;
        transform: translateY(-50%);
        height: 23px;
        width: 4px;
        background-color: #fff;
        border-radius: 5px;
    }

    .section_gap.keyoutcome_section {
        padding: 50px 0 150px;
    }

    .slider_description {
        padding: 40px 0 30px;
    }

    .slider_description h2 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
        padding-left: 15px;
    }

    .slider_description h2:before {
        width: 8px;
        height: 8px;
    }

    .slider_description p {
        font-size: 12px;
    }

    .slider-navigation span {
        top: 220px;
    }

    .section_gap.footer_content {
        padding: 50px 0 140px;
    }

    .thank_you_title {
        font-size: 26px;
        line-height: 44px;
        margin-bottom: 40px;
    }

    .theme_contactbtn {
        font-size: 16px;
        line-height: 26px;
    }

}

@media (max-width: 479px){

    .emploer_desk_container {
        padding-top: 70px;
    }

    .er_intro {
        padding: 40px 0px;
    }

    .er_intro_wrapperl {
        width: 85%;
        padding: 10px;
    }

    .er_intro_wrapperr .er_intro_wrapperrbox {
        padding: 55px 20px 15px;
        transform: translateY(-50px);
    }

    .section_gap {
        padding: 40px 0;
    }

    .er_intro_manage .intro_manage_title {
        font-size: 18px;
    }

    .intro_box_icon {
        height: 60px;
        width: 60px;
    }

    .intro_box_icon svg {
        width: 25px;
    }

    .overviewsection.section_gap, .our_solution.section_gap {
        padding: 40px 0;
    }

    .overviewsection .section_img_wrapper, 
    .approachsection .section_img_wrapper, 
    .chanllengessection .section_img_wrapper, 
    .our_solution .section_img_wrapper {
        margin-bottom: 35px;
    }

    .section_img_wrapper img.front_img {
        max-height: 200px;
    }

    .section_title_wrapper p {
        font-size: 16px;
    }

    .section_title_wrapper h2 {
        font-size: 42px;
    }

    .section_title_wrapper .title_img {
        max-height: 75px;
    }

    .intro_manage_wrapper {
        padding-top: 35px;
    }

    .intro_box{
        margin: 0px 0px 10px 0px;
    }

    .approach_single_box{
        width: 300px;
    }

    .approach_single_box:nth-child(1):after, .approach_single_box:nth-child(3):after{
        left: 132px;
    }

    .approach_single_box:nth-child(2):after{
        right: 132px;
    }

    .approach_list_wrapper {
        margin: 35px 0;
    }

    .approachsection .floating-img{
        max-width: 55%;
    }

    .single_challenges_box{
        width: 170px;
    }

    .solution_list_wrapper {
        margin-top: 40px;
    }

    .single_challenges_box:before {
        height: 90px;
        width: 190px;
        bottom: -90px;
    }

    .single_challenges_box .chanllengescontent{
        font-size: 14px;
        padding: 10px;
    }

    .single_challenges_box:nth-child(-n+3),
    .single_challenges_box:nth-child(4){
        margin-bottom: 120px;
    }

    .slider_content {
        margin: 0px 20px;
    }

    .solution_box{
        width: 320px
    }

    .slider_description {
        padding: 30px 0 20px;
    }

    .slider_content:before{
        width: 90%;
    }

    .slider-navigation span {
        top: 180px;
    }

    .slider_description .swiper-pagination-vertical.swiper-pagination-bullets{
        top: 15px;
    }

    .solution_box:nth-child(1):after, .solution_box:nth-child(3):after, .solution_box:nth-child(5):after{
        left: 134px;
    }

    .solution_box:after, .solution_box:nth-child(2):after, .solution_box:nth-child(3):after, .solution_box:nth-child(4):after{
        right: 134px;
    }

    .slider_content:before{
        width: 90%;
    }

}

@media (max-width: 400px){

    .er_banner_wrapper{
        margin-bottom: 30px;
    }

    .er_banner .banner_title {
        font-size: 26px;
    }

    .er_banner p {
        font-size: 16px;
    }

    .er_intro .intro_title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .section_img_wrapper img.front_img {
        max-height: 170px;
    }

    .section_title_wrapper {
        margin-bottom: 22px;
    }

    .section_title_wrapper h2 {
        font-size: 38px;
    }

    .section_title_wrapper .title_img {
        max-height: 70px;
    }

    .approach_single_box {
        width: 250px;
        margin: 0 15px;
    }

    .approach_single_box {
        margin-bottom: 50px;
    }

    .approach_single_box_wrapper {
        padding: 30px 20px;
    }

    .approach_single_box:nth-child(1):after, .approach_single_box:nth-child(3):after {
        left: 106px;
    }

    .approach_single_box:nth-child(2):after {
        right: 106px;
    }

    .single_challenges_box:before,
    .single_challenges_box:nth-child(3):before{
        display: none;
    }

    .single_challenges_box:nth-child(-n+3), 
    .single_challenges_box:nth-child(4) {
        margin-bottom: 50px;
    }

    .single_challenges_box {
        width: 240px;
    }

    .single_challenges_box .chanllengescontent{
        width: calc(100% + 32px);
        transform: translateX(-16px);
    }

    .challenge_floting_img {
        bottom: -20px;
    }

    .solution_box {
        width: 275px;
    }

    .tech_img_wrapper .tech-icon {
        max-width: 60%;
    }

    .single_tech .tech_name {
        font-size: 14px;
        line-height: 24px;
        min-width: 120px;
        padding: 6px 0;
        bottom: -19px;
    }

    .slider_content {
        margin: 0px 15px;
    }

    .slider-navigation span {
        width: 20px;
        height: 20px;
        background-size: 20px;
        top: 130px;
    }

    .slider-navigation .prev {
        left: -10px;
    }

    .slider-navigation .next {
        right: -10px;
    }

    .multiple_section_wrapper {
        border: 2px dashed #cacaca;
    }

    .section_gap.footer_content {
        padding: 40px 0 120px;
    }

    .foot_logo {
        margin-bottom: 35px;
    }

    .thank_you_title {
        font-size: 24px;
        line-height: 42px;
        margin-bottom: 35px;
    }

    .theme_contactbtn {
        font-size: 14px;
        line-height: 24px;
    }

    .solution_box:nth-child(1):after, .solution_box:nth-child(3):after, .solution_box:nth-child(5):after{
        left: 114px;
    }

    .solution_box:after, .solution_box:nth-child(2):after, .solution_box:nth-child(3):after, .solution_box:nth-child(4):after{
        right: 114px;
    }
}