/* Minification failed. Returning unminified contents.
(1491,46): run-time error CSS1034: 
(1491,46): run-time error CSS1042: Expected function, found ','
(1491,51): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(3527,1): run-time error CSS1019: Unexpected token, found '@import'
(3527,9): run-time error CSS1019: Unexpected token, found 'url(/_MainSite/assets/https:/fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap)'
(3528,1): run-time error CSS1019: Unexpected token, found '@import'
(3528,9): run-time error CSS1019: Unexpected token, found 'url(/_MainSite/assets/https:/fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap)'
(3531,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3532,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3533,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3534,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3535,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3536,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3537,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3538,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3539,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3540,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3541,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3542,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3543,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3544,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3545,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3546,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3551,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeText'
(3552,23): run-time error CSS1039: Token not allowed after unary operator: '-bodyFonts'
(3559,23): run-time error CSS1039: Token not allowed after unary operator: '-titleFonts'
(3576,17): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue'
(3580,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGray'
(3584,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3598,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeText'
(3634,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3638,17): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3648,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeText'
(3651,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeHeaderMain'
(3654,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeHeaderLevel2'
(3657,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeHeaderLevel3'
(3660,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeNote'
(3664,21): run-time error CSS1039: Token not allowed after unary operator: '-fontSizeNote'
(3665,16): run-time error CSS1039: Token not allowed after unary operator: '-themeGrayShade5'
(3674,17): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue'
(3678,28): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue'
(3683,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3687,17): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3691,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGray'
(3695,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3699,17): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3713,28): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3717,28): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3729,28): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3730,17): run-time error CSS1039: Token not allowed after unary operator: '-themeGreen'
(3737,28): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3738,17): run-time error CSS1039: Token not allowed after unary operator: '-themeYellow'
(3948,39): run-time error CSS1046: Expect comma, found '0'
(3948,43): run-time error CSS1046: Expect comma, found '/'
(3953,43): run-time error CSS1046: Expect comma, found '0'
(3953,47): run-time error CSS1046: Expect comma, found '/'
(4367,21): run-time error CSS1039: Token not allowed after unary operator: '-themeBlue'
(4371,21): run-time error CSS1039: Token not allowed after unary operator: '-themeGray'
(4623,40): run-time error CSS1046: Expect comma, found '0'
(4623,44): run-time error CSS1046: Expect comma, found '/'
(4667,36): run-time error CSS1046: Expect comma, found '0'
(4667,40): run-time error CSS1046: Expect comma, found '/'
(4866,51): run-time error CSS1046: Expect comma, found '0'
(4866,55): run-time error CSS1046: Expect comma, found '/'
(4867,43): run-time error CSS1046: Expect comma, found '0'
(4867,47): run-time error CSS1046: Expect comma, found '/'
(4953,51): run-time error CSS1046: Expect comma, found '0'
(4953,55): run-time error CSS1046: Expect comma, found '/'
(4954,43): run-time error CSS1046: Expect comma, found '0'
(4954,47): run-time error CSS1046: Expect comma, found '/'
(5544,51): run-time error CSS1046: Expect comma, found '0'
(5544,55): run-time error CSS1046: Expect comma, found '/'
(5545,43): run-time error CSS1046: Expect comma, found '0'
(5545,47): run-time error CSS1046: Expect comma, found '/'
(5568,30): run-time error CSS1046: Expect comma, found '163'
(5568,36): run-time error CSS1046: Expect comma, found ')'
(5822,39): run-time error CSS1046: Expect comma, found '0'
(5822,43): run-time error CSS1046: Expect comma, found '/'
(6144,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(6145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6154,1): run-time error CSS1019: Unexpected token, found '@-moz-keyframes'
(6155,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(6164,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(6165,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(7157,29): run-time error CSS1030: Expected identifier, found '.'
(7157,36): run-time error CSS1031: Expected selector, found ')'
(7157,36): run-time error CSS1025: Expected comma or open brace, found ')'
 */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}.slick-list:focus {outline: none;}.slick-list.dragging {cursor: pointer;cursor: hand;}.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}.slick-track:before, .slick-track:after {display: table;content: '';}.slick-track:after {clear: both;}.slick-loading .slick-track {visibility: hidden;}.slick-slide {display: none;float: left;margin: 20px;height: 100%;min-height: 1px;}[dir='rtl'] .slick-slide {float: right;}.slick-slide img {display: block;margin: 0 auto;width: 100%;}.slick-slide.slick-loading img {display: none;}.slick-slide.dragging img {pointer-events: none;}.slick-initialized .slick-slide {display: block;}.slick-loading .slick-slide {visibility: hidden;}.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}.slick-arrow.slick-hidden {display: none;}
