/* Layout */




.container-1200 { max-width: 1200px; margin-right: auto; margin-left: auto } 

/* Topheader */




.phone-login-w { background-color: #6558F5; } 

.phone-login { background-color: rgba(62, 49, 186, 0.5); padding: 9px; } 

.phone-login ul { margin: 0; padding: 0; display: flex; justify-content: flex-end; } 

.phone-login ul li { margin: 0 0 0 21px; padding: 0; list-style-type: none; position: relative; } 

.phone-login ul li a { color: #fff; display: flex; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: bold; } 

.phone-login ul li a span { margin-left: 8px; } 

.phone-login ul ul { background: #fff; position: absolute; box-shadow: 0px 3px 20px #0000000A; right: -14px; top: 40px; width: 180px; border-radius: 10px; padding: 10px; z-index: 100; transition: all 0.5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; visibility: hidden; opacity: 0; transform: translateY(1em); transition-delay: 0s, 0s, 0s; display: block; } 

.phone-login ul li:hover ul { visibility: visible; opacity: 1; z-index: 999999; transform: translateY(0%); transition-delay: 0s, 0s, 0.5s; } 

.phone-login ul ul li { display: block; float: none; margin: 0; padding: 0; position: relative; } 

.phone-login ul ul li:last-child { border-bottom: none } 

.phone-login ul ul li a { padding: 10px; font-size: 14px; text-align: left; font-weight: normal; display: block; border-radius: 6px; text-transform: none; color: #000 } 

.phone-login ul ul li a:hover { color: #6558F5; background-color: #F6F6FF; } 

.desktop-delimiter { height: 76px; display: block !important; width: 100%; background: #6558F5 } 

.topheader { top: 44px; left: 0; width: 100%; z-index: 10; position: fixed; -webkit-transition: all .5s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; background: #6558F5; padding: 19px 0 } 

.topheader.landing { top: 0px; padding: 18px 0 !important; } 

.logo { margin: 0 0 0 30px; position: relative; z-index: 2; } 

.topheader.stickyhead .logo, .topheader.inner-hdr .logo { margin: 0 0 0 0px; } 

.logo img { margin: 0; width: 126px } 

.topheader.stickyhead { position: fixed; top: 0; width: 100%; z-index: 1030; padding: 15px 0; box-shadow: 0 8px 20px 0 rgba(0,0,0,0.1); -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; background-color: #fff; } 

.topheader.inner-hdr { width: 100%; z-index: 1030; padding: 19px 0 18px 0; -webkit-transition: all .1s ease; -moz-transition: all .1s ease; -ms-transition: all .1s ease; -o-transition: all .1s ease; transition: all .1s ease; background-color: #fff; } 

.topheader.stickyhead .logo img, .topheader.inner-hdr .logo img { width: 126px; -moz-transition: width .5s ease-in-out, left .5s ease-in-out; -webkit-transition: width .5s ease-in-out, left .5s ease-in-out; -moz-transition: width .5s ease-in-out, left .5s ease-in-out; -o-transition: width .5s ease-in-out, left .5s ease-in-out; transition: width .5s ease-in-out, left .5s ease-in-out; } 

.logofrm { display: flex; position: relative; align-items: center; justify-content: space-between } 

.logofrm:before { background: url(../images/logo-circle.svg) no-repeat; width: 185px; height: 120px; position: absolute; content: ""; top: -21px } 

.topheader.stickyhead .logofrm:before, .topheader.inner-hdr .logofrm:before { display: none; } 

.topheader.stickyhead .toplinks ul li a, .topheader.inner-hdr .toplinks ul li a { color: #000000; } 

.topheader.stickyhead .toplinks ul li a:hover, .topheader.stickyhead .toplinks ul li.current-menu-item > a, .topheader.stickyhead .toplinks ul li a:hover, .topheader.stickyhead .toplinks ul li a:hover:after, .topheader.stickyhead .toplinks ul li:hover > a, .topheader.stickyhead .toplinks ul li:hover > a:after { color: #6558F5 } 

.topheader.inner-hdr .toplinks ul li a:hover, .topheader.inner-hdr .toplinks ul li.current-menu-item > a, .topheader.inner-hdr .toplinks ul li a:hover, .topheader.inner-hdr .toplinks ul li a:hover:after, .topheader.inner-hdr .toplinks ul li:hover > a, .topheader.inner-hdr .toplinks ul li:hover > a:after { color: #6558F5 } 

.signup-bookdemo-w { margin: 0; } 

.signup-bookdemo-w a { display: inline-block; text-decoration: none !important; font-weight: bold; padding: 10px 15px; text-align: center; margin-right: 10px; } 

.signup-bookdemo-w a:last-child { margin-right: 0; } 

.signup-bookdemo-w a.bookdemo { background: #fff; color: #FF8505; font-size: 14px; } 

.topheader.stickyhead .signup-bookdemo-w a.bookdemo, .topheader.inner-hdr .signup-bookdemo-w a.bookdemo { background: #FFF3E5; color: #FF8505; } 

.topheader.stickyhead .signup-bookdemo-w a.bookdemo:hover, .topheader.inner-hdr .signup-bookdemo-w a.bookdemo:hover { background: #ffe8cd; color: #FF8505; } 

.signup-bookdemo-w a.bookdemo:hover { background: #faeada; color: #FF8505; } 

.signup-bookdemo-w a.signup { background: #FF8505; color: #fff !important; font-size: 14px; } 

.signup-bookdemo-w a.signup:hover { background: #e17807; } 

/* Toplinks */






.toplinks { margin-right: auto; margin-left: 80px; } 

.toplinks ul { padding: 0; margin: 0 } 

.toplinks ul li { padding: 0; display: inline-block; margin: 0 0 0 10px; list-style-type: none; position: relative } 

.toplinks ul li a { color: #fff; margin: 0; position: relative; font-weight: bold; padding: 10px 6px; display: block; font-size: 14px; text-decoration: none; } 

.home .toplinks ul li a { padding: 10px 3px;  } 

.home .stickyhead .toplinks ul li a {  padding: 10px 6px;  } 

.toplinks ul li:last-child { margin-left: 5px } 

.toplinks ul li a:hover, .toplinks ul li.current-menu-item > a, .toplinks ul li a:hover, .toplinks ul li a:hover:after, .toplinks ul li:hover > a, .toplinks ul li:hover > a:after { color: #fff } 

.toplinks ul ul li:last-child { margin-left: 0 } 

/* .toplinks ul ul li:nth-last-child(2) > a, .toplinks ul ul li:last-child > a { background:transparent; padding: 10px; border-radius: 6px; margin-left:0; text-align:left; color:#121C35 !important; font-weight:normal } 



.toplinks ul ul li:nth-last-child(2) > a:hover, .toplinks ul ul li:last-child > a:hover { color:#6558F5 !important; background-color:#F6F6FF !important; } */




.toplinks ul ul { background: #fff; box-shadow: 0px 3px 20px #0000000A; position: absolute; left: 0; top: 50px; width: 180px; border-radius: 10px; padding: 10px; z-index: 100; transition: all 0.5s ease-in-out 0s; -moz-transition: all .5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; visibility: hidden; opacity: 0; transform: translateY(1em); transition-delay: 0s, 0s, 0s } 

.toplinks ul li:hover>ul { visibility: visible; opacity: 1; z-index: 999999; transform: translateY(0%); transition-delay: 0s, 0s, 0.5s; } 

.toplinks ul ul li { display: block; float: none; margin: 0; padding: 0; position: relative; } 

.toplinks ul ul li:last-child { border-bottom: none } 

.toplinks ul ul li a { padding: 10px; font-size: 14px; text-align: left; font-weight: normal; display: block; border-radius: 6px; text-transform: none; color: #000 } 

.toplinks ul ul li a:hover { color: #6558F5; background-color: #F6F6FF; } 

.toplinks ul ul ul { left: 100%; margin: 0; top: 0; } 

/* Banner */




.banner-w { padding: 135px 0; background: url(../images/banner-bg.png) no-repeat #6558F5; background-position: center 40px; position: relative; } 

.banner-cards { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 1153px; height: 100%; } 

.lb-card { width: 440px; position: absolute; /*left: 375px; */ left: 0; top: 214px; } 

.lb-card .left-img-1 img { max-width: 240px; width: 100%; height: auto; } 

.lb-card .left-img-2 img { max-width: 337px; width: 100%; height: auto; float: right; } 

.rb-card { width: 350px; position: absolute; /*right: 418px; */ right: 0; top: 120px; } 

.rb-card .right-img-1 img { max-width: 250px; width: 100%; height: auto; float: right; } 

.rb-card .right-img-2 img { max-width: 287px; width: 100%; height: auto; } 

.rb-card img { max-width: 100%; height: auto; } 

.mobile-card { display: none; width: 280px; } 

.mobile-card img { max-width: 100%; height: auto; } 

.banner-cont { max-width: 500px; margin: 0 auto; padding: 0; text-align: center; position: relative; z-index: 5; } 

.banner-cont h1 { color: #fff; margin: 0 0 20px 0; } 

.banner-cont p { margin: 0 auto 25px; max-width: 350px; color: #D3CFFF; font-weight: 500; } 

.signup-bookdemo { margin: 0; } 

.signup-bookdemo a { color: #fff; display: inline-block; margin-top: 15px; font-size: 14px; font-weight: bold; text-decoration: underline; } 

/* Orange Button Box Wala Start */




.orange-button-box { padding: 0; position: absolute; left: 0; right: 0; bottom: 25px; } 

.orange-button-box a { padding: 15px 70px 14px 20px; background-color: #FF9D37; color: #fff !important; display: inline-block; margin: 0; position: relative; font-size: 14px; font-weight: bold; text-decoration: none; } 

.orange-button-box a:hover { background-color: #FF8505; } 

.orange-button-box span { width: 50px; display: flex; align-self: center; justify-content: center; height: 100%; background-color: #FF8505; position: absolute; right: 0; top: 0; border-left: 1px solid #FF9D37; } 

.orange-button-box a:hover span { background-color: #f17d04; } 

.orange-button-box span img { width: 13px; } 

/* Orange Button End */



/* Purple Button Box Wala Start */




.purple-button-box { padding: 0; position: absolute; left: 0; right: 0; bottom: 25px; } 

.purple-button-box a { padding: 15px 70px 14px 20px; background-color: #6558f5; color: #fff; display: inline-block; margin: 0; position: relative; font-size: 14px; font-weight: bold; text-decoration: none; } 

.purple-button-box a:hover { background-color: #5548e8; } 

.purple-button-box span { width: 50px; display: flex; align-self: center; justify-content: center; height: 100%; background-color: #5548e8; position: absolute; right: 0; top: 0; border-left: 1px solid #6558f5; } 

.purple-button-box a:hover span { background-color: #4f42db; } 

.purple-button-box span img { width: 13px; } 

/* Purple Button End */



/* Orange Button Start */




.orange-button { padding: 0; } 

.orange-button a { padding: 15px 70px 14px 20px; background-color: #FF9D37; color: #fff !important; display: inline-block; margin: 0; position: relative; font-size: 14px; font-weight: bold; text-decoration: none; } 

.orange-button a:hover { background-color: #FF8505; } 

.orange-button span { width: 50px; display: flex; align-self: center; justify-content: center; height: 100%; background-color: #FF8505; position: absolute; right: 0; top: 0; border-left: 1px solid #FF9D37; } 

.orange-button a:hover span { background-color: #f17d04; } 

.orange-button span img { width: 13px; } 

/* Orange Button End */



/* Purple Button Start */




.purple-button { padding: 0; } 

.purple-button a { padding: 15px 70px 14px 20px; background-color: #6558f5; color: #fff; display: inline-block; margin: 0; position: relative; font-size: 14px; font-weight: bold; text-decoration: none; } 

.purple-button a:hover { background-color: #5548e8; } 

.purple-button span { width: 50px; display: flex; align-self: center; justify-content: center; height: 100%; background-color: #5548e8; position: absolute; right: 0; top: 0; border-left: 1px solid #6558f5; } 

.purple-button a:hover span { background-color: #4f42db; } 

.purple-button span img { width: 13px; } 

/* Purple Button End */



/* Testimonial */




.testimonial-w { padding: 75px 0 55px 0; background: #f7f6fe; position: relative; } 

.testimonial-column { margin: 0; } 

.img-comma { margin: 0 0 25px 0; } 

.img-comma img { max-height: 13px; max-width: 21px; } 

.slider-testimonial { padding-bottom: 80px; } 

.slider-testimonial .slick-slide { padding: 0 20px; } 

.testimonial-column p { font-size: 1rem; font-weight: 500; display: flex; } 

.testimonial-column p img { display: inline-block; margin-right: 5px; vertical-align: middle; } 

.user-testimonial { margin: 0 0 20px 0; padding: 10px 0 0 50px; min-height: 40px; position: relative; } 

.user-testimonial h5 { margin: 0; padding: 0; font-size: 1rem; color: #6558F5; } 

.user-testimonial h6 { margin: 0; padding: 0; font-size: 1rem; color: #262626; font-family: 'Roboto', sans-serif; } 

.user-testimonial img { width: 40px; height: 40px; border-radius: 50%; position: absolute; left: 0 } 

.star-rating { font-size: 1rem; font-weight: 500; display: flex; align-items: center; } 

.star-rating img { display: inline-block; margin-right: 5px; vertical-align: middle; max-width: 12px; max-height: 12px; } 

/* Perfect Solution */




.ps-w { padding: 100px 0; } 

.ps-w h2 { text-align: center; margin: 0; padding: 0; } 

.ps-categ { display: flex; flex-wrap: wrap; justify-content: center; margin: 70px auto 0; max-width: 1022px; } 

.img-ps { margin: 0; position: absolute; left: 0; right: 0; margin: 0 auto; top: -35px; } 

.img-ps img { max-width: 210px; height: auto; } 

.ps-column { border: 2px solid #efeefe; padding: 40px 40px 70px 40px; text-align: center; margin: 0 15px 30px 15px; border-radius: 8px; flex: 0 0 calc(50% - 30px); position: relative; } 

.ps-column:last-child { border-color: #fff3e5; } 

.ps-column h3 { margin: 230px 0 10px 0; } 

.ps-column h3 img { margin-left: 5px; margin-bottom: 10px; } 

.ps-column p { margin: 0 0 25px 0; } 

/* Our Solutions */




.os-w { padding: 100px 0; background-color: #f6f6ff; } 

.os-w h2 { text-align: center; margin: 0; padding: 0; } 

.sol-categ { display: flex; flex-wrap: wrap; margin-top: 40px; } 

.column-sol { flex: 0 0 calc(50% - 30px); margin: 0 15px 30px; background-color: #fff; border-radius: 20px; overflow: hidden; display: flex; position: relative; } 

.img-sol { /*background-color: #6558F5; */ width: 45%; } 

.img-sol img { width: 100%; height: auto; } 

.cont-sol { padding: 20px 27px; width: 55%; display: flex; flex-direction: column; } 

.cont-sol h3 { color: #000; margin: 0 0 10px 0; } 

.column-sol:hover h3 { color: #6558F5; } 

.cont-sol p { font-size: 14px; } 

.learnmore { display: flex; margin-top: auto; } 

.column-resmisc .learnmore, .woc-column .learnmore { display: flex; margin-top: auto; position: absolute; bottom: 24px; } 

.woc-box .woc-column { padding-bottom: 25px; } 

.learnmore a { color: #6558F5; font-weight: 500; font-size: 14px; } 

.learnmore a img { margin-left: 10px; } 

/* Critique */




.critique-w { padding: 70px 0; } 

.critique-frame { margin: 0; display: flex; flex-wrap: wrap; align-items: center; } 

.img-critique { width: 50%; margin: 0; padding: 0; } 

.img-critique img { max-width: 100%; } 

.cont-critique { width: 40%; margin-left: auto; } 

.short-critique { max-width: 315px; display: flex; margin-left: auto; flex-direction: column; } 

.short-critique h2 { margin: 0 0 20px 0; } 

.short-critique p { margin: 0 0 20px 0; } 

.short-critique ul { margin: 0; padding: 0; } 

.short-critique ul li { margin: 0 0 12px 0; padding: 0 0 0 20px; position: relative; list-style-type: none; font-size: 1rem; font-weight: 500; } 

.short-critique ul li:before { content: ""; position: absolute; left: 0; background: url(../images/cross-orange.svg) no-repeat; width: 11px; height: 11px; top: 8px } 

/* Purple */




.purple-w { padding: 80px 0; background: #6558F5; } 

.cont-purple { max-width: 332px; margin: 0 auto; padding: 0; text-align: center; } 

.purple-w h2 { color: #fff; margin: 0 0 20px 0; padding: 0; } 

.purple-w p { color: #fff; margin: 0 auto 25px; max-width: 300px; color: #D3CFFF; font-weight: 500; } 

/* Steps */




.steps-w { padding: 95px 0; } 

.step-frame { margin: 0 0 95px 0; display: flex; flex-wrap: wrap; align-items: center; } 

.step-frame:last-child { margin-bottom: 0; } 

.step-img { width: 50%; } 

.step-img img { max-width: 100%; height: auto; } 

.step-cont { width: 40%; margin-left: auto; } 

.short-txt { max-width: 320px; display: flex; margin-left: auto; flex-direction: column; } 

.short-txt h2 { margin: 0 0 20px 0; } 

.short-txt p { margin: 0 0 20px 0; } 

.step-frame.odd .step-img { order: 2 } 

.step-frame.odd .step-cont { margin-right: auto; width: 40%; margin-left: 0; } 

.step-frame.odd .short-txt { margin-right: auto; } 

.step-1-label { margin: 0; } 

.step-1-label span { border-radius: 8px; margin-bottom: 10px; font-size: 11px; display: inline-block; text-transform: uppercase; font-weight: 500; background-color: #f3fcff; color: #0FC3FF; padding: 7px 10px; } 

.step-2-label { margin: 0; } 

.step-2-label span { border-radius: 8px; margin-bottom: 10px; font-size: 11px; display: inline-block; text-transform: uppercase; font-weight: 500; background-color: #fff9f3; color: #FF8505; padding: 7px 10px; } 

.step-3-label { margin: 0; } 

.step-3-label span { border-radius: 8px; margin-bottom: 10px; font-size: 11px; display: inline-block; text-transform: uppercase; font-weight: 500; background-color: #f8f7ff; color: #6558F5; padding: 7px 10px; } 

/* Why Our Customers */




.woc-w { padding: 108px 0; background-color: #f8f7ff; } 

.title-woc { max-width: 450px; margin: 0 auto; padding: 0; text-align: center; } 

.title-woc h2 { margin: 0 0 10px 0; } 

.title-woc p { max-width: 350px; margin: 0 auto 15px; } 

.woc-box { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto 0; max-width: 770px; } 

.img-woc { margin: 0; position: relative; height: 170px; overflow: hidden; } 

.img-woc:before { width: 100%; height: 100%; position: absolute; left: 0; top: 0; content: ""; background-color: rgba(43, 34, 128, 0.5); } 

.img-woc img { width: 100%; height: 170px; object-fit: cover; } 

.brand-logo { display: flex; height: 100%; flex-direction: column; z-index: 2; width: 100%; position: absolute; align-items: center; justify-content: center } 

.brand-logo img { width: auto; height: 44px; object-fit: contain; max-width: 100px; } 

.woc-column { margin: 0 15px 30px 15px; background-color: #fff; border-radius: 20px; overflow: hidden; flex: 0 0 calc(50% - 30px); position: relative; } 

.woc-column { padding-bottom: 25px; } 

.cont-woc { padding: 20px 25px; } 

.cont-woc h3 { margin: 0 0 15px 0; } 

.woc-column:hover h3 { color: #6558F5; } 

.signup-woc { text-align: center; margin-top: 15px; } 

.signup-woc .bookdemo { margin-top: 15px; } 

.signup-woc .bookdemo a { color: #FF8505; font-weight: bold; text-decoration: underline; } 

.signup-woc .bookdemo a:hover { color: #ffa241; } 

/* Company Using FoxHire */




.cuf-w { padding: 40px 0; background-color: #6558F5; } 

.cuf-w h3 { color: #fff; margin: 0; padding: 0; line-height: 1.3; } 

.title-cuf { margin: 0 auto 40px; padding: 0; text-align: center; max-width: 450px; } 

.slider-cuf { position: relative; } 

.slider-cuf ul { margin: 0; padding: 0; text-align: center; } 

.slider-cuf ul li { list-style-type: none; padding: 10px 10px; display: inline; } 

.slider-cuf ul li img { max-width: 125px; max-height: 108px; object-fit: contain; padding-bottom: 10px; } 

.slider-cuf .infiniteslide_wrap:before,
.slider-cuf .infiniteslide_wrap:after{ 
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 100%;
  pointer-events: none;
  z-index: 2;
  background: rgba(255,255,255,0);
  background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(101,88,245,1) 100%);
} 
.slider-cuf .infiniteslide_wrap:after{
  left: auto;
  right: 0;
  transform: rotate(180deg);
}
.slider-cuf .scroll1{
  display: flex;
}

/* Bottom */




.bottom-w { padding: 60px 0; } 

.bottom-w ul { margin: 0; padding: 0; } 

.bottom-w ul li { margin: 0 0 20px 0; padding: 0; list-style-type: none; } 

.bottom-w ul li a { margin: 0; padding: 0; color: #000000; font-family: 'Roboto', sans-serif; font-size: 14px; } 

.bottom-w ul li a:hover { color: #6558F5; } 

.btm-cont { margin: 0; max-width: 210px; } 

.btm-cont p { color: #262626; font-size: 14px; } 

.flogo { margin: 0 0 15px 0; } 

.flogo img { margin: 0; width: 96px; height: auto; } 

.sm-icon { margin: 0; padding: 0; } 

.sm-icon a { float: left; margin: 0 20px 0 0; color: #FF8505; font-size: 16px; } 

.sm-icon a:hover { color: #6558F5; } 

.sm-icon a:last-child { margin-right: 0; } 

.sm-icon a img { height: auto; } 

/* Footer */




footer { padding: 19px 0; background-color: #f7f6ff; } 

footer p { margin: 0; font-size: 14px; } 

footer p a { color: #000; } 

footer p a:hover { color: #6558F5 } 

/* Mobile Menu */




.signup-bookdemo-w a.hamburger-menu { padding: 0; display: none; } 

.signup-bookdemo-w a.hamburger-menu img { height: auto; } 

.signup-bookdemo-w a.hamburger-menu img.sticky { display: none; } 

.topheader.stickyhead .signup-bookdemo-w a.hamburger-menu img.sticky { display: inline-block; } 

.topheader.inner-hdr .signup-bookdemo-w a.hamburger-menu img.sticky { display: inline-block; } 

.topheader.stickyhead .signup-bookdemo-w a.hamburger-menu img.non-sticky { display: none; } 

.topheader.inner-hdr .signup-bookdemo-w a.hamburger-menu img.non-sticky { display: none; } 

.show { left: 0%; opacity: 1; } 

.hide { opacity: 0; left: 100%; } 

.mobile-nav { background: #fff; position: fixed; top: 0; width: 100vw; height: 100vh; text-align: center; transition: .2s ease; z-index: 1050; display: flex; flex-direction: column; } 

.mobile-header { display: flex; justify-content: space-between; margin: 0; padding: 25px 20px; } 

.mobile-close { margin: 0; } 

.mlogo { margin: 0; } 

.mlogo img { height: auto; } 

.mobile-list { padding: 20px; } 

.mobile-nav .phone-login ul { justify-content: space-between; margin: 0 15px; } 

.mobile-nav .phone-login ul li { margin: 0; } 

.signup-bookdemo-mobile { margin-left: 20px; margin-right: 20px; display: flex; margin-top: auto; margin-bottom: 20px; } 

.signup-bookdemo-mobile a { text-decoration: none !important; width: 49%; font-weight: bold; padding: 10px 15px; text-align: center; margin-right: 10px; } 

.signup-bookdemo-mobile a:last-child { margin-right: 0; } 

.signup-bookdemo-mobile a.bookdemo { background: #fff3e6; color: #FF8505; } 

.signup-bookdemo-mobile a.bookdemo:hover { background: #fff3e6; color: #FF8505; } 

.signup-bookdemo-mobile a.signup { background: #FF8505; color: #fff !important; } 

/* Platform */




.banner-platform { background-color: #6558f5; padding: 108px 0; } 

.img-platform { border-radius: 8px; margin: 0 0 0 0px; padding: 30px; background: #3F32BD; box-shadow: -3px 60px 40px -37px rgba(0,0,0,0.5); -webkit-box-shadow: -3px 60px 40px -37px rgba(0,0,0,0.5); -moz-box-shadow: -3px 60px 40px -37px rgba(0,0,0,0.5); position: relative; } 

.img-platform:before { content: ""; position: absolute; width: 100%; height: 100%; top: 10px; left: 0; background: url(../images/left-dots-platform-hdr.svg) no-repeat; } 

.img-platform:after { content: ""; position: absolute; width: 70px; height: 100%; top: 10px; right: 10px; background: url(../images/right-dots-platform-hdr.svg) no-repeat right; } 

.banner-info-platform { margin: 20px 0 auto 0; max-width: 340px; } 

.banner-info-platform h1 { color: #fff; margin: 0 0 15px 0; } 

.banner-info-platform p { margin: 0 0 20px 0; color: #D3CFFF; font-weight: 500; } 

.signup-bookdemo-platform { margin: 25px 0 0 0; } 

.signup-bookdemo-platform a { display: inline-block; text-decoration: none !important; font-weight: bold; padding: 10px 15px; text-align: center; margin-right: 10px; } 

.signup-bookdemo-platform a:last-child { margin-right: 0; } 

.signup-bookdemo-platform a.bookdemo { background: #fff; color: #FF8505; } 

.signup-bookdemo-platform a.bookdemo:hover { background: #ffe8cd; color: #FF8505; } 

.signup-bookdemo-platform a.signup { background: #FF8505; color: #fff !important; } 

.signup-bookdemo-platform a.signup:hover { background: #e17807; color: #fff !important; } 

.innerpage-body ol { margin: 0 0 25px 0; padding: 0; } 

.innerpage-body ol li { font-size: 16px; margin: 0 0 8px 18px; padding: 0 0 0 20px; } 

.innerpage-body p { margin-bottom: 30px; } 

.innerpage-body p:last-child, .innerpage-body ul:last-child { margin-bottom: 0 !important; } 

.innerpage-body h1, .innerpage-body h2, .innerpage-body h3, .innerpage-body h4, .innerpage-body h5, .innerpage-body h6 { margin-bottom: 15px; } 

.innerpage-body img { max-width: 100%; height: auto; } 

.cc-platform { max-width: 315px; margin: 0 auto; } 

.cc-platform h2 { margin: 0 0 5px 0; padding: 0; color: #000; } 

.cc-platform p { margin: 0 0 20px 0; } 

.cc-platform ul { margin: 40px 0 0 0; padding: 0; } 

.cc-platform ul li { margin: 0 0 12px 0; padding: 0 0 0 30px; position: relative; list-style-type: none; font-size: 1rem; font-weight: 500; } 

.cc-platform ul li:before { content: ""; position: absolute; left: 0; background: url(../images/blue-circle-bullet.svg) no-repeat; width: 20px; height: 20px; top: 2px; } 

.cc-platform.orange-bullet ul { padding: 0; } 

.cc-platform.orange-bullet ul li:before { content: ""; position: absolute; left: 0; background: url(../images/orange-circle-bullet.svg) no-repeat; width: 20px; height: 20px; top: 2px; } 

.cc-platform ul li span { font-weight: normal; } 

.try-foxhire-w { padding: 80px 0; } 

.page-id-916 .try-foxhire-w, .page-id-917 .try-foxhire-w, .page-id-694 .try-foxhire-w, .page-id-918 .try-foxhire-w { padding: 80px 0 20px 0; } 

.banner-tryfoxhire { margin: 0; padding: 0 0 0 50px; background-color: #6558f5; border-radius: 8px; overflow: hidden; position: relative; min-height: 280px; display: flex; align-items: center; } 

.banner-tryfoxhire h2 { color: #fff; margin: 0 0 10px 0; } 

.bt-cont { margin: 0; max-width: 400px; } 

.banner-tryfoxhire p { margin: 0 0 20px 0; color: #D3CFFF; font-weight: 500; } 

.img-tryfoxhire { position: absolute; right: 0; top: 0 } 

.img-tryfoxhire img { max-width: 570px; max-height: 280px; object-fit: contain; width: 100%; } 

.img-tryfoxhire1 { position: absolute; width: 470px; right: 10px; bottom: 0; } 

.img-tryfoxhire1 img { width: 100%; } 

/* Inner Hdr White */




.inner-hdr-white { padding: 60px 0; } 

.cont-ihw { text-align: center; max-width: 350px; margin: 0 auto; } 

.inner-hdr-white h2 { color: #000; margin: 0 0 10px 0; padding: 0; } 

.inner-hdr-white p { color: #000; margin: 0; } 

/* Industries Manufacturing White */




.ces-w { padding-bottom: 70px; } 

.ces-box { margin: 0; display: flex; flex-wrap: wrap; } 

.img-ces { position: relative; max-width: 270px; display: flex; justify-content: flex-end; margin-left: auto; } 

.img-ces img { width: 100%; height: auto; } 

.column-ces { padding: 20px 0 20px 20px; border-radius: 20px; flex: 0 0 calc(33.333333% - 30px); background-color: #f7f6ff; margin: 0 15px 30px; position: relative; } 

.column-ces h3 { margin: 0 0 10px 0; padding: 0; line-height: 1.3; } 

.desc-ces { padding-right: 20px; } 

.column-ces .learnmore { position: absolute; left: 0; bottom: 20px; padding: 0 20px; } 

.features-w { padding: 100px 0 20px 0; background-color: #f7f6fe; } 

.title-features { text-align: center; max-width: 350px; margin: 0 auto 50px; } 

.features-w h2 { color: #000; margin: 0 0 10px 0; padding: 0; } 

.features-w p { color: #000; margin: 0; } 

.cont-features { margin: 0; display: flex; flex-wrap: wrap; } 

.icon-cf { position: absolute; left: 0; top: 0; } 

.icon-cf img { height: 20px; width: 20px; } 

.columns-features { padding: 20px 0 40px 20px; border-radius: 20px; flex: 0 0 calc(33.333333% - 30px); background-color: #f7f6ff; margin: 0 15px 80px; position: relative; padding: 3px 0 0 30px; } 

.columns-features h6 { font-size: 1rem; margin: 0 0 5px 0; padding: 0; font-weight: 500; } 

.columns-features p { color: #000; margin: 0; } 

/* Contact */




.contact-w { background: url(../images/contact-bg.png) no-repeat center #6558f5; padding: 90px 0; } 

.contact-w h1 { color: #fff; margin: 0; } 

.contact-w p { margin: 0; color: #D3CFFF; font-weight: 500; } 

.txt-contact { margin: 0; } 

.info-office { margin: 40px 0; } 

.info-office ul { margin: 0; padding: 0; } 

.info-office ul li { margin: 0 0 20px 0; padding: 0 0 0 25px; text-align: left; position: relative; list-style-type: none; color: #fff; font-weight: 500; } 

.info-office ul li a { color: #fff; font-weight: 500; } 

.info-office ul li span { position: absolute; left: 0; top: 0; } 

.sm-icons-contact { margin: 0; display: flex; } 

.sm-icons-contact a { margin: 0 10px 0 0; background-color: #fff; width: 50px; height: 50px; display: inline-flex; align-items: center; justify-content: center; color: #FF8505; font-size: 24px; } 

.contact-form { background-color: #fff; padding: 20px; border-radius: 10px; } 

.contact-form h3 { margin: 0 0 30px 0; padding: 0; color: #000000; } 

.form-contact { margin: 0; } 

.form-contact p { font-size: 12px; margin: 0 0 0px 0; font-weight: normal; color: #262626; } 

.form-contact p a { color: #FF8505; } 

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

.fieldbox label, .nf-form-content label { margin: 0 0 0px 0 !important; font-size: 14px !important; color: #000000; font-weight: 500!important; } 

.form-contact input[type="text"], .form-contact input[type="email"], .form-contact input[type="tel"], .form-contact textarea, .form-contact select { background-color: #f0eff7 !important; padding: 10px 15px !important; border-radius: 8px !important; border: 0 !important; width: 100% !important; resize: none; } 

.form-contact select { -webkit-appearance: none; background: #f0eff7 url(../images/filter-arrow-up.svg) no-repeat center right 15px; } 

.form-contact select:focus { -webkit-appearance: none; background: #f0eff7 url(../images/filter-arrow-down.svg) no-repeat center right 15px; } 

.form-contact textarea { height: 120px !important; } 

.double-field { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 12px } 

.single-field { display: block; } 

.nf-form-fields-required { display: none !important; } 

#ninja_forms_required_items, .nf-field-container { clear: both; position: relative; margin-bottom: 15px !important; } 

.submit-btn { margin: 0 !important; border: 0 !important; padding: 10px 15px !important; background: #FF8505 !important; color: #fff !important; font-weight: bold !important; text-align: center !important; display: inline-block !important; } 

.signup-btn { margin: 0 !important; border: 0 !important; padding: 14px 65px 14px 17px !important; background: #FF9D37 url(../images/btn-right-arrow.svg) no-repeat right center; color: #fff !important; font-weight: bold !important; text-align: center !important; display: inline-block !important; position: relative; } 

.signup-btn:hover { background: #FF8505 url(../images/btn-right-arrow.svg) no-repeat right center; } 

.contact-map { margin: 0; padding: 0; background: #6558F5; } 

.contact-map img { width: 100%; height: 400px; object-fit: cover; } 

.contact-map iframe { width: 100%; height: 400px; mix-blend-mode: luminosity; margin-bottom: -7px; } 

/* case studies - cat start */




.case-cta-w { padding: 108px 0; } 

.woc-box { display: flex; flex-wrap: wrap; justify-content: center; margin: 40px auto 0; max-width: 770px; } 

.img-woc1 { margin: 0; position: relative; height: 170px; overflow: hidden; } 

.img-woc1 img { width: 100%; height: 170px; object-fit: cover; } 

.woc-box1 { display: flex; justify-content: center; margin: 40px auto 0; max-width: 610px; align-items: center; border-radius: 20px; } 

.img-woc2 { margin: 0; position: relative; height: 220px; } 

.img-woc2 img { width: 290px; height: 220px; object-fit: cover; border-top-left-radius: 20px; border-bottom-left-radius: 20px; } 

/* case studies - cat end */





/* SignUp */




.signup-main-w { background-color: #6558F5; } 

.signup-w { margin: 0; padding: 0; display: flex; flex-wrap: wrap; min-height: 603px; align-items: center; } 

.signup-col-1 { width: 50%; padding: 88px; } 

.center-signup-1 { max-width: 290px; margin: 0 auto; text-align: center; } 

.img-signup { margin: 0 0 35px 0; text-align: center; } 

.img-signup img { max-width: 160px; height: auto; } 

.img-signup1 { margin: 0; text-align: center; } 

.img-signup1 img { max-width: 160px; height: auto; } 

.signup-col-1 h1 { color: #fff; margin: 0 auto 10px; } 

.signup-col-1 p { margin: 0 auto 0; max-width: 300px; color: #D3CFFF; font-weight: 500; } 

.signup-col-2 { width: 50%; background: #3f32bd url(../images/signup-dots-right.svg) no-repeat right 40px top 30px; padding: 75px; position: relative; } 

.signup-col-2:after { content: ""; position: absolute; width: 150px; height: 93px; background: url(../images/signup-dot-btm-left.svg) no-repeat left bottom; left: 100px; bottom: 0; } 

.center-signup-2 { max-width: 450px; margin: 0 auto; position: relative; z-index: 100; } 

.form-signup { background-color: #fff; padding: 35px 20px 20px 20px; border-radius: 10px 10px 0 0; } 

.form-signup h3 { margin: 0 0 30px 0; padding: 0; color: #000000; } 

.form-signup-box { min-height: 282px; } 

.already-account { padding: 10px; background-color: #6558f5; text-align: center; border-radius: 0 0 10px 10px; } 

.already-account p { color: #D3CFFF; font-weight: normal; margin: 0; } 

.already-account a { color: #fff; font-weight: 500; text-decoration: underline; } 

.already-account a:hover { color: #fff; } 

.s-get-w { padding: 108px 0 58px 0; background-color: #f7f6fe; } 

.title-s-get { max-width: 240px; margin: 0 auto 46px; text-align: center; } 

.cont-s-get { display: flex; flex-wrap: wrap; justify-content: center; } 

.icon-s-get { margin-bottom: 25px; min-height: 70px; display: flex; align-items: center; justify-content: center; } 

.icon-s-get img { height: auto; width: auto; max-height: 70px; align-items: center; object-fit: contain; } 

.column-s-get { text-align: center; flex: 0 0 calc(20% - 30px); margin: 0 15px 50px; position: relative; } 

.column-s-get p { font-family: 'Rubik', sans-serif; font-weight: 500; margin: 0; } 

.needtoknow-w { padding: 100px 0 50px 0; } 

.banner-needtoknow { padding: 62px 0 62px 80px; background-color: #6558f5; border-radius: 8px; overflow: hidden; position: relative; } 

.banner-needtoknow h2 { color: #fff; margin: 0 0 10px 0; } 

.bneedtoknow-cont { margin: 0; max-width: 340px; } 

.banner-needtoknow p { margin: 0 0 20px 0; color: #D3CFFF; } 

.banner-needtoknow p img { height: auto; width: 15px; margin-right: 5px; } 

.img-needtoknow { width: 450px; position: absolute; right: 0; top: 0; } 

.img-needtoknow img { height: auto; max-width: 100%; } 

.banner-needtoknow p a { font-weight: bold; color: #fff; } 

.three-ss-w { padding: 60px 0 0 0; } 

.title-three-ss { max-width: 340px; margin: 0 auto 40px; text-align: center; } 

.title-three-ss h2 { margin: 0 0 10px 0; } 

.cont-three-ss { display: flex; flex-wrap: wrap; justify-content: center; } 

.column-three-ss { flex: 0 0 calc(33.333333% - 30px); margin: 0 15px 30px; position: relative; text-align: center; padding: 0 15px; } 

.img-three-ss { margin: 0 auto 30px; max-width: 230px; height: 256px; display: flex; align-items: flex-end; } 

.img-three-ss img { height: auto; max-width: 100%; } 

.column-three-ss h3 { margin: 0 0 10px 0; padding: 0; line-height: 1.3; } 

.column-three-ss p { margin: 0; } 

.banner-txt-w { background-color: #6558F5; padding: 87px 0; } 

.banner-txt { max-width: 290px; margin: 0 auto; text-align: center; } 

.banner-txt h1 { color: #fff; margin: 0 0 10px 0; } 

.banner-txt p { margin: 0; color: #D3CFFF; } 

.faq-w { padding: 60px 0 60px 0; } 

.title-faq { max-width: 450px; margin: 40px auto 0px; text-align: center; } 

.title-faq h2 { margin: 0 0 10px 0; } 

.title-faq h2 a { color: #000; text-decoration: underline; } 

.title-faq h2 a:hover { color: #6558F5; } 

.cont-faq { margin: 0 auto; max-width: 610px; } 

.cont-faq .card-header { border-bottom: 0; } 

.cont-faq .card { border: 0; background-color: #f5f4fc; margin-bottom: 3px; } 

.cont-faq .card button { font-weight: 500; color: #000000; padding: 8px 30px 8px 3px; text-decoration: none; outline: 0 none; } 

.cont-faq .card button:focus { box-shadow: none; } 

.cont-faq .card-header { background-color: transparent; } 

.cont-faq .card-body { padding-left: 20px; padding-right: 20px; padding-top: 0; } 

.cont-faq .card button.collapsed:before { background: url(../images/accordion-plus-icon.svg) no-repeat; width: 9px; content: ""; height: 9px; position: absolute; right: 25px; top: 25px } 

.cont-faq .card button:before { background: url(../images/accordion-minus-icon.svg) no-repeat; width: 9px; content: ""; height: 9px; position: absolute; right: 25px; top: 25px } 

/* Who we are */




.whoweare-w { padding: 108px 0; } 

.cont-whoweare { max-width: 610px; margin: 0 auto; padding: 0; } 

.cont-whoweare p { margin: 0 0 20px 0; } 

.cont-whoweare p strong { font-weight: 500 } 

/* Teams */




.banner-teams { background-color: #6558F5; } 

.cont-banner-teams { display: flex; flex-wrap: wrap; } 

.banner-teams h1 { color: #fff; margin: 0 0 10px 0; } 

.banner-teams p { margin: 0; color: #D3CFFF; } 

.txt-banner-teams { padding: 70px 0; width: 40%; } 

.img-banner-teams { width: 55%; margin-left: auto; align-items: flex-end; display: flex; } 

.img-banner-teams img { width: 100%; } 

.teams-w { padding: 108px 0; background-color: #f7f6fe; } 

.title-teams { max-width: 340px; margin: 0 auto 40px; text-align: center; } 

.title-teams h2 { margin: 0 0 10px 0; } 

.cont-teams { display: flex; flex-wrap: wrap; } 

.column-teams { flex: 0 0 calc(25% - 30px); margin: 0 15px 30px; text-align: center; } 

.img-team { margin: 0 0 20px 0; } 

.img-team img { max-width: 100%; height: auto; border-radius: 20px; } 

.column-teams p { margin: 0; color: #6558F5; font-weight: 500; font-family: 'Rubik', sans-serif; } 

.teams-modal .modal-body { padding: 0; } 

.teams-modal .modal-dialog { max-width: 610px; } 

.teams-desc { display: flex; margin: 0; padding: 20px; } 

.img-teamdesc { margin: 0; width: 40%; padding-top: 30px; text-align: center; } 

.img-teamdesc img { width: auto; max-width: 210px; height: auto; border-radius: 20px; } 

.cont-teamdesc { margin: 0; width: 60%; padding: 30px; } 

.cont-teamdesc h6 { color: #6558F5; margin: 0 0 30px 0; padding: 0; } 

.cont-teamdesc p { margin: 0; padding: 0; font-family: 'Rubik', sans-serif; font-weight: 500; } 

.close { border: 0; background-color: transparent; position: absolute; right: 20px; top: 20px; opacity: 1; } 

/* Career */




.career-small-w { padding: 108px 0; background-color: #f7f6fe; } 

.title-career-small { max-width: 370px; margin: 0 auto 0; text-align: center; } 

.title-career-small h2 { margin: 0 0 10px 0; } 

.title-career-small p { margin: 0 0 0 0; } 

.career-c-w { padding: 100px 0; } 

.cont-career-c { margin: 0 auto; } 

.grid-career { margin: 40px 0 0 0; } 

.img-career { margin: 0 0 30px 0; padding: 0; } 

.img-career img, img.wonderplugin-gridgallery-item-img { width: 100%; height: auto; border-radius: 10px; } 

.current-opp-w { padding: 108px 0; background-color: #f7f6fe; } 

.opp-boxes { margin: 0; padding: 0; } 

.opp-row-1 { display: flex; flex-wrap: wrap; margin-bottom: 0; } 

.opp-row-2 { display: flex; flex-wrap: wrap; margin-bottom: 50px; margin-left: 50px; } 

.opp-img-1 { margin: 108px 0 0 0; padding: 0; order: 1; width: 50%; } 

.opp-img-1 img, .opp-img-2 img { max-width: 100%; height: 400px; border-radius: 20px; object-fit: cover; } 

.opp-img-2 { margin: 0 0 0 0; padding: 0; width: 50%; position: relative; top: -250px; } 

.short-width { max-width: 370px; } 

.opp-cont-1 { margin: 0; width: 50%; } 

.opp-boxes h2 { margin: 0 0 10px 0; } 

.opp-boxes p { margin: 0 0 0 0; } 

.opp-cont-2 { margin: 100px 0 0 0; width: 50%; padding-left: 75px; } 

.opp-lisiting { margin: 40px 0; padding: 0; } 

.opp-lisiting table { width: 100%; } 

.opp-lisiting tr:nth-child(even) { background-color: #fff; } 

.opp-lisiting td, .opp-lisiting th { padding: 10px 20px; font-size: 14px; font-weight: 500; color: #262626; } 

.powredby { text-align: center; margin: 0; } 

.powredby p { margin: 0 0 0 0; font-family: 'Rubik', sans-serif; font-weight: 500; } 

/* Resources */




.resources-w { padding: 50px 0; } 

.category-resources { margin: 0 0 10px 0; } 

.title-cs { margin: 0 15px 30px 15px; padding: 0; display: flex; align-items: center; justify-content: space-between; } 

.title-cs h2 { margin: 0; padding: 0; } 

.category-r { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } 

.cc-r { flex: 0 0 calc(50% - 30px); margin: 0 15px 30px; } 

.r-full { margin: 0; border-radius: 20px; overflow: hidden; } 

.r-img { height: 272px; overflow: hidden; margin: 0; padding: 0; position: relative; } 

.r-img img { width: 100%; height: 272px; object-fit: cover; } 

.r-cont { padding: 30px 25px; } 

.r-cont h3 { margin: 0 0 10px 0; padding: 0; line-height: 1.3; } 

.r-cont p { margin: 0 0 15px 0; padding: 0; } 

.r-half { margin: 0 0 30px 0; border-radius: 20px; background-color: #f7f6ff; display: flex; flex-wrap: wrap; overflow: hidden; } 

.r-half .r-img { height: 238px; width: 44%; border-radius: 0; } 

.r-half .r-img img { height: 238px; } 

.r-half .r-cont { width: 56%; display: flex; flex-direction: column; padding: 25px; } 

.c-tag { background-color: #fff; text-align: center; border-radius: 8px; padding: 9px 10px; font-size: 11px; text-transform: uppercase; position: absolute; left: 0; left: 15px; top: 15px; z-index: 1; color: #000; font-weight: 500; font-family: 'Rubik', sans-serif; line-height: 1.0; } 

.c-tag.article { color: #6558F5; } 

.c-tag.casestudies { color: #0FC3FF; } 

.c-tag.softwareupdate { color: #FF8505; } 

.resources-misc { margin: 0; padding: 0; display: flex; flex-wrap: wrap; } 

.column-resmisc { border-radius: 20px; flex: 0 0 calc(33.333333% - 30px); background-color: #f7f6ff; margin: 0 15px 30px; position: relative; padding-bottom: 25px; } 

.category-ssu-resources .column-resmisc { background-color: #fff; } 

.column-resmisc .r-img, .column-resmisc .r-img img { height: 238px; } 

/* Single Software Update */




.banner-ssu { padding: 70px 0; background-color: #6558f5; } 

.img-banner-ssu { margin: 0; } 

.img-banner-ssu img { width: 100%; } 

.banner-ssu-info { max-width: 450px; } 

.banner-ssu-info h1 { color: #fff; margin: 0 0 15px 0; } 

.banner-ssu-info p { margin: 0; color: #D3CFFF; font-weight: 500; } 

.ssu-short-w { padding: 70px 0; background-color: #f7f6fe; } 

.cont-ssu-short { max-width: 610px; margin: 0 auto; } 

.cont-ssu-short p { margin: 0; font-weight: bold; } 

.ssu-maincont-w { padding: 70px 0; } 

.center-ssu { max-width: 610px; margin: 0 auto; } 

.center-ssu h3, .center-ssu h6 { margin: 0 0 15px 0; } 

.center-ssu a, .innerpage-body a { text-decoration: underline; color: #FF8505; font-weight: 500; } 

.center-ssu p { margin: 0 0 25px 0; } 

.center-ssu h6 { font-size: 1rem; font-weight: 500; font-family: 'Rubik', sans-serif; } 

.center-ssu ul, .innerpage-body ul, .cont-faq .card-body ul { margin: 0 0 30px 0; padding: 0; } 

.center-ssu ul li, .innerpage-body ul li, .cont-faq .card-body ul li { margin: 0; padding: 0 0 0 15px; list-style-type: none; position: relative; } 

.center-ssu ul li:before, .innerpage-body ul li:before, .cont-faq .card-body ul li:before { content: ""; position: absolute; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #0FC3FF; top: 9px; } 

.ssu-resources-w { padding: 108px 0 78px 0; background-color: #f7f6fe; } 

.title-ssu-resources { max-width: 370px; margin: 0 auto 40px; text-align: center; } 

.title-ssu-resources h2 { margin: 0 0 10px 0; } 

.title-ssu-resources p { margin: 0 0 0 0; } 

.category-ssu-resources { margin: 0; padding: 0; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; justify-content: center; } 

.category-ssu-resources .r-full { background-color: #fff; } 

.img-ssu { margin: 0 0 50px 0; } 

.img-ssu img { width: 100%; border-radius: 20px; } 

.img-ssu-frame { background-color: #f7f6ff; padding: 46px 80px 0 80px; margin: 0 0 50px 0; border-radius: 20px; } 

.img-ssu-frame img { width: 100%; } 

/* Single Article/Blog */




.banner-sa-w { padding: 77px 0 0 0; background-color: #6558f5; } 

.banner-sa-w h1 { color: #fff; margin: 0 0 20px 0; } 

.banner-sa-w p { margin: 0; color: #fff; font-weight: 500; font-family: 'Rubik', sans-serif; } 

.banner-sa-w p span { display: block; color: #FFF; } 

.img-banner-sa { margin: 50px 0 0 0; position: relative; } 

.img-banner-sa img { width: 100%; height: 472px; border-radius: 20px 20px 0 0; object-fit: cover; } 

.sa-w { margin: 0; } 

.testimonial-w-blog { background-color: #f8f7ff; padding: 62px 0; } 

.comma-img { margin: 0 0 20px 0; } 

.comma-img img { width: 20px; height: auto; } 

.cont-testimonial { max-width: 610px; } 

.testimonial-w-blog h3 { margin: 0 0 20px 0; padding: 0; line-height: 1.3; } 

.testimonial-w-blog p { margin: 0; color: #000000; font-weight: 500; } 

.testimonial-w-blog p span { display: block; color: #352E80; } 

.cont-ssu-short.left, .container-left { margin: 0 !important; } 

.blog-cta { max-width: 290px; margin-top: 67px; margin-bottom: 67px; background: #ffffff; text-align: center; padding-bottom: 37px; z-index: 100; } 

.blog-cta-img { padding: 0; margin: 0; background: #6558F5; border-top-left-radius: 10px; border-top-right-radius: 10px; } 

.blog-cta-img img { max-width: 290px; width: 100%; height: auto; } 

.blog-cta-txt { max-width: 210px; margin: 37px auto; text-align: center; } 

.blog-cta-txt h3 { font-size: 1.375rem; text-align: center; } 

.blog-cta-txt p { font-size: 0.875rem; text-align: center; } 

.blow-w { display: flex; flex-wrap: wrap; } 

.blog-content { flex-basis: 0; flex-grow: 999; min-width: 40%; } 

.sidebar { flex-grow: 1; flex-basis: 300px; align-self: start; position: sticky; top: 140px; } 

.banner-cs-w { padding: 57px 0 0 0; background-color: #6558f5; text-align: center; } 

.banner-cs-w h1 { color: #fff; margin: 0 0 20px 0; } 

.img-banner-cs { margin: 50px 0 0 0; position: relative; } 

.img-banner-cs img { width: 100%; height: 250px; border-radius: 20px 20px 0 0; object-fit: cover; } 

.case-logo { background-color: #fff; margin-bottom: 30px; padding: 15px; border-radius: 10px; display: inline-block; } 

.case-logo img { height: 50px; width: 100%; object-fit: contain; } 

.case-2col-w { padding: 100px 0; background-color: #f8f7ff; } 

.case-2col-w h3 { color: #6558F5; } 

.case-2col-w p { border-left: 3px solid #6558F5; padding-left: 20px; margin-left: 2px; } 

.testimonial-w-case { background-color: #6558F5; padding: 100px 0; } 

.comma-img { margin: 0 0 20px 0; } 

.comma-img img { width: 20px; height: auto; } 

.testimonial-w-case h3 { margin: 0 0 20px 0; padding: 0; line-height: 1.3; color: #fff; } 

.testimonial-w-case p { margin: 0; color: #352E80; font-weight: 500; } 

.testimonial-w-case p span { display: block; color: #fff; } 

/* Filters */






.filters-w { margin: 0 0 45px 0; } 

.filters-r { margin: 0 auto 10px; max-width: 670px; display: flex; flex-wrap: wrap; justify-content: center; } 

.filter-field-select { margin: 0; padding: 0 } 

.select-filter { padding: 0; margin: 0 10px 10px 0; flex: 0 0 calc(25% - 10px); margin: 0 5px 15px; background-color: #f9fbff; position: relative; } 

.select-filter:last-child { margin-right: 0 } 

.select-filter .dropdown { position: relative; } 

.select-filter a { padding: 12px 30px 12px 15px; background: url(../images/filter-arrow-up.svg) no-repeat right 20px center; text-align: left; display: block; width: 100%; box-shadow: none; background-color: #f9fbff; color: #000; } 

.select-filter .highlight { background: url(../images/filter-arrow-down.svg) no-repeat right 20px center; border-color: #6558F5 } 

.select-filter .dropdown-menu { display: none; border: 0; box-shadow: 0px 6px 6px #cccccc; min-width: 250px; padding: 0 } 

.select-filter .dropdown-menu li:first-child { background: #fcfcfc } 

.select-filter .dropdown-menu li { border-bottom: 1px solid #e8e9eb; color: #000; padding: 12px 18px 14px 18px; display: block } 

.select-filter .dropdown-menu li a { border: 0; text-align: right; background: none !important; padding: 0; color: #6558F5; font-weight: 500; } 

.select-filter .custom-control-label::before, .select-filter .custom-control-label::after { width: 20px; height: 20px; box-shadow: none !important } 

.select-filter .custom-control-input { width: 20px; height: 24px; } 

.select-filter .custom-control-label { padding-left: 12px; padding-top: 3px } 

.select-filter .dropdown-menu li:last-child { border-bottom: none } 

.filter-tag { padding: 0; text-align: center; } 

.f-tag { display: inline-block; margin: 0 10px 10px 0; background-color: #6558F5; color: #fff !important; padding: 8px 15px 8px 15px; color: #6558F5; border-radius: 5px; } 

.f-tag a:last-child { margin-right: 0 } 

.f-tag a { margin-left: 30px } 

.f-tag a img { width: 10px; height: auto; } 

/* Paging Navigation */




.paging-navigation { margin: 48px auto; text-align: center; } 

.paging-navigation .loop-pagination { margin-top: -5px; text-align: center; } 

.paging-navigation .page-numbers { display: inline-block; margin: 0 3px; padding-top: 8px; list-style-type: none; position: relative; } 

.paging-navigation a { border-radius: 50%; width: 40px; height: 40px; display: inline-block; text-align: center; font-size: 14px; border: 1px solid #5144D7; color: #5144D7; font-size: 14px; } 

.paging-navigation .page-numbers.current { border-radius: 50%; width: 40px; height: 40px; display: inline-block; padding-top: 8px; text-align: center; font-size: 14px; border: 1px solid #5144D7; color: #fff; font-size: 14px; background: #5144D7; ); } 

.paging-navigation a:hover { border-color: #5144D7; background: #5144D7; color: #fff; } 

.paging-navigation .dots { color: transparent; } 

.paging-navigation .dots:before { content: "..."; position: absolute; top: 5px; left: 0; color: #80868B; } 

/* Paging Navigation */




.modal-content { border-radius: 10px !important; } 

.sgpb-popup-builder-content-1049 { background: #6558F5; } 

.case-popup-w { padding: 0; display: flex; justify-content: center; margin: 0 auto; overflow: hidden; } 

.case-popup-w .col1-case { width: 50%; background: #6558F5 url(../images/case-left-popup-dots.svg) bottom right no-repeat; padding: 30px; min-height: 454px; border-radius: 8px 0 8px 0; } 

.case-popup-w .col1-case h2 { color: #fff; font-size: 2.286rem; margin-top: 90px; } 

.case-popup-w .col1-case h2 .span { color: #FF8505; } 

.case-popup-w .col1-case h3 { color: #fff; } 

.case-popup-w .col1-case p { color: #D3CFFF; } 

.case-popup-w .col2-case { width: 50%; background: #fff; padding: 30px; } 

.resumator-job-title { margin: 15px 0 0; padding: 15px 0 0 !important; } 

#resumator-logo { text-align: center !important; } 

.resumator-buttons a, .resumator-buttons input[type="button"] { display: inline-block; text-decoration: none !important; font-weight: bold; padding: 10px 15px; text-align: center; margin-right: 10px; background: #FF8505; color: #fff !important; line-height: 1; border: 0; } 

.formborder label { margin: 0 0 0px 0 !important; font-size: 14px !important; color: #000000; font-weight: 500!important; } 

.formborder input[type="text"], .formborder input[type="email"], .formborder input[type="tel"], .formborder textarea, .formborder select { background-color: #f0eff7 !important; padding: 10px 15px !important; border-radius: 8px !important; border: 0 !important; width: 100% !important; resize: none; margin-top: 10px; } 

.formborder select { -webkit-appearance: none; background: #f0eff7 url(../images/filter-arrow-up.svg) no-repeat center right 15px; } 

.formborder select:focus { -webkit-appearance: none; background: #f0eff7 url(../images/filter-arrow-down.svg) no-repeat center right 15px; } 

.formborder input[type="button"] { margin: 0 !important; border: 0 !important; padding: 14px 65px 14px 17px !important; background: #FF9D37 url(../images/btn-right-arrow.svg) no-repeat right center; color: #fff !important; font-weight: bold !important; text-align: center !important; display: inline-block !important; position: relative; float: right; } 

.formborder input[type="button"]:hover { background: #FF8505 url(../images/btn-right-arrow.svg) no-repeat right center; } 


.banner-countries { background-color: #6558F5; } 

.cont-banner-countries { display: flex; align-items: end; } 

.banner-countries h1 { color: #fff; margin: 0 0 10px 0; } 

.banner-countries p { margin: 0; color: #D3CFFF; } 

.txt-banner-countries { padding: 40px 0; max-width: 310px; } 

/* .img-banner-countries { margin-right: -100px; } */

.img-banner-countries img { width: 100%; max-width: 100%; height: auto; } 


.list-countries { background-color: #F8F7FF; padding: 60px 0; } 

.box-countries { border-radius: 20px; background: #fff; padding: 30px 20px; margin-bottom: 30px; height: calc(100% - 30px); } 

.box-countries .box-inner { border-radius: 6px; background: #f8f7ff; padding: 15px 10px; font-weight: 500; } 

.box-countries p {padding: 0; margin: 9px 0 6px 0;}

img.flag {max-width: 30px; max-height: 20px; width: 100%; height: 100%; object-fit: contain; }

#filters-search-txt{
	width: 100%;
	border: solid #ccc 1px;
	padding: 5px 10px;
	border-radius: 5px;
}
.list-countries .filters__search__submit {
  display: none;
}

/*
@media screen and (max-width:480px){
#chatpath-iframe {
  right: auto !important;
  top: 10px;
  padding-top: 0px;
  margin-top: 10px;
}
}
*/

/*Buttons list*/
.buttons-list{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  list-style-type: none;
  padding-left: 0;
}
.button{
  display: inline-block;
  text-decoration: none !important;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  background: #FF8505;
  color: #fff;
}
.button:hover{
  background: #e17807;
  color: #fff;
}
.button--white{
  background: #fff;
  color: #FF8505;
}
.button--white:hover{
  background: #ffe8cd;
  color: #FF8505;
}

/*Global Section styles*/
.section{

}
/*Header Content columns*/
.banner-columns{
  background-color: #6558f5;
  padding: 108px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.banner-columns .content-block *{
  color: #FFF;
}
.banner-columns__img{
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.banner-columns__row{
  margin-top: -15px;
  margin-bottom: -15px;
}
.banner-columns__col{
  padding-top: 15px;
  padding-bottom: 15px;
}

/*Image Cards*/
.image-cards{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.image-cards .content-block{
  text-align: center;
  margin-bottom: 50px;
}
.image-cards__list{
  margin-top: -15px;
  margin-bottom: -15px;
}
.image-cards__item{
  padding-top: 15px;
  padding-bottom: 15px;
}
.image-cards__item__img{
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
}
.image-cards__item__img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width:768px){
  .image-cards .content-block{
    text-align: center;
    margin-bottom: 30px;
  }
}
/*Text Image Cards*/
.text-image-cards{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.text-image-cards .text-image-cards__heading{
  text-align: center;
  margin-bottom: 50px;
}
.text-image-cards__list{
  margin-top: -15px;
  margin-bottom: -15px;
}
.text-image-cards__item{
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.text-image-cards__item__img{
  display: block;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 8px;
  overflow: hidden;
}
.text-image-cards__item__img img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width:768px){
  .text-image-cards .text-image-cards__heading{
    text-align: center;
    margin-bottom: 30px;
  }
}
/*Tabs Block*/
.tabs-block{

}
.tabs-block__nav{
  padding: 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  list-style-type: none;
  justify-content: center;
  margin-bottom: 50px;
}
.tabs-block__nav__item{

}

.tabs-block__nav__btn{
  display: inline-block;
  text-decoration: none !important;
  -webkit-appearance: none;
  border: 0;
  border-radius: 0;
  font-weight: bold;
  padding: 10px 15px;
  text-align: center;
  background: #f7f6ff;
  color: #262626;
  outline: none;
}
.tabs-block__nav__btn:focus{
  outline: none!important;
}
.tabs-block__nav__btn.active, .tabs-block__nav__btn:hover{
  background: #6558f5;
  color: #fff;
}
.tabs-block__tab{
  display: none;
}
.tabs-block__tab.active{
  display: block;
}
.tabs-block__tab .container{
  padding-left: 0;
  padding-right: 0;
}
.tabs-block__tab .blocks-margin-large{
  padding-top: 50px;
  padding-bottom: 50px;
}
@media screen and (max-width:768px){
  .tabs-block__nav{
    margin-bottom: 30px;
  }
}