



@media screen and (min-width:992px) {
.wsmenu .wsmenu-list {}
.wsmenu>.wsmenu-list>li+li { margin-left: 30px;}
.wsmenu>.wsmenu-list>li.megamenu_wrapper>ul.sub-menu:before {left: 90px;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu:before {top: 20px;margin-left:-18px;-webkit-box-shadow: 1px 1px 0px 0px rgb(60 72 88 / 15%);box-shadow: 1px 1px 0px 0px rgb(60 72 88 / 15%);border-color: transparent #ffffff #ffffff transparent;}
.wsmenu>.wsmenu-list>li:hover a, .wsmenu>.wsmenu-list>li.selected>a {color: #9a4497;}
.wsmenu>.wsmenu-list>li.selected>a {color: #9a4497;}

/*li#menu-item-62 .sub-menu { display: block !important; opacity: 1;visibility: visible;}*/
 .wsmenu>.wsmenu-list>li ul.sub-menu {transform: translateY(-10px) !important;  transform: scaleY(0) !important;transform-origin: 0 0 0;border-radius: 5px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {display: flex;align-items: center; justify-content: unset;text-align: left;font-size: 18px;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}

span.wsmenu-click+a:after{content:"\f078";margin-left:5px;font-family:'FontAwesome';font-size:12px;position:relative;bottom:1px;}
.wsmenu > .wsmenu-list > li:hover ul.sub-menu{opacity:1;visibility:visible;margin-top:0px;transform: translate(0px, 0px);transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;transform: translateY(0px) !important;  transform: scaleY(1) !important;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu{opacity:0;visibility:hidden;}
.wsmenu > .wsmenu-list > li > ul.sub-menu > li > ul.sub-menu > li:hover > ul.sub-menu{opacity:1;visibility:visible;}

/*.wsmenu>.wsmenu-list>li>a:after {position: absolute;content: "";height: 1px;width: 0px;background-color: #000000;left: 0;right: 0;opacity: 0;display: block;}
.wsmenu>.wsmenu-list>li>a:after {bottom: 0;left: auto;}*/
/*.wsmenu>.wsmenu-list>li.selected>a:after, .wsmenu>.wsmenu-list>li:hover>a:after {opacity: 1;width: 100%;}*/
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a{color: #9a4497;}

.hover_box:hover .overlay_hover {opacity: 1; -webkit-transform: scale(1) rotateZ(0deg); -moz-transform: scale(1) rotateZ(0deg); -ms-transform: scale(1) rotateZ(0deg); -o-transform: scale(1) rotateZ(0deg); transform: scale(1) rotateZ(0deg);} 
.hover_box:hover .overlay_hover span {opacity: 1; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } 
.hover_box .overlay_hover span:after {position: absolute; content: ""; width: 60px; height: 2px; background-color: #fff; left: 50%; transform: translate(-50%, -50%); -moz-transform: translateY(-50%, -50%); -ms-transform: translateY(-50%, -50%); -o-transform: translateY(-50%, -50%); -webkit-transform: translateY(-50%, -50%); top: 50%; }

.hover_img{width:100%;float:left;position:relative;overflow:hidden;}
.hover_box:hover .hover_img span:before{opacity:1;width:40px;height:0;}
.hover_box:hover .hover_img span:after{opacity:1;width:0;height:40px;}
.hover_box .hover_img span:before, .hover_box .hover_img span:after{content:"";position:absolute;left:50%;top:50%;border:2px solid #ffffff;width:100%;transform:translate(-50%, -50%);height:100%;opacity:0;z-index:22;}

.hover_box:hover .hover_img a:after {width: 100%;height: 100%;}

.hover_box .hover_img img{transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-webkit-transform:scale(1);transform:scale(1);}
.hover_box:hover .hover_img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.hover_box{overflow:hidden;position:relative;height: 100%;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.hover_box:hover>a img{transform:scale(1.1);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.hover_box a img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}

.hover_box .hover_img a {overflow: hidden;}
.hover_box .hover_img a:before {position: absolute;content: "";height: 100%;width: 100%;bottom: 0;left: 0;top: 0;right: 0;background-color:rgba(0,0,0,0.1);z-index: 1;}
.hover_box .hover_img a:after {position: absolute;content: ""; height: 0px;width: 0px;margin: auto;left: 0;right: 0;bottom: 0;top: 0;background-color: rgba(0, 0, 0, 0.7);}
.hover_box .hover_img img {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-webkit-transform: scale(1); transform: scale(1); }
.hover_box:hover .hover_img img { -webkit-transform: scale(1.3); transform: scale(1.3);}
.hover_box:hover .more_btn svg {fill: #9a4497;}
.hover_box:hover .more_btn {color:#9a4497; }
.btn-primary:hover, .form-submit:hover {background-color: #967dfb !important;}
.btn-default:hover {background-color: #bd60b9;}
.btn-primary.bordered:hover {background-color:#9a4497 !important;color:#ffffff !important; }
.btn-primary.bordered:hover svg {fill:#ffffff;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease; }
.btn:hover, .btn:hover input, .form-submit:hover {transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;}
.btn-primary.white:hover, .form-submit.white:hover {  background-color: #f1f1f1 !important;}

.btn.white::before {background: #876aff;}
.btn.white::after { background: #9a4496;}
.btn-primary.bordered.white:hover, .form-submit.white.bordered:hover { color: #000000 !important;  background-color: #ffffff !important;}

.gallery_box:hover {border-radius: 20px 0px 20px 0px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:hover:after {width: 100%;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after { position: absolute;content: "";height: 1px;width: 0; background-color: #9a4497; bottom: 3px;left: 0; z-index: 2222;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li:hover a { color: #9a4497;transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
}

@media screen and (max-width:1460px) {
.box.bottomright {right: 15px;}
.box.topleft {left: 15px;}

}

@media screen and (max-width:1440px) {
.platform_box {  background-size: 100% 100%;padding: 15px 50px;}
.platform_box figcaption h2 {  font-size: 20px;}
.teams_step .step_box .step_icon:after {display:none;}
}

@media screen and (max-width:1380px) {
.menubar { margin-left: 80px;}	
}

@media screen and (min-width:1199px) {

}

@media screen and (max-width:1200px) {
.wsmenu>.wsmenu-list>li>a {font-size: 16px;}
.header_right ul li a { font-size: 16px;}
.header_right ul li+li { margin-left: 20px;}
.wsmenu>.wsmenu-list>li+li { margin-left: 20px;}
.menubar { margin-left: 30px;}

.hire_cnt ul li .hire_cnt_icn {width: 90px;height: 90px;min-width: 90px;margin-right: 20px;} 
.hire_cnt ul li+li {  margin-top: 25px;}
.hire_cnt ul li .hire_cnt_rgt h2 {  font-size: 21px;}
.hire_page_content .hire_row_wrapper+.hire_row_wrapper {  margin-top: 80px;}
.hire_step_cnt h2 {  font-size: 17px;}

.hire_step .row .row [class*="col-"]:first-child .hire_step_box .hire_step_icn:after { background-size: 100% auto !important; width: 160px;left: -8px;height: 107px;}
.hire_step .row .row [class*="col-"]:nth-child(2) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; height: 165px;right: -8px;width: 107px;top: -8px;}
.hire_step .row .row [class*="col-"]:nth-child(3) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; height: 165px;left: -8px;width: 107px;bottom: -8px;}
.hire_step .row .row [class*="col-"]:nth-child(4) .hire_step_box .hire_step_icn:after {background-size: 100% auto !important; width: 160px;bottom: -8px;right: -8px;height: 107px;}
.hire_step_icn {width: 78px;height: 78px;}
.hire_step_icn svg { width: 30px; max-height: 30px;}

.hire_step .row .col-xxl-10 {  max-width: 740px;  width:740px;}
.hire_step_cnt p { font-size: 15px;}
.hire_step_cnt h2 {  font-size: 15px;}

.service_counter .count_up .value {  font-size: 75px;}
.service_counter .count_up p { font-size: 20px;}
.service_counter .count_up sup {  font-size: 47px;}
.platform_box .platform_icn {  margin-bottom: 15px;}
.platform_box .platform_icn img { max-height: 40px;}

.step_box figcaption h2 { font-size: 20px;}
}

@media screen and (max-width:1024px) {
}



@media screen and (max-width:991px) {
html { height: 100%; -webkit-overflow-scrolling: touch; }
body.wsactive { overflow: hidden; }
.wsmenucontainer { background-attachment: local; background-position: 33% 0%; }
.wsmenu { width: 100%; background: rgba(0, 0, 0, 0) none repeat scroll 0 0; left: 0; overflow-y: hidden; padding: 0; top: 0; visibility: hidden; position: fixed; margin: 0px; }
.wsmenu>.wsmenu-list { height: auto; min-height: 100%; width: 250px; background:#1b0a3a; padding-bottom: 0; margin-left: -250px; display: block; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; position: absolute; }
.wsmenu>.wsmenu-list>li { width: 100%; display: block;float: left; border-right: none; background-color: transparent; position: relative; white-space: inherit; clear: right; }

@supports (-webkit-overflow-scrolling:touch) {.wsmenu>.wsmenu-list>li:last-child {padding-bottom:110px;}}
.wsmenu>.wsmenu-list>li>a { width: 100%; padding:12px 45px 11px 15px;font-size: 28px;font-family: 'SatoshiLight';text-align: left; background-color: transparent; color: #ffffff;}
.wsmenu>.wsmenu-list>li.selected>a  {color:#876aff;}
 .wsmenu>.wsmenu-list>li:hover>a {}
.wsmenu>.wsmenu-list>li:hover .wsmenu-click>i:before {}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: #ffffff;}
.wsmenu>.wsmenu-list>li a.menuhomeicon { padding-left: 17px; padding-right: 17px; border-top: solid 1px rgba(0, 0, 0, 0.13); }
.wsmenu>.wsmenu-list>li>a.menuhomeicon i { display: none; }
.wsmenu>.wsmenu-list>li>a>i { font-size: 16px; color: #bfbfbf; }
.wsmenu>.wsmenu-list>li>a .wsarrow:after { display: none; }
.wsmenu>.wsmenu-list>li>a>.hometext { display: inline-block; }
.wsmenu>.wsmenu-list>li>ul.sub-menu {width: 100% !important;min-width: calc(100%); display: none;padding:15px 15px 15px 15px; background-color: transparent;   border-radius: 0; position: relative; top: 0px; border: none;margin: 0; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;float: left;width: 100%;box-shadow: none;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a {display:block;line-height: normal;padding: 8px 15px;font-size: 18px;font-family: 'SatoshiLight';}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a {color: #ffffff;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu {     min-width: 100%;width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 10px 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat;background-color: #ffffff;float: left; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu li a:after { left: 39px;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; padding: 0px; position: relative; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a {font-size: 13px; padding: 7px 10px 7px 25px;word-break:break-word; white-space: break-spaces; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li:hover>a { color: #000; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu { width: 100%; position: static; left: 100%; top: 0; display: none; margin: 0px; padding: 0px; border: solid 0px; transform: none; opacity: 1; visibility: visible; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-transition: inherit; -moz-transition: inherit; transition: inherit; -webkit-transform-style: flat; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li { margin: 0px 0px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a { line-height: 20px; font-size: 13px; padding: 10px 0px 10px 34px; color: #383838; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li span+a { padding-right: 30px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a>i { display: none; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a:hover { background-color: #e7e7e7; color: #666666; text-decoration: underline; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li>ul.sub-menu>li>ul.sub-menu>li>a.active { color: #000; }
.wsmobileheader { width: 100%; display: block; position: fixed; top: 0; left: 0; z-index: 10002; height: 54px; background-color: #eaecf0; text-align: center; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; box-shadow: 0 0 1px rgba(0, 0, 0, .3); }
.wsactive .wsmobileheader { margin-left: 240px; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsmobileheader .smllogo { display: inline-block; margin-top: 12px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch { width: 86%; margin: 7% 7%; padding: 0px; }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input { border-radius: 50px }
.wsmenu>.wsmenu-list>li.rightmenu>.topmenusearch input:focus { width: 100%; }
.wsanimated-arrow{width:30px;height:35px;margin-left: 10px; position:relative;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;float:right;z-index:99999;}
.wsanimated-arrow span{display:block;position:absolute;height:2px;width:30px;background:#000000;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;right: 0;  margin: 2px auto 0 auto;}
.wsactive .wsanimated-arrow span{background:#fff;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li a:after {top: 9px;}
#menu-main-menu>li {width: 100%; float: left; position: relative;}
#wsnavtoggle span:nth-child(1){top:8px;}
#wsnavtoggle span:nth-child(2),#wsnavtoggle span:nth-child(3){top:22px;}
.wsactive #wsnavtoggle span:nth-child(2), .wsactive #wsnavtoggle span:nth-child(3){top:15px;}
#wsnavtoggle span:nth-child(4){top:15px;float: right;left: 0;}
.wsactive #wsnavtoggle span:nth-child(1){top:18px;width:0%;left:50%;}
.wsactive #wsnavtoggle span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.wsactive #wsnavtoggle span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.wsactive #wsnavtoggle span:nth-child(4){top:18px;width:0%;}
.overlapblackbg { right: 0; width: 100%; height: 100vh; min-height: 100%; position: fixed; top: 0; opacity: 0; visibility: hidden; background-color: rgba(0, 0, 0, 0.45); cursor: pointer; background: rgb(154 68 151 / 90%);
    background: -moz-linear-gradient(left, #9a4497 12%, #876aff 90%);
    background: -webkit-linear-gradient(left, rgb(154 68 151 / 90%) 12%,rgb(135 106 255 / 100%) 90%);
    background: linear-gradient(to right, rgb(154 68 151 / 90%) 12%,rgb(135 106 255 / 90%) 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a4497', endColorstr='#876aff',GradientType=1 );}
.wsactive .wsmenu .overlapblackbg { opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; -ms-transition: opacity 0.5s ease-in-out; -o-transition: opacity 0.5s ease-in-out; }
.wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenucontainer { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.wsactive .wsmenu { overflow-y: scroll; -webkit-overflow-scrolling: touch; visibility: visible; z-index: 88; top: 0; }
.wsactive .wsmenu>.wsmenu-list { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; -ms-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; margin-left: 0; }
.wsmenu>.wsmenu-list>li>.wsmenu-click { height: 60px; position: absolute; top: 0; right: 0; display: block; cursor: pointer; width: 43px; z-index: 55;}
.wsmenu>.wsmenu-list>li.selected>.wsmenu-click {/*border-left: 1px solid rgb(0 0 0 / 20%);*/}
.wsmenu>.wsmenu-list li.selected .wsmenu-click>i:before {border-color: rgb(0 0 0 / 20%);}
.wsmenu>.wsmenu-list>li .wsmenu-click.ws-activearrow>i { transform: rotate(-45deg); margin-top: 18px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i { display: block; height: 18px; width: 18px; float: right; transform: rotate(-225deg); margin:15px 16px 0px 0px; }
.wsmenu>.wsmenu-list>li>.wsmenu-click>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#ffffff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02 { height: 33px;width: 43px; position: absolute; top: 0; right: 0; display: block; cursor: pointer;z-index: 88;}
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i { display: block; height: 10px; width: 10px; float: right; transform: rotate(-225deg); margin:11px 17px 0px 0px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i:before { content: ""; width: 100%; height: 100%; border-width: 1.5px 1.5px 0 0; border-style: solid; border-color:#ffffff; transition: 0.2s ease; display: block; transform-origin: 100% 0; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li .wsmenu-click02>i.wsmenu-rotate { transform: rotate(-45deg); margin-top: 16px; }
.wsmenu>.wsmenu-list>li>ul.sub-menu>li.selected a, .wsmenu>.wsmenu-list>li>ul.sub-menu li.selected>a, .wsmenu>.wsmenu-list>li>ul.sub-menu li:hover>a:focus {text-decoration: none;position: relative;color: #876aff;}
.wsmenu>.wsmenu-list>li+li {  margin-left: 0;}
header {padding: 20px 0;}
.header_button {display: none;}
.header_right ul {margin-right: 20px;}
.menubar { margin-left: 0;}
.caption_wrapper {    margin-top: 40px;}
.main_banner {height: 750px;}
.main_banner figcaption .title_1 .title_main, .main_banner figcaption .title_1 .title_main h1, .main_banner figcaption .title_1 .title_main div, .main_banner figcaption .title_1 .title_main span { font-size: 44px;}
.gjs-row input[type="submit"] {    width: 170px;min-width: 170px;}
.why_hire_box figcaption h2 {font-size: 20px;}
.steps_right {  padding-left: 0;}
.steps_right ul li { width: 50%;  float: left;padding: 0 15px;display: block;text-align: center;margin: 20px 0 !important;}
.steps_right ul li .step_title {  margin-left: 0;}
.steps_right ul li .step_icon { margin: 0 auto 15px auto;}
.steps_right ul li:nth-child(2), .steps_right ul li:nth-child(3) {  padding-left: 0;}
.steps_right ul li+li {  margin-top: 0;}
.steps .title_1.text-left {  text-align: center;}
.blog_box figcaption h2 { font-size: 20px;}
.testi_box p {  font-size: 30px;}
footer .top_footer .footer_links_box ul li {  font-size: 16px;}
footer .top_footer {  padding: 100px 0 60px;}
.quality_box figcaption .btn { opacity: 1;}
.quality_box {  border-color: #bbbbbb;}
.quality_box figcaption h2 {  font-size: 20px;}
.testimonials .swiper-button-prev { left: -60px;}
.testimonials .swiper-button-next { right: -60px;}

.service_counter .count_up .value { font-size: 65px;}
.service_counter .count_up sup {  font-size: 40px;}
.service_counter .count_up p {  font-size: 17px;}
.service_content_main .service_content_wrpr .left_title h2 {  font-size: 25px;padding-left: 20px;}
.platform_box { padding: 15px 30px;}
.map iframe {  height: 400px;}
h1, .h1 { font-size: 30px;}
h2, .h2 { font-size: 25px;}
h3, .h3 {  font-size: 19px;}

.useravaialable_button .navbar-expand-lg .navbar-collapse { display: flex!important;  flex-basis: auto;}
.useravaialable_button .navbar-nav .dropdown-menu {  position: absolute;}
.useravaialable_button .navbar-nav {  margin: 0;}
.useravaialable_button .dropdown-menu {  transform: translate(calc(-100% - -15px), 15px);}
}


@media screen and (min-width:768px) {
}



@media screen and (max-width:767px) {
footer .footer_links_box .title span { position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
footer .footer_links_box .title span:before { content: ""; position: absolute; top: 50%; right: 7px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 15px; width: 2px; background: #9a4497; }
.mobile-accordion.in .title span:before { display: none }
footer .footer_links_box .title span:after { content: ""; position: absolute; top: 50%; right: 0px; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); height: 2px; width: 16px; background: #9a4497; }
footer .footer_links_box .title { margin-bottom: 0; font-size: 16px; position: relative; color: #222222;line-height: inherit;}
.footer_links_box { width: 100%; float: left; border:none;margin-bottom: 0px; background-color: transparent;border-bottom: 2px solid #1b0a3a; }
.list-style-none.mobile-accordion-toggle { display: none;padding:0px; margin:10px 0 20px 0; width: 100%; float: left; } 

.main_banner { height: auto; padding-top: 120px;text-align: center;padding-bottom: 0px;}  
.main_banner figcaption .title_1 { text-align: center;}
.main_banner figcaption p { text-align: center;  margin-left: auto;  margin-right: auto;}
.title_1>span {margin-bottom: 10px;}
.main_banner figcaption .title_1 { margin-bottom: 10px;}
.banner_newsletter {  margin-top: 20px;margin-left: auto;margin-right: auto; }
.banner_img { text-align: center;  width: 100%;}
html, body {font-size: 16px;}
.home_companies { padding-top: 50px;}
section {padding: 100px 0;}
.title_1 {margin-bottom: 30px;}
.why_hire_box figcaption h2 br {display: none;}
.why_hire_box .why_hire_img {margin-bottom: 25px;}
.title_1 .title_main {  font-size: 35px;}
.title_1 .title_main br {display: none;}
.why_hire_box figcaption h2 {  margin-bottom: 10px;}
.steps_right ul li .step_title h3 {  font-size: 21px;}
.box img { max-width: 90px;}
.box.bottomright {bottom: -140px;}
.box.topleft {top: -145px;}
.testi_box p { font-size: 25px;}
.testi_box .testi_logo { margin-bottom: 25px;}
.testi_box .testi_cnt h2 {  font-size: 20px;}
.testi_box .testi_cnt { margin-top: 25px;}

.applyjob {text-align: center;}
footer .top_footer {  padding: 40px 0 40px;}
footer .top_footer .footer_links_box .title { margin-bottom: 5px;}
.quality_box {padding: 40px 20px;}
.marquee .col img { max-width: 70px; max-height: 45px;}
 .marquee .col { display: flex; align-items: center; justify-content: center;}

.hire_step .row .row>[class*="col-"]:nth-child(odd) .hire_step_box .hire_step_icn { float: none;}
.hire_step .row .row>[class*="col-"]:nth-child(odd) .hire_step_box .hire_step_cnt { text-align: center;}
.hire_step_icn {margin: 0 auto;width: 100px; height: 100px; border: 5px solid #9a4497;  border-radius: 100%;}
.hire_step .row .row [class*="col-"] .hire_step_box .hire_step_icn:after {display: none;}
.hire_step .row .row [class*="col-"]:nth-last-child(n+3) .hire_step_box {  margin-bottom: 0;}
.hire_step .row .row>[class*="col-"]:nth-child(even) .hire_step_box .hire_step_icn {border-color: #876aff;}
.hire_step_box {text-align: center;}
.hire_step .row .col-xxl-10 { max-width: 100%;  width: 100%;}
.testimonials .swiper-button-prev { left: -40px;}
.testimonials .swiper-button-next { right: -40px;} 
.service_counter .count_up .value {  font-size: 55px;}
.service_counter .count_up sup {  font-size: 35px;}
.service_counter .count_up p {  font-size: 15px;}
.service_counter .count_up p br {  display: none;}

.service_content_main .service_content_wrpr+.service_content_wrpr { margin-top: 30px;}
.service_content_main .service_content_wrpr .left_title h2 {margin-bottom: 0px;}
.service_content_rgt {padding:0 0 0 15px;}
.cms_page ul li:after, .cms_page .service_content_main .service_content_wrpr:nth-child(even) ul li:after {height: 18px;width: 18px;background-size: auto 18px !important; top: 4px;}

.platform_box { max-width: 420px; margin: 0 auto;float: none;}
.accordion-button {padding-top: 19px; padding-bottom: 19px;}
.contact_form {padding: 35px 30px 35px 30px; border-radius: 10px 10px 10px 10px;}
.input-box .input, .select, .woocommerce-address-fields .input-text {height: 50px;}
.map iframe {  height: 300px;}
.page_404, .page_404 .title_1 {text-align: center !important;margin-bottom: 0px;}
.page_404 {padding: 150px 0 100px;}
.col3 {column-count: 2;}
.request_hire_developer_page form {  padding: 25px;}
figure.developer_all_data {  padding: 30px 20px;}
.useravaialable_button>ul {  margin-right: 5px;}
}

@media screen and (max-width:640px) {

}

@media screen and (min-width:576px) {
.jobcard_search_section {  padding: 80px 0;}
}

@media screen and (max-width:575px) {
.header_right ul li a { font-size: 15px;}
.header_right ul li+li { margin-left: 15px;}
.header_right ul { margin-right: 10px;}
header { padding: 49px 0 15px 0;}
.header_right ul {position: absolute; left: 0; right: 0; top: 0px; text-align: center; border-bottom: 1px solid #bbbbbb; padding: 5px 15px; } 
header.sticky {padding-top: 40px;}
html, body {font-size: 15px;}
.title_1>span {font-size: 16px;}
section, .hire_logo {padding: 60px 0;}
.page_404 {padding: 150px 0 60px;}
.title_1 p {margin-top: 15px;}
.box img { max-width: 70px;}
.box.topleft { top: -95px;}
.box.bottomright { bottom: -90px;}
.btn, .btn input, .form-submit, input[type="submit"] { min-width: 150px; font-size: 16px;    padding: 10px 15px 9px 15px;}
.btn+.btn { margin-left: 5px;}
.hire_logo:after, .hire_logo:before  {width: 70px;}

.hire_cnt ul li .hire_cnt_icn {width: 80px;height: 80px;min-width: 80px; margin-right: 15px; border-radius: 10px;}
.hire_cnt ul li .hire_cnt_rgt h2 { font-size: 18px; margin-bottom: 5px;}
.swiper-button-next, .swiper-button-prev { position: static;  display: inline-block;height: auto;}
.arrow_main { text-align: center;margin-top: 20px;}
.accordion-button {font-size: 18px;}
.step_box .step_icon {margin-bottom: 15px;}
.contact_form { padding: 35px 15px 35px 15px;}
.input-box {margin: 0px 0 15px 0;}
.contact_info ul li .contact_info_cnt a, .contact_info ul li .contact_info_cnt p { font-size: 18px;}
.contact_info ul li+li {  margin-top: 20px;}
.col3, .col2 {column-count: 1;}
.cms_page ul li+li, .cms_page ol li+li {  margin-top: 10px;}
.useravaialable_button ul.menu_list { border: none;}
h1, .h1 { font-size: 25px;}
h2, .h2 { font-size: 22px;}
h3, .h3 {  font-size: 18px;}
.request_hire_developer_page form, .form_wrapper {padding: 25px 15px;}
.main_banner figcaption .title_1 .title_main, .main_banner figcaption .title_1 .title_main h1, .main_banner figcaption .title_1 .title_main div, .main_banner figcaption .title_1 .title_main span { font-size: 38px;}
figure.developer_all_data {  padding: 20px 15px;}
.developer_all_data_row .developer_all_data+.developer_all_data {  margin-top: 20px;}
.header_right .useravaialable_button ul {  position: static;padding: 0;border-bottom: none;}
.useravaialable_button .navbar-nav .dropdown-menu ol li a {  min-width: 100%;}
.team_all_data {  padding: 30px 15px;}
.team_all_data .team_all_data_profile_info .developer_profile_photo img { width: 80px;  border-width: 5px;}
.team_all_data .team_all_data_profile_info .developer_profile_photo {  margin-right: 10px;}
.team_all_data .team_all_data_profile_info .team_profile_name h4 {  font-size: 20px;}

.single-job, .page-template-apply-page {  padding-top: 80px;}
}

@media screen and (max-width:480px) {
.gjs-row input[type="submit"] {  position: static; height: 50px; width: 100%; margin-top: 10px;}
.gjs-row input[type="email"] {padding-right: 20px;}
.companies .gallery_box img { max-height: 35px;  max-width: 90px;}
.title_1 .title_main {  font-size: 30px;}
.steps_right ul li {  width: 100%;margin: 10px 0 !important;}
.steps_right ul li .step_icon { width: 90px;min-width: 90px; height: 90px;}
.steps_right ul li .step_icon img {  max-height: 25px;}
.steps_right ul li .step_icon span { width: 25px; height: 25px;}
.testi_box p { font-size: 22px;}
footer .copyright { padding: 20px 0;}
.platform_box { max-width: 320px; min-height: 275px;}
.accordion-button {font-size: 16px;padding-left: 30px;padding-top: 15px;padding-bottom: 15px;}
.accordion-button::after {  height: 18px;left: 8px;}
.accordion-button::before {  width: 18px;}
.accordion-body {  padding: 0px 0px 25px 30px;}
.mt-5 {  margin-top: 2rem!important;}
.swiper-pagination-bullets {  margin-top: 30px;}
.form_box_wrpr, .form_wrapper {padding: 20px 15px;}
.developer_profile_info>.d-flex {  display: block !important;  width: 100%;}
.developer_all_data .developer_profile_button {  margin-left: 0;  margin-top: 10px;}
.sidebar .side_testi {  padding: 30px 15px;}
}

@media screen and (max-width:380px) {
.main_banner figcaption .title_1 .title_main, .main_banner figcaption .title_1 .title_main h1, .main_banner figcaption .title_1 .title_main div, .main_banner figcaption .title_1 .title_main span {  font-size: 35px;}
.hire_cnt ul li .hire_cnt_icn { width: 60px; min-width: 60px;}
}

@media screen and (max-width:360px) {

}