body.compensate-for-scrollbar {overflow: hidden;}.fancybox-active {height: auto;}.fancybox-is-hidden {left: -9999px;margin: 0;position: absolute !important;top: -9999px;visibility: hidden;}.fancybox-container {-webkit-backface-visibility: hidden;height: 100%;left: 0;outline: none;position: fixed;-webkit-tap-highlight-color: transparent;top: 0;-ms-touch-action: manipulation;touch-action: manipulation;transform: translateZ(0);width: 100%;z-index: 99999;}.fancybox-container * {box-sizing: border-box;}.fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage {bottom: 0;left: 0;position: absolute;right: 0;top: 0;}.fancybox-outer {-webkit-overflow-scrolling: touch;overflow-y: auto;}.fancybox-bg {background: rgb(30, 30, 30);opacity: 0;transition-duration: inherit;transition-property: opacity;transition-timing-function: cubic-bezier(.47, 0, .74, .71);}.fancybox-is-open .fancybox-bg {opacity: .9;transition-timing-function: cubic-bezier(.22, .61, .36, 1);}.fancybox-infobar, .fancybox-toolbar, .fancybox-caption, .fancybox-navigation .fancybox-button {direction: ltr;opacity: 0;position: absolute;transition: opacity .25s ease, visibility 0s ease .25s;visibility: hidden;z-index: 99997;}.fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption, .fancybox-show-nav .fancybox-navigation .fancybox-button {opacity: 1;transition: opacity .25s ease 0s, visibility 0s ease 0s;visibility: visible;}.fancybox-infobar {color: #ccc;font-size: 13px;-webkit-font-smoothing: subpixel-antialiased;height: 44px;left: 0;line-height: 44px;min-width: 44px;mix-blend-mode: difference;padding: 0 10px;pointer-events: none;top: 0;-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}.fancybox-toolbar {right: 0;top: 0;}.fancybox-stage {direction: ltr;overflow: visible;transform: translateZ(0);z-index: 99994;}.fancybox-is-open .fancybox-stage {overflow: hidden;}.fancybox-slide {-webkit-backface-visibility: hidden;display: none;height: 100%;left: 0;outline: none;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: absolute;text-align: center;top: 0;transition-property: transform, opacity;white-space: normal;width: 100%;z-index: 99994;}.fancybox-slide::before {content: '';display: inline-block;font-size: 0;height: 100%;vertical-align: middle;width: 0;}.fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next {display: block;}.fancybox-slide--image {overflow: hidden;padding: 44px 0;}.fancybox-slide--image::before {display: none;}.fancybox-slide--html {padding: 6px;}.fancybox-content {background: #fff;display: inline-block;margin: 0;max-width: 100%;overflow: auto;-webkit-overflow-scrolling: touch;padding: 44px;position: relative;text-align: left;vertical-align: middle;}.fancybox-slide--image .fancybox-content {animation-timing-function: cubic-bezier(.5, 0, .14, 1);-webkit-backface-visibility: hidden;background: transparent;background-repeat: no-repeat;background-size: 100% 100%;left: 0;max-width: none;overflow: visible;padding: 0;position: absolute;top: 0;-ms-transform-origin: top left;transform-origin: top left;transition-property: transform, opacity;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;z-index: 99995;}.fancybox-can-zoomOut .fancybox-content {cursor: zoom-out;}.fancybox-can-zoomIn .fancybox-content {cursor: zoom-in;}.fancybox-can-swipe .fancybox-content, .fancybox-can-pan .fancybox-content {cursor: -webkit-grab;cursor: grab;}.fancybox-is-grabbing .fancybox-content {cursor: -webkit-grabbing;cursor: grabbing;}.fancybox-container [data-selectable='true'] {cursor: text;}.fancybox-image, .fancybox-spaceball {background: transparent;border: 0;height: 100%;left: 0;margin: 0;max-height: none;max-width: none;padding: 0;position: absolute;top: 0;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;width: 100%;}.fancybox-spaceball {z-index: 1;}.fancybox-slide--video .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--iframe .fancybox-content {height: 100%;overflow: visible;padding: 0;width: 100%;}.fancybox-slide--video .fancybox-content {background: #000;}.fancybox-slide--map .fancybox-content {background: #e5e3df;}.fancybox-slide--iframe .fancybox-content {background: #fff;}.fancybox-video, .fancybox-iframe {background: transparent;border: 0;display: block;height: 100%;margin: 0;overflow: hidden;padding: 0;width: 100%;}.fancybox-iframe {left: 0;position: absolute;top: 0;}.fancybox-error {background: #fff;cursor: default;max-width: 400px;padding: 40px;width: 100%;}.fancybox-error p {color: #444;font-size: 16px;line-height: 20px;margin: 0;padding: 0;}.fancybox-button {background: rgba(30, 30, 30, .6);border: 0;border-radius: 0;box-shadow: none;cursor: pointer;display: inline-block;height: 44px;margin: 0;padding: 10px;position: relative;transition: color .2s;vertical-align: top;visibility: inherit;width: 44px;}.fancybox-button, .fancybox-button:visited, .fancybox-button:link {color: #ccc;}.fancybox-button:hover {color: #fff;}.fancybox-button:focus {outline: none;}.fancybox-button.fancybox-focus {outline: 1px dotted;}.fancybox-button[disabled], .fancybox-button[disabled]:hover {color: #888;cursor: default;outline: none;}.fancybox-button div {height: 100%;}.fancybox-button svg {display: block;height: 100%;overflow: visible;position: relative;width: 100%;}.fancybox-button svg path {fill: currentColor;stroke-width: 0;}.fancybox-button--play svg:nth-child(2), .fancybox-button--fsenter svg:nth-child(2) {display: none;}.fancybox-button--pause svg:nth-child(1), .fancybox-button--fsexit svg:nth-child(1) {display: none;}.fancybox-progress {background: #ff5268;height: 2px;left: 0;position: absolute;right: 0;top: 0;-ms-transform: scaleX(0);transform: scaleX(0);-ms-transform-origin: 0;transform-origin: 0;transition-property: transform;transition-timing-function: linear;z-index: 99998;}.fancybox-close-small {background: transparent;border: 0;border-radius: 0;color: #ccc;cursor: pointer;opacity: .8;padding: 8px;position: absolute;right: -12px;top: -44px;z-index: 401;}.fancybox-close-small:hover {color: #fff;opacity: 1;}.fancybox-slide--html .fancybox-close-small {color: currentColor;padding: 10px;right: 0;top: 0;}.fancybox-slide--image.fancybox-is-scaling .fancybox-content {overflow: hidden;}.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {display: none;}.fancybox-navigation .fancybox-button {background-clip: content-box;height: 100px;opacity: 0;position: absolute;top: calc(50% - 50px);width: 70px;}.fancybox-navigation .fancybox-button div {padding: 7px;}.fancybox-navigation .fancybox-button--arrow_left {left: 0;left: env(safe-area-inset-left);padding: 31px 26px 31px 6px;}.fancybox-navigation .fancybox-button--arrow_right {padding: 31px 6px 31px 26px;right: 0;right: env(safe-area-inset-right);}.fancybox-caption {background: linear-gradient(to top, rgba(0, 0, 0, .85) 0%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, rgba(0, 0, 0, 0) 100%);bottom: 0;color: #eee;font-size: 14px;font-weight: 400;left: 0;line-height: 1.5;padding: 75px 44px 25px 44px;pointer-events: none;right: 0;text-align: center;z-index: 99996;}@supports (padding: max(0px)) {.fancybox-caption {padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));}}.fancybox-caption--separate {margin-top: -50px;}.fancybox-caption__body {max-height: 50vh;overflow: auto;pointer-events: all;}.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {color: #ccc;text-decoration: none;}.fancybox-caption a:hover {color: #fff;text-decoration: underline;}.fancybox-loading {animation: fancybox-rotate 1s linear infinite;background: transparent;border: 4px solid #888;border-bottom-color: #fff;border-radius: 50%;height: 50px;left: 50%;margin: -25px 0 0 -25px;opacity: .7;padding: 0;position: absolute;top: 50%;width: 50px;z-index: 99999;}@keyframes fancybox-rotate {100% {transform: rotate(360deg);}}.fancybox-animated {transition-timing-function: cubic-bezier(0, 0, .25, 1);}.fancybox-fx-slide.fancybox-slide--previous {opacity: 0;transform: translate3d(-100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--next {opacity: 0;transform: translate3d(100%, 0, 0);}.fancybox-fx-slide.fancybox-slide--current {opacity: 1;transform: translate3d(0, 0, 0);}.fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next {opacity: 0;transition-timing-function: cubic-bezier(.19, 1, .22, 1);}.fancybox-fx-fade.fancybox-slide--current {opacity: 1;}.fancybox-fx-zoom-in-out.fancybox-slide--previous {opacity: 0;transform: scale3d(1.5, 1.5, 1.5);}.fancybox-fx-zoom-in-out.fancybox-slide--next {opacity: 0;transform: scale3d(.5, .5, .5);}.fancybox-fx-zoom-in-out.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1);}.fancybox-fx-rotate.fancybox-slide--previous {opacity: 0;-ms-transform: rotate(-360deg);transform: rotate(-360deg);}.fancybox-fx-rotate.fancybox-slide--next {opacity: 0;-ms-transform: rotate(360deg);transform: rotate(360deg);}.fancybox-fx-rotate.fancybox-slide--current {opacity: 1;-ms-transform: rotate(0deg);transform: rotate(0deg);}.fancybox-fx-circular.fancybox-slide--previous {opacity: 0;transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--next {opacity: 0;transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);}.fancybox-fx-circular.fancybox-slide--current {opacity: 1;transform: scale3d(1, 1, 1) translate3d(0, 0, 0);}.fancybox-fx-tube.fancybox-slide--previous {transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);}.fancybox-fx-tube.fancybox-slide--next {transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);}.fancybox-fx-tube.fancybox-slide--current {transform: translate3d(0, 0, 0) scale(1);}@media all and (max-height: 576px) {.fancybox-slide {padding-left: 6px;padding-right: 6px;}.fancybox-slide--image {padding: 6px 0;}.fancybox-close-small {right: -6px;}.fancybox-slide--image .fancybox-close-small {background: #4e4e4e;color: #f2f4f6;height: 36px;opacity: 1;padding: 6px;right: 0;top: 0;width: 36px;}.fancybox-caption {padding-left: 12px;padding-right: 12px;}@supports (padding: max(0px)) {.fancybox-caption {padding-left: max(12px, env(safe-area-inset-left));padding-right: max(12px, env(safe-area-inset-right));}}}.fancybox-share {background: #f4f4f4;border-radius: 3px;max-width: 90%;padding: 30px;text-align: center;}.fancybox-share h1 {color: #222;font-size: 35px;font-weight: 700;margin: 0 0 20px 0;}.fancybox-share p {margin: 0;padding: 0;}.fancybox-share__button {border: 0;border-radius: 3px;display: inline-block;font-size: 14px;font-weight: 700;line-height: 40px;margin: 0 5px 10px 5px;min-width: 130px;padding: 0 15px;text-decoration: none;transition: all .2s;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;white-space: nowrap;}.fancybox-share__button:visited, .fancybox-share__button:link {color: #fff;}.fancybox-share__button:hover {text-decoration: none;}.fancybox-share__button--fb {background: #3b5998;}.fancybox-share__button--fb:hover {background: #344e86;}.fancybox-share__button--pt {background: #bd081d;}.fancybox-share__button--pt:hover {background: #aa0719;}.fancybox-share__button--tw {background: #1da1f2;}.fancybox-share__button--tw:hover {background: #0d95e8;}.fancybox-share__button svg {height: 25px;margin-right: 7px;position: relative;top: -1px;vertical-align: middle;width: 25px;}.fancybox-share__button svg path {fill: #fff;}.fancybox-share__input {background: transparent;border: 0;border-bottom: 1px solid #d7d7d7;border-radius: 0;color: #5d5b5b;font-size: 14px;margin: 10px 0 0 0;outline: none;padding: 10px 15px;width: 100%;}.fancybox-thumbs {background: #ddd;bottom: 0;display: none;margin: 0;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;padding: 2px 2px 4px 2px;position: absolute;right: 0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);top: 0;width: 212px;z-index: 99995;}.fancybox-thumbs-x {overflow-x: auto;overflow-y: hidden;}.fancybox-show-thumbs .fancybox-thumbs {display: block;}.fancybox-show-thumbs .fancybox-inner {right: 212px;}.fancybox-thumbs__list {font-size: 0;height: 100%;list-style: none;margin: 0;overflow-x: hidden;overflow-y: auto;padding: 0;position: absolute;position: relative;white-space: nowrap;width: 100%;}.fancybox-thumbs-x .fancybox-thumbs__list {overflow: hidden;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {width: 7px;}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {background: #fff;border-radius: 10px;box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {background: #2a2a2a;border-radius: 10px;}.fancybox-thumbs__list a {-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color: rgba(0, 0, 0, .1);background-position: center center;background-repeat: no-repeat;background-size: cover;cursor: pointer;float: left;height: 75px;margin: 2px;max-height: calc(100% - 8px);max-width: calc(50% - 4px);outline: none;overflow: hidden;padding: 0;position: relative;-webkit-tap-highlight-color: transparent;width: 100px;}.fancybox-thumbs__list a::before {border: 6px solid #ff5268;bottom: 0;content: '';left: 0;opacity: 0;position: absolute;right: 0;top: 0;transition: all .2s cubic-bezier(.25, .46, .45, .94);z-index: 99991;}.fancybox-thumbs__list a:focus::before {opacity: .5;}.fancybox-thumbs__list a.fancybox-thumbs-active::before {opacity: 1;}@media all and (max-width: 576px) {.fancybox-thumbs {width: 110px;}.fancybox-show-thumbs .fancybox-inner {right: 110px;}.fancybox-thumbs__list a {max-width: calc(100% - 10px);}}

html,
body {
padding: 0;
margin: 0;
font-size: 17px;
-webkit-font-smoothing: antialiased;
font-family: 'Inter', sans-serif;
font-weight: 400;
color: #707070;
line-height: 1.4;
overflow-x: hidden;
}

a,
img,
button,
input[type=submit] {
text-decoration: none;
outline: none;
border: 0;
}

b,
strong,
.fontbold {
font-weight: 700;
}


*,
*:after,
*:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

a:focus,
a:hover {
text-decoration: none !important;
}

p,
ul,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
ol {
padding: 0;
margin: 0;
}

.list-unstyled{
list-style: none;
}

.desktop_view{
position: absolute;
right: 100px;
background: #74407a;
padding: 10px;
color: #fff;
}
.desktop_view a{color: #fff;}
.container {
max-width: 1140px;
margin: 0px auto;
padding: 0 15px;
}

@media screen and (min-width: 1600px){

.container {
max-width: 1200px;
margin: 0px auto;
padding: 0 15px;
}

}


.container-fluid {
max-width: 95%;
margin: 0px auto;
padding: 0 15px;
}

.container-full {
max-width:100%;
margin: 0px auto;
padding: 0px;
}
.container.small {
max-width: 850px;
padding: 0 20px;
}

.container.medium {
max-width: 1000px;
padding: 0 20px;
}

.pull-left {
float: left !important;
}

.pull-right {
float: right !important;
}

.text-left {
text-align: left;
}

.text-center {
text-align: center!important;
}

.text-right {
text-align: right;
}

.text-justify {
text-align: justify;
}

.text-uppercase {
text-transform: uppercase;
}

.text-lowercase {
text-transform: lowercase;
}

.text-italic {
font-style: italic;
}

.text-underline {
text-decoration: underline;
}

.text-light {
font-weight: 300;
}

.text-medium {
font-weight: 400;
}

.text-bold {
font-weight: 600;
}

.text-bolder {
font-weight: 700;
}

.text-black {
color: #000;
}

.text-blue{
color: #123262!important;
}

.text-white {
color: #fff!important;
}

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

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

.center-block {
margin: 0 auto;
}

.bg-white {
    background-color: #fff !important;
}

.bg-off-white {
 background-color: #f8f8fa;
}

.bg-cover {
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}

.bg-gray {
    background-color: #F4F4F6;
}

.col-1 {
    width: 8.333333333333333%;
}

.col-2 {
width: 16.66666666666667%;
}

.col-3 {
width: 25%;
}

.col-4 {
width: 33.33333333333333%;
}

.col-5 {
width: 41.66666666666667%;
}

.col-6 {
width: 50%;
}

.col-7 {
width: 58.33333333333333%;
}

.col-8 {
width: 66.66666666666667%;
}

.col-9 {
width: 75%;
}

.col-10 {
width: 83.33333333333333%;
}

.col-11 {
width: 91.66666666666667%;
}

.col-12 {
width: 100%;
}

.col-12-5 {
width: 20%;
}

.w100 {
width: 100%;
}

.w80 {
width: 80%;
}

.w70 {
width: 70%;
}

.w30 {
width: 30%;
}

.w20 {
width: 20%;
}

.h100 {
height: 100%;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-12-5,
.w30,
.w70,
.w20 {
float: left;
}

.mg-5 {
margin: 5px;
}

.mg-10 {
margin: 10px;
}

.mg-20 {
margin: 20px;
}

.mg-30 {
margin: 30px;
}

.mg-tp-5 {
margin-top: 5px;
}

.mg-tp-10 {
margin-top: 10px;
}

.mg-tp-20 {
margin-top: 20px;
}

.mg-tp-30 {
margin-top: 30px;
}

.mg-tp-40 {
margin-top: 40px;
}

.mg-tp-50 {
margin-top: 50px;
}

.mg-bt-5 {
margin-bottom: 5px;
}

.mg-bt-10 {
margin-bottom: 10px;
}
.mg-bt-15 {
margin-bottom: 15px;
}
.mg-bt-20 {
margin-bottom: 20px;
}

.mg-bt-30 {
margin-bottom: 30px;
}

.mg-bt-60 {
margin-bottom: 60px;
}

.mg-rt-5 {
margin-right: 5px;
}

.mg-rt-10 {
margin-right: 10px;
}

.mg-rt-20 {
margin-right: 20px;
}

.mg-rt-30 {
margin-right: 30px;
}

.mg-lt-5 {
margin-left: 5px;
}

.mg-lt-10 {
margin-left: 10px;
}

.mg-lt-20 {
margin-left: 20px;
}

.mg-lt-30 {
margin-left: 30px;
}

.pd-5 {
padding: 5px;
}

.pd-10 {
padding: 10px;
}

.pd-20 {
padding: 20px;
}

.pd-30 {
padding: 30px;
}

.pd-tp-5 {
padding-top: 5px;
}

.pd-tp-10 {
padding-top: 10px;
}

.pd-tp-20 {
padding-top: 20px;
}

.pd-tp-30 {
padding-top: 30px;
}

.pd-bt-5 {
padding-bottom: 5px;
}

.pd-bt-10 {
padding-bottom: 10px;
}

.pd-bt-20 {
padding-bottom: 20px;
}

.pd-bt-30 {
padding-bottom: 30px;
}

.pd-rt-5 {
padding-right: 5px;
}

.pd-rt-10 {
padding-right: 10px;
}

.pd-rt-20 {
padding-right: 20px;
}

.pd-rt-30 {
padding-right: 30px;
}

.pd-lt-5 {
padding-left: 5px;
}

.pd-lt-10 {
padding-left: 10px;
}

.pd-lt-20 {
padding-left: 20px;
}

.pd-lt-30 {
padding-left: 30px;
}

.h500 {
height: 500px;
}

.h600 {
height: 600px;
}

.h700 {
height: 700px;
}

.h800 {
height: 800px;
}

.pos-rel {
position: relative;
}

.pos-abs {
position: absolute;
}

.pos-fix {
position: fixed;
}

.bottom {
bottom: 0;
}

.top {
top: 0;
}

.left {
left: 0;
}

.right {
right: 0;
}

.visible-xs{display: none !important;}
.visible-sm{display: none;}


.hidden-xs {
display: block
}
.hidden-portrait {
display: block !important;
}
.visible-portrait {
display: none !important;
}

.row:before,
.row:after {
display: table;
content: " ";
}

.row:after,
.clearfix {
clear: both;
}

.disptable {
display: table;
height: 100%;
}

.dispblock {
display: block;
}

.table-cell {
display: table-cell;
vertical-align: middle;
}

.Yoverflowhidden {
overflow-y: hidden;
}

.Xoverflowhidden {
overflow-x: hidden;
}

.overflowhidden {
overflow: hidden;
}

section {
float: left;
width: 100%;
}

section.padding {
padding: 60px 0;
}



section p.section-name {
font-size: 13px;
text-transform: uppercase;
color: #ee6e25;
margin-bottom: 0px;
font-weight: 700;
}

section p.section-head {
font-size: 45px;
text-transform: uppercase;
font-weight: 700;
margin-bottom: 20px;
}

.text-white {
color: #fff!important;
}
.relative {
position: relative;
}
.mx-auto{
margin: 0px auto;
float: none;
}

/*Header Starts*/

header {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    /*background:#123262;*/
    background:#ffffff;
    z-index: 9999;
    padding: 10px 0px 0px;
    transition: all 0.6s ease-in-out;
}
.goto-home {
top: 2px;
position: relative;
padding: 10px 0px;
text-align: center;
}

.sticky-header{
position: fixed!important;
width: 100%;
/*box-shadow: 1px 6px 10px 0px rgb(0 0 0 / 14%);*/
}
header .brand-logo a {
display: block;
}
header .brand-logo a img {
display: block;
}
header .nav-links a {
    display: inline-block;
    padding: 10px 0;
    line-height: 32px;
    margin: 0px 15px;
    /*font-size: 16px;*/
    text-align: left;
    color: #123262;
    font-family: 'Montserrat', sans-serif;
    position: relative;
    font-weight: 400;
    border-bottom: 5px solid transparent;
}
header .nav-links a.mobile_number{
font-weight: bold;
}
    header .nav-links a.active {
        color: #123262;
        /*border-bottom: 5px solid #4E9E55;*/
    }
        header .nav-links a.active::before {
            content: "";
            position: absolute;
            bottom: 5px;
            width: 100%;
            height: 1px;
            border-radius: 1px;
            border-bottom: 1px solid #4E9E55;
        }
header .nav-links a:hover::before {
content: "";
position: absolute;
bottom: -5px;
width: 100%;
height: 5px;
border-radius: 5px;
border-bottom: 5px solid #4E9E55;
}
.mobile_number i.fa{font-weight: bold;color: #000;}
.nav-menu {
padding: 0px 0px;
}
.brand-logo img {
transition: all 0.6s ease-in-out;
}
.call-me {
margin: 4px 20px 0 3px;
border-left: 1px solid #000;
padding-left: 20px;
line-height: 18px;
color: #000;
font-size: 15px;
}
.enq-cta-wrapper {
position: relative;
}
.call-no {
display: none;
position: absolute;
top: 57px;
width: 161px;
left: -76px;
background-color: #ffffff;
border-radius: 6px;
padding: 5px;
text-align: center;
}
.call-no a {
color: #000;
}
.call-me img {
width: 13px;
transform: rotate(90deg);
position: relative;
top: 4px;
left: -6px;
vertical-align: top;
}
.enquire_now_btn_header {
    width: 170px;
    border: 0px;
    text-transform: uppercase;
    text-align: center!important;
    padding: 6px 8px!important;
    line-height: 24px!important;
    background: #4E9E55;
    border-radius: 5px;
    /*font-size: 14px !important;*/
    color: #fff!important;
    font-weight: 600!important;
    transition: all ease-in-out 0.2s;
    border: 0px!important;
}
.enquire_now_btn_header:hover{
background-color: #e6b645;
}

header .nav-links a.enquire_now_btn_header::before {
display: none!important;
}


.enquire_now_btn_header_mob{
display: none;
}

/*Header Ends*/

/*Home Section Starts*/

.bg-img{
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}


.banner-caption {
height: auto;
position: relative;
padding: 0;
left: 0px;

/*top: 145px;*/
}
.banner_text{
height: 90vh;
display: flex;
align-items: center;
}
.bannerimg_div{
position: relative;
height: 90vh;
}

.bannerimg_div img {
position: absolute;
bottom: 0px;
right: -60px;
}
.banner-caption p{
color: #394352;
}
.banner-caption h4{
font-size: 26px;
color: #000;
font-weight: 700;
}
.banner-caption h1.text-lg {
    font-size: 34px;
    font-weight: bold;
    line-height: 84px;
    color: #123262;
    margin-bottom: 10px;
    margin-left: -5px;
}
.banner-caption h2.text-sm {
    font-size: 22px;
    font-weight: 500;
    line-height: 36px;
    color: #123262;
    margin-bottom: 20px;
}
.banner-caption .banner-btn {
display: block;
width: 250px;
background-color: #FFD04D;
border-radius: 23px;
margin-top: 25px;
text-align: center;
padding: 10px;
color: #394352;
font-weight: 600;
transition: all ease-in-out 0.2s;
}
.banner-caption .banner-btn:hover{
background-color: #F8C230;    
}
.banner-caption .banner-btn img{
margin-left: 5px;
}
.banner-caption .banner-btn1 {
display: block;
width: 250px;
border: 1px solid #394352;
/*background-color: #FFD04D;*/
border-radius: 23px;
margin-top: 25px;
text-align: center;
padding: 10px;
color: #394352;
font-weight: 600;
}
/*Home Section Ends*/


/** overview **/

.overview {
text-align: center;
}
section#overview.padding {
background: rgb(244,244,246);
background: linear-gradient(180deg, rgba(244,244,246,1) 80%, rgba(255,255,255,1) 98%);
padding: 60px 0px 0px;
}
.game_video_div {
width: 90%;
margin: auto;
top: 10px;
position: relative;
}
.game_video_div h4{
font-size: 27px;
font-weight: bold;
margin-bottom: 20px;
color: #fff;
}
.video_icon {
position: absolute;
top: 0px;
text-align: center;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
.video_icon img{
width: 95px;
height: 95px;
margin:0px auto 10px;
}
.video_icon a{
font-weight: bold;
color: #E6B645;
text-transform: uppercase;
text-decoration: underline;
}
.sec-title {
font-size: 32px;
font-weight: bold;
line-height: 42px;
letter-spacing: 1px;
margin-bottom: 30px;
color:#394352;
position: relative;
}
.sec-sub-title {
font-size: 30px;
font-weight: 600;
line-height: 42px;
letter-spacing: 1px;
color: #394352;
}
.sec-desc {
/*font-size: 16px;*/
line-height: 28px;
color: #707070;
font-weight: 400;
}
.wd-80 {
width: 80%;
}
/*button.slick-next.slick-arrow,
button.slick-prev.slick-arrow {
position: absolute;
top: 50%;
z-index: 12;
text-indent: -9999px;
width: 35px;
height: 35px;
transform: translateY(-50%);
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}*/

.testimonials-slider .slick-slide{
margin: 0px;
}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow {
bottom: -40px;
position: absolute;
top: auto;
z-index: 12;
text-indent: -9999px;
width: 35px;
height: 35px;
transform: translateY(-50%);
background-color: transparent;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
}

button.slick-prev.slick-arrow {
left: 44px;
background-image: url(/benchkart-images-v1/right.svg);
background-size: 16px;
background-position: center;
background-color: #314d76;
display: flex!important;
align-items: center;
border-radius: 50%;
}

button.slick-next.slick-arrow {
right: 44px;
background-image: url(/benchkart-images-v1/left.svg);
background-size: 16px;
background-position: center;
background-color: #e6b645;
display: flex!important;
align-items: center;
border-radius: 50%;
}

/*benchkart_diff_sec*/

.benchkart_diff_sec{
background-color: #F4F4F6;
padding: 60px 0px;
}
.benchkart_diff_sec .theme-btn{
margin-top: 30px;
}

.bdr-bottom {
border-bottom: 1px solid #ccc;
}

.diff-wrapper{
margin-top: 40px;
}
.diff-head-wrapper, .diff-head-wrapper-2 {
padding:6px 20px;
}

.diff-content-wrapper {
height: 92px;
padding: 15px 15px;
display: flex;
align-items: center;
}

.secure_div .diff-content img {
top: -24px;
}

.diff-box {
    border-radius: 4px;
    background-color: #E5E5EB;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.bdr-bottom-black {
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.bdr-tp-rd {
border-top-right-radius: 4px;
}
.bdr-tp-lt {
border-top-left-radius: 4px;
}
/*.diff-head-wrapper, .diff-head-wrapper-2 {
padding: 10px 20px;
}*/

.bg-dark-grey {
background-color:#909CAD;
}

.bg-dark-yellow {
    background-color: #398840;
}
.bdr-bt-rd {
border-bottom-right-radius: 4px;
}
.bg-yellow {
    background-color: #4E9E55;
}

.mcb-wrap {
color: #fff;
}
.sec-subHeading {
font-size: 22px;
line-height: 35px;
color:#fff;
}
.old_outsourcing p{
color: #707070;
}
.bdr-bottom {
border-bottom: 1px solid #ccc;
}

.diff-content, .price-flex, .syllabus-content {
display: flex;
align-items: flex-start;
}
.diff-content{
position: relative;
}
.diff-content img {
width: 100px;
height: 100px;
position: absolute;
top: -10px;
left: -20px;
}
.benchkart_soln .diff-content {
padding-left: 70px;
position: relative;
}
/*our_process_sec*/
.our_process_sec{
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
background-image: url(/benchkart-images-v1/process_bg.png);
background-attachment: fixed;
}
.our_process_title{
position: relative;
top: 50px;
left: 50px;
}
.process_svg svg{
margin-top: -198px;
margin-left: -30px;
}

/**Footer Starts**/
footer {
float: left;
width: 100%;
background-color:#123262;
padding: 30px 0 20px;
color: #fff;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
.poweredby{
text-align: right;
}
.copytxt p {
font-weight: 400;
/*font-size: 14px;*/
line-height: 17px;
}
.footer-rera p {
/*font-size: 14px;*/
line-height: 20px;
}

footer a {
color: inherit;
}
/*Footer Ends*/

.theme-btn{
padding: 9px 20px;
display: inline-block;
color: #fff;
border: 1px solid #398840;
border-radius: 5px;
font-weight: 600;
background-color: #398840;
text-transform: uppercase;
/*width: 200px;*/
text-align: center;
margin-top:15px;
transition: all ease-in-out 0.3s;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
}
.theme-btn:hover{
border: 1px solid #e6b645;
background-color: #e6b645;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
}

.theme-btn-blue {
    padding: 9px 20px;
    display: inline-block;
    color: #fff;
    border: 1px solid #123262;
    border-radius: 5px;
    font-weight: 600;
    background-color: #123262;
    text-transform: uppercase;
    text-align: center;
    margin-top: 15px;
    transition: all ease-in-out 0.3s;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
}

.theme-btn-blue:hover {
    border: 1px solid #e6b645;
    background-color: #e6b645;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.32);
}


.slick-dots {
    text-align: center;
    width: 100%;
    list-style: none;
    display: inline-block;
}
    .slick-dots li {
        cursor: pointer;
        background-color: rgba(57, 136, 64,0.36);
        width: 10px;
        height: 10px;
        border-radius: 50%;
        margin: 2px;
        display: inline-block;
    }
    .slick-dots li.slick-active {
        background-color: #398840;
        width: 30px;
        border-radius: 50px;
    }
.slick-dots li button{
display: none;
}
section.testimonials.relative.padding {
padding: 50px 0px 90px;
}

/*critical-div*/

.critical-div {
    height: 350px;
    /*display: flex;*/
    align-items: center;
}
/*testimonials-slider*/
.testimonials-div {
    
    height: 350px;
}
.testimonials-div .sec-title{
margin-bottom: 0px!important;
}
.testimonials-slider {
    color: #123262;
    border-radius: 0px;
    position:relative;
}
.testimonials_box{
padding: 20px 0px;
padding-right: 80px;
}

.testimonials_box img.testi_img{ 	
position: relative;
width: 170px;
height: 170px;
margin: auto;
margin-top: -30px;
margin-left: -20px;
/*box-shadow: -10px -6px 15px 4px rgb(129 129 129 / 44%);*/
border-radius: 50%;
}
.testi_heading{
margin-left: -20px;
}
.testi_content{
display: inline-flex;
align-items: center;
padding: 0px 0px 20px;
}
.testi_content h6{
font-size: 22px;
line-height: 36px;
}
.testi_content1 img {
opacity: 0.5;
margin: 0px 0px 10px!important;
width: 24px!important;
}
.testi_content1 {
display: flex;
align-items: center;
height: auto;
padding: 5px 10px;
margin-top: -30px;
}
.testimonials-slider button.slick-prev.slick-arrow{
    bottom: -40px;
    left: 40%;
    position: absolute;
    display: none !important;
}
.testimonials-slider button.slick-next.slick-arrow {
    left: 48%;
    bottom: -40px;
    position: absolute;
    display: none !important;
}
.paging_testimonial {
    position: absolute;
    left: 45%;
    /* top: auto; */
    /*font-size: 16px;*/
    color: #123262;
    margin-top: -5px;
    display: none;
}

.paging_cases {
width: 100%;
position: relative;
left: 0;
top: 14px;
/*font-size: 16px;*/
color: #123262!important;
text-align: center;
display: block;
}

/*critical_pro_sec*/

.critical_pro_sec{

}

.client_ul{
    list-style: none;
    display: inline-block;
    text-align: center;
}

.client_ul li{
display: inline-block;
background-color: #F4F4F6;
border-radius: 6px;
padding: 5px;
margin: 5px;
width: 32%;
text-align: center;
/*height: 80px;*/
}
.client_ul li:nth-of-type(1),
.client_ul li:nth-of-type(4){
margin-left: 0px;
}
.client_ul li img{
    max-width: 125px;
    margin: auto;
}
.projects_ul{
list-style: none;
display: inline-block;
}
.projects_ul {
width: 92%;
list-style: none;
display: inline-block;
border: 1px solid #398840;
border-radius: 25px;
padding-bottom: 1px;
padding: 4px 5px;
display: flex;
justify-content: space-between;
background: rgba(57, 136, 64, 0.03);
}

.projects-tabs .tab_content{
padding:20px 10px;
width: 100%;
}

.projects_ul li{
width: 100%;
list-style: none;
display: inline-block;
}
.projects_ul li a{
padding: 6px 10px;
color:#123262;
display: block;
font-weight: 500;
text-align: center;
}

.projects_ul li:nth-of-type(1) a,
.projects_ul li:nth-of-type(2) a,
.projects_ul li:nth-of-type(3) a{
border-left: 0px solid transparent;
border-right: 0px solid rgba(57, 136, 64, 0.4);
}

.projects_ul li a.active{
color: #fff;
background-color: #398840;
border-radius: 20px;
}


section.case_study_sec.relative.padding{
background-color: #F4F4F6;
padding: 60px 0px 90px;  
}
.case_study_sec .sec-title {
text-align: center;
}
.case_study_sec button.slick-prev.slick-arrow {
left: 43%;
bottom: -60px;
}
.case_study_sec button.slick-next.slick-arrow {
right: 43%;
bottom: -60px;
}
.case_studies_box{
transition: all ease-in-out 0.3s;
background-color: #fff;
border-radius: 6px;
}
.case_studies_box{
box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.21) ;

}
.case_studies_box:hover {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.21);
}


.case_studies_slider .slick-slide{
margin: 20px 10px;
}
.case_studies_box h6{
font-size: 20px;
margin-bottom: 10px;
color: #4B4B4B;
}
.case_studies_box p{
color: #747171;
}
.case_studies_box .readmore_btn{
    color: #4E9E55;
    bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid;
    padding-right: 20px;
    font-weight: 500;
    position:absolute;
}
.readmore_btn img {
position: absolute;
width: 10px;
margin: 0px;
top: -2px;
right: 1px;
}
.case_content{
padding: 10px;
}
.start_trial_sec{
padding: 90px 0px!important;
background-size: cover;
background-repeat: no-repeat;
background-position:100% 100%;
/*background-image: url(/benchkart-images-v1/businessman-typing-laptop.jpg);*/
height: 550px;
}
.form-wrapper-div{
background-color: #fff;
padding: 20px;
}
.start_trial_sec .form-wrapper-div{
background-color: #fff;
padding: 20px;
border-radius: 6px;
}


@media only screen and (max-width: 767px) {

    .casestudy_categories .projects_ul {
        background: #ffffff;
    }
  


    section.case_study_sec.relative.padding {
        padding-bottom: 30px;
    }

    section.case_study_sec.relative.padding {
        padding: 30px 0px 30px;
    }
}


    /***form ****/
    .footer-mobile-view {
        display: none;
    }

    .thankyou-msg h1 {
        font-size: 30px;
    }

    .overlay {
        overflow: auto;
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,0.8);
        z-index: 99999;
        display: none
    }

    .popup {
        max-width: 600px;
        width: 80%;
        padding: 20px;
        position: relative;
        background: #fff;
        margin: 50px auto
    }

    .close {
        text-align: center;
        background: #fff;
        position: absolute;
        top: -10px;
        right: -10px;
        cursor: pointer;
        color: #000;
        font-size: 14px;
        line-height: 32px;
        z-index: 99;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        box-shadow: 1px 5px 6px 2px rgb(0,0,0,0.22);
    }

    .download-brochure-wrapper {
        display: none;
        margin-top: 14px;
    }

    .form_heading {
        text-align: center;
    }

        .form_heading h3 {
            font-size: 22px;
            margin-bottom: 20px;
            color: #000;
        }

    .download-brochure-btn {
        cursor: pointer;
    }

    .xdsoft_datetimepicker {
        z-index: 9999999 !important;
    }

    .form-wrapper {
        position: relative;
        height: 100%;
    }

    .site-visit-popup {
        width: 270px;
        position: fixed;
        right: -270px;
        top: 180px;
        z-index: 123;
        transition: all 0.6s ease-in-out;
        padding: 44px 20px;
        background-color: #fff;
        top: 150px;
        z-index: 122;
    }

    .enquire-popup {
        top: 128px;
        right: 0;
        position: fixed;
        z-index: 123;
        width: 270px;
        background-color: #fff;
        padding: 42px 20px;
        height: 426px;
        display: none;
    }

    a.site-btn {
        left: -97px;
        top: 192px;
    }

    .form-control {
        width: 100%;
        height: 40px;
        margin-bottom: 0px;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid #CCCCCC;
        outline: none;
    }

        .form-control::-webkit-input-placeholder {
            color: #95A3B7;
        }
        /* WebKit, Blink, Edge */
        .form-control:-moz-placeholder {
            color: #95A3B7;
        }
        /* Mozilla Firefox 4 to 18 */
        .form-control::-moz-placeholder {
            color: #95A3B7;
        }
        /* Mozilla Firefox 19+ */
        .form-control:-ms-input-placeholder {
            color: #95A3B7;
        }
        /* Internet Explorer 10-11 */
        .form-control::-ms-input-placeholder {
            color: #95A3B7;
        }
    /* Microsoft Edge */
    .zcwf_col_fld_slt.form-control::-webkit-select-placeholder {
        color: #95A3B7;
    }
    /* WebKit, Blink, Edge */
    .zcwf_col_fld_slt.form-control::placeholder {
        color: #95A3B7;
    }
    /* WebKit, Blink, Edge */
    .success {
        text-align: center;
        color: green;
        position: absolute;
        top: calc(50% - 44px);
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
    }

    textarea.form-control {
        height: 100px;
        resize: none;
    }

    .submit-btn {
        width: 100%;
        height: 48px;
        margin: 0px auto 0;
        display: block;
        background-color: #C29F5B;
        /*font-size: 14px;*/
        font-weight: 700;
        letter-spacing: 0.84px;
        text-align: center;
        color: #fff;
        line-height: 50px;
        text-transform: uppercase;
        cursor: pointer;
    }

    .form-close {
        top: -50px;
        right: 0px;
        position: absolute;
        font-size: 44px;
        color: #C29F5B;
        cursor: pointer;
        z-index: 9999
    }

    label.error {
        position: absolute;
        left: 0;
        bottom: 3px;
        color: red;
        font-size: 15px;
    }

    .form-group {
        position: relative;
    }

    /****Animation **/
    .points {
        opacity: 0;
    }

    .animpins {
        -webkit-animation: pinsAnim ease-in 1;
        -moz-animation: pinsAnim ease-in 1;
        animation: pinsAnim ease-in 1;
        -webkit-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        animation-duration: 1s;
    }

    .point-1 {
        animation-delay: 2s;
    }

    .point-2 {
        animation-delay: 4s;
    }

    .point-3 {
        animation-delay: 6s;
    }

    .point-4 {
        animation-delay: 8s;
    }

    .point-5 {
        animation-delay: 10s;
    }

    .point-6 {
        animation-delay: 12s;
    }

    @keyframes pinsAnim {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    /* Medium Devices, Desktops */

    @media only screen and (max-width: 1024px) {
        .col-md-1 {
            width: 8.333333333333333%;
        }

        .col-md-2 {
            width: 16.66666666666667%;
        }

        .col-md-3 {
            width: 25%;
        }

        .col-md-4 {
            width: 33.33333333333333%;
        }

        .col-md-5 {
            width: 41.66666666666667%;
        }

        .col-md-6 {
            width: 50%;
        }

        .col-md-7 {
            width: 58.33333333333333%;
        }

        .col-md-8 {
            width: 66.66666666666667%;
        }

        .col-md-9 {
            width: 75%;
        }

        .col-md-10 {
            width: 83.33333333333333%;
        }

        .col-md-11 {
            width: 91.66666666666667%;
        }

        .col-md-12 {
            width: 100%;
        }

        .col-md-12-5 {
            width: 20%;
        }

        .hidden-portrait {
            display: none !important;
        }

        .visible-portrait {
            display: block !important;
        }

        header {
            /*background: #fff;*/
            position: relative;
            width: 100%;
            top: 0;
            left: 0;
            height: 90px;
            z-index: 99999;
            padding: 10px 0px 0px;
            transition: all 0.6s ease-in-out;
        }

        .menu-icon-mobile > span {
            display: block;
            height: 3px;
            width: 100%;
            margin-bottom: 5px;
            background-color: #398840;
        }

        header .nav-links {
            display: none;
            position: fixed;
            top: 70px;
            left: 0;
            background-color: #ffffff;
            color: #123262;
            width: 100%;
            height: 100%;
            z-index: 999;
            padding-top: 0px;
            padding-left: 12px;
        }

            header .nav-links a {
                display: block;
                text-align: left;
                line-height: 61px !important;
                color: #123262;
                margin-top: 0px;
                margin-right: 0px;
                font-size: 30px;
                font-family: 'Montserrat', sans-serif;
            }

                header .nav-links a.active {
                }

        .call-me {
            margin: 6px 0px 0 -40px;
            border-left: 0px solid #000;
            padding-left: 0;
            line-height: 18px;
            display: block;
            /*font-size: 16px;*/
        }

        .enquire_now_btn_header {
            display: none !important;
        }

        .enq-call-no {
            display: block;
            margin-right: 65px;
        }

        .banner-caption h2.text-lg {
            line-height: 54px;
            margin-bottom: 23px;
        }

        .banner-caption {
            top: 15px;
            /*text-align: center;*/
        }

        .wd-80 {
            width: 100%;
        }

        .wd-100 {
            width: 100%;
        }
    }

    /* Small Devices, Tablets */

    @media only screen and (max-width: 768px) {
        .col-sm-1 {
            width: 8.333333333333333%;
        }

        .col-sm-2 {
            width: 16.66666666666667%;
        }

        .col-sm-3 {
            width: 25%;
        }

        .col-sm-4 {
            width: 33.33333333333333%;
        }

        .col-sm-5 {
            width: 41.66666666666667%;
        }

        .col-sm-6 {
            width: 50%;
        }

        .col-sm-7 {
            width: 58.33333333333333%;
        }

        .col-sm-8 {
            width: 66.66666666666667%;
        }

        .col-sm-9 {
            width: 75%;
        }

        .col-sm-10 {
            width: 83.33333333333333%;
        }

        .col-sm-11 {
            width: 91.66666666666667%;
        }

        .col-sm-12 {
            width: 100%;
        }

        .col-sm-12-5 {
            width: 20%;
        }

        #cboxCurrent {
            display: none !important;
        }
    }

    @media only screen and (min-width: 767px) {
        .hidden-md {
            display: none !important;
        }
    }


    /* Extra Small Devices, Phones */
    @media only screen and (max-width: 767px) {
        body {
           /* font-size: 15px;*/
        }

        .col-xs-1 {
            width: 8.333333333333333%;
        }

        .col-xs-2 {
            width: 16.66666666666667%;
        }

        .col-xs-3 {
            width: 25%;
        }

        .col-xs-4 {
            width: 33.33333333333333%;
        }

        .col-xs-5 {
            width: 41.66666666666667%;
        }

        .col-xs-6 {
            width: 50%;
        }

        .col-xs-7 {
            width: 58.33333333333333%;
        }

        .col-xs-8 {
            width: 66.66666666666667%;
        }

        .col-xs-9 {
            width: 75%;
        }

        .col-xs-10 {
            width: 83.33333333333333%;
        }

        .col-xs-11 {
            width: 91.66666666666667%;
        }

        .col-xs-12 {
            width: 100%;
        }

        .col-xs-12-5 {
            width: 20%;
        }

        .hidden-xs {
            display: none !important;
        }




        .visible-xs {
            display: block !important;
        }

        .default-logo-staging {
            width: auto;
        }

        .gm-style .place-card-medium {
            display: none !important;
        }

        header .nav-links a {
            line-height: 26px !important;
            font-size: 20px;
            margin: 0px;
            padding: 10px 0px;
        }

        .menu-expand {
            display: flex !important;
            justify-content: left;
        }

            .menu-expand .dropdown-toggle {
                color: #123262;
                line-height: 26px !important;
                font-size: 20px;
                margin-left: 10px;
                padding: 10px 0px;
                font-style: normal !important;
                font-family: 'Montserrat', sans-serif;
            }

                .menu-expand .dropdown-toggle:hover {
                    cursor: pointer;
                }

                    .menu-expand .dropdown-toggle:hover::before {
                        content: "";
                        position: absolute;
                        bottom: -5px;
                        width: 100%;
                        height: 5px;
                        border-radius: 5px;
                        border-bottom: 5px solid #4E9E55;
                    }
    }

    @media only screen and (min-width: 1440px) {
        .critical-div {
        }
    }



    @media only screen and (min-width: 1600px) {

        .testi_content1 {
            padding-right: 200px;
        }
    }



    @media (max-width: 1024px) {
        .goto-home {
            top: 14px;
            position: relative;
            padding: 10px 0px;
            text-align: center;
        }

        .menu-icon-mobile {
            display: block;
            width: 50px;
            padding: 14px;
            /*background-color: #398840;*/
            background-color: #ffffff;
            border-radius: 4px;
            margin: 0;
            position: absolute;
            right: 20px;
            top: 20px;
            height: 48px;
        }
    }


    @media only screen and (min-width: 768px) and (max-width: 1024px) {

        #home {
            background-position: 65% 100% !important;
            height: 600px !important;
        }

        .banner-caption h1.text-lg {
            font-size: 28px !important;
            line-height: 40px !important;
        }

        .banner-caption h2.text-sm {
            font-size: 18px !important;
        }

        .zcwf_lblLeft .zcwf_title {
            margin-bottom: 10px;
        }

        .zcwf_lblLeft .zcwf_row {
            margin: 0px !important;
        }

        .form-control {
            margin-bottom: 10px;
        }

        .banner_text {
            margin-top: 90px;
            height: auto;
            display: flex;
            align-items: center;
        }

        .banner-caption .banner-btn {
            margin: auto;
        }

        .enquire_now_btn_header_mob {
            display: inline-block !important;
            width: 180px;
            text-align: center !important;
            padding: 9px 10px !important;
            line-height: 24px !important;
            margin-top: 5px !important;
            background: #FFC936;
            border-radius: 50px;
            /*font-size: 14px !important;*/
            color: #394352 !important;
            font-weight: 600 !important;
            position: absolute;
            right: 30px;
        }

            .enquire_now_btn_header_mob img {
                margin-left: 5px;
            }

        .critical-div {
            height: auto;
            display: block !important;
            padding: 20px;
            padding-left: 10px !important;
        }

        .our_process_title {
            position: relative;
            top: 50px;
            left: 30px;
        }
    }



    @media only screen and (min-width: 768px) and (max-width: 820px) {
        .banner_text {
            margin-top: 40px !important;
            height: auto;
        }

        .menu-icon-mobile {
            top: 10px !important;
        }
    }


    @media only screen and (max-width: 768px) {
        .menu-icon-mobile {
            top: 10px !important;
        }

        header {
            height: 125px;
            padding: 0px 0 5px;
        }

        .user-profile-wrapper .user-profile-icon {
            position: absolute;
            right: 65px;
            top: 5px;
        }


        .popup {
            width: 86%;
            margin: 30px auto;
        }

        #home {
            padding-bottom: 10px;
            height: 100%;
        }

        .bannerimg_div {
            margin-top: 30px;
        }

        .footer-mobile-view {
            position: fixed;
            bottom: 0px;
            display: block;
            width: 100%;
            text-align: center;
            z-index: 99991;
        }

        footer {
            text-align: center;
            padding: 26px 0 50px !important;
        }

        .copytxt p {
            line-height: 26px;
        }

        .poweredby {
            text-align: center;
        }

        .footer-btn-mob {
            display: block;
            background-color: #398840;
            padding: 10px;
            width: 100%;
            /*font-size: 16px;*/
            color: #fff;
            font-weight: 600;
            text-transform: uppercase;
        }
    }

    .process_svg_mob {
        display: none;
    }




    

    @media (max-width: 1024px) {
       
    }

    .overlay1-priavcy .popup {
        max-width: 800px;
    }

    .privacy-content h2 {
        font-size: 22px;
        text-align: center;
    }

    .privacy-content h3 {
        margin: 10px 0px;
    }

    .privacy-content p {
        margin-bottom: 5px;
    }

    .privacy-content ul {
        padding-left: 20px;
    }

    .close_btn {
        display: inline-block;
        border-radius: 8px;
        text-align: center;
        margin-top: 10px;
        background-color: #FFC936;
        padding: 7px 10px;
        color: #fff;
    }

    .procure_accordian {
        margin-top: 20px;
    }

    .accordian-block-section {
        margin-top: 20px;
    }

    .accordian-title {
        /*font-size: 16px;*/
        cursor: pointer;
        color: #30343B;
        line-height: 22px;
        padding: 10px 10px;
        border: 1px solid #30343B;
        margin: 0 0 16px 0;
        font-family: 'Montserrat', sans-serif;
        font-weight: 600;
        border-radius: 6px;
        /*background: #FFFFFF;*/
        display: flex;
        align-items: center;
        position: relative;
    }

        .accordian-title .accordian_icon:after {
            position: absolute;
            content: "";
            top: 10px;
            right: 18px;
            border: 2px solid;
            line-height: 5px;
            padding: 6px 3px;
            border-radius: 50%;
            height: 20px;
            width: 20px;
            transition: all 0.3s ease 0s;
            background-image: url(/benchkart-images-v1/awesome-plus.svg);
            background-size: 20px;
            background-position: center;
        }

        .accordian-title.active_accordation .accordian_icon:after {
            content: "";
            line-height: 4px;
            background-image: url(/benchkart-images-v1/awesome-minus.svg);
            background-size: 20px;
            background-position: center
        }

    .accordian-block li {
        list-style: disc;
        /*font-size: 16px;*/
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
    }

    .accordian-content {
        padding: 10px 10px 10px;
        margin: 10px 0px 20px;
    }


    .accordian-title.active_accordation {
        margin: 0;
        border: unset;
        background: #4E9E55;
        color: #fff;
        border-radius: 10px;
        box-shadow: -1px 4px 16px 0px #fff;
    }

    .procure_sec {
        background-color: #F4F4F6;
    }

        .procure_sec img.procureimg {
            width: 460px;
            margin-left: 30px;
            margin-top: -40px;
        }


    /*webTOLeadForm CSS 26 May 2022*/

    .banner_form {
        width: 100%;
        background-color: #FFFFFFEB;
        padding: 20px 10px 10px;
        border-radius: 6px;
    }

    .banner_form,
    .footer_form {
        width: 100%;
        background-color: #FFFFFFEB;
        padding: 20px 10px 10px;
        border-radius: 6px;
    }

        .banner_form .form-control,
        .footer_form .form-control {
            /*padding-left: 30px;*/
        }


    .name_icon {
        position: absolute;
        top: 50%;
        left: 15px;
        transform: translate(0, -50%);
        width: 10px;
    }



    #crmWebToEntityForm.zcwf_lblLeft {
        width: 100%;
        padding: 0px;
        margin: 0 auto;
        box-sizing: border-box;
    }

        #crmWebToEntityForm.zcwf_lblLeft * {
            box-sizing: border-box;
        }

    #crmWebToEntityForm {
        text-align: left;
    }

    .zcwf_lblLeft .zcwf_title {
        word-wrap: break-word;
        padding: 0px 6px 0px;
        font-weight: bold;
        color: #000;
    }

    .zcwf_lblLeft .zcwf_col_lab {
        width: 30%;
        word-break: break-word;
        padding: 0px 6px 0px;
        margin-right: 10px;
        margin-top: 5px;
        float: left;
        min-height: 1px;
    }

    .zcwf_lblLeft .zcwf_col_fld {
        padding: 0px 5px;
        position: relative;
        /* float: left;
width: 68%;
padding: 0px 6px 0px;
position: relative;
margin-top: 5px;*/
    }

    .zcwf_lblLeft .zcwf_privacy {
        padding: 6px;
    }

    .zcwf_lblLeft .wfrm_fld_dpNn {
        display: none;
    }

    .dIB {
        display: inline-block;
    }

    .zcwf_lblLeft .zcwf_col_fld_slt {
        width: 100%;
        border: 1px solid #ccc;
        background: #fff;
        border-radius: 4px;
        font-size: 12px;
        float: left;
        resize: vertical;
    }

    .zcwf_lblLeft .zcwf_row:after, .zcwf_lblLeft .zcwf_col_fld:after {
        content: '';
        display: table;
        clear: both;
    }

    .zcwf_lblLeft .zcwf_col_help {
        float: left;
        margin-left: 7px;
        font-size: 12px;
        max-width: 35%;
        word-break: break-word;
    }

    .zcwf_lblLeft .zcwf_help_icon {
        cursor: pointer;
        width: 16px;
        height: 16px;
        display: inline-block;
        background: #fff;
        border: 1px solid #ccc;
        color: #ccc;
        text-align: center;
        font-size: 11px;
        line-height: 16px;
        font-weight: bold;
        border-radius: 50%;
    }

    .zcwf_lblLeft .zcwf_row {
        margin: 15px 0px;
    }

    .zcwf_lblLeft .formsubmit {
        margin-right: 5px;
        cursor: pointer;
        color: #333;
        /*font-size: 12px;*/
    }

    .zcwf_lblLeft .zcwf_privacy_txt {
        width: 90%;
        color: rgb(0, 0, 0);
        /*font-size: 12px;*/
        font-family: Arial;
        display: inline-block;
        vertical-align: top;
        color: #333;
        padding-top: 2px;
        margin-left: 6px;
    }


    .zcwf_lblLeft .zcwf_button {
        padding: 9px 20px;
        display: inline-block;
        color: #fff;
        border: 1px solid #398840;
        border-radius: 5px;
        font-weight: 600;
        background-color: #398840;
        text-transform: uppercase;
        /*width: 200px;*/
        text-align: center;
        transition: all ease-in-out 0.3s;
        box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.22);
    }

        .zcwf_lblLeft .zcwf_button:hover {
            background: #E6B645 !important;
            border: 1px solid #E6B645 !important;
            box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.3);
        }

    .zcwf_lblLeft .zcwf_tooltip_over {
        position: relative;
    }

    .zcwf_lblLeft .zcwf_tooltip_ctn {
        position: absolute;
        background: #dedede;
        padding: 3px 6px;
        top: 3px;
        border-radius: 4px;
        word-break: break-all;
        min-width: 100px;
        max-width: 150px;
        color: #333;
        z-index: 100;
    }

    .zcwf_lblLeft .zcwf_ckbox {
        float: left;
    }

    .zcwf_lblLeft .zcwf_file {
        width: 55%;
        box-sizing: border-box;
        float: left;
    }

    .clearB:after {
        content: '';
        display: block;
        clear: both;
    }

    .zcwf_title {
        font-size: 22px;
        line-height: 26px;
    }

    .zcwf_lblLeft .zcwf_col_fld_slt {
        background-image: url(/benchkart-images-v1/dropdown.svg);
        background-position: right;
        background-repeat: no-repeat;
        background-size: 10px;
        cursor: pointer;
        max-width: 100%;
        background-position-x: 96%;
        -webkit-appearance: none;
        appearance: none;
        color: #95A3B7;
    }


    @media all and (max-width: 767px) {
        .zcwf_lblLeft .zcwf_col_lab, .zcwf_lblLeft .zcwf_col_fld {
            width: auto;
            float: none !important;
            text-align: center;
        }

        .zcwf_lblLeft .zcwf_col_help {
            width: 40%;
        }

        .zcwf_title {
            font-size: 24px;
            line-height: 32px;
            text-align: center;
            margin-bottom: 15px;
        }


        .zcwf_lblLeft .zcwf_row {
            margin: 0px;
        }

        .form-control {
            margin-bottom: 10px;
        }

        .banner_form {
            width: 100%;
            background-color: #FFFFFFEB;
            padding: 30px 10px 10px;
            border-radius: 6px;
            position: absolute;
            z-index: 99;
            top: auto;
            bottom: -790px;
            padding-bottom: 30px;
        }

        section#overview.padding {
            background: #F4F4F6 !important;
        }

        section#overview.padding {
            padding-top: 396px;
        }

        .paging_testimonial {
            display: none !important;
            text-align: center;
            left: 0px;
            top: 14px;
        }
    }


    /*end webtoform*/


    @media only screen and (max-width: 767px) {

        .start_trial_sec {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: top center;
            background-image: url(/benchkart-images-v1/start_trial_sec.jpg) !important;
            height: auto;
            padding: 60px 0px !important;
        }

            .start_trial_sec .form-wrapper-div {
                background-color: transparent;
                padding: 0px;
            }

        .footer_form {
            width: 100%;
            background-color: transparent !important;
            padding: 20px 10px 10px;
            border-radius: 6px;
        }

        .testimonials-div h2 {
            margin: 0px !important;
            text-align: center;
        }

        .our_process_title {
            position: relative;
            top: 0;
            text-align: center;
            left: 0px;
        }

        .process_svg {
            display: none;
        }

        .process_svg_mob {
            display: block;
            text-align: center;
        }

            .process_svg_mob a.open-form.visible-xs {
                display: inline-block !important;
                margin: auto;
            }

        .process_box {
            color: #fff;
            padding: 0px 0px 20px;
        }

            .process_box img {
                width: 180px;
                margin-bottom: -20px;
            }

            .process_box h5 {
                font-size: 18px;
                color: #fff;
                margin-bottom: 10px;
            }

        .our_process_sec {
            background-color: #123262;
            background-image: none;
        }

        .banner-caption h2.text-sm span {
            display: none;
        }

        #home {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 40% 100%;
        }

        .banner-caption {
            margin-top: 20px;
        }

        .bannerimg_div img {
            margin-top: 30px;
        }

        .bannerimg_div img {
            position: relative;
            bottom: 0px;
            right: -18px;
        }

        .bannerimg_div {
            position: relative;
            height: auto;
        }

        .banner_text {
            margin-top: 30px;
            height: auto;
            display: block;
            align-items: center;
        }

        .thankyou-msg h1 {
            font-size: 24px;
        }

        .enquire_now_btn_header_mob img {
            position: relative;
            margin-left: 5px;
            top: 1px;
        }

        .enable_tenants {
            padding-left: 0px;
        }

        .enquire_now_btn_header_mob {
            display: inline-block !important;
            width: 180px;
            text-align: center !important;
            padding: 9px 10px !important;
            line-height: 24px !important;
            margin-top: 5px !important;
            background: #FFC936;
            border-radius: 50px;
            /*font-size: 14px !important;*/
            color: #394352 !important;
            font-weight: 600 !important;
            position: absolute;
            right: 30px;
        }

            .enquire_now_btn_header_mob img {
                margin-left: 5px;
            }

        .banner-caption h1.text-lg {
            font-size: 30px;
            font-weight: bold;
            line-height: 38px;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            text-transform: capitalize;
        }

        .banner-caption h2.text-sm {
            font-size: 20px;
            line-height: 26px;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            text-transform: lowercase;
            font-weight: 600;
        }

        .banner-caption .banner-btn {
            margin: auto;
        }

        .sec-title {
            font-size: 26px;
            line-height: 36px;
            letter-spacing: 0px;
            margin-bottom: 20px;
            color: #394352;
        }

        .overview {
            text-align: center;
        }

        .video_icon img {
            width: 38px;
            height: 38px;
            margin: 10px auto 0px;
        }

        .game_video_div {
            width: 100%;
            margin: auto;
            margin-top: 20px;
            top: 0px;
            position: relative;
        }

            .game_video_div h4 {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 10px;
                color: #fff;
            }

        .procure_sec img.procureimg {
            margin-top: 20px;
            width: 100% !important;
            margin-left: 0 !important;
        }

        .procure_sec {
            padding: 40px 0px 0px !important;
        }

        .critical_pro_sec {
            padding: 40px 0px 0px;
        }

        .projects-tabs .tab_content {
            padding: 20px 0px 30px;
            margin-bottom: 0;
            float: left;
            width: 100%;
        }

        .client_ul li img {
            width: 100%;
        }

        .critical-div {
            height: auto;
            padding-left: 0;
            padding: 0px 20px;
        }

        .testimonials-div h2 {
            text-align: center;
        }

        .testimonials_box {
            text-align: center;
            padding: 0px;
        }

        .testi_heading {
            margin-left: 0;
            position: relative;
            top: -24px;
        }

        .testi_content {
            display: block;
        }

        .testimonials-div {
            padding: 30px 0px 60px;
            height: auto;
        }

        .testimonials-slider button.slick-next.slick-arrow {
            left: auto;
            right: 38%;
            bottom: -60px;
        }

        .testimonials-slider button.slick-prev.slick-arrow {
            left: 38%;
            bottom: -60px;
        }

        .case_studies_slider button.slick-next.slick-arrow {
            left: auto;
            right: 36%;
            bottom: -60px;
        }

        .case_studies_slider button.slick-prev.slick-arrow {
            left: 36%;
            bottom: -60px;
        }

        section.padding {
            padding: 40px 0;
        }

        .outstanding .sec-title {
            text-align: left !important;
        }

        .sec-sub-title {
            font-size: 20px;
            line-height: 30px;
        }

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

        .sec-desc {
            line-height: 23px;
        }

        .testimonials-slider {
            padding: 20px 0px !important;
        }

        .testi_content img {
            margin: 0px auto !important;
        }

        .testi_content {
            position: relative;
            text-align: center;
            height: auto !important;
            padding: 10px 0px !important;
            margin-top: -40px;
        }



        .case_studies_box {
            box-shadow: -6px -6px 13px #FFFFFF;
            border-radius: 6px;
        }

        .slick-slide {
            margin: 10px !important;
        }

        .slick-list {
            padding-left: 0px !important;
        }

        .benchkart_slider .slick-slide {
            margin: 0px !important;
            background-color: transparent;
        }

        .diff-box {
            border-radius: 12px;
            background-color: transparent;
        }

        .outsourcing_bg {
            background-color: #E5E5EB;
        }

        .benchkart_slider button.slick-next.slick-arrow {
            right: 10px;
            background-image: url(/benchkart-images-v1/left.svg);
            background-size: 20px;
            width: 50px;
            height: 50px;
            background-position: center;
            background-color: #e6b645;
            display: flex !important;
            align-items: center;
            border-radius: 50%;
            top: 54%;
            bottom: auto;
        }

        .benchkart_slider button.slick-prev.slick-arrow {
            left: 10px;
            background-image: url(/benchkart-images-v1/right.svg);
            background-size: 20px;
            width: 50px;
            height: 50px;
            background-position: center;
            /*background-color: #e6b645;*/
            display: flex !important;
            align-items: center;
            border-radius: 50%;
            top: 54%;
            bottom: auto;
        }

        .benchkart_slider .slick-next.slick-arrow.slick-disabled {
            display: none !important;
        }

        .benchkart_slider .slick-prev.slick-arrow.slick-disabled {
            display: none !important;
        }

        .process_slider button.slick-next.slick-arrow {
            right: 10px;
            background-image: url(/benchkart-images-v1/left_green.svg);
            background-size: 20px;
            width: 50px;
            height: 50px;
            background-position: center;
            background-color: transparent;
            display: flex !important;
            align-items: center;
            border-radius: 50%;
            top: 96px;
            bottom: auto;
        }

        .process_slider .slick-next.slick-arrow.slick-disabled::before,
        .process_slider .slick-prev.slick-arrow.slick-disabled::before {
            display: none !important;
        }

        .process_slider button.slick-next.slick-arrow {
            right: 10px;
            background-image: url(/benchkart-images-v1/left.svg);
            background-size: 20px;
            width: 50px;
            height: 50px;
            background-position: center;
            background-color: #e6b645;
            display: flex !important;
            align-items: center;
            border-radius: 50%;
            top: 40%;
            bottom: auto;
        }

        .process_slider button.slick-prev.slick-arrow {
            left: 10px;
            background-image: url(/benchkart-images-v1/left-black.png);
            background-size: 20px;
            width: 50px;
            height: 50px;
            background-position: center;
            background-color: #e6b645;
            display: flex !important;
            align-items: center;
            border-radius: 50%;
            top: 40%;
            bottom: auto;
        }

        .process_img {
            position: relative;
            z-index: 99;
            margin-bottom: 40px;
        }

        .process_box {
            position: relative;
            z-index: 9991;
        }

        .slick-current.slick-active .process_img::before {
            content: "";
            width: 100%;
            height: 1px;
            display: block;
            position: absolute;
            top: 47%;
            left: 0px;
            bottom: 0px;
            z-index: -1;
            transform: translate(0px, -50%);
            border-top: 2px dashed #398840;
        }



        .process_slider .slick-next.slick-arrow.slick-disabled {
            display: none !important;
        }

        .process_slider .slick-prev.slick-arrow.slick-disabled {
            display: none !important;
        }

        .req_btn_mob {
            position: relative;
            z-index: 1;
            text-align: center;
        }

        .critical-div {
            text-align: center;
        }

        .projects_ul {
            width: 100%;
        }

        .client_ul {
            list-style: none;
            display: block;
        }

            .client_ul li {
                display: block;
                background-color: #F4F4F6;
                border-radius: 6px;
                padding: 10px;
                margin: 5px;
                width: 100%;
                text-align: center;
                height: 90px;
                float: left;
            }

                .client_ul li:nth-of-type(1), .client_ul li:nth-of-type(4) {
                    margin-left: 5px;
                    width: 100%;
                }
    }


    @media all and (max-width: 414px) {
        .banner_form {
            bottom: -820px;
        }

        section#overview.padding {
            padding-top: 520px;
        }

        .case_studies_slider button.slick-next.slick-arrow,
        .testimonials-slider button.slick-next.slick-arrow {
            left: auto;
            right: 35%;
            bottom: -60px;
        }

        .case_studies_slider button.slick-prev.slick-arrow,
        .testimonials-slider button.slick-prev.slick-arrow {
            left: 35%;
            bottom: -60px;
        }

        .zcwf_lblLeft .zcwf_button {
            margin-top: 20px;
        }

        .zcwf_lblLeft .zcwf_button {
            height: 40px;
        }
    }



    @media only screen and (min-width: 410px) and (max-width: 414px) {

        .banner_form {
            bottom: -805px !important;
        }
    }

    @media all and (max-width: 400px) {
        .banner_form {
            bottom: -900px;
        }

        .sec-subHeading {
            font-size: 20px;
        }
    }


    @media only screen and (min-width: 380px) and (max-width: 400px) {

        .banner_form {
            bottom: -805px !important;
        }
    }


    @media all and (max-width: 375px) {
        .banner-caption h1.text-lg {
            text-align: center;
            font-size: 26px;
            line-height: 34px;
        }

        .banner_form {
            /*bottom: -895px;*/
            bottom: -750px !important;
        }
    }

    @media all and (max-width: 360px) {
        .case_studies_slider button.slick-next.slick-arrow,
        .testimonials-slider button.slick-next.slick-arrow {
            left: auto;
            right: 32%;
        }

        .case_studies_slider button.slick-prev.slick-arrow,
        .testimonials-slider button.slick-prev.slick-arrow {
            left: 32%;
        }

        .banner-caption h1.text-lg {
            text-align: center;
            font-size: 26px;
            line-height: 34px;
        }

        .banner_form {
            bottom: -652px !important;
        }

        section#overview.padding {
            padding-top: 396px;
        }

        .process_slider button.slick-prev.slick-arrow::before {
            content: "";
            width: 250px;
        }

        .sec-subHeading {
            /*font-size: 16px !important;*/
            line-height: 30px !important;
        }

        .diff-content-wrapper {
            height: 130px;
        }

        .benchkart_soln .diff-content {
            font-size: 12px;
        }
    }


    /*animination css start*/
    .in-view {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInDown;
        animation-delay: 0.3s;
    }

    @-webkit-keyframes fadeInDown {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
            transform: translateZ(0);
        }
    }

    @keyframes fadeInDown {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            opacity: 0;
            transform: translate3d(0, -100%, 0);
        }

        to {
            -webkit-transform: translateZ(0);
            opacity: 1;
            transform: translateZ(0);
        }
    }



    .pricing-table {
        background: #fff;
        border-radius: 30px;
        box-shadow: 52px 52px 74px 0 rgba(115, 131, 169, 0.08);
    }

        .pricing-table table {
            display: block;
        }

            .pricing-table table thead {
                display: block;
            }

                .pricing-table table thead tr {
                    display: block;
                }

                    .pricing-table table thead tr .sin-title-box {
                        padding: 0 20px;
                        height: 60px;
                        font-size: 18px;
                        font-weight: 700;
                        letter-spacing: -0.56px;
                    }

            .pricing-table table tbody {
                display: block;
            }

                .pricing-table table tbody tr {
                    display: block;
                }

            .pricing-table table .title-col {
                min-width: 290px;
            }

            .pricing-table table .basic-col {
                min-width: 16rem;
            }

            .pricing-table table .standard-col {
                min-width: 16rem;
            }

            .pricing-table table .premium-col {
                min-width: 16rem;
            }

            .pricing-table table .ent-col {
                min-width: 195px;
            }

            .pricing-table table .colored-row {
                border-top: 2px solid #cfd5e340;
                width: initial;
            }

                .pricing-table table .colored-row:first-child {
                    border-top: 0;
                }

                    .pricing-table table .colored-row:first-child .sin-box:before {
                        height: 100%;
                        top: auto;
                        bottom: 0;
                    }

                .pricing-table table .colored-row .sin-box {
                    position: relative;
                    padding: 0 20px;
                    height: 65px;
                    font-size: 18px;
                    font-weight: 300;
                    letter-spacing: -0.56px;
                }

                    .pricing-table table .colored-row .sin-box:before {
                        content: "";
                        background: #ddebfc;
                        height: 100%;
                        top: 0;
                        left: 0;
                        position: absolute;
                        width: 1px;
                    }

                .pricing-table table .colored-row .title-col:before {
                    width: 0px;
                }

                .pricing-table table .colored-row .sin-box.title-col {
                    font-weight: 700;
                }

                .pricing-table table .colored-row .sin-box .table-icon {
                    font-size: 20px;
                }

                    .pricing-table table .colored-row .sin-box .table-icon.neg {
                        color: #f04037;
                    }

                    .pricing-table table .colored-row .sin-box .table-icon.pos {
                        color: #67d216;
                    }

            .pricing-table table .price-widget-block {
                padding-left: 22px;
                margin-top: 50px;
            }

                .pricing-table table .price-widget-block .title {
                    font-size: 21px;
                    font-weight: 700;
                    letter-spacing: -0.66px;
                    padding-bottom: 5px;
                }

    .cta-header {
        width: 260px !important;
    }


    .right-expertise .diff-content-wrapper {
        height: 52px;
    }

    .right-expertise .diff-content {
        padding-left: 10px;
    }






    /*START video PLAYER*/
