/*-----------------------------------------------------------------------------------

 Theme Name: Affiliate Marketing
 Description: Lorem ipsum dolor sit amet, consectetur adipisicing elit.
 Author: Kapil Prajapati
-----------------------------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary-background:#1a4845; 
  --white-background:#fff;
  --black-background:#000;
  --primary-color:#1a4845;
  --black-color:#000;
  --white-color:#fff;
  --font-weight-100:100;
  --font-weight-200:200;
  --font-weight-300:300;
  --font-weight-400:400;
  --font-weight-500:500;
  --font-weight-600:600;
  --font-weight-700:700;
  --font-weight-800:800;
  --font-10:10px;
  --font-11:11px;
  --font-12:12px;
  --font-13:13px;
  --font-14:14px;
  --font-15:15px;
  --font-16:16px;
  --font-17:17px;
  --font-18:18px;
  --font-19:19px;
  --font-20:20px;
  --font-21:21px;
  --font-22:22px;
  --font-23:23px;
  --font-24:24px;
  --font-25:25px;
  --font-26:26px;
  --font-27:27px;
  --font-28:28px;
  --font-29:29px;
  --font-30:30px;
  --font-31:31px;
  --font-32:32px;
  --font-33:33px;
  --font-34:34px;
  --font-35:35px;
  --font-36:36px;
  --font-37:37px;
  --font-38:38px;
  --font-39:39px;
  --font-40:40px;
  --font-41:41px;
  --font-42:42px;
  --font-43:43px;
  --font-44:44px;
  --font-45:45px;
  --font-46:46px;
  --font-47:47px;
  --font-48:48px;
  --font-49:49px;
  --font-50:50px;
  --font-60:60px;
  --font-70:70px;
  --font-80:80px;
  --font-90:90px;
  --font-100:100px;
  --justify-center:center;
  --justify-spabe:space-between;
  --align-center:center;
  --primary-display:block;
  --secondary-display:flex;
  --display-inline:inline-block;
  --text-uppercase:uppercase;
  --text-capital:capitalize;
}
body{font-family: 'Poppins', sans-serif; }
p{font-family: 'Poppins', sans-serif;}
h1{ font-family: 'Poppins', sans-serif;}
h2{ font-family: 'Poppins', sans-serif;}
h3{ font-family: 'Poppins', sans-serif;}
h4{ font-family: 'Poppins', sans-serif; margin-bottom: 0;}
h5{font-family: 'Poppins', sans-serif;}
h6{font-family: 'Poppins', sans-serif;}
a{font-family: 'Poppins', sans-serif;}
li{font-family: 'Poppins', sans-serif;}
html {
  scroll-behavior: smooth;
}

/*=======================header ccss start============================*/
/* sticky menu css */
.is-sticky{position: fixed!important;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 2px 15px rgba(0,0,0,.1);}
.is-sticky{animation: smoothScroll 1s forwards; }
@keyframes smoothScroll {
    0% {transform: translateY(-150px); } 
    100% {transform: translateY(0px); }
}
.navbar{padding: 20px 0px; background-color: unset!important; position: absolute; z-index: 1; width: 100%;}
.navbar-brand{width: 13%;}
.navbar-brand img{width: 100%;}
.navbar-nav li a{color: #000; font-weight: 500;font-size: 14px;
    padding: .5rem 4px;}
.navbar-nav li{margin-right: 13px;}
.nav-right a{border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 16px; padding: 7px 20px; border-radius: 50px; }