/* Play Icon */
.vjs-icon-play:before,
.video-js .vjs-play-control .vjs-icon-placeholder:before,
.video-js .vjs-big-play-button .vjs-icon-placeholder:before {
    content: "\f04b" !important; /* Play icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
    content: "\f04c" !important;
}


.video-js .vjs-play-control:hover .vjs-icon-placeholder:before {
    color: #4E9E55; /* Change color on hover */
    transition: color 0.3s ease; /* Smooth transition */
    content: "\f04c"; /* Change to desired hover icon */
}

/* Volume Control Icons */
.vjs-icon-volume-high:before,
.video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f028"; /* Volume high icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}

/* Mute Icon */
.vjs-icon-volume-muted:before,
.video-js .vjs-mute-control.vjs-mute .vjs-icon-placeholder:before {
    content: "\f026"; /* Volume mute icon */
}

/* Mute Control Hover */
.video-js .vjs-mute-control:hover .vjs-icon-placeholder:before {
    color: #4E9E55; /* Change to green on hover */
}

/* Picture-in-Picture Icon */
.vjs-icon-picture-in-picture-enter:before,
.video-js .vjs-picture-in-picture-control .vjs-icon-placeholder:before {
    content: "\f02d"; /* Use a suitable icon for Picture-in-Picture */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}

/* Picture-in-Picture Hover State */
.video-js .vjs-picture-in-picture-control:hover .vjs-icon-placeholder:before {
    color: #4E9E55; /* Change to green on hover */
}


/* Fullscreen Icon */
.vjs-icon-fullscreen-enter:before,
.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f065"; /* Use correct fullscreen icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
    content: "\f065";
}

.video-js .vjs-fullscreen-control:hover .vjs-icon-placeholder:before {
    color: #4E9E55; /* Change to green on hover */
}

/* Additional Styles */
.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f028"; /* Unicode for Font Awesome solid volume high icon */
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}

.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
    content: "\f6a9";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}
.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
    content: "\f028";
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    font-size: 18px;
}


/* Ensure all icons have consistent size and style */
.video-js .vjs-icon-placeholder:before {
    font-family: 'Font Awesome 6 Free'; /* Ensure this matches your Font Awesome version */
    font-weight: 900; /* Set to 900 if you're using solid icons */
    font-size: 18px; /* Adjust size as needed */
}




    /*legend video PLAYER*/
@import url(/_MainSite/assets/https:/fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);
@import url(/_MainSite/assets/https:/fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap);

:root {
    --titleFonts: 'Montserrat', sans-serif;
    --bodyFonts: 'Inter', sans-serif;
    --themeGreen: #26a04c;
    --themeGreenShade5: #d0e9d7;
    --themeBlue: #123262;
    --themeYellow: #F0B61C;
    --themeGray: #58595b;
    --themeGrayShade2: #5b5c5c;
    --themeGrayShade3: #808181;
    --themeGrayShade4: #a9a9a9;
    --themeGrayShade5: #d2d2d2;
    --fontSizeText: 15px;
    --fontSizeHeaderMain: 17px;
    --fontSizeHeaderLevel2: 15px;
    --fontSizeHeaderLevel3: 14px;
    --fontSizeNote: 12px;
}


body, p, span, a, li {
    font-size: var(--fontSizeText) !important;
    font-family: var(--bodyFonts) !important;
}




h1, h2, h3, h4, h5, h6 {
    font-family: var(--titleFonts) !important;
}

h1 {
    /*font-size: var(--fontSizeText) !important;*/
    font-weight: 700 !important;
}
h2 {
   /* font-size: var(--fontSizeHeaderLevel2) !important;*/
    font-weight: 700 !important;
}
h3 {
   /* font-size: var(--fontSizeHeaderLevel3) !important;*/
    font-weight: 700 !important;
}

.text-blue {
    color: var(--themeBlue) !important;
}

.text-gray {
    color: var(--themeGray) !important;
}

.text-green {
    color: var(--themeGreen) !important;
}


.aside-menu .menu-item .menu-link {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.table{
    border-color: #ffffff;
}

.form-control {
    font-size: var(--fontSizeText) !important;
    padding: 8px !important;
}


.btn:hover {
    color: #ffffff;
}

.modal-content {
    z-index: 1200 !important;
}
.swal2-container{
    z-index: 10000 !important;
}
.swal2-popup {
    z-index: 1500 !important;
    position: fixed;
}

.additional-info-required{
    display: none !important;
}


.zcwf_col_help {
    margin-left: 0px !important;
    max-width: 100% !important;
}

.zcwf_col_help span {
    font-size: 15px !important;
    color: #dc3545 !important;
}

.action-link a {
    color: var(--themeGreen);
}

.action-link a:hover {
    color: var(--themeYellow);
}

input::placeholder, textarea::placeholder {
    font-size: 15px !important; /* Adjust the font size as needed */
    color: #d2d2d2 !important; /* Adjust the color as needed */
    /* Add other styles as needed */
}

.font-size-text {
    font-size: var(--fontSizeText) !important;
}
.font-size-headermain {
    font-size: var(--fontSizeHeaderMain) !important;
}
.font-size-headerlevel2 {
    font-size: var(--fontSizeHeaderLevel2) !important;
}
.font-size-headerlevel3 {
    font-size: var(--fontSizeHeaderLevel3) !important;
}
.font-size-note{
    font-size: var(--fontSizeNote) !important;
}

.label-note {
    font-size: var(--fontSizeNote) !important;
    color:var(--themeGrayShade5);
}


.text-white {
    color: #ffffff;
}

.text-blue-primary {
    color: var(--themeBlue) !important;
}

.bg-blue-primary {
    background-color: var(--themeBlue) !important;
}


.text-green-primary {
    color: var(--themeGreen) !important;
}

.text-gray-yellow {
    color: var(--themeYellow) !important;
}

.text-gray-primary {
    color: var(--themeGray) !important;
}

.action-link, .action-link i{
    color: var(--themeGreen) !important;
}

.action-link:hover, .action-link i:hover {
    color: var(--themeYellow) !important;
    cursor: pointer !important;
}

.reject-link {
    color: #F1416C !important;
}

.reject-link:hover {
    cursor: pointer !important;
    font-weight: bold;
}

.swal2-styled.swal2-confirm {
    background-color: var(--themeGreen);
}

.swal2-styled.swal2-confirm:hover {
    background-color: var(--themeYellow);
}

.phone-with-code{
    padding-left: 80px !important;
}

.iti.iti--allow-dropdown {
    width: 100%;
}

.btn-action-link{
    border: 1px solid var(--themeGreen) !important;
    color: var(--themeGreen);
    background-color: #ffffff;
    border-radius: 5px;
    padding: 5px !important;
}

.btn-action-link:hover {
    border: 1px solid var(--themeYellow) !important;
    color: var(--themeYellow);
}


.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
    left:  8px !important;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
    right: 1px !important;
}

@media (max-width: 767px) {
    .swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
        right: -4px !important;
    }
}
/*SHOW small WIZAED FIELDS*/
/*.fieldset{
    display:block !important;
}*/


.dleifndh {
    display: none;
}

.form-control {
    /*padding: 5px !important;*/
}

.section-bg-gray {
    background-color: #F4F4F6 !important;
}

.section-bg-white {
    background-color: #FFFFFF !important;
}

.g-recaptcha {
    transform: scale(0.92);
    transform-origin: 0 0;
}

header .nav-links a {
    margin: 0px 8px;
}

.nav-links .dropdown-menu {
    background-color: #003366;
    min-width: 15rem;
}

.nav-links .dropdown {
    display: inline-block;
}

    .nav-links .dropdown .dropdown-menu li a {
        line-height: 14px !important;
        margin: 0px 15px;
    }

    .nav-links .dropdown .dropdown-menu li a {
        display: inline-block;
        padding: 10px 0;
        line-height: 32px;
        margin: 0px 15px;
        font-size: 16px;
        text-align: left;
        color: #fff;
        font-family: 'Montserrat', sans-serif;
        position: relative;
        font-weight: 400;
        border-bottom: 5px solid transparent;
    }

    .nav-links .dropdown .btn {
        color: #ffffff !important;
        padding: 0.35rem 0.55rem;
    }

        .nav-links .dropdown .btn:hover::before {
            content: "";
            position: absolute;
            bottom: -5px;
            width: 100%;
            height: 5px;
            border-radius: 5px;
            border-bottom: 5px solid #4E9E55;
        }

.hidden-md {
    display: none !important;
}

.visible-xs {
    display: none !important;
}

.visible-md {
    display: block !important;
}

.header-banner-wrapper {
    /*background-color: #F0B61C;
    color: #003366;*/
    background-color: #4E9E55;
    color: #ffffff;
}

.page-title {
    font-size: 32px;
    font-weight: bold;
}

.page-title-desc {
    font-size: 16px;
    /*color: #003366;*/
    color: #ffffff;
    line-height: 1.5rem;
    font-weight: 500;
}

    .page-title-desc img {
        height: 100px;
    }