/*========================header css end===========================*/
/*========================main banner css start===========================*/
.pxp-pl-80 {padding-left: 0px; }
.pxp-hero {position: relative; overflow: hidden; min-height: 922px; }
.pxp-hero.pxp-is-half {min-height: 460px; }
.pxp-hero-right-bg-card {background-color: #002745; position: absolute; right: 0; border-radius: 200px; width: 50%; height: 150%; bottom: 200px; transform: rotate(32deg); transform-origin: bottom left; }
.pxp-hero-right-bg-card.pxp-with-image {overflow: hidden; background-color: transparent; }
.pxp-hero-right-bg-card.pxp-with-image::before {content: ""; position: absolute; width: 100%; height: 100%; top: 28%; left: -9%; z-index: -1; background: var(--backgroundImage); transform: rotate(-32deg); background-size: cover; background-repeat: no-repeat; background-position: left bottom; }
.pxp-hero-right-bg-card.pxp-has-animation {transform: rotate(32deg) translateX(50px); opacity: 0; transition: all 0.4s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, opacity; }
.pxp-hero-right-bg-card.pxp-has-animation.pxp-animate {opacity: 1; transform: rotate(32deg) translateX(0); }
.pxp-hero-caption {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.pxp-hero h1 {font-size: 58px; line-height: 74px; letter-spacing: -3px; font-weight: 700; }
.pxp-hero-subtitle {font-size: 18px; }
.pxp-hero-form-round {background-color: #fff; box-shadow: 0px 6px 12px rgba(0,0,0,0.05); height: 70px; border-radius: 40px; padding-left: 20px; }
.pxp-hero-form-round.pxp-has-border {box-shadow: none; border: 1px solid #dedede; }
.pxp-hero-form-round.pxp-has-bg {box-shadow: none; background-color: #e6f0f9; }
.pxp-hero-form-round.pxp-bigger {height: 100px; border-radius: 30px; }
.pxp-hero-form-round.pxp-smaller {height: 60px; }
.pxp-header.pxp-is-sticky .pxp-hero-form-round.pxp-smaller {box-shadow: none; border: 1px solid #dedede; }
.pxp-hero-form-round form {height: 70px; }
.pxp-hero-form-round.pxp-bigger form {height: 100px; }
.pxp-hero-form-round.pxp-smaller form {height: 60px; }
.pxp-hero-form-round .form-floating > label {font-weight: 500; }
.pxp-hero-form-round form button {width: 54px; height: 54px; border: 0 none; font-size: 13px; margin-right: 13px; border-radius: 27px; color: #fff; background-color: #0969C3; transition: var(--pxpHoverTransition); transition-property: background-color; }
.pxp-hero-form-round.pxp-bigger form button {height: 66px; width: auto; border-radius: 20px; margin-right: 20px; padding-left: 20px; padding-right: 20px; }
.pxp-hero-form-round.pxp-large form button {width: auto; padding-left: 20px; padding-right: 20px; }
.pxp-hero-form-round.pxp-smaller form button {width: 48px; height: 48px; margin-right: 8px; }
.pxp-header.pxp-is-sticky .pxp-hero-form-round.pxp-smaller form button {margin-top: -2px; margin-right: 7px; }
.pxp-hero-form-round form button:hover {background-color: #002745; }
.pxp-hero-form-round form .pxp-has-left-border {border-left: 1px solid #dedede; }
.pxp-hero-form-round.pxp-has-bg form .pxp-has-left-border {border-left: 1px solid #fff; }
.pxp-hero-form-round form .form-control, .pxp-hero-form-round form .form-select {border: 0 none; font-weight: 300; color: #17171D; background-color: transparent; }
.pxp-hero-form-round form .form-control:focus, .pxp-hero-form-round form .form-select:focus {box-shadow: none; }
.pxp-hero-form .input-group .input-group-text {padding-right: 0; color: #17171D; border: 0 none; background-color: transparent; opacity: .7; }
.pxp-hero-form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 1px; }
.pxp-hero-searches-container {margin-top: 60px; }
.pxp-hero-searches-container.pxp-smaller {width: 80%; }
.pxp-hero-searches-label {font-weight: 600; }
.pxp-hero-searches-items > a {background-color: rgba(9,105,195,0.05); color: #0969C3; font-size: 13px; display: inline-block; border-radius: 50px; padding: 7px 15px; text-decoration: none; margin-right: 5px; margin-bottom: 10px; transition: var(--pxpHoverTransition); transition-property: background-color, color; }
.pxp-hero-searches-items > a:hover {background-color: #0969C3; color: #fff; }
.pxp-hero-searches-items {margin-top: 10px; }
.pxp-hero-logos-carousel-container {position: absolute; left: 0; right: 0; bottom: 60px; z-index: 3; }
.pxp-hero-logos-carousel {margin-top: 60px; }
.pxp-hero-logos-carousel.owl-carousel .owl-stage {display: flex; align-items: center; }
.pxp-hero-cards-container {position: relative; }
.pxp-hero-card {position: relative; width: 77%; height: 64vh; min-height: 560px; background-color: black; border-radius: 40px; z-index: 5; }
.pxp-animate-cards .pxp-hero-card {transition: .6s cubic-bezier(0.215,0.61,0.355,1); transition-property: opacity, transform; transform: translateX(50px); opacity: 0; }
.pxp-animate-cards .pxp-hero-card.pxp-animate {transform: translateX(0); opacity: 1; }
.pxp-hero-card-dark {position: absolute; top: 0; left: 0; width:77%; height: 64vh; min-height: 560px; background-color: #0969C3; z-index: 4; transform: rotate(7deg); border-radius: 40px; transform-origin: bottom left; }
.pxp-animate-cards .pxp-hero-card-dark {transition: .6s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform; transform: rotate(0); top: 0; left: 0; opacity: 0; }
.pxp-animate-cards .pxp-hero-card-dark.pxp-animate {transform: rotate(7deg); opacity: 1; }
.pxp-hero-card-light {position: absolute; top: 0; left: 0; width: 77%; height: 64vh; min-height: 560px; background-color: #e6f0f9; z-index: 3; transform: rotate(14deg); border-radius: 40px; transform-origin: bottom left; }
.pxp-animate-cards .pxp-hero-card-light {transition: .6s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform; transform: rotate(0); top: 0; left: 0; opacity: 0; }
.pxp-animate-cards .pxp-hero-card-light.pxp-animate {transform: rotate(14deg); opacity: 1; }
.pxp-hero-card-info-container {position: absolute; right: 0; top: 40%; z-index: 6; }
.pxp-hero-card-info {top: 0; left: 0; right: 0; background-color: #fff; border-radius: 30px; box-shadow: 0px 15px 30px rgba(0,0,0,0.2); overflow: hidden; max-height: 255px; padding: 15px 0; width: 270px; height: 255px; opacity: 1; display: flex; justify-content: center; flex-direction: column; }
.pxp-hero-card-info.pxp-animate-bounce {opacity: 0; }
.pxp-hero-card-info.pxp-animate-bounce.animate__animated {opacity: 1; }
.pxp-hero-card-info.pxp-no-vertical-animation {height: auto; max-height: none; }
.pxp-hero-card-info-item {display: block; padding: 15px 0; position: absolute; opacity: 0; left: 30px; right: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; will-change: transform, opacity; animation: carousel-animate-vertical 15s linear infinite; }
.pxp-no-vertical-animation .pxp-hero-card-info-item {will-change: unset; animation: none; opacity: 1; position: unset; padding: 15px 30px; }
.pxp-hero-card-info-item:nth-child(1) {animation-delay: calc(3s * -1); }
.pxp-hero-card-info-item:nth-child(2) {animation-delay: calc(3s * 0); }
.pxp-hero-card-info-item:nth-child(3) {animation-delay: calc(3s * 1); }
.pxp-hero-card-info-item:nth-child(4) {animation-delay: calc(3s * 2); }
.pxp-hero-card-info-item:last-child {animation-delay: calc(-3s * 2); }
@keyframes carousel-animate-vertical {
    0% {transform: translateY(200%); opacity: 0; visibility: hidden; } 
    3%, 20% {transform: translateY(100%); opacity: 1; visibility: visible; } 
    23%, 40% {transform: translateY(0); opacity: 1; visibility: visible; }
    43%, 60% {transform: translateY(-100%); opacity: 1; visibility: visible; }
    63% {transform: translateY(-200%); opacity: 0; visibility: visible; }
    100% {transform: translateY(-300%); opacity: 0; visibility: hidden; }
}
.pxp-hero-card-info-item-number {font-size: 28px; font-weight: 700; line-height: 28px; white-space: nowrap; }
.pxp-hero-card-info-item-number > span {font-size: 16px; font-weight: 600; margin-left: 10px; }
.pxp-hero-card-info-item-description {font-size: 13px; line-height: 13px; opacity: .7; white-space: nowrap; }
.pxp-hero-center-carousel {position: absolute; width: 36%; left: 50%; transform: translateX(-50%); top: 0; bottom: 18%; overflow: hidden; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: #dedede; }
.pxp-hero-center-carousel.pxp-has-animation {opacity: 0; transition: 1s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, opacity; transform: translate(-50%, -20px); }
.pxp-hero-center-carousel.pxp-has-animation.pxp-animate {opacity: 1; transform: translate(-50%, 0); }
.pxp-hero-center-carousel .carousel, .pxp-hero-center-carousel .carousel-inner, .pxp-hero-center-carousel .carousel-item {height: 100%; }
.pxp-hero-stats-item {background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); border-radius: 30px; overflow: hidden; padding: 30px; margin-top: 10px; position: absolute; min-width: 260px; }
.pxp-hero-stats-item.pxp-has-animation {opacity: 0; transition: .4s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, opacity; transform: translateX(20px); }
.pxp-hero-stats-item.pxp-has-animation.pxp-animate {opacity: 1; transform: translateX(0); }
.pxp-hero-stats-item:nth-child(1) {top: 20%; right: 20%; }
.pxp-hero-stats-item:nth-child(2) {top: 40%; right: 23%; }
.pxp-hero-stats-item:nth-child(3) {top: 60%; right: 26%; }
.pxp-hero-stats-item-number {font-size: 28px; font-weight: 700; line-height: 28px; white-space: nowrap; }
.pxp-hero-stats-item-number > span {font-size: 16px; font-weight: 600; margin-left: 10px; }
.pxp-hero-stats-item-description {font-size: 13px; line-height: 13px; opacity: .7; white-space: nowrap; }
.pxp-header-side-image img {width: 100%; height: auto; }
.pxp-header-side-image.pxp-has-animation {transition: .6s cubic-bezier(0.215,0.61,0.355,1); transition-property: opacity, transform; transform: translateX(50px); opacity: 0; }
.pxp-header-side-image.pxp-has-animation.pxp-animate {transform: translateX(0); opacity: 1; }
.pxp-hero.pxp-hero-boxed {margin-top: 120px; min-height: auto; }
.pxp-hero-boxed-content {padding: 80px; margin-left: -80px; margin-right: -80px; border-radius: 60px; }
.pxp-hero-boxed-circulars {width: 100%; position: relative; }
.pxp-hero-boxed-circulars.pxp-animate-circles-bounce {opacity: 0; }
.pxp-hero-boxed-circulars.pxp-animate-circles-bounce.animate__animated {opacity: 1; }
.pxp-hero-boxed-circular-outer {position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid #002745; border-radius: 50%; animation: spinRight 50s linear infinite; opacity: .1; }
@keyframes spinRight {
    100% {transform: rotate(360deg); } 
    }
.pxp-hero-boxed-circular-outer-1 {position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-outer-2 {position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 20px; height: 20px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-outer-3 {position: absolute; top: 50%; right: -13px; transform: translateY(-50%); width: 26px; height: 26px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-middle {position: absolute; top: 48px; right: 48px; bottom: 48px; left: 48px; border: 2px solid #002745; border-radius: 50%; animation: spinLeft 40s linear infinite; opacity: .3; }
@keyframes spinLeft {
    100% {transform: rotate(-360deg); }
}
.pxp-hero-boxed-circular-middle-1 {position: absolute; top: -7px; left: 50%; transform: translateX(-50%); width: 14px; height: 14px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-middle-2 {position: absolute; top: 50%; left: -10px; transform: translateY(-50%); width: 20px; height: 20px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-middle-3 {position: absolute; top: 50%; right: -13px; transform: translateY(-50%); width: 26px; height: 26px; background-color: #002745; border-radius: 50%; }
.pxp-hero-boxed-circular-center {position: absolute; top: 96px; right: 96px; bottom: 96px; left: 96px; border-radius: 50%; background-color: #002745; }
.pxp-hero-boxed-icon-circles {position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.pxp-hero-boxed-icon-circle-1 {position: absolute; top: 140px; left: 45%; transform: translateX(-50%); background-color: #e6f0f9; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.pxp-hero-boxed-icon-circle-1.pxp-animate-icon-circle-bounce {opacity: 0; }
.pxp-hero-boxed-icon-circle-1.pxp-animate-icon-circle-bounce.animate__animated {opacity: 1; }
.pxp-hero-boxed-icon-circle-1 img {width: 24px; height: 30px; }
.pxp-hero-boxed-icon-circle-2 {position: absolute; bottom: 190px; right: 190px; background-color: var(--pxpSecondaryColor); width: 80px; height: 80px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.pxp-hero-boxed-icon-circle-2.pxp-animate-icon-circle-bounce {opacity: 0; }
.pxp-hero-boxed-icon-circle-2.pxp-animate-icon-circle-bounce.animate__animated {opacity: 1; }
.pxp-hero-boxed-icon-circle-2 img {width: 40px; height: 40px; }
.pxp-hero-boxed-info-cards {position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.pxp-hero-boxed-info-card-big {position: absolute; top: 0; right: 0; padding-top: 60px; max-width: 260px; }
.pxp-hero-boxed-info-card-big-content {background-color: #fff; border-radius: 30px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); text-align: center; }
.pxp-hero-boxed-info-card-big-icon {position: relative; transform: translateY(-60px); display: inline-block; }
.pxp-hero-boxed-info-card-big-icon::before {content: ""; background-color: #FFF8EC; display: block; position: absolute; z-index: 1; width: 100px; height: 100px; left: 50%; transform: translateX(-50%); bottom: -20px; border-radius: 30px; }
.pxp-hero-boxed-info-card-big-icon img {position: relative; height: 112px; width: auto; z-index: 2; }
.pxp-hero-boxed-info-card-big-title {padding: 0 30px; font-size: 18px; font-weight: 600; }
.pxp-hero-boxed-info-card-big-text {padding: 30px; }
.pxp-hero-boxed-info-card-small {position: absolute; top: 30%; left: 0; max-width: 260px; }
.pxp-hero-boxed-info-card-small-content {background-color: #fff; border-radius: 30px; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); display: flex; align-items: center; height: 100px; }
.pxp-hero-boxed-info-card-small-icon {position: relative; transform: translate(-28px,30px); }
.pxp-hero-boxed-info-card-small-icon::before {content: ""; background-color: #FFF8EC; display: block; position: absolute; z-index: 1; width: 75px; height: 75px; top: -23px; left: 40px; border-radius: 20px; }
.pxp-hero-boxed-info-card-small-icon img {position: relative; height: 90px; width: auto; z-index: 2; }
.pxp-hero-boxed-info-card-small-title {font-size: 18px; font-weight: 600; }
.pxp-hero-boxed-info-list-container {position: absolute; left: 10%; bottom: 0; }
.pxp-hero-boxed-info-list {top: 0; left: 0; right: 0; background-color: #fff; border-radius: 30px; box-shadow: 0px 15px 30px rgba(0,0,0,0.2); overflow: hidden; max-height: 255px; padding: 15px 30px; width: 270px; height: 255px; opacity: 1; display: flex; justify-content: center; flex-direction: column; }
.pxp-hero-boxed-info-list-item {display: block; padding: 15px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pxp-hero-boxed-info-list-item-number {font-size: 28px; font-weight: 700; line-height: 28px; white-space: nowrap; }
.pxp-hero-boxed-info-list-item-number > span {font-size: 16px; font-weight: 600; margin-left: 10px; }
.pxp-hero-boxed-info-list-item-description {font-size: 13px; line-height: 13px; opacity: .7; white-space: nowrap; }
.pxp-animate-info-card {opacity: 0; }
.pxp-animate-info-card.animate__animated {opacity: 1; }
.pxp-hero-opacity {background-color: rgba(0,0,0,0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; }
.pxp-hero-opacity.pxp-opacity-10 {background-color: rgba(0,0,0,0.1); }
.pxp-hero-opacity.pxp-opacity-20 {background-color: rgba(0,0,0,0.2); }
.pxp-page-header-simple {padding: 60px 0; margin-top: 80px; }
.pxp-page-header-simple h1 {font-weight: 700; font-size: 48px; letter-spacing: -2px; }
.pxp-page-image-hero {background-color: #e6f0f9; height: 460px; position: relative; }
.pxp-page-image-hero-caption {position: absolute; left: 0; right: 0; bottom: 60px; z-index: 2; }
.pxp-page-image-hero h1 {font-weight: 700; font-size: 58px; letter-spacing: -2px; color: #fff; }
.pxp-no-hero {padding-top: 80px; }
.entry-content.pxp-has-margin {margin-top: 80px; }
.pxp-cover-top {background-position: center top; }
.pxp-cover {background-size: cover; background-position: center center; background-repeat: no-repeat; }
.pxp-hero-logos-carousel{margin-top: 80px;}
/*========================main banner css end===========================*/

/*========================shop cat css start===========================*/
.shop-cat-head{display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
.shop-cat-title h4{color: #000; font-weight: 700; font-size: 33px; margin-bottom: 15px;}
.shop-cat-title p{font-size: 15px; color: #000;}
.shop-cat-head a{color: #0969C3; text-decoration: none; font-size: 18px;}
.shop-cat-head a i{transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: margin-left; } 
.shop-cat-head a:hover{color: #002745;}
.shop-cat-head a:hover i{margin-left: 15px;}
.shop-cat-wrapper{padding: 70px 0px 50px;}
.shop-cat-box{background-color: #e6f0f9; padding: 20px; border-radius: 20px; text-align: center; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color, color;}
.shop-cat-icon{background-color: #fff; border-radius: 30px; box-shadow: 0px 10px 20px rgba(0,0,0,0.04); padding: 30px; display: inline-block; font-size: 42px; line-height: 42px; color: #17171D; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color, color;}
.shop-cat .owl-item a:hover .shop-cat-icon{ background-color: #0969C3; color: #fff; }
.shop-cat .owl-item a:hover .shop-cat-box{background-color:#17171D; }
.shop-cat-box h5{transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: color; color: #17171D; font-weight: 600; font-size: 17px; margin-top: 30px; height: 50px;}
.shop-cat .owl-item a:hover .shop-cat-box h5{color: #fff;}
.shop-cat .owl-item a{text-decoration: none;}
.shop-cat-box p{transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: color; color: #17171D; font-size: 15px; margin-top: 20px; margin-bottom: 10px; }
.shop-cat .owl-item a:hover .shop-cat-box p{color: #fff;}
.shop-cat .owl-dots button{border: 1px solid #999!important; background-color: #999!important; width: 10px; height: 10px; border-radius: 50px; margin-right: 10px; margin-bottom: 9px;}
.shop-cat .owl-dots button.active{background-color: #17171D!important;width: 40px;}
.shop-cat .owl-dots{justify-content: center;display: flex;position: absolute;bottom: -65px;right: 0;left: 0;align-items: center;margin: 0 auto;}
.shop-cat .owl-dots button:focus{outline: none; box-shadow: none;}

/*========================shop cat css end===========================*/

/*========================features sec css start===========================*/
.feat-offer-wrapper{background-color: #fff8ec; padding: 70px 0px; margin-top: 70px;}
.landing-wrapper{background-color: #e6f0f9; padding: 70px 0px; margin-top: 70px;}
.feat-off-head{margin-bottom: 70px;}
.feat-off-head h4{color: #000; font-weight: 700; font-size: 33px; margin-bottom: 15px; }
.feat-off-head p{font-size: 15px; color: #000; }
.feat-off-box{width: 100%;background-color: #fff;padding: 15px;border-radius: 20px; margin-bottom: 30px;}
.feat-off-box a{text-decoration: none; color: #17171d; }
.feat-off-box a h5{font-weight: 700; margin-bottom: 30px; }
.category-feat{font-size: 15px; margin-bottom: 29px; display: block; }
.category-feat i{padding: 11px; background-color: #e6f0f9; border-radius: 8px; margin-right: 10px; }
.location-feat{display: flex; align-items: center; justify-content: space-between;}
.location-feat a i{margin-right: 7px; }
.location-feat a{font-size: 14px;}
.location-feat p{font-size: 14px;margin-bottom: 0px;}
.company-detail{display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.company-detail p{margin-bottom: 5px; font-size: 14px; }
.company-detail h5{font-size: 16px; color: #000; margin-bottom: 0; }
.company-detail img{width: 60px; height: 60px; border-radius: 20px; }
.all-job-off-btn{ margin-top: 30px; }
.all-job-off-btn a{transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property:background-color, color; background-color: #fd564e; color: #fff; text-decoration: none; padding: 10px 25px; border-radius: 50px;}
.all-job-off-btn i{transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: margin-left; margin-left: 10px;}
.all-job-off-btn a:hover{background-color:#17171d; color: #fff;}
.all-job-off-btn a:hover i{margin-left: 15px;}
/*========================features sec css end===========================*/

/*========================cta sec css start===========================*/
.double-gap-top {padding-top: 100px; }
.double-gap-bottom {padding-bottom: 100px; }
.parallax,.fixed-bg{height:100%; width:100%; margin:0; position:absolute; left:0; top:0; z-index:-1; background-size: cover !important; }
.layer.color::before {opacity: 0.8; }
.layer:before {content: ""; height: 100%; opacity: 0.95; z-index: 0; position: absolute; left: 0; top: 0; width: 100%; }
.layer.color::before{background-color: #141f72; }
.simple-text-block {float: left; width: 100%; text-align: center; }
.simple-text-block > h3 {float: left; width: 100%; font-size: 40px; color: #ffffff; font-weight: bold; margin: 0; margin-bottom: 20px; }
.simple-text-block span {float: left; width: 100%; font-size: 18px; color: #ffffff; }
.simple-text-block a {float: none; display: inline-block; border: 2px solid; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 13px 30px; font-size: 15px; margin-top: 40px; color: #ffffff; text-decoration: none; }
.cta-wrapper{position: relative;}

/*========================cta sec css end===========================*/

/*========================career tip sec css start===========================*/
.career-tip-wrap{position: relative;}
.parallax.no-parallax {background-attachment: scroll !important; background-position: inherit !important; }
.heading {float: left; width: 100%; text-align: center; margin-bottom: 40px; }
.heading > h2 {float: left; width: 100%; margin: 0; font-weight: bold; font-size: 30px; color: #202020; line-height: 23px; margin-bottom: 10px; }
.heading span {float: left; width: 100%; font-size: 15px; color: #888888; margin-top: 8px; line-height: 29px; }
.blog-sec {float: left; width: 100%; margin-top: -30px;     margin-bottom: 80px;}
.my-blog {float: left; width: 100%; background: #ffffff; margin-top: 30px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; overflow: hidden; }
.blog-thumb {float: left; width: 100%; position: relative; }
.blog-thumb > a {float: left; width: 100%; }
.blog-thumb > a img {float: left; width: 100%; }
.blog-metas {position: absolute; left: 0; bottom: 0; background: #ffffff; width: 76%; left: 12%; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; -ms-border-radius: 6px 6px 0px 0px; -o-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; text-align: center; padding: 12px 0; padding-bottom: 12px; padding-bottom: 0; z-index: auto; margin-bottom: -1px; }
.blog-metas a{color: #fd564e;float: none;display: inline-block;font-size: 13px;padding: 0 10px;position: relative;text-decoration: none;}
.blog-metas a::before {position: absolute; right: -3px; top: 0px; width: 1px; height: 90%; content: ""; }
.blog-metas a::before {background-color: #fb236a; }
.blog-details {float: left; width: 100%; text-align: center; padding: 0 10px; border: 1px solid #e8ecec; -webkit-border-radius: 0px 0px 6px 6px; -moz-border-radius: 0px 0px 6px 6px; -ms-border-radius: 0px 0px 6px 6px; -o-border-radius: 0px 0px 6px 6px; border-radius: 0px 0px 6px 6px; }
.blog-details h3 {float: left; width: 100%; font-size: 16px; color: #232323; margin: 0; margin-top: 0px; margin-bottom: 0px; margin-top: 16px; margin-bottom: 20px; }
.blog-details h3 a{color: #000; text-decoration: none; font-weight: 600;}
.blog-details p {float: left; width: 100%; font-size: 13px; color: #888888; line-height: 24px; margin-bottom: 20px; }
.blog-details > a {float: left; width: 100%; text-align: center; border-top: 1px solid #e8ecec; font-size: 15px; padding: 17px 0; color: #fd564e; text-decoration: none; }
.blog-metas a:last-child::before{display: none;}
.career-tip-wrap{padding: 85px 0px;}
/*-- jp ragister Wrapper Start --*/
.jp_register_section_main_wrapper{display: flex; }
.jp_regis_left_side_box_wrapper{float:left; width: 33%; text-align:center; background:#eeeeee; border:1px solid #e9e9e9; border-bottom: unset; border-right:0; padding-top: 70px; padding-bottom: 70px; position: relative; }
.jp_regis_left_side_box{display:inline-block; }
.jp_regis_left_side_box h4{font-size: 25px; font-weight:bold; color:#000000; text-transform:uppercase; padding-top: 34px; position:relative; }
.jp_regis_left_side_box h4:before {content: ''; border: 1px solid #f2575c; width: 8px; position: absolute; bottom: -15px; left: -45px; right:0; margin:0px auto; }
.jp_regis_left_side_box h4:after {content: ''; border: 1px solid #f2575c; width: 30px; position: absolute; bottom: -15px; left: 0; right:0; margin:0px auto; }
.jp_regis_left_side_box p{padding-top: 42px; color: #000; width: 100%; margin: 0 auto; font-size: 12px; }
.jp_regis_left_side_box ul{display:inline-block; margin-top:25px; list-style-type: none; padding-left: 0; margin-bottom: 0; }
.jp_regis_left_side_box li a{float:left; width:230px; height:50px; text-align:center; line-height:50px; color:#ffffff; font-weight:bold; background: #f2575c; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; text-decoration: none; }
.jp_regis_left_side_box li a:hover{background:#f36964; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.jp_regis_right_side_box_wrapper{float:left; width: 33%; padding-top: 70px; padding-bottom: 72px; background:url('../images/condi_bg.webp') 50% 0 repeat-y; background-position:center 0; background-size:cover; background-repeat:no-repeat; position:relative; text-align:center; }
.jp_regis_right_img_overlay{position:absolute; top:0%; left:0%; right:0%; bottom:0%; background:#414c8deb; }
.jp_regis_right_side_box{display:inline-block; position:relative; }
.jp_regis_right_side_box h4{font-size: 25px; font-weight:bold; color:#ffffff; text-transform:uppercase; padding-top: 34px; position:relative; }
.jp_regis_right_side_box h4:before {content: ''; border: 1px solid #ffffff; width: 8px; position: absolute; bottom: -15px; left: -45px; right:0; margin:0px auto; }
.jp_regis_right_side_box h4:after {content: ''; border: 1px solid #ffffff; width: 30px; position: absolute; bottom: -15px; left: 0; right:0; margin:0px auto; }
.jp_regis_right_side_box p{padding-top: 42px; color: #fff; width: 100%; margin: 0 auto; font-size: 12px; }
.jp_regis_right_side_box ul{display:inline-block; margin-top:25px; padding-left: 0; list-style-type: none; margin-bottom: 0; }
.jp_regis_right_side_box li a{float:left; width:230px; height:50px; text-align:center; line-height:50px; color: #39386e; font-weight:bold; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 0; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; text-decoration: none; }
.jp_regis_right_side_box li a:hover{background:#23c0e9; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
.jp_regis_center_tag_wrapper{width: 50px; height: 50px; background: #f2575c; position: absolute; left: -24px; top: 50%; margin-top: -20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.jp_regis_center_tag_wrapper p{color:#ffffff; font-weight:bold; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 14px; }
/*-- jp ragister Wrapper End --*/
/*========================career tip sec css end===========================*/

/*========================company logo sec css start===========================*/

.partner-logo-wrap{background-color: #002745; padding: 80px 0px 179px;}
.partner-logo-head{text-align: center;}
.partner-logo-head h6{color: #fff; font-size: 18px; margin-bottom: 16px;} 
.partner-logo-head h4{color: #fff;     font-size: 34px; font-weight: 700;}
.partner-sec-main{background-color: #eaf1fb; border-radius: 30px; padding: 0px; margin-top: -120px;}
.partner-logo-slider{border-bottom: 1px solid #ccc; padding: 40px 50px 15px;}


/*========================company logo sec css end===========================*/

/*===============================counter sec css start=============================*/
#counter {background: unset; padding: 0px 0px 0px; width: 100%; max-width: 100%; margin: 0 auto; display: flex; justify-content: center; list-style-type: none; }
#counter li {/* flex: 1; */ text-align: center; font-size: 42px; color: #1766d2; font-weight: 700; display: block; margin-right: 70px; }
#counter li:last-child{margin-right: 0px;}
#counter span.percent:after {/*content: "%";*/ display: inline-block; }
.counter-main {background-size: cover; background-position: 80%; padding: 21px; margin-top: 0px; background-image: unset!important; }
#counter li p {font-size: 18px; margin-top: 0px; color: #000; margin-bottom: 0; }
.count-icon .icon-bx-lg {border-radius: 10px; margin-bottom: 12px; position: relative; background: linear-gradient(90deg, #b87a30 50%, transparent 50%), linear-gradient(90deg, #b87a30 50%, transparent 50%), linear-gradient(0deg, #b87a30 50%, transparent 50%), linear-gradient(0deg, #b87a30 50%, transparent 50%); background-repeat: repeat-x, repeat-x, repeat-y, repeat-y; background-size: 8px 3px, 8px 3px, 3px 8px, 3px 8px; background-position: 0% 0%, 100% 100%, 0% 100%, 100% 0px; }
.count-icon .icon-bx-lg {display: inline-block; text-align: center; border-radius: 3px; width: 120px; height: 120px; line-height: 120px; }
.count-icon .icon-bx-lg i {font-size: 50px; vertical-align: middle; color: #b87a30; }
#counter li:hover .count-icon .icon-bx-lg {animation: dash 5s linear infinite; }
#counter li:hover .count-icon .icon-bx-lg i {animation: shake 1s; }
/*===============================counter sec css End=============================*/

/*===============================footer sec css start=============================*/
.footer-top-wrapp {background-color: #fff8ec; padding: 40px; margin-top: 80px; }
.footer-top-heading {display: flex; justify-content: space-between; align-items: center; }
.footer-top-heading h4 {font-size: 33px; font-weight: 700; margin-bottom: 19px; }
.footer-top-heading p {margin-bottom: 0; font-size: 15px; color: #000; }

/*.footer-top-heading a {transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color, color; background-color: #fd564e; color: #fff; text-decoration: none; padding: 10px 25px; border-radius: 50px; }
*/
.footer-top-heading a {
    transition: 300ms cubic-bezier(0.215,0.61,0.355,1);
    transition-property: background-color, color;
    background-color: #fd564e;
    color: #fff;
    text-decoration: none;
    padding: 10px 25px;
    border-radius: 50px;
    display: block;
    width: 17%;
    text-align: center;
    margin-left: 20px;
}

.footer-top-heading a:hover {background-color: #17171d; color: #fff; }
.main-footer{background-color: #e6f0f9; padding: 50px 0px 40px;}
.footer-about img{width: 60%; margin-bottom: 55px;}
.footer-about p{font-size: 15px; color: #000; margin-bottom: 0px;}
.footer-link{padding-left: 60px;}
.footer-link h5{color: #002745; font-weight: 700; margin-bottom: 20px; font-size: 21px;}
.footer-link ul{padding-left: 0; list-style-type: none; margin-bottom: 0px;}
.footer-link ul li{margin-bottom: 15px;}
.footer-link ul li a{text-decoration: none; color: #000; font-size: 15px;}
.footer-link ul li:nth-child(odd){float: left; width: 50%; }
.footer-link ul li:nth-child(even){float: right; width: 50%; }
.footer-contact h5{color: #002745; font-weight: 700; margin-bottom: 20px; font-size: 21px;} 
.footer-contact ul{padding-left: 0; list-style-type: none; margin-bottom: 0px;}
.footer-contact ul li{display: flex; align-items: center; margin-bottom: 20px;}
.footer-contact ul li i{color: #fd564e; font-size: 20px; margin-right: 16px; }
.footer-contact ul li p{margin-bottom: 0px; font-size: 15px; color: #000;}
.footer-contact ul li p a{margin-bottom: 0px; text-decoration:none;color: #000;}

.copyright{background-color: #fff8ec;}
.copyright-con{display: flex; align-items: center; justify-content: space-between; padding: 20px;}
.copyright-con p{margin-bottom: 0px;}
.copyright-con ul{padding-left: 0; list-style-type: none;display: flex; margin-bottom: 0;}
.copyright-con ul li{margin-left: 20px;}
.copyright-con ul li a{text-decoration: none;}
.copyright-con ul li a i{width: 40px; height: 40px; background-color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50px; color: #fd564e; }
.copyright-con ul li a:hover i{ background-color: #fd564e; color: #fff; }

/*===============================footer sec css End=============================*/

/*===============================inner banner sec css start=============================*/
.inner-banner-wrapper{min-height: 600px; background-repeat: no-repeat; background-size: cover; position: relative;}
.inner-bannner-overlay{background-color: #0000; position: absolute; width: 100%; height: 100%; top: 0; left: 0;}
.inner-banner-content{display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; position: absolute; }
.inner-ban-con h2{font-size: 45px; color: #fff; width: 75%; font-weight: 700; text-align: center; margin: 0 auto; }


/*===============================inner banner sec css End=============================*/

/*===============================about us page css start=============================*/

.about-mid-head {text-align: center; margin-bottom: 60px; }
.about-mid-head h4 {font-weight: 700; font-size: 50px; margin-bottom: 11px; }
.about-mid-head p {color: #000; font-size: 15px; }
.about-mid-con p {text-align: center; font-size: 15px; }
.about-page-middle{padding: 60px 0px;}
.about-feat-head h4{font-weight: 700; font-size: 34px; margin-bottom: 11px;}
.about-feat-head p{color: #000; font-size: 15px;}
.about-feat-head {text-align: center; margin-bottom: 60px;}
.pxp-services-1-item-icon img{position: relative; height: 148px; width: auto; z-index: 2; }
.pxp-services-1-item-icon::before {content: ""; background-color: #fff0d9; display: block; position: absolute; z-index: 1; width: 136px; height: 136px; left: 50%; transform: translateX(-50%); bottom: -30px; border-radius: 30px; }
.about-feat-box{position: relative;}
.pxp-services-1-item-icon{text-align: center;     position: relative;}
.about-feat-box h5{margin-top: 60px; text-align: center; font-size: 20px; color: #000; margin-bottom: 20px;}
.about-feat-box p{text-align: center; font-size: 15px; color: #000; width: 75%; margin: 0 auto 15px;}
.about-feat-box a{color: #0969C3; font-weight: 600; text-decoration: none; font-size: 15px; text-align: center;}
.about-feat-box a i{margin-left: 10px;}
.about-feat-box{text-align: center;}
.mt-100 {margin-top: 100px; }
.pxp-animate-in.pxp-animate-in-right.pxp-in {transform: translateX(0); opacity: 1; }
.pxp-animate-in.pxp-animate-in-right {transform: translateX(-20px); opacity: 0; transition: 1s cubic-bezier(0.215,0.61,0.355,1); transition-property: transform, opacity; }
.pxp-info-fig {position: relative; padding-bottom: 40px; padding-right: 150px; }
.pxp-info-fig::before {content: ""; background-color: #FFF8EC; display: block; position: absolute; z-index: 1; height: 600px; left: 100px; right: 100px; bottom: 0; border-radius: 40px; }
.pxp-info-fig-image {background-color: #e6f0f9; position: relative; border-radius: 40px; height: 600px; z-index: 2; }
.pxp-cover {background-size: cover; background-position: center center; background-repeat: no-repeat; }
.pxp-info-stats {position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 3; }
.pxp-info-stats-item.pxp-animate-bounce.animate__animated {opacity: 1; }
.pxp-info-stats-item.pxp-animate-bounce {opacity: 0; }
.pxp-info-stats-item:first-child {margin-top: 0; }
.pxp-info-stats-item {background-color: #fff; box-shadow: 0px 10px 20px rgba(0,0,0,0.1); border-radius: 30px; overflow: hidden; padding: 30px; margin-top: 10px; }
.pxp-info-stats-item-number {font-size: 28px; font-weight: 700; line-height: 28px; white-space: nowrap; }
.pxp-info-stats-item-number > span {font-size: 16px; font-weight: 600; margin-left: 10px; }
.pxp-info-stats-item-description {font-size: 13px; line-height: 13px; opacity: .7; white-space: nowrap; }
.pxp-section-h2 {font-weight: 700; font-size: 38px; letter-spacing: -2px; margin-bottom: 30px; }
.pxp-text-light {font-size: 15px; color: #000; }
.pxp-info-caption-list {margin-top: 60px; }
.pxp-info-caption-list-item {display: flex; font-weight: 600; align-items: center; margin: 20px 0; }
.pxp-info-caption-list-item img {width: 26px; height: auto; }
.pxp-info-caption-list-item span {margin-left: 20px; font-weight: 500; }
.pxp-info-caption-cta {margin-top: 60px; }
.pxp-section-cta {background-color: #0969C3; color: #fff; font-size: 18px; font-weight: 500; padding: 10px 20px; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color; }
.pxp-section-cta:hover{color: #fff;}
.pxp-section-cta span {margin-left: 10px; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: margin-left; }

.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-animate-bounce.animate__animated {opacity: 1; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-animate-bounce {opacity: 0; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-1 {top: 0; left: 15%; background-color: #fff0d9; width: 130px; height: 130px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles-item {position: absolute; border-radius: 50%; }
.testimonial-wrapper .pxp-cover {background-size: cover; background-position: center center; background-repeat: no-repeat; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-2 {top: 150px; left: 20%; background-color: #e6f0f9; width: 140px; height: 140px; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-3 {bottom: 0; left: 0; background-color: #fff0d9; width: 230px; height: 230px; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-4 {top: 230px; left: 3%; background-color: #e6f0f9; width: 100px; height: 100px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-5 {bottom: 40px; left: 18%; background-color: #e6f0f9; width: 80px; height: 80px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-6 {top: 0; right: 20%; background-color: #e6f0f9; width: 140px; height: 140px; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-7 {top: 50px; right: 15%; background-color: #fff0d9; width: 100px; height: 100px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-8 {bottom: 100px; right: 3%; background-color: #fff0d9; width: 230px; height: 230px; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-9 {top: 250px; right: 0; background-color: #e6f0f9; width: 80px; height: 80px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles-item.pxp-item-10 {bottom: 0; right: 15%; background-color: #e6f0f9; width: 130px; height: 130px; z-index: 2; }
.testimonial-wrapper .pxp-testimonials-1-circles {height: 500px; position: relative; }
.testimonial-wrapper .pxp-testimonials-1-carousel-container {position: absolute; top: 0; height: 500px; left: 0; right: 0; z-index: 3; }
.testimonial-wrapper .pxp-testimonials-1 {position: relative; margin-top: 60px; }
.testi-row{height: 100%;}
.testi-box{text-align: center;}
.testi-box h6{font-weight: 700; font-size: 20px;}
.testi-box p{font-size: 15px; color: #000;}
.testi-auth{margin-top: 50px;}

.testimonial-slider .owl-nav .owl-prev {position: absolute; left: -35px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: unset !important; width: auto; cursor: pointer; height: auto; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; font-size: 38px!important;}
.testimonial-slider .owl-nav .owl-prev span {font-size: 1.6875rem; color: #fff; }
.testimonial-slider .owl-nav .owl-prev:focus {outline: 0; }
.testimonial-slider .owl-nav .owl-prev:hover {background: #fff !important; color: #000;}
.testimonial-slider .owl-nav .owl-next {position: absolute; right: -35px; top: 43%; opacity: 1; -webkit-transition: all 0.4s ease-out; transition: all 0.4s ease-out; background: unset !important; width: auto; cursor: pointer; height: auto; position: absolute; display: block; z-index: 1000; border-radius: 50px;  border: 1px solid #ccc; font-size: 38px!important;}
.testimonial-slider .owl-nav .owl-next span {font-size: 1.6875rem; color: #fff; }
.testimonial-slider .owl-nav .owl-next:focus {outline: 0; }
.testimonial-slider .owl-nav .owl-next:hover {background: #fff !important; color: #000;}
.testimonial-slider:hover .owl-prev {left: -35px; opacity: 1; }
.testimonial-slider:hover .owl-next {right: -35px; opacity: 1; }
.newsletter-abput-sec{}
.newsletter-abput-sec img{display: block; margin: 0 auto; width: 33%;}
.newsletter-abput-sec form{width: 50%; margin: 30px auto 0px; } .newsletter-abput-sec input{font-weight: 300; padding: 16px 20px; border: 1px solid #dedede; border-radius: 34px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.newsletter-abput-sec button{padding-left: 20px; padding-right: 20px; border-radius: 34px; background-color: #0969C3; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color; border: 0 none; font-size: 18px; font-weight: 500; border-top-left-radius: 34px; border-bottom-left-radius: 34px; margin-left: -30px; }
.newsletter-abput-sec button i{margin-left: 10px;}

/*===============================about us page css end=============================*/

/*===============================contact us page css start=============================*/
.inner-header .navbar{position: unset; border-bottom: 1px solid #ccc;}
.inner-header .navbar .nav-right a{color: #000; border-color: #000;}
.contact-box .shop-cat-box p{font-size: 18px; color: #000; font-weight: 600;}
.contact-box:hover .shop-cat-icon{ background-color: #0969C3; color: #fff; }
.contact-box:hover .shop-cat-box{background-color:#002745; }
.contact-box:hover .shop-cat-box p{color: #fff;}
.contact-detail-wrapper{padding-top: 60px;}
.contact-form-wrapper{padding-top: 60px;}
.contact-form-main{}
.contact-form-main form{width: 50%; margin: 0 auto;}
.contact-form-main form label{font-size: 17px; margin-bottom: 10px; margin-left: 10px;}
.contact-form-main form input{margin-bottom: 20px; padding: 20px 20px; border-radius: 50px;}
.contact-form-main form select{margin-bottom: 20px; padding: 20px 20px; border-radius: 50px;}
.contact-form-main form select .select2{margin-bottom: 20px; padding: 20px 20px; border-radius: 50px;}

.contact-form-main form textarea{margin-bottom: 20px; padding: 20px 20px; border-radius:25px; height: 150px;}
.contact-form-main form button{display: block; background-color: #0969c3; width: 100%; border-radius: 50px; border: none; padding: 16px; color: #fff; font-size: 18px; }
/*===============================contact us page css end=============================*/

/*===============================faq page css start=============================*/

.faq-wrapper{padding-top: 60px;}
.faq-wrapper .accordion-item{margin-bottom: 5px; border: none; border-bottom:1px solid #ccc;}
.faq-wrapper .accordion-button:not(.collapsed) {color: #0969C3; background-color: #fff; box-shadow: unset; }
.faq-wrapper .accordion-body{font-size: 15px;}
.faq-wrapper .accordion-body p{font-size: 15px;}
/*===============================faq page css start=============================*/

/*===============================login page css start=============================*/

.login-img img{width: 100%;}
.login-form .form-floating{position: relative; margin-bottom: 20px;}
.login-form .form-floating > i {position: absolute; top: 50%; right: 30px; transform: translateY(-50%); opacity: .7; }
.login-form .form-floating input{border-radius: 50px; padding: 30px 26px;}
.login-form .form-floating select{border-radius: 50px; padding: 30px 37px;}
.login-form .form-floating textarea{border-radius: 50px; padding: 30px 26px;}


.login-form .form-floating label{left: 14px;}
.login-form .form-floating button{display: block; background-color: #0969c3; width: 100%; border-radius: 50px; border: none; padding: 16px; color: #fff; font-size: 18px;}
.login-form h5{font-weight: 600; font-size: 22px; margin-bottom: 30px; text-align: center;} 
.login-form p{font-size: 15px; text-align: center;}
.login-form a{text-align: center; color: #0969c3; text-decoration: none; font-size: 15px; }
.login-form-sec{display: flex; align-items: center; height: 100%; width: 100%;}
.login-form{width: 85%; text-align: center;}
.login-wrapper{padding-top: 50px;}
/* .login-form ul{justify-content: center; border: 1px solid #ccc; display: inline-flex; border-radius: 50px;}  */
.login-form ul{justify-content: center; border: 1px solid #ccc; border-radius: 50px;} 

.login-form ul li button{color: #0969c3;}
.login-form ul li button.active{background-color: #0969c3!important; border-radius: 50px;}
/*===============================login page css start=============================*/

.search-by-cat-wrapp{padding-top: 60px;}
.sbc-box a:hover .shop-cat-icon{ background-color: #0969C3; color: #fff; }
.sbc-box a:hover .shop-cat-box{background-color:#002745; }
.sbc-box a:hover .shop-cat-box p{color: #fff;}
.sbc-box a:hover .shop-cat-box h5{color: #fff;}
.sbc-box a{text-decoration: none;}
.sbc-box{margin-bottom: 30px;}
/*===============================job offer page css start=============================*/
.form-header.pxp-page-header-simple {padding: 40px 0; margin-top: 0px; }
.form-header.pxp-page-header-simple h1 {font-weight: 700; font-size: 38px; letter-spacing: -2px; }
.form-header .pxp-hero-subtitle {font-size: 15px; margin-bottom: 40px; }
.form-header .pxp-hero-form-round {background-color: #fff; box-shadow: 0px 6px 12px rgba(0,0,0,0.05); height: 80px; border-radius: 40px; padding-left: 20px; }
.form-header .pxp-hero-form-round form {height: 80px; }
.form-header .pxp-hero-form .input-group .input-group-text {padding-right: 0; color: #17171D; border: 0 none; background-color: transparent; opacity: .7; }
.form-header .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {border-top-right-radius: 0; border-bottom-right-radius: 0; }
.form-header .pxp-hero-form-round form .form-control{border: 0 none; font-weight: 300; color: #17171D; background-color: transparent; }
.form-header .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: -1px; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-header .pxp-hero-form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {margin-left: 1px; }
.form-header .pxp-hero-form-round form .pxp-has-left-border {border-left: 1px solid #dedede; }
.form-header form{display: flex; justify-content: space-between;}
.form-header form .col-div{width: 29%;}
.form-header form .col-div-btn{width: 11%;}
.form-header form .col-div-btn button{margin-right: 0px;}
.job-off-mid-wrapp .feat-off-box{border: 1px solid #ccc;}
.job-off-cat{background-color: #e6f0f9; padding: 30px; border-radius: 20px;}
.job-off-mid-wrapp{padding-top: 60px;}
.job-off-cat h5{font-weight: 600; font-size: 18px; margin-bottom: 19px;}
.job-off-cat ul{list-style-type: none; padding-left: 0px; margin-bottom: 25px;}
.job-off-cat ul li{display: flex; justify-content: space-between; margin-bottom: 13px; font-size: 15px;}
.job-off-cat span{width: 25px; height: 25px; background-color: #fff; font-size: 15px; display: flex; justify-content: center; align-items: center; border-radius: 50px; }
.job-list-sort h5{font-weight: 600; font-size: 20px;}
.job-list-sort{display: flex; justify-content: space-between; align-items: center; margin-bottom: 25px;}
.job-list-sort select{width: 18%; border: none;}
/*===============================job offer page css end=============================*/

/*==============================career page css start=============================*/

.career-feat-wrapp .contact-box h6{ font-size: 18px; font-weight: 600; margin-top: 30px; }
.career-feat-wrapp .contact-box p{font-size: 15px; font-weight: 500;}
.career-feat-wrapp .contact-box:hover h6{color: #fff;}
.job-open-head{text-align: center; margin-bottom: 50px;}
.job-open-head h3{font-weight: 600; font-size: 30px; color: #000; margin-bottom: 20px;}
.job-open-head p{color: #000; width: 80%; margin: 0 auto;}
.job-open-wrapp{padding-top: 60px;}

.job-open-list ul{padding-left: 0px; list-style-type: none;}
.job-open-list ul li{margin-bottom: 30px;}
.job-open-box{display: flex; justify-content: space-between; border: 1px solid #ccc; padding: 22px; align-items: center; border-radius: 14px; }
.job-open-box h5{margin-bottom: 0; font-size: 15px; color: #000; }
.job-open-box p{font-weight: 600; font-size: 18px; margin-bottom: 14px; }
.job-open-box a{background-color: #0969C3; color: #fff; font-size: 15px; font-weight: 500; padding: 10px 20px; transition: 300ms cubic-bezier(0.215,0.61,0.355,1); transition-property: background-color; text-decoration: none;border-radius: 50px;}
.job-open-box:hover{box-shadow: 0px 0px 10px #ccc; border: none; background-color: #fff;}
.job-open-box:hover a{background-color: #17171D;}

/*==============================career page css end=============================*/

/*==============================for employer page css start=============================*/
.apply-now-form h5{ margin-bottom: 9px;}
.apply-now-form p{margin-bottom: 40px;}
.apply-now-form form{}
.apply-now-form input{padding: 15px 30px; border-radius: 50px; margin-bottom: 30px;}
.apply-now-form label{text-align: left; display: block; margin-bottom: 8px; font-size: 15px; margin-left: 10px;}
.apply-now-form button{display: block; background-color: #0969c3; width: 100%; border-radius: 50px; border: none; padding: 16px; color: #fff; font-size: 18px; }
.apply-now-form textarea{padding: 15px 30px; border-radius: 20px; margin-bottom: 30px; height: 150px;}
 .careerfy-column-4 {float: left; padding: 0px 0px; margin-bottom: 30px; list-style: none; line-height: 28px; }
.careerfy-employer-grid-wrap {float: left; width: 100%; border: 1px solid #ececec; padding: 20px 20px 18px 20px; }
.careerfy-employer-grid figure {float: left; width: 100%; margin: 0px 0px 25px 0px; }
.careerfy-employer-grid-image {float: left; width: 60px; }
.careerfy-employer-grid-wrap figcaption {line-height: 1; margin-left: 75px; }
.careerfy-employer-grid-wrap figcaption small {display: inline-block; font-size: 12px; color: #0969C3; margin-bottom: 5px; }
.careerfy-employer-grid-wrap figcaption h2 {font-size: 15px; margin-bottom: 7px; line-height: 1; }
.careerfy-employer-grid-wrap figcaption h2 a{color: #000; font-size: 15px; text-decoration: none;}
.careerfy-employer-grid-wrap figcaption span {font-size: 12px; color: #999999; }
.careerfy-employer-grid .careerfy-employer-thumblist {margin-left: 9px; }
.careerfy-employer-thumblist {float: left; margin: 0px; padding-left: 0px; }
.careerfy-employer ul li {list-style: none; }
.careerfy-employer-thumblist li {float: left; width: 33px; list-style: none; margin-left: -9px; }
.careerfy-typo-wrap li {line-height: 28px; }
.careerfy-employer-thumblist li a, .careerfy-employer-thumblist li img {float: left; width: 100%; }
.careerfy-employer-thumblist li img {border-radius: 100%; border: 2px solid #ffffff; }
.careerfy-employer-thumblist li a, .careerfy-employer-thumblist li img {float: left; width: 100%; }
.careerfy-employer-grid .careerfy-employer-thumblist-size {margin-top: 3px; }
.careerfy-employer-thumblist-size {display: inline-block; font-size: 13px; color: #666666; font-weight: 500; margin-left: 18px; text-decoration: none; }
.careerfy-employer-grid-btn {float: left; width: 100%; border: 1px solid #ececec; border-top: none; background-color: #fcfcfc; color: #0969C3; font-weight: 500; font-size: 14px; text-align: center; padding: 11px 7px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration: none; }
.careerfy-employer-grid-image img{width: 100%;}
/*==============================for employer page css end=============================*/

/*==============================for employer detail page css start=============================*/

/* Job Detail Content */
.careerfy-jobdetail-content {float: left; width: 100%; padding: 30px; border: 1px solid #efefef; margin-bottom: 0px; background-color: #ffffff; }
.careerfy-content-title { width: 100%; margin-bottom: 10px; }
.careerfy-content-title h2 {font-size: 20px; margin-bottom: 33px; color: #000; font-weight: 600; }
/* Job Detail Services */
.careerfy-jobdetail-services {float: left; width: 100%; margin: 8px 0px; }
.careerfy-jobdetail-services ul li {list-style: none; margin-bottom: 24px; }
.careerfy-jobdetail-services i {font-size: 32px; color: #0969c3; float: left; padding-top: 10px; }
.careerfy-jobdetail-services .careerfy-services-text {padding-left: 53px; color: #666666; }
.careerfy-jobdetail-services small {display: block; font-size: 14px; line-height: 1; }
.careerfy-description {float: left; width: 100%; margin-bottom: 0px; }
.careerfy-description p {font-size: 15px; margin-bottom: 0px; font-weight: 400; color: #000; }
.careerfy-list-style-icon { margin-top: 10px; }
.careerfy-jobdetail-joblisting{ margin-bottom: 40px; }
.careerfy-list-style-icon, .careerfy-list-style-icon li {float: left; width: 100%; }
.careerfy-list-style-icon li {list-style: none; color: #000; font-weight: 400; font-size: 15px; margin-bottom: 5px; } .careerfy-list-style-icon li i {margin: 8px 15px 0px 0px; color: #0969c3; float: left; font-size: 13px; }
.careerfy-jobdetail-tags {float: left; width: 100%; }
.careerfy-jobdetail-tags a {float: left; padding: 10px 14px 10px 14px; background-color: #eaeaea; border-radius: 20px; line-height: 1; margin: 10px 14px 0px 0px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.careerfy-jobdetail-tags a:hover {background-color: #13b5ea; color: #ffffff; }
.careerfy-section-title {float: left; width: 100%; margin-bottom: 8px; }
/* JobDetail SideBar */
.careerfy-main-content .widget {float: left; width: 100%; margin-bottom: 30px; }
/* Widget Apply Job */
.widget_apply_job_wrap {float: left; width: 100%; padding: 19px; border: 1px solid #efefef; text-align: center; }
.careerfy-typo-wrap .careerfy-applyjob-btn:hover,.careerfy-typo-wrap .careerfy-sendmessage-btn:hover { color: #ffffff; }
.careerfy-applyjob-btn {float: left; width: 100%; background-color: #53b427; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 16px 10px 17px 10px; text-align: center; border-radius: 5px; font-weight: 500; line-height: 1; margin-bottom: 12px; }
.widget_apply_job span {display: block; color: #13b5ea; font-weight: 500; margin-bottom: 15px; }
.careerfy-applywith-title {display: inline-block; position: relative; overflow: hidden; width: 100%; margin-bottom: 8px; }
.careerfy-applywith-title small {position: relative; display: inline-block; font-size: 12px; text-transform: uppercase; font-weight: 500; }
.careerfy-applywith-title small:before, .careerfy-applywith-title small:after {background-color: #efefef; content: ""; height: 1px; left: 100%; margin: 11px 0 0 10px; position: absolute; top: 0%; width: 9999px; }
.careerfy-applywith-title small:after {left: auto; margin: 11px 10px 0 0; right: 100%; }
.widget_apply_job_wrap p {font-size: 12px; line-height: 16px; margin-bottom: 21px; }
.widget_apply_job ul {float: left; width: 100%; }
.widget_apply_job ul li {float: left; list-style: none; padding: 0px 10px 10px 10px; width: 50%; }
.widget_apply_job ul li:first-child { padding-left: 0px; }
.widget_apply_job ul li:last-child { padding-right: 0px; }
.widget_apply_job ul li a {float: left; width: 100%; background-color: #3b5998; padding: 9px 17px 5px 17px; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: 500; border-radius: 4px; text-align: center; }
.careerfy-typo-wrap .widget_apply_job ul li a:hover { color: #ffffff; }
.widget_apply_job ul li a i {display: inline-block; margin: 2px 6px 0px 0px; font-size: 18px; }
.widget_apply_job ul li:last-child a { background-color: #007ab9; }
.careerfy-sendmessage-btn {float: left; width: 100%; background-color: #ffb14a; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 16px 10px 17px 10px; text-align: center; border-radius: 0px 0px 5px 5px; font-weight: 500; line-height: 1; margin-bottom: 12px; }
.careerfy-sendmessage-btn i {font-size: 25px; margin: 0px 6px 0px 0px; display: inline-block; vertical-align: sub; }
.jobsearch_widget_map iframe {float: left; width: 100%; height: 406px; }
.widget_add img { width: 100%; }
/* View Jobs */
.careerfy-widget-title {float: left; width: 100%; margin-bottom: 17px; }
.careerfy-widget-title h2 {font-size: 20px; margin-bottom: 0px; }
.widget_view_jobs ul {float: left; width: 100%; padding: 20px 24px 0px 24px; border: 1px solid #efefef; }
.widget_view_jobs ul li {float: left; width: 100%; list-style: none; border-bottom: 1px solid #efefef; padding-bottom: 18px; margin-bottom: 20px; }
.widget_view_jobs ul li span { margin-bottom: 6px; }
.widget_view_jobs ul li span, .widget_view_jobs ul li small {display: block; font-size: 12px; line-height: 1; }
.widget_view_jobs ul li:last-child {border-bottom: none; padding-bottom: 0px; }
.widget_view_jobs_btn {float: left; width: 100%; background-color: #fafcfc; padding: 18px 20px; text-align: center; color: #13b5ea; border: 1px solid #efefef; border-top: none; font-weight: 600; text-transform: uppercase; line-height: 1; }
.widget_view_jobs_btn i {display: inline-block; font-size: 11px; vertical-align: middle; margin: -1px 0px 0px 3px; }
/* Job Detail List */
.careerfy-jobdetail-list {width: 100%; margin: 0px; background-color: #ffffff; padding: 40px; border: 1px solid #efefef; margin-bottom: 30px; position: relative; display: flex; margin-top: -53px;}
.careerfy-jobdetail-listthumb {width: 200px; border: 1px solid #efefef; text-align: center; padding: 40px 20px 40px 20px; height: 200px; display: inline-block; }
.careerfy-jobdetail-listthumb ~ figcaption {margin-left: 30px; padding-top: 5px; }
.careerfy-jobdetail-list figcaption h2 {margin-bottom: 20px; font-size: 23px; line-height: 1; font-weight: 700; }
.careerfy-jobdetail-list figcaption span {display: block; font-size: 16px; color: #333333; font-weight: 500; margin-bottom: 11px; }
.careerfy-jobdetail-type {display: inline-block; background-color: #53b427; font-size: 12px; color: #ffffff; padding: 5px 8px 6px 8px; line-height: 1; margin-right: 5px; font-weight: 400; }
.careerfy-jobdetail-postinfo {font-style: italic; color: #13b5ea; font-size: 11px; margin-left: 5px; font-weight: 400; }
.careerfy-jobdetail-options {display: inline-block; width: 100%; margin-bottom: 5px; padding-left: 0px;}
.careerfy-jobdetail-options li {float: left; list-style: none; margin-right: 20px; margin-bottom: 3px; }
.careerfy-jobdetail-options li:first-child {width: 100%; font-size: 15px;     margin-bottom: 12px;
}
.careerfy-jobdetail-options li a{ color: #000;text-decoration: none; font-size: 15px; }
.careerfy-jobdetail-options li a.careerfy-jobdetail-view{ color: #ffffff; }
.careerfy-jobdetail-options li:first-child i{ color: #999999; }
.careerfy-jobdetail-btn i{ margin-right: 3px; }
.careerfy-jobdetail-media li a[data-original-title="facebook"]{ color: #3b5998; }
.careerfy-jobdetail-media li a[data-original-title="twitter"]{ color: #3ac1f1; }
.careerfy-jobdetail-media li a[data-original-title="linkedin"]{ color: #007ab9; }
.careerfy-jobdetail-media li a{ font-size: 22px; }
.careerfy-jobdetail-options li i {font-size: 16px; margin-right: 5px; color: #0969c3; }
.careerfy-jobdetail-view {font-size: 10px; background-color: #13b5ea; padding: 1px 9px; border-radius: 40px; margin-left: 4px; }
.careerfy-jobdetail-btn.active {border: 1px solid #13b5ea; margin-right: 9px; }
.careerfy-jobdetail-btn {float: left; color: #13b5ea; font-weight: 500; padding: 9px 11px 8px 11px; line-height: 1; }
.careerfy-jobdetail-media { margin-left: 20px; }
.careerfy-jobdetail-media li {float: left; list-style: none; margin-right: 12px; line-height: 2; padding-top: 5px; }
.careerfy-jobdetail-media li span {font-size: 11px; text-transform: uppercase; font-weight: 500; margin-right: 3px; }
.careerfy-employerdetail-btn {float: left; color: #0969c3; font-weight: 500; padding: 13px 15px 13px 15px; line-height: 1; border: 1px solid #0969c3; margin-right: 9px; font-size: 14px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-decoration: none; }
.careerfy-employerdetail-btn:hover {background-color: #0969c3; color: #ffffff; }
.careerfy-employerdetail-btn i {font-size: 12px; margin-right: 4px; }
.careerfy-rating{display: flex; align-items: center;}
.careerfy-rating ul{padding-left: 0; list-style-type: none; display: flex; }
.careerfy-rating ul li{margin-left: 10px; font-size: 19px; }
.careerfy-rating ul li i{color: #ffaf00;}
.careerfy-rating span{color: #ffaf00!important; font-weight: 600;}
.careerfy-jobdetail-services ul{padding-left: 0; list-style-type: none;}
.careerfy-jobdetail-services ul li{width: 33%;}
.careerfy-jobdetail-services .careerfy-services-text{font-weight: 400; color: #000; font-size: 15px;}
.careerfy-jobdetail-services .careerfy-services-text small{font-weight: 300; color: #000;}
.careerfy-description ul{padding-left: 0; list-style-type: none;}
.careerfy-company-review ul{display: contents;padding-left: 0px;}
.careerfy-section-title h2{font-size: 25px; font-weight: 600;}
.careerfy-jobdetail-joblisting ul{padding-left: 0px; list-style-type: none;}
/* Employer Gallery */
.careerfy-employer-wrap-section {float: left; width: 100%; border: 1px solid #efefef; border-top: none; padding: 27px 29px 15px 29px; }
.careerfy-gallery,.careerfy-simple-gallery ul li a,
.careerfy-simple-gallery ul li a img {float: left; width: 100%; }
.careerfy-simple-gallery ul li {list-style: none; margin-bottom: 20px; }
.careerfy-simple-gallery ul li a{ border: 1px solid #efefef; }
.careerfy-simple-gallery ul.careerfy-row{ margin: 0px -10px; }
.careerfy-simple-gallery ul li[class*="careerfy-column-"]{ padding: 0px 10px; }
.careerfy-addmore-space{ margin-bottom: 23px; }
/* Company Review */
.careerfy-company-review,.careerfy-company-review figure,
.company-review-thumb img,.careerfy-company-review-text {float: left; width: 100%; }
.careerfy-company-review ul li{ list-style: none; }
.careerfy-company-review > ul > li{margin-bottom: 30px; display: flow-root;}
.careerfy-company-review figure{ margin-bottom: 17px; }
.company-review-thumb img{ border-radius: 100%; }
.careerfy-company-review-left h6 a{ color: #000; text-decoration: none; margin-bottom: 20px; display: block; } 
.careerfy-company-review-text h6 a{ color: #000; text-decoration: none;}
.careerfy-company-review ul li:last-child{ margin-bottom: 0px; }
.careerfy-company-review-text h6{ margin-bottom: 4px; }
.careerfy-margin-bottom{ margin-bottom: 25px; }
.company-review-thumb {float: left; width: 60px; }
.careerfy-company-review-text p{font-size: 15px;}
.company-review-thumb ~ figcaption { margin-left: 84px; padding-top: 7px; }
.careerfy-company-review-left {float: left; }
.careerfy-company-review-left h6 {font-size: 18px; margin-bottom: 6px; line-height: 1; }
.careerfy-company-review figure figcaption time {float: right; font-size: 14px; color: #666666; margin-top: 2px; }
.careerfy-company-rating {display: inline-block; height: 14px; line-height: 10px; position: relative; width: 85px; }
.careerfy-company-rating:before, .careerfy-company-rating-box:before {color: #f1f2f2; content: "\f005 \f005 \f005 \f005 \f005"; font-family: FontAwesome; font-size: 14px; left: 0; letter-spacing: 5px; position: absolute; top: 0; }
.careerfy-company-rating-box:before {content: "\f005 \f005 \f005 \f005 \f005"; color: #ffaf00; }
.careerfy-company-rating-box {height: 14px; left: 0; overflow: hidden; position: absolute; top: 0; }
.careerfy-company-review-left small {display: inline-block; font-size: 14px; color: #ffaf00; line-height: 1; vertical-align: super; margin-left: 7px; }
.careerfy-company-review-text {border-bottom: 1px dashed #efefef; padding-bottom: 11px; }
.careerfy-company-review ul li:last-child .careerfy-company-review-text {padding-bottom: 0px; border-bottom: none; }
.careerfy-joblisting-classic figure a,
.careerfy-joblisting-classic-wrap {float: left; width: 100%; }
.careerfy-joblisting-classic figure {float: left; width: 42px; border: 1px solid #eeeeee; margin-bottom: 0px; }
.careerfy-joblisting-classic > ul > li{ margin-bottom: 20px; }
.careerfy-joblisting-classic figure ~ .careerfy-joblisting-text{ margin-left: 59px; }
.careerfy-job-userlist .careerfy-job-like{ border-color: #8bb300; }
.careerfy-list-option ul li i{ margin-right: 6px; color: #999; }
.careerfy-list-option ul li a{ color: #0969c3; text-decoration: none; font-size: 14px;}
.careerfy-list-option { float: left; }
.careerfy-list-option h2 {font-size: 16px; margin-bottom: 5px; line-height: 1; }
.careerfy-list-option h2 a{color: #000; text-decoration: none;}
.careerfy-list-option h2 span {display: inline-block; padding: 3px 10px 3px 10px; color: #ffffff; background-color: #67cc66; font-size: 10px; font-weight: 300; border-radius: 60px; vertical-align: top; }
.careerfy-list-option ul {display: inline-block; width: 100%; margin: 0px; }
.careerfy-list-option ul li {float: left; padding: 2px 15px; border-left: 1px solid #e0e0e0; line-height: 1; font-size: 14px; }
.careerfy-list-option ul li:first-child {padding-left: 0px; border-left: none; }
.careerfy-job-userlist .careerfy-option-btn {float: left; margin-right: 15px; min-width: 104px; text-align: center; }
.careerfy-job-userlist {float: right; margin-top: 10px; }
.careerfy-joblisting-classic-wrap {background-color: #ffffff; border: 1px solid #ececec; padding: 20px 19px 13px 14px; margin-bottom: 30px; }
.careerfy-job-userlist .careerfy-option-btn {float: left; margin-right: 15px; min-width: 104px; text-align: center; }
.careerfy-option-btn {float: right; padding: 8px 17px 8px 17px; font-size: 14px; color: #ffffff; background-color: #53b427; text-transform: uppercase; line-height: 1; text-decoration: none; }
.careerfy-option-btn.careerfy-blue {background-color: #186fc9; }
.careerfy-option-btn.careerfy-red {background-color: #e12335; }
.careerfy-job-userlist .careerfy-job-like {border-color: #8bb300; }
.careerfy-job-like {float: right; width: 27px; height: 27px; border-radius: 100%; border: 1px solid #ededed; text-align: center; color: #8bb300; font-size: 12px; line-height: 1; padding-top: 6px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/* Contact Form */
.widget_contact_form form,.widget_contact_form input[type="text"], .widget_contact_form ul,.widget_contact_form ul li,.widget_contact_form p, .widget_contact_form textarea,.widget_contact_form input[type="submit"] {float: left; width: 100%; }
.widget_contact_form form {border: 1px solid #efefef; padding: 15px 24px 8px 24px; }
.widget_contact_form ul{list-style-type: none; padding-left: 0px;}
.widget_contact_form ul li {list-style: none; margin-bottom: 10px; position: relative; }
.widget_contact_form input[type="text"] {height: 42px; border: 1px solid #efefef; border-radius: 2px; font-size: 12px; color: #999999; background-color: #ffffff; padding: 6px 14px; }
.widget_contact_form textarea {height: 154px; border: 1px solid #efefef; border-radius: 2px; font-size: 12px; color: #999999; background-color: #ffffff; padding: 6px 14px; margin-bottom: 5px; }
.widget_contact_form label {font-weight: 400; font-size: 14px; color: #000; margin-bottom: 3px; }
.widget_contact_form i {position: absolute; right: 14px; bottom: 12px; color: #aaaaaa; font-size: 17px; }
.widget_contact_form input[type="submit"] {font-size: 16px; color: #ffffff; text-align: center; padding: 14px 10px 13px 10px; border-radius: 3px; border: none; background-color: #0969c3; text-transform: uppercase; font-weight: 500; line-height: 1; margin: 10px 0px 8px 0px; }
.widget_contact_form p {font-size: 12px; color: #999999; text-align: center; margin-bottom: 0px; }
.widget{margin-top: 30px;}
.widget iframe{margin-top: 30px;}
/*==============================for employer detail page css end=============================*/

/*==============================Job detail page css start=============================*/
/*--------- Job Detail Page: Detail Wrapper ------------------*/
.detail-wrapper {width: 100%; display: table; border-radius: 6px; margin-bottom: 40px; border: 1px solid #eaeff5; }
.white-box {background: #ffffff; border-radius: 6px; }
.white-shadow {border: 1px solid #eaeff5; box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); }
.detail-wrapper-body {padding: 1.5em 1em 1.5em 1.5em; }
.detail-wrapper-body p:last-child, .detail-list:last-child, .detail-list li:last-child{margin-bottom:0; }
.detail-wrapper-body h4 {color: #0969c3; background: rgb(9, 105, 195, 0.2); display: inline-block; padding: 5px 10px; font-size: 16px; border-radius: 4px; text-align: center; margin-bottom: 20px; }
.detail-wrapper-body span {width:100%; display:block; font-size: 15px; margin-bottom: 10px; }
.mrg-bot-10 {margin-bottom: 10px; }
.user_profile_img button{display: inline-block; min-width: 140px; text-align: center; border-radius: 4px; padding: 6px 20px; font-weight: 500; text-transform: uppercase; border: 2px solid transparent; margin: 6px auto; background: #0969c3; color: #fff; }
.user_job_detail span{width:auto; display:inline-block; }
.detail-info span{display:inline-block; width:auto; }
.detail-wrapper-body span.skill-tag{width: auto; display: inline-block; }
.detail-wrapper-header {background:#424242; border-radius: 6px 6px 0 0; padding:20px 25px; border-bottom: 1px solid #eaeff5; }
.detail-wrapper-header h4 {margin: 0; font-weight:500; color:#ffffff; font-size: 18px;}
.detail-list-rating {float: left; margin-right: 15px; }
.detail-list-rating i {color: #ffc107; }
span.job-tag {font-size: 12px; padding: 5px 15px; border-radius: 2px; top: -3px; position: relative; }
.detail-wrapper-body ul.detail-check {margin: 0; padding: 0; width: 100%; display: inline-table; }
.detail-wrapper-body ul.detail-check li {list-style: none; display: inline-block; width: 33.333333%; padding: 6px 0 5px 30px; position: relative; }
.detail-wrapper-body ul.detail-check li:before {width: 19px; height: 19px; position: relative; content: "\f00c"; font-family: "FontAwesome"; font-size: 12px; color: #ffffff; display: inline-block; left: 0; top: 8px; text-align: center; line-height: 16px; background-color: #26ae61; border: 2px solid transparent; transition: border-color 0s; border-radius: 4px; position: absolute; border: 1px solid #eaeff5; box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); -webkit-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); -moz-box-shadow: 0px 0px 10px 1px rgba(71, 85, 95,0.08); }
button.btn.remove-field.light-gray-btn {margin-left: 15px; }
.detail-list {margin: 0 0 20px 0; padding: 0; display: inline-block; width: 100%; }
.detail-list li {list-style: none; float: left; width: 100%; margin: 0; margin-bottom: 0px; position: relative; padding-left: 23px; line-height: 22px; margin-bottom: 12px; font-size: 14px; }
.detail-list li::before {position: absolute; left: 0; top: 11px; width: 10px; height: 2px; content: ""; background: #929292; }
.user_job_detail{padding-left: 50px;}
.user_job_detail i{margin-right: 20px;}

/*------------- Job Detail Page: Resume Detail Timeline ---------------*/
.edu-history {float: left; width: 100%; display: table; position: relative; padding-left: 40px; margin-bottom: 24px; padding-bottom: 0; }
.edu-history:before {position: absolute; left: 7px; top: 25px; width: 2px; height: 100%; content: ""; background: #eaeff5; }
.edu-history:last-child:before {display: none; }
.edu-history .detail-info h3{background:rgba(38, 174, 97, 0.2); padding:4px 8px; font-weight:500; border-radius:4px; display: inherit; float: none; }
.edu-history > i {position: absolute; left: 0; top: 5px; width: 16px; height: 16px; border: 2px solid #26ae61; content: ""; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.edu-history.success> i {border-color: #0fb76b; }
.edu-history.danger> i {border-color: #f21136; }
.edu-history.warning> i {border-color: #ff9800; }
.edu-history.info> i {border-color: #01b2ac; }
.detail-info {display: table-cell; vertical-align: top; }
.detail-info > h3 {float: left; width: 100%; font-size: 16px; color: #26ae61; margin: 0; margin-top: 0px; }
.detail-info > i {float: left; width: 100%; font-style:normal; font-weight:500; font-size: 14px; margin-top: 8px; margin-bottom:8px; }
.detail-info > p {float: left; width: 100%; margin: 0; font-size: 14px; font-style: normal; line-height: 24px; margin-top: 10px; }
/*------------ Job Detail Page: Popup Style --------------*/
.modal-content img {margin-bottom: 25px; }
/*----------- Job Detail Page: Sidebar --------------*/
.widget-boxed {background-color: #fff; border-radius: 6px; padding:25px 20px; transform: translate3d(0, 0, 0); z-index: 1; margin-bottom: 25px; position: relative; border: 1px solid #eaeff5; box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); -webkit-box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); }
.widget-boxed .btn{margin-bottom:0; }
.btn-success:hover, .btn-success:focus {color: #fff; background-color: #449d44; border-color: #398439; outline: 0px auto -webkit-focus-ring-color; }
.widget-boxed-header {padding:0 0 15px 0; border-bottom: 1px solid #eaeff5; margin-bottom:10px; }
.widget-boxed-header h4 {margin: 0; font-size:18px; }
.widget-boxed-header h4 i{background:#0969c3; color:#fff; width:36px; height:36px; line-height:34px; text-align:center; border-radius:30px; padding:0; font-size:18px; display: inline-block; margin-right: 10px; }
.widget-boxed-header h4 a i{background:#26ae61; color:#fff; width:36px; height:36px; line-height:34px; text-align:center; border-radius:30px; padding:0; font-size:18px; display: inline-block; margin-right: 10px; position: relative; top: -8px; right: -15px; }
.side-list ul {margin: 0; padding: 0; margin-bottom:0px; }
.side-list ul li {list-style: none; padding: 7px 5px; display: inline-block; width: 100%; border-bottom: 1px dashed #eaeff5; }
ul.side-list-inline.social-side li {display: inline-block; width: auto; padding: 10px 0 10px 3px; }
.side-list ul.social-side li{border-bottom:0; padding-top:0; padding-bottom:0; }
.side-list ul li span {float: right; }
.side-list ul li:last-child{border-bottom: none; }
ul.side-list-inline.social-side li a i {width: 40px; height: 40px; display: inline-block; line-height: 38px; text-align: center; border-radius: 50%; transition: all ease .4s; border: 1px solid #eaeff5; box-shadow: 0 0 10px 1px rgba(71, 85, 95, .05); -webkit-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .05); -moz-box-shadow: 0 0 10px 1px rgba(71, 85, 95, .05); }
ul.side-list-inline.social-side li a :hover, ul.side-list-inline.social-side li a :focus {background: #26ae61; color: #ffffff; border-color:#26ae61; }
.widget-boxed-body form{margin-top:25px; }
.widget-boxed-body a.full-width i {margin-right: 5px; }
.padd-bot-60 {padding-bottom: 60px; }
.padd-top-80 {padding-top: 80px; }
.width-100 {width: 100px; height: 100px; }
.user_profile_img img {border: 2px dotted #eeeeee; border-radius: 50px; }
.text-center img {margin: 5px auto 20px; float: none; display: table; }
.user_job_detail {border-left: 1px solid #eaeff5; }
/*--------------Job in Grid-------------*/
.utf_grid_job_widget_area {background-color: #fff; padding: 60px 0 20px 0; border:1px solid #eaeff5; box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); -webkit-box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); border-radius: 6px; text-align: center; overflow: hidden; transition: .7s; margin-bottom: 30px; position: relative; transition: all 0.5s ease-in-out; }
.utf_grid_job_widget_area .avatar {transition: all 0.5s ease-in-out; }
.utf_grid_job_widget_area:hover .avatar {transition: all 0.5s ease-in-out; -moz-transform: scale(1.06); -webkit-transform: scale(1.06); transform: scale(1.06); }
.utf_grid_job_widget_area a.btn{border-radius: 4px; background-color: #0969c3; padding: 11px 29px; color: #fff; font-size: 15px; }
.utf_grid_job_widget_area .u-img {margin-bottom: -42px; height: 150px; }
.utf_grid_job_widget_area .u-content {padding: 0 1.25rem 1.25rem; }
.utf_grid_job_widget_area .avatar {margin: 0 auto 2rem auto; position: relative; display: block; max-width: 90px; width: 90px; height: 90px; border-radius: 50px; -webkit-box-shadow: inset 0 0px 15px rgba(0,0,0,.03); box-shadow: inset 0 0px 15px rgba(0,0,0,.03); background: #ffffff; overflow: hidden; }
.utf_grid_job_widget_area .avatar img {padding: 4px; border-radius: 50px; width: 100%; height: 100%; object-fit: cover; border: 2px solid rgba(0, 0, 0, 0.03); box-sizing: border-box; }
.u-content h5 {font-size: 18px; margin-bottom: 15px; font-weight: 500; }
.u-content h5 a{color: #000; text-decoration: none;}
.utf_grid_job_widget_area .job-type {padding: 0px 10px; border-radius: 4px; font-size: 10px; line-height: 23px; font-weight: 600; display: inline-block; text-transform: uppercase; border: 1px solid #eaeff5; position: absolute; top: 15px; left: 15px }
.table .job-type {padding: 5px 25px; border-radius: 2px; font-size: 11px; display: inline-block; text-transform: uppercase; border: 1px solid #eaeff5; }
.utf_grid_job_widget_area .text-muted, .text-muted {color: #8492af; font-size: 13px }
.job-browse-btn {font-size: 12px }
.job-browse-btn:hover{background:#26ae61; color:#ffffff !important; border-color:#26ae61 !important; }
.full-type {color: #1fb650!important; border-color: rgba(31, 182, 80,0.12) !important; background: rgba(31, 182, 80,0.12); padding: 0px 7px; font-size: 12px; font-weight: 500; border-radius: 4px; }
.part-type {color: #feb801 !important; border-color: rgba(254, 184, 1,0.1) !important; background: rgba(254, 184, 1,0.1); padding: 0px 7px; font-size: 12px; font-weight: 500; border-radius: 4px; }
.user_acount_info{background:#fdfdfd; display: inline-block; padding: 30px 10px; border-radius: 10px; box-shadow: 0 5px 20px 0 rgba(41,128,185,0.10); -webkit-box-shadow: 0 5px 20px 0 rgba(41,128,185,0.10); }
.internship-type {color: #f21136 !important; border-color: rgba(242, 17, 54,0.1) !important; background: rgba(242, 17, 54,0.1); padding: 0px 7px; font-size: 12px; font-weight: 500; border-radius: 4px; }
.freelancer-type {color: #09bdc7!important; border-color: rgba(9, 189, 199,0.1) !important; background: rgba(9, 189, 199,0.1); padding: 3px 7px; font-size: 12px; font-weight: 500; border-radius: 4px; }
.job-verticle-list .urgent {position: absolute; top: 13px; right: -26px; background: #ec3962; color: #fff; display: inline-block; padding: 0 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.job-verticle-list .featured {position: absolute; top: 18px; right: -29px; background: #ff5722; color: #fff; display: inline-block; padding: 0 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.utf_job_like {position: absolute; top: 15px; right: 15px; background:#26ae61; width: 34px; height: 34px; line-height: 36px; border-radius: 30px; }
.utf_job_like .toggler{font-size:16px; color:#ffffff; }
.toggler {color: #e6edf5; cursor: pointer; font-size: 20px; margin-bottom: 0; line-height: 1; }
.toggler [type=checkbox]:checked, .toggler [type=checkbox]:not(:checked) {position: absolute; left: -9999px; opacity: 0; }
.toggler input {display: none; }
.toggler input:checked + i {color: #ff526c; }
.title-head{color: #334e6f; font-weight: 600; margin-bottom: 30px; }
/*==============================Job detail page css end=============================*/

/*==============================latest opportunity page css start=============================*/
/*------------ All Job Components: Vertical Job ------------*/
.job-verticle-list {display: block; width: 100%; margin-top: 30px; background: #ffffff; overflow: hidden; position: relative; border-radius: 6px; padding: 0 25px; border:1px solid #eaeff5; box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); -webkit-box-shadow: 0 4px 10px 0 rgba(41,128,185,0.07); margin-bottom: 30px; }
.vertical-job-card {width: 100%; }
.vertical-job-body {border-top: 1px solid #eaeff5; padding: 15px 0; width: 100%; }
.vertical-job-header {display: inline-block; width: 100%; padding: 12px 0 10px 0; align-items: center; }
.user_job_detail {border-left: 1px solid #eaeff5; }
.vrt-job-cmp-logo {max-width: 60px; float: left; padding:3px; border: 2px solid rgba(0, 0, 0, 0.03); border-radius: 40px; }
.vrt-job-cmp-logo img {border-radius: 40px; object-fit:cover; width: 100%; }
.vertical-job-header h4, .com-tagline {margin-left: 80px; }
.vertical-job-header h4 {font-size: 20px; font-weight: 600; margin-bottom: 10px; line-height: 1; margin-top: 7px; }
.vertical-job-header h4 a{color: #000; text-decoration: none; }
.vertical-job-header h4 a:hover {color:#26ae61; }
.vertical-job-header .com-tagline {font-size: 13px; margin-bottom: 2px; display: block; }
.vertical-job-card ul {margin: 0; padding: 0; }
.vertical-job-card ul li {list-style: none; }
.vertical-job-body ul li {padding: 6px 0; }
.vrt-job-act {text-align: center; display: table; }
.btn-job {display: inline-block; min-width: 140px; text-align: center; border-radius: 4px; padding: 6px 20px; font-weight: 500; text-transform: uppercase; border: 2px solid transparent; margin: 6px auto; background-color: #0969c3; color: #fff; text-decoration: none; font-size: 15px; }
.vertical-job-footer {padding: 15px 0; }
img.footer-logo {max-height: 36px; width: auto; margin-bottom: 20px; }
.cmp-job-rating ul li, .cmp-job-review ul li {font-size: 13px; display: inline-block; margin-right: 20px; }
.cmp-job-review ul li i {margin-left: 10px; }
.cmp-job-rating .rate {color: #f7874e; }
.cmp-job-rating i {color: #b1c1d0; }
.cmp-job-rating ul li strong {margin-right: 7px; font-weight:600; }
.cmp-job-rating .rating-counter {margin-left: 10px; }
.cmp-job-rating ul li a, .cmp-job-review ul li a {color: #8492af; }
.cmp-job-review {float: right; }
.vertical-job-body ul.can-skils li strong {width: 150px; font-weight: 500; display: inline-block; color: #5a6773; }
.vertical-job-body ul.can-skils li div{display:inline-block }
.utf_main_banner_area p {font-size: 15px; font-weight: 600; }
.utf_main_banner_area p span.trending_key a{color: #27d773; background: rgba(38, 174, 97, 0.15); font-size: 14px; font-weight: 500; border-radius: 4px; padding: 5px 8px; }
.utf_main_banner_area p span.trending_key a:hover{color: #27d773; background: rgba(38, 174, 97, 0.5); }
.skill-tag {color: #0969c3; background: rgb(230 240 249); border-radius: 0 2px 2px 0; display: inline-block; font-size: 11px; font-weight: 600; line-height: 1.2727272727; margin: 2px 15px 2px 0px; padding: 3px 7px; position: relative; text-transform: capitalize; border-radius: 3px 0 0 3px; }
.skill-tag:before {border-top: 10px solid transparent; border-left: 9px solid rgb(230 240 249); border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; right: -9px; width: 0; }
.skill-tag:after {background-color: #0969c3; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; right: -2px; width: 4px; }
.flex-middle {display: -webkit-flex; -webkit-align-items: center; display: flex; align-items: center; }
.job-verticle-list .job-bottom-tags {padding: 9px 0; }
.job-tags strong {margin-right: 15px; }
.job-tags a {background-color: #eaedf3; display: inline-block; border-radius: 0 2px 2px 0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; -ms-border-radius: 0 2px 2px 0; -o-border-radius: 0 2px 2px 0; font-size: 11px; font-weight: 600; line-height: 1.2727272727; margin-right: 15px; padding: 3px 7px; position: relative; color: #8492af; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
.job-tags a:before {content: ''; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; border-top: 10px solid #fff !important; border-left: 9px solid #eaedf3; border-bottom: 10px solid #fff !important; border-right: 0; height: 0; position: absolute; top: 0; right: -8px; width: 0; }
.job-tags a:after {content: ''; background-color: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; height: 4px; position: absolute; top: 8px; right: -2px; width: 4px; }
.utf_apply_job_btn_item a.job-browse-btn{font-size: 12px; padding: 8px 15px; border:2px solid #fff !important; text-transform: uppercase; font-weight: 500; color: #fff; }
.flex-middle .ali-right {margin-left: auto; }
.wrapper-shortlist {position: relative; }
.btn-action-job {-webkit-transition: all 0.35s ease-in-out 0s; -o-transition: all 0.35s ease-in-out 0s; transition: all 0.35s ease-in-out 0s; font-size: 20px; position: relative; color: #e6edf5; line-height: 1; }
span.pull-right.vacancy-no {position: absolute; right: 30px; top: 25px; }
span.pull-right.vacancy-no span.v-count {background: #0969c3; color: #ffffff; width: 30px; height: 30px; display: inline-block; border-radius: 50%; margin-left: 4px; text-align: center; font-size: 13px; font-weight: 600; line-height: 28px; }
.vertical-job-body ul.can-skils li i {margin-right: 12px; font-size: 20px; }
span.pull-right.job-type {position: absolute; right: 40px; top: 25px; padding: 1px 22px; border-radius: 2px; border: 1px solid #eaeff5; font-size: 11px }
/*==============================latest opportunity page css end=============================*/

/*========================Our team css start===========================*/
.team-wrapper{padding: 50px 0px 0px; position: relative;}
/*.team-wrapper:before{content: ''; width: 60px; height: 100%; background-color: #d92026; position: absolute; left: 0; top: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}*/
/*.team-wrapper:after{content: ''; width: 60px; height: 100%; background-color: #d92026; position: absolute; right: 0; top: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}*/

.team-box-main{margin-bottom: 30px; background-color: #fff; box-shadow: 0px 0px 10px #ccc; border-radius: 15px;}
.team-box-main img{width: 100%; margin-bottom: 10px; border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.team-con{padding: 20px;}
.team-con h2{text-align: center; font-size: 25px; margin-bottom: 10px; font-weight: 600;}
.team-con h4{text-align: center; font-size: 16px; margin-bottom: 15px;}
.team-con p{text-align: center; font-size: 14px;}
.team-con ul{padding-left: 0px; list-style-type: none; display: flex; margin-bottom: 0px; justify-content: center;}
.team-con ul li{margin-right: 20px;}
.team-con ul li a{color: #fd564e; text-decoration: none;}
.team-con ul li a i{color: #fd564e; font-size: 20px;}
.team-con ul li:last-child{margin-right: 0px;}
.our-customer-head{margin-bottom: 40px;}
.our-customer-head h5{color: #fd564e; margin-bottom: 14px; font-size: 20px; text-align: center;}
.our-customer-head h2{text-align: center; text-transform: uppercase; font-weight: 700; font-size: 33px; margin-bottom: 14px; }
.our-customer-head p{text-align: center; width: 70%; margin: 0 auto; font-size: 15px; }
.service-menu-drop{margin-top: 8px;font-weight: 600;}
.service-menu-drop li a{padding: 0px 13px;font-size: 14px;}
 
/*========================Our team css end===========================*/


.service-page-wrapp{padding-top: 50px;padding-bottom: 50px;}
.service-page-wrapp .shop-cat-box{background-color: #fff; box-shadow: 0px 0px 10px #ccc; height: 190px;}
.service-page-wrapp .shop-cat-icon{background-color: #002745; border-radius: 50px; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; color: #fff; margin: 0 auto; }
.service-page-wrapp .shop-cat-box h6 a{color:#002745; }
.service-page-wrapp .shop-cat-box:hover h6 a{color:#fff; }
.service-page-wrapp .shop-cat-box h6{margin-top: 20px;}
.service-page-wrapp .shop-cat-icon img{filter: brightness(0) invert(1);}

.service-request-wrapp form{width: 80%;}


.service-request-wrapp .contact-form-main form input{padding: 10px 20px; font-size: 14px;}
.service-request-wrapp .contact-form-main form label {font-size: 16px; margin-left: 10px; font-weight: 600; margin-bottom: 15px; }
.service-request-wrapp .contact-form-main form .form-group{margin-bottom: 25px;}
.service-request-wrapp .contact-form-main form input[type=radio]{padding: 8px;}
.service-request-wrapp .contact-form-main form input[type=checkbox]{padding: 8px;}

.service-request-wrapp .contact-form-main form input:focus{box-shadow: unset; outline: none;}

.service-request-wrapp .contact-form-main form select:focus{box-shadow: unset; outline: none;}

.service-request-wrapp .contact-form-main form textarea:focus{box-shadow: unset; outline: none;}

.service-request-wrapp .contact-form-main form label.form-check-label{font-size: 14px; font-weight: 400; margin-bottom: 0px;}
.service-request-wrapp .contact-form-main h4{margin-bottom: 31px; font-size: 18px; font-weight: 700; text-align: center; border: 1px solid #ccc; background-color: #ebebeb; padding: 15px; border-radius: 50px; }
.service-request-wrapp .about-feat-head{margin-bottom: 40px;}
.service-request-wrapp .about-feat-head h4{font-size: 29px;}
.career-job-tabs ul{justify-content: center; margin-bottom: 40px !important;}
.career-job-tabs ul li button{background-color: #000!important; border-radius: 50px!important; padding: 8px 30px!important; color: #fff!important; margin: 0px 10px;}
.career-job-tabs ul li button.active{background-color: #0969c3!important; border-radius: 50px; padding: 8px 30px;}

.post-jop-wrapp .contact-form-main form input{padding: 10px 20px; font-size: 14px; margin-bottom: 0px;}
.post-jop-wrapp .contact-form-main form select{padding: 10px 20px; font-size: 14px; margin-bottom: 0px;}
.post-jop-wrapp .contact-form-main form textarea{padding: 10px 20px; font-size: 14px; height: 100px; margin-bottom: 0px;}
.post-jop-wrapp .contact-form-main form label {font-size: 16px; margin-left: 10px; font-weight: 600; margin-bottom: 15px; }
.post-jop-wrapp .contact-form-main form input:focus{box-shadow: unset; outline: none;}
.post-jop-wrapp .contact-form-main form select:focus{box-shadow: unset; outline: none;}
.post-jop-wrapp .contact-form-main form textarea:focus{box-shadow: unset; outline: none;}



.post-jop-wrapp .select2-container .select2-selection--single{height: 43px;     border-radius: 50px !important; font-size: 14px;}
.post-jop-wrapp .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 42px!important; font-size: 14px;}
.post-jop-wrapp .select2-container--default .select2-selection--single .select2-selection__arrow {height: 26px; position: absolute; top: 8px; right: 8px; width: 20px; }
.post-jop-wrapp .contact-form-main form .form-group{margin-bottom: 25px;}

.post-jop-wrapp form{width: 80%;}
.post-jop-wrapp .select2-container{width: 100%!important;}
.contact-form-main form button{padding: 10px!important;}

.register-froms-div .login-form{text-align: left;}
.register-froms-div form label {font-size: 15px; margin-left: 10px; font-weight: 600; margin-bottom: 15px; text-align: left!important;}
.register-froms-div form input{padding: 10px 20px; font-size: 14px; border-radius: 50px;}
.register-froms-div form select{padding: 10px 20px; font-size: 14px; border-radius: 50px;}
.register-froms-div form textarea{padding: 10px 20px; font-size: 14px; border-radius: 50px;}
.register-froms-div form input:focus{box-shadow: unset; outline: none;}
.register-froms-div form select:focus{box-shadow: unset; outline: none;}
.register-froms-div form textarea:focus{box-shadow: unset; outline: none;}
.register-froms-div .form-group{margin-bottom: 15px;}
.register-froms-div form input.form-check-input{padding: 8px;}

.register-froms-div .login-form .form-floating button{padding: 10px;}
.register-froms-div .nav-pills{justify-content: center; margin-bottom: 40px !important; border:none;}
.register-froms-div .nav-pills li button{background-color: #000!important; border-radius: 50px!important; padding: 8px 30px!important; color: #fff!important; margin: 0px 10px;}
.register-froms-div .nav-pills li button.active{background-color: #0969c3!important; border-radius: 50px; padding: 8px 30px;}


.jp_regis_right_side_box_wrapper{width: 50%;}
.jp_regis_left_side_box_wrapper{width: 50%;}
.jp_regis_left_side_box{width: 48%;}
.navbar-nav li a.commom-nav-btn{
  transition: 300ms cubic-bezier(0.215,0.61,0.355,1);
    transition-property: background-color, color;
    background-color: #0969c3;
    color: #fff;
    text-decoration: none;
    padding: 9px 19px!important;
    border-radius: 50px;
}


.find-employee-wrapp{padding-top: 70px;}
.find-employee-wrapp .vertical-job-header{display: flex; align-items: center;}
.find-employee-wrapp .vertical-job-header .employee-det p{font-size: 14px;}
.find-employee-wrapp .vertical-job-header .employee-det{margin-left: 0px;}
.find-employee-wrapp .vertical-job-header .employee-det h4{margin-left: 0px;}
.find-employee-wrapp .vrt-job-cmp-logo{width: 60px; height: 60px; border-radius: 50%;}
.find-employee-wrapp .vrt-job-cmp-logo img{width: 100%; height: 100%; border-radius: 50%;}
.find-employee-wrapp .vertical-job-body ul li{font-size: 15px; display: flex; align-items: center;}
.find-employee-wrapp .vertical-job-body ul.can-skils li strong{width: 98px;}
.find-employee-wrapp .vrt-job-act{margin-top: 12px;}
.find-employee-wrapp .job-verticle-list{margin-top: 0px;}
.find-employee-wrapp .vrt-job-act a{padding: 6px 10px; width: auto;}
.find-employee-wrapp .vrt-job-act a:hover{background-color: #000; color: #fff; }

.employee-details-page{text-align: center;}
.employee-details-page h1{font-weight: 700; font-size: 35px; letter-spacing: -2px; margin-bottom: 17px; }

 .profile-card {
      box-shadow: 0 4px 10px rgba(0,0,0,0.1);
      border-radius: 10px;
    }
    .label-badge {
      background-color: #f1f1f1;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 0.9rem;
    }


.employee-personal-detail .profile-card img{width: 40%; margin-bottom: 17px !important;}
.employee-personal-detail .profile-card h4{margin-bottom: 8px; font-size: 20px; color: #000; font-weight: 600; }
.employee-personal-detail .profile-card p{font-size: 14px;}
.employee-personal-detail .profile-card a{background-color: #0969c3; color: #fff; text-decoration: none; padding: 9px 19px !important; border-radius: 50px; font-size: 15px; border: none; }

.Candidate-deep-detail h5{margin-bottom: 13px; font-weight: 600; font-size: 22px; }
.Candidate-deep-detail p{font-size: 15px; }
.Candidate-deep-detail h6{margin-bottom: 22px; font-weight: 600; font-size: 20px; }
.cand-experience ul li{margin-bottom: 17px; font-size: 15px; font-weight: 500;}
.cand-screen-detail ul{list-style-type: none;    padding-left: 0;}
.cand-screen-detail ul li{margin-bottom: 17px; font-size: 15px; font-weight: 400;}
.cand-screen-detail{border-top: 1px solid #ccc; margin-top: 29px;}
.cand-experience{border-top: 1px solid #ccc; margin-top: 29px;}
.cand-slill-detail{border-top: 1px solid #ccc; margin-top: 29px;}    
.cand-education{border-top: 1px solid #ccc; margin-top: 29px;}