@media only screen and (max-width: 767px) {
    header .nav-links a {
        line-height: 21px !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }

    .hidden-xs {
        display: none !important;
    }

    .hidden-md {
        display: block !important;
    }

    .visible-xs {
        display: block !important;
    }

    .visible-md {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .form-control {
        margin-bottom: 0px;
    }
}

@media (max-width: 767px) {
    .zcwf_lblLeft .zcwf_col_help {
        margin-bottom: 10px;
        text-align: left;
    }
}


.modal-open {
    padding-right: 0px !important;
}

.background-blue {
    background-color: #003366 !important;
}

.background-yellow {
    background-color: #F0B61C !important;
}

.background-green {
    background-color: #26a04c !important;
}

.background-gray {
    background-color: #58595b !important;
}

.text-yellow {
    color: #F0B61C !important;
}

.text-green {
    color: #26a04c !important;
}

.text-gray {
    color: #58595b !important;
}


.action-button-green {
    padding: 7px 14px;
    display: inline-block;
    color: #fff;
    border: 0px !important;
    border-radius: 23px;
    font-weight: 600;
    background-color: #398840;
    text-align: center;
    margin-top: 15px;
    transition: all ease-in-out 0.3s;
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 22%);
}

    .action-button-green:hover {
        background: #F0B61C !important;
        box-shadow: 0px 2px 4px 0px rgb(0 0 0 / 30%);
        border: 0px !important;
    }

.progress-bar {
    background-color: #26a04c !important;
}



.breadcrumbs {
    border-radius: 0.3rem;
    display: inline-flex;
    overflow: hidden;
}

.breadcrumbs__item {
    background: #fff;
    color: #333;
    outline: none;
    padding: 5px 13px;
    position: relative;
    text-decoration: none;
    transition: background 0.2s linear;
    background-color: #F0B61C;
    color: #000000;
    border-right: 1px solid white;
}

    .breadcrumbs__item:hover:after,
    .breadcrumbs__item:hover {
        cursor: default;
        background-color: #F0B61C;
        color: #000000;
    }

    .breadcrumbs__item:focus:after,
    .breadcrumbs__item:focus,
    .breadcrumbs__item.is-active:focus {
        background-color: #F0B61C;
        color: #000000;
    }

    .breadcrumbs__item:after,
    .breadcrumbs__item:before {
        background: white;
        bottom: 0;
        clip-path: polygon(50% 50%, -50% -50%, 0 100%);
        content: "";
        left: 100%;
        position: absolute;
        top: 9px;
        transition: background 0.2s linear;
        width: 1em;
        z-index: 1;
        height: 12px;
    }

    .breadcrumbs__item:before {
        background: #ffffff;
    }

    .breadcrumbs__item:last-child {
        border-right: none;
    }

    .breadcrumbs__item.is-active {
        background: #26a04c;
        color: #ffffff;
    }





.zcwf_lblLeft .zcwf_row {
}

.user_form .form-control {
    padding-left: 10px
}

.form-control-checkbox {
    border: 0px !important;
    padding-left: 0px !important;
}

#footer .footer-top h4 {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 12px;
}

#footer .footer-top .footer-links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer .footer-top h4::before {
    right: 0;
    background: #555555;
}

#footer .footer-top h4::after {
    background: #26a04c;
    width: 60px;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
}

#footer .footer-top .footer-links ul li:first-child {
    padding-top: 0;
}

#footer .footer-top .footer-links ul li {
    border-bottom: 0px solid #ffffff;
    padding: 5px 0;
    width: 350px;
}

    #footer .footer-top .footer-links ul li a:hover {
        color: #26a04c;
    }

#footer .footer-newsletter a:hover {
    color: #26a04c;
}

#world_class_agencies .world_class_agency_box img {
    max-width: 40px;
}

#world_class_agencies .headerdiv {
    border-bottom: 2px solid #26a04c;
}

section#overview.padding {
    padding-top: 40px;
}

.readmore_link {
    color: #26a04c;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    border-bottom: 1px solid;
    padding-right: 20px;
    font-weight: 500;
}

    .readmore_link img {
        position: absolute;
        width: 10px;
        margin: 0px;
        top: -2px;
        right: 1px;
    }

    .readmore_link:hover {
        color: #26a04c;
    }

.number_of_agencies_sec .counter-val {
    font-weight: normal;
    font-size: 35px;
    color: #26a04c;
}

.procure_sec {
    background-color: #ffffff;
}
/* Portfolio Section
--------------------------------*/
.available_services_sec {
    padding: 60px 0;
    background-color: #F4F4F6;
}

    .available_services_sec .categories {
        padding: 0;
        margin: 5px 0 35px 0;
        list-style: none;
        text-align: center;
    }

        .available_services_sec .categories li {
            cursor: pointer;
            margin: 15px 15px 15px 0;
            display: inline-block;
            padding: 10px 20px;
            font-size: 12px;
            line-height: 20px;
            color: #666666;
            border-radius: 4px;
            text-transform: uppercase;
            background: #fff;
            margin-bottom: 5px;
            transition: all 0.3s ease-in-out;
        }

            .available_services_sec .categories li.filter-active {
                background: #26a04c;
                color: #fff;
            }

            .available_services_sec .categories li:hover {
                background: #F0B61C;
                color: #000000;
            }


            .available_services_sec .categories li:last-child {
                margin-right: 0;
            }

    .available_services_sec .portfolio-wrap {
        box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
        transition: 0.3s;
    }

        .available_services_sec .portfolio-wrap:hover {
            box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);
        }

    .available_services_sec .portfolio-item {
        position: relative;
        height: 360px;
        overflow: hidden;
    }

        .available_services_sec .portfolio-item figure {
            background: #000;
            overflow: hidden;
            height: 240px;
            position: relative;
            border-radius: 4px 4px 0 0;
            margin: 0;
        }

            .available_services_sec .portfolio-item figure:hover img {
                opacity: 0.4;
                transition: 0.3s;
            }

            .available_services_sec .portfolio-item figure .link-preview, #portfolio .portfolio-item figure .link-details {
                position: absolute;
                display: inline-block;
                opacity: 0;
                line-height: 1;
                text-align: center;
                width: 36px;
                height: 36px;
                background: #fff;
                border-radius: 50%;
                transition: 0.2s linear;
            }

                .available_services_sec .portfolio-item figure .link-preview i, #portfolio .portfolio-item figure .link-details i {
                    padding-top: 6px;
                    font-size: 22px;
                    color: #333;
                }

                .available_services_sec .portfolio-item figure .link-preview:hover,
                .available_services_sec .portfolio-item figure .link-details:hover {
                    background: #26a04c !important;
                    color: #ffffff;
                }

                    .available_services_sec .portfolio-item figure .link-preview:hover i,
                    .available_services_sec .portfolio-item figure .link-details:hover i {
                        color: #ffffff !important;
                    }

            .available_services_sec .portfolio-item figure .link-preview {
                left: calc(50% - 38px);
                top: calc(50% - 18px);
            }

            .available_services_sec .portfolio-item figure .link-details {
                right: calc(50% - 38px);
                top: calc(50% - 18px);
            }

            .available_services_sec .portfolio-item figure:hover .link-preview {
                opacity: 1 !important;
                left: calc(50% - 44px);
            }

            .available_services_sec .portfolio-item figure:hover .link-details {
                opacity: 1 !important;
                right: calc(50% - 44px);
            }

        .available_services_sec .portfolio-item .portfolio-info {
            background: #fff;
            text-align: center;
            padding: 15px;
            height: 90px;
            border-radius: 0 0 3px 3px;
        }

            .available_services_sec .portfolio-item .portfolio-info h4 {
                font-size: 18px;
                font-weight: 700;
                margin-bottom: 18px;
                padding-bottom: 0;
            }

                .available_services_sec .portfolio-item .portfolio-info h4 a {
                    color: #333;
                }

                    .available_services_sec .portfolio-item .portfolio-info h4 a:hover {
                        color: #26a04c;
                    }

            .available_services_sec .portfolio-item .portfolio-info p {
                padding: 0;
                margin: 0;
                color: #b8b8b8;
                font-weight: 500;
                font-size: 14px;
                text-transform: uppercase;
            }

@media (min-width: 600px) {
    .available_services_sec .categories li {
        font-size: 18px !important;
        font-weight: bolder !important;
        border: 1px solid #909CAD !important;
    }
}

.important_services_sec .link-service {
    color: #58595b !important;
}


    .important_services_sec .link-service:hover {
        color: #26a04c !important;
    }

.zcwf_col_help {
    max-width: 100% !important;
}

.name_icon {
    top: 20px !important;
}

.start_trial_sec {
    /*height:70vh !important;*/
    height: auto;
    min-height: 69vh;
}

@media (max-width: 767px) {
    .zcwf_lblLeft .zcwf_col_help {
        width: 100% !important;
    }
}

.zcwf_col_help {
    color: #f80606;
    margin-bottom: 10px;
}

#home {
    height: 70vh !important;
    /*padding: 0px;
    background-image: url(/_mainsite/assets/images/header_share_req.png) !important;
    height: 86vh !important;
    background-size: 39% auto;
    background-repeat: no-repeat;
    background-position: 90% 52%;*/
    display: flex;
    justify-content: center;
}

.content-wrapper {
    /*background-color: #ececec;*/
}


.content-wrapper {
    position: relative;
    display: flex;
    flex-direction: row; /* Row layout for larger screens */
    flex-wrap: nowrap; /* Allows wrapping on smaller screens */
}

.content-wrapper > div:first-child {
    flex: 0 1 55%; /* First div takes 40% width */
    padding: 0px 20px;
}

.content-wrapper > div:last-child {
    /*flex: 0 1 45%;*/ /* Second div takes 60% width */
}

.content-wrapper .text-wrapper {
    display: flex;
    flex-direction: column; /* Row layout for larger screens */
}

    .content-wrapper .text-wrapper h1 {
        color: var(--themeBlue) !important;
    }

    .content-wrapper .text-wrapper .banner-para {
        color: var(--themeGray) !important;
    }


    .content-wrapper .enquire_now_btn_header {
        width: 180px !important;
        padding: 5px !important;
        font-size: 18px !important;        
        font-weight: normal !important;
    }




    /*TESTIMONAILS*/
.client_ul-home {
    display: flex;
    flex-wrap: wrap; /* Allow wrapping of items */
    list-style-type: none; /* Remove bullet points */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.client_ul-home li {
    flex: 1 1 25%; /* Each item takes 25% of the row (4 per row) */
    padding: 10px; /* Add spacing between items */
    box-sizing: border-box; /* Ensure padding does not affect the width */
    text-align: center; /* Center align the images */
}

.client_ul-home li img {
    width: 100%; /* Make images responsive to the width of the li */
    height: auto; /* Maintain aspect ratio */
    max-width:85px;
}






    .banner_text {
        position: relative;
        /* Add any other styling for the banner text as needed */
        z-index: 2; /* Ensure the text is above the image background */
    }

.image-background {
    /*position: absolute;
    top: 0%;
    left: 0%;*/
}


.btn-banner {
    top: -23rem;
    padding: 11px 25px !important;
    line-height: 24px !important;
    font-size: 18px !important;
    z-index: 2;
}

.banner-image {
    /*content: url(/_mainsite/assets/images/header_share_req.png);
    position: absolute;
    top: -35%;
    left: 14%;*/
}

@media only screen and (max-width: 1366px) {
    .banner-image {
        top: -41%;
        display: block;
    }
}

@media only screen and (min-width: 1370px) {
    .btn-banner {
        top: 5rem;
    }
}

@media only screen and (max-width: 767px) {
    #home {
        height: 650px !important;
        background-image: none !important;
    }


    .content-wrapper {
        flex-direction: column;
        max-width: 370px !important;
    }
    .content-wrapper > div {
        flex: 1 1 100%; /* Full width for each div on smaller screens */
    }

    header .nav-links a.active::before {
        right: 0px;
    }


    .banner-image {
        content: url(/_mainsite/assets/images/header_share_req_mob.png);
        position: absolute;
        top: 12rem;
        left: -5%;
        height: 22rem;
    }
}


@media screen and (max-width: 767px) and (max-height: 810px) {
    #home {
        height: 105vh !important;
    }
}

@media screen and (max-width: 767px) and (max-height: 770px) {
    #home {
        height: 100vh !important;
    }
}

@media screen and (max-width: 767px) and (max-height: 660px) {
    #home {
        height: 120vh !important;
    }
}

@media screen and (max-width: 767px) and (max-height: 660px) {
    #home {
        height: 130vh !important;
    }
}

@media screen and (max-width: 767px) and (max-height: 600px) {
    #home {
        height: 100vh !important;
    }
}


.more_link_cases {
    width: 100%;
    position: relative;
    left: 0;
    top: -15px;
    font-size: 16px;
    color: #003366 !important;
    text-align: right;
    display: block;
    text-align: center;
}

.bg-banner-internal {
    /*background-color: #F0B61C;*/
    /*background: rgb(238,204,125);
    background: linear-gradient(180deg, rgba(238,204,125,1) 0%, rgba(230,182,69,1) 100%);
*/
    /*background-image: url(/benchkart-images-v1/header-internal-banner.webp);
    background-repeat: no-repeat;*/
}

    .bg-banner-internal h1, .bg-banner-internal h2 {
        /* text-shadow: -1px -1px 1px #F0B61C, 1px 1px 1px #000;
        color: #9c8468;
        opacity: 1;
        font-size: 32px;*/

        font-size: 30px;
    }


@media (max-width: 600px) {
    .bg-banner-internal h1, .bg-banner-internal h2 {
        font-size: 25px;
    }
}



.case_study_testimonail .testimonials_box img.testi_img {
    width: 120px;
    height: 120px;
    padding: 2px;
    background-color: #ffffff;
}

.our_process_sec.case_study_testimonail {
    background-image: none !important;
    background-color: #003366 !important;
}

.card-header {
    background-color: #909CAD !important;
}


.case_study_header {
    padding: 40px 0px 0px !important;
}


.agencies_deliver .accordian-title.active_accordation .accordian_icon:after {
    content: "";
    line-height: 4px;
    background-image: none !important;
    background-size: 20px;
    background-position: center;
}


.constantly_evaluated .case_studies_slider img {
    max-width: 90px !important;
    padding: 20px;
}

.constantly_evaluated .case_content {
    background-color: #ffffff !important;
    height: 150px;
}

.constantly_evaluated .case_studies_box {
    background-color: #F0B61C !important;
}

.hiring_agency .container {
    z-index: 10;
}

.hiring_agency {
    background: url(/assets/img/about-bg.jpg) center top no-repeat fixed;
    background-size: cover;
    padding: 60px 0 40px 0;
    position: relative;
}

    .hiring_agency::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.92);
        z-index: 9;
    }

    .hiring_agency .about-col {
        background: #fff;
        border-radius: 0 0 4px 4px;
        box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
        margin-bottom: 20px;
        height: 425px !important;
    }

        .hiring_agency .about-col .img {
            position: relative;
        }





.case_study_display .about-col .icon {
    width: 64px;
    height: 64px;
    padding-top: 8px;
    text-align: center;
    position: absolute;
    background-color: #26a04c;
    border-radius: 50%;
    text-align: center;
    border: 4px solid #fff;
    left: calc( 50% - 32px);
    bottom: -30px;
    transition: 0.3s;
}

.case_study_display .about-col h3 {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    padding: 0;
    margin: 40px 0 12px 0;
}






.case_study_display .about-col {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
    margin-bottom: 20px;
    height: 520px !important;
}

    .case_study_display .about-col .img {
        position: relative;
    }

        .case_study_display .about-col .img img {
            height: 254px !important;
            width: 375px !important;
        }




    .case_study_display .about-col .icon {
        width: 64px;
        height: 64px;
        padding-top: 8px;
        text-align: center;
        position: absolute;
        background-color: #26a04c;
        border-radius: 50%;
        text-align: center;
        border: 4px solid #fff;
        left: calc( 50% - 32px);
        bottom: -30px;
        transition: 0.3s;
    }

        .case_study_display .about-col .icon:hover {
            background-color: #F0B61C;
        }

    .case_study_display .about-col h3 {
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        padding: 0;
        margin: 40px 0 12px 0;
    }

.begin-your-search .about-col {
    height: 475px !important;
}


.sign-in {
}

.fixed-page {
    background-image: url(/benchkart-images-v1/businessman-typing-laptop.webp);
}

.start_trial_sec {
    /*background-image: url(/benchkart-images-v1/businessman-typing-laptop.webp);*/
}

.bg-businessman-typing {
    background-image: url(/benchkart-images-v1/businessman-typing-laptop.webp);
}


.signin-page {
    background-image: url(/benchkart-images-v1/sign-in.webp);
    /*background-size: 1366px 640px;*/
    /*background-size: initial;*/
    background-position: -350px 35px;
    background-attachment: fixed;
    padding: 0px !important;
    min-height: 80vh;
}



@media only screen and (max-width: 767px) {
    .signin-page {
        background-image: url(/_mainsite/assets/images/bg-mobile-6.webp) !important;
        background-position: bottom;
    }
}


/*--------------------------START POST PROJECT*/
.form-steps {
    display: none;
}

    .form-steps.active {
        display: block;
    }


ugf-wrapper .ugf-content-block .ugf-content {
    padding-left: 3rem;
}

.visable_xs {
    display: none;
}

@media all and (max-width: 1600px) {
    .logo {
        top: 50px;
        left: 60px;
    }

    .alternet-access {
        right: 60px;
    }

    .ugf-wrapper .ugf-sidebar {
        padding: 40px 60px;
    }

    .ugf-sidebar .clients {
        margin-top: 40px;
    }

    .testimonial-carousel .item .quote {
        margin-bottom: 20px;
    }

    .testimonial-carousel .item p {
        margin-bottom: 30px;
    }

    .ugf-content.pt270 {
        padding-top: 180px;
    }

    .ugf-content.pt340 {
        padding-top: 250px;
    }
}

@media all and (max-width: 991px) {
    .ugf-wrapper .ugf-content-block {
        min-height: auto;
    }

        .ugf-wrapper .ugf-content-block .logo {
            width: 690px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

        .ugf-wrapper .ugf-content-block .ugf-content {
            padding: 130px 0 0;
        }

        .ugf-wrapper .ugf-content-block .alternet-access {
            width: 690px;
            position: static;
            margin: 0 auto;
            margin-bottom: 100px;
            margin-top: 30px;
        }

    .ugf-wrapper .ugf-sidebar {
        position: static;
        width: 100%;
        min-height: auto;
        display: block;
        padding: 100px 0 40px;
    }

        .ugf-wrapper .ugf-sidebar.sidebar-steps {
            padding-bottom: 100px;
        }

            .ugf-wrapper .ugf-sidebar.sidebar-steps .steps {
                max-width: 690px;
                margin: 0 auto;
            }

        .ugf-wrapper .ugf-sidebar .testimonial-carousel {
            max-width: 690px;
            margin: 0 auto;
        }

        .ugf-wrapper .ugf-sidebar .clients {
            max-width: 690px;
            margin: 40px auto 0;
        }

    .resend-code {
        margin-bottom: 100px;
    }

    .ugf-content .account-category .account-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        border: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        margin-right: 12px;
        background: #ffffff;
        padding-top: 20px;
        margin-bottom: 20px;
    }

    .hidden_xs {
        display: none;
    }
}

@media all and (max-width: 767px) {
    .ugf-wrapper .ugf-content-block .logo {
        width: calc(100% - 30px);
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .ugf-wrapper .ugf-content-block .ugf-content {
        padding: 130px 0 0;
    }

    .ugf-wrapper .ugf-content-block .alternet-access {
        /*width: calc(100% - 30px);*/
        position: static;
        margin: 0 auto;
        margin-bottom: 40px;
        margin-top: 0px;
        text-align: center;
    }

    .ugf-wrapper .ugf-sidebar {
        position: static;
        width: 100%;
        min-height: auto;
        display: block;
        padding: 100px 0 40px;
    }

        .ugf-wrapper .ugf-sidebar.sidebar-steps .steps {
            max-width: calc(100% - 30px);
        }

        .ugf-wrapper .ugf-sidebar .testimonial-carousel {
            max-width: calc(100% - 30px);
            margin: 0 auto;
        }

        .ugf-wrapper .ugf-sidebar .clients {
            width: 100%;
            max-width: 500px;
            margin: 40px 0 0 15px;
        }

    .ugf-content form.email-verification-form {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

        .ugf-content form.email-verification-form .form-group {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 55px;
            flex: 0 0 55px;
        }

            .ugf-content form.email-verification-form .form-group .form-control {
                height: 55px;
                font-size: 2.0rem;
            }

        .ugf-content form.email-verification-form .btn {
            height: 55px;
            margin-left: 20px;
        }

    .ugf-content .account-category .account-type {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        border-radius: 15px;
        -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        border: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        margin-right: 12px;
        background: #ffffff;
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .hidden_xs {
        display: none;
    }

    .visable_xs {
        display: block;
    }

    .ugf-content h2 {
        font-size: 3.2rem;
        color: #1c2437;
        font-weight: 700;
        font-family: "Roboto", sans-serif;
    }

    .alternet-access p {
        font-size: 2.3rem;
        font-weight: 400;
        color: #546274;
        font-family: "Roboto", sans-serif;
    }

    .ugf-content form {
        padding-right: 0px;
    }
}

@media all and (max-width: 539px) {
    .ugf-content form.form-flex {
        display: block;
        max-width: 400px;
    }

        .ugf-content form.form-flex .form-group {
            margin-bottom: 25px;
        }

    .ugf-content form.email-verification-form {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        max-width: 415px;
    }

        .ugf-content form.email-verification-form .btn {
            margin-bottom: 25px;
            margin-left: auto;
        }

    .resend-code {
        margin-top: 10px !important;
    }

    .ugf-wrapper .ugf-sidebar .clients {
        margin: 0;
        margin-top: 25px;
        padding: 0 15px;
    }

        .ugf-wrapper .ugf-sidebar .clients .client {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            margin-top: 15px;
        }

    .ugf-wrapper .ugf-sidebar.sidebar-steps .steps .step + .step {
        margin-top: 30px;
    }

    .final-content h2 {
        font-size: 3.2rem;
    }

    .hidden_xs {
        display: none;
    }

    .ugf-content form {
        padding-right: 0px;
    }
}

@media all and (max-width: 469px) {
    .ugf-content form.email-verification-form {
        max-width: 394px;
    }

        .ugf-content form.email-verification-form .btn {
            margin-bottom: 25px;
            margin-left: 0;
        }

    .ugf-content form {
        padding-right: 0px;
    }
}

.ufg-job-application-wrapper .progress {
    background: #eff1f3;
    height: 8px;
    overflow: visible;
    border-radius: 4px;
    margin-bottom: 10px;
}

    .ufg-job-application-wrapper .progress .progress-bar {
        position: relative;
        overflow: visible;
        line-height: 1.7;
        border-radius: 4px;
        background: #24a54e;
    }

        .ufg-job-application-wrapper .progress .progress-bar .step-text {
            position: absolute;
            top: -30px;
            left: 0;
            font-size: 12px;
            font-weight: 400;
            color: #546274;
            font-family: "Roboto", sans-serif;
            text-transform: uppercase;
        }

.ufg-job-application-wrapper .prev {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: "Roboto", sans-serif;
    color: #97a2ae;
    /*margin-bottom: 20px;*/
}

    .ufg-job-application-wrapper .prev i {
        margin-right: 8px;
    }

.ufg-job-application-wrapper h3 {
    font-size: 2.4rem;
    font-weight: 700;
    color: #1c2437;
    font-family: "Roboto", sans-serif;
    padding-bottom: 30px;
}

    .ufg-job-application-wrapper h3 span {
        font-size: 1.6rem;
        font-weight: 400;
    }

    .ufg-job-application-wrapper h3.border-bottom {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
        margin-bottom: 25px;
    }

.ufg-job-application-wrapper .job-application-form .block-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1c2437;
    font-family: "Roboto", sans-serif;
    margin-bottom: 15px;
}

.ufg-job-application-wrapper .job-application-form .form-group + .block-title {
    margin-top: 25px;
}

.ufg-job-application-wrapper .job-application-form .form-group {
    position: relative;
    margin-bottom: 25px;
}

    .ufg-job-application-wrapper .job-application-form .form-group.check-gender {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: relative;
        padding-top: 25px;
    }

        .ufg-job-application-wrapper .job-application-form .form-group.check-gender .lebel-text {
            position: absolute;
            top: -5px;
            left: 0;
            font-size: 1.2rem;
            font-weight: 700;
            color: #1c2437;
            font-family: "Roboto", sans-serif;
        }

        .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 135px;
            flex: 0 0 135px;
            height: 60px;
            margin-right: 20px;
        }

            .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-input {
                display: none;
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
            }

                .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label {
                    border-color: #24a54e;
                    color: #24a54e;
                }

                    .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
                        background: #24a54e;
                    }

                    .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
                        background-image: none;
                        content: url(/_mainsite/images/check-white.svg);
                    }

            .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-label {
                cursor: pointer;
                background: #ffffff;
                height: 60px;
                border: 2px solid rgba(0, 0, 0, 0.1);
                border-radius: 5px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 1.5rem;
                font-weight: 400;
                font-family: "Roboto", sans-serif;
                color: #b2becc;
                padding-left: 58px;
                text-transform: capitalize;
                position: relative;
                top: 0;
                left: 0;
            }

                .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-label:before {
                    height: 18px;
                    width: 18px;
                    border-radius: 5px;
                    background: #e1e7ee;
                    border: none;
                    top: 19px;
                    left: 20px;
                }

                .ufg-job-application-wrapper .job-application-form .form-group.check-gender .custom-radio .custom-control-label:after {
                    height: 18px;
                    width: 18px;
                    top: 20px;
                    left: 20px;
                }

    .ufg-job-application-wrapper .job-application-form .form-group.radio-group {
        margin-bottom: 15px;
    }

        .ufg-job-application-wrapper .job-application-form .form-group.radio-group:nth-last-child(2) {
            margin-bottom: 25px;
        }

        .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-input {
            display: none;
        }

            .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-input:checked ~ .custom-control-label::before {
                border-width: 2px;
                border-color: #24a54e;
                background: #ffffff;
            }

            .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
                opacity: 1;
            }

        .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-label {
            width: auto;
            text-align: left;
            position: static;
            top: auto;
            left: auto;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            padding-left: 30px;
            cursor: default;
            text-transform: capitalize;
            font-size: 1.5rem;
            font-weight: 400;
            color: #546274;
        }

            .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-label:before {
                top: 2px;
                left: 0;
                height: 20px;
                width: 20px;
                border-radius: 50%;
                border: 1px solid rgba(0, 0, 0, 0.12);
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: none;
            }

            .ufg-job-application-wrapper .job-application-form .form-group.radio-group .custom-radio .custom-control-label:after {
                top: 7px;
                left: 5px;
                height: 10px;
                width: 10px;
                border-radius: 50%;
                background: #24a54e;
                opacity: 0;
                content: "";
                -webkit-transition: all 0.3s ease;
                -o-transition: all 0.3s ease;
                transition: all 0.3s ease;
            }

    .ufg-job-application-wrapper .job-application-form .form-group.check-group {
        margin-bottom: 15px;
    }

        .ufg-job-application-wrapper .job-application-form .form-group.check-group:nth-last-child(2) {
            margin-bottom: 25px;
        }

        .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-input {
            height: 18px;
            width: 18px;
            border-radius: 3px;
            border: 1px solid rgba(0, 0, 0, 0.08);
            outline: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
                background: #24a54e;
            }

        .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-label {
            width: auto;
            text-align: left;
            position: static;
            top: auto;
            left: auto;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0);
            padding-left: 30px;
            cursor: default;
            text-transform: capitalize;
            font-size: 1.5rem;
            font-weight: 400;
            color: #546274;
        }

            .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-label:before {
                top: 4px;
                left: 0;
                height: 18px;
                width: 18px;
                border-radius: 3px;
                border: 1px solid rgba(0, 0, 0, 0.12);
                -webkit-box-shadow: none;
                box-shadow: none;
                outline: none;
            }

            .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-label:after {
                top: 4px;
                left: 0;
                height: 18px;
                width: 18px;
            }

            .ufg-job-application-wrapper .job-application-form .form-group.check-group .custom-checkbox .custom-control-label a {
                color: #24a54e;
            }

    .ufg-job-application-wrapper .job-application-form .form-group .form-control {
        height: 45px;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        /* padding: 25px 15px 0; */
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 80px;
        color: #546274;
    }

        .ufg-job-application-wrapper .job-application-form .form-group .form-control:focus,
        .ufg-job-application-wrapper .job-application-form .form-group .form-control:valid {
            border-color: rgba(1, 182, 129, 0.5);
        }

            .ufg-job-application-wrapper .job-application-form .form-group .form-control:focus + label,
            .ufg-job-application-wrapper .job-application-form .form-group .form-control:valid + label {
                /* top: 7px; */
                font-size: 1.2rem;
                color: #ff0000;
            }

    .ufg-job-application-wrapper .job-application-form .form-group .select-input {
        position: relative;
    }

        .ufg-job-application-wrapper .job-application-form .form-group .select-input span {
            position: absolute;
            top: 27px;
            right: 15px;
            height: 0;
            width: 0;
            border-top: 6px solid #b2becc;
            border-left: 6px solid transparent;
            border-right: 6px solid transparent;
        }

        .ufg-job-application-wrapper .job-application-form .form-group .select-input .form-control {
            padding-right: 0;
            padding-top: 0;
            line-height: 60px;
            color: #546274;
            border: 1px solid rgba(0, 0, 0, 0.08);
            border-radius: 5px;
            -moz-appearance: none;
            -webkit-appearance: none;
            appearance: none;
        }

            .ufg-job-application-wrapper .job-application-form .form-group .select-input .form-control option {
                color: #546274;
            }

    .ufg-job-application-wrapper .job-application-form .form-group label {
        position: absolute;
        top: 46px;
        margin-bottom: 0;
        /* left: 17px; */
        z-index: 2;
        font-size: 1.2rem;
        font-weight: 400;
        color: #ff0000;
        -webkit-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        cursor: text;
    }

    .ufg-job-application-wrapper .job-application-form .form-group textarea.form-control {
        height: 140px;
        padding-top: 25px;
        line-height: 1.7;
        border: 2px solid rgba(0, 0, 0, 0.08);
    }

    .ufg-job-application-wrapper .job-application-form .form-group .custom-file {
        height: 52px;
        display: block;
    }

        .ufg-job-application-wrapper .job-application-form .form-group .custom-file .form-control {
            outline: none;
            display: none;
            -webkit-box-shadow: none;
            box-shadow: none;
        }

            .ufg-job-application-wrapper .job-application-form .form-group .custom-file .form-control + .custom-file-label {
                top: 0;
            }

            .ufg-job-application-wrapper .job-application-form .form-group .custom-file .form-control:focus {
                outline: none;
                -webkit-box-shadow: none;
                box-shadow: none;
            }

        .ufg-job-application-wrapper .job-application-form .form-group .custom-file .custom-file-label {
            cursor: pointer;
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            margin-bottom: 0;
            height: 70px;
            border-radius: 5px;
            padding: 0;
            color: #b2becc;
            border: 1px dashed #bfbfbf;
            padding-left: 140px;
            line-height: 70px;
        }

            .ufg-job-application-wrapper .job-application-form .form-group .custom-file .custom-file-label:after {
                content: "+ Upload Files";
                top: 22px;
                left: 25px;
                right: auto;
                font-size: 1.2rem;
                color: #546274;
                background: #eceff2;
                border-radius: 20px;
                border: 0;
                width: auto;
            }

.ufg-job-application-wrapper .job-application-form .btn {
    height: 45px;
    width: 115px;
    /* display: block; */
    background: #24a54e;
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    font-family: "Roboto", sans-serif;
    border-radius: 5px;
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.step-text-count {
    font-size: 2em;
    color: #000;
    border-bottom: 3px solid #24a54e;
}

.estBudget {
    font-size: 1.3em;
    color: #757575;
    padding-top: 50px;
}

.skiptext {
    font-size: 1em;
    margin-right: 10px;
    border-bottom: 2px solid #24a54e;
}

.intl-tel-input {
    position: relative;
    display: block;
}


.ugf-content .account-category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
    margin-bottom: 70px;
}

    .ugf-content .account-category .account-type {
        /* height: 230px; */
        -webkit-box-flex: 0;
        -ms-flex: 0 0 145px;
        flex: 0 0 145px;
        border-radius: 8px;
        -webkit-box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 5%);
        border: 1px solid rgba(0, 0, 0, 0.1);
        text-align: center;
        margin-right: 30px;
        background: #ffffff;
        padding-top: 18px;
        margin-bottom: 25px;
    }


@media only screen and (max-width: 767px) {
    .ugf-content .account-category .account-type {
        margin-right: 10px;
    }
}




.ugf-content .account-category .account-type .account-icon {
    height: 50px;
    width: 50px;
    border-radius: 5px;
    border: 1px solid rgb(33 163 76);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
}

    .ugf-content .account-category .account-type .account-icon img {
        height: 32px;
        width: 32px;
    }



.ugf-content p {
}


.ugf-content .account-category .account-type p {
    font-size: 1rem;
    font-weight: 400;
    color: #1c2437;
    text-transform: uppercase;
    margin-top: 10px;
}

.ck-placeholder {
    color: #cccccc !important;
    font-size: 1rem;
    font-weight: 400;
}


.post-project button.slick-next.slick-arrow, .post-project button.slick-prev.slick-arrow {
    bottom: -5px;
    position: relative !important;
    top: auto;
    z-index: 12;
    text-indent: -9999px;
    width: 24px;
    height: 24px;
    transform: translateY(-50%);
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.post-project button.slick-next.slick-arrow {
    right: -60px;
    background-image: url(/benchkart-images-v1/left.svg);
    background-size: 16px;
    background-position: center;
    background-color: #F0B61C;
    display: flex !important;
    align-items: center;
    border-radius: 50%;
}

.post-project h6 {
    font-size: 14px;
    color: #4B4B4B;
}

.hdnField {
    display: none;
}

/*--------------------------END POST PROJECT*/


.post-project {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0px 67px;
    background-image: url(/_mainsite/assets/images/form-background-post-project.webp) !important;
    background-attachment: fixed;
}

@media only screen and (max-width: 767px) {
    .post-project {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/_mainsite/assets/images/bg-mobile-6.webp) !important;
        background-attachment: fixed;
    }
}


.post-project .personal_details label.error, .post-project .errormesage {
    position: absolute;
    bottom: -15px;
    color: red;
    font-size: 12px;
    left: 6px;
}

/*.post-project .display-text{
    color: #ffffff !important;
}*/

.book-consultation {
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/_mainsite/assets/images/form-background1.webp) !important;
    background-attachment: fixed;*/
}

    .book-consultation .content {
        line-height: 38px;
    }

@media only screen and (max-width: 767px) {
    .book-consultation {
        /* background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/_mainsite/assets/images/bg-mobile-6.webp) !important;
        background-attachment: fixed;*/
    }
}

.partner-signup {
    /*background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-image: url(/_mainsite/assets/images/form-background1.webp) !important;
    background-attachment: fixed;*/
    background-color: #F4F4F6;
}


@media only screen and (max-width: 767px) {
    .partner-signup {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top center;
        background-image: url(/_mainsite/assets/images/bg-mobile-6.webp) !important;
        background-attachment: fixed;
    }
}



.user_form_withicons .form-control {
    padding-left: 30px;
}

.crmWebToEntityForm table {
    margin-top: 20px;
}

.crmWebToEntityForm input[type=radio] + label {
    margin-right: 10px;
}

.crmWebToEntityForm .btn-prev {
    background-color: #e6e6e6;
    color: #000000;
    border: 1px solid #e6e6e6;
}

.crmWebToEntityForm .check label {
    margin-left: 10px;
}


.multiselect .caret {
    display: none !important;
}

label {
    font-weight: normal !important;
    font-size: 15px !important;
}

.flex-even {
    flex: 1;
}



.search {
    position: relative;
    box-shadow: 0 0 40px rgba(51, 51, 51, .1);
}

    .search .textbox {
        text-indent: 25px;
        width: 380px;
    }


    .search input:focus {
        box-shadow: none;
        border: 2px solid blue;
    }

    .search .fa-search {
        position: absolute;
        top: 11px;
        left: 8px;
    }

    .search .button {
        position: absolute;
        top: 5px;
        right: 5px;
        height: 30px;
        width: 100px;
    }




.book-package .portfolio-item figure {
    background: #ffffff !important;
}


.book-package .btn-pkg-details {
    background-color: #F0B61C !important;
    color: #000000;
    font-weight: 500;
}

.book-package .card-header {
    background-color: #ffffff !important;
}

.book-package .agencyCode {
    font-size: 12px;
    color: #58595b;
}


.book-package .portfolio-item figure:hover .link-preview {
    opacity: 1 !important;
    left: calc(50% - 13px);
}

.book-package .portfolio-item figure .link-preview {
    left: calc(50% - 13px);
}

.book-package .portfolio-item figure img {
    box-shadow: 0px 4px 8px 0px rgb(0 0 0 / 22%);
}

.book-package .dropdown-menu .sort-link {
    font-size: 12px !important;
    padding-left: 5px !important;
}

.book-package .verified {
    color: #26a04c;
    font-size: 14px;
}

.book-package .agency-highlights div {
    font-size: 14px;
    float: left;
    padding: 10px 10px 0px 0px;
}

.book-package .price-info {
    /*background-color: #f7e3b4;*/
    background-color: #ffffff;
}

.book-package .pkgAmount {
    color: #26a04c;
    font-size: 14px;
}

.book-package .pkgAmtCost {
}

.book-package .about-agency {
    color: #003366;
    font-size: 14px;
}

.book-package .agency-highlights ul {
    list-style: none;
}

    .book-package .agency-highlights ul li {
        list-style: none;
        font-size: 14px;
    }


.book-package .modal-footer {
}


@media (max-width: 600px) {
    .crmWebToEntityForm table {
        margin-top: 5px;
    }

    .crmWebToEntityForm input[type=radio] + label {
        margin-right: 5px;
    }

    .crmWebToEntityForm .action-row {
        margin-top: 30px !important;
    }

    .search .textbox {
        width: 330px;
    }

    .search .button {
        right: 11px;
    }
}



/*START CARD LAYOUT*/


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

Primary style

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


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

Modules - reusable parts of our design

-------------------------------- */
#cd-table .cd-unchecked span, #cd-table .cd-checked span {
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

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

Main components 

-------------------------------- */
#cd-table {
    position: relative;
    width: 99%;
    max-width: 1170px;
    margin: 1em auto;
    font-size: 14px;
    font-size: 0.875rem;
    /* you may remove this border in case of dark backgrounds if it's annoying */
    border-right: 1px solid #e6e7f1;
}

    #cd-table::after {
        /* clearfix */
        content: "";
        display: table;
        clear: both;
    }

    #cd-table::before {
        /* White color gradient on the right */
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        height: 100%;
        width: 35px;
        background: -webkit-linear-gradient(right, #FFF 10%, rgba(255, 255, 255, 0));
        background: linear-gradient(to left, #FFF 10%, rgba(255, 255, 255, 0));
        z-index: 5;
        pointer-events: none;
    }

.no-cssgradients #cd-table::before {
    /* remove the gradient using modernizr if css gradients are not supported */
    display: none;
}

#cd-table.table-end::before {
    /* the gradient disappears when user is at the end of the table */
    display: none;
}

#cd-table .cd-table-container {
    position: relative;
    width: 100%;
    overflow-x: auto;
    /* smooth scrolling on touch devices */
    -webkit-overflow-scrolling: touch;
}

#cd-table .cd-table-wrapper {
    /*width: 870px;*/
    width: 575px;
    padding-left: 120px;
}

#cd-table .cd-table-column {
    width: 150px;
    float: left;
    border: 1px solid #e6e7f1;
    margin-left: -1px;
}

    #cd-table .cd-table-column:last-child {
        border-right: none;
    }

#cd-table h2, #cd-table ul > li {
    position: relative;
    text-align: center;
    padding: 0 1em;
    border-bottom: 1px solid #e6e7f1;
    height: 60px;
    background-color: #FFF;
}

#cd-table h2 {
    font-size: 14px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: bold;
    color: #606272;
}

#cd-table ul > li {
    color: #787a8d;
}

    #cd-table ul > li:nth-child(odd) {
        background-color: #f6f7fa;
    }

    #cd-table ul > li:last-child {
        border-bottom: none;
    }

#cd-table .cd-unchecked span, #cd-table .cd-checked span {
    position: absolute;
    width: 16px;
    height: 16px;
    background-image: url(/_mainsite/assets/https:/svgshare.com/i/NDN.svg);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 32px 16px;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

#cd-table .cd-unchecked span {
    background-position: -16px 0;
}

#cd-table .cd-select {
    display: block;
    height: 100%;
    width: 100%;
    font-weight: bold;
}

#cd-table header.cd-table-column {
    position: absolute !important;
    width: 155px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background: rgba(121, 130, 153, 0.95);
    margin-left: 0;
    box-shadow: 2px 0 0 rgba(0, 0, 0, 0.1);
    pointer-events: none;
}

    #cd-table header.cd-table-column h2, #cd-table header.cd-table-column li {
        background-color: transparent;
        text-align: left;
        color: #edeef1;
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        border-bottom-color: #6b758d;
    }

    #cd-table header.cd-table-column h2 {
        color: #edeef1;
    }

    #cd-table header.cd-table-column li:nth-child(odd) {
        background-color: #003366;
    }

    #cd-table header.cd-table-column li:last-child {
        border-bottom: 1px solid #6b758d;
    }

#cd-table .cd-scroll-right {
    /* small right arrow that indicates it's possible to scroll right */
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    background: url(/_mainsite/assets/https:/svgshare.com/i/NEg.svg) no-repeat center center;
    z-index: 6;
    -webkit-animation: cd-scroll-right 1.5s infinite;
    -moz-animation: cd-scroll-right 1.5s infinite;
    animation: cd-scroll-right 1.5s infinite;
}

@media only screen and (min-width: 870px) {
    #cd-table {
        margin: 2em auto;
        border-right: none;
    }

        #cd-table::before {
            display: none;
        }

        #cd-table .cd-table-wrapper {
            width: 100%;
            padding-left: 35%;
        }

        #cd-table .cd-table-column {
            width: 33%;
            float: left;
        }

            #cd-table .cd-table-column:last-child {
                border-right: 1px solid #e6e7f1;
            }

        #cd-table header.cd-table-column {
            width: 35%;
            float: left;
            background: #7184a1;
            box-shadow: none;
            pointer-events: auto;
        }

        #cd-table .cd-scroll-right {
            display: none;
        }
}

@media only screen and (min-width: 1170px) {
    #cd-table {
        margin: 4em auto;
    }
}

@-webkit-keyframes cd-scroll-right {
    0%, 100% {
        -webkit-transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(3px);
    }
}

@-moz-keyframes cd-scroll-right {
    0%, 100% {
        -moz-transform: translateX(0);
    }

    50% {
        -moz-transform: translateX(3px);
    }
}

@keyframes cd-scroll-right {
    0%, 100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    50% {
        -webkit-transform: translateX(3px);
        -moz-transform: translateX(3px);
        -ms-transform: translateX(3px);
        -o-transform: translateX(3px);
        transform: translateX(3px);
    }
}



.hire-an-agency .portfolio-item {
    height: 500px !important;
}

.hire-an-agency .about-col {
    height: 450px !important;
}



.our-agencies .portfolio-item {
    height: 500px !important;
}

.our-agencies .about-col {
    height: 450px !important;
}

.our-agencies .company-logo img {
    height: 60px;
}

.our-agencies .offices {
    height: 80px;
}

.our-agencies .about-company {
    height: 170px;
}

.our-agencies .esteemed-clients img {
    width: 100%;
}

.enterprise-digital .portfolio-item .img img {
    height: 160px !important;
}

.enterprise-digital .about-col {
    height: 360px !important;
}

.enterprise-digital-accounts {
    background-color: #003366;
}

.enterprise-digital-trusted {
    background-color: #26a04c;
}

.footer-contact .mail-links a:hover {
    color: #26a04c !important;
}

.footer-btn-mob:hover {
    background-color: #F0B61C !important;
    color: #ffffff !important;
}

.case-study-individual .card-body {
    display: flex;
    flex-direction: row !important;
}

    .case-study-individual .card-body .card-title {
        display: flex;
        align-items: center;
        justify-content: center;
    }


@media (max-width: 767px) {
    .case-study-individual .card-body {
        flex-direction: column !important;
    }

        .case-study-individual .card-body .card-title {
            text-align: center !important;
            margin-bottom: 10px;
        }

            .case-study-individual .card-body .card-title img {
                width: 150px !important;
            }
}

.chart-boxes .about-col {
    height: 425px !important;
}


@media (max-width: 767px) {
    .chart-boxes .about-col {
        height: 390px !important;
    }

    .chart-container {
        margin-top: 25px;
    }
}


.process-comparision .benchkart_slider {
    height: 470px !important;
}


.process-comparision .outsourcing_bg svg {
    transform: translate3d(-90px, -98px, 0px);
}

.process-comparision .col-header {
    height: 50px !important;
}

.process-comparision .mcb-wrap .bdr-bt-rd {
    height: 412px !important;
}

@media (max-width: 767px) {
    .process-comparision .outsourcing_bg svg {
        transform: translate3d(-184px, -98px, 0px);
    }

    .process-comparision .benchkart_slider button.slick-prev.slick-arrow {
        left: 13px;
        width: 36px;
        height: 36px;
        top: 7%;
    }

    .process-comparision .benchkart_slider button.slick-next.slick-arrow {
        right: 15px;
        width: 36px;
        height: 36px;
        top: 7%;
    }

    .process-comparision .sec-subHeading-end {
        margin-left: 30px;
    }
}

@media (min-width: 767px) {
    .banner-caption {
        /*padding-top: 60px;*/
    }
}

@media (max-height: 770px) {
    /* #home {
        height: 125vh !important;
    }*/
}


@media only screen and (max-width: 767px) {


    .banner-caption {
        margin-top: 0px;
    }

    .banner_text {
        margin-top: 0px;
    }

    .banner-caption .section-2, .banner-caption .section-3 {
        text-transform: none !important
    }

        .banner-caption .section-2 ul {
            margin-left: 30%;
        }


    .home-banner .theme-btn {
        padding: 6px 18px;
        margin-top: 10px;
    }

    .intl-tel-input {
        width: 100% !important;
    }

    .zcwf_row :first-child {
        text-align: left;
    }
}


/*@media (max-height: 770px) {
    .banner-caption h2.text-sm {
        line-height: 23px !important;
    }
}

@media (max-height: 740px) {
    .home-banner .action {
        display: flex;
        flex-direction: column;
    }
    .home-banner .theme-btn {
        width: 145px;
        margin-left: 0px !important;
    }
    .home-banner .action :first-child{
        margin-bottom:8px !important;
    }
}*/

/*@media (max-height: 660px) {
    #home {
        background-image: none !important;
    }
    #home::before {
        content: "";
        background-image: url(/_mainsite/assets/images/default-banner-mobile.webp) !important;
        background-size: cover;
        position: absolute;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        opacity: 0.2;
    }
}*/



.testimonials_box .custom-img img {
    height: 130px;
    width: 130px;
    box-shadow: 0px -2px 8px 1px #ffffff;
}


    .testimonials_box .custom-img img.testi_img {
        margin: 6px 10px 0px 5px;
    }

.testimonials_box .custom-img .testi_heading {
    margin-left: 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

    .testimonials_box .custom-img .testi_heading p {
        text-align: start;
        font-size: 12px;
    }

    .testimonials_box .custom-img .testi_heading h6 {
        font-size: 14px;
    }


.testimonials_box .testi_content1 {
    margin-top: 20px;
    font-style: italic;
}

.testimonials_box .testi_content {
    padding: 10px;
}


@media only screen and (max-width: 767px) {
    .testimonials_box .custom-img .testi_heading {
        margin-top: 30px;
    }

    .testimonials_box .testi_content1 {
        margin-top: 0px;
    }
}



/*.testimonials-slider button.slick-next.slick-arrow {
    left: 103px;
    bottom: -40px;
}*/
.case_content {
    height: 230px !important;
    position: relative;
}


.one_slide_slider .slick-slide {
    margin: 20px 10px;
}

.one_slide_slider button.slick-next.slick-arrow {
    left: auto;
    right: 45%;
    bottom: -60px;
}

.one_slide_slider button.slick-prev.slick-arrow {
    left: 45%;
    bottom: -60px;
}




.one_slide_slider .slider-image {
    height: 100%;
}

.one_slide_slider .case_studies_box .image-box {
    width: 30% !important;
}

.one_slide_slider .case_studies_box .content-box {
    width: 70% !important;
}



@media (max-width: 760px) {
    .one_slide_slider button.slick-next.slick-arrow {
        right: 38% !important;
    }

    .one_slide_slider button.slick-prev.slick-arrow {
        left: 38% !important;
    }

    .one_slide_slider .case_studies_box .image-box {
        width: 100% !important;
    }

    .one_slide_slider .case_studies_box .content-box {
        width: 100% !important;
    }
}


.common-footer {
    min-height: 35vh;
}

@media only screen and (max-width: 767px) {
    .testi_content {
        margin-top: 0px;
    }
}


.enquire_now_btn_header {
    width: 150px;
}

.section-header-faq {
    background-image: url(/images/FAQ-min.webp);
    background-repeat: no-repeat;
    background-size: cover;
    height: 320px;
}

.world_class_agencies .case_studies_box img {
}



.paging_worldclass {
    position: relative;
    left: 448px;
    top: 14px;
    font-size: 16px;
    color: #000;
}

.paging_agencies_in_demand {
    position: relative;
    left: 448px;
    top: 14px;
    font-size: 16px;
    color: #000;
}

.world_class_agencies button.slick-next.slick-arrow {
    right: 43%;
    bottom: -60px;
}

.world_class_agencies button.slick-prev.slick-arrow {
    left: 397px;
}



.agencies_in_demand .case_studies_box {
    height: 265px !important;
    background-color: #26a04c;
}

    .agencies_in_demand .case_studies_box h6 {
        color: #ffffff !important;
    }

.agencies_in_demand .case_content {
    height: 290px !important;
    background-color: #003366;
}

.agencies_in_demand .link-service {
    color: #ffffff !important;
}

    .agencies_in_demand .link-service:hover {
        color: #26a04c !important;
    }


.agencies_in_demand button.slick-next.slick-arrow {
    right: 43%;
    bottom: -60px;
}

.agencies_in_demand button.slick-prev.slick-arrow {
    left: 397px;
}



@media only screen and (max-width: 767px) {
    .world_class_agencies button.slick-next.slick-arrow {
        right: 38%;
        bottom: -60px;
    }

    .world_class_agencies button.slick-prev.slick-arrow {
        left: 126px;
    }

    .paging_worldclass {
        left: 448px;
    }



    .agencies_in_demand button.slick-next.slick-arrow {
        right: 38%;
        bottom: -60px;
    }

    .agencies_in_demand button.slick-prev.slick-arrow {
        left: 126px;
    }

    .paging_agencies_in_demand {
        left: 448px;
    }
}

.customDisabledClassName {
    padding-left: 10px;
    width: 100%;
    height: 40px;
    margin-bottom: 0px;
    padding: 10px;
    border-radius: 4px;
    border: 1px solid #CCCCCC;
    outline: none;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #eaeaea;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}



.picture__input {
    display: none !important;
}

.picture {
    width: 400px;
    aspect-ratio: 16/9;
    background: #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    border: 2px dashed currentcolor;
    cursor: pointer;
    font-family: sans-serif;
    transition: color 300ms ease-in-out, background 300ms ease-in-out;
    outline: none;
    overflow: hidden;
}

.picture-small {
    width: 175px;
}

.picture:hover {
    color: #777;
    background: #ccc;
}

.picture:active {
    border-color: turquoise;
    color: turquoise;
    background: #eee;
}

.picture:focus {
    color: #777;
    background: #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.picture__img {
    max-width: 100%;
}

.error-message {
    font-size: small;
}

.multiselect {
    padding: 5px !important;
    min-height: 30px !important;
}


.custom-tooltip {
    position: relative;
    display: inline-block;
}

    .custom-tooltip .tooltiptext {
        visibility: hidden;
        width: 220px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 10px 0;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        right: 101%;
        font-size: 13px;
    }

    .custom-tooltip:hover .tooltiptext {
        visibility: visible;
    }


.btn-addmore, .btn-addmore i {
    color: #ffffff !important;
}

.btn-addmore {
    background-color: #123262 !important;
    border-color: #123262 !important;
    line-height: 1 !important;
}

    .btn-addmore:hover, .btn-addmore:active, .btn-addmore:focus {
        background-color: #F0B61C !important;
        border-color: #F0B61C !important;
    }

    .btn-addmore:disabled {
        background-color: #b4babf !important;
        border-color: #b4babf !important;
    }

.bootstrap-tagsinput {
    min-height: 80px !important
}




.section-header {
    color: #123262 !important;
    font-size: 16px;
}

.section-header-desc {
    color: #123262 !important;
    font-size: 14px;
}

.section-info {
    font-size: 13px;
}

.input-label {
    color: #123262 !important;
}


.world_class_agencies_slider .case_studies_box img {
    width: 421px !important;
    height: 237px !important;
}

.open > .dropdown-menu {
    max-height: 200px !important;
    overflow: scroll !important;
}

.world_class_agencies_slider .case_studies_box img {
    opacity: 0.4 !important;
}

.world_class_agencies_slider .case_studies_box {
    position: relative;
    background-color: #123262;
}

.world_class_agencies_slider .headerdiv, .world_class_agencies_slider .case_content {
    position: absolute;
    color: #ffffff;
}

.world_class_agencies_slider .headerdiv {
    top: 10px;
}

.world_class_agencies_slider .case_content {
    top: 50px;
    padding: 20px 10px !important;
}

    .world_class_agencies_slider .headerdiv h6, .world_class_agencies_slider .case_content p {
        top: 50px;
        color: #ffffff !important;
    }



/*START CAROUSEL 2 -*/

.section-feature ul {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
}

.section-feature li {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    height: 240px;
    padding: 2%;
    float: left;
    margin-bottom: 40px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.section-feature .sf-wrap {
    background-repeat: no-repeat;
    position: absolute;
    max-width: 280px;
    width: 100%;
    height: 100%;
    left: 50%;
    margin-left: -140px;
    top: 0;
    -moz-perspective: 600px;
    -webkit-perspective: 600px;
    -ms-perspective: 600px;
    -o-perspective: 600px;
    perspective: 600px;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.21);
}

.sf-mdl-left,
.sf-mdl-right,
.sf-mdl-left-full,
.sf-mdl-right-full {
    position: absolute;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    overflow: hidden;
}

.sf-icon {
    position: absolute;
    top: 30px;
    text-align: center;
    width: 100%;
    left: 0;
    width: 200%;
    color: #398840;
}
    .sf-icon img {
        width: 80px !important;
        height: 80px !important;
    }



.sf-mdl-left-full .sf-icon,
.sf-mdl-right-full .sf-icon {
    color: #fff;
}

.sf-mdl-right,
.sf-mdl-right-full {
    left: auto;
    right: 0;
}

.sf-mdl-left-full,
.sf-mdl-right-full {
    background-color: #fff;
    z-index: 9;
    color: #123262;
}

.sf-wrap a {
    color: #ffffff;
    text-decoration: none;
}

.sf-mdl-left,
.sf-mdl-right {
    background-color: #fff;
    z-index: 10;
}

.sf-wrap > .sf-mdl-right-full,
.sf-wrap > .sf-mdl-right {
    background-position: right -30px;
}

.sf-wrap > .sf-mdl-right,
.sf-wrap > .sf-mdl-left-full {
    -moz-backface-visibility: hidden;
    -moz-transform-style: preserve-3d;
    -moz-transform-origin: 0 0;
    -moz-transform: rotateY(0deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 0 0;
    -webkit-transform: rotateY(0deg);
    -o-backface-visibility: hidden;
    -o-transform-style: preserve-3d;
    -o-transform-origin: 0 0;
    -o-transform: rotateY(0deg);
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform-origin: 0 0;
    transform: rotateY(0deg);
}

.sf-wrap.hover > .sf-mdl-right {
    -webkit-transform: rotateY(-45deg);
    -moz-transform: rotateY(-45deg);
    -ms-transform: rotateY(-45deg);
    -o-transform: rotateY(-45deg);
    transform: rotateY(-45deg);
    background-color: #ececec;
}

.sf-wrap > .sf-mdl-left-full {
    -moz-transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

.sf-wrap.active > .sf-mdl-right,
.sf-wrap.hover.active > .sf-mdl-right {
    -moz-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}

.sf-wrap.active > .sf-mdl-left-full {
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.active .sf-mdl-left-full,
.active .sf-mdl-right-full {
    z-index: 11;
}

.sf-wrap div h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 22px;
    text-wrap:pretty;
}



.sf-wrap div h3,
.sf-wrap div p {
    width: 200%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 140px;
}

.sf-wrap div.sf-mdl-left-full h3,
.sf-wrap div.sf-mdl-right-full h3 {
    top: 20px;
}

.sf-wrap div.sf-mdl-left-full p,
.sf-wrap div.sf-mdl-right-full p {
    padding: 0 10%;
    line-height: 18px;
    font-size: 13px;
    top: 60px;
}

#section-feature-1 .sf-wrap div.sf-mdl-left-full p,
#section-feature-1 .sf-wrap div.sf-mdl-right-full p {
    top: 100px;
}


.sf-wrap div.sf-mdl-right h3,
.sf-wrap div.sf-mdl-right-full h3,
.sf-wrap div.sf-mdl-right p,
.sf-wrap div.sf-mdl-right-full p,
.sf-mdl-right .sf-icon,
.sf-mdl-right-full .sf-icon {
    left: auto;
    right: 0;
}

.sf-wrap div.sf-mdl-left-full .button-link,
.sf-wrap div.sf-mdl-right-full .button-link {
    top: 150px;
}

    .sf-wrap div.sf-mdl-left-full .button-link h3,
    .sf-wrap div.sf-mdl-right-full .button-link h3 {
        line-height: 30px;
    }

.sf-wrap div.sf-mdl-left-full .enquire_now_btn_header,
.sf-wrap div.sf-mdl-right-full .enquire_now_btn_header {
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 30px !important;
}

/* Style for button-link when hovering over sf-mdl-left-full */
.sf-mdl-left-full:hover .button-link a {
    background-color: #4E9E55 !important;
}

/* Style for button-link when hovering over sf-mdl-right-full */
.sf-mdl-right-full:hover .button-link a {
    background-color: #4E9E55 !important;
}




.section-feature li .sf-wrap .sf-mdl-left .fa, .section-feature li .sf-wrap .sf-mdl-right .fa,
.section-feature li .sf-wrap .sf-mdl-left .fas, .section-feature li .sf-wrap .sf-mdl-right .fas,
.section-feature li .sf-wrap .sf-mdl-left .fab, .section-feature li .sf-wrap .sf-mdl-right .fab {
    font-size: 4em;
}

.sf-wrap .category_button {
    width: 170px;
    border: 0px;
    text-transform: uppercase;
    text-align: center !important;
    padding: 6px 8px !important;
    line-height: 24px !important;
    background: #4E9E55;
    border-radius: 5px;
    font-size: 14px !important;
    color: #fff !important;
    font-weight: normal !important;
    transition: all ease-in-out 0.2s;
    border: 0px !important;
}

    .sf-wrap .category_button:hover {
        background-color: #e6b645 !important;
    }

@media only screen and (min-width: 767px) {

    .section-feature ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center; /* Center items horizontally */
        list-style: none;
        padding: 0;
    }

    .section-feature li {
        flex: 1 0 calc(25% - 10px); /* Distribute items evenly with spacing */
        margin: 5px;
        text-align: center;
        padding: 20px;
        box-sizing: border-box;
        margin-bottom: 20px;
    }
}

/*Mobile Customisation*/
@media only screen and (max-width: 767px) {
    .section-feature li .sf-wrap .sf-mdl-left .fa, .section-feature li .sf-wrap .sf-mdl-right .fa,
    .section-feature li .sf-wrap .sf-mdl-left .fas, .section-feature li .sf-wrap .sf-mdl-right .fas,
    .section-feature li .sf-wrap .sf-mdl-left .fab, .section-feature li .sf-wrap .sf-mdl-right .fab {
        font-size: 1em;
        margin-top: 28px;
    }

    .section-feature li {
        height: 80px;
        margin-bottom: 10px;
    }

    .sf-wrap {
        background-color: #123262;
    }

        .sf-wrap div h3 {
            top: 20px;
        }

        .sf-wrap.active {
            height: 240px;
        }

        .sf-wrap:not(.active) {
            height: 80px;
        }

    .section-feature li:has(.active) {
        height: 240px;
    }


    .section-feature li .sf-wrap .sf-mdl-left-full .fa, .section-feature li .sf-wrap .sf-mdl-right-full .fa {
        /*display: none;*/
    }
}


/*END CAROUSEL 2 -*/




/*START: NEW BANNER section WITH SEARCH*/

.banner_text {
    align-items: start;
}

.sticky-header {
    border-bottom: 1px solid #cdcdcd;
}

.auto-type-banner-text {
}

.banner_text h1 {
    font-size: 42px !important;
}

.banner-para {
    font-size: 18px !important;
    color: #26A44C;
}

.banner-caption {
}

 /*   .banner-caption h1.text-lg {
        margin-top: 17%;
    }*/

.banner_text .type-text {
    font-size: 45px !important;
    color: #26A44C;
    font-weight: bold;
    margin-left: -5px
}

.search-container {
    /* background-color: #E5FAF5;*/
    height: 160px;
    padding: 10px;
    margin-top: 40px;
}

    .search-container input {
        border: 0px !important;
        outline: none;
    }

    .search-container .button {
        border-radius: 5px;
        padding: 10px !important;
        height: 42px !important;
        bottom: 24px !important;
        width: 185px !important;
        font-size: 22px !important;
        position: absolute;
    }

.input-container {
    padding-right: 10px;
    width: 70%;
    position: relative;
}

.button-container {
    width: 30%;
}







.section-founders {
    /*height: 450px;*/
    position: relative;
}

    .section-founders .about-col {
        position: relative;
        z-index: 1000; /* Make sure it's above other content */
        width: 340px;
    }

        .section-founders .about-col:hover {
            background-color: #d2d2d2;
            border-radius: 15px;
            height: auto;
        }

.section-team .about-col:hover .img img,
.section-team .about-col:hover .img img {
    transition: height 0.3s ease; /* Add a transition for smooth animation */
}

.section-founders .about-col:hover .img img,
.section-team .about-col:hover .img img {
    height: 115px !important; /* Set the reduced height */
}

.section-founders .img img {
    transition: height 0.3s ease; /* Add a transition for smooth animation */
}

.section-founders .about-col:hover .info-icon,
.section-team .about-col:hover .info-icon {
    display: none !important; /* Set the reduced height */
}

.section-founders .about-col:hover .prev-experience,
.section-team .about-col:hover .prev-experience {
    display: block !important; /* Set the reduced height */
}






.round-image-aboutus {
    border-radius: 120px !important; /* Adjust this value to control the roundness of the corners */
    overflow: hidden; /* This ensures that the corners are hidden outside the rounded area */
    height: 200px !important; /* This ensures that the corners are hidden outside the rounded area */
}

.section-founders .title {
    font-size: 12px !important;
}

.section-founders .portfolio-item {
    position: relative;
    max-width: 50%;
}

    .section-founders .portfolio-item:hover {
        cursor: pointer;
    }

.section-founders .info-icon {
    position: absolute;
    top: 180px;
    right: 35%;
    font-size: 22px;
    color: #26A44C;
}


.section-team {
    position: relative;
}

    .section-team .team-members {
        position: relative;
        padding-bottom: 50px !important;
    }

    .section-team .about-col {
        height: auto;
        display: block;
        position: relative
    }


        .section-team .about-col:hover {
            background-color: #d2d2d2;
            border-radius: 15px;
            width: 380px;
            z-index: 1000; /* Adjust as needed to ensure they are above other content */
        }

            .section-team .about-col:hover .section-team .portfolio-item {
            }




    .section-team .portfolio-item {
        margin-top: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .section-team .prev-experience {
        left: 20%;
    }

    .section-team .info-icon {
        top: 182px;
        right: 36%;
        font-size: 22px;
        color: #26A44C;
        position: absolute;
    }

.exp-container .close-icon {
    position: absolute;
    top: 16px;
    right: 4%;
    font-size: 15px;
    color: red;
    display: none;
}

.prev-experience {
    /*height: 350px;*/
    display: none;
    /* top: 190px;*/
    width: 100%;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
}

    .prev-experience p {
        font-size: 12px !important;
        text-align: start;
    }





header .nav-links {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-right: -75px;
}

header .header-logo {
    width: 200px;
    max-width: 150% !important;
    margin-left: -50px;
}

header .sign-in-wrapper {
}



/*Mobile Customisation*/
@media only screen and (max-width: 767px) {
    .round-image-aboutus {
        height: 145px !important;
    }

    .section-founders .about-col {
        width: 265px;
    }


        .section-founders .about-col:hover .img img,
        .section-team .about-col:hover .img img {
            height: 95px !important; /* Set the reduced height */
        }


    .search-container {
        height: 230px;
    }


    .banner_text h1 {
        text-align: left !important;
        font-size: 42px !important;
        line-height: 45px !important;
    }

    .banner_text .type-text {
        font-size: 32px !important;
    }

    .banner-caption h1.text-lg {
        margin-top: 0rem;
    }

    .flex-sm-column {
        display: flex !important;
        flex-direction: column !important;
    }

    .justify-content-sm-start {
        justify-content: start !important;
    }

    .mt-sm-3 {
        margin-top: 1rem; /* Adjust the value as needed */
    }

    .align-items-sm-center {
        align-items: center !important;
    }

    .input-container {
        width: 100%;
    }

    .button-container {
        width: 100%;
    }

        .button-container .enquire_now_btn_header {
            display: block !important;
        }

    .usp .usp_box {
        box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.21);
    }


    .section-founders {
        height: auto !important;
        padding: 20px 0px 20px !important;
    }

    .exp-container .close-icon {
        display: block !important;
    }

    .section-founders .info-icon {
        right: 33%;
        top: 127px;
    }

    .section-founders .about-col:hover {
        height: 430px;
    }


    .section-team {
        padding-top: 200px;
    }

    .section-founders .prev-experience {
        left: 0%;
    }

    .section-team .info-icon {
        top: 127px;
    }


    .section-team .about-col:hover {
        height: auto;
    }

    .section-team .team-members {
        padding-bottom: 20px !important;
    }



    header .nav-links {
        display: none;
        width: 100%;
        margin-right: 0px;
    }

    header .header-logo {
        width: 170px;
        max-width: 150% !important;
        margin-left: 0px;
    }

    header .sign-in-wrapper {
    }

    .section-founders .portfolio-item {
        max-width: 100%;
    }

    .prev-experience {
        padding: 10px 10px;
        font-size: 14px;
    }

    .section-investors .container, .section-team .container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*END: NEW BANNER section WITH SEARCH*/

#Testimonials {
    padding-left: 90px;
}

#Testimonials .testi_content1 div {
    position: relative;
}

    #Testimonials .testi_content1 div img {
    }

    #Testimonials .testi_content1 div p {
    }

#Testimonials .slick-dots {
    display: none !important;
}

.usp .usp_box {
    margin: 10px;
    color: #003366;
    height: 250px;
    width: 250px;
    box-shadow: 0px 4px 7px 5px rgba(0, 0, 0, 0.21);
}

.usp .usp_box .usp_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

    .usp .usp_box .usp_content .stat_value {
        width: 100%;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        font-size: 50px;
        color: #003366;
        position: absolute;
        top: 38%;
    }

.usp .usp_box .usp_content p {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
}

.usp .case_studies_box {
    padding: 10px;
    background-image: url(/_mainsite/assets/images/scroller_bg.webp) !important;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 44% 52%;
    box-shadow: none !important;
}

.usp .usp_box .usp_content p {
    margin-top: 10px;
    position: absolute;
    top: 100px;
}

.usp .usp_box .usp_content img {
    width: 32px;
}

.usp .usp_content {
    height: 100% !important;
}

    .usp .usp_content .text-1 {
        color: #003366;
        margin-top: 30%;
    }


.usp button.slick-prev.slick-arrow {
    left: 0% !important;
    bottom: 40% !important;
}

.usp button.slick-next.slick-arrow {
    right: 0%;
    bottom: 40%;
}


.usp .slick-slide {
    /* Add your desired styles here */
    opacity: 0.5; /* Example: Reduce opacity */
    transform: scale(0.7); /* Example: Reduce size */
    /* You can add more styles as needed */
}

.usp .slick-slide.slick-current.slick-active + .slick-slide {
    /* Add your desired styles here */
    /* For example: */
    opacity: 1; /* Example: Reduce opacity */
    transform: scale(1); /* Example: Reduce size */
    /* Add more styles as needed */
}

@media only screen and (max-width: 767px) {

    .usp .slick-slide.slick-current {
        /* Add your desired styles here */
        /* For example: */
        opacity: 1; /* Example: Reduce opacity */
        transform: scale(1); /* Example: Reduce size */
        /* Add more styles as needed */
    }
    .usp button.slick-prev.slick-arrow {
        left: 0% !important;
        bottom: 40% !important;
    }

    .usp button.slick-next.slick-arrow {
        right: 0%;
        bottom: 40%;
    }
}

    /* START Leadership Carousel */

    section {
        padding: 50px 0;
    }

    .container {
        max-width: 1044px;
        margin: 0 auto;
        padding: 0 20px;
    }

    .carousel {
        display: block;
        text-align: left;
        position: relative;
        margin-bottom: 22px;
    }

        .carousel > input {
            clip: rect(1px, 1px, 1px, 1px);
            clip-path: inset(50%);
            height: 1px;
            width: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute;
        }

            .carousel > input:nth-of-type(6):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: -500%;
            }

            .carousel > input:nth-of-type(5):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: -400%;
            }

            .carousel > input:nth-of-type(4):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: -300%;
            }

            .carousel > input:nth-of-type(3):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: -200%;
            }

            .carousel > input:nth-of-type(2):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: -100%;
            }

            .carousel > input:nth-of-type(1):checked ~ .carousel__slides .carousel__slide:first-of-type {
                margin-left: 0%;
            }

    .carousel__thumbnails li:hover {
        border-radius: 10px;
        box-shadow: 6px 4px 4px 2px rgba(216, 211, 204, 1);
    }

    .carousel__thumbnails li {
        filter: grayscale(100%);
        opacity: 0.7;
    }

        .carousel__thumbnails li:hover {
            filter: none;
            opacity: 1;
        }

    .carousel > input:nth-of-type(1):checked ~ .carousel__thumbnails li:nth-of-type(1) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel > input:nth-of-type(2):checked ~ .carousel__thumbnails li:nth-of-type(2) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel > input:nth-of-type(3):checked ~ .carousel__thumbnails li:nth-of-type(3) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel > input:nth-of-type(4):checked ~ .carousel__thumbnails li:nth-of-type(4) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel > input:nth-of-type(5):checked ~ .carousel__thumbnails li:nth-of-type(5) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel > input:nth-of-type(6):checked ~ .carousel__thumbnails li:nth-of-type(6) {
        /*box-shadow: 0px 0px 0px 5px rgba(128, 129, 129, 0.5);*/
        filter: none;
        opacity: 1;
    }

    .carousel__slides {
        position: relative;
        z-index: 1;
        padding: 0;
        margin: 0;
        overflow: hidden;
        white-space: nowrap;
        box-sizing: border-box;
        display: flex;
    }

    .carousel__slide {
        position: relative;
        display: block;
        flex: 1 0 100%;
        width: 100%;
        height: 100%;
        overflow: hidden;
        transition: all 300ms ease-out;
        vertical-align: top;
        box-sizing: border-box;
        white-space: normal;
    }

        .carousel__slide figure {
            display: flex;
            margin: 0;
        }

        .carousel__slide div {
            position: relative;
            width: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .carousel__slide div:before {
                display: block;
                content: "";
                width: 100%;
                padding-top: 66.6666666667%;
            }

            .carousel__slide div > img {
                position: absolute;
                top: 0;
                left: 10%;
                right: 0;
                bottom: 0;
                height: 100%;
                border-radius: 10px;
            }

        .carousel__slide img {
            display: block;
            flex: 1 1 auto;
            object-fit: cover;
        }

        .carousel__slide figcaption {
            padding: 20px 20px 0 20px;
            flex: 0 0 auto;
            width: 50%;
            min-width: 150px;
        }

        .carousel__slide .credit {
            margin-top: 1rem;
            color: rgba(0, 0, 0, 0.5);
            display: block;
        }

        .carousel__slide.scrollable {
            overflow-y: scroll;
        }

    .carousel__thumbnails {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        margin: 0 -10px;
    }

    .carousel__slides + .carousel__thumbnails {
        margin-top: 20px;
    }

    .carousel__thumbnails li {
        flex: 1 1 auto;
        max-width: calc((70% / 3) - 20px);
        margin: 0 10px;
        transition: all 300ms ease-in-out;
    }

    .carousel__thumbnails label {
        display: block;
        position: relative;
    }

        .carousel__thumbnails label:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 100%;
        }

        .carousel__thumbnails label > img {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            border-radius: 5px;
        }

        .carousel__thumbnails label:hover, .carousel__thumbnails label:focus {
            cursor: pointer;
        }

            .carousel__thumbnails label:hover img, .carousel__thumbnails label:focus img {
                box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
                transition: all 300ms ease-in-out;
            }

    .carousel__thumbnails img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .leadership-team .carousel .carousel__slide figure img {
        max-width: 350px;
    }

    .leadership-team .carousel .carousel__slide figcaption .name {
        font-weight: bold;
        font-size: 20px;
        color: #003366;
    }

    .leadership-team .carousel .carousel__slide figcaption .title {
        font-weight: bold;
        font-size: 16px;
        color: #26a04c;
    }

    .leadership-team .carousel .carousel__slide figcaption .desc {
        margin-top: 10px;
        color: #808181;
        font-size: 16px;
        line-height: 30px;
    }

    .leadership-team .carousel .carousel__slide .header-wrapper {
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
    }

    @media only screen and (max-width: 767px) {
        .carousel__slide section {
            padding: 0px;
        }

        .leadership-team .carousel .carousel__slide figure img {
            max-height: 350px;
        }

        .carousel__slide figure {
            flex-direction: column;
        }

        .carousel__slide figcaption {
            width: 100%;
        }

        .leadership-team .carousel .carousel__slide .header-wrapper {
            display: flex;
            flex-direction: row;
        }

        .carousel__thumbnails li {
            max-width: calc((100% / 3) - 20px);
        }
    }

    /* END Leadership Carousel */


    .case_studies_slider .case_studies_box img {
        max-height: 160px !important;
    }





    .footer-wrapper {
        display: flex;
        flex-direction: row;
    }

    .map_location {
        position: relative;
    }

        .map_location img {
            position: absolute;
            left: -45px;
            height: 400px;
        }

    @media only screen and (max-width: 767px) {
        .footer-wrapper {
            display: flex;
            flex-direction: column;
        }

        .map_location img {
            position: relative;
            left: -29px;
            height: 288px;
            top: 18px;
        }
    }



    .consultation_form .intl-tel-input {
        width: 100%;
    }

    .consultation_form .form-control {
        padding-left: 5px !important;
    }

    .consultation_form .intl-tel-input .form-control {
        padding-left: 48px !important;
    }

    .consultation_form .contact_method select {
        max-width: 180px;
    }

    #case_studies button.slick-arrow, #case_studies .paging_cases {
        display: none !important;
    }

    .dropdown-toggle:hover + .dropdown-menu,
    .dropdown-menu:hover {
        display: block;
    }



    .casestudy_categories {
        height: auto !important;
    }

        .casestudy_categories .critical-div {
            height: auto !important;
        }

        .casestudy_categories .projects_ul li a {
            padding: 6px 0px !important;
            font-size: 13px !important;
        }

        .casestudy_categories .case_studies_box {
            width: 100%;
        }



            .casestudy_categories .case_studies_box .case_content img {
                position: absolute;
                top: -62px;
                width: 10px;
            }


        .casestudy_categories .client_ul li img {
            width: auto;
            width: 250px;
            max-width: 250px;
            height: 145px;
        }

        .casestudy_categories .client_ul li {
            display: inline-flex;
        }

    .case_study_conatiner .client_desc {
        width: 65%;
        border-left: 1px solid #d2d2d2;
        padding-left: 15px;
        align-items: center;
        justify-content: center;
    }

    .case_study_conatiner .client_summ_container {
        width: 35%;
        padding-right: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    @media only screen and (max-width: 767px) {
        .casestudy_categories .projects_ul {
            display: flex;
            flex-direction: column;
            border-radius: 15px;
        }

        .casestudy_categories .dropdown .dropbtn {
            background-color: #ffffff;
            color: #003366;
            font-weight: bold;
        }

        .casestudy_categories .dropdown a {
            color: #003366;
        }


        .casestudy_categories .projects_ul li {
            display: flex;
            text-align: start;
            padding-left: 10px;
            background-color: #fff;
        }

            .casestudy_categories .projects_ul li a.active {
                color: #398840;
                border-bottom: 1px solid #398840;
                background-color: #ffffff;
                border-radius: 0px !important;
                border-left: 0px !important;
                border-right: 0px !important;
            }

            .casestudy_categories .projects_ul li:nth-of-type(1) a, .projects_ul li:nth-of-type(2) a, .projects_ul li:nth-of-type(3) a {
                border-left: 0px !important;
                border-right: 0px !important;
            }

        .casestudy_categories .client_ul li {
            height: 445px
        }

        .casestudy_categories .case_studies_box {
            width: 300px;
            box-shadow: 1px 2px 5px #cdcdcd;
        }

        .casestudy_categories .client_ul li img {
            max-width: 300px;
        }
    }


    .case_study_conatiner {
        max-width: 1044px;
        margin: 0 auto;
        padding: 0 20px;
    }

        .case_study_conatiner .client_logo {
            max-height: 80px;
            max-width: 115px;
        }

        .case_study_conatiner .client_name {
            font-weight: bold;
            color: #003366;
            font-size: 26px;
        }

        .case_study_conatiner .client_info div {
            line-height: 35px;
            color: #003366;
        }

        .case_study_conatiner .client_desc {
            width: 100%;
        }

        .case_study_conatiner .client_summ_container {
            width: 100%;
        }

        .case_study_conatiner .client_desc .section {
        }

        .case_study_conatiner .client_desc .section-head {
            font-weight: bold;
            color: #003366;
            font-size: 18px;
        }

        .case_study_conatiner .client_desc .section ul {
            display: flex;
            flex-wrap: wrap;
            padding-left: 50px;
        }

            .case_study_conatiner .client_desc .section ul li {
                min-width: 280px;
                line-height: 24px;
            }


        .case_study_conatiner .client_summ_container .client_name {
            text-align: center;
        }

        .case_study_conatiner .solutions .desc {
            line-height: 22px;
        }

    .case-study-testimonail {
        padding-top: 30px !important;
        padding-bottom: 20px !important;
    }


    /*START FAQ*/
    /*
    label, a {
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    display: inline-block;
    color: inherit;
    transition: border 0.2s;
    border-bottom: 5px solid rgba(142, 68, 173, 0.2);
    padding: 3px 2px;
}

    label:hover, a:hover {
        border-bottom-color: #9b59b6;
    }*/
    .faq .layout {
        display: grid;
        height: 100%;
        width: 100%;
        overflow: hidden;
        grid-template-rows: 50px 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .faq input[type=radio] {
        display: none;
    }

    .faq label.nav {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-bottom: 2px solid #003366;
        background: #ecf0f1;
        user-select: none;
        transition: background 0.4s, padding-left 0.2s;
        padding-left: 0;
    }

    .faq input[type=radio]:checked + .page + label.nav {
        background: #003366;
        color: #ffffff;
        padding-left: 20px;
    }

        .faq input[type=radio]:checked + .page + label.nav span {
            padding-left: 20px;
        }

        .faq input[type=radio]:checked + .page + label.nav svg {
            opacity: 1;
        }

    .faq label.nav span {
        padding-left: 0px;
        position: relative;
    }

    .faq label.nav svg {
        left: 0;
        top: -3px;
        position: absolute;
        width: 15px;
        opacity: 0;
        transition: opacity 0.2s;
    }

    .faq .page {
        grid-column-start: 1;
        grid-row-start: 2;
        grid-column-end: span 3;
        align-items: center;
    }

    .faq .page-contents > * {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.2s, transform 0.2s;
    }

        .faq .page-contents > *:nth-child(1) {
            transition-delay: 0.4s;
        }

        .faq .page-contents > *:nth-child(2) {
            transition-delay: 0.6s;
        }

        .faq .page-contents > *:nth-child(3) {
            transition-delay: 0.8s;
        }

        .faq .page-contents > *:nth-child(4) {
            transition-delay: 1s;
        }

        .faq .page-contents > *:nth-child(5) {
            transition-delay: 1.2s;
        }

        .faq .page-contents > *:nth-child(6) {
            transition-delay: 1.4s;
        }

        .faq .page-contents > *:nth-child(7) {
            transition-delay: 1.6s;
        }

        .faq .page-contents > *:nth-child(8) {
            transition-delay: 1.8s;
        }

        .faq .page-contents > *:nth-child(9) {
            transition-delay: 2s;
        }

        .faq .page-contents > *:nth-child(10) {
            transition-delay: 2.2s;
        }

        .faq .page-contents > *:nth-child(11) {
            transition-delay: 2.4s;
        }

        .faq .page-contents > *:nth-child(12) {
            transition-delay: 2.6s;
        }

        .faq .page-contents > *:nth-child(13) {
            transition-delay: 2.8s;
        }

        .faq .page-contents > *:nth-child(14) {
            transition-delay: 3s;
        }

        .faq .page-contents > *:nth-child(15) {
            transition-delay: 3.2s;
        }

        .faq .page-contents > *:nth-child(16) {
            transition-delay: 3.4s;
        }

        .faq .page-contents > *:nth-child(17) {
            transition-delay: 3.6s;
        }

        .faq .page-contents > *:nth-child(18) {
            transition-delay: 3.8s;
        }

        .faq .page-contents > *:nth-child(19) {
            transition-delay: 4s;
        }

        .faq .page-contents > *:nth-child(20) {
            transition-delay: 4.2s;
        }

    .faq input[type=radio] + .page {
        transition: transform 0.2s;
        transform: translateX(100%);
    }

    .faq input[type=radio]:checked + .page {
        transform: translateX(0%);
    }

        .faq input[type=radio]:checked + .page .page-contents > * {
            opacity: 1;
            transform: translateY(0px);
        }

    .faq .page-contents {
        width: 100%;
        margin: 0 auto;
    }

    .faq .accordion-button:not(.collapsed) {
        color: #003366;
        background-color: #d2d2d2;
    }

    .faq .accordion-button:focus {
        z-index: 3;
        border-color: none;
        outline: 0;
        box-shadow: none;
    }

    .faq .accordion-button::after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        margin-left: auto;
        content: "\f078"; /* Font Awesome 5 down arrow icon code */
        font-family: "Font Awesome 5 Free"; /* Font Awesome font family */
        font-weight: 900; /* Font weight for the solid style */
        font-size: 1.25rem; /* Adjust the size as needed */
        color: #003366; /* Desired color */
        text-align: center;
        line-height: 1.25rem; /* Match the height for vertical alignment */
        transition: transform .2s ease-in-out;
    }

    .faq .accordion-button {
        display: block;
        padding: 0.6rem 0rem;
    }

    .faq .accordion-body {
        padding: 1rem 0rem;
    }

    .faq .accordion-button::after {
        background-image: none;
        margin-left: 5px;
    }

    .faq .accordion-button.active::after {
        content: "\f077";
    }



    .faq .accordion-item {
        border: none;
    }

    .faq .faq-answer {
        display: none;
    }


    @media only screen and (max-width: 767px) {
        .faq input[type=radio]:checked + .page + label.nav {
            padding-left: 0px;
        }

            .faq input[type=radio]:checked + .page + label.nav span {
                padding-left: 0px;
            }
    }
    /*END FAQ*/



.tv-shadow {
    border-radius:5px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6), /* Outer shadow for depth */
    inset 0 5px 15px rgba(255, 255, 255, 0.2), /* Inner glow at the top */
    inset 0 -5px 15px rgba(0, 0, 0, 0.5), /* Inner shadow at the bottom */
    inset -5px 0 10px rgba(0, 0, 0, 0.3), /* Inner shadow on the left */
    inset 5px 0 10px rgba(0, 0, 0, 0.3); /* Inner shadow on the right */
}

/*.two-section-image .tab_content img {
    height: 360px !important;
    width: 600px !important;
}*/

.two-section-image .tab_content video {
}

.two-section-image .tab_content .feature-list img {
    height: 32px !important;
    width: 32px !important;
}
.two-section-image .critical-div, .two-section-image .testimonials-div {
    height: auto !important;
}

@media only screen and (max-width: 767px) {
    .two-section-image .critical-div {
        height: auto !important;
    }

    .two-section-image .testimonials-div {
        height: 500px !important;
    }

   /* .two-section-image .tab_content img {
        width: 100% !important;
    }*/
}

.feature-list {
    list-style-type: none;
    padding: 0;
    margin-left: 50px;
}

    .feature-list li {
        display: flex;
        align-items: center;
        margin-bottom: 20px;
    }

        .feature-list li img {
            width: 40px; /* Adjust as necessary */
            height: auto;
            margin-right: 10px;
        }

        .feature-list li h3 {
            margin: 0;
            font-size: 1em;
        }

        .feature-list li p {
            margin: 5px 0 0 0;
            font-size: 1em;
        }

.banner-sec .video-js, .banner-sec .tab_content img {
    max-width: 500px;
    max-height: 282px;
}

#HireAgency .video-js, #HireTalent .video-js, #HireAgency .tab_content img, #HireTalent .tab_content img {
    width: 620px !important; /* Set width */
    height: 350px !important; /* Set height */
    max-width: 100%; /* Ensure it is responsive */
}

@media only screen and (max-width: 767px) {

    #Testimonials {
        padding-left: 0px;
    }

    .banner-sec .video-js, .banner-sec .tab_content img {
        max-width: 370px;
        max-height: 208px;
    }

    #HireAgency .video-js, #HireTalent .video-js, #HireAgency .tab_content img, #HireTalent .tab_content img {
        max-width: 370px;
        max-height: 208px;
    }